From d7077b88f126acc48e2f64a426205959c756e466 Mon Sep 17 00:00:00 2001
From: Eryn Wells <eryn@erynwells.me>
Date: Sun, 9 Oct 2022 12:50:08 -0700
Subject: [PATCH] Let's get some heading font sizes up in here

---
 content/blog/blog.css             | 25 -----------------
 layouts/partials/single_main.html |  2 ++
 static/styles/root.css            | 45 ++++++++++++++++++++++++++++---
 3 files changed, 43 insertions(+), 29 deletions(-)

diff --git a/content/blog/blog.css b/content/blog/blog.css
index 4f61cf3..dcda94b 100644
--- a/content/blog/blog.css
+++ b/content/blog/blog.css
@@ -103,36 +103,11 @@
     margin-block-start: 3.5rem;
 }
 
-.post-title {
-    align-items: baseline;
-    display: flex;
-    flex-wrap: wrap;
-    gap: 0 4rem;
-    margin-bottom: var(--body-item-spacing);
-}
-
-.post-title h1 {
-    flex-grow: 1;
-    margin-block: 0;
-    padding-bottom: 0;
-}
-
-.post-title > .post-date {
-    color: var(--light-dim);
-    display: inline-block;
-    font-size: 1.75rem;
-    inline-size: min-content;
-    letter-spacing: 1px;
-    margin-block-start: 0.5rem;
-    white-space: nowrap;
-}
-
 .blog footer .tags {
     display: flex;
     padding-inline-start: 0;
 }
 
-
 .blog footer .tags li {
     background-color: var(--tag-background-color);
     border-radius: 4px;
diff --git a/layouts/partials/single_main.html b/layouts/partials/single_main.html
index 238482e..73382ae 100644
--- a/layouts/partials/single_main.html
+++ b/layouts/partials/single_main.html
@@ -3,7 +3,9 @@
     {{ partial "development/draft_tag.html" . }}
     <div class="post-title">
       <h1>{{ .Title }}</h1>
+      {{ if not (eq .Type "page") }}
       <div class="post-date"><time>{{ .Date | time.Format "January 2, 2006" }}</time></div>
+      {{ end }}
     </div>
   </header>
 
diff --git a/static/styles/root.css b/static/styles/root.css
index 9fd77ad..2541968 100644
--- a/static/styles/root.css
+++ b/static/styles/root.css
@@ -190,6 +190,11 @@ h1, h2, h3, h4, h5, h6 {
     line-height: var(--body-header-line-height);
 }
 
+h1:first-child, h2:first-child, h3:first-child,
+h4:first-child, h5:first-child, h6:first-child {
+    margin-block-start: 0;
+}
+
 html {
     background-color: var(--background-color);
     color: var(--foreground-color);
@@ -206,6 +211,7 @@ main {
 
 h1.site {
     color: rgb(var(--mid-blue));
+    font-size: 2.5em;
 }
 @supports (background-clip: text) {
     h1.site {
@@ -255,6 +261,7 @@ header.site.animated {
 
 header.site h1 {
     font-family: var(--font-family-site-heading);
+    font-size: 2em;
     margin: 0;
 }
 
@@ -301,6 +308,11 @@ img {
     max-width: 100%;
 }
 
+main h1 { font-size: 1.6em; }
+main h2 { font-size: 1.5em; }
+main h3 { font-size: 1.4em; }
+main h4 { font-size: 1.3em; }
+
 nav.site {
     align-items: center;
     display: flex;
@@ -368,10 +380,29 @@ p:last-child { margin-block-end: 0; }
     padding: 0 0.5rem;
 }
 
-.youtube iframe {
-    aspect-ratio: 16 / 9;
-    margin-bottom: -3px;
-    width: 100%;
+.post-title {
+    align-items: baseline;
+    display: flex;
+    flex-wrap: wrap;
+    gap: 0 4rem;
+    margin-bottom: var(--body-item-spacing);
+}
+
+.post-title h1 {
+    flex-grow: 1;
+    font-size: 1.8em;
+    margin-block: 0;
+    padding-bottom: 0;
+}
+
+.post-title > .post-date {
+    color: var(--light-dim);
+    display: inline-block;
+    font-size: 1.75rem;
+    inline-size: min-content;
+    letter-spacing: 1px;
+    margin-block-start: 0.5rem;
+    white-space: nowrap;
 }
 
 .p5-sketch {
@@ -380,6 +411,12 @@ p:last-child { margin-block-end: 0; }
     width: 100%;
 }
 
+.youtube iframe {
+    aspect-ratio: 16 / 9;
+    margin-bottom: -3px;
+    width: 100%;
+}
+
 /** SYNTAX HIGHLIGHTING **/
 
 .highlight code {