AI overhaul

htdocs/common/footer.html

@@ -1,11 +1,13 @@
 <footer>
-    <div class="footer l-box is-center">
-        <div class="pure-g">
-            <div class="pure-u-1-2">
-                © Eric O'Neill Meehan 2026
-            </div>
-            <div class="pure-u-1-2">
-                Made with <a href="https://pure-css.github.io/">Pure.css</a> and <a href="https://catppuccin.com/">Catppuccin</a>.
-            </div>
+    <div class="footer">
+        <a class="footer-brand" href="/">eom.dev</a>
+        <p>Independent projects, shared openly.</p>
+        <nav class="footer-links" aria-label="Footer navigation">
+            <a href="https://gitea.eom.dev/explore/repos">Source code</a>
+            <a href="https://peertube.eom.dev/videos/browse">Videos</a>
+            <a href="https://discourse.eom.dev/latest">Community</a>
+            <a href="mailto:eric@eom.dev">Contact</a>
+        </nav>
+        <p class="footer-credits">© Eric O'Neill Meehan 2026 · Made with <a href="https://pure-css.github.io/">Pure.css</a> and <a href="https://catppuccin.com/">Catppuccin</a>.</p>
     </div>
 </footer>

htdocs/common/header.html

@@ -1,8 +1,39 @@
 <head>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <meta name="description" content="Practical self-hosting, creative coding, and community experiments from Eric Meehan's home lab in Raleigh, North Carolina. Learn from the work, try the projects, and explore the source.">
+        <meta name="theme-color" content="#1e1e2e">
+        <meta property="og:type" content="website">
+        <meta property="og:site_name" content="eom.dev">
+        <meta property="og:title" content="eom.dev — Build your own corner of the internet">
+        <meta property="og:description" content="Practical self-hosting, creative coding, and community experiments from Eric Meehan's home lab.">
+        <meta property="og:url" content="https://www.eom.dev/">
+        <meta property="og:image" content="https://www.eom.dev/static/profile_2026.jpg">
+        <meta property="og:image:alt" content="Eric Meehan, software engineer and musician">
+        <meta name="twitter:card" content="summary">
+        <meta name="twitter:title" content="eom.dev — Build your own corner of the internet">
+        <meta name="twitter:description" content="Practical self-hosting, creative coding, and community experiments from Eric Meehan's home lab.">
+        <link rel="canonical" href="https://www.eom.dev/">
+        <link rel="icon" href="/favicon.ico" sizes="any">
     <link rel="stylesheet" href="/static/pure.css">
-    <link rel="stylesheet" href="https://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css">
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/purecss@3.0.0/build/pure-min.css" integrity="sha384-X38yfunGUhNzHpBaEBsWLO+A0HDYOQi8ufWDkZ0k9e0eXz/tH3II7uKZ9msv++Ls" crossorigin="anonymous">
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/purecss@3.0.0/build/grids-responsive-min.css">
+        <link rel="stylesheet" href="/static/home.css">
+        <title>eom.dev — Build your own corner of the internet</title>
+        <script type="application/ld+json">
+        {
+            "@context": "https://schema.org",
+            "@type": "Person",
+            "name": "Eric O'Neill Meehan",
+            "url": "https://www.eom.dev/",
+            "image": "https://www.eom.dev/static/profile_2026.jpg",
+            "jobTitle": "Software engineer and musician",
+            "homeLocation": {
+                "@type": "Place",
+                "name": "Raleigh, North Carolina"
+            },
+            "sameAs": [
+                "https://mastodon.eom.dev/@eric/",
+                "https://youtube.com/c/EricOMeehan"
+            ]
+        }
+        </script>
 </head>

htdocs/common/topnav.html

@@ -1,6 +1,15 @@
-<div class="header">
+<header class="header">
     <div class="home-menu pure-menu pure-menu-horizontal pure-menu-fixed">
-        <a class="pure-menu-heading" href="">eom.dev</a>
+        <a class="skip-link" href="#main-content">Skip to content</a>
+        <a class="pure-menu-heading" href="/" aria-label="eom.dev home">eom<span class="brand-dot">.</span>dev</a>
+        <nav aria-label="Main navigation">
+            <ul class="pure-menu-list">
+                <li class="pure-menu-item"><a class="pure-menu-link" href="#start-here">Explore</a></li>
+                <li class="pure-menu-item"><a class="pure-menu-link" href="#projects">Projects</a></li>
+                <li class="pure-menu-item"><a class="pure-menu-link" href="https://discourse.eom.dev/latest">Community</a></li>
+                <li class="pure-menu-item"><a class="pure-menu-link nav-support" href="#support">Support</a></li>
+            </ul>
+        </nav>
     </div>
-</div>
+</header>