Ensure page is responsive on narrow displays
[jkinsey.net.git] / index.html
index a1defe655dfa22dbaa9a8402bbde51adf15d4496..ab99b7fe7a649e10f1c9cf6eff51fbe9eafafd03 100644 (file)
 <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>
-
+        <link rel="stylesheet" href="res/style.css" />
         <title>Jack Kinsey</title>
     </head>
-    <body class="yellow">
+    <body>
     <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>
+            <h1><a href="/"><span>Jack Kinsey</span></a></h1>
             <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&eacute;sum&eacute;</a></li>
+                    <li><a href="#experience">Experience</a></li>
+                    <li><a href="#skills">Skills</a></li>
+                    <li><a href="#elsewhere">Elsewhere</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="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>
+        <article id="resume">
+            <section>
+                <h2 id="experience">Experience</h2>
+                <details open>
+                    <summary><h3>Senior Consultant at Booz Allen Hamilton in Washington, D.C. <em>(2019&mdash;Present)</em></h3></summary>
+                    <ul>
+                        <p><em>At <a href="https://www.niaid.nih.gov/">NIAID</a> under <a href="https://www.niaid.nih.gov/about/cyber-infrastructure-computational-biology-contacts">OCICB</a>:</em></p>
+                        <li>Develop business process software using a mix of custom development and low-code tools</li>
+                        <li>Create design and documentation standards for team of 5+ Power Platform developers</li>
+                        <li>Create GitHub automation for one button Power Platform solution deployments and commits</li>
+                        <li>Develop Power Platform application suite used by 20+ team members to allocate staff time to projects</li>
+                        <li>Led introductory Power Apps team training for 6 fellow team members</li>
+                        <li>Visualized budget statistics in Section 508-compliant charts using d3</li>
+                        <li>Improved client visibility into document library via custom Vue.js interface</li>
+                        <li>Provided business process workflow notifications to an internal website userbase of 5000+ via AWS Lambda web service</li>
+                    </ul>
+                </details>
+                <details>
+                    <summary><h3>Summer Games intern at Booz Allen Hamilton in Arlington, VA <em>(2018)</em></h3></summary>
+                    <ul>
+                        <li>Worked alongside a team of 4 to deliver a functional software product for use internally</li>
+                        <li>Led development of a JavaScript/HTML/CSS user interface from scratch</li>
+                        <li>Integrated with a custom Python backend built to do graph analytics</li>
+                    </ul>
+                </details>
+                <details>
+                    <summary><h3>Committee member (Various) at Setsucon in State College, PA <em>(2017&mdash;2021)</em></h3></summary>
+                    <ul>
+                        <p><em>As Programming Director:</em></p>
+                        <li>Led team of 7+ fellow volunteers to organize programming for an online convention</li>
+                        <li>Designed novel programming events to reach online audience</li>
+                        <p><em>As Panels Coordinator:</em></p>
+                        <li>Curated panel submissions from nearly 40 panelists</li>
+                        <li>Designed the schedule for a 2 day convention of over 1000 people</li>
+                        <li>Coordinated with a team of 20+ fellow volunteers</li>
+                    </ul>
+                </details>
+                <details>
+                    <summary><h3>Web intern at Fox Chapel Publishing in East Petersburg, PA <em>(2016&mdash;2017)</em></h3></summary>
+                    <ul>
+                        <li>Migrated 3+ WordPress sites and 1 forum from one hosting provider to another</li>
+                        <li>Customized WordPress CSS for 4+ blogs</li>
+                        <li>Presented Google Analytics data on 3+ sites to superiors</li>
+                        <li>Prepared over 40 articles worth of backlog content for web publishing</li>
+                        <li>Managed DNS records for 10+ sites</li>
+                        <li>Provided technical support to over 400 active users across 2 forum sites</li>
+                        <li>Helped manage Magento web commerce backend</li>
+                    </ul>
+                </details>
+                <details>
+                    <summary><h3>Independent web developer, programmer, and sysadmin <em>(2013&mdash;Present)</em></h3></summary>
+                    <ul>
+                        <li>Host and maintain a professional and personal website</li>
+                        <li>Develop sites and web applications for friends, fun, and other commitments</li>
+                        <li>Build and maintain an Arch Linux desktop</li>
+                    </ul>
+                </details>
+            </section>
+            <section>
+                <h2 id="education">Education</h2>
+                <details open>
+                    <summary><h3>Graduate of The Pennsylvania State University in State College, PA <em>(2016&mdash;2019)</em></h3></summary>
+                    <ul>
+                        <li>Member of The Schreyer Honors College</li>
+                        <li>Bachelor's in Computer Science from The College of Engineering</li>
+                    </ul>
+                </details>
+            </section>
+            <section>
+                <h2 id="skills">Skills</h2>
+                <details open>
+                    <summary><h3>Tools</h3></summary>
+                    <ol>
+                        <li>Git, GitHub, jq, Power Apps, Power Automate, Dataverse, OData</li>
+                        <li>Docker, Jira, Power BI, Dynamics 365, GitLab</li>
+                        <li>LaTeX, WordPress, Vue, d3</li>
+                        <li>AWS (<em>Lambda, DocumentDB, API Gateway, CDK</em>)</li>
+                    </ol>
+                </details>
+                <details open>
+                    <summary><h3>Systems</h3></summary>
+                    <ol>
+                        <li>Arch Linux, Alpine Linux</li>
+                        <li>Windows</li>
+                        <li>Debian Linux, macOS</li>
+                    </ol>
+                </details>
+                <details open>
+                    <summary><h3>Programming</h3></summary>
+                    <ol>
+                        <li>JavaScript, HTML, CSS, Bash, POSIX Shell</li>
+                        <li>Python, TypeScript</li>
+                        <li>SQL, <a href="https://git.jkinsey.net/?p=adventofcode2019.git;a=tree">Clojure</a>, <a href="https://git.jkinsey.net/?p=adventofcode2020.git;a=tree">Common Lisp</a></li>
+                        <li>C, C++, C#, <a href="https://git.jkinsey.net/?p=adventofcode2018.git;a=tree">Haskell</a>, Rust, Go</li>
+                    </ol>
+                </details>
+                <details open>
+                    <summary><h3>Writing</h3></summary>
+                    <ol>
+                        <li>Project documentation, development design documents</li>
+                        <li>Research, presentation to leadership</li>
+                    </ol>
+                </details>
+            </section>
+        </article>
+
+        <article id="elsewhere">
+            <section>
+                <h2><span>Elsewhere</span></h2>
+                <p>
+                <a href="https://github.com/jackkinsey/">github</a>
+                <a href="https://www.linkedin.com/in/jack-kinsey-26406994/">linkedin</a>
+                </p>
+            </section>
+        </article>
 
     </main>
     </body>