Redesign ALL the Things

*   Add target _blank for external social links

*   Change color scheme to more Solarized

*   Remove author column

    -   This is moved to the top

*   Update links to images

    -   These are now using Hugo's shortcodes for "figures"

1 files changed, 32 insertions, 48 deletions

diff --git a/static/css/site.css b/static/css/site.css
index 009072c..0da7274 100644
--- a/static/css/site.css
+++ b/static/css/site.css
@@ -1,20 +1,17 @@
-body {
+html, body {
     box-sizing: border-box;
     font: 13px Helvetica, Arial;
-    background-color: #282828;
-    color: #F8F8F2;
-}
-h1 {
-    color: #F92672;
-}
-h2, h4 {
-    color: #66D9EF;
-}
-h3, h5 {
-    color: #A6E22E;
+    margin-left: auto;
+    margin-right: auto;
+    margin-top: auto;
+    margin-bottom: -2.5em;
+    width: 80%;
+    background-color: #FDF6E3;
+    color: #586E75;
+    height: 94%;
 }
 a {
-    color: #AE81FF;
+    color: #268BD2;
     text-decoration: none;
 }
 a:hover {
@@ -22,52 +19,40 @@ a:hover {
 }
 blockquote {
     padding: 1em 1em;
-    border-left: 5px solid #333333;
+    border-left: 5px solid #D33682;
     margin: 0 0 1em;
 }
 .post-meta {
     font-style: italic;
 }
-#author {
-    padding: 5em;
-}
-#content {
-    margin: 2em 2em 5em 3em;
-    width: 100%;
-}
 #header {
-    background-color: #282828;
     display: block;
-    height: auto;
+    height: 2em;
     overflow: visible;
     padding-right: 2em;
     padding-left: 0.7em;
-    border-bottom: 1px solid #292929;
+    margin: auto;
 }
 #footer {
-    background-color: #282828;
     height: 2.5em;
     padding: 1em 0;
-    overflow: hidden;
-    border-top: 1px solid #292929;
-    position: fixed;
-    bottom: 0;
-    right: 0;
-    left: 0;
-    z-index: 1030;
-    margin-bottom: 0;
     margin-left: 2em;
     border-width: 1px 0 0:
 }
 #header header a {
-    color: #F92672;
     font-size: 210%;
 }
 #header header a:hover {
     text-decoration: none;
 }
-div#author a:hover {
-    text-decoration: none;
+#content {
+    min-height: 100%;
+    margin-bottom: -2.5em;
+}
+#content:after {
+    content: "";
+    display: block;
+    height: 2.5em;
 }
 .fade {
     opacity: 0.5;
@@ -84,13 +69,12 @@ pre {
     word-break: break-all;
     word-wrap: break-word;
     color: #2b2b2b;
-    background-color: #F5F5F5;
-    border: 1px solid #CCCCCC;
+    background-color: #073642;
+    border: 1px solid #073642;
     border-radius: 4px;
 }
 code {
     padding: 0.25em;
-    color: #F8F8F2;
     font-family: DejaVu Sans Mono, Consolas;
     white-space: pre-wrap;
     border: 0;
@@ -98,13 +82,8 @@ code {
 }
 pre code {
     display: block;
-    background-color: #303030;
-}
-.post {
-    width: 100%;
-    margin-left: 3em;
-    margin-right: 3em;
-    margin-bottom: 3em;
+    color: #657B83;
+    background-color: #002B36;
 }
 .tags {
     display: inline-block;
@@ -117,7 +96,7 @@ pre code {
     padding-left: 0.3em;
 }
 .tags li:nth-child(even) {
-    color: #66D9EF;
+    color: #6C71C4;
 }
 .colleft {
     float: left;
@@ -126,7 +105,7 @@ pre code {
 }
 .colright {
     float: right;
-    width: 20%;
+    width: 30%;
     position: relative;
 }
 .embed-video {
@@ -134,3 +113,8 @@ pre code {
     margin-left: auto;
     margin-right: auto;
 }
+figure {
+    width: 75%;
+    text-align: center;
+    margin: auto;
+}