build:
+ mkdir about code writing
sed '/id=\"menu\"/s/middle/top/; /<body/s/yellow/green/; /id=\"about\"/s/class=\".*\"/class=\"selected\"/; /data-name=\"about\"/s/class=\"\"/class=\"selected\"/' < index.html > about/index.html
sed '/id=\"menu\"/s/middle/top/; /<body/s/yellow/blue/; /id=\"code\"/s/class=\".*\"/class=\"selected\"/; /data-name=\"code\"/s/class=\"\"/class=\"selected\"/' < index.html > code/index.html
sed '/id=\"menu\"/s/middle/top/; /<body/s/yellow/pink/; /id=\"writing\"/s/class=\".*\"/class=\"selected\"/; /data-name=\"writing\"/s/class=\"\"/class=\"selected\"/' < index.html > writing/index.html
+++ /dev/null
-<html>
- <head>
- <base href="http://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>
-
- <title>Jack Kinsey</title>
- </head>
- <body class="green">
- <main>
-
- <header id="menu" class="top">
- <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-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="selected" 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>
- </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>
- <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>
- <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="selected">
- <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>
- <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>
+++ /dev/null
-<html>
- <head>
- <base href="http://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>
-
- <title>Jack Kinsey</title>
- </head>
- <body class="blue">
- <main>
-
- <header id="menu" class="top">
- <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-color="pink" data-name="writing">Writing</a></li>
- <li><a href="/code" class="selected" 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>
- </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>
- <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="selected">
- <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>
- <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>
- <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>
<html>
<head>
<base href="http://www.jkinsey.net" target="_top">
- <link rel="stylesheet" href="/res/reset.css" />
- <link rel="stylesheet" href="/res/style.css" />
+ <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>
<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="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-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="" 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>
</header>
<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>
+ <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>
+ <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>
+ <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>
+++ /dev/null
-<html>
- <head>
- <base href="http://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>
-
- <title>Jack Kinsey</title>
- </head>
- <body class="pink">
- <main>
-
- <header id="menu" class="top">
- <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="selected" 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>
- </header>
-
- <div id="content">
- <article id="writing" class="selected">
- <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>
- <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>
- <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>
- <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>
- <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 / commitdiff