add conditional logic for overtitle

Author: denten

_includes/page-lead.html

@@ -1,19 +1,27 @@
-<header class="grid md:grid-cols-2">
+<header>
 
-  <!-- main -->
-  <div class="pt-4 px-6">
-    <span class="block font-mono text-xs uppercase tracking-wider text-red-600">
-        {{ page.kicker }}
-    </span>
+  <div class="mx-auto px-4 md:px-6 pt-4">
+
+    {% if page.overtitle %}
+        <span class="block font-mono text-xs uppercase tracking-wider text-red-600">
+          {{ page.overtitle }}
+        </span>
+    {% endif %}
+
+    {% if page.title %}
+        <h1 class="font-sans text-5xl font-black uppercase leading-tight">
+          {{ page.title }}
+        </h1>
+    {% endif %}
 
-    <h1 class="font-sans text-5xl font-black uppercase leading-tight">
-        {{ page.title }}
-    </h1>
   </div>
 
   <!-- meta -->
-  <div class="bg-stone-100 px-4 py-6 font-mono text-sm leading-relaxed text-gray-500 md:px-6">
-    {{ page.meta }}
-  </div>
+
+{% if page.meta %}
+    <div class="bg-stone-100 px-4 py-6 font-mono text-sm leading-relaxed text-gray-500 md:px-6">
+        {{ page.meta }}
+    </div>
+{% endif %}
 
 </header>

_pages/about.md

@@ -1,6 +1,6 @@
 ---
 layout: about
-kicker: "information"
+overtitle: "information"
 title: About
 permalink: /about/
 ---

_pages/notes.md

@@ -2,7 +2,7 @@
 layout: notes
 title: Notes
 permalink: /notes/
-kicker: "archive"
+overtitle: "archive"
 meta: "Chronological journal entries. Newest first."
 ---