From b101472767032daafa9f8d778016dff1c7f97efe Mon Sep 17 00:00:00 2001
From: Alexander Cobleigh <cblgh@cblgh.org>
Date: Mon, 12 Oct 2020 09:55:42 +0200
Subject: [PATCH] improve visual hierarchy by refining bold text use

---
 src/assets/style.css | 25 +++++++++++++++++++++----
 src/views/index.js   |  6 +++---
 2 files changed, 24 insertions(+), 7 deletions(-)

diff --git a/src/assets/style.css b/src/assets/style.css
index fe7a710..d86b5b6 100644
--- a/src/assets/style.css
+++ b/src/assets/style.css
@@ -126,11 +126,14 @@ section header a {
   display: flex;
   color: var(--fg-status);
   text-decoration: none;
-  font-weight: bold;
   margin-right: var(--size--2);
   margin-left: var(--size--2);
 }
 
+section header a:hover {
+    text-decoration: underline;
+}
+
 /* For use with elements specific for
  * rendering in a text browser and intended
  * to be hidden in a graphical browser. */
@@ -141,9 +144,14 @@ section header a {
 section > footer > div > a,
 section > footer > div > form > button {
   color: var(--fg-status);
-  font-weight: bold;
 }
 
+section > footer > div > a:hover,
+section > footer > div > form > button:hover {
+    text-decoration: underline;
+}
+
+
 section > footer > div > form > button {
   display: inline-block;
   border: 0;
@@ -319,11 +327,14 @@ nav {
 nav > ul > li > a {
   color: var(--fg);
   text-decoration: none;
-  font-weight: bold;
+}
+
+nav > ul > li > a:hover {
+  text-decoration: underline;
 }
 
 nav > ul > li > a.current {
-  text-decoration: underline;
+    font-weight: bold;
 }
 
 section {
@@ -352,6 +363,10 @@ section > header {
   flex-grow: 1;
 }
 
+.author-action > a {
+    text-decoration: underline;
+}
+
 section > header > div {
   display: flex;
   justify-content: space-between;
@@ -371,6 +386,7 @@ section header span {
 section header .author > a:first-child {
   margin-left: 0;
   color: var(--fg-light);
+  font-weight: bold;
 }
 
 /*
@@ -400,6 +416,7 @@ section > .centered-footer {
 
 section > footer {
   color: var(--fg-status);
+  margin-top: var(--size-0);
 }
 
 section > footer br {
diff --git a/src/views/index.js b/src/views/index.js
index fbacaca..36a5925 100644
--- a/src/views/index.js
+++ b/src/views/index.js
@@ -73,10 +73,10 @@ const nbsp = "\xa0";
 /**
  * @param {{href: string, emoji: string, text: string }} input
  */
-const navLink = ({ href, emoji, text }) =>
-  li(a({ href }, span({ class: "emoji" }, emoji), nbsp, text));
-
 const template = (titlePrefix, ...elements) => {
+  const navLink = ({ href, emoji, text }, prefix) =>
+      li(a({ href, class: titlePrefix === text ? "current" : "" }, span({ class: "emoji" }, emoji), nbsp, text));
+
   const nodes = html(
     { lang: "en" },
     head(