From ab04061d97941ce5e3ee12e6df01f74bb3edf68f Mon Sep 17 00:00:00 2001
From: Thedro Neely <thedroneely@gmail.com>
Date: Fri, 25 Mar 2022 21:44:34 -0400
Subject: generators/hugo/layouts/_default/single: Set more contents date right

Remove some unused CSS. Add contrast to table of contents.
Link to Tufte CSS.
---
 .../hugo/themes/tdro/layouts/_default/single.html  |  13 ++-
 public/css/tdro.css                                | 102 +++++++--------------
 2 files changed, 40 insertions(+), 75 deletions(-)

diff --git a/generators/hugo/themes/tdro/layouts/_default/single.html b/generators/hugo/themes/tdro/layouts/_default/single.html
index df33970..16f5b03 100644
--- a/generators/hugo/themes/tdro/layouts/_default/single.html
+++ b/generators/hugo/themes/tdro/layouts/_default/single.html
@@ -72,11 +72,14 @@
 
           <ul>
             <li>
-              <span class="has-text-grey-dark">{{ dateFormat "02 Jan 2006" .Date }}</span>
-              &nbsp;
-              <h2 class="has-margin-none is-inline-tablet">
-                <a href="{{ .RelPermalink }}" title="{{ truncate 100 "..." .Summary }}" class="serif is-size-4">{{ .Title }}</a>
-              </h2>
+              <p class="has-margin-none">
+                <a href="{{ .RelPermalink }}" title="{{ truncate 100 "..." .Summary }}" class="serif is-size-4">
+                  {{ .Title | markdownify }}
+                </a>
+              </p>
+              <time datetime="{{ dateFormat "2006-01-02" .Date }}">
+                {{ dateFormat "02 Jan 2006" .Date }}
+              </time>
             </li>
           </ul>
 
diff --git a/public/css/tdro.css b/public/css/tdro.css
index b8c9903..0826591 100644
--- a/public/css/tdro.css
+++ b/public/css/tdro.css
@@ -365,12 +365,6 @@ a.has-text-danger:focus {
   display: inline !important;
 }
 
-@media screen and (min-width: 769px), print {
-  .is-inline-tablet {
-    display: inline !important;
-  }
-}
-
 .is-inline-block {
   display: inline-block !important;
 }
@@ -746,10 +740,6 @@ fieldset[disabled] .select select:-ms-input-placeholder,
   height: initial;
 }
 
-.textarea.has-fixed-size {
-  resize: none;
-}
-
 .checkbox,
 .radio {
   cursor: pointer;
@@ -896,63 +886,6 @@ fieldset[disabled] .radio {
   text-align: left;
 }
 
-.control.has-icons-left .input:focus ~ .icon,
-.control.has-icons-left .select:focus ~ .icon,
-.control.has-icons-right .input:focus ~ .icon,
-.control.has-icons-right .select:focus ~ .icon {
-  color: #7a7a7a;
-}
-
-.control.has-icons-left .input.is-small ~ .icon,
-.control.has-icons-left .select.is-small ~ .icon,
-.control.has-icons-right .input.is-small ~ .icon,
-.control.has-icons-right .select.is-small ~ .icon {
-  font-size: 0.75rem;
-}
-
-.control.has-icons-left .input.is-medium ~ .icon,
-.control.has-icons-left .select.is-medium ~ .icon,
-.control.has-icons-right .input.is-medium ~ .icon,
-.control.has-icons-right .select.is-medium ~ .icon {
-  font-size: 1.25rem;
-}
-
-.control.has-icons-left .input.is-large ~ .icon,
-.control.has-icons-left .select.is-large ~ .icon,
-.control.has-icons-right .input.is-large ~ .icon,
-.control.has-icons-right .select.is-large ~ .icon {
-  font-size: 1.5rem;
-}
-
-.control.has-icons-left .icon,
-.control.has-icons-right .icon {
-  color: #dbdbdb;
-  height: 2.25em;
-  pointer-events: none;
-  position: absolute;
-  top: 0;
-  width: 2.25em;
-  z-index: 4;
-}
-
-.control.has-icons-left .input,
-.control.has-icons-left .select select {
-  padding-left: 2.25em;
-}
-
-.control.has-icons-left .icon.is-left {
-  left: 0;
-}
-
-.control.has-icons-right .input,
-.control.has-icons-right .select select {
-  padding-right: 2.25em;
-}
-
-.control.has-icons-right .icon.is-right {
-  right: 0;
-}
-
 .dropdown {
   display: inline-flex;
   position: relative;
@@ -1443,6 +1376,35 @@ figure > a,
   margin-top: 2rem;
 }
 
+.article__more__content time {
+  margin-right: 1rem;
+  font-size: 1.125rem;
+  letter-spacing: 0.05rem;
+  font-variant: all-small-caps;
+}
+
+.article__more__content li {
+  display: flex;
+  align-items: center;
+}
+
+.article__more__content li p {
+  flex: 1;
+  white-space: nowrap;
+  overflow: hidden;
+  padding-right: 1rem;
+  text-overflow: ellipsis;
+}
+
+@media screen and (max-width: 968px) {
+  .article__more__content li {
+    display: block;
+  }
+  .article__more__content li p {
+    white-space: normal;
+  }
+}
+
 .image__thumbnail {
   max-height: 222px;
 }
@@ -1873,7 +1835,7 @@ h1.article__list:not(:first-child) {
   padding-top: 1em;
 }
 .webring ul {
-  margin-top: 0.5em;
+  margin-top: 0;
 }
 .webring .articles h2 {
   margin-bottom: 0.1em;
@@ -2051,7 +2013,7 @@ nav#TableOfContents ul {
 }
 nav#TableOfContents a {
   display: block;
-  color: #555;
+  color: #444;
   padding: 0.125rem 0 0.125rem 0.5rem;
 }
 nav#TableOfContents a {
@@ -2106,7 +2068,7 @@ table code {
 }
 
 /*
- * Tufte CSS
+ * Tufte CSS: https://edwardtufte.github.io/tufte-css/
  */
 
 .leftnote {
-- 
cgit v1.2.3