From 58a6a8acce097935e8624fd4496bf4fe81213586 Mon Sep 17 00:00:00 2001
From: James Pattinson <james@pattinson.org>
Date: Wed, 20 May 2026 12:10:37 -0400
Subject: [PATCH] Bugfix and history page

---
 docker-compose.yml            |  2 ++
 src/lib/site.ts               |  1 +
 src/pages/about/history.astro | 33 +++++++++++++++++++++++++++++++++
 src/pages/about/index.astro   |  4 ++++
 src/pages/index.astro         |  6 ++----
 src/styles/global.css         | 30 ++++++++++++++++++++++++------
 6 files changed, 66 insertions(+), 10 deletions(-)
 create mode 100644 src/pages/about/history.astro

diff --git a/docker-compose.yml b/docker-compose.yml
index b9be70b..3f0ceb8 100644
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -76,6 +76,8 @@ services:
     depends_on:
       directus:
         condition: service_healthy
+      directus-bootstrap:
+        condition: service_completed_successfully
     restart: unless-stopped
     ports:
       - "${FRONTEND_PORT}:80"
diff --git a/src/lib/site.ts b/src/lib/site.ts
index 2829863..8dc3569 100644
--- a/src/lib/site.ts
+++ b/src/lib/site.ts
@@ -20,6 +20,7 @@ export const site = {
       label: 'About',
       href: '/about/',
       children: [
+        { label: 'History', href: '/about/history/' },
         { label: 'Drones', href: '/about/drones/' },
         { label: 'Noise', href: '/about/noise/' },
         { label: 'Volunteering', href: '/about/volunteering/' },
diff --git a/src/pages/about/history.astro b/src/pages/about/history.astro
new file mode 100644
index 0000000..c9af099
--- /dev/null
+++ b/src/pages/about/history.astro
@@ -0,0 +1,33 @@
+---
+import BaseLayout from '../../layouts/BaseLayout.astro';
+---
+
+<BaseLayout title="History" description="A brief history of Swansea Airport, formerly RAF Fairwood Common.">
+  <section class="container prose">
+    <p class="eyebrow">About</p>
+    <h1 class="section-title">History</h1>
+
+    <p>
+      Swansea Airport stands on a site with deep aviation roots. Before operating as Swansea
+      Airport, the airfield was known as RAF Fairwood Common.
+    </p>
+
+    <p>
+      During the wartime period, Fairwood Common played an operational role as part of the wider
+      air defence and training network. Its location on the Gower Peninsula gave it a strategic
+      position, and over time the airfield developed infrastructure that shaped its later civil use.
+    </p>
+
+    <p>
+      In the post-war years, the site evolved from military use into a civilian aerodrome. That
+      transition reflected the broader story of many UK airfields, where former RAF stations became
+      local centres for flight training, private aviation, and community flying activity.
+    </p>
+
+    <p>
+      Today, Swansea Airport continues that legacy. While the role of the airfield has changed, its
+      connection to aviation history remains central to its identity, linking RAF Fairwood Common's
+      past with present-day operations serving Swansea and the surrounding region.
+    </p>
+  </section>
+</BaseLayout>
diff --git a/src/pages/about/index.astro b/src/pages/about/index.astro
index 9f2b4c0..c337d4f 100644
--- a/src/pages/about/index.astro
+++ b/src/pages/about/index.astro
@@ -12,6 +12,10 @@ import BaseLayout from '../../layouts/BaseLayout.astro';
     </p>
 
     <div class="cards-grid">
+      <article class="card">
+        <h3><a href="/about/history/">History</a></h3>
+        <p>The story of Swansea Airport, formerly RAF Fairwood Common.</p>
+      </article>
       <article class="card">
         <h3><a href="/about/drones/">Drones</a></h3>
         <p>Guidance and local operating expectations for drone use near the airport.</p>
diff --git a/src/pages/index.astro b/src/pages/index.astro
index ab98750..caf3a93 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -57,8 +57,7 @@ const businessPromos = [
   <section class="hero">
     <div class="container hero-stack">
       <div class="hero-panel">
-        <p class="eyebrow">Operational website</p>
-        <h1 class="hero-title">Welcome to Swansea Airport - Fairwood Common</h1>
+        <center><h1 class="hero-title">Welcome to Swansea Airport</h1></center>
         <p class="hero-copy">
           Serving Swansea City and the Swansea Bay Region. Located on the stunning Gower Peninsula, just 15 minutes from Swansea City Centre - Swansea Airport is perfectly located for quick and convenient access to Swansea City, the vast, beautiful Gower Peninsula Area of Outstanding Natural Beauty and the rest of South & West Wales.
         </p>
@@ -93,8 +92,7 @@ const businessPromos = [
   <section class="container business-promo">
     <div class="section-head">
       <div>
-        <p class="eyebrow">On site businesses</p>
-        <h2 class="section-title">Experience, training, and adventure from one airfield</h2>
+        <h2 class="section-title">Experience, training, and adventure on your doorstep</h2>
       </div>
     </div>
 
diff --git a/src/styles/global.css b/src/styles/global.css
index 636bc93..3ae63a7 100644
--- a/src/styles/global.css
+++ b/src/styles/global.css
@@ -186,7 +186,7 @@ img {
   margin-left: auto;
 }
 
-.mobile-nav summary {
+.mobile-nav > summary {
   list-style: none;
   display: flex;
   align-items: center;
@@ -204,16 +204,16 @@ img {
   box-shadow: var(--shadow);
 }
 
-.mobile-nav summary::-webkit-details-marker {
+.mobile-nav > summary::-webkit-details-marker {
   display: none;
 }
 
-.mobile-nav summary::before {
+.mobile-nav > summary::before {
   content: '☰';
   line-height: 1;
 }
 
-.mobile-nav[open] summary::before {
+.mobile-nav[open] > summary::before {
   content: '✕';
   font-size: 1.2rem;
 }
@@ -246,18 +246,36 @@ img {
   border-radius: 0.75rem;
 }
 
-.mobile-subnav summary {
+.mobile-subnav > summary {
   list-style: none;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
   padding: 0.7rem 0.8rem;
   border-radius: 0.75rem;
   font-weight: 700;
+  color: var(--text);
   cursor: pointer;
 }
 
-.mobile-subnav summary::-webkit-details-marker {
+.mobile-subnav > summary:hover {
+  background: rgba(11, 79, 122, 0.08);
+}
+
+.mobile-subnav > summary::-webkit-details-marker {
   display: none;
 }
 
+.mobile-subnav > summary::after {
+  content: '+';
+  color: var(--brand-2);
+  font-weight: 800;
+}
+
+.mobile-subnav[open] > summary::after {
+  content: '-';
+}
+
 .mobile-subnav-panel {
   display: grid;
   gap: 0.2rem;