wordmark 0.21.0 → 0.22.0

data/public/favicon/refinery.webmanifest

@@ -0,0 +1,12 @@
+{
+  "name": "Refinery",
+  "short_name": "Refinery",
+  "icons": [
+    { "src": "/favicon/refinery-192.png", "sizes": "192x192", "type": "image/png" },
+    { "src": "/favicon/refinery-512.png", "sizes": "512x512", "type": "image/png" }
+  ],
+  "theme_color": "#12233d",
+  "background_color": "#12233d",
+  "display": "standalone",
+  "start_url": "/"
+}

data/public/favicon/rollaway-dev.svg

@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+  <g fill="none" stroke="#e0479f" stroke-width="36" stroke-linecap="round" stroke-linejoin="round">
+    <rect x="96" y="56" width="320" height="352" rx="20"/>
+    <path d="M96 176H416"/>
+    <path d="M96 292H416"/>
+    <path d="M216 116H296"/>
+    <path d="M216 234H296"/>
+    <path d="M216 350H296"/>
+    <circle cx="160" cy="448" r="24"/>
+    <circle cx="352" cy="448" r="24"/>
+  </g>
+</svg>

data/public/favicon/rollaway.svg

@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+  <g fill="none" stroke="#b3261e" style="stroke: light-dark(#b3261e, #ff8a80)" stroke-width="36" stroke-linecap="round" stroke-linejoin="round">
+    <rect x="96" y="56" width="320" height="352" rx="20"/>
+    <path d="M96 176H416"/>
+    <path d="M96 292H416"/>
+    <path d="M216 116H296"/>
+    <path d="M216 234H296"/>
+    <path d="M216 350H296"/>
+    <circle cx="160" cy="448" r="24"/>
+    <circle cx="352" cy="448" r="24"/>
+  </g>
+</svg>

data/public/favicon/rollaway.webmanifest

@@ -0,0 +1,12 @@
+{
+  "name": "Rollaway",
+  "short_name": "Rollaway",
+  "icons": [
+    { "src": "/favicon/rollaway-192.png", "sizes": "192x192", "type": "image/png" },
+    { "src": "/favicon/rollaway-512.png", "sizes": "512x512", "type": "image/png" }
+  ],
+  "theme_color": "#12233d",
+  "background_color": "#12233d",
+  "display": "standalone",
+  "start_url": "/"
+}

data/public/favicon/stockroom-dev.svg

@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+  <g fill="none" stroke="#e0479f" stroke-width="36" stroke-linecap="round" stroke-linejoin="round">
+    <path d="M72 40V472"/>
+    <path d="M440 40V472"/>
+    <path d="M72 200H440"/>
+    <path d="M72 360H440"/>
+    <path d="M120 200V112H240V200"/>
+    <path d="M280 200V144H392V200"/>
+    <path d="M120 360V280H200V360"/>
+    <path d="M240 360V248H392V360"/>
+  </g>
+</svg>

data/public/favicon/stockroom.svg

@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+  <g fill="none" stroke="#19753e" style="stroke: light-dark(#19753e, #59c27a)" stroke-width="36" stroke-linecap="round" stroke-linejoin="round">
+    <path d="M72 40V472"/>
+    <path d="M440 40V472"/>
+    <path d="M72 200H440"/>
+    <path d="M72 360H440"/>
+    <path d="M120 200V112H240V200"/>
+    <path d="M280 200V144H392V200"/>
+    <path d="M120 360V280H200V360"/>
+    <path d="M240 360V248H392V360"/>
+  </g>
+</svg>

data/public/favicon/stockroom.webmanifest

@@ -0,0 +1,12 @@
+{
+  "name": "Stockroom",
+  "short_name": "Stockroom",
+  "icons": [
+    { "src": "/favicon/stockroom-192.png", "sizes": "192x192", "type": "image/png" },
+    { "src": "/favicon/stockroom-512.png", "sizes": "512x512", "type": "image/png" }
+  ],
+  "theme_color": "#12233d",
+  "background_color": "#12233d",
+  "display": "standalone",
+  "start_url": "/"
+}

data/public/favicon/tower-dev.svg

@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+  <g fill="none" stroke="#e0479f" stroke-width="36" stroke-linecap="round" stroke-linejoin="round">
+    <path d="M256 104V40"/>
+    <path d="M148 104H364"/>
+    <path d="M96 168H416L372 272H140Z"/>
+    <path d="M208 168 216 272"/>
+    <path d="M304 168 296 272"/>
+    <path d="M188 272 172 472"/>
+    <path d="M324 272 340 472"/>
+    <path d="M116 472H396"/>
+  </g>
+</svg>

data/public/favicon/tower.svg

@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+  <g fill="none" stroke="#1a70d0" style="stroke: light-dark(#1a70d0, #689dff)" stroke-width="36" stroke-linecap="round" stroke-linejoin="round">
+    <path d="M256 104V40"/>
+    <path d="M148 104H364"/>
+    <path d="M96 168H416L372 272H140Z"/>
+    <path d="M208 168 216 272"/>
+    <path d="M304 168 296 272"/>
+    <path d="M188 272 172 472"/>
+    <path d="M324 272 340 472"/>
+    <path d="M116 472H396"/>
+  </g>
+</svg>

data/public/favicon/tower.webmanifest

@@ -0,0 +1,12 @@
+{
+  "name": "Tower",
+  "short_name": "Tower",
+  "icons": [
+    { "src": "/favicon/tower-192.png", "sizes": "192x192", "type": "image/png" },
+    { "src": "/favicon/tower-512.png", "sizes": "512x512", "type": "image/png" }
+  ],
+  "theme_color": "#12233d",
+  "background_color": "#12233d",
+  "display": "standalone",
+  "start_url": "/"
+}

data/public/favicon/wordmark-dev.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+  <path fill="#e0479f" d="M40 380.8 144.1 127.5H170.4L273.8 380.8H233.5L150 170.2H163.8L79.6 380.8ZM90.2 326.9V294.4H223.9V326.9ZM380.4 384.5Q356.6 384.5 337.5 372.6Q318.3 360.6 307.2 340.2Q296.1 319.8 296.1 294.4Q296.1 268.8 307.2 248.3Q318.3 227.9 337.4 215.8Q356.6 203.7 380.3 203.7Q400.2 203.7 415.7 212Q431.1 220.4 440.4 235Q449.7 249.6 450.3 268.4V319.7Q449.6 338.5 440.5 353.2Q431.4 367.8 415.8 376.1Q400.3 384.5 380.4 384.5ZM386.2 350.7Q409.8 350.7 424.1 334.9Q438.5 319.1 438.5 294.1Q438.5 277.4 432 264.6Q425.4 251.8 413.7 244.6Q401.9 237.4 386.1 237.4Q370.5 237.4 358.5 244.7Q346.5 251.9 339.6 264.7Q332.8 277.5 332.8 294.1Q332.8 310.7 339.6 323.5Q346.5 336.3 358.5 343.5Q370.6 350.7 386.2 350.7ZM436.3 380.8V334.2L442.7 291.8L436.3 249.9V207.3H472V380.8Z"/>
+</svg>

data/public/favicon/wordmark.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+  <path fill="#1a70d0" style="fill: light-dark(#1a70d0, #689dff)" d="M40 380.8 144.1 127.5H170.4L273.8 380.8H233.5L150 170.2H163.8L79.6 380.8ZM90.2 326.9V294.4H223.9V326.9ZM380.4 384.5Q356.6 384.5 337.5 372.6Q318.3 360.6 307.2 340.2Q296.1 319.8 296.1 294.4Q296.1 268.8 307.2 248.3Q318.3 227.9 337.4 215.8Q356.6 203.7 380.3 203.7Q400.2 203.7 415.7 212Q431.1 220.4 440.4 235Q449.7 249.6 450.3 268.4V319.7Q449.6 338.5 440.5 353.2Q431.4 367.8 415.8 376.1Q400.3 384.5 380.4 384.5ZM386.2 350.7Q409.8 350.7 424.1 334.9Q438.5 319.1 438.5 294.1Q438.5 277.4 432 264.6Q425.4 251.8 413.7 244.6Q401.9 237.4 386.1 237.4Q370.5 237.4 358.5 244.7Q346.5 251.9 339.6 264.7Q332.8 277.5 332.8 294.1Q332.8 310.7 339.6 323.5Q346.5 336.3 358.5 343.5Q370.6 350.7 386.2 350.7ZM436.3 380.8V334.2L442.7 291.8L436.3 249.9V207.3H472V380.8Z"/>
+</svg>

data/public/favicon/wordmark.webmanifest

@@ -0,0 +1,12 @@
+{
+  "name": "Wordmark",
+  "short_name": "Wordmark",
+  "icons": [
+    { "src": "/favicon/wordmark-192.png", "sizes": "192x192", "type": "image/png" },
+    { "src": "/favicon/wordmark-512.png", "sizes": "512x512", "type": "image/png" }
+  ],
+  "theme_color": "#12233d",
+  "background_color": "#12233d",
+  "display": "standalone",
+  "start_url": "/"
+}

data/public/index.html

@@ -10,18 +10,16 @@
     <link rel='icon' href='favicon/design-96.png' type='image/png' sizes='96x96'>
     <link rel='apple-touch-icon' href='favicon/design-180.png'>
     <link rel='manifest' href='site.webmanifest'>
-    <!-- The same files every easyfaa page loads, under the version the head helper
-         pins a host to, so the page is drawn by the bytes it hands out rather than by
-         whatever was last built. Relative, so it reads the same on staging, on production
-         and from a folder on disk. -->
-    <link rel='stylesheet' href='v0.21.0/bh/css/bh.css'>
-    <link rel='stylesheet' href='v0.21.0/css/easyfaa.css'>
-    <link rel='stylesheet' href='v0.21.0/bh/theme/bootstrap.css' data-recourse-theme=''>
-    <script type='module' src='v0.21.0/bh/js/bh.js'></script>
-    <script type='module' src='v0.21.0/js/easyfaa.js'></script>
+    <!-- The same files every easyfaa page loads. Relative, so it reads the same on staging,
+         on production and from a folder on disk. -->
+    <link rel='stylesheet' href='bh/css/bh.css'>
+    <link rel='stylesheet' href='css/easyfaa.css'>
+    <link rel='stylesheet' href='bh/theme/bootstrap.css' data-recourse-theme=''>
+    <script type='module' src='bh/js/bh.js'></script>
+    <script type='module' src='js/easyfaa.js'></script>
     <style>
       /* The page's own chrome and nothing else: everything shown below is styled by
-         the pinned easyfaa.css alone, which is the point of showing it. */
+         easyfaa.css alone, which is the point of showing it. */
       .design-section { padding-block: 2rem; border-block-end: var(--bs-border-width) solid var(--bs-border-color); }
       .design-section > p { max-width: 48rem; margin-inline: auto; }
       .design-subsection { margin-block-start: 2.5rem; padding-block-start: 1.5rem; border-block-start: var(--bs-border-width) dashed var(--bs-border-color); }
@@ -36,7 +34,7 @@
   <body class='text-center'>
     <header class='container-fluid px-3 py-3 border-bottom d-flex flex-wrap justify-content-center align-items-baseline gap-3'>
       <a class='lockup plex' href='#'><svg aria-hidden='true' style='width: 1.0515em; height: 1.0515em; top: 0.18625em' viewBox='0 0 512 512'><g fill='none' stroke='#5aa9e6' stroke-width='28' stroke-linecap='round' stroke-linejoin='round' transform='rotate(45 256 256)'><path d='M196 60 L316 60 L316 372 L196 372 Z'/><path d='M196 120 L316 120'/><path d='M196 372 L256 470 L316 372'/><path d='M232 431 L256 470 L280 431 Z' fill='#0b1e3a'/></g></svg>design</a>
-      <nav class='fg-2'>the <a href='#lockup'>lockups</a>, <a href='#theme'>themes</a>, <a href='#page'>pages</a>, <a href='#favicon'>icons</a> shared by <a href='https://pro.houseaccount.com/bookings' title='Fountain'><img class='design-mark' src='logo/fountain.svg' alt='Fountain'></a> <a href='https://gold.houseaccount.com/specialty_matches' title='Goldrush'><img class='design-mark' src='logo/goldrush.svg' alt='Goldrush'></a> <a href='https://providers.houseaccount.com/providers' title='Houston'><img class='design-mark' src='logo/houston.svg' alt='Houston'></a> <a href='https://checkout.houseaccount.com/providers' title='Autopilot'><img class='design-mark' src='logo/autopilot.svg' alt='Autopilot'></a></nav>
+      <nav class='fg-2'>the <a href='#lockup'>lockups</a>, <a href='#theme'>themes</a>, <a href='#page'>pages</a>, <a href='#favicon'>icons</a> shared by <a href='https://easyfaa.com' title='Tower'><img class='design-mark' src='logo/tower.svg' alt='Tower'></a> <a href='https://beta.easyannual.com' title='Hangar'><img class='design-mark' src='logo/hangar.svg' alt='Hangar'></a></nav>
     </header>
 
     <main class='container-fluid px-3'>
@@ -57,12 +55,6 @@
               <span class='small fg-2 mt-1'>bh's bundle, and the controller that paints the wall</span>
             </div>
           </div>
-          <div class='col-12'>
-            <div class='card p-3'>
-              <strong>Pinned to a version — the latest is 0.21.0</strong>
-              <span class='design-url'><a href='v0.21.0/css/easyfaa.css'>v0.21.0/css/easyfaa.css</a> · <a href='v0.21.0/js/easyfaa.js'>v0.21.0/js/easyfaa.js</a> · <a href='v0.21.0/bh/theme/nord.css'>v0.21.0/bh/theme/nord.css</a></span>
-            </div>
-          </div>
         </div>
       </section>
 
@@ -70,7 +62,7 @@
         <h2>Themes</h2>
         <button type='button' class='btn btn-outline theme-primary' data-controller='scheme' data-action='scheme#rotate'
                 data-scheme-themes-value='["bootstrap","dawn","dracula","gruvbox","monokai","nord","one_dark","solarized","tokyo_night"]'
-                data-scheme-path-value='v0.21.0/bh/theme' data-scheme-storage-value='recourse-scheme'>
+                data-scheme-path-value='bh/theme' data-scheme-storage-value='recourse-scheme'>
           <span class='recourse-scheme-light'><i class='bi bi-moon-fill'></i> Switch to dark</span>
           <span class='recourse-scheme-dark'><i class='bi bi-sun-fill'></i> Switch to light</span>
         </button>
@@ -83,19 +75,27 @@
           down by its own nudge, and its ink then stands on the baseline and reaches IBM Plex Sans's ascender.
           The two blues are the mark's rather than the theme's, so a lockup reads the same in every app.</p>
         <div class='d-flex flex-wrap justify-content-center align-items-baseline gap-4 mt-3'>
-          <a class='lockup plex' href='logo/autopilot.svg'><svg aria-hidden='true' style='width: 0.9658em; height: 0.9658em; top: 0.1129em' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><g fill="none" stroke="#5aa9e6" stroke-width="28" stroke-linecap="round" stroke-linejoin="round"><circle cx="256" cy="256" r="190"/><path d="M66 256 L206 256"/><path d="M306 256 L446 256"/><path d="M256 306 L256 446"/><circle cx="256" cy="256" r="50"/></g></svg>autopilot</a>
+          <a class='lockup plex' href='logo/blackbox.svg'><svg aria-hidden='true' style='width: 1.0417em; height: 1.0417em; top: 0.175em' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><g fill="none" stroke="#7e6317" style="stroke: light-dark(#7e6317, #ffd352)" stroke-width="36" stroke-linecap="round" stroke-linejoin="round"><rect x="56" y="104" width="400" height="304" rx="28"/><path d="M112 264H184L216 184L264 344L304 224L328 264H400"/></g></svg>blackbox</a>
           <a class='lockup plex' href='logo/cube.svg'><svg aria-hidden='true' style='width: 0.8117em; height: 0.8117em; top: 0.0358em' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><g fill="none" stroke="#5aa9e6" stroke-width="28" stroke-linecap="round" stroke-linejoin="round"><path d="M256 302Q256 256 295.8 233L406.2 169.3Q446 146.3 446 192.3V319.7Q446 365.7 406.2 388.7L295.8 452.4Q256 475.4 256 429.4Z" fill="#0b1e3a"/><path d="M216.2 59.6Q256 36.6 295.8 59.6L406.2 123.3Q446 146.3 446 192.3V319.7Q446 365.7 406.2 388.7L295.8 452.4Q256 475.4 216.2 452.4L105.8 388.7Q66 365.7 66 319.7V192.3Q66 146.3 105.8 123.3Z"/><path d="M256 256 95.4 163.3"/><path d="M256 256 416.6 163.3"/><path d="M256 256V441.4"/></g></svg>cube</a>
+          <a class='lockup plex' href='logo/data.svg'><svg aria-hidden='true' style='width: 0.869em; height: 0.869em; top: 0.0646em' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><g fill="none" stroke="#5aa9e6" stroke-width="36" stroke-linecap="round" stroke-linejoin="round"><ellipse cx="256" cy="112" rx="176" ry="56"/><path d="M80 112V400A176 56 0 0 0 432 400V112"/><path d="M80 208A176 56 0 0 0 432 208"/><path d="M80 304A176 56 0 0 0 432 304"/></g></svg>data</a>
+          <a class='lockup plex' href='logo/dataplate.svg'><svg aria-hidden='true' style='width: 1.0417em; height: 1.0417em; top: 0.175em' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><g fill="none" stroke="#0b1e3a" style="stroke: light-dark(#0b1e3a, #cfe3f6)" stroke-width="36" stroke-linecap="round" stroke-linejoin="round"><rect x="48" y="104" width="416" height="304" rx="28"/><circle cx="104" cy="160" r="6"/><circle cx="408" cy="160" r="6"/><circle cx="104" cy="352" r="6"/><circle cx="408" cy="352" r="6"/><path d="M168 200H344"/><path d="M168 256H344"/><path d="M168 312H280"/></g></svg>dataplate</a>
           <a class='lockup plex' href='logo/design.svg'><svg aria-hidden='true' style='width: 1.0515em; height: 1.0515em; top: 0.1863em' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><g fill="none" stroke="#5aa9e6" stroke-width="28" stroke-linecap="round" stroke-linejoin="round" transform="rotate(45 256 256)"><path d="M196 60 L316 60 L316 372 L196 372 Z"/><path d="M196 120 L316 120"/><path d="M196 372 L256 470 L316 372"/><path d="M232 431 L256 470 L280 431 Z" fill="#0b1e3a"/></g></svg>design</a>
+          <a class='lockup plex' href='logo/drive.svg'><svg aria-hidden='true' style='width: 0.8717em; height: 0.8717em; top: 0.051em' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><g fill="none" stroke="#0b1e3a" style="stroke: light-dark(#0b1e3a, #cfe3f6)" stroke-width="36" stroke-linecap="round" stroke-linejoin="round"><circle cx="256" cy="256" r="208"/><path d="M256 152 346 204V308L256 360 166 308V204Z"/></g></svg>drive</a>
           <a class='lockup plex' href='logo/easyfaa.svg'><svg aria-hidden='true' style='width: 0.8em; height: 0.8em; top: 0.16em' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><g fill="none" stroke="#5aa9e6" stroke-width="28" stroke-linecap="round" stroke-linejoin="round"><path d="M74.5 340H437.5A200 200 0 0 1 74.5 340Z" fill="#0b1e3a" stroke="none"/><circle cx="256" cy="256" r="200"/><path d="M150 256H216L256 296L296 256H362"/></g></svg><span class='easy'>easy</span>faa</a>
-          <a class='lockup plex' href='logo/fountain.svg'><svg aria-hidden='true' style='width: 0.8238em; height: 0.8238em; top: 0.0419em' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><g fill="none" stroke="#5aa9e6" stroke-width="28" stroke-linecap="round"><path d="M256 472V40"/><path d="M256 472C234 310 180 202 121 143"/><path d="M256 472C278 310 332 202 391 143"/><path d="M256 472C216 348 124 283 51 251"/><path d="M256 472C296 348 388 283 461 251"/></g></svg>fountain</a>
-          <a class='lockup plex' href='logo/goldrush.svg'><svg aria-hidden='true' style='width: 1.0313em; height: 1.0313em; top: 0.2296em' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><g fill="none" stroke="#5aa9e6" stroke-width="28" stroke-linecap="round" stroke-linejoin="round"><path d="M152 248 L190 128 L322 128 L360 248 Z"/><path d="M40 384 L78 264 L210 264 L248 384 Z"/><path d="M264 384 L302 264 L434 264 L472 384 Z"/></g></svg>goldrush</a>
-          <a class='lockup plex' href='logo/houston.svg'><svg aria-hidden='true' style='width: 0.8277em; height: 0.8277em; top: 0.044em' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><g fill="none" stroke="#5aa9e6" stroke-width="28" stroke-linecap="round"><circle cx="256" cy="256" r="224"/><path d="M32 256h448"/><path d="M256 32c142 63 142 385 0 448"/><path d="M256 32c-142 63-142 385 0 448"/></g></svg>houston</a>
+          <a class='lockup plex' href='logo/hangar.svg'><svg aria-hidden='true' style='width: 0.869em; height: 0.869em; top: 0.0646em' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><g fill="none" stroke="#1b5e55" style="stroke: light-dark(#1b5e55, #9fd9cf)" stroke-width="36" stroke-linecap="round" stroke-linejoin="round"><path d="M48 456V264A208 208 0 0 1 464 264V456Z"/><path d="M160 456V304H352V456"/></g></svg>hangar</a>
+          <a class='lockup plex' href='logo/lens.svg'><svg aria-hidden='true' style='width: 0.9379em; height: 0.9379em; top: 0.099em' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><g fill="none" stroke="#5b2a86" style="stroke: light-dark(#5b2a86, #d6bdf2)" stroke-width="36" stroke-linecap="round" stroke-linejoin="round"><path d="M72 168V72H168"/><path d="M344 72H440V168"/><path d="M440 344V440H344"/><path d="M168 440H72V344"/><circle cx="256" cy="256" r="104"/></g></svg>lens</a>
+          <a class='lockup plex' href='logo/mirroring.svg'><svg aria-hidden='true' style='width: 0.8096em; height: 0.8096em; top: 0.0348em' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><g fill="none" stroke="#5aa9e6" stroke-width="36" stroke-linecap="round" stroke-linejoin="round"><ellipse cx="256" cy="192" rx="136" ry="152"/><path d="M200 120Q216 96 248 88"/><path d="M256 344V472"/><path d="M216 472H296"/></g></svg>mirroring</a>
+          <a class='lockup plex' href='logo/refinery.svg'><svg aria-hidden='true' style='width: 0.9021em; height: 0.9021em; top: 0.0669em' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><g fill="none" stroke="#6f4219" style="stroke: light-dark(#6f4219, #e8c29c)" stroke-width="36" stroke-linecap="round" stroke-linejoin="round"><path d="M96 456V128A56 56 0 0 1 208 128V456"/><path d="M96 312H208"/><path d="M208 224H360V296"/><path d="M272 456V328Q360 280 448 328V456"/><path d="M48 456H464"/></g></svg>refinery</a>
+          <a class='lockup plex' href='logo/rollaway.svg'><svg aria-hidden='true' style='width: 0.8383em; height: 0.8383em; top: 0.036em' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><g fill="none" stroke="#b3261e" style="stroke: light-dark(#b3261e, #ff8a80)" stroke-width="36" stroke-linecap="round" stroke-linejoin="round"><rect x="96" y="56" width="320" height="352" rx="20"/><path d="M96 176H416"/><path d="M96 292H416"/><path d="M216 116H296"/><path d="M216 234H296"/><path d="M216 350H296"/><circle cx="160" cy="448" r="24"/><circle cx="352" cy="448" r="24"/></g></svg>rollaway</a>
+          <a class='lockup plex' href='logo/stockroom.svg'><svg aria-hidden='true' style='width: 0.8096em; height: 0.8096em; top: 0.0348em' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><g fill="none" stroke="#19753e" style="stroke: light-dark(#19753e, #59c27a)" stroke-width="36" stroke-linecap="round" stroke-linejoin="round"><path d="M72 40V472"/><path d="M440 40V472"/><path d="M72 200H440"/><path d="M72 360H440"/><path d="M120 200V112H240V200"/><path d="M280 200V144H392V200"/><path d="M120 360V280H200V360"/><path d="M240 360V248H392V360"/></g></svg>stockroom</a>
+          <a class='lockup plex' href='logo/tower.svg'><svg aria-hidden='true' style='width: 0.8096em; height: 0.8096em; top: 0.0348em' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><g fill="none" stroke="#1a70d0" style="stroke: light-dark(#1a70d0, #689dff)" stroke-width="36" stroke-linecap="round" stroke-linejoin="round"><path d="M256 104V40"/><path d="M148 104H364"/><path d="M96 168H416L372 272H140Z"/><path d="M208 168 216 272"/><path d="M304 168 296 272"/><path d="M188 272 172 472"/><path d="M324 272 340 472"/><path d="M116 472H396"/></g></svg>tower</a>
+          <a class='lockup plex' href='logo/wordmark.svg'><svg aria-hidden='true' style='width: 1.0417em; height: 1.0417em; top: 0.2583em' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#1a70d0" style="fill: light-dark(#1a70d0, #689dff)" d="M40 380.8 144.1 127.5H170.4L273.8 380.8H233.5L150 170.2H163.8L79.6 380.8ZM90.2 326.9V294.4H223.9V326.9ZM380.4 384.5Q356.6 384.5 337.5 372.6Q318.3 360.6 307.2 340.2Q296.1 319.8 296.1 294.4Q296.1 268.8 307.2 248.3Q318.3 227.9 337.4 215.8Q356.6 203.7 380.3 203.7Q400.2 203.7 415.7 212Q431.1 220.4 440.4 235Q449.7 249.6 450.3 268.4V319.7Q449.6 338.5 440.5 353.2Q431.4 367.8 415.8 376.1Q400.3 384.5 380.4 384.5ZM386.2 350.7Q409.8 350.7 424.1 334.9Q438.5 319.1 438.5 294.1Q438.5 277.4 432 264.6Q425.4 251.8 413.7 244.6Q401.9 237.4 386.1 237.4Q370.5 237.4 358.5 244.7Q346.5 251.9 339.6 264.7Q332.8 277.5 332.8 294.1Q332.8 310.7 339.6 323.5Q346.5 336.3 358.5 343.5Q370.6 350.7 386.2 350.7ZM436.3 380.8V334.2L442.7 291.8L436.3 249.9V207.3H472V380.8Z"/></svg>wordmark</a>
         </div>
         <p class='fg-2 mt-4 mb-0'>At three sizes, to show the seating holds:</p>
         <div class='d-flex flex-wrap justify-content-center align-items-baseline gap-4 mt-2'>
-          <a class='lockup plex' href='#lockup' style='font-size: 14px'><svg aria-hidden='true' style='width: 0.8238em; height: 0.8238em; top: 0.0419em' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><g fill="none" stroke="#5aa9e6" stroke-width="28" stroke-linecap="round"><path d="M256 472V40"/><path d="M256 472C234 310 180 202 121 143"/><path d="M256 472C278 310 332 202 391 143"/><path d="M256 472C216 348 124 283 51 251"/><path d="M256 472C296 348 388 283 461 251"/></g></svg>fountain</a>
-          <a class='lockup plex' href='#lockup'><svg aria-hidden='true' style='width: 0.8238em; height: 0.8238em; top: 0.0419em' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><g fill="none" stroke="#5aa9e6" stroke-width="28" stroke-linecap="round"><path d="M256 472V40"/><path d="M256 472C234 310 180 202 121 143"/><path d="M256 472C278 310 332 202 391 143"/><path d="M256 472C216 348 124 283 51 251"/><path d="M256 472C296 348 388 283 461 251"/></g></svg>fountain</a>
-          <a class='lockup plex' href='#lockup' style='font-size: 34px'><svg aria-hidden='true' style='width: 0.8238em; height: 0.8238em; top: 0.0419em' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><g fill="none" stroke="#5aa9e6" stroke-width="28" stroke-linecap="round"><path d="M256 472V40"/><path d="M256 472C234 310 180 202 121 143"/><path d="M256 472C278 310 332 202 391 143"/><path d="M256 472C216 348 124 283 51 251"/><path d="M256 472C296 348 388 283 461 251"/></g></svg>fountain</a>
+          <a class='lockup plex' href='#lockup' style='font-size: 14px'><svg aria-hidden='true' style='width: 0.8096em; height: 0.8096em; top: 0.0348em' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><g fill="none" stroke="#1a70d0" style="stroke: light-dark(#1a70d0, #689dff)" stroke-width="36" stroke-linecap="round" stroke-linejoin="round"><path d="M256 104V40"/><path d="M148 104H364"/><path d="M96 168H416L372 272H140Z"/><path d="M208 168 216 272"/><path d="M304 168 296 272"/><path d="M188 272 172 472"/><path d="M324 272 340 472"/><path d="M116 472H396"/></g></svg>tower</a>
+          <a class='lockup plex' href='#lockup'><svg aria-hidden='true' style='width: 0.8096em; height: 0.8096em; top: 0.0348em' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><g fill="none" stroke="#1a70d0" style="stroke: light-dark(#1a70d0, #689dff)" stroke-width="36" stroke-linecap="round" stroke-linejoin="round"><path d="M256 104V40"/><path d="M148 104H364"/><path d="M96 168H416L372 272H140Z"/><path d="M208 168 216 272"/><path d="M304 168 296 272"/><path d="M188 272 172 472"/><path d="M324 272 340 472"/><path d="M116 472H396"/></g></svg>tower</a>
+          <a class='lockup plex' href='#lockup' style='font-size: 34px'><svg aria-hidden='true' style='width: 0.8096em; height: 0.8096em; top: 0.0348em' xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><g fill="none" stroke="#1a70d0" style="stroke: light-dark(#1a70d0, #689dff)" stroke-width="36" stroke-linecap="round" stroke-linejoin="round"><path d="M256 104V40"/><path d="M148 104H364"/><path d="M96 168H416L372 272H140Z"/><path d="M208 168 216 272"/><path d="M304 168 296 272"/><path d="M188 272 172 472"/><path d="M324 272 340 472"/><path d="M116 472H396"/></g></svg>tower</a>
         </div>
       </section>
 
@@ -124,13 +124,21 @@
           the foot. The engine answers <code>/down.html</code> with the right one, and Heroku's
           <code>MAINTENANCE_PAGE_URL</code> points here, where the app is not.</p>
         <ul class='list-unstyled d-flex flex-wrap justify-content-center gap-3'>
-          <li><a href='down/autopilot'>autopilot</a></li>
+          <li><a href='down/blackbox'>blackbox</a></li>
           <li><a href='down/cube'>cube</a></li>
+          <li><a href='down/data'>data</a></li>
+          <li><a href='down/dataplate'>dataplate</a></li>
           <li><a href='down/design'>design</a></li>
+          <li><a href='down/drive'>drive</a></li>
           <li><a href='down/easyfaa'>easyfaa</a></li>
-          <li><a href='down/fountain'>fountain</a></li>
-          <li><a href='down/goldrush'>goldrush</a></li>
-          <li><a href='down/houston'>houston</a></li>
+          <li><a href='down/hangar'>hangar</a></li>
+          <li><a href='down/lens'>lens</a></li>
+          <li><a href='down/mirroring'>mirroring</a></li>
+          <li><a href='down/refinery'>refinery</a></li>
+          <li><a href='down/rollaway'>rollaway</a></li>
+          <li><a href='down/stockroom'>stockroom</a></li>
+          <li><a href='down/tower'>tower</a></li>
+          <li><a href='down/wordmark'>wordmark</a></li>
         </ul>
       </section>
 
@@ -142,11 +150,19 @@
             <tbody>
               <tr><td><img class='design-logo' src='logo/easyfaa.svg' alt=''></td><th scope='row'>easyfaa</th><td><img src='favicon/easyfaa.svg' width='24' alt=''></td><td><img src='favicon/easyfaa-dev.svg' width='24' alt=''></td><td><img src='favicon/easyfaa-96.png' width='24' alt=''></td><td><img src='favicon/easyfaa-180.png' width='24' alt=''></td><td><img src='favicon/easyfaa-192.png' width='24' alt=''></td><td><img src='favicon/easyfaa-512.png' width='24' alt=''></td><td><a href='favicon/easyfaa.ico'>ico</a></td><td><a href='favicon/easyfaa.webmanifest'>manifest</a></td></tr>
               <tr><td><img class='design-logo' src='logo/cube.svg' alt=''></td><th scope='row'>cube</th><td><img src='favicon/cube.svg' width='24' alt=''></td><td><img src='favicon/cube-dev.svg' width='24' alt=''></td><td><img src='favicon/cube-96.png' width='24' alt=''></td><td><img src='favicon/cube-180.png' width='24' alt=''></td><td><img src='favicon/cube-192.png' width='24' alt=''></td><td><img src='favicon/cube-512.png' width='24' alt=''></td><td><a href='favicon/cube.ico'>ico</a></td><td><a href='favicon/cube.webmanifest'>manifest</a></td></tr>
-              <tr><td><img class='design-logo' src='logo/fountain.svg' alt=''></td><th scope='row'>fountain</th><td><img src='favicon/fountain.svg' width='24' alt=''></td><td><img src='favicon/fountain-dev.svg' width='24' alt=''></td><td><img src='favicon/fountain-96.png' width='24' alt=''></td><td><img src='favicon/fountain-180.png' width='24' alt=''></td><td><img src='favicon/fountain-192.png' width='24' alt=''></td><td><img src='favicon/fountain-512.png' width='24' alt=''></td><td><a href='favicon/fountain.ico'>ico</a></td><td><a href='favicon/fountain.webmanifest'>manifest</a></td></tr>
-              <tr><td><img class='design-logo' src='logo/goldrush.svg' alt=''></td><th scope='row'>goldrush</th><td><img src='favicon/goldrush.svg' width='24' alt=''></td><td><img src='favicon/goldrush-dev.svg' width='24' alt=''></td><td><img src='favicon/goldrush-96.png' width='24' alt=''></td><td><img src='favicon/goldrush-180.png' width='24' alt=''></td><td><img src='favicon/goldrush-192.png' width='24' alt=''></td><td><img src='favicon/goldrush-512.png' width='24' alt=''></td><td><a href='favicon/goldrush.ico'>ico</a></td><td><a href='favicon/goldrush.webmanifest'>manifest</a></td></tr>
-              <tr><td><img class='design-logo' src='logo/houston.svg' alt=''></td><th scope='row'>houston</th><td><img src='favicon/houston.svg' width='24' alt=''></td><td><img src='favicon/houston-dev.svg' width='24' alt=''></td><td><img src='favicon/houston-96.png' width='24' alt=''></td><td><img src='favicon/houston-180.png' width='24' alt=''></td><td><img src='favicon/houston-192.png' width='24' alt=''></td><td><img src='favicon/houston-512.png' width='24' alt=''></td><td><a href='favicon/houston.ico'>ico</a></td><td><a href='favicon/houston.webmanifest'>manifest</a></td></tr>
               <tr><td><img class='design-logo' src='logo/design.svg' alt=''></td><th scope='row'>design</th><td><img src='favicon/design.svg' width='24' alt=''></td><td><img src='favicon/design-dev.svg' width='24' alt=''></td><td><img src='favicon/design-96.png' width='24' alt=''></td><td><img src='favicon/design-180.png' width='24' alt=''></td><td><img src='favicon/design-192.png' width='24' alt=''></td><td><img src='favicon/design-512.png' width='24' alt=''></td><td><a href='favicon/design.ico'>ico</a></td><td><a href='favicon/design.webmanifest'>manifest</a></td></tr>
-              <tr><td><img class='design-logo' src='logo/autopilot.svg' alt=''></td><th scope='row'>autopilot</th><td><img src='favicon/autopilot.svg' width='24' alt=''></td><td><img src='favicon/autopilot-dev.svg' width='24' alt=''></td><td><img src='favicon/autopilot-96.png' width='24' alt=''></td><td><img src='favicon/autopilot-180.png' width='24' alt=''></td><td><img src='favicon/autopilot-192.png' width='24' alt=''></td><td><img src='favicon/autopilot-512.png' width='24' alt=''></td><td><a href='favicon/autopilot.ico'>ico</a></td><td><a href='favicon/autopilot.webmanifest'>manifest</a></td></tr>
+              <tr><td><img class='design-logo' src='logo/tower.svg' alt=''></td><th scope='row'>tower</th><td><img src='favicon/tower.svg' width='24' alt=''></td><td><img src='favicon/tower-dev.svg' width='24' alt=''></td><td><img src='favicon/tower-96.png' width='24' alt=''></td><td><img src='favicon/tower-180.png' width='24' alt=''></td><td><img src='favicon/tower-192.png' width='24' alt=''></td><td><img src='favicon/tower-512.png' width='24' alt=''></td><td><a href='favicon/tower.ico'>ico</a></td><td><a href='favicon/tower.webmanifest'>manifest</a></td></tr>
+              <tr><td><img class='design-logo' src='logo/hangar.svg' alt=''></td><th scope='row'>hangar</th><td><img src='favicon/hangar.svg' width='24' alt=''></td><td><img src='favicon/hangar-dev.svg' width='24' alt=''></td><td><img src='favicon/hangar-96.png' width='24' alt=''></td><td><img src='favicon/hangar-180.png' width='24' alt=''></td><td><img src='favicon/hangar-192.png' width='24' alt=''></td><td><img src='favicon/hangar-512.png' width='24' alt=''></td><td><a href='favicon/hangar.ico'>ico</a></td><td><a href='favicon/hangar.webmanifest'>manifest</a></td></tr>
+              <tr><td><img class='design-logo' src='logo/lens.svg' alt=''></td><th scope='row'>lens</th><td><img src='favicon/lens.svg' width='24' alt=''></td><td><img src='favicon/lens-dev.svg' width='24' alt=''></td><td><img src='favicon/lens-96.png' width='24' alt=''></td><td><img src='favicon/lens-180.png' width='24' alt=''></td><td><img src='favicon/lens-192.png' width='24' alt=''></td><td><img src='favicon/lens-512.png' width='24' alt=''></td><td><a href='favicon/lens.ico'>ico</a></td><td><a href='favicon/lens.webmanifest'>manifest</a></td></tr>
+              <tr><td><img class='design-logo' src='logo/rollaway.svg' alt=''></td><th scope='row'>rollaway</th><td><img src='favicon/rollaway.svg' width='24' alt=''></td><td><img src='favicon/rollaway-dev.svg' width='24' alt=''></td><td><img src='favicon/rollaway-96.png' width='24' alt=''></td><td><img src='favicon/rollaway-180.png' width='24' alt=''></td><td><img src='favicon/rollaway-192.png' width='24' alt=''></td><td><img src='favicon/rollaway-512.png' width='24' alt=''></td><td><a href='favicon/rollaway.ico'>ico</a></td><td><a href='favicon/rollaway.webmanifest'>manifest</a></td></tr>
+              <tr><td><img class='design-logo' src='logo/dataplate.svg' alt=''></td><th scope='row'>dataplate</th><td><img src='favicon/dataplate.svg' width='24' alt=''></td><td><img src='favicon/dataplate-dev.svg' width='24' alt=''></td><td><img src='favicon/dataplate-96.png' width='24' alt=''></td><td><img src='favicon/dataplate-180.png' width='24' alt=''></td><td><img src='favicon/dataplate-192.png' width='24' alt=''></td><td><img src='favicon/dataplate-512.png' width='24' alt=''></td><td><a href='favicon/dataplate.ico'>ico</a></td><td><a href='favicon/dataplate.webmanifest'>manifest</a></td></tr>
+              <tr><td><img class='design-logo' src='logo/data.svg' alt=''></td><th scope='row'>data</th><td><img src='favicon/data.svg' width='24' alt=''></td><td><img src='favicon/data-dev.svg' width='24' alt=''></td><td><img src='favicon/data-96.png' width='24' alt=''></td><td><img src='favicon/data-180.png' width='24' alt=''></td><td><img src='favicon/data-192.png' width='24' alt=''></td><td><img src='favicon/data-512.png' width='24' alt=''></td><td><a href='favicon/data.ico'>ico</a></td><td><a href='favicon/data.webmanifest'>manifest</a></td></tr>
+              <tr><td><img class='design-logo' src='logo/refinery.svg' alt=''></td><th scope='row'>refinery</th><td><img src='favicon/refinery.svg' width='24' alt=''></td><td><img src='favicon/refinery-dev.svg' width='24' alt=''></td><td><img src='favicon/refinery-96.png' width='24' alt=''></td><td><img src='favicon/refinery-180.png' width='24' alt=''></td><td><img src='favicon/refinery-192.png' width='24' alt=''></td><td><img src='favicon/refinery-512.png' width='24' alt=''></td><td><a href='favicon/refinery.ico'>ico</a></td><td><a href='favicon/refinery.webmanifest'>manifest</a></td></tr>
+              <tr><td><img class='design-logo' src='logo/stockroom.svg' alt=''></td><th scope='row'>stockroom</th><td><img src='favicon/stockroom.svg' width='24' alt=''></td><td><img src='favicon/stockroom-dev.svg' width='24' alt=''></td><td><img src='favicon/stockroom-96.png' width='24' alt=''></td><td><img src='favicon/stockroom-180.png' width='24' alt=''></td><td><img src='favicon/stockroom-192.png' width='24' alt=''></td><td><img src='favicon/stockroom-512.png' width='24' alt=''></td><td><a href='favicon/stockroom.ico'>ico</a></td><td><a href='favicon/stockroom.webmanifest'>manifest</a></td></tr>
+              <tr><td><img class='design-logo' src='logo/blackbox.svg' alt=''></td><th scope='row'>blackbox</th><td><img src='favicon/blackbox.svg' width='24' alt=''></td><td><img src='favicon/blackbox-dev.svg' width='24' alt=''></td><td><img src='favicon/blackbox-96.png' width='24' alt=''></td><td><img src='favicon/blackbox-180.png' width='24' alt=''></td><td><img src='favicon/blackbox-192.png' width='24' alt=''></td><td><img src='favicon/blackbox-512.png' width='24' alt=''></td><td><a href='favicon/blackbox.ico'>ico</a></td><td><a href='favicon/blackbox.webmanifest'>manifest</a></td></tr>
+              <tr><td><img class='design-logo' src='logo/drive.svg' alt=''></td><th scope='row'>drive</th><td><img src='favicon/drive.svg' width='24' alt=''></td><td><img src='favicon/drive-dev.svg' width='24' alt=''></td><td><img src='favicon/drive-96.png' width='24' alt=''></td><td><img src='favicon/drive-180.png' width='24' alt=''></td><td><img src='favicon/drive-192.png' width='24' alt=''></td><td><img src='favicon/drive-512.png' width='24' alt=''></td><td><a href='favicon/drive.ico'>ico</a></td><td><a href='favicon/drive.webmanifest'>manifest</a></td></tr>
+              <tr><td><img class='design-logo' src='logo/mirroring.svg' alt=''></td><th scope='row'>mirroring</th><td><img src='favicon/mirroring.svg' width='24' alt=''></td><td><img src='favicon/mirroring-dev.svg' width='24' alt=''></td><td><img src='favicon/mirroring-96.png' width='24' alt=''></td><td><img src='favicon/mirroring-180.png' width='24' alt=''></td><td><img src='favicon/mirroring-192.png' width='24' alt=''></td><td><img src='favicon/mirroring-512.png' width='24' alt=''></td><td><a href='favicon/mirroring.ico'>ico</a></td><td><a href='favicon/mirroring.webmanifest'>manifest</a></td></tr>
+              <tr><td><img class='design-logo' src='logo/wordmark.svg' alt=''></td><th scope='row'>wordmark</th><td><img src='favicon/wordmark.svg' width='24' alt=''></td><td><img src='favicon/wordmark-dev.svg' width='24' alt=''></td><td><img src='favicon/wordmark-96.png' width='24' alt=''></td><td><img src='favicon/wordmark-180.png' width='24' alt=''></td><td><img src='favicon/wordmark-192.png' width='24' alt=''></td><td><img src='favicon/wordmark-512.png' width='24' alt=''></td><td><a href='favicon/wordmark.ico'>ico</a></td><td><a href='favicon/wordmark.webmanifest'>manifest</a></td></tr>
             </tbody>
           </table>
         </div>

data/public/logo/blackbox.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+  <g fill="none" stroke="#7e6317" style="stroke: light-dark(#7e6317, #ffd352)" stroke-width="36" stroke-linecap="round" stroke-linejoin="round">
+    <rect x="56" y="104" width="400" height="304" rx="28"/>
+    <path d="M112 264H184L216 184L264 344L304 224L328 264H400"/>
+  </g>
+</svg>

data/public/logo/data.svg

@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+  <g fill="none" stroke="#5aa9e6" stroke-width="36" stroke-linecap="round" stroke-linejoin="round">
+    <ellipse cx="256" cy="112" rx="176" ry="56"/>
+    <path d="M80 112V400A176 56 0 0 0 432 400V112"/>
+    <path d="M80 208A176 56 0 0 0 432 208"/>
+    <path d="M80 304A176 56 0 0 0 432 304"/>
+  </g>
+</svg>

data/public/logo/dataplate.svg

@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+  <g fill="none" stroke="#0b1e3a" style="stroke: light-dark(#0b1e3a, #cfe3f6)" stroke-width="36" stroke-linecap="round" stroke-linejoin="round">
+    <rect x="48" y="104" width="416" height="304" rx="28"/>
+    <circle cx="104" cy="160" r="6"/>
+    <circle cx="408" cy="160" r="6"/>
+    <circle cx="104" cy="352" r="6"/>
+    <circle cx="408" cy="352" r="6"/>
+    <path d="M168 200H344"/>
+    <path d="M168 256H344"/>
+    <path d="M168 312H280"/>
+  </g>
+</svg>

data/public/logo/drive.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+  <g fill="none" stroke="#0b1e3a" style="stroke: light-dark(#0b1e3a, #cfe3f6)" stroke-width="36" stroke-linecap="round" stroke-linejoin="round">
+    <circle cx="256" cy="256" r="208"/>
+    <path d="M256 152 346 204V308L256 360 166 308V204Z"/>
+  </g>
+</svg>

data/public/logo/hangar.svg

@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+  <g fill="none" stroke="#1b5e55" style="stroke: light-dark(#1b5e55, #9fd9cf)" stroke-width="36" stroke-linecap="round" stroke-linejoin="round">
+    <path d="M48 456V264A208 208 0 0 1 464 264V456Z"/>
+    <path d="M160 456V304H352V456"/>
+  </g>
+</svg>

data/public/logo/lens.svg

@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+  <g fill="none" stroke="#5b2a86" style="stroke: light-dark(#5b2a86, #d6bdf2)" stroke-width="36" stroke-linecap="round" stroke-linejoin="round">
+    <path d="M72 168V72H168"/>
+    <path d="M344 72H440V168"/>
+    <path d="M440 344V440H344"/>
+    <path d="M168 440H72V344"/>
+    <circle cx="256" cy="256" r="104"/>
+  </g>
+</svg>

data/public/logo/mirroring.svg

@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+  <g fill="none" stroke="#5aa9e6" stroke-width="36" stroke-linecap="round" stroke-linejoin="round">
+    <ellipse cx="256" cy="192" rx="136" ry="152"/>
+    <path d="M200 120Q216 96 248 88"/>
+    <path d="M256 344V472"/>
+    <path d="M216 472H296"/>
+  </g>
+</svg>

data/public/logo/refinery.svg

@@ -0,0 +1,9 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+  <g fill="none" stroke="#6f4219" style="stroke: light-dark(#6f4219, #e8c29c)" stroke-width="36" stroke-linecap="round" stroke-linejoin="round">
+    <path d="M96 456V128A56 56 0 0 1 208 128V456"/>
+    <path d="M96 312H208"/>
+    <path d="M208 224H360V296"/>
+    <path d="M272 456V328Q360 280 448 328V456"/>
+    <path d="M48 456H464"/>
+  </g>
+</svg>

data/public/logo/rollaway.svg

@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+  <g fill="none" stroke="#b3261e" style="stroke: light-dark(#b3261e, #ff8a80)" stroke-width="36" stroke-linecap="round" stroke-linejoin="round">
+    <rect x="96" y="56" width="320" height="352" rx="20"/>
+    <path d="M96 176H416"/>
+    <path d="M96 292H416"/>
+    <path d="M216 116H296"/>
+    <path d="M216 234H296"/>
+    <path d="M216 350H296"/>
+    <circle cx="160" cy="448" r="24"/>
+    <circle cx="352" cy="448" r="24"/>
+  </g>
+</svg>

data/public/logo/stockroom.svg

@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
+  <g fill="none" stroke="#19753e" style="stroke: light-dark(#19753e, #59c27a)" stroke-width="36" stroke-linecap="round" stroke-linejoin="round">
+    <path d="M72 40V472"/>
+    <path d="M440 40V472"/>
+    <path d="M72 200H440"/>
+    <path d="M72 360H440"/>
+    <path d="M120 200V112H240V200"/>
+    <path d="M280 200V144H392V200"/>
+    <path d="M120 360V280H200V360"/>
+    <path d="M240 360V248H392V360"/>
+  </g>
+</svg>