Improve styling significantly

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

2 files changed, 30 insertions, 15 deletions

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;
+}