wordmark 0.21.0 → 0.22.0

data/README.md

@@ -16,7 +16,7 @@ Published three ways from this repo:
 
 | Surface | Where | What it is for |
 | --- | --- | --- |
-| Site | https://design.easyfaa.com (staging: https://design.houseparty.dev) | A stable URL for every asset, and a showcase of them |
+| Site | https://design.easyfaa.com | A stable URL for every asset, and a showcase of them |
 | Gem | `wordmark` on RubyGems | A Rails engine: serves the same tree from the gem, and the helpers |
 | npm | `easyfaa` | The same built stylesheet and script, for any CDN that carries it |
 
@@ -63,21 +63,19 @@ after it, and nothing else. A host wanting more copies
 it into its own `app/views/layouts/`, which wins on being earlier in the view paths.
 
 Which of the family an app is, the gem reads off the Rails application's own name: the
-`Goldrush` of `Goldrush::Application`. That is what its tab wears, what `easyfaa_head_tags`
+`Tower` of `Tower::Application`. That is what its tab wears, what `easyfaa_head_tags`
 links without an argument, and whose page the engine answers `/down.html` with — the app's
 mark in the middle and the house's at the foot. An app the family has no mark for wears the
-horizon. The same page stands at `https://design.easyfaa.com/down/fountain` for Heroku's
+horizon. The same page stands at `https://design.easyfaa.com/down/tower` for Heroku's
 `MAINTENANCE_PAGE_URL`, which has to be somewhere the app is not — without the `.html`,
 which Pages redirects away from.
 
 With the gem in the bundle an app serves `/css/easyfaa.css`, `/js/easyfaa.js`,
-`/theme/*`, `/font/*`, `/logo/*` and `/favicon/*` itself — and its own version's copy under
-`/v0.15.0/`, which is what the head helper links, cached for a year — answers a 400, 404, 406,
-422 or 500 with the house's own page, and answers `/down.html` with this app's.
+`/theme/*`, `/font/*`, `/logo/*` and `/favicon/*` itself, answers a 400, 404, 406, 422 or 500 with the house's own page, and answers `/down.html` with this app's.
 
 ## Which app this is
 
-Read off the Rails application's own name, the `Goldrush` of `Goldrush::Application`. That is
+Read off the Rails application's own name, the `Tower` of `Tower::Application`. That is
 what its tab wears, what `easyfaa_head_tags` links without an argument, and whose page the
 engine answers `/down.html` with — the app's mark in the middle and the house's at the foot. An
 app the family has no mark for wears the horizon.
@@ -98,10 +96,10 @@ app the family has no mark for wears the horizon.
     differently, so equal sizes never align: every mark is rendered at a box of its own and
     pushed down by its own nudge, and its ink then stands on the baseline. %>
 <%= easyfaa_logo %>
-<%= easyfaa_logo app: :fountain, href: root_path, class: 'fs-3' %>
+<%= easyfaa_logo app: :tower, href: root_path, class: 'fs-3' %>
 
 <%# An asset on the design site, for a page this app does not serve — a mail, say. %>
-<%= image_tag easyfaa_url('logo/fountain.png') %>
+<%= image_tag easyfaa_url('logo/tower.png') %>
 ```
 
 ## The layout
@@ -181,24 +179,16 @@ A page not on the gem links the two files from the site, and nothing else:
 <script type='module' src='https://design.easyfaa.com/js/easyfaa.js'></script>
 ```
 
-Those follow the latest release. Every release is also kept whole under its own version,
-forever and cached for a year, for a page that would rather move on its own terms:
+Those follow the latest release. bh's layer goes under the house's, from the same place, since
+the house is drawn on top of it and neither stands alone:
 
 ```html
-<link rel='stylesheet' href='https://design.easyfaa.com/v0.20.0/css/easyfaa.css'>
-<script type='module' src='https://design.easyfaa.com/v0.20.0/js/easyfaa.js'></script>
-```
-
-bh's layer goes under the house's, from the same place, since the house is drawn on top of it
-and neither stands alone:
-
-```html
-<link rel='stylesheet' href='https://design.easyfaa.com/v0.20.0/bh/css/bh.css'>
-<link rel='stylesheet' href='https://design.easyfaa.com/v0.20.0/css/easyfaa.css'>
+<link rel='stylesheet' href='https://design.easyfaa.com/bh/css/bh.css'>
+<link rel='stylesheet' href='https://design.easyfaa.com/css/easyfaa.css'>
 ```
 
 The palettes are beside it, at `bh/theme/nord.css` and the rest — bh's nine, copied out of the
-gem at build time. A version under `v` is never written again, so that URL is owed its bytes.
+gem at build time.
 
 A host with a Content Security Policy allows whichever origin it names for `style-src`,
 `script-src` and `font-src`.
@@ -235,22 +225,16 @@ serves them, and `spec.files` is `git ls-files`. `rake assets` rebuilds and fail
 result is committed, so a source edit cannot ship without its build.
 
 While the gem is read from a path, an app in development serves every file `no-cache`, so a
-rebuild shows on the next reload; only a production app keeps the versioned copy for a year.
-
-Every build also writes `public/v<version>/`, whole, with every URL inside pointing under
-that prefix, until the tag `v<version>` exists; from then on the folder is never written
-again, and a page that pinned it is owed the same bytes for good.
+rebuild shows on the next reload, and so does an app in production: only a font is kept.
 
-A release, in order: `CHANGELOG.md`, the version in `lib/easyfaa/version.rb` and
-`package.json`, `bundle exec rake` so the versioned copy is the release's, then commit, tag
-`v<version>`, `gem build` and `gem push`, and fast-forward `production` to `main` so the
-site carries both the latest and the versioned copy.
+A release, in order: `CHANGELOG.md`, the version in `lib/wordmark/version.rb` and
+`package.json`, `bundle exec rake`, then commit, tag `v<version>`, `gem build` and `gem push`,
+and fast-forward `production` to `main` so the site carries it.
 
 ## Cloudflare
 
 The site is a Cloudflare Pages project named `design` on this repo: production branch
 `production`, no build command, output directory `public`, custom domain
-`design.easyfaa.com`. `main` deploys as the branch alias `main.design.pages.dev`, which
-`design.houseparty.dev` is a CNAME to. `public/_headers` adds the CORS header a cross-origin
+`design.easyfaa.com`. `main` deploys as the branch alias `main.design.pages.dev`. `public/_headers` adds the CORS header a cross-origin
 module script and font need, and marks the hashed fonts immutable; everything else keeps
 Pages' default of revalidating on every load, so a URL never has to change between versions.

data/art/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/art/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/art/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/art/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/art/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/art/index.html.erb

@@ -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='v<%= version %>/bh/css/bh.css'>
-    <link rel='stylesheet' href='v<%= version %>/css/easyfaa.css'>
-    <link rel='stylesheet' href='v<%= version %>/bh/theme/bootstrap.css' data-recourse-theme=''>
-    <script type='module' src='v<%= version %>/bh/js/bh.js'></script>
-    <script type='module' src='v<%= version %>/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 <%= version %></strong>
-              <span class='design-url'><a href='v<%= version %>/css/easyfaa.css'>v<%= version %>/css/easyfaa.css</a> · <a href='v<%= version %>/js/easyfaa.js'>v<%= version %>/js/easyfaa.js</a> · <a href='v<%= version %>/bh/theme/nord.css'>v<%= version %>/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='v<%= version %>/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>
@@ -89,9 +81,9 @@
         </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'><%= mark[:fountain] %>fountain</a>
-          <a class='lockup plex' href='#lockup'><%= mark[:fountain] %>fountain</a>
-          <a class='lockup plex' href='#lockup' style='font-size: 34px'><%= mark[:fountain] %>fountain</a>
+          <a class='lockup plex' href='#lockup' style='font-size: 14px'><%= mark[:tower] %>tower</a>
+          <a class='lockup plex' href='#lockup'><%= mark[:tower] %>tower</a>
+          <a class='lockup plex' href='#lockup' style='font-size: 34px'><%= mark[:tower] %>tower</a>
         </div>
       </section>
 
@@ -134,11 +126,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/art/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/art/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/art/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/art/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/art/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/art/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/art/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/lib/wordmark/engine.rb

@@ -5,33 +5,24 @@ module Wordmark
   # Hooks the gem into a host app: serves its files, its error pages and its helpers.
   class Engine < ::Rails::Engine
     # The folders the design site publishes, served from this gem at the same paths so a
-    # page on an app and a page on the site link one file — this version's copy under its
-    # own prefix among them. Each keeps its slash: `Rack::Static` matches on `start_with?`,
-    # and `/page` would swallow `/pages` itself.
-    PREFIXES = %W[/css/ /js/ /theme/ /font/ /logo/ /favicon/ /page/ /v#{VERSION}/].freeze
+    # page on an app and a page on the site link one file. Each keeps its slash:
+    # `Rack::Static` matches on `start_with?`, and `/page` would swallow `/pages` itself.
+    PREFIXES = %w[/css/ /js/ /theme/ /font/ /logo/ /favicon/ /page/].freeze
 
-    # An unversioned file is asked for again on every full load and answered `304 Not
-    # Modified` while it stands, since its URL never changes between versions. A font, whose
-    # name carries a hash of its bytes, and anything under this version's prefix never change
-    # at all, so a browser may keep them for good.
+    # A file is asked for again on every full load and answered `304 Not Modified` while it
+    # stands, since its URL never changes between versions. A font, whose name carries a hash
+    # of its bytes, never changes at all, so a browser may keep it for good.
     HEADERS = [
       [:all, { 'cache-control' => 'no-cache' }],
       ['/font/', { 'cache-control' => 'public, max-age=31536000, immutable' }],
-      ['/v', { 'cache-control' => 'public, max-age=31536000, immutable' }],
     ].freeze
 
-    # What a file is kept for while the gem is being worked on: not at all, since the
-    # version's copy is rewritten under the same name until it is released, and a browser
-    # told to keep it for a year would show yesterday's stylesheet on today's page.
-    DEVELOPMENT_HEADERS = HEADERS.first 1
-
     # Before `Rails::Rack::Logger`, so fetching a stylesheet writes no `Started GET` line, and
     # cascading, so a host route under one of these prefixes still answers.
     initializer 'wordmark.assets' do |app|
-      headers = Rails.env.development? ? DEVELOPMENT_HEADERS : HEADERS
       app.middleware.insert_before Rails::Rack::Logger, Rack::Static,
                                    urls: PREFIXES, root: Engine.root.join('public').to_s,
-                                   header_rules: headers, cascade: true
+                                   header_rules: HEADERS, cascade: true
     end
 
     # The branded error pages, read by status from `public/page` the way Rails reads a host's

data/lib/wordmark/helpers/heads.rb

@@ -8,8 +8,8 @@ module Wordmark
 
       # The stylesheet and the script every page needs, and the icons `app` is known by —
       # this app unless said, since a page a customer reads may wear the house's mark rather
-      # than the app's. Both files at this version's own path, which never changes and so is
-      # kept for a year. A page refresh Turbo is sent morphs the page in place and keeps the
+      # than the app's. Both files at a path no release changes, asked for again on every
+      # full load. A page refresh Turbo is sent morphs the page in place and keeps the
       # scroll, so an answer landing in a thread leaves the reader where they were.
       def easyfaa_head_tags(app = Wordmark.app)
         safe_join [
@@ -33,12 +33,12 @@ module Wordmark
         ], INDENT
       end
 
-      # The house's own two files, for a page that already links bh's. At this version's own
-      # path, which never changes and so is kept for a year.
+      # The house's own two files, for a page that already links bh's. At the same
+      # path in every release, so a browser asks again on a full load and is answered 304.
       def easyfaa_tags
         safe_join [
-          tag.link(rel: 'stylesheet', href: "/v#{VERSION}/css/easyfaa.css"),
-          tag.script('', type: 'module', src: "/v#{VERSION}/js/easyfaa.js"),
+          tag.link(rel: 'stylesheet', href: '/css/easyfaa.css'),
+          tag.script('', type: 'module', src: '/js/easyfaa.js'),
         ], INDENT
       end
 

data/lib/wordmark/marks.rb

@@ -4,13 +4,23 @@ module Wordmark
   # and reaches IBM Plex Sans's ascender. Every drawing is a different shape inside its 512
   # grid, so equal sizes never align; these do. The house's own is the one exception: 0.8em
   # and dropped 0.16em, so the horizon centres on the lowercase rather than standing on it.
+  # A wide, short mark (blackbox, dataplate, wordmark) is held to about 50px, or
+  # reaching the ascender would make it twice as wide as its neighbours.
   MARKS = {
-    autopilot: [46.36, 5.42],
+    blackbox: [50.00, 8.40],
     cube: [38.96, 1.72],
+    data: [41.71, 3.10],
+    dataplate: [50.00, 8.40],
     design: [50.47, 8.94],
+    drive: [41.84, 2.45],
     easyfaa: [38.4, 7.68],
-    fountain: [39.54, 2.01],
-    goldrush: [49.50, 11.02],
-    houston: [39.73, 2.11],
+    hangar: [41.71, 3.10],
+    lens: [45.02, 4.75],
+    mirroring: [38.86, 1.67],
+    refinery: [43.30, 3.21],
+    rollaway: [40.24, 1.73],
+    stockroom: [38.86, 1.67],
+    tower: [38.86, 1.67],
+    wordmark: [50.00, 12.40],
   }.freeze
 end

data/lib/wordmark/version.rb

@@ -1,4 +1,4 @@
 module Wordmark
   # Version of the gem, read by the gemspec and by hosts checking compatibility.
-  VERSION = '0.21.0'
+  VERSION = '0.22.0'
 end

data/lib/wordmark.rb

@@ -19,7 +19,7 @@ module Wordmark
   Message = Bh::Message
 
   # Which of the family this host is, read off the Rails application's own name — the
-  # `Goldrush` of `Goldrush::Application` — and the house itself for any app not in `MARKS`.
+  # `Tower` of `Tower::Application` — and the house itself for any app not in `MARKS`.
   # What a tab wears, what a logo says and whose page answers `/down.html`.
   def self.app
     name = Rails.application.class.module_parent_name.downcase.to_sym

data/public/_headers

@@ -17,10 +17,6 @@
 /page/*
   Cache-Control: public, max-age=0, must-revalidate
 
-# A versioned copy never changes, so a browser may keep it for a year and the edge for good.
-/v*
-  Cache-Control: public, max-age=31536000, immutable
-
 # A font's name carries a hash of its bytes, so a browser may keep it for good; everything
 # else keeps Pages' default, which is to revalidate on every load and answer 304 while it
 # stands, so the URL of a file never has to change between versions.