From c79935151cfdb7b5da1e2a5d54e3b9907d555ec1 Mon Sep 17 00:00:00 2001
From: Jonathan Bernard <jdb@jdb-labs.com>
Date: Thu, 24 Sep 2015 23:57:57 -0500
Subject: [PATCH] Starting to add job history.

---
 html-interactive/index.html  | 46 +++++++++++++++++++++++++++++++++++-
 html-interactive/resume.scss | 13 +++++++++-
 2 files changed, 57 insertions(+), 2 deletions(-)

diff --git a/html-interactive/index.html b/html-interactive/index.html
index 56cf642..24ab52c 100644
--- a/html-interactive/index.html
+++ b/html-interactive/index.html
@@ -16,8 +16,9 @@
         <nav id=sectionNav>
             <ul>
                 <li><a href=#skills>Things I Know</a></li>
-                <li><a href=#projects>Things I've Done</a></li>
                 <li><a href=#jobs>Places I've Worked</a></li>
+                <li><a href=#projects>Things I've Done</a></li>
+                <li><a href=#references>People Who Know Me</a></li>
                 <li><a href=#about>Who I Am</a></li>
             </ul>
         </nav>
@@ -26,6 +27,7 @@
 
         <section id=skills-section>
             <a class=anchor id=skills></a>
+            <h2>Things I Know</h2>
             <div id=languages>
                 <h3>Programming Languages</h3>
                 <span>Java</span>
@@ -184,12 +186,54 @@
 
         <section id=jobs-section>
             <a class=anchor id=jobs></a>
+            <h2>Places I've Worked</h2>
+            <div class=job>
+                <h3>3M <em>(contracted via Maxis Group)</em></h3>
+                <h4>Traffic Safety Systems Division</h4>
+                <span class=title>Software Engineer VI</span>
+                <span class=duration>October 2013 - present</span>
+            </div>
+            <div class=job>
+                <h3>HID Global</h3>
+                <h4>Personalization Infrastructure</h4>
+                <span class=title>Staff Engineer</span>
+                <span class=duration>February 2012 - September 2013</span>
+            </div>
+            <div class=job>
+                <h3>QuantumDigital.com</h3>
+                <span class=title>Systems Developer</span>
+                <span class=duration>August 2010 - February 2012</span>
+            </div>
+            <div class=job>
+                <h3>Gemalto</h3>
+                <h4>Solutions and Special Projects</h4>
+                <span class=title>Software Architect and Developer</title>
+                <span class=duration>June 2005 - August 2010</span>
+            </div>
+            <div class=job>
+                <h3>Freescale Semiconductor</h3>
+                <h4>Hardware/Software Development</h4>
+                <span class=title>Summer Intern / Contractor</span>
+                <span class=duration>June 2004 - October 2004</span>
+            </div>
         </section>
 
         <section id=projects-section>
             <a class=anchor id=projects></a>
+            <h2>Things I've Done</h2>
+            <div class=project>
+            </div>
         </section>
 
+        <section id=references-section>
+            <a class=anchor id=references></a>
+            <h2>People Who Know Me</h2>
+        </section>
+
+        <section id=about-section>
+            <a class=anchor id=about></a>
+            <h2>Who I Am</h2>
+        </section>
         <!--<script src=https://cdnjs.cloudflare.com/ajax/libs/zepto/1.1.6/zepto.min.js></script>-->
         <script src=https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.min.js></script>
         <script src=https://cdnjs.cloudflare.com/ajax/libs/underscore.js/1.8.3/underscore-min.js></script>
diff --git a/html-interactive/resume.scss b/html-interactive/resume.scss
index d94f64e..cc067f1 100644
--- a/html-interactive/resume.scss
+++ b/html-interactive/resume.scss
@@ -100,8 +100,9 @@ section {
         top: -3rem;
         visibility: hidden; }
 
-    h3 {
+    h2 {
         border-bottom: solid thin $black;
+        font-variant: small-caps;
         width: 100%; }
 
     h4 {
@@ -119,4 +120,14 @@ section {
             &:last-of-type:after { content: ""; }
         }
     }
+
+    &#jobs-section div.job {
+        position: relative;
+
+        span.duration {
+            position: absolute;
+            right: 0;
+            top: 0.6rem;
+        }
+    }
 }