More styling tweaks.

assets/css/styles.css

@@ -11,6 +11,11 @@ body {
 header {
   display: flex;
   align-items: center;
+  margin-top: 20px;
+}
+
+header h1 {
+  font-size: 1.6em;
 }
 
 header a {
@@ -22,6 +27,12 @@ header * {
   display: inline;
 }
 
+@media (max-width: 800px) {
+  nav {
+    display: none;
+  }
+}
+
 nav {
   margin-left: auto;
 }
@@ -31,22 +42,31 @@ nav li {
   border-radius: 5px;
 }
 
-nav li:hover {
+ 
-  background-color: #eee;
+nav a:hover {
+  text-decoration: underline;
 }
 
 main {
   margin-top: 50px;
 }
 
-h1 {
+h1, h2, h3 {
   margin-bottom: 5px;
 }
 
+h2 {
+  border-bottom: 1px solid #000;
+}
+
 .date {
   font-style: italic;
 }
 
+.small {
+  font-size: 0.8em;
+}
+
 img {
   max-width: 100%;
   max-height: 500px;
@@ -63,7 +83,4 @@ figcaption {
   font-style: italic;
 }
 
-h2 {
-  border-bottom: 1px solid #000;
-}
 

content/blog/_index.md

@@ -2,5 +2,5 @@
 menu:
   main:
     weight: 10
-title: Blog
+title: Blog Posts
 ---

layouts/_default/list.html

@@ -2,7 +2,9 @@
   <h1>{{ .Title }}</h1>
   {{ .Content }}
   {{ range .Pages }}
-    <h2><a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a></h2>
+    <h3><a href="{{ .RelPermalink }}">{{ .LinkTitle }}</a></h2>
+    {{ $dateHuman := .Date | time.Format ":date_long" }}
+    <div class="date small">{{ $dateHuman }}</div>
     {{ .Summary }}
   {{ end }}
 {{ end }}