From 2aa6612a2813033bbe3546a562d502fd1539e0d9 Mon Sep 17 00:00:00 2001
From: Sebastian Kippe <sebastian@kip.pe>
Date: Fri, 27 May 2022 15:11:29 +0200
Subject: [PATCH] Add optional page description/subheading

---
 content/foundation/_index.md                  |  1 +
 .../kosmos-22/layouts/_default/section.html   |  3 +++
 themes/kosmos-22/layouts/_default/single.html |  3 +++
 themes/kosmos-22/static/css/main.css          | 26 +++++++++++++------
 4 files changed, 25 insertions(+), 8 deletions(-)

diff --git a/content/foundation/_index.md b/content/foundation/_index.md
index 35a65f5..22594be 100644
--- a/content/foundation/_index.md
+++ b/content/foundation/_index.md
@@ -1,5 +1,6 @@
 ---
 title: Kosmos Infrastructure Foundation
+description: Providing physical infrastructure for  Kosmos software and services
 menu:
   main:
     identifier: foundation
diff --git a/themes/kosmos-22/layouts/_default/section.html b/themes/kosmos-22/layouts/_default/section.html
index 4423175..8bfc449 100644
--- a/themes/kosmos-22/layouts/_default/section.html
+++ b/themes/kosmos-22/layouts/_default/section.html
@@ -5,6 +5,9 @@
   <div class="max-w-5xl mx-auto -mt-12 py-8 px-8 text-left bg-white">
   <header class="mb-8">
     <h2 class="text-2xl font-bold">{{ .Title }}</h1>
+    {{ if .Description }}
+    <p class="mt-2 text-lg text-zinc-500">{{ .Description }}</p>
+    {{ end }}
   </header>
   <div class="content">
     {{ .Content }}
diff --git a/themes/kosmos-22/layouts/_default/single.html b/themes/kosmos-22/layouts/_default/single.html
index 4423175..8bfc449 100644
--- a/themes/kosmos-22/layouts/_default/single.html
+++ b/themes/kosmos-22/layouts/_default/single.html
@@ -5,6 +5,9 @@
   <div class="max-w-5xl mx-auto -mt-12 py-8 px-8 text-left bg-white">
   <header class="mb-8">
     <h2 class="text-2xl font-bold">{{ .Title }}</h1>
+    {{ if .Description }}
+    <p class="mt-2 text-lg text-zinc-500">{{ .Description }}</p>
+    {{ end }}
   </header>
   <div class="content">
     {{ .Content }}
diff --git a/themes/kosmos-22/static/css/main.css b/themes/kosmos-22/static/css/main.css
index eec2b5f..17d08d6 100644
--- a/themes/kosmos-22/static/css/main.css
+++ b/themes/kosmos-22/static/css/main.css
@@ -685,14 +685,26 @@ Ensure the default browser behavior of the `hidden` attribute.
   text-align: center;
 }
 
+.align-top {
+  vertical-align: top;
+}
+
+.align-middle {
+  vertical-align: middle;
+}
+
+.align-bottom {
+  vertical-align: bottom;
+}
+
 .text-2xl {
   font-size: 1.5rem;
   line-height: 2rem;
 }
 
-.text-4xl {
-  font-size: 2.25rem;
-  line-height: 2.5rem;
+.text-lg {
+  font-size: 1.125rem;
+  line-height: 1.75rem;
 }
 
 .font-bold {
@@ -703,11 +715,9 @@ Ensure the default browser behavior of the `hidden` attribute.
   text-transform: uppercase;
 }
 
-@media (min-width: 640px) {
-  .sm\:px-0 {
-    padding-left: 0px;
-    padding-right: 0px;
-  }
+.text-zinc-500 {
+  --tw-text-opacity: 1;
+  color: rgb(113 113 122 / var(--tw-text-opacity));
 }
 
 @media (min-width: 768px) {