put things in d e t a i l s

diff --git a/index.html b/index.html
index 8806586f1a76f985ba33f8faff428c6b59e27e71..c4a0441dc88591236b77d5fe254c582a683b6107 100644 (file)
--- a/index.html
+++ b/index.html
@@ -12,10 +12,9 @@
             <div id="name"><a href="/" class="home"><h1><span class="h">Jack Kinsey</span></h1></a></div>
             <nav id="links">
                 <ul>
-                    <li><a href="#writing" class="h">Writing</a></li>
-                    <li><a href="#code" class="h">Code</a></li>
+                    <li><a href="#experience" class="h">Experience</a></li>
+                    <li><a href="#skills" class="h">Skills</a></li>
                     <li><a href="#about" class="h">About</a></li>
-                    <li><a href="#resume" class="h">R&eacute;sum&eacute;</a></li>
                 </ul>
             </nav>
         </header>
@@ -24,73 +23,88 @@
             <article id="resume">
                 <div>
                     <h2 id="experience">Experience.</h2>
-                    <p><strong>Consultant at Booz Allen Hamilton in the Washington, D.C. area <em>(August 2019&mdash;Present)</em></strong></p>
-                    <ul>
-                        <li><p>Developed business process software using a mix of custom development and low-code tools</p></li>
-                        <li><p>Led development on over a dozen applications for client</p></li>
-                        <li><p>Led development on suite of internal applications for managing staff resources</p></li>
-                        <li><p>Led design of and documentation effort for client Power Platform development practices</p></li>
-                        <li><p>Led client team training on Power Platform development</p></li>
-                        <li><p>Designed and built GitHub automation for Power Platform ALM</p></li>
-                        <li><p>Built chart and graph visualizations in JavaScript using d3</p></li>
-                        <li><p>Built custom web interface in JavaScript using Vue</p></li>
-                        <li><p>Developed serverless web service on AWS in TypeScript</p></li>
-                        <li><p>Took ownership of and wrote improvements for a client C# application</p></li>
-                    </ul>
-                    <p><strong>Summer Games intern at Booz Allen Hamilton in Arlington, VA <em>(Summer 2018)</em></strong></p>
-                    <ul>
-                        <li><p>Worked alongside a team of 4 to deliver a functional software product for use internally</p></li>
-                        <li><p>Led development of a JavaScript/HTML/CSS user interface from scratch</p></li>
-                        <li><p>Integrated with a custom Python backnd built to do graph analytics</p></li>
-                    </ul>
-                    <p><strong>Committee Member (Various) at Setsucon in State College, PA <em>(Fall 2017&mdash;Winter 2021)</em></strong></p>
-                    <ul>
-                        <p><em>As Programming Director:</em></p>
-                        <li><p>Led team of 7+ fellow volunteers to organize programming for an online convention</p></li>
-                        <li><p>Designed novel programming events to reach online audience</p></li>
-                        <p><em>As Panels Coordinator:</em></p>
-                        <li><p>Curated panel submissions from nearly 40 panelists</p></li>
-                        <li><p>Designed the schedule for a 2 day convention of over 1000 people</p></li>
-                        <li><p>Coordinated with a team of 20+ fellow volunteers</p></li>
-                    </ul>
-                    <p><strong>Independent web developer, programmer, and sysadmin <em>(2013&mdash;Present)</em></strong></p>
-                    <ul>
-                        <li><p>Host and maintain a professional and personal website</p></li>
-                        <li><p>Develop sites and web applications for friends, fun, and other commitments</p></li>
-                        <li><p>Build and maintain an Arch Linux desktop</p></li>
-                    </ul>
-                </div>
-                <div>
-                    <h2 id="education">Education.</h2>
-                    <p><strong>The Pennsylvania State University <em>(Class of 2019)</em></strong></p>
-                    <ul>
-                        <li><p>The Schreyer Honors College</p></li>
-                        <li><p>Bachelor's in Computer Science</p></li>
-                        <li><p>The College of Engineering</p></li>
-                    </ul>
+                    <details open>
+                        <summary><strong>Consultant at Booz Allen Hamilton in the Washington, D.C. area <em>(August 2019&mdash;Present)</em></strong></summary>
+                        <ul>
+                            <li>Developed business process software using a mix of custom development and low-code tools</li>
+                            <li>Led development on over a dozen applications for client</li>
+                            <li>Led development on suite of internal applications for managing staff resources</li>
+                            <li>Led design of and documentation effort for client Power Platform development practices</li>
+                            <li>Led client team training on Power Platform development</li>
+                            <li>Designed and built GitHub automation for Power Platform ALM</li>
+                            <li>Built chart and graph visualizations in JavaScript using d3</li>
+                            <li>Built custom web interface in JavaScript using Vue</li>
+                            <li>Developed serverless web service on AWS in TypeScript</li>
+                            <li>Took ownership of and wrote improvements for a client C# application</li>
+                        </ul>
+                    </details>
+                    <details>
+                        <summary><strong>Graduate of The Pennsylvania State University <em>(Class of 2019)</em></strong></summary>
+                        <ul>
+                            <li>The Schreyer Honors College</li>
+                            <li>Bachelor's in Computer Science</li>
+                            <li>The College of Engineering</li>
+                        </ul>
+                    </details>
+                    <details>
+                        <summary><strong>Summer Games intern at Booz Allen Hamilton in Arlington, VA <em>(Summer 2018)</em></strong></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 backnd built to do graph analytics</li>
+                        </ul>
+                    </details>
+                    <details>
+                        <summary><strong>Committee Member (Various) at Setsucon in State College, PA <em>(Fall 2017&mdash;Winter 2021)</em></strong></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><strong>Independent web developer, programmer, and sysadmin <em>(2013&mdash;Present)</em></strong></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>
                 </div>
                 <div>
                     <h2 id="skills">Skills.</h2>
-                    <p><strong>Programming</strong></p>
-                    <ul>
-                        <li><p>Python, JavaScript, HTML, CSS, Bash, POSIX Shell</p></li>
-                        <li><p>TypeScript, C#, SQL, Clojure, Common Lisp</p></li>
-                        <li><p>C, C++, Haskell, Rust, Go</p></li>
-                    </ul>
-                    <p><strong>Tools</strong></p>
-                    <ul>
-                        <li><p>Git, GitHub, LaTeX, Wordpress, Docker, jq</p></li>
-                        <li><p>Power Apps, Power Automate, Power BI, Dynamics 365</p></li>
-                        <li><p>AWS Lambda, AWS Document DB, AWS API Gateway, AWS CDK</p></li>
-                    </ul>
-                    <p><strong>Systems</strong></p>
-                    <ul>
-                        <li><p>Arch Linux, Alpine Linux, Windows</p></li>
-                    </ul>
-                    <p><strong>Writing</strong></p>
-                    <ul>
-                        <li><p>Write project documentation and development design documents</p></li>
-                    </ul>
+                    <details open>
+                        <summary><strong>Programming</strong></summary>
+                        <ul>
+                            <li>Python, JavaScript, HTML, CSS, Bash, POSIX Shell</li>
+                            <li>TypeScript, C#, SQL, Clojure, Common Lisp</li>
+                            <li>C, C++, Haskell, Rust, Go</li>
+                        </ul>
+                    </details>
+                    <details open>
+                        <summary><strong>Tools</strong></summary>
+                        <ul>
+                            <li>Git, GitHub, LaTeX, Wordpress, Docker, jq</li>
+                            <li>Power Apps, Power Automate, Power BI, Dynamics 365</li>
+                            <li>AWS Lambda, AWS Document DB, AWS API Gateway, AWS CDK</li>
+                        </ul>
+                    </details>
+                    <details open>
+                        <summary><strong>Systems</strong></summary>
+                        <ul>
+                            <li>Arch Linux, Alpine Linux, Windows</li>
+                        </ul>
+                    </details>
+                    <details open>
+                        <summary><strong>Writing</strong></summary>
+                        <ul>
+                            <li>Write project documentation and development design documents</li>
+                        </ul>
+                    </details>
                 </div>
             </article>
 

diff --git a/res/style.css b/res/style.css
index 7dbb2b2b5f1bac81741102aa63c11ccb0ad796e3..34cb0c897386fa73f0cc9c0e2db0eb9062019f27 100644 (file)
--- a/res/style.css
+++ b/res/style.css
@@ -5,7 +5,7 @@
 
 body {
     background: url(blackstars.png);
-    background-color: #111111;
+    background-color: #111;
     color: #fefefe;
     font-family: monospace;
     padding: 16px;
@@ -18,6 +18,7 @@ header {
 
 header h1 {
     font-size: 2em;
+    margin: 0;
 }
 
 header > div > a {
@@ -34,15 +35,18 @@ header nav {
 header nav ul {
     display:flex;
     flex-direction:row;
+    padding: 0;
+    margin: 0;
 }
 
 header nav ul li {
     display:inline-block;
     text-align:center;
     height:50px;
-    padding-right: 24px;
+    margin-right: 24px;
     font-size:1.25em;
     line-height:50px;
+    background-color: inherit;
 }
 
 a {
@@ -95,9 +99,17 @@ article p {
 }
 
 article div {
-    padding: 16px 0px 16px 0px;
+    margin: 16px 0px 16px 0px;
+}
+
+article div ul li {
+    margin: 8px 0px 8px 0px;
 }
 
-a, p, h1, h2 {
+a, p, h1, h2, li, summary {
     background-color: #111111;
 }
+
+article details summary {
+    margin: 8px 0px 8px 0px;
+}