Create dedicated layout for board pages

content/english/about/index.md

@@ -79,9 +79,15 @@ features:
         color: "#9B8EE8"                
         content_class: "text-white"
       - title: "NASA Observer"
-        content: "Unofficial observer role (no voting power.) Hardware engineer at NASA. Involvement is anonymous given the current climate."
+        content: "Unofficial observer role (no voting power.) Hardware engineer at NASA. Anonymous involvement given the current climate."
         color: "#9B8EE8"                
         content_class: "text-white"
+    button:
+      enable: true
+      label: "Governance"
+      link: "/board"
+      icon: "fa fa-ticket pl-2"
+      class: "btn text-white meetups-bg"
     notice: "**Note:** The advisory board is comprised of volunteers. Member's opinions are their own, not their employer's."
 
   - title: "Morgan Rammell"

content/english/board-meeting-20250318/index.md

@@ -1,7 +1,7 @@
 ---
 title: "Advisory Board Meeting"
 meta_title: "Board's Meeting Notes"
-layout: "single"
+layout: "board"
 description: "Advisory Board Meeting Notes - 18 Mar 2025"
 draft: false
 ---

content/english/board/index.md

@@ -1,7 +1,7 @@
 ---
 title: "Advisory Board"
 meta_title: "Advisory Board"
-layout: "single"
+layout: "board"
 description: "The Handmade Cities Advisory Board"
 draft: false
 ---

layouts/_default/board.html

@@ -0,0 +1,12 @@
+{{ define "main" }}
+  {{ partial "page-header" . }}
+    <div class="container">
+      <div class="row justify-center">
+        <div class="lg:col-10">
+          <div class="content">
+            {{ .Content }}
+          </div>
+        </div>
+      </div>
+    </div>
+{{ end }}

layouts/_default/single.html

@@ -1,7 +1,5 @@
 {{ define "main" }}
   {{ partial "page-header" . }}
-
-
   <section class="section-sm">
     <div class="container">
       <div class="row justify-center">

layouts/partials/components/features.html

@@ -109,10 +109,12 @@
         </ul>
         {{ with .button }}
         {{ if .enable }}
+        <div class="flex justify-center items-center">
         <a class="btn mt-6 {{ .class }}" href="{{ .link | absURL }}">
           {{ .label }}
           <i class="fa fa-arrow-right pl-2"></i>
         </a>
+        </div>
         {{ end }}
         {{ end }}
       </div>