docs: redraw the website as an ink drawing of a lighthouse on a hill

site/404.html

@@ -5,15 +5,17 @@
 <meta name="viewport" content="width=device-width, initial-scale=1">
 <title>Page not found · StableBar</title>
 <meta name="robots" content="noindex">
-<meta name="theme-color" content="#15110d">
+<meta name="theme-color" content="#86cbf2">
 <!-- GitHub Pages serves this page at any missing address, so every path starts at the root. -->
 <link rel="icon" href="/images/icon-64.png">
 <link rel="stylesheet" href="/style.css">
 <script>
 document.documentElement.dataset.mode = localStorage.getItem("mode") || (matchMedia("(prefers-color-scheme: light)").matches ? "light" : "dark");
+if (document.documentElement.dataset.mode === "dark") document.querySelector('meta[name="theme-color"]').content = "#232662";
 </script>
 </head>
-<body>
+<body class="doc">
+<a class="skip" href="#main">Skip to content</a>
 <div class="page">
   <header class="top">
     <a class="brand" href="/"><img src="/images/icon-64.png" alt="">StableBar</a>

site/fonts/host-grotesk-OFL.txt → site/fonts/shantell-sans-OFL.txt

@@ -1,4 +1,4 @@
-Copyright 2023 The Host Grotesk Project Authors (https://github.com/Element-Type/HostGrotesk) HostGrotesk-Italic[wght].ttf: Copyright 2023 The Host Grotesk Project Authors (https://github.com/Element-Type/HostGrotesk)
+Copyright 2022 The Shantell Sans Project Authors (https://github.com/arrowtype/shantell-sans)
 
 This Font Software is licensed under the SIL Open Font License, Version 1.1.
 This license is copied below, and is also available with a FAQ at:
@@ -18,7 +18,7 @@ with others.
 
 The OFL allows the licensed fonts to be used, studied, modified and
 redistributed freely as long as they are not sold by themselves. The
-fonts, including any derivative works, can be bundled, embedded,
+fonts, including any derivative works, can be bundled, embedded, 
 redistributed and/or sold with any software provided that any reserved
 names are not used by derivative works. The fonts and derivatives,
 however, cannot be released under any other type of license. The

site/privacy.html

@@ -6,14 +6,16 @@
 <title>Privacy Policy · StableBar</title>
 <meta name="description" content="What StableBar and stablebar.app collect: no account, no analytics, and no personal data.">
 <link rel="canonical" href="https://stablebar.app/privacy.html">
-<meta name="theme-color" content="#15110d">
+<meta name="theme-color" content="#86cbf2">
 <link rel="icon" href="images/icon-64.png">
 <link rel="stylesheet" href="style.css">
 <script>
 document.documentElement.dataset.mode = localStorage.getItem("mode") || (matchMedia("(prefers-color-scheme: light)").matches ? "light" : "dark");
+if (document.documentElement.dataset.mode === "dark") document.querySelector('meta[name="theme-color"]').content = "#232662";
 </script>
 </head>
-<body>
+<body class="doc">
+<a class="skip" href="#main">Skip to content</a>
 <div class="page">
   <header class="top">
     <a class="brand" href="./"><img src="images/icon-64.png" alt="">StableBar</a>

site/terms.html

@@ -6,14 +6,16 @@
 <title>Terms of Service · StableBar</title>
 <meta name="description" content="The terms for using StableBar and stablebar.app: the MIT License, no warranty, and your responsibility for the packages and scripts you run.">
 <link rel="canonical" href="https://stablebar.app/terms.html">
-<meta name="theme-color" content="#15110d">
+<meta name="theme-color" content="#86cbf2">
 <link rel="icon" href="images/icon-64.png">
 <link rel="stylesheet" href="style.css">
 <script>
 document.documentElement.dataset.mode = localStorage.getItem("mode") || (matchMedia("(prefers-color-scheme: light)").matches ? "light" : "dark");
+if (document.documentElement.dataset.mode === "dark") document.querySelector('meta[name="theme-color"]').content = "#232662";
 </script>
 </head>
-<body>
+<body class="doc">
+<a class="skip" href="#main">Skip to content</a>
 <div class="page">
   <header class="top">
     <a class="brand" href="./"><img src="images/icon-64.png" alt="">StableBar</a>