<html>
<head>
- <base href="https://www.jkinsey.net" target="_top">
- <link rel="stylesheet" href="res/reset.css" />
+ <!-- <link rel="stylesheet" href="res/reset.css" /> -->
<link rel="stylesheet" href="res/style.css" />
- <script src="js/script.js"></script>
-
<title>Jack Kinsey</title>
</head>
<body class="yellow">
<main>
- <header id="menu" class="middle">
- <div id="avatar"><a href="/" data-color="yellow" class="home"><img src="res/face.png"></img></a></div></a>
- <div id="name"><a href="/" data-color="yellow" class="home"><h1>Jack Kinsey</h1></a></div>
+ <header id="menu" class="top">
+ <div id="name"><a href="/" class="home"><h1><span class="h">Jack Kinsey</span></h1></a></div>
<nav id="links">
<ul>
- <li><a href="writing" class="" data-color="pink" data-name="writing">Writing</a></li>
- <li><a href="code" class="" data-color="blue" data-name="code">Code</a></li>
- <li><a href="about" class="" data-color="green" data-name="about">About</a></li>
- <li><a href="res/files/resume.pdf" data-name="resume">Résumé</a></li>
+ <li><a href="#writing" class="h">Writing</a></li>
+ <li><a href="#code" class="h">Code</a></li>
+ <li><a href="#about" class="h">About</a></li>
+ <li><a href="#resume" class="h">Résumé</a></li>
</ul>
</nav>
</header>
<div id="content">
- <article id="writing" class="hidden">
- <div>
- <h2><a href="http://blog.jkinsey.net/">My tumblr.</a></h2>
- <p>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.</p>
- </div>
- <div>
- <h2><a href="http://sites.psu.edu/jackkinseycivicissue/">Liberal elitism, and other civic issues.</a></h2>
- <p>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.</p>
- </div>
+ <article id="resume">
<div>
- <h2><a href="res/files/epidemic.pdf">The unifying impact of the AIDS epidemic.</a></h2>
- <p>An overview and discussion of the broad changes in the LGBTQ community resulting from the HIV/AIDS epidemic in the 80s and 90s.</p>
+ <h2 id="experience">Experience.</h2>
+ <p><strong>Consultant at Booz Allen Hamilton in the Washington, D.C. area <em>(August 2019—Present)</em></strong></p>
+ <ul>
+ <li><p>Developed business process software using a mix of custom development and low-code tools</p></li>
+ <li><p>Led development on over a dozen applications for client</p></li>
+ <li><p>Led development on suite of internal applications for managing staff resources</p></li>
+ <li><p>Led design of and documentation effort for client Power Platform development practices</p></li>
+ <li><p>Led client team training on Power Platform development</p></li>
+ <li><p>Designed and built GitHub automation for Power Platform ALM</p></li>
+ <li><p>Built chart and graph visualizations in JavaScript using d3</p></li>
+ <li><p>Built custom web interface in JavaScript using Vue</p></li>
+ <li><p>Developed serverless web service on AWS in TypeScript</p></li>
+ <li><p>Took ownership of and wrote improvements for a client C# application</p></li>
+ </ul>
+ <p><strong>Summer Games intern at Booz Allen Hamilton in Arlington, VA <em>(Summer 2018)</em></strong></p>
+ <ul>
+ <li><p>Worked alongside a team of 4 to deliver a functional software product for use internally</p></li>
+ <li><p>Led development of a JavaScript/HTML/CSS user interface from scratch</p></li>
+ <li><p>Integrated with a custom Python backnd built to do graph analytics</p></li>
+ </ul>
+ <p><strong>Committee Member (Various) at Setsucon in State College, PA <em>(Fall 2017—Winter 2021)</em></strong></p>
+ <ul>
+ <p><em>As Programming Director:</em></p>
+ <li><p>Led team of 7+ fellow volunteers to organize programming for an online convention</p></li>
+ <li><p>Designed novel programming events to reach online audience</p></li>
+ <p><em>As Panels Coordinator:</em></p>
+ <li><p>Curated panel submissions from nearly 40 panelists</p></li>
+ <li><p>Designed the schedule for a 2 day convention of over 1000 people</p></li>
+ <li><p>Coordinated with a team of 20+ fellow volunteers</p></li>
+ </ul>
+ <p><strong>Independent web developer, programmer, and sysadmin <em>(2013—Present)</em></strong></p>
+ <ul>
+ <li><p>Host and maintain a professional and personal website</p></li>
+ <li><p>Develop sites and web applications for friends, fun, and other commitments</p></li>
+ <li><p>Build and maintain an Arch Linux desktop</p></li>
+ </ul>
</div>
<div>
- <h2><a href="res/files/klk.pdf">The confusing and bombastic nudity of <em>Kill la Kill</em>.</a></h2>
- <p>A brief analysis of the anime <em>Kill la Kill</em> using feminist tools, notably the concepts of objectification and the sexualization of violence. </p>
+ <h2 id="education">Education.</h2>
+ <p><strong>The Pennsylvania State University <em>(Class of 2019)</em></strong></p>
+ <ul>
+ <li><p>The Schreyer Honors College</p></li>
+ <li><p>Bachelor's in Computer Science</p></li>
+ <li><p>The College of Engineering</p></li>
+ </ul>
</div>
<div>
- <h2><a href="res/files/homelessness.pdf">Chronic homelessness: interviewing the future's home.</a></h2>
- <p>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.</p>
- </div>
- <div>
- <h2><a href="http://personal.psu.edu/jfk5379/homelessness/">Homelessness in the United States.</a></h2>
- <p>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.</p>
+ <h2 id="skills">Skills.</h2>
+ <p><strong>Programming</strong></p>
+ <ul>
+ <li><p>Python, JavaScript, HTML, CSS, Bash, POSIX Shell</p></li>
+ <li><p>TypeScript, C#, SQL, Clojure, Common Lisp</p></li>
+ <li><p>C, C++, Haskell, Rust, Go</p></li>
+ </ul>
+ <p><strong>Tools</strong></p>
+ <ul>
+ <li><p>Git, GitHub, LaTeX, Wordpress, Docker, jq</p></li>
+ <li><p>Power Apps, Power Automate, Power BI, Dynamics 365</p></li>
+ <li><p>AWS Lambda, AWS Document DB, AWS API Gateway, AWS CDK</p></li>
+ </ul>
+ <p><strong>Systems</strong></p>
+ <ul>
+ <li><p>Arch Linux, Alpine Linux, Windows</p></li>
+ </ul>
+ <p><strong>Writing</strong></p>
+ <ul>
+ <li><p>Write project documentation and development design documents</p></li>
+ </ul>
</div>
</article>
- <article id="code" class="hidden">
- <div>
- <h2><a href="http://www.jkinsey.net/asterisk/">Project "<em><em>Asterisk</em></em>" beta.</a></h2>
- <p>A small 3D game prototype developed in JavaScript for the browser with <a href="https://threejs.org/">Three.js</a>.I <a href="http://blog.jkinsey.net/tagged/asterisk/chrono">blogged</a> about its development over the course of several weeks, but many details remain unrevealed.</p>
- </div>
- <div>
- <h2><a href="https://github.com/jackkinsey/godfather">Godfather.</a></h2>
- <p>The final project for my CMPSC 122 (intro to algorithms and data structures) course at Penn State. Written in C++, we had to convert faux airport data into statistics on planes landed, departed, crashed, and so on. Hosted on GitHub.</p>
- </div>
- <div>
- <h2><a href="http://git.jkinsey.net">Miscellaneous C++ projects.</a></h2>
- <p>Smaller C++ programs also written for CMPSC 122. We had to write an email address validator, a dynamic array implemented with a physical array, and a dynamic array implemented with a linked list. Not the most exciting of projects, but I'm proud of the code quality.</p>
- </div>
- <div>
- <h2><a href="https://github.com/jackkinsey/child-scare-kills">Child Scare Kills.</a></h2>
- <p>A 2D WarioWare-style browser game written in JavaScript using <a href="https://threejs.org/">Three.js</a>. Developed with <a href="https://liammcfalls.tumblr.com/">Liam McFalls</a> for a child care class in high school, so it's a bit goofy.</p>
- </div>
- </article>
- <article id="about" class="hidden">
- <div>
- <h2>A short history.</h2>
- <p>Born and raised in Lancaster, Pennsylvania. I attended Conestoga Valley High School as part of the Class of 2016. I now attend Penn State University at University Park as a Computer Science major, with the intent to graduate in 2019. My passions have always included media of all kinds and computers; I've been programming in some form since 2012, and I've been thinking and writing about stories nearly my entire life.</p>
- <p>In recent years I've developed a particular interest in Linux and open source software, and I've been working towards developing my skills in the hopes of contributing back to the FOSS community. I also care deeply about video games as an art form and source of potential for social change.</p>
- </div>
+
+ <article id="about">
<div>
- <h2>Social media.</h2>
- <p><a href="http://blog.jkinsey.net/">Tumblr.</a> My blog, as described elsewhere on this site.</p>
- <p><a href="https://github.com/jackkinsey/">GitHub.</a> For those few projects that deserve to be seen by the Internet at large.</p>
- <p><a href="https://twitter.com/_jackkinsey">Twitter.</a> Seldom used, but I like to keep it around for when I need it.</p>
- <p><a href="https://www.linkedin.com/in/jack-kinsey-26406994/">LinkedIn.</a> For professional representation.</p>
+ <h2><span class="h">Social media.</span></h2>
+ <p>
+ <a href="https://github.com/jackkinsey/" class="h">github</a>
+ <a href="https://twitter.com/_jackkinsey" class="h">twitter</a>
+ <a href="https://www.linkedin.com/in/jack-kinsey-26406994/" class="h">linkedin</a>
+ </p>
</div>
<div>
- <h2>Notes.</h2>
- <p>All content, unless otherwise noted, released under <a href="https://creativecommons.org/licenses/by-sa/4.0/">CC-BY-SA</a>.</p>
- <p>DNS servers provided by <a href="http://freedns.afraid.org/">Free DNS</a>.
+ <h2><span class="h">Notes.</span></h2>
+ <p><span class="h">All content, unless otherwise noted, released under <a href="https://creativecommons.org/licenses/by-sa/4.0/">CC-BY-SA</a>.</span></p>
</div>
</article>
</div>
+++ /dev/null
-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);
-@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 {
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;
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 {
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;
}
projects / jkinsey.net.git / commitdiff
