Rebase

The font-size rule specified with ems was recursively applying to the
<time> child, causing the date itself to be even smaller. I noticied
this in Safari on iOS.

README.md

@@ -1,6 +1,6 @@
 # Etch
 
-Etch is a simple, responsive theme for [Hugo](https://gohugo.io) with a focus on writing. A live demo is available at https://themes.gohugo.io/theme/etch/.
+Etch is a simple, responsive theme for [Hugo](https://gohugo.io) with a focus on writing. A live demo is available at https://lukasjoswiak.github.io/etch/.
 
 <img src="https://raw.githubusercontent.com/LukasJoswiak/etch/master/images/screenshot_small.png" alt="screenshot" width="545px">
 

assets/css/dark.css

@@ -8,6 +8,8 @@ html {
 body {
     color: #ebebeb;
     background: #121212;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
 }
 
 header#banner a {

assets/css/main.css

@@ -9,7 +9,7 @@ html {
 body {
     font-size: 16px;
     font-size: 1.6rem;
-    font-family: 'Helvetica Neue', 'Arial', sans-serif;
+    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
     color: #313a3d;
     width: 100%;
     margin: 0 auto;
@@ -139,10 +139,11 @@ main#content header#post-header h1 {
     display: block;
     font-size: 23px;
     font-size: 2.3rem;
+    font-weight: 600;
     line-height: 1.15;
 }
 
-main#content header#post-header div {
+main#content header#post-header > div {
     display: block;
     font-size: 0.85em;
     color: #767676;

assets/css/min770px.css

@@ -27,8 +27,8 @@ main#content ul#posts {
 
 /* single.html styles */
 main#content header#post-header h1 {
-    font-size: 26px;
-    font-size: 2.6rem;
+    font-size: 24px;
+    font-size: 2.4rem;
 }
 
 main#content img {

layouts/_default/li.html

@@ -0,0 +1,6 @@
+<li>
+    <a href="{{ .Permalink }}">
+        {{ .Title }}
+        <small><time>{{ .Date.Format "Jan 2, 2006" }}</time></small>
+    </a>
+</li>

layouts/_default/taxonomy.html

@@ -0,0 +1,8 @@
+{{ define "main" }}
+<h3>{{ .Title }}</h3>
+<ul id="posts">
+{{- range .Pages }}
+    {{ .Render "li" }}
+{{- end }}
+</ul>
+{{ end }}

layouts/partials/posts.html

@@ -1,11 +1,6 @@
 <h3>Posts</h3>
 <ul id="posts">
 {{- range where site.RegularPages "Type" "in" site.Params.mainSections }}
-    <li>
-        <a href="{{ .Permalink }}">
-            {{ .Title }}
-            <small><time>{{ .Date.Format "Jan 2, 2006" }}</time></small>
-        </a>
-    </li>
+    {{ .Render "li" }}
 {{- end }}
 </ul>

theme.toml

@@ -3,6 +3,7 @@ license = "MIT"
 licenselink = "https://github.com/LukasJoswiak/etch/blob/master/LICENSE"
 description = "Lightweight Hugo theme with a focus on content"
 homepage = "https://github.com/LukasJoswiak/etch"
+demosite = "https://lukasjoswiak.github.io/etch/"
 tags = ["simple", "minimal", "clean", "fast", "blog", "responsive", "dark mode", "privacy"]
 features = ["fast", "blog", "syntax highlighting", "dark mode"]
 min_version = "0.41"