aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorThedro Neely <thedroneely@gmail.com>2022-03-25 21:44:34 -0400
committerThedro Neely <thedroneely@gmail.com>2022-03-25 21:50:54 -0400
commitab04061d97941ce5e3ee12e6df01f74bb3edf68f (patch)
treeeea1952f5903b7bc8b052906cc0f77f2dae0573d
parent9a04315209f74e8d6a398017cf3349c8a1616ac1 (diff)
downloadthedroneely.com-ab04061d97941ce5e3ee12e6df01f74bb3edf68f.tar.gz
thedroneely.com-ab04061d97941ce5e3ee12e6df01f74bb3edf68f.tar.bz2
thedroneely.com-ab04061d97941ce5e3ee12e6df01f74bb3edf68f.zip
generators/hugo/layouts/_default/single: Set more contents date right
Remove some unused CSS. Add contrast to table of contents. Link to Tufte CSS.
-rw-r--r--generators/hugo/themes/tdro/layouts/_default/single.html13
-rw-r--r--public/css/tdro.css102
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 {