From 05fd8750efd70db5b66fc1d2a9a367757449df71 Mon Sep 17 00:00:00 2001
From: Cameron Cordes <cameronc.dev@gmail.com>
Date: Sun, 29 Sep 2019 13:05:43 -0400
Subject: [PATCH] Redo Resume Screen layout

No longer using a template that is not responsive. The new design looks
good on phones all the way to desktop sized screens.
---
 src/app/resume/resume.component.html | 193 +++++++++++++++++----------
 src/styles.css                       |   4 +
 2 files changed, 124 insertions(+), 73 deletions(-)

diff --git a/src/app/resume/resume.component.html b/src/app/resume/resume.component.html
index f114633..f1c8972 100644
--- a/src/app/resume/resume.component.html
+++ b/src/app/resume/resume.component.html
@@ -1,85 +1,132 @@
 <div class="row h-100">
-  <div class="col-3 dark-bg text-center p-0">
+  <div class="col-12 col-xl-3 col-lg-4 col-md-4 col-sm-12 dark-bg text-center p-0">
     <h2 class="mt-3 px-2">Cameron Cordes</h2>
     <p class="tc-1">Android | iOS | Web</p>
     <img src="../../assets/cameron-headshot.jpg" class="w-75 shadow rounded" alt="headshot photo">
     <p class="my-3">Building things since 2015.</p>
-  </div>
-  <div class="col">
-    <span>Mobile Developer</span> 
-  </div>
-</div>
-
-<div style="display: none" id="page-wrap">
-
-  <img src="../../assets/cthulu.png" alt="Photo of Cthulu" id="pic"/>
-
-  <div id="contact-info" class="vcard">
-
-    <!-- Microformats! -->
-
-    <h1 class="fn">Cameron Ryan Kenneth Cordes</h1>
 
+    <h3 class="tc-1">Skills</h3>
     <p>
-      Email: <a class="email" href="mailto:cameronc.dev@gmail.com">cameronc.dev@gmail.com</a>
+      Android - Java/Kotlin<br>
+      iOS - Swift<br>
+      Angular - TypeScript/JavaScript<br>
+      Python
+    </p>
+
+    <h3 class="tc-1">Tools</h3>
+    <p>
+      IntelliJ/Android Studio<br>
+      XCode<br>
+      Vim<br>
+      Git<br>
+      TFS<br>
     </p>
   </div>
+  <div class="col light-bg">
+    <div class="row mt-3">
+      <div class="col mx-auto text-center">
+        <h2>Education</h2>
+      </div>
+    </div>
+    <div class="row mx-auto my-1">
+      <div class="col-2 text-center">
+        <span>2012-2015</span>
+      </div>
+      <div class="col">
+        <span><strong>Computer Science.</strong> Baldwin Wallace University</span><br>
+        <span>Bachelors of Science in Computer Science with a Minor in Mathematics</span>
+      </div>
+    </div>
+    <div class="row">
+      <div class="col text-center mt-3">
+        <h2>Experience</h2>
+      </div>
+    </div>
+    <div class="row mx-auto my-1">
+      <div class="col-2 text-center">
+        <span>2018-Present</span>
+      </div>
+      <div class="col">
+        <span><strong>IT Apps Programmer Senior.</strong> Progressive Insurance, Mayfield Heights, OH.</span>
+        <ul>
+          <li>Worked on the Progressive Android and iOS mobile applications</li>
+          <li>Wrote testable code using SOLID principles that served hundreds of thousands of users</li>
+        </ul>
+      </div>
+    </div>
+    <div class="row mx-auto my-3">
+      <div class="col-2 text-center">
+        <span>2017-2018</span><br>
+        <span>2016-2017</span>
+      </div>
+      <div class="col-10 col-xl-8">
+        <span><strong>Developer II.</strong> Hyland Software, Westlake, OH.</span><br>
+        <span><strong>Developer I.</strong> Hyland Software, Westlake, OH.</span>
+        <ul>
+          <li>Developed a camera interface and photo viewer using Android Camera API for a consistent
+            method of capturing photos and reviewing them</li>
+          <li>Created an image downloading module with in–memory caching</li>
+          <li>Started an initiative to use the Model-View-Presenter pattern to enable more testable code</li>
+        </ul>
+      </div>
+    </div>
+    <div class="row mx-auto my-3">
+      <div class="col-2 text-center">
+        <span>May-Aug 2015</span>
+      </div>
+      <div class="col-10 col-xl-8">
+        <span><strong>IT Intern.</strong> Parker Hannifin, Elyria, OH.</span>
+        <ul>
+          <li>Developed internal .NET Web applications using a SQL Server database</li>
+          <li>Created and Excel macro converter for a mainframe terminal emulator</li>
+        </ul>
+      </div>
+    </div>
+    <div class="row mx-auto my-3">
+      <div class="col-2 text-center">
+        <span>Jan-May 2015</span>
+      </div>
+      <div class="col-10 col-xl-8">
+        <span><strong>Mobile Application Developer.</strong> OEConnection, Richfield, OH.</span>
+        <ul>
+          <li>Developed prototype Android mobile application</li>
+          <li>Worked with a small team using RESTful APIs to process the data</li>
+        </ul>
+      </div>
+    </div>
+    <div class="row text-center mx-auto my-1">
+      <div class="col">
+        <h2>Projects</h2>
+      </div>
+    </div>
+    <div class="row">
+      <div class="col-10 col-xl-8 mx-auto p-0">
+        <ul>
+          <li>CorpsTime Mobile App – <span>Mobile application, web scrapers, and REST API to view Drum
+              Corps scores, schedule and news. Android/Java; C# and JavaScript</span></li>
+          <li>Hues Mobile App – <span>Mobile application using the Phillips Hue API to control Hue light bulbs
+              color and brightness. Android/Kotlin</span></li>
+          <li>Torque OBDII Log Graphing Tool – <span>Parses a .csv file of data from a vehicle’s sensors and
+              graphs them over time. Python</span></li>
+        </ul>
+      </div>
+    </div>
+    <div class="row">
+      <div class="col text-center mx-auto my-1">
+        <h2>Hobbies</h2>
+      </div> 
+    </div>
+    <div class="row">
+      <div class="col-10 col-xl-8 mx-auto p-0">
+        <ul>
+          <li>Music</li>
+          <li>Movies</li>
+          <li>Motorcycles</li>
+          <li>Programming</li>
+          <li>Travel</li>
+        </ul>
+      </div>
+    </div>
 
-  <div id="objective">
   </div>
-
-  <div class="clear"></div>
-
-  <dl>
-    <dd class="clear"></dd>
-
-    <dt>Education</dt>
-    <dd>
-    <h2>Baldwin Wallace University</h2>
-    <p><strong>Major:</strong> Computer Science<br/>
-      <strong>Minor:</strong> Math</p>
-    </dd>
-
-    <dd class="clear"></dd>
-
-    <dt>Skills</dt>
-    <dd>
-    <h2>Computer skills</h2>
-    <p>Windows, Linux, OSX, Android Studio, Visual Studio, XCode, Git, TFS, Microsoft productivity software (Word, Excel, etc).</p>
-    </dd>
-
-    <dd class="clear"></dd>
-
-    <dt>Experience</dt>
-    <dd>
-    <h2>Progressive Insurance <span>Mobile Developer Jan 2018 - Present</span></h2>
-    <ul>
-      <li>Used the Model-View-ViewModel pattern to create easily testable screens</li>
-      <li>Collaborated with a large team to rapidly introduce new features</li>
-      <li>Presented presentations demonstrating best practices using Git and Reactive Extensions</li>
-    </ul>
-
-    <h2>Hyland Software <span>Developer II - Westlake, OH - 2016 - 2018</span></h2>
-    <ul>
-      <li>Developed a camera interface and photo viewer using Android Camera API for a consistent method of capturing photos and reviewing them</li>
-      <li>Wrote an image downloading module with in memory caching</li>
-      <li>Started an initiative to use the Model View Presenter pattern to enable more testable code</li>
-    </ul>
-    </dd>
-
-    <dd class="clear"></dd>
-
-    <dt>Hobbies</dt>
-    <dd>Music, Movies, Motorcycles, Homebrewing, Travel</dd>
-
-    <dd class="clear"></dd>
-
-    <dt>References</dt>
-    <dd>Available on request</dd>
-
-    <dd class="clear"></dd>
-  </dl>
-
-  <div class="clear"></div>
-
 </div>
diff --git a/src/styles.css b/src/styles.css
index b512782..c72c62b 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -25,6 +25,10 @@ html, body {
   color: var(--nord4);
 }
 
+.light-bg {
+  background-color: var(--nord6);
+}
+
 .tc-1 {
   color: var(--nord7)!important;
 }