Ensure page is responsive on narrow displays
[jkinsey.net.git] / index.html
index 71322b415e1c7377cb933af042375208d7e80725..ab99b7fe7a649e10f1c9cf6eff51fbe9eafafd03 100644 (file)
 <html>
     <head>
-        <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>
 
-        <menu 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="/kinsey17-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>
-        </menu>
+        </header>
+
+        <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>
 
-        <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.
-                </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.
-                </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.
-                </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.
-                </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.
-                </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.
-                </div>
-            </article>
-        </div>
+        <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>