Improve styling significantly

This also fixes the phost-receive hook so it redeploys whenever anything
in the res directory is changed.

4 files changed, 44 insertions, 18 deletions

diff --git a/hooks/post-receive b/hooks/post-receive
index ada4585..cd03d3c 100644
--- a/hooks/post-receive
+++ b/hooks/post-receive
@@ -6,7 +6,7 @@ export LC_ALL=en_US.utf8
 for i in ${FILES_A[@]} ${FILES_M[@]}; do
   d="$(dirname ${i})"
   f="$(basename ${i})"
-  if [ "${f%.*}" = 'resume' ]; then
+  if [ "${f%.*}" = 'resume' ] || [ "${d%.*}" = 'res' ]; then
     printf 'Generating and deploying resume\n'
     make
     install -v -D out/resume.html "${WEB}/oper.io.git/master/resume.html"
diff --git a/res/style-header.css b/res/style-header.css
index 199aa70..809f694 100644
--- a/res/style-header.css
+++ b/res/style-header.css
@@ -45,8 +45,8 @@ div.resume-author-contact ul li a,
 div.resume-author-contact div.line,
 div.resume-author-contact div.line a {
   text-decoration:none;
-  color:#111;
   font-family: mono;
+  color:#333;
   white-space:pre;
 }
 
diff --git a/res/style-markdown.css b/res/style-markdown.css
index 57189f8..d2af317 100644
--- a/res/style-markdown.css
+++ b/res/style-markdown.css
@@ -2,7 +2,7 @@ body {
   color:#222;
   background:#fff;
   background-color:#fff;
-  font-family: DejaVu Sans;
+  font-family:'DejaVu Sans';
 
   text-align:left;
   letter-spacing:-.2px;
@@ -26,7 +26,7 @@ body {
     margin-left:auto;
     margin-right:auto;
 
-    font-size:13px;
+    font-size:14px;
   }
 }
 
@@ -55,24 +55,24 @@ h1 {
 h2 {
   white-space:nowrap;
   color:#222;
-  font-size:1.9em;
+  font-size:2.0em;
   font-weight:400;
   display:inline-block;
-  width:62%;
+  width:60%;
   vertical-align:middle;
 
-  margin-top:1em;
-  margin-bottom:0.5em;
-  padding:.1em 0em;
+  margin-top:.9em;
+  margin-bottom:0.4em;
+  padding:.05em 0em;
 }
 
 
 div.jobmeta {
   display:inline-block;
-  width:37%;
+  width:39%;
   text-align:right;
   color:#777;
-  font-size:1.1em;
+  font-size:1.0em;
 
   vertical-align:middle;
   line-height:1.4em;
@@ -81,20 +81,35 @@ div.jobmeta {
   margin-top:1.5em;
   margin-bottom:.5em;
 
-  border-left:2px dotted #aaa;*/
+  /*border-left:2px dotted #aaa;*/
 }
 
 
 div.witty-remark { color:#aaa; }
 
-
 ul {
   margin-top:.7em;
-  padding-left:20px;
+  padding-left:.2em;
   text-align:left;
   list-style-position:outside;
+  list-style-type:none;
 }
-li p {
-  margin:2px;
+
+div#employment ul li {
+  border-left:2px dotted #888;
+  padding-left:.7em;
+  margin-top:.6em;
+  margin-bottom:.5em;
+}
+
+div#employment ul li p {
+  margin:2px 0px;
   text-align:left;
 }
+
+div#profile ul { list-style-type:disc; }
+div#profile ul li {
+  border-left:none;
+  margin-left:.8em;
+  padding-left:.2em;
+}
diff --git a/resume.md b/resume.md
index 8885174..842d12b 100644
--- a/resume.md
+++ b/resume.md
@@ -5,13 +5,14 @@
 </div>
 <div class="resume-author-contact">
 
-* **email**: aaronb@oper.io
+* **email**: [aaronb@oper.io](mailto:aaronb@oper.io)
 * **phone**: +1 720-319-7799
 * **www**:   [https://oper.io](https://oper.io)
 * **code**:  [https://oper.io/src/nullspoon](https://oper.io/src/nullspoon)
 
 </div>
 </div>
+<div id="profile">
 
 # PROFILE
 
@@ -31,9 +32,13 @@
 * Knowledgeable in object oriented theory and its application in
   infrastructure, security, and code design
 
+</div> <!-- profile -->
+
 
 # EMPLOYMENT
 
+<div id="employment">
+
 ## DataRobot
 
 <div class="jobmeta">
@@ -202,7 +207,7 @@ Senior DevOps Engineer
   against new OpenStack network
 
 * Wrote C program to parse 8 million firewall rules and nginx access logs to
-  determine how many were actually needed
+  determine how many were needed
 
 * Managed configurations with Puppet Enterprise 3.2, r10k for dynamic
   environment deployments, and Hieradata to support separation of data and
@@ -354,9 +359,13 @@ August 2007 - October 2009
 Web Developer / Systems Administrator
 </div>
 
+</div> <!-- employment -->
+
 
 # EDUCATION
 
+<div id="education">
+
 ## Colorado State University
 
 <!--Fort Collins, CO-->
@@ -374,6 +383,8 @@ Cold Fusion applications that accessed a database and used sessions), client
 side application development (Visual Basic.Net), business math, marketing,
 finance, accounting, and business communication.
 
+</div> <!-- education -->
+
 <div class="witty-remark">
 /* This resume was proudly generated with commonmark markdown, some clever css,
 and a Makefile */