From 287ac496b1eeb57f8285ec4f1056aa2330908f8c Mon Sep 17 00:00:00 2001
From: Jake Jarvis <jakejarvis@gmail.com>
Date: Mon, 1 Apr 2019 12:43:52 -0400
Subject: [PATCH] improved blog header w/ vector logo

---
 layouts/notes/list.html           |  2 ++
 layouts/partials/blog-header.html | 17 ++++++++--
 static/style.css                  | 53 +++++++++++++++++++------------
 3 files changed, 49 insertions(+), 23 deletions(-)

diff --git a/layouts/notes/list.html b/layouts/notes/list.html
index 27d5bdb6..70070709 100644
--- a/layouts/notes/list.html
+++ b/layouts/notes/list.html
@@ -1,4 +1,5 @@
 {{ define "main" }}
+<div id="archive">
 
 {{ range .Data.Pages.GroupByDate "2006" }}
 <div class="year">
@@ -14,4 +15,5 @@
 </div>
 {{ end }}
 
+</div>
 {{ end }}
\ No newline at end of file
diff --git a/layouts/partials/blog-header.html b/layouts/partials/blog-header.html
index 0ba5be41..6ce15c3e 100644
--- a/layouts/partials/blog-header.html
+++ b/layouts/partials/blog-header.html
@@ -1,4 +1,17 @@
     <div id="header">
-      <a href="{{ .Site.BaseURL }}" id="home" title="Return to Homepage">&laquo; Return Home</a>
-      <a href="{{ "notes/" | absURL }}" id="logo" title="Jake Jarvis's Blog"><img src="{{ "logo.png" | absURL }}" alt="Jake Jarvis's Blog" title="Jake Jarvis's Blog"></a>
+        {{ if eq .Kind "page" }}<a href="{{ "notes/" | absURL }}" id="more" title="More Posts">&laquo; More Posts</a>{{ else }}<a href="{{ .Site.BaseURL }}" id="more" title="Return Home">&laquo; Return Home</a>{{ end }}
+        <a href="{{ .Site.BaseURL }}" id="logo" title="Jake Jarvis">
+        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 96 144.1">
+          <title>Jake Jarvis</title>
+          <polygon points="57.6 88.7 19.2 110.9 19.2 110.9 38.4 121.9 76.8 99.8 76.8 99.8 57.6 88.7 57.6 88.7" style="fill: #6fbc4e"/>
+          <polygon points="57.6 0 38.4 11.1 38.4 11.1 76.8 33.2 96 22.1 96 22.1 57.6 0 57.6 0" style="fill: #6fbc4e"/>
+          <polygon points="38.4 11.1 38.4 33.3 57.6 44.3 57.6 88.7 76.8 99.8 76.8 33.2 38.4 11.1 38.4 11.1" style="fill: #ffb900"/>
+          <polygon points="57.6 44.2 57.6 44.3 57.6 44.3 57.6 44.2 57.6 44.2" style="fill: #ffb900"/>
+          <polygon points="76.8 33.2 76.8 99.8 76.8 99.8 38.4 121.9 38.4 144.1 96 110.9 96 22.1 76.8 33.2 76.8 33.2" style="fill: #009cdf"/>
+          <polygon points="19.2 66.5 0 77.6 0 77.6 19.2 88.7 38.4 77.6 38.4 77.6 19.2 66.5 19.2 66.5" style="fill: #6fbc4e"/>
+          <polygon points="19.2 110.9 19.2 110.8 19.2 88.7 0 77.6 0 121.9 38.4 144.1 38.4 121.9 19.2 110.9 19.2 110.9" style="fill: #ffb900"/>
+          <polygon points="19.2 110.9 38.4 99.8 38.4 77.6 19.2 88.7 19.2 110.9 19.2 110.9" style="fill: #009cdf"/>
+        </svg>
+      </a>
+     
     </div>
\ No newline at end of file
diff --git a/static/style.css b/static/style.css
index d18c43c3..9e88bf50 100644
--- a/static/style.css
+++ b/static/style.css
@@ -487,6 +487,8 @@ body#notes a:hover {
 }
 
 
+/* Responsiveness */
+
 @media screen and (max-width: 800px) {
   body#notes {
     padding: 20px;
@@ -498,7 +500,12 @@ body#notes a:hover {
     box-sizing: border-box;
   }
 
-  body#notes div#header a#logo img {
+  body#notes div#header {
+    margin-top: 0px  !important;
+    margin-bottom: 20px !important;
+  }
+
+  body#notes div#header a#logo img, body#notes div#header a#logo svg {
     height: 75px !important;
     width: 50px !important;
   }
@@ -521,11 +528,11 @@ body#notes a:hover {
     white-space: normal;
   }
 
-  body#notes div.year div.date {
+  body#notes div#archive div.year div.date {
     width: 25% !important;
   }
 
-  body#notes div.year div.title {
+  body#notes div#archive div.year div.title {
     width: 75% !important;
   }
 }
@@ -535,19 +542,23 @@ body#notes a:hover {
 
 body#notes div#header {
   font-size: 16px;
+  margin-top: 20px;
+  margin-bottom: 40px;
 }
 
-body#notes div#header a#home {
+body#notes div#header a#more {
   border: none;
+  font-size: 18px;
+  font-weight: 400;
 }
 
 body#notes div#header a#logo {
   border: none;
-  margin: 40px auto;
+  margin: 20px auto;
   display: block;
 }
 
-body#notes div#header a#logo img {
+body#notes div#header a#logo img, body#notes div#header a#logo svg {
   height: 150px;
   width: 100px;
   margin: 0 auto;
@@ -609,19 +620,13 @@ body#notes div#footer div#panda span {
 }
 
 
-/* Posts */
+/* Single Post */
 
 body#notes div#content, body#notes div#content p {
   line-height: 1.7;
   object-fit: contain;
 }
 
-body#notes div#content blockquote {
-  border-left: 6px solid #0087be;
-  margin-left: 6px;
-  padding-left: 15px;
-}
-
 body#notes div#single div#info {
   text-align: center;
 }
@@ -657,7 +662,6 @@ body#notes div#single div.meta {
 }
 
 body#notes div#single div.meta div.tags {
-  font-size: 13px;
   text-transform: uppercase;
   line-height: 1.5em;
   letter-spacing: 2px;
@@ -684,6 +688,13 @@ body#notes div#content img + em {
   text-align: center;
   font-size: 15px;
   color: #555555;
+  margin-top: 5px;
+}
+
+body#notes div#content blockquote {
+  border-left: 6px solid #0087be;
+  margin-left: 6px;
+  padding-left: 15px;
 }
 
 body#notes div#content code {
@@ -708,36 +719,36 @@ body#notes div#content hr {
 }
 
 
-/* Post List */
+/* Archive List */
 
-body#notes div.year ul {
+body#notes div#archive div.year ul {
   list-style-type: none;
   padding-left: 0;
   display: block;
 }
 
-body#notes div.year ul li::after {
+body#notes div#archive div.year ul li::after {
   content: '';
   display: block;
   clear: both;
 }
 
-body#notes div.year ul li:last-child {
+body#notes div#archive div.year ul li:last-child {
   margin-bottom: 20px;
 }
 
-body#notes div.year ul li+li {
+body#notes div#archive div.year ul li+li {
   padding-top: 20px;
 }
 
-body#notes div.year div.date {
+body#notes div#archive div.year div.date {
   float: left;
   color: #888888;
   width: 80px;
   font-weight: 400;
 }
 
-body#notes div.year div.title {
+body#notes div#archive div.year div.title {
   float: left;
   width: 620px;
 }