From 2be98a32842b54aa452f46779415efc9a077de5d Mon Sep 17 00:00:00 2001
From: Lee Cattarin <lee.cattarin@gmail.com>
Date: Mon, 29 Dec 2025 09:10:28 -0800
Subject: [PATCH] add about page

---
 about/index.html | 46 ++++++++++++++++++++++++++++++++++++++++++++++
 scripts/nav.js   | 10 +++++++---
 2 files changed, 53 insertions(+), 3 deletions(-)
 create mode 100644 about/index.html
diff --git a/about/index.html b/about/index.html
new file mode 100644
index 0000000..c3c2428
--- /dev/null
+++ b/about/index.html
@@ -0,0 +1,46 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <title>About | the historic Beall Greenhouses</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta charset="utf-8">
+    <!-- Meta -->
+    <link rel="icon" type="image/x-icon" href="/favicon.ico">
+    <link rel="canonical" href="/about/" />
+    <meta name="description" content="About | the historic Beall Greenhouses" />
+    <meta name="robots" content="index,follow" />
+    <meta property="og:title" content="About | the historic Beall Greenhouses" />
+    <meta property="og:type" content="article" />
+    <meta property="og:url" content="/about/" />
+    <meta property="og:description" content="About | the historic Beall Greenhouses" />
+    <meta property="og:image" content="/img/logo-light.png" />
+    <meta property="og:image:alt" content="Linework icon depicting a sunrise or sunset with two clouds, in a blue and orange color scheme" />
+
+    <!-- JS -->
+    <script src="/scripts/nav.js" defer></script>
+
+    <!-- CSS -->
+    <link rel="stylesheet" href="/styles/main.css">
+    <link rel="stylesheet" href="/styles/nav.css">
+  </head>
+  <body>
+    <div id="content">
+      <header>
+        <nav id="top-nav"><!-- auto-populated by nav.js --></nav>
+
+        <img id="logo-dark" src="/img/logo-dark.png" alt="Linework icon depicting a sunrise or sunset with two clouds, in a blue and orange color scheme">
+        <img id="logo-light" src="/img/logo-light.png" alt="Linework icon depicting a sunrise or sunset with two clouds, in a blue and orange color scheme">
+      </header>
+      <main>
+        <h1>About the Beall Greenhouses</h1>
+
+        <h2>Past</h2>
+
+        <h2>Present</h2>
+
+        <h2>Future</h2>
+      </main>
+    </div>
+    <footer id="footer"><!-- auto-populated by nav.js --></footer>
+  </body>
+</html>
diff --git a/scripts/nav.js b/scripts/nav.js
index 695f290..bdfd767 100644
--- a/scripts/nav.js
+++ b/scripts/nav.js
@@ -2,11 +2,15 @@
 const navItems = [
   {
     href: "/",
-    name: "↩ back home"
+    title: "↩ back home"
+  },
+  {
+    href: "/about/",
+    title: "ⓘ about"
   },
   {
     href: "/events/",
-    name: "📅 all events"
+    title: "🗓 events"
   }
 ];
 
@@ -17,7 +21,7 @@ const populateNav = function() {
   for (const item of navItems) {
     let a = document.createElement("a");
     a.href = item.href;
-    a.innerHTML = item.name;
+    a.innerHTML = item.title;
 
     if (item.href === path) a.id = "current-page";
 
