Ensure page is responsive on narrow displays
[jkinsey.net.git] / index.html
index feed3488018956af5218bdaaa7b405e3e8c20b58..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>
-
         <title>Jack Kinsey</title>
     </head>
     <body>
+    <main>
 
-        <menu id="menu" class="middle">
-            <div id="avatar"><img src="res/face.png"></img></div>
-            <div id="name"><h1>Jack Kinsey</h1></div>
+        <header>
+            <h1><a href="/"><span>Jack Kinsey</span></a></h1>
             <nav id="links">
                 <ul>
-                    <li><a href="/writing" data-name="writing">Writing</a></li>
-                    <li><a href="/code" data-name="code">Code</a></li>
-                    <li><a href="/about" 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>
 
-        <article></article>
-        <article></article>
-        <article></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>
 </html>