Fixes

10 files changed, 119 insertions, 44 deletions

diff --git a/layouts/_default/category.html b/layouts/_default/category.html
index f66747e..d885ed1 100644
--- a/layouts/_default/category.html
+++ b/layouts/_default/category.html
@@ -3,10 +3,10 @@
   <h1>Category: {{ .Title }}</h1>
   {{ range .Data.Pages -}}
   <li>
-    <span>
-        <a href="{{ .Permalink }}">{{ .Title }}</a>
-        <time class="pull-right post-list" datetime="{{ .Date.Format "2006-01-02T15:04:05Z0700" }}">{{ .Date.Format "Jan 2, 2006" }}</time>
-    </span>
+    <div class="flex">
+      <a href="{{ .Permalink }}" class="truncate">{{ .Title }}</a>
+      <time class="nowrap" datetime="{{ .Date.Format "2006-01-02T15:04:05Z0700" }}">{{ .Date.Format "Jan 2, 2006" }}</time>
+    </div>
   </li>
   {{- end }}
 </ul>
diff --git a/layouts/_default/list.html b/layouts/_default/list.html
index 752b805..917ca38 100644
--- a/layouts/_default/list.html
+++ b/layouts/_default/list.html
@@ -3,12 +3,12 @@
   <h1>{{ .Title }}</h1>
   {{ range .Data.Pages -}}
   <li>
-    <span>
-        <a href="{{ .Permalink }}">{{ .Title }}</a>
-        {{ if eq .Kind "page" }}
-        <time class="pull-right post-list" datetime="{{ .Date.Format "2006-01-02T15:04:05Z0700" }}">{{ .Date.Format "Jan 2, 2006" }}</time>
-        {{ end }}
-    </span>
+    <div class="flex">
+      <a href="{{ .Permalink }}" class="truncate">{{ .Title }}</a>
+      {{ if eq .Kind "page" }}
+      <time class="nowrap" datetime="{{ .Date.Format "2006-01-02T15:04:05Z0700" }}">{{ .Date.Format "Jan 2, 2006" }}</time>
+      {{ end }}
+    </div>
   </li>
   {{- end }}
 </ul>
diff --git a/layouts/_default/single.html b/layouts/_default/single.html
index bb342dc..3d46668 100644
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@@ -5,7 +5,7 @@
 
   {{ if ne .Type "page" -}}
   <div class="post-date">
-    <time datetime="{{ .Date.Format "2006-01-02T15:04:05Z0700" }}">{{ .Date.Format "Jan 2, 2006" }}</time> &middot; {{ .ReadingTime }} min read
+    <time datetime="{{ .Date.Format "2006-01-02T15:04:05Z0700" }}">{{ .Date.Format "Jan 2, 2006" }}</time> <span class="readtime">&middot; {{ .ReadingTime }} min read</span>
   </div>
   {{- end }}
 
@@ -18,11 +18,12 @@
   {{ if (and (ne .Params.DisableShare true) (ne .Params.disable_share true)) -}}
   {{ partial "share.html" . }}
   {{- end }}
-</div>
-
-{{ if (and .Site.DisqusShortname (ne .Params.DisableComments true) (ne .Params.disable_comments true)) -}}
-<h2>Comments</h2>
-{{ template "_internal/disqus.html" . }}
-{{- end }}
 
+  {{ if (and .Site.DisqusShortname (ne .Params.DisableComments true) (ne .Params.disable_comments true)) -}}
+  <div class="comments">
+    <h2>Comments</h2>
+    {{ template "_internal/disqus.html" . }}
+  </div>
+  {{- end }}
+</div>
 {{- end }}
diff --git a/layouts/_default/taxonomy.html b/layouts/_default/taxonomy.html
index 34a87e0..8e4521f 100644
--- a/layouts/_default/taxonomy.html
+++ b/layouts/_default/taxonomy.html
@@ -3,10 +3,10 @@
   <h1>Tag: {{ .Title }}</h1>
   {{ range .Data.Pages -}}
   <li>
-    <span>
-        <a href="{{ .Permalink }}">{{ .Title }}</a>
-        <time class="pull-right post-list" datetime="{{ .Date.Format "2006-01-02T15:04:05Z0700" }}">{{ .Date.Format "Jan 2, 2006" }}</time>
-    </span>
+    <div class="flex">
+      <a href="{{ .Permalink }}" class="truncate">{{ .Title }}</a>
+      <time class="nowrap" datetime="{{ .Date.Format "2006-01-02T15:04:05Z0700" }}">{{ .Date.Format "Jan 2, 2006" }}</time>
+    </div>
   </li>
   {{- end }}
 </ul>
diff --git a/layouts/partials/sidebar.html b/layouts/partials/sidebar.html
index 8384905..48bfd1a 100644
--- a/layouts/partials/sidebar.html
+++ b/layouts/partials/sidebar.html
@@ -3,12 +3,16 @@
     <div class="sidebar-about">
       {{ with .Site.Params.gravatar }}
       <div class="author-image">
-        <img src="https://www.gravatar.com/avatar/{{md5 .}}?s=200&d=mp" class="img-circle img-headshot center" alt="Gravatar">
+        <a href="{{ $.Site.BaseURL }}">
+          <img src="https://www.gravatar.com/avatar/{{md5 .}}?s=200&d=mp" class="img-circle img-headshot center" alt="Gravatar">
+        </a>
       </div>
       {{ else }}
         {{ with .Site.Params.profilePicture }}
         <div class="author-image">
-          <img src="{{ . | relURL }}" class="img-circle img-headshot center" alt="Profile Picture">
+          <a href="{{ $.Site.BaseURL }}">
+            <img src="{{ . | relURL }}" class="img-circle img-headshot center" alt="Profile Picture">
+          </a>
         </div>
         {{ end }}
       {{ end }}
diff --git a/layouts/partials/tags.html b/layouts/partials/tags.html
index 8423d9a..5b209eb 100644
--- a/layouts/partials/tags.html
+++ b/layouts/partials/tags.html
@@ -1,3 +1,4 @@
+{{ if isset .Params "tags" }}
 <div>
   <ul class="tags">
   {{- range $tag := $.Params.tags -}}
@@ -11,3 +12,4 @@
   {{- end -}}
   </ul>
 </div>
+{{ end }}
diff --git a/layouts/partials/theme-color.html b/layouts/partials/theme-color.html
index 9e69895..d7fee43 100644
--- a/layouts/partials/theme-color.html
+++ b/layouts/partials/theme-color.html
@@ -8,6 +8,10 @@
     border-color: {{ . }};
   }
 
+  .read-more-link a:hover {
+    background-color: {{ . }};
+  }
+
   .pagination li a {
     color: {{ . }};
     border: 1px solid {{ . }};
diff --git a/static/css/hyde.css b/static/css/hyde.css
index 963a318..199ca8f 100644
--- a/static/css/hyde.css
+++ b/static/css/hyde.css
@@ -70,6 +70,7 @@ html {
 
   footer {
     margin-left: 19rem !important;
+    margin-right: 1rem !important;
   }
 }
 
@@ -109,8 +110,8 @@ a.sidebar-nav-item:focus {
  */
 
 .content {
-  padding-top:    2rem;
-  padding-bottom: 2rem;
+  padding-top: 1rem;
+  padding-bottom: 1rem;
   min-height: 50%;
 }
 
@@ -125,8 +126,8 @@ footer {
   font-size: .7rem;
   text-align: center;
   height: 40px;
-  margin: 2rem 1rem 0 1rem;
   padding: 1rem 0;
+  margin: 0 1rem;
   border-top: 1px solid #e0e0e0;
 }
 
@@ -186,6 +187,8 @@ footer a,
 
 .read-more-link a:hover {
   text-decoration: none;
+  color: #fff;
+  background-color: #49757a;
 }
 
 .pull-right {
@@ -194,6 +197,7 @@ footer a,
 
 ul.posts {
   list-style: none;
+  padding: 0 1rem;
 }
 
 .social-icons,
@@ -201,6 +205,29 @@ ul.posts {
   margin-top: 1rem;
 }
 
+ul.posts li,
+.sidebar nav li {
+  font-size: 1.2rem;
+  padding: 0.25rem 0;
+}
+
+.social-icons a {
+  font-size: 1.5rem;
+  padding: 0.2rem;
+}
+
+@media (min-width: 58rem) {
+  .social-icons a {
+    font-size: 1.2rem;
+  }
+
+  ul.posts li,
+  .sidebar nav li {
+    font-size: inherit;
+    padding: 0;
+  }
+}
+
 .social-icons a,
 .social-icons a:hover,
 .social-icons a:focus {
@@ -273,7 +300,7 @@ ul.posts {
 
 .share-buttons {
   text-align: center;
-  font-size: 1.5rem;
+  font-size: 2rem;
   margin-top: 2rem;
 }
 
@@ -288,7 +315,7 @@ ul.posts {
 ul.tags {
   list-style: none;
   padding: 0;
-  margin: 2rem 0 1rem 0;
+  margin: 1rem 0;
 }
 
 ul.tags li {
@@ -302,7 +329,7 @@ a.tag-link {
   border-radius: 3px;
   font-size: 0.75rem;
   text-decoration: none;
-  color: #757575;
+  color: #757575 !important;
 }
 
 a.tag-link:hover {
@@ -329,3 +356,18 @@ figcaption {
   margin-bottom: .5rem;
   font-weight: 400;
 }
+
+.truncate {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.flex {
+  display: flex;
+  justify-content: space-between;
+}
+
+.nowrap {
+  white-space: nowrap;
+}
diff --git a/static/css/poole.css b/static/css/poole.css
index cea3a9a..5118626 100644
--- a/static/css/poole.css
+++ b/static/css/poole.css
@@ -147,28 +147,22 @@ abbr[title] {
 
 /* Code */
 code,
-pre {
+pre,
+.highlight {
   font-family: Menlo, Monaco, "Courier New", monospace;
 }
 code {
-  padding: .25em .5em;
-  font-size: 85%;
-  color: #b3555e;
-  background-color: #f9f9f9;
-  border-radius: 3px;
+  color: #e83e8c;
+  white-space: pre;
 }
 pre {
   display: block;
-  margin-top: 0;
-  margin-bottom: 1rem;
-  padding: 1rem;
-  font-size: .8rem;
+  overflow: auto;
+  margin: 0;
+  padding: 0;
   line-height: 1.4;
   white-space: pre;
-  white-space: pre-wrap;
-  word-break: break-all;
-  word-wrap: break-word;
-  background-color: #f9f9f9;
+  background-color: #fff;
 }
 pre code {
   padding: 0;
@@ -177,12 +171,29 @@ pre code {
   background-color: transparent;
 }
 .highlight {
+  font-size: 90%;
   margin-bottom: 1rem;
   border-radius: 4px;
+  border: 1px solid;
+  border-color: #ddd #ddd #ccc;
+  border-radius: 3px;
 }
 .highlight pre {
   margin-bottom: 0;
 }
+.chroma .lntable {
+  border-spacing: 0;
+  padding: 0;
+  margin: 0;
+  border: 0;
+  width: auto;
+  overflow: auto;
+  display: block;
+}
+.chroma .lntd {
+  background-color: #fff;
+  border: 0;
+}
 
 /* Quotes */
 blockquote {
@@ -307,6 +318,11 @@ tbody tr:nth-child(odd) th {
   margin-bottom: 2em;
 }
 
+.page .title,
+.post .title {
+  font-size: 2rem;
+}
+
 /* Blog post or page title */
 .page-title,
 .post-title,
@@ -315,16 +331,22 @@ tbody tr:nth-child(odd) th {
 }
 .page-title,
 .post-title {
+  font-size: 1.6rem;
   margin-top: 0;
 }
 
 /* Meta data line below post title */
 .post-date {
   display: block;
+  font-size: 1.0rem;
   margin-bottom: 1rem;
   color: #757575;
 }
 
+.posts .post-date {
+  margin-bottom: 0.5rem;
+}
+
 /* Related posts */
 .related {
   padding-top: 2rem;
diff --git a/static/css/print.css b/static/css/print.css
index 7c733f3..74cf1f1 100644
--- a/static/css/print.css
+++ b/static/css/print.css
@@ -1,4 +1,4 @@
-.sidebar, .post-date {
+.sidebar, .share-buttons, .comments, .readtime {
   display: none !important;
 }