wordmark 0.22.0 → 0.23.0

data/app/models/aircraft_avatar.rb

@@ -0,0 +1,59 @@
+# Which of the 20 aircraft avatars (sprite a-*, easy_aircraft_avatar) draws an aircraft before
+# anyone has a picture of it: from what the registry says it is, and for a single-engine airplane
+# from its make and model too (config/aircraft_avatars.yml), so a Cub, a 172 and a Bonanza differ.
+module AircraftAvatar
+  # The single-engine airplane families by make and model, in the order they are tried.
+  FAMILIES = YAML.load_file(File.expand_path('../../config/aircraft_avatars.yml', __dir__))
+                 .transform_values { Regexp.new(it.join('|'), Regexp::IGNORECASE) }.freeze
+
+  # The engine types that turn no propeller and no rotor of their own.
+  JETS = %w[turbo_jet turbo_fan].freeze
+
+  # The families a single turboprop keeps (an Air Tractor), rather than being drawn as one.
+  TURBOPROP_FAMILIES = %w[ag-plane fixed-wing-drone].freeze
+
+  # @param type [String] the registry's type of aircraft: "fixed_wing_single_engine", "rotorcraft"…
+  # @param engine [String, nil] the registry's type of engine: "reciprocating", "electric"…
+  # @param name [String, nil] its make and model, "Piper PA-18-150".
+  # @param engines [Integer, nil] how many engines its model has.
+  # @param seats [Integer, nil] how many seats its model has.
+  # @param airliner [Boolean] whether its model is an airliner (30 seats or more, or its freighter).
+  # @return [String] the avatar's name in the sprite, without its a-: "high-wing-tailwheel".
+  def self.for(type:, engine: nil, name: nil, engines: nil, seats: nil, airliner: false)
+    case type.to_s
+    when 'balloon', 'blimp' then 'balloon'
+    when 'glider' then 'glider'
+    when 'weight_shift_control' then 'trike'
+    when 'powered_parachute' then 'powered-parachute'
+    when 'hybrid_lift' then 'fixed-wing-drone'
+    when 'rotorcraft', 'gyroplane' then rotorcraft(engine, engines.to_i, seats.to_i)
+    when 'fixed_wing_multi_engine' then multi_engine(engine, airliner)
+    else single_engine engine, name.to_s
+    end
+  end
+
+  class << self
+  private
+
+    def rotorcraft(engine, engines, seats)
+      return 'multirotor-drone' if engine == 'electric'
+
+      engines > 1 || seats > 8 ? 'heavy-helicopter' : 'helicopter'
+    end
+
+    def multi_engine(engine, airliner)
+      return 'twin' unless JETS.include? engine
+
+      airliner ? 'airliner' : 'business-jet'
+    end
+
+    def single_engine(engine, name)
+      return 'business-jet' if JETS.include? engine
+
+      family = FAMILIES.find { |_, pattern| pattern.match?(name) }&.first
+      return family if family && (engine != 'turbo_prop' || TURBOPROP_FAMILIES.include?(family))
+
+      engine == 'turbo_prop' ? 'single-turboprop' : family || 'high-wing'
+    end
+  end
+end

data/app/views/easy/_flyer.html.erb

@@ -0,0 +1,10 @@
+<%# locals: (plane:, date: nil) -%>
+<%# A plane crossing the sky behind a hero, its trail behind it, flown by easy/flyer.js, which the page includes once,
+    with easy/konami.js, its easter egg.
+    plane: its icon in the sprite, "plane" (easyFAA's airliner), "small-plane" (easyAnnual's single engine) or
+    "twin-plane" (easyFAA's accidents' twin engine).
+    date: "2026-12-25", the day to fly on instead of the visitor's today, to see a holiday's colors. -%>
+<%= tag.div class: "sky js-sky", aria: { hidden: true }, data: { date: } do %>
+  <svg class="trail js-trail" focusable="false"></svg>
+  <span class="flyer js-flyer"><%= easy_icon plane %></span>
+<% end %>

data/app/views/easy/_modal.html.erb

@@ -0,0 +1,14 @@
+<%# locals: (id:, close:, title: nil, open: false, emoji: nil, classes: nil) -%>
+<%# A dialog over the page, rendered as a layout around what it holds (render layout: "easy/modal" do … end), which
+    always lets its reader out: its ×, Esc or a click around it (easy/modal.js, which the page includes once), or without the script the
+    × as a link. Shown when its address's #id names it, or open: true (drawn already open, say once a form asked).
+    close: where the × leads, "#" for a dialog opened by its #id, the page without what opened it otherwise.
+    title: its heading; without one, what it holds gives its own, with the id "#{id}-title" (one per step, say).
+    classes: the app's own, beside modal, to style what it holds. -%>
+<%= tag.div id:, class: [ "modal", ("is-open" if open), classes ], role: "dialog", aria: { modal: true, labelledby: "#{id}-title" } do %>
+  <div class="modal-box">
+    <%= link_to "×", close, class: "modal-x", aria: { label: "Close" } %>
+    <% if title %><h2 id="<%= id %>-title"><% if emoji %><span aria-hidden="true"><%= emoji %></span> <% end %><%= title %></h2><% end %>
+    <%= yield %>
+  </div>
+<% end %>

data/app/views/easy/_pin_code.html.erb

@@ -0,0 +1,9 @@
+<%# locals: (name:, id: nil, autofocus: false, label: "6-digit code") -%>
+<%# The 6-digit code emailed to sign in or to sign: one real field, so a pasted or autofilled code lands whole, drawn
+    over six slots by easy/pin_code.js, which the page includes once; without the script, the field itself shows.
+    name: the field's, "sign_in[pin]"; a code refused is the page's to mark, is-invalid on the .pin-code. -%>
+<div class="pin-code">
+  <%= tag.input type: "text", name:, id:, class: "pin-code-input", required: true, autofocus:, autocomplete: "one-time-code",
+                inputmode: "numeric", pattern: "[0-9]{6}", maxlength: 6, aria: { label: } %>
+  <div class="pin-code-slots" aria-hidden="true"><span></span><span></span><span></span><span></span><span></span><span></span></div>
+</div>

data/app/views/easy/_report_head.html.erb

@@ -0,0 +1,19 @@
+<%# locals: (heading: nil, heading_id: nil, before: nil, switches_id: "switches", switches: [], after: nil, search: nil, search_label: search, sort_list: nil, sort_default: "newest") -%>
+<%# The head of a report or list: its heading, its switches (each { state:, css:, icon:, count:, label:, off: }), with the
+    sort button at their end, and a search. before and after go above and below the switches. sort_list is the list the
+    button flips by each row's data-sort (easy/report_sort); without it the page sorts by itself. -%>
+<%= tag.section class: "report-head", data: { sort_list:, sort_default: (sort_default if sort_list) }.compact do %>
+  <% if heading %><%= tag.h2 heading, id: heading_id %><% end %>
+  <%= before %>
+  <% if switches.any? %>
+    <%= tag.ul class: "switches levels", id: switches_id do %>
+      <% switches.each do |item| %>
+        <%= tag.li class: item[:css], data: { state: item[:state], off: item[:off] }.compact do %><% if item[:icon] %><%= easy_icon item[:icon] %><% end %><span class="n"><%= item[:count] %></span> <%= item[:label] %><% end %>
+      <% end %>
+      <li class="sort-button-item" hidden><button type="button" class="sort-button js-sort"><%= easy_icon sort_default %><span class="js-sort-label"><%= sort_default.capitalize %> first</span></button></li>
+    <% end %>
+  <% end %>
+  <%= after %>
+  <% if search %><label class="word-search report-search js-words" hidden><%= easy_icon "search" %><input type="search" placeholder="<%= search %>" aria-label="<%= search_label %>" autocomplete="off" spellcheck="false"></label><% end %>
+<% end %>
+<% if sort_list %><%= javascript_include_tag "easy/report_sort", defer: true %><% end %>

data/app/views/easy/mailer/_code.html.erb

@@ -0,0 +1,67 @@
+<%# locals: (code:, brand:, site:, logo:, purpose:, lifetime:, ignore:, link: nil, link_label: nil, link_lede: nil, fine: nil) -%>
+<%# The email carrying a 6-digit code, the same from every easy app (its text twin: _code.text.erb): the logo, then a
+    card whose navy head holds the code large enough to read across the room, selected whole by one click or tap.
+    The code is plain digits next to the word "code", in the subject too ("123456 is your easyFAA code"), with no
+    other run of digits near it: what Apple Mail, iOS and Gmail look for to offer it to the field that asks for it.
+    code: "123456"; brand: "easyFAA"; site: the app's address, under the card; logo: the URL of the brand's logo,
+    an inline attachment so it shows wherever the email is read; purpose: "to sign in", "to sign the airframe
+    logbook entry for N22196"; lifetime: "10 minutes"; ignore: what to do with an email nobody asked for.
+    link, link_label, link_lede: a button doing what the code does, the sentence above it; fine: under it (HTML). -%>
+<% heading = %(font-family:"Outfit","Helvetica Neue",Helvetica,Arial,sans-serif;) %>
+<% body = %(font-family:-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;) %>
+<% host = URI(site).host %>
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="color-scheme" content="light">
+<meta name="supported-color-schemes" content="light">
+<meta name="format-detection" content="telephone=no, date=no, address=no">
+<title><%= code %> is your <%= brand %> code</title>
+<link href="https://fonts.googleapis.com/css2?family=Outfit:wght@500;600;700&amp;display=swap" rel="stylesheet">
+</head>
+<body style="margin:0;padding:0;background:#f1f2f3;">
+<div style="display:none;max-height:0;overflow:hidden;opacity:0;">Your <%= brand %> code <%= purpose %>: <%= code %></div>
+<table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="background:#f1f2f3;">
+  <tr><td align="center" style="padding:32px 16px;">
+    <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0" style="max-width:560px;">
+
+      <tr><td style="padding:0 4px 20px;">
+        <a href="<%= site %>" style="text-decoration:none;"><img src="<%= logo %>" height="32" alt="<%= brand %>" style="display:block;border:0;height:32px;width:auto;"></a>
+      </td></tr>
+
+      <tr><td style="background:#ffffff;border:1px solid #c6cbcf;border-radius:18px;overflow:hidden;">
+        <table role="presentation" width="100%" cellpadding="0" cellspacing="0" border="0">
+          <tr><td align="center" style="background:#0b1e3a;padding:30px 28px 30px;border-radius:17px 17px 0 0;">
+            <div style="<%= body %>font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#9fb6d4;margin:0 0 12px;">Your <%= brand %> code</div>
+            <div style="<%= heading %>font-size:56px;font-weight:700;letter-spacing:.14em;color:#ffffff;line-height:1;-webkit-user-select:all;user-select:all;"><%= code %></div>
+            <div style="<%= body %>font-size:15px;line-height:1.4;color:#cfe0f3;margin:14px 0 0;"><%= purpose.upcase_first %></div>
+          </td></tr>
+
+          <% if link %>
+            <tr><td align="center" style="padding:22px 28px 8px;<%= body %>font-size:16px;line-height:1.5;color:#2c2f32;"><%= link_lede %></td></tr>
+            <tr><td align="center" style="padding:10px 28px 18px;">
+              <table role="presentation" cellpadding="0" cellspacing="0" border="0"><tr>
+                <td style="background:#1a70d0;border-radius:24px;">
+                  <a href="<%= link %>" style="display:inline-block;padding:14px 30px;<%= heading %>font-size:17px;font-weight:600;color:#ffffff;text-decoration:none;border-radius:24px;"><%= link_label %></a>
+                </td>
+              </tr></table>
+            </td></tr>
+          <% end %>
+          <tr><td align="center" style="padding:<%= link ? "0" : "22px" %> 28px 26px;<%= body %>font-size:13px;line-height:1.5;color:#636c74;">
+            <% if fine %><%= fine %><br><% end %>
+            It works once, for <%= lifetime %>. <%= ignore %>
+          </td></tr>
+        </table>
+      </td></tr>
+
+      <tr><td style="padding:18px 8px 0;<%= body %>font-size:12px;line-height:1.5;color:#636c74;text-align:center;">
+        <a href="<%= site %>" style="color:#636c74;"><%= host %></a>
+      </td></tr>
+
+    </table>
+  </td></tr>
+</table>
+</body>
+</html>

data/app/views/easy/mailer/_code.text.erb

@@ -0,0 +1,16 @@
+<%# locals: (code:, brand:, site:, purpose:, lifetime:, ignore:, logo: nil, link: nil, link_label: nil, link_lede: nil, fine: nil) -%>
+<%# The plain-text twin of _code.html.erb: the code first, on its own line beside the word "code". fine: plain text. -%>
+Your <%= brand %> code <%= purpose %>: <%= code %>
+<% if link %>
+
+<%= link_lede %>
+<%= link %>
+<% end %>
+<% if fine %>
+
+<%= fine %>
+<% end %>
+
+It works once, for <%= lifetime %>. <%= ignore %>
+
+<%= site %>

data/app/views/layouts/easy/site.html.erb

@@ -0,0 +1,50 @@
+<%# The page every easy app draws: an app's own layout fills the slots, then renders this one
+    (render template: "layouts/easy/site").
+    - :easy_head, its title, metas and links;
+    - :easy_stylesheets, its own stylesheets, after the shared ones;
+    - :body_class, the body's classes;
+    - :site_brand_url and :site_brand, where its logo goes and the logo;
+    - :site_nav, its links, sign in or out;
+    - :sky_band, "full" or "slim", for the band under the header; then the page is wide;
+    - :page_class, the page's own classes beside page ("wide" for one that lays out its own widths);
+    - :site_footer, its footer's lines and links;
+    - :body_end, its scripts. -%>
+<!doctype html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<%= yield :easy_head %>
+<%# The headings' face, asked for with the stylesheet rather than once it is read (easy/base.css). -%>
+<%= preload_link_tag asset_path("easy/outfit-latin.woff2"), as: "font", type: "font/woff2", crossorigin: "anonymous" %>
+<%= stylesheet_link_tag "easy/tokens", "easy/base", "easy/layout", "easy/components" %>
+<%= yield :easy_stylesheets %>
+<script>(function(){document.documentElement.className+=' has-js';try{var t=localStorage.getItem('theme');if(t==='dark'||t==='light'){document.documentElement.setAttribute('data-theme',t)}}catch(e){}})();</script>
+</head>
+<body class="<%= content_for(:body_class) %>">
+<a class="skip-link" href="#main">Skip to content</a>
+<header class="site-header">
+  <div class="page-width">
+    <%= link_to content_for(:site_brand_url) || "/", class: "site-brand" do %><%= yield :site_brand %><% end %>
+    <div>
+      <nav class="site-nav" aria-label="Site"><%= yield :site_nav %></nav>
+      <button type="button" class="theme-toggle js-theme" aria-pressed="false">
+        <%= easy_icon "sun", class: "i i-sun" %><%= easy_icon "moon", class: "i i-moon" %><span class="theme-toggle-label">Dark theme</span>
+      </button>
+    </div>
+  </div>
+</header>
+<% if content_for?(:sky_band) %>
+<div class="sky-band<%= " slim" if content_for(:sky_band) == "slim" %>"></div>
+<% end %>
+<main id="main" class="page<%= " wide" if content_for?(:sky_band) %><%= " #{content_for(:page_class)}" if content_for?(:page_class) %>">
+<%= yield %>
+</main>
+<footer id="footer" class="site-footer">
+  <div class="site-footer-inner">
+<%= yield :site_footer %>
+  </div>
+</footer>
+<%= yield :body_end %>
+</body>
+</html>

data/app/views/layouts/wordmark/errors.html.erb

@@ -0,0 +1,26 @@
+<!doctype html>
+<html lang="en">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1">
+<meta name="color-scheme" content="light dark">
+<meta name="robots" content="noindex">
+<title><%= content_for(:title) || @site_name %></title>
+<style>
+:root{color-scheme:light;--bg:#ffffff;--ink:#15202e;--muted:#50575d;--primary:#1a70d0}
+@media (prefers-color-scheme: dark){:root{color-scheme:dark;--bg:#131415;--ink:#f3f5f8;--muted:#abb2b8;--primary:#689dff}}
+*{box-sizing:border-box}
+body{margin:0;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg);color:var(--ink);font:500 17px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;text-align:center;padding:40px 24px}
+a{color:var(--primary)}
+h1{display:flex;align-items:center;justify-content:center;font-size:clamp(1.5rem,5.5vw,2.25rem);margin:0}
+h1 svg{width:1.1em;height:1.1em;margin-right:0.3em;flex-shrink:0}
+p{color:var(--muted);margin:18px 0 0;max-width:32rem}
+footer{margin-top:40px;font-size:15px;color:var(--muted)}
+footer a{color:inherit;text-decoration:none}
+</style>
+</head>
+<body>
+<%= yield %>
+<footer><%= link_to @site_name, @site_url %></footer>
+</body>
+</html>

data/app/views/wordmark/errors/show.html.erb

@@ -0,0 +1,15 @@
+<% content_for :title, "#{@heading} | #{@site_name}" %>
+<h1>
+  <svg viewBox="0 0 64 64" aria-hidden="true">
+    <g stroke="currentColor" stroke-width="2.5" stroke-linejoin="round">
+      <polygon points="60,8 4,30 25,37" fill="#ffffff"/>
+      <polygon points="60,8 25,37 31,57" fill="#cfe0f3"/>
+    </g>
+    <g stroke="#7a93b3" stroke-width="1.6" stroke-linecap="round">
+      <line x1="16" y1="28.5" x2="36" y2="21"/><line x1="21" y1="31.5" x2="44" y2="22.5"/><line x1="27" y1="33" x2="46" y2="25.5"/>
+    </g>
+    <path d="M10 44 C14 50 18 53 24 55" fill="none" stroke="currentColor" stroke-width="2" stroke-dasharray="3 3" stroke-linecap="round"/>
+  </svg>
+  <%= @heading %>
+</h1>
+<p><%= @message %></p>

data/config/aircraft_avatars.yml

@@ -0,0 +1,26 @@
+# The single-engine airplane families easyFAA tells apart by make and model ("Cessna 172N",
+# "Piper PA-18-150", "Van's RV-8"), tried in this order, the first pattern found in the name
+# winning. A name no pattern finds is drawn high-wing, as the commonest. Case is ignored.
+fixed-wing-drone:
+  - v-?bat|zipline|\buav\b|\buas\b|unmanned|drone
+biplane:
+  - stearman|\bpt-?1[37]\b|\bn2s\b|pitts|\bs-?[12][abcs]?\b|waco|great lakes|starduster|skybolt|acro ?sport
+  - hatz|miniplane|christen|eagle ii|\bultimate\b|tiger moth|\bjungmann
+ag-plane:
+  - air tractor|\bat-?[3-8]\d\d|thrush|\bs-?2r|ag-?cat|g-?164|\bpa-?25|pawnee|\bpa-?36|ag ?(wagon|truck|husky)|\b188\b
+floatplane:
+  - \blake\b|\bla-?(4|250)|searey|sea rey|icon a5|seawind|\bg-?(21|44|73)\b|goose|widgeon|seabee|rc-?3\b|skimmer|catalina
+low-wing-tailwheel:
+  - \brv-?[3468]\b(?!a)|\bat-?6\b|\bt-?6\b|\bsnj\b|harvard|\bp-?51\b|mustang|\bpt-?(19|22|26)\b|\bextra\b|\bea-?300
+  - edge 540|\bgiles\b|\blaser\b|\bcap ?(10|21|23)|\bsu-?(26|29|31)\b|\bt-?28\b
+high-wing-tailwheel:
+  - \bj-?[2345]\b|\bpa-?(11|12|14|16|17|18|20)\b|cub|aeronca|champ|citabria|decathlon|scout|\b7[acegk]c|\b8kcab
+  - taylorcraft|\bbc-?12|cessna (a)?1(20|40|70|80|85|95)|\b(a)?185|maule|husky|\baviat\b|stinson|luscombe|kitfox|savage
+  - \bm-?[4-7]\b|helio|courier|\bdhc-?2\b|beaver|\bl-?(2|3|4|16|19)\b|bird ?dog|super ?cub|carbon ?cub|backcountry
+low-wing-retractable:
+  - mooney|\bm20|(beech|raytheon|textron|hawker).*\b[a-v]?(33|35|36)[a-z]?\b|bonanza|debonair|\bpa-?(24|28r|30|32r|39|46)\b|comanche|arrow|saratoga
+  - lance|\bt-?34\b|meridian|malibu|mirage|navion|\bm-?18|\bb-?24r|sierra|swift|\bgc-?1|viking|\b17-?3\d|bellanca 14
+low-wing:
+  - \bpa-?(28|32|38)\b|cherokee|warrior|archer|cadet|tomahawk|cirrus|\bsr-?2[02]|\bda-?(20|40)|diamond|katana
+  - \baa-?(1|5)|grumman|tiger|cheetah|traveler|musketeer|sundowner|\bbe-?23|\bc-?23\b|\brv-?\d+|ercoupe|aircoupe|\balon\b
+  - lancair|glasair|sonex|zenith|\bch-?[67]\d\d|tecnam|evektor|sportstar|\bsr-?20

data/lib/wordmark/engine.rb

@@ -2,7 +2,9 @@
 require 'rails'
 
 module Wordmark
-  # Hooks the gem into a host app: serves its files, its error pages and its helpers.
+  # Hooks the gem into a host app: serves its files, its error pages and its helpers. The easy
+  # design system's stylesheets, scripts, fonts and icons are under `app/assets`, which the
+  # host's asset pipeline reads as its own: `stylesheet_link_tag "easy/tokens"`.
   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. Each keeps its slash:
@@ -25,20 +27,21 @@ module Wordmark
                                    header_rules: HEADERS, cascade: true
     end
 
-    # The branded error pages, read by status from `public/page` the way Rails reads a host's
-    # own `public/`, unless the host has already named an app of its own.
-    initializer 'wordmark.exceptions' do |app|
-      app.config.exceptions_app ||=
-        ActionDispatch::PublicExceptions.new Engine.root.join('public/page').to_s
-    end
-
-    # The page a host shows while it is down, at the path Heroku and a reader expect.
-    initializer 'wordmark.down' do |app|
-      app.middleware.insert_before Rails::Rack::Logger, Down
+    # The same page for 400, 404, 422 and 500 on every app (Wordmark::ErrorsController), unless
+    # the host has already named an exceptions app of its own, and the page it shows while it
+    # is down at the path Heroku and a reader expect.
+    initializer 'wordmark.errors' do |app|
+      app.config.exceptions_app ||= app.routes
+      app.routes.prepend do
+        %w[400 404 422 500].each do |status|
+          get status, to: 'wordmark/errors#show', defaults: { status: status.to_i }
+        end
+        get 'down.html', to: 'wordmark/errors#down', format: false
+      end
     end
 
     initializer 'wordmark.helpers' do
-      ActiveSupport.on_load(:action_view) { include Wordmark::Helpers }
+      ActiveSupport.on_load(:action_view) { include Wordmark::Helpers, Wordmark::EasyHelper }
     end
   end
 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.22.0'
+  VERSION = '0.23.0'
 end

data/lib/wordmark.rb

@@ -1,15 +1,20 @@
 require 'bh'
+require 'active_support/core_ext/module/attribute_accessors'
 require_relative 'wordmark/version'
 require_relative 'wordmark/marks'
 require_relative 'wordmark/copy'
-require_relative 'wordmark/down'
 require_relative 'wordmark/helpers'
 require_relative 'wordmark/engine'
 
-# easyfaa's front end: the stylesheet and script every page loads — bh's Bootstrap 6
-# with the house's own layer over it — the marks every app is known by, and the helpers that
-# draw a head, a logo or a signup page the same way everywhere.
+# easyFAA's front end: the easy design system every app's pages are drawn with (its layout,
+# stylesheets, scripts, fonts, icons and partials), the error pages every app shows, the marks
+# every app is known by, and the helpers that draw them the same way everywhere.
 module Wordmark
+  # The site an error page names, in its title, its one link and the maintenance message, as
+  # `[name, url]` for the request: an app that is not easyFAA's own names itself,
+  # `Wordmark.site = ->(request) { ['easyAnnual', 'https://easyannual.com/'] }`.
+  mattr_accessor :site, default: ->(_request) { ['easyFAA', 'https://easyfaa.com/'] }
+
   # The form every easyfaa page is written with, which is bh's: the house dresses no
   # field differently, so this name and `Bh::FormBuilder` are one builder.
   FormBuilder = Bh::FormBuilder
@@ -20,7 +25,7 @@ module Wordmark
 
   # Which of the family this host is, read off the Rails application's own name — the
   # `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`.
+  # What a tab wears and what a logo says.
   def self.app
     name = Rails.application.class.module_parent_name.downcase.to_sym
     MARKS.key?(name) ? name : :easyfaa

data/public/_headers

@@ -1,11 +1,11 @@
 # A page on another origin loads the script as a module and the stylesheet's font across
-# origins, both of which the browser refuses without this. Cloudflare Pages adds no CORS.
+# origins, both of which the browser refuses without this. Cloudflare adds no CORS.
 /*
   Access-Control-Allow-Origin: *
 
 # An unversioned file follows the latest release, so a browser asks for it again on every
-# load and is answered 304 while it stands. Pages would otherwise let one be kept for four
-# hours, and a page drawn against a new bundle would run the old one until they were up.
+# load and is answered 304 while it stands, so a page drawn against a new bundle never runs
+# the old one.
 /css/*
   Cache-Control: public, max-age=0, must-revalidate
 /js/*
@@ -18,7 +18,7 @@
   Cache-Control: public, max-age=0, must-revalidate
 
 # 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
+# else keeps Cloudflare's 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.
 /font/*
   Cache-Control: public, max-age=31536000, immutable

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: wordmark
 version: !ruby/object:Gem::Version
-  version: 0.22.0
+  version: 0.23.0
 platform: ruby
 authors:
 - claudiob
@@ -77,8 +77,33 @@ files:
 - CHANGELOG.md
 - MIT-LICENSE
 - README.md
+- app/assets/fonts/easy/outfit-latin-ext.woff2
+- app/assets/fonts/easy/outfit-latin.woff2
+- app/assets/images/easy/sprite.svg
+- app/assets/javascripts/easy/flyer.js
+- app/assets/javascripts/easy/konami.js
+- app/assets/javascripts/easy/modal.js
+- app/assets/javascripts/easy/pin_code.js
+- app/assets/javascripts/easy/report_sort.js
+- app/assets/javascripts/easy/rotating_placeholder.js
+- app/assets/stylesheets/easy/base.css
+- app/assets/stylesheets/easy/components.css
+- app/assets/stylesheets/easy/layout.css
+- app/assets/stylesheets/easy/tokens.css
+- app/controllers/wordmark/errors_controller.rb
+- app/helpers/wordmark/easy_helper.rb
+- app/models/aircraft_avatar.rb
+- app/views/easy/_flyer.html.erb
+- app/views/easy/_modal.html.erb
+- app/views/easy/_pin_code.html.erb
+- app/views/easy/_report_head.html.erb
+- app/views/easy/mailer/_code.html.erb
+- app/views/easy/mailer/_code.text.erb
+- app/views/layouts/easy/site.html.erb
 - app/views/layouts/easyfaa.html.erb
+- app/views/layouts/wordmark/errors.html.erb
 - app/views/recourses/_head.html.erb
+- app/views/wordmark/errors/show.html.erb
 - art/blackbox.svg
 - art/cube.svg
 - art/data.svg
@@ -97,10 +122,10 @@ files:
 - art/stockroom.svg
 - art/tower.svg
 - art/wordmark.svg
+- config/aircraft_avatars.yml
 - config/locales/easyfaa.en.yml
 - lib/wordmark.rb
 - lib/wordmark/copy.rb
-- lib/wordmark/down.rb
 - lib/wordmark/engine.rb
 - lib/wordmark/helpers.rb
 - lib/wordmark/helpers/flows.rb
@@ -327,7 +352,7 @@ required_ruby_version: !ruby/object:Gem::Requirement
   requirements:
   - - ">="
     - !ruby/object:Gem::Version
-      version: 3.2.0
+      version: '3.4'
 required_rubygems_version: !ruby/object:Gem::Requirement
   requirements:
   - - ">="

data/lib/wordmark/down.rb

@@ -1,19 +0,0 @@
-require 'rack/files'
-
-module Wordmark
-  # Answers `/down.html` with the page the host shows while it is down: its own where it is
-  # one of the family, the house's otherwise.
-  class Down
-    def initialize(app)
-      @app = app
-      @files = Rack::Files.new Engine.root.join('public/down').to_s
-    end
-
-    # The page where the path asks for it, and the host otherwise.
-    def call(env)
-      return @app.call env unless env['PATH_INFO'] == '/down.html'
-
-      @files.call env.merge('PATH_INFO' => "/#{Wordmark.app}.html")
-    end
-  end
-end