<html>
<head>
- <link rel="stylesheet" href="/res/reset.css" />
- <link rel="stylesheet" href="/res/style.css" />
+ <base href="https://www.jkinsey.net" target="_top">
+ <link rel="stylesheet" href="res/reset.css" />
+ <link rel="stylesheet" href="res/style.css" />
- <script src="/js/script.js"></script>
+ <script src="js/script.js"></script>
<title>Jack Kinsey</title>
</head>
- <body>
+ <body class="yellow">
+ <main>
- <menu id="menu" class="middle">
- <div id="avatar"><a href="/" class="home"><img src="/res/face.png"></img></a></div></a>
- <div id="name"><a href="/" class="home"><h1>Jack Kinsey</h1></a></div>
+ <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>
<nav id="links">
<ul>
- <li><a href="/writing" class="" data-name="writing">Writing</a></li>
- <li><a href="/code" class="" data-name="code">Code</a></li>
- <li><a href="/about" class="" data-name="about">About</a></li>
- <li><a href="/kinsey17-resume.pdf" data-name="resume">Résumé</a></li>
+ <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>
</ul>
</nav>
- </menu>
+ </header>
<div id="content">
<article id="writing" class="hidden">
- <div class="left">
- Writing. Lorem ipsum dolor sit amet, consecteteur adipiscing. Id. Id velit ligula in suscipit quisque libero ac arcu id. Ut, torquent curae nam. Tempus mi. Cras, et. Iaculis a, rutrum etiam quam, cras senectus auctor, class iaculis nostra, venenatis. Egestas. Tempus urna orci imperdiet accumsan rutrum varius. Elit luctus. Quisque ad, velit platea felis ad. Lorem hymenaeos habitant.
- <br>
- Magna consequat nonummy consectetuer. Urna. Tempus dui orci vestibulum ad, lobortis est, feugiat eu, mattis inceptos risus in, ultricies massa ultricies. Mollis faucibus porta et. Fringilla. Ac dolor. Pede at elit ridiculus ut risus nec metus consequat mus, dignissim luctus justo risus. Pede. Diam eleifend cras, vivamus a. Nec, vehicula nonummy egestas taciti purus, vehicula sem. Rutrum et lobortis magna consectetuer, ultricies.
+ <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 class="right">
- Magna consequat nonummy consectetuer. Urna. Tempus dui orci vestibulum ad, lobortis est, feugiat eu, mattis inceptos risus in, ultricies massa ultricies. Mollis faucibus porta et. Fringilla. Ac dolor. Pede at elit ridiculus ut risus nec metus consequat mus, dignissim luctus justo risus. Pede. Diam eleifend cras, vivamus a. Nec, vehicula nonummy egestas taciti purus, vehicula sem. Rutrum et lobortis magna consectetuer, ultricies.
- <br>
- Lorem ipsum dolor sit amet, consecteteur adipiscing. Id. Id velit ligula in suscipit quisque libero ac arcu id. Ut, torquent curae nam. Tempus mi. Cras, et. Iaculis a, rutrum etiam quam, cras senectus auctor, class iaculis nostra, venenatis. Egestas. Tempus urna orci imperdiet accumsan rutrum varius. Elit luctus. Quisque ad, velit platea felis ad. Lorem hymenaeos habitant.
+ <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>
+ <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>
+ </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>
+ </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>
</div>
</article>
<article id="code" class="hidden">
- <div class="left">
- Code. Lorem ipsum dolor sit amet, consecteteur adipiscing. Id. Id velit ligula in suscipit quisque libero ac arcu id. Ut, torquent curae nam. Tempus mi. Cras, et. Iaculis a, rutrum etiam quam, cras senectus auctor, class iaculis nostra, venenatis. Egestas. Tempus urna orci imperdiet accumsan rutrum varius. Elit luctus. Quisque ad, velit platea felis ad. Lorem hymenaeos habitant.
- <br>
- Magna consequat nonummy consectetuer. Urna. Tempus dui orci vestibulum ad, lobortis est, feugiat eu, mattis inceptos risus in, ultricies massa ultricies. Mollis faucibus porta et. Fringilla. Ac dolor. Pede at elit ridiculus ut risus nec metus consequat mus, dignissim luctus justo risus. Pede. Diam eleifend cras, vivamus a. Nec, vehicula nonummy egestas taciti purus, vehicula sem. Rutrum et lobortis magna consectetuer, ultricies.
+ <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 class="right">
- Magna consequat nonummy consectetuer. Urna. Tempus dui orci vestibulum ad, lobortis est, feugiat eu, mattis inceptos risus in, ultricies massa ultricies. Mollis faucibus porta et. Fringilla. Ac dolor. Pede at elit ridiculus ut risus nec metus consequat mus, dignissim luctus justo risus. Pede. Diam eleifend cras, vivamus a. Nec, vehicula nonummy egestas taciti purus, vehicula sem. Rutrum et lobortis magna consectetuer, ultricies.
- <br>
- Lorem ipsum dolor sit amet, consecteteur adipiscing. Id. Id velit ligula in suscipit quisque libero ac arcu id. Ut, torquent curae nam. Tempus mi. Cras, et. Iaculis a, rutrum etiam quam, cras senectus auctor, class iaculis nostra, venenatis. Egestas. Tempus urna orci imperdiet accumsan rutrum varius. Elit luctus. Quisque ad, velit platea felis ad. Lorem hymenaeos habitant.
+ <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 class="left">
- About. Lorem ipsum dolor sit amet, consecteteur adipiscing. Id. Id velit ligula in suscipit quisque libero ac arcu id. Ut, torquent curae nam. Tempus mi. Cras, et. Iaculis a, rutrum etiam quam, cras senectus auctor, class iaculis nostra, venenatis. Egestas. Tempus urna orci imperdiet accumsan rutrum varius. Elit luctus. Quisque ad, velit platea felis ad. Lorem hymenaeos habitant.
- <br>
- Magna consequat nonummy consectetuer. Urna. Tempus dui orci vestibulum ad, lobortis est, feugiat eu, mattis inceptos risus in, ultricies massa ultricies. Mollis faucibus porta et. Fringilla. Ac dolor. Pede at elit ridiculus ut risus nec metus consequat mus, dignissim luctus justo risus. Pede. Diam eleifend cras, vivamus a. Nec, vehicula nonummy egestas taciti purus, vehicula sem. Rutrum et lobortis magna consectetuer, ultricies.
+ <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>
+ <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>
</div>
- <div class="right">
- Magna consequat nonummy consectetuer. Urna. Tempus dui orci vestibulum ad, lobortis est, feugiat eu, mattis inceptos risus in, ultricies massa ultricies. Mollis faucibus porta et. Fringilla. Ac dolor. Pede at elit ridiculus ut risus nec metus consequat mus, dignissim luctus justo risus. Pede. Diam eleifend cras, vivamus a. Nec, vehicula nonummy egestas taciti purus, vehicula sem. Rutrum et lobortis magna consectetuer, ultricies.
- <br>
- Lorem ipsum dolor sit amet, consecteteur adipiscing. Id. Id velit ligula in suscipit quisque libero ac arcu id. Ut, torquent curae nam. Tempus mi. Cras, et. Iaculis a, rutrum etiam quam, cras senectus auctor, class iaculis nostra, venenatis. Egestas. Tempus urna orci imperdiet accumsan rutrum varius. Elit luctus. Quisque ad, velit platea felis ad. Lorem hymenaeos habitant.
+ <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>.
</div>
</article>
</div>
+ </main>
</body>
</html>
projects / jkinsey.net.git / blobdiff