From e64eac49d77cb0429f8cdd1ea4b07eb492bb4ff1 Mon Sep 17 00:00:00 2001
From: arne <hi@arnes.space>
Date: Sat, 1 Oct 2022 13:14:33 +0200
Subject: [PATCH] Minor styling adjustments

---
 src/_includes/posts.njk |  2 +-
 src/assets/style.scss   | 24 ++++++++++++++++--------
 src/index.njk           |  4 ++--
 3 files changed, 19 insertions(+), 11 deletions(-)

diff --git a/src/_includes/posts.njk b/src/_includes/posts.njk
index dff6afb..f907d4e 100644
--- a/src/_includes/posts.njk
+++ b/src/_includes/posts.njk
@@ -10,5 +10,5 @@
 {% endblock %}
 
 {% block sidebar %}
-<a href="{{ "/" | url }}">← Home</a>
+<a href="{{ "/" | url }}">Go Back Home</a>
 {% endblock %}
diff --git a/src/assets/style.scss b/src/assets/style.scss
index a95f04f..e1331dc 100644
--- a/src/assets/style.scss
+++ b/src/assets/style.scss
@@ -9,6 +9,10 @@ $highlight: #ff005f;
 $highlight-1: #ff005f11;
 $highlight-2: #ff005f22;
 
+$reduced: #888;
+$reduced-1: #88888811;
+$reduced-2: #88888822;
+
 @import 'ibm-plex/css/ibm-plex.scss';
 
 *, *:before, *:after {
@@ -38,13 +42,13 @@ h1, h2, h3, h4, h5, h6 {
 h1 {
   color: #222;
   font-size: 24px;
-  line-height: 24px;
+  line-height: 32px;
   padding: 0 0 32px;
 }
 
 h2 {
   font-size: 20px;
-  line-height: 16px;
+  line-height: 24px;
   padding: 0 0 24px;
 }
 
@@ -173,6 +177,7 @@ footer {
   grid-area: footer;
   padding-top: 48px;
   border-top: 1px dotted #aaa;
+  color: $reduced;
 }
 
 @media screen and (max-width: 768px) {
@@ -228,16 +233,19 @@ footer {
   article { display: none; }
 }
 
-footer,
-.posts aside {
-  color: #888;
-
+footer {
   a {
     color: inherit;
-    border-bottom: 1px dotted #888;
+    border-bottom: 1px dotted currentColor;
 
     &:hover {
-      background: #88888822;
+      background: $reduced-2;
     }
   }
 }
+
+.post-list {
+  time {
+    color: $reduced;
+  }
+}
diff --git a/src/index.njk b/src/index.njk
index 5a9fa5c..1e89deb 100644
--- a/src/index.njk
+++ b/src/index.njk
@@ -3,10 +3,10 @@
 {% block sidebar %}
 <nav>
   <h2>Recent Posts</h2>
-  <ul>
+  <ul class="post-list">
     {%- for post in (collections.posts | reverse) -%}
       {% if not post.data.draft %}
-        <li{% if page.url == post.url %} aria-current="page"{% endif %}><time datetime="{{post.date}}">{{ post.date | toISODate }}</time> -- <a href="{{post.url}}">{{ post.data.title }}</a></li>
+        <li{% if page.url == post.url %} aria-current="page"{% endif %}><time datetime="{{post.date}}">{{ post.date | toISODate }}</time> <a href="{{post.url}}">{{ post.data.title }}</a></li>
       {% endif %}
     {%- endfor -%}
   </ul>