easyfaa 0.20.0 → 1.0.0

data/lib/easyfaa/engine.rb

@@ -1,53 +1,26 @@
 # rails/engine alone raises NoMethodError: railtie.rb calls delegate_missing_to too early.
 require 'rails'
 
-module Easyfaa
-  # Hooks the gem into a host app: serves its files, its error pages and its helpers.
+module EasyFAA
+  # Hooks the gem into a host app: 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 — 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
-
-    # 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.
-    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 'easyfaa.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
-    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 'easyfaa.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 'easyfaa.down' do |app|
-      app.middleware.insert_before Rails::Rack::Logger, Down
+    # The same page for 400, 404, 422 and 500 on every app (EasyFAA::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 'easyfaa.errors' do |app|
+      app.config.exceptions_app ||= app.routes
+      app.routes.prepend do
+        %w[400 404 422 500].each do |status|
+          get status, to: 'easyfaa/errors#show', defaults: { status: status.to_i }
+        end
+        get 'down.html', to: 'easyfaa/errors#down', format: false
+      end
     end
 
     initializer 'easyfaa.helpers' do
-      ActiveSupport.on_load(:action_view) { include Easyfaa::Helpers }
+      ActiveSupport.on_load(:action_view) { include EasyFAA::EasyHelper }
     end
   end
 end

data/lib/easyfaa/version.rb

@@ -1,4 +1,4 @@
-module Easyfaa
+module EasyFAA
   # Version of the gem, read by the gemspec and by hosts checking compatibility.
-  VERSION = '0.20.0'
+  VERSION = '1.0.0'
 end

data/lib/easyfaa.rb

@@ -1,39 +1,18 @@
-require 'bh'
-require_relative 'easyfaa/version'
-require_relative 'easyfaa/marks'
-require_relative 'easyfaa/copy'
-require_relative 'easyfaa/down'
-require_relative 'easyfaa/helpers'
-require_relative 'easyfaa/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.
-module Easyfaa
-  # 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
+require 'active_support/core_ext/module/attribute_accessors'
+require 'active_support/inflector'
 
-  # One message of a chat, which is bh's too. Named here for a host that reached for it by
-  # the house's name before the components moved.
-  Message = Bh::Message
+# FAA in capitals: Rails camelizes the gem's folders (easyfaa/) by this, to load and route them.
+ActiveSupport::Inflector.inflections(:en) { it.acronym 'EasyFAA' }
 
-  # 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`.
-  # 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
-    MARKS.key?(name) ? name : :easyfaa
-  end
+require_relative 'easyfaa/version'
+require_relative 'easyfaa/engine'
 
-  # The words that carry a 6-digit code to a phone, in both voices. `written` is the sentence
-  # a person reads and, under it, the line Safari matches against the page about to be filled,
-  # `@host #code`, which offers the code above the keyboard so nobody leaves for Messages to
-  # copy it. `spoken` is the sentence alone, its digits one at a time so a listener can write
-  # them down, and without a line meant for a phone rather than a person. Every app of the
-  # house that sends a code sends these, from `config/locales`.
-  def self.one_time_code(pin, host: Rails.application.default_url_options[:host])
-    Copy.new written: I18n.t('easyfaa.one_time_code', pin:, host:),
-             spoken: I18n.t('easyfaa.spoken_one_time_code', pin: pin.chars.join(', '))
-  end
+# 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, and the
+# marks the apps are known by inside the house.
+module EasyFAA
+  # 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,
+  # `EasyFAA.site = ->(request) { ['easyAnnual', 'https://easyannual.com/'] }`.
+  mattr_accessor :site, default: ->(_request) { ['easyFAA', 'https://easyfaa.com/'] }
 end

metadata

@@ -1,7 +1,7 @@
 --- !ruby/object:Gem::Specification
 name: easyfaa
 version: !ruby/object:Gem::Version
-  version: 0.20.0
+  version: 1.0.0
 platform: ruby
 authors:
 - claudiob
@@ -37,20 +37,6 @@ dependencies:
     - - ">="
       - !ruby/object:Gem::Version
         version: '8.1'
-- !ruby/object:Gem::Dependency
-  name: bh
-  requirement: !ruby/object:Gem::Requirement
-    requirements:
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: 6.7.0
-  type: :runtime
-  prerelease: false
-  version_requirements: !ruby/object:Gem::Requirement
-    requirements:
-    - - ">="
-      - !ruby/object:Gem::Version
-        version: 6.7.0
 - !ruby/object:Gem::Dependency
   name: railties
   requirement: !ruby/object:Gem::Requirement
@@ -65,9 +51,8 @@ dependencies:
     - - ">="
       - !ruby/object:Gem::Version
         version: '8.1'
-description: One stylesheet and one script, served by the engine or from design.easyfaa.com,
-  the marks every app is known by, the pages shown when an app is not, and helpers
-  that draw a head, a lockup or a chat the same way everywhere.
+description: 'The easy design system every easyFAA page is drawn with: its layout,
+  stylesheets, scripts, fonts, icons and partials, and the error pages every app shows.'
 email:
 - info@easyfaa.com
 executables: []
@@ -77,172 +62,58 @@ files:
 - CHANGELOG.md
 - MIT-LICENSE
 - README.md
-- app/views/layouts/easyfaa.html.erb
-- app/views/recourses/_head.html.erb
-- art/autopilot.svg
-- art/cube.svg
-- art/design.svg
-- art/down.html.erb
-- art/easyfaa.svg
-- art/fountain.svg
-- art/goldrush.svg
-- art/houston.svg
-- art/icons.txt
-- art/index.html.erb
-- config/locales/easyfaa.en.yml
+- app/assets/fonts/easy/outfit-latin-ext.woff2
+- app/assets/fonts/easy/outfit-latin.woff2
+- app/assets/images/easy/favicon.ico
+- app/assets/images/easy/favicon.svg
+- app/assets/images/easy/sprite.svg
+- app/assets/javascripts/easy/add_rows.js
+- app/assets/javascripts/easy/flyer.js
+- app/assets/javascripts/easy/highlight.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/javascripts/easy/step_foot.js
+- app/assets/javascripts/easy/switches.js
+- app/assets/javascripts/easy/switches_address.js
+- app/assets/javascripts/easy/tabs.js
+- app/assets/javascripts/easy/theme.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/easyfaa/errors_controller.rb
+- app/helpers/easyfaa/easy_helper.rb
+- app/models/aircraft_avatar.rb
+- app/views/easy/_ad_card.html.erb
+- app/views/easy/_ad_list.html.erb
+- app/views/easy/_flyer.html.erb
+- app/views/easy/_logo.html.erb
+- app/views/easy/_modal.html.erb
+- app/views/easy/_part_tabs.html.erb
+- app/views/easy/_pin_code.html.erb
+- app/views/easy/_report_head.html.erb
+- app/views/easy/mailer/_button.html.erb
+- app/views/easy/mailer/_card.html.erb
+- app/views/easy/mailer/_code.html.erb
+- app/views/easy/mailer/_code.text.erb
+- app/views/easy/mailer/_frame.html.erb
+- app/views/easy/mailer/_text.html.erb
+- app/views/easyfaa/errors/show.html.erb
+- app/views/layouts/easy/site.html.erb
+- app/views/layouts/easyfaa/errors.html.erb
+- config/aircraft_avatars.yml
 - lib/easyfaa.rb
-- lib/easyfaa/copy.rb
-- lib/easyfaa/down.rb
 - lib/easyfaa/engine.rb
-- lib/easyfaa/helpers.rb
-- lib/easyfaa/helpers/flows.rb
-- lib/easyfaa/helpers/heads.rb
-- lib/easyfaa/helpers/logos.rb
-- lib/easyfaa/marks.rb
 - lib/easyfaa/version.rb
-- public/404.html
-- public/_headers
-- public/bh/css/bh.css
-- public/bh/js/bh.js
-- public/bh/theme/bootstrap.css
-- public/bh/theme/dawn.css
-- public/bh/theme/dracula.css
-- public/bh/theme/gruvbox.css
-- public/bh/theme/monokai.css
-- public/bh/theme/nord.css
-- public/bh/theme/one_dark.css
-- public/bh/theme/solarized.css
-- public/bh/theme/tokyo_night.css
-- public/css/easyfaa.css
-- public/down/autopilot.html
-- public/down/cube.html
-- public/down/design.html
-- public/down/easyfaa.html
-- public/down/fountain.html
-- public/down/goldrush.html
-- public/down/houston.html
-- public/favicon.ico
-- public/favicon/autopilot-180.png
-- public/favicon/autopilot-192.png
-- public/favicon/autopilot-512.png
-- public/favicon/autopilot-96.png
-- public/favicon/autopilot-dev.svg
-- public/favicon/autopilot.ico
-- public/favicon/autopilot.svg
-- public/favicon/autopilot.webmanifest
-- public/favicon/cube-180.png
-- public/favicon/cube-192.png
-- public/favicon/cube-512.png
-- public/favicon/cube-96.png
-- public/favicon/cube-dev.svg
-- public/favicon/cube.ico
-- public/favicon/cube.svg
-- public/favicon/cube.webmanifest
-- public/favicon/design-180.png
-- public/favicon/design-192.png
-- public/favicon/design-512.png
-- public/favicon/design-96.png
-- public/favicon/design-dev.svg
-- public/favicon/design.ico
-- public/favicon/design.svg
-- public/favicon/design.webmanifest
-- public/favicon/easyfaa-180.png
-- public/favicon/easyfaa-192.png
-- public/favicon/easyfaa-512.png
-- public/favicon/easyfaa-96.png
-- public/favicon/easyfaa-dev.svg
-- public/favicon/easyfaa.ico
-- public/favicon/easyfaa.svg
-- public/favicon/easyfaa.webmanifest
-- public/favicon/fountain-180.png
-- public/favicon/fountain-192.png
-- public/favicon/fountain-512.png
-- public/favicon/fountain-96.png
-- public/favicon/fountain-dev.svg
-- public/favicon/fountain.ico
-- public/favicon/fountain.svg
-- public/favicon/fountain.webmanifest
-- public/favicon/goldrush-180.png
-- public/favicon/goldrush-192.png
-- public/favicon/goldrush-512.png
-- public/favicon/goldrush-96.png
-- public/favicon/goldrush-dev.svg
-- public/favicon/goldrush.ico
-- public/favicon/goldrush.svg
-- public/favicon/goldrush.webmanifest
-- public/favicon/houston-180.png
-- public/favicon/houston-192.png
-- public/favicon/houston-512.png
-- public/favicon/houston-96.png
-- public/favicon/houston-dev.svg
-- public/favicon/houston.ico
-- public/favicon/houston.svg
-- public/favicon/houston.webmanifest
-- public/font/bootstrap-icons-6LILWPE2.woff2
-- public/font/bootstrap-icons-FRBPO3H7.woff2
-- public/font/ibm-plex-sans-500-latin-LA7QXWWL.woff2
-- public/font/ibm-plex-sans-500-latin-ext-X4QHZICY.woff2
-- public/font/ibm-plex-sans-500-latin-ext.woff2
-- public/font/ibm-plex-sans-500-latin.woff2
-- public/font/ibm-plex-sans-500-vietnamese-24B6BSND.woff2
-- public/font/ibm-plex-sans-500-vietnamese.woff2
-- public/index.html
-- public/js/easyfaa.js
-- public/logo/autopilot.png
-- public/logo/autopilot.svg
-- public/logo/cube.png
-- public/logo/cube.svg
-- public/logo/design.png
-- public/logo/design.svg
-- public/logo/easyfaa.png
-- public/logo/easyfaa.svg
-- public/logo/fountain.png
-- public/logo/fountain.svg
-- public/logo/goldrush.png
-- public/logo/goldrush.svg
-- public/logo/houston.png
-- public/logo/houston.svg
-- public/page/400.html
-- public/page/404.html
-- public/page/406-unsupported-browser.html
-- public/page/422.html
-- public/page/500.html
-- public/site.webmanifest
-- public/theme/bootstrap.css
-- public/theme/dawn.css
-- public/theme/dracula.css
-- public/theme/gruvbox.css
-- public/theme/monokai.css
-- public/theme/nord.css
-- public/theme/one_dark.css
-- public/theme/solarized.css
-- public/theme/tokyo_night.css
-- public/v0.20.0/bh/css/bh.css
-- public/v0.20.0/bh/js/bh.js
-- public/v0.20.0/bh/theme/bootstrap.css
-- public/v0.20.0/bh/theme/dawn.css
-- public/v0.20.0/bh/theme/dracula.css
-- public/v0.20.0/bh/theme/gruvbox.css
-- public/v0.20.0/bh/theme/monokai.css
-- public/v0.20.0/bh/theme/nord.css
-- public/v0.20.0/bh/theme/one_dark.css
-- public/v0.20.0/bh/theme/solarized.css
-- public/v0.20.0/bh/theme/tokyo_night.css
-- public/v0.20.0/css/easyfaa.css
-- public/v0.20.0/font/bootstrap-icons-FRBPO3H7.woff2
-- public/v0.20.0/font/ibm-plex-sans-500-latin-LA7QXWWL.woff2
-- public/v0.20.0/font/ibm-plex-sans-500-latin-ext-X4QHZICY.woff2
-- public/v0.20.0/font/ibm-plex-sans-500-latin-ext.woff2
-- public/v0.20.0/font/ibm-plex-sans-500-latin.woff2
-- public/v0.20.0/font/ibm-plex-sans-500-vietnamese-24B6BSND.woff2
-- public/v0.20.0/font/ibm-plex-sans-500-vietnamese.woff2
-- public/v0.20.0/js/easyfaa.js
-homepage: https://design.easyfaa.com
+homepage: https://easyfaa.com/design
 licenses:
 - MIT
 metadata:
-  source_code_uri: https://github.com/easyfaa/design
-  changelog_uri: https://github.com/easyfaa/design/blob/main/CHANGELOG.md
+  source_code_uri: https://github.com/easyfaa/easyfaa/tree/main/design
+  changelog_uri: https://github.com/easyfaa/easyfaa/blob/main/design/CHANGELOG.md
   documentation_uri: https://rubydoc.info/gems/easyfaa
 rdoc_options: []
 require_paths:
@@ -251,14 +122,14 @@ 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:
   - - ">="
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 4.0.3
+rubygems_version: 4.0.20
 specification_version: 4
-summary: The front end every easyfaa app shares.
+summary: The front end every easyFAA app shares.
 test_files: []

data/app/views/layouts/easyfaa.html.erb

@@ -1,24 +0,0 @@
-<!DOCTYPE html>
-<html lang='en'>
-  <head>
-    <meta charset='utf-8'>
-    <title><%= content_for(:title) || Easyfaa.app %></title>
-    <%- if protect_against_forgery? -%>
-    <meta name='csrf-param' content='<%= request_forgery_protection_token %>'>
-    <meta name='csrf-token' content='<%= form_authenticity_token %>'>
-    <%- end -%>
-    <%- if (csp = csp_meta_tag) -%>
-    <%= csp %>
-    <%- end -%>
-    <%= easyfaa_head_tags content_for(:logo).presence || Easyfaa.app %>
-    <%- if content_for?(:head) -%>
-    <%= yield :head %>
-    <%- end -%>
-  </head>
-  <body class='house-page d-flex flex-column'>
-    <main class='container-fluid py-4 flex-grow-1 d-flex flex-column'>
-      <%= content_for?(:content) ? yield(:content) : yield %>
-    </main>
-    <%= toasts %>
-  </body>
-</html>

data/app/views/recourses/_head.html.erb

@@ -1,3 +0,0 @@
-<%= easyfaa_tags %>
-
-<%= easyfaa_icons %>

data/art/autopilot.svg

@@ -1,9 +0,0 @@
-<svg 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>

data/art/cube.svg

@@ -1,9 +0,0 @@
-<svg 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>

data/art/design.svg

@@ -1,8 +0,0 @@
-<svg 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>

data/art/down.html.erb

@@ -1,95 +0,0 @@
-<%# The page an app shows while it is down: its own mark and name in the middle, the house's
-    at the foot — or the house's alone, for an app not in the family — and nothing that
-    needs the app to be up — IBM Plex Sans and the icons from the design site, the two
-    blues written in. Rendered per app by `rake pages` into
-    public/down/<app>.html, and answered at /down.html by the engine once the host has named
-    itself in `Easyfaa.app`. -%>
-<!doctype html>
-<html lang='en'>
-  <head>
-    <meta charset='utf-8'>
-    <meta name='viewport' content='width=device-width, initial-scale=1'>
-    <title><%= app %></title>
-    <meta name='color-scheme' content='light dark'>
-    <link rel='icon' href='https://design.easyfaa.com/favicon/<%= app %>.svg' type='image/svg+xml'>
-    <link rel='icon' href='https://design.easyfaa.com/favicon/<%= app %>-96.png' type='image/png' sizes='96x96'>
-    <link rel='apple-touch-icon' href='https://design.easyfaa.com/favicon/<%= app %>-180.png'>
-    <style>
-      @font-face {
-        font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 500; font-display: swap;
-        src: url('https://design.easyfaa.com/font/ibm-plex-sans-500-vietnamese.woff2') format('woff2');
-        unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
-      }
-      @font-face {
-        font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 500; font-display: swap;
-        src: url('https://design.easyfaa.com/font/ibm-plex-sans-500-latin-ext.woff2') format('woff2');
-        unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
-      }
-      @font-face {
-        font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 500; font-display: swap;
-        src: url('https://design.easyfaa.com/font/ibm-plex-sans-500-latin.woff2') format('woff2');
-        unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-      }
-      :root {
-        --bg: #fbfcfe;
-        --ink: #0b1e3a;
-        --mark: #5aa9e6;
-      }
-      @media (prefers-color-scheme: dark) {
-        :root {
-          --bg: #0f1622;
-          --ink: #cfe3f6;
-        }
-      }
-      * { box-sizing: border-box; }
-      body {
-        margin: 0;
-        min-height: 100svh;
-        display: flex;
-        flex-direction: column;
-        background: var(--bg);
-        font-family: 'IBM Plex Sans', 'Helvetica Neue', Arial, sans-serif;
-        font-weight: 500;
-        letter-spacing: 0.01em;
-      }
-      main {
-        flex: 1;
-        display: grid;
-        place-items: center;
-      }
-      .lockup {
-        white-space: nowrap;
-        color: var(--ink);
-        line-height: 1;
-      }
-      /* The mark on the text baseline, sized and nudged by its own numbers, in ems so the
-         same pair reads right at both sizes on this page. */
-      .lockup svg {
-        position: relative;
-        vertical-align: baseline;
-        margin-right: 0.29em;
-      }
-      main .lockup { font-size: 48px; }
-      footer {
-        position: sticky;
-        bottom: 0;
-        background: var(--bg);
-        display: flex;
-        justify-content: center;
-        padding: 20px 0 26px;
-      }
-      footer .lockup { font-size: 20px; }
-      footer .easy { color: var(--mark); }
-    </style>
-  </head>
-  <body>
-    <main>
-      <p class='lockup'><%= mark[app] %><%= app == :easyfaa ? "<span class='easy'>easy</span>faa" : app %></p>
-    </main>
-<%- unless app == :easyfaa -%>
-    <footer>
-      <p class='lockup'><%= mark[:easyfaa] %><span class='easy'>easy</span>faa</p>
-    </footer>
-<%- end -%>
-  </body>
-</html>

data/art/easyfaa.svg

@@ -1,7 +0,0 @@
-<svg 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>

data/art/fountain.svg

@@ -1,9 +0,0 @@
-<svg 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>

data/art/goldrush.svg

@@ -1,7 +0,0 @@
-<svg 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>

data/art/houston.svg

@@ -1,8 +0,0 @@
-<svg 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>