M assets/css/style.css → assets/css/style.css

@@ -50,6 +50,11 @@ background-color: var(--color-bg);
   color: var(--text-primary);
 }
 
+header {
+  font-size: 1.5rem;
+  font-weight: bold;
+}
+
 main {
   max-width: 40rem;
   margin: 0 auto;
@@ -77,6 +82,12 @@ color: #818cf8;
   text-decoration: underline;
 }
 
+h1, h2, h3 {
+  background-color: var(--color-primary-light);
+  border-radius: 4px;
+  padding: 0.25rem 0.5rem;
+}
+
 h1 {
   font-size: 1.5rem;
   line-height: 2rem;
@@ -86,6 +97,11 @@ h2 {
   font-size: 1.25rem;
   line-height: 1.75rem;
   margin-bottom: 1rem;
+  background-color:  color-mix(in srgb, var(--color-primary) 9%, var(--color-bg));
+}
+
+h3 {
+    background-color:  color-mix(in srgb, var(--color-primary) 7%, var(--color-bg));
 }
 
 p {

M layouts/_default/single.html → layouts/_default/single.html

@@ -1,4 +1,6 @@ 
 {{ define "main" }}
-<h1>{{ .Title }}</h1>
+  {{ if .Title }}
+    <h1>{{ .Title }}</h1>
+  {{ end }}
 {{ .Content }}
 {{ end }}

M layouts/partials/head.html → layouts/partials/head.html

@@ -1,9 +1,9 @@ 
-<div class="head h-card">
-  <h1 class="mb-8">
+<header class="head h-card">
+  <span class="mb-8">
     <span class="p-name">Tim Izzo</span> @<a
       href="{{ .Site.BaseURL }}"
       class="u-url"
       >5ika.ch</a
     >
-  </h1>
-</div>+  </span>
+</header>