Assorted style tweaks

site_test/css/main.scss

@@ -12,7 +12,7 @@ $link-color: #c21e1e;
     --text-color: black;
     --secondary-text-color: #656565;
     --link-color: #c21e1e;
-    --page-vertical-margin: 3rem;
+    --page-vertical-margin: 2rem;
 }
 
 .container {
@@ -35,8 +35,8 @@ a:visited {
 a:hover {
     text-decoration-thickness: 3px;
 }
-a[href^="http://"]::after,
+a[href^="http://"]:not(.no-external-link-decoration)::after,
-a[href^="https://"]::after
+a[href^="https://"]:not(.no-external-link-decoration)::after
 {
     background-color: currentColor;
     content: "";
@@ -338,7 +338,7 @@ footer {
 }
 
 .webring {
-    background: linear-gradient(
+    --webring-gradient: linear-gradient(
         90deg,
         #855988,
         #6b4984,
@@ -346,13 +346,23 @@ footer {
         #2b2f77,
         #141852
     );
+    background: var(--webring-gradient);
     background-clip: text;
     font-variant: small-caps;
     font-weight: bold;
+    position: relative;
+    &::after {
+        content: "";
+        width: 100%;
+        height: 2px;
+        position: absolute;
+        bottom: 2px;
+        left: 0;
+        background: var(--webring-gradient);
+    }
     a {
         color: transparent;
-        &::after {
+        text-decoration: none;
-            display: none;
+        position: relative;
-        }
     }
 }

site_test/index.html

@@ -35,7 +35,7 @@
     </span>
     {% endfor %}
     <span title="{{ latest_post.word_count }} word{% if latest_post.word_count != 1 %}s{% endif %}">
-        {{ latest_post.word_count | reading_time }} minute read.
+        {{ latest_post.word_count | reading_time }}&nbsp;minute&nbsp;read.
     </span>
 </p>
 <div class="body-content">
@@ -62,9 +62,11 @@
 {% endblock %}
 
 {% block after_footer_links %}
-<p class="webring">
+<p>
-	<a href="https://metro.bieszczady.pl">Metro Bieszczady Webring</a>
+    <span class="webring">
-	<a title="previous page in webring" href="https://metro.bieszczady.pl/cgi-bin/webring?action=previous&amp;from=shadowfacts">←</a>
+    	<a href="https://metro.bieszczady.pl" class="no-external-link-decoration">Metro Bieszczady Webring</a>
-	<a title="next page in webring" href="https://metro.bieszczady.pl/cgi-bin/webring?action=next&amp;from=shadowfacts">→</a>
+    	<a title="previous page in webring" href="https://metro.bieszczady.pl/cgi-bin/webring?action=previous&amp;from=shadowfacts" class="no-external-link-decoration">←</a>
+    	<a title="next page in webring" href="https://metro.bieszczady.pl/cgi-bin/webring?action=next&amp;from=shadowfacts" class="no-external-link-decoration">→</a>
+	</span>
 </p>
 {% endblock %}

src/generator/css.rs

@@ -53,7 +53,7 @@ pub fn make_graph(
         ),
         (
             "berkeley-mono-italic",
-            content_path("css/fonts/BerkeleyMono-Italic.woff2"),
+            content_path("css/fonts/BerkeleyMono-Oblique.woff2"),
         ),
     ];
     for (name, path) in filenames.into_iter() {