feat: prevent first h1 from having too-large top margin

limulus · Sep 29, 2024 · f4b87dd · f4b87dd
1 parent 10f6337
commit f4b87dd
Show file tree

Hide file tree

Showing 5 changed files with 9 additions and 14 deletions.
diff --git a/www/404.webc b/www/404.webc
@@ -3,8 +3,6 @@ title: Not Found
 layout: page
 ---
 
-<header>
-  <h1 class="title">Not Found</h1>
-</header>
+<h1 @text="title"></h1>
 
 <p>Sorry, the resource you were looking for could not be found.</p>
diff --git a/www/_includes/css/main.css b/www/_includes/css/main.css
@@ -93,6 +93,10 @@ a:visited {
   position: absolute;
 }
 
+h1:first-of-type {
+  margin-top: 0;
+}
+
 body > header {
   /* padding: 0 0 1rem 0; */
   font-size: 1rem;
@@ -121,10 +125,6 @@ body > header a:visited {
   color: #333;
 }
 
-h1.title {
-  margin-top: 0;
-}
-
 code {
   font-family: 'Monaspace Neon', monospace;
   /**

diff --git a/www/_includes/layouts/article.webc b/www/_includes/layouts/article.webc
@@ -4,7 +4,7 @@ layout: page
 
 <article>
   <header>
-    <h1 class="title" @text="title"></h1>
+    <h1 @text="title"></h1>
     <article-meta :date="page.date"></article-meta>
   </header>
 

diff --git a/www/penumbra/index.webc b/www/penumbra/index.webc
@@ -1,12 +1,11 @@
 ---
-title: A Web-Centric Ray Tracer Challenge Implementation
+title: Penumbra
+subtitle: A Web-Centric Ray Tracer Challenge Implementation
 layout: page
 teaser: >-
   A development journal and web-centric implementation of The Ray Tracer Challenge.
 ---
 
-<h1 class="title">Penumbra</h1>
-
 <p>
   <em>Penumbra</em> is a
   <a href="https://pragprog.com/titles/jbtracer/the-ray-tracer-challenge/"

diff --git a/www/penumbra/journal/index.webc b/www/penumbra/journal/index.webc
@@ -3,8 +3,6 @@ title: Penumbra Development Journal
 layout: page
 ---
 
-<header>
-  <h1>Penumbra Development Journal</h1>
-</header>
+<h1 @text="title"></h1>
 
 <article-list :@articles="collections.journal"></article-list>