From 4390b7bdfbbb874801fcb357157b6a79b4681598 Mon Sep 17 00:00:00 2001
From: welpo <welpo@users.noreply.github.com>
Date: Sun, 19 Feb 2023 00:31:57 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20style:=20coloured=20links=20in?=
 =?UTF-8?q?=20paragraph;=20meta=20changes=20-=20Links=20in=20paragraphs=20?=
 =?UTF-8?q?are=20no=20longer=20underlined,=20but=20rather=20coloured=20wit?=
 =?UTF-8?q?h=20the=20accent-colour=20of=20the=20theme.=20-=20The=20meta=20?=
 =?UTF-8?q?section=20on=20posts=20(date,=20time=20to=20read,=20tags)=20is?=
 =?UTF-8?q?=20rehauled.=20It's=20more=20compact,=20less=20distracting=20an?=
 =?UTF-8?q?d=20more=20minimal.=20-=20Line=20height=20is=20increased.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 sass/main.scss               |  5 +++--
 sass/parts/_header.scss      |  7 +++++++
 sass/parts/_misc.scss        | 10 ++++++++++
 templates/macros/macros.html | 35 ++++++++++++++++-------------------
 4 files changed, 36 insertions(+), 21 deletions(-)

diff --git a/sass/main.scss b/sass/main.scss
index 6bd27d6..3b154a7 100644
--- a/sass/main.scss
+++ b/sass/main.scss
@@ -92,12 +92,12 @@ html {
   color: var(--text-color);
   line-height: 1.6em;
 }
+
 body {
   margin: 0;
   padding: 0;
-align-items:center;
-justify-content:center;
 }
+
 .content {
   max-width: var(--max-layout-width);
   margin: 0 auto;
@@ -176,6 +176,7 @@ p {
   font-family: 'Source Serif Pro', serif;
   margin-top: 0.4rem;
   margin-bottom: 2.3vmin;
+  line-height: 2rem;
   font-size: 1em;
 }
 
diff --git a/sass/parts/_header.scss b/sass/parts/_header.scss
index ef5500e..8ef998b 100644
--- a/sass/parts/_header.scss
+++ b/sass/parts/_header.scss
@@ -77,6 +77,13 @@ header {
   padding-bottom: 1vmin;
 }
 
+.meta a {
+  color: var(--meta-color);
+  text-decoration-color: none;
+  font-weight: inherit;
+  text-decoration: none;
+}
+
 .card-meta {
   color: var(--meta-color);
 }
diff --git a/sass/parts/_misc.scss b/sass/parts/_misc.scss
index 29e4bc1..9eca69d 100644
--- a/sass/parts/_misc.scss
+++ b/sass/parts/_misc.scss
@@ -37,6 +37,10 @@
   color: var(--hover-color);
 }
 
+.nav.tags {
+  display: inline-block;
+}
+
 p {
   line-height: 1.5;
 }
@@ -60,6 +64,12 @@ a {
   font-weight: 580;
 }
 
+p a {
+  color: var(--accent-color);
+  text-decoration: inherit;
+  font-weight: inherit;
+}
+
 a:hover {
   background-color: var(--primary-color);
   color: var(--hover-color);
diff --git a/templates/macros/macros.html b/templates/macros/macros.html
index e5b2883..f20d227 100644
--- a/templates/macros/macros.html
+++ b/templates/macros/macros.html
@@ -86,36 +86,33 @@
                 {{ page.title }}
             </div>
             <div class="meta">
-                {% if page.date %}
-                Posted on {{ page.date | date(format=config.extra.timeformat) }}
-                •
-                {% endif %}
-                <span> {{ page.reading_time }} minute read</span>
                 {% if page.draft %}
                 <span class="draft-label">DRAFT</span>
                 {% endif %}
 
+                {% if page.date %}
+                {{ page.date | date(format=config.extra.timeformat) }} •
+                {% endif %}
+
+                <span> {{ page.reading_time }} minute read{% if page.taxonomies and page.taxonomies.tags %}&nbsp;{%
+                    endif %}</span>
+
                 {% if page.taxonomies and page.taxonomies.tags %}
-                <div class="post-tags">
-                    <nav class="nav tags">
-                        {% for tag in page.taxonomies.tags %}
-                        <svg class="tags-item-icon" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24"
-                            fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
-                            <path d="M20.59 13.41l-7.17 7.17a2 2 0 0 1-2.83 0L2 12V2h10l8.59 8.59a2 2 0 0 1 0 2.82z"></path>
-                            <line x1="7" y1="7" x2="7.01" y2="7"></line>
-                        </svg>
-                        <a href={{ get_taxonomy_url(kind='tags' , name=tag) | safe }}>{{ tag }}</a>&nbsp;
-                        {% endfor %}
-                    </nav>
-                </div>
+                <nav class="nav tags"> • Categories:
+                    {% for tag in page.taxonomies.tags %}
+                    <a href={{ get_taxonomy_url(kind='tags' , name=tag) | safe }}>{{ tag }}</a>{% if not loop.last %},
+                    {% endif %}
+                    {% endfor %}
+                </nav>
                 {% endif %}
+
             </div>
         </div>
 
         {% if page.extra.tldr %}
         <div class="tldr">
-            <strong>tl;dr:</strong>
-            {{ page.extra.tldr }}
+            <h3>TL;DR:</h3>
+            <p>{{ page.extra.tldr }}</p>
         </div>
         {% endif %}