Jack Kinsey

My tumblr.

Game reviews and analysis, the details of whatever project I'm currently working on, and random updates whenever I do something cool enough that I think it merits description.

Liberal elitism, and other civic issues.

A few short essays discussing the idea of 'liberal elitism,' a subject of much debate in connection with the election of Donald Trump as U.S. President.

The unifying impact of the AIDS epidemic.

An overview and discussion of the broad changes in the LGBTQ community resulting from the HIV/AIDS epidemic in the 80s and 90s.

Experience.

Consultant at Booz Allen Hamilton in the Washington, D.C. area (August 2019—Present)

Developed business process software using a mix of custom development and low-code tools
Led development on over a dozen applications for client
Led development on suite of internal applications for managing staff resources
Led design of and documentation effort for client Power Platform development practices
Led client team training on Power Platform development
Designed and built GitHub automation for Power Platform ALM
Built chart and graph visualizations in JavaScript using d3
Built custom web interface in JavaScript using Vue
Developed serverless web service on AWS in TypeScript
Took ownership of and wrote improvements for a client C# application

Summer Games intern at Booz Allen Hamilton in Arlington, VA (Summer 2018)

Worked alongside a team of 4 to deliver a functional software product for use internally
Led development of a JavaScript/HTML/CSS user interface from scratch
Integrated with a custom Python backnd built to do graph analytics

Committee Member (Various) at Setsucon in State College, PA (Fall 2017—Winter 2021)

As Programming Director:

Led team of 7+ fellow volunteers to organize programming for an online convention
Designed novel programming events to reach online audience

As Panels Coordinator:

Curated panel submissions from nearly 40 panelists
Designed the schedule for a 2 day convention of over 1000 people
Coordinated with a team of 20+ fellow volunteers

Independent web developer, programmer, and sysadmin (2013—Present)

Host and maintain a professional and personal website
Develop sites and web applications for friends, fun, and other commitments
Build and maintain an Arch Linux desktop

The confusing and bombastic nudity of Kill la Kill.

A brief analysis of the anime Kill la Kill using feminist tools, notably the concepts of objectification and the sexualization of violence.

Education.

The Pennsylvania State University (Class of 2019)

The Schreyer Honors College
Bachelor's in Computer Science
The College of Engineering

Chronic homelessness: interviewing the future's home.

An introduction to the problem of homelessness in the United States, focusing specifically on chronic homelessness, and a brief discussion of potential unusual solutions to housing shortages. Typeset in LaTeX.

Homelessness in the United States.

A website designed to deliver key facts about homelessness in the United States to casual viewers, using select government publications as reputable sources of high-quality information.

Skills.

Programming

Python, JavaScript, HTML, CSS, Bash, POSIX Shell
TypeScript, C#, SQL, Clojure, Common Lisp
C, C++, Haskell, Rust, Go

Tools

Git, GitHub, LaTeX, Wordpress, Docker, jq
Power Apps, Power Automate, Power BI, Dynamics 365
AWS Lambda, AWS Document DB, AWS API Gateway, AWS CDK

Systems

Arch Linux, Alpine Linux, Windows

Writing

Write project documentation and development design documents

- -

diff --git a/js/script.js b/js/script.js deleted file mode 100644 index c8ea157..0000000 --- a/js/script.js +++ /dev/null @@ -1,43 +0,0 @@ -window.addEventListener('load', function() { - var links = document.getElementById("links").children[0].children; - var home = document.getElementsByClassName("home"); - var menu = document.getElementById("menu"); - var content = document.getElementById("content"); - var body = document.getElementsByTagName("body")[0]; - - function menuOperator(node, position, token="") { - menu.setAttribute("class", position); - for(var i = 0; i < links.length; i++) { - links[i].children[0].removeAttribute("class"); - } - node.setAttribute("class", "selected " + token); - for(var i = 0; i < content.children.length; i++) { - content.children[i].setAttribute("class", "hidden") - } - var name = node.getAttribute("data-name"); - if(name) { - var article = document.getElementById(name); - article.setAttribute("class", "selected"); - } - var color = node.getAttribute("data-color"); - if(color) { - body.setAttribute("class", color); - } - window.history.pushState("object or string", "Title", node.href); - } - - for(var i = 0; i < links.length - 1; i++) { - links[i].children[0].onclick = function(event) { - event.preventDefault(); - var node = event.currentTarget; - menuOperator(node, "top"); - }; - } - for(var i = 0; i < home.length; i++) { - home[i].onclick = function(event) { - event.preventDefault(); - var node = event.currentTarget; - menuOperator(node, "middle", "home"); - } - } -}, false); diff --git a/res/bluestars.png b/res/bluestars.png deleted file mode 100644 index c91ed65..0000000 Binary files a/res/bluestars.png and /dev/null differ diff --git a/res/face.png b/res/face.png deleted file mode 100644 index d2661f5..0000000 Binary files a/res/face.png and /dev/null differ diff --git a/res/files/epidemic.pdf b/res/files/epidemic.pdf deleted file mode 100644 index 2245a8a..0000000 Binary files a/res/files/epidemic.pdf and /dev/null differ diff --git a/res/files/homelessness.pdf b/res/files/homelessness.pdf deleted file mode 100644 index 6d8c09c..0000000 Binary files a/res/files/homelessness.pdf and /dev/null differ diff --git a/res/files/klk.pdf b/res/files/klk.pdf deleted file mode 100644 index 25ea8d4..0000000 Binary files a/res/files/klk.pdf and /dev/null differ diff --git a/res/files/resume.pdf b/res/files/resume.pdf deleted file mode 100644 index 27650ee..0000000 Binary files a/res/files/resume.pdf and /dev/null differ diff --git a/res/greenstars.png b/res/greenstars.png deleted file mode 100644 index 5c5d7e2..0000000 Binary files a/res/greenstars.png and /dev/null differ diff --git a/res/pinkstars.png b/res/pinkstars.png deleted file mode 100644 index eeed9e8..0000000 Binary files a/res/pinkstars.png and /dev/null differ diff --git a/res/style.css b/res/style.css index 58fb54f..7dbb2b2 100644 --- a/res/style.css +++ b/res/style.css @@ -1,43 +1,23 @@ -@import url('https://fonts.googleapis.com/css?family=Cutive+Mono|Source+Code+Pro:300'); - -body { - width:100%; - height:100%; - overflow-x:hidden; - font-family:'Cutive Mono', monospace; - color:#FFF1FF; - transition:background-color .6s cubic-bezier(0.23, 1, 0.32, 1); -} - -body.pink { - background-color:#161216; -} - -body.blue { - background-color:#001216; -} - -body.green { - background-color:#031514; +@font-face { + font-family: "Cutive Mono"; + src: url("./CutiveMono-Regular.woff2"); } -body.yellow { - background-color:#191710; +body { + background: url(blackstars.png); + background-color: #111111; + color: #fefefe; + font-family: monospace; + padding: 16px; } -main { - width:100%; - height:100%; - background:url(stars.png); +header { + width: 700px; + margin: 0 auto; } -header { - position:absolute; - width:400px; - height:400px; - font-family:'Source Code Pro', monospace; - /*font-smooth:never; - -webkit-font-smoothing:none;*/ +header h1 { + font-size: 2em; } header > div > a { @@ -45,116 +25,36 @@ header > div > a { text-decoration:none; } -header.middle { - left:calc(50% - 200px); - top:calc(50% - 400px); - height:400px; -} - -header.top { - left:calc(50% - 200px); - top:10px; - height:100px; -} - -header, header > *, header img, article { - transition:all .6s cubic-bezier(0.23, 1, 0.32, 1); -} - -header.middle #avatar { - display:block; - position:absolute; - right:0px; - bottom:100px; - width:300px; - height:300px; - margin-left:50px; - margin-right:50px; -} - -header.middle #avatar img { - width:256px; - height:256px; - margin:22px; - border-radius:50%; -} - -header.middle #name { - position:absolute; - right:0px; - bottom:50px; - width:100%; - height:50px; - font-size:3em; -} - -header.middle #name h1 { - display:block; - width:100%; - height:50px; - line-height:50px; - text-align:center; -} - -header.top #avatar { - display:inline-block; - position:absolute; - right:300px; - bottom:50px; - width:100px; - height:50px; - text-align:center; -} - -header.top #avatar img { - display:inline-block; - width:50px; - height:50px; - border-radius:50%; -} - -header.top #name { - display:inline-block; - position:absolute; - right:0px; - bottom:50px; - width:300px; - height:50px; - font-size:2.5em; -} - -header.top #name h1 { - display:inline-block; - width:100%; - height:50px; - line-height:50px; - text-align:center; -} - header nav { - position:absolute; - right:0px; - bottom:0px; display:flex; flex-direction:column; + width: 400px; } header nav ul { display:flex; flex-direction:row; - width:400px; - height:50px; } header nav ul li { display:inline-block; text-align:center; - width:25%; height:50px; + padding-right: 24px; font-size:1.25em; line-height:50px; } +a { + color: #f771fc; +} + +header nav ul li::before { + font-size: .75em; + line-height: .1em; + content: "#"; +} + header nav ul li a:link, header nav ul li a:visited { text-decoration:none; color:inherit; @@ -164,34 +64,20 @@ header nav ul li a:hover, header nav ul li a.selected { text-decoration:underline; } - article { - display:flex; - flex-direction:row; - flex-wrap:wrap; - justify-content:space-between; - position:absolute; - top:150px; - left:calc(50% - 400px); - width:800px; - height:auto; + width: 700px; + margin: 0 auto; + /* padding: 16px 0px 16px 0px; */ } -article.selected { - opacity:1; - visibility:visible; - top:150px; +article h2 { + /* padding: 8px 0px 8px 0px; */ + font-size: 1.2em; } -article.hidden { - opacity:0; - visibility:hidden; - top:200px; -} - -article div { - width:350px; - margin:25px; +article h2::before { + font-size: 1em; + content: "\2014"; /* emdash */ } em { @@ -203,24 +89,15 @@ em > em { font-weight:bold; } -article div h2 { - margin-bottom:5px; - font-size:1.5em; -} -article div h2 a:link, article div h2 a:visited { - color:inherit; +article p { + line-height: 1.25em; } -article div p { - margin-top:5px; -} - -article div p a:link, article div p a:visited { - color:inherit; +article div { + padding: 16px 0px 16px 0px; } -#about div { - width:600px; - margin:25px 100px 25px 100px; +a, p, h1, h2 { + background-color: #111111; } diff --git a/res/yellowstars.png b/res/yellowstars.png deleted file mode 100644 index d41ba44..0000000 Binary files a/res/yellowstars.png and /dev/null differ

Jack Kinsey

Jack Kinsey

My tumblr.

Liberal elitism, and other civic issues.

The unifying impact of the AIDS epidemic.

Experience.

The confusing and bombastic nudity of Kill la Kill.

Education.

Chronic homelessness: interviewing the future's home.

Homelessness in the United States.

Skills.

Project "Asterisk" beta.

Godfather.

Miscellaneous C++ projects.

Child Scare Kills.

A short history.

Social media.

Social media.

Notes.

Notes.