RubyGems - easyfaa - Versions diffs - 0.20.0 - Mend

easyfaa 0.20.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (165) hide show

checksums.yaml +7 -0
data/CHANGELOG.md +558 -0
data/MIT-LICENSE +22 -0
data/README.md +256 -0
data/app/views/layouts/easyfaa.html.erb +24 -0
data/app/views/recourses/_head.html.erb +3 -0
data/art/autopilot.svg +9 -0
data/art/cube.svg +9 -0
data/art/design.svg +8 -0
data/art/down.html.erb +95 -0
data/art/easyfaa.svg +7 -0
data/art/fountain.svg +9 -0
data/art/goldrush.svg +7 -0
data/art/houston.svg +8 -0
data/art/icons.txt +185 -0
data/art/index.html.erb +157 -0
data/config/locales/easyfaa.en.yml +7 -0
data/lib/easyfaa/copy.rb +5 -0
data/lib/easyfaa/down.rb +19 -0
data/lib/easyfaa/engine.rb +53 -0
data/lib/easyfaa/helpers/flows.rb +53 -0
data/lib/easyfaa/helpers/heads.rb +60 -0
data/lib/easyfaa/helpers/logos.rb +43 -0
data/lib/easyfaa/helpers.rb +11 -0
data/lib/easyfaa/marks.rb +16 -0
data/lib/easyfaa/version.rb +4 -0
data/lib/easyfaa.rb +39 -0
data/public/404.html +118 -0
data/public/_headers +28 -0
data/public/bh/css/bh.css +1 -0
data/public/bh/js/bh.js +152 -0
data/public/bh/theme/bootstrap.css +10 -0
data/public/bh/theme/dawn.css +189 -0
data/public/bh/theme/dracula.css +189 -0
data/public/bh/theme/gruvbox.css +189 -0
data/public/bh/theme/monokai.css +190 -0
data/public/bh/theme/nord.css +189 -0
data/public/bh/theme/one_dark.css +189 -0
data/public/bh/theme/solarized.css +188 -0
data/public/bh/theme/tokyo_night.css +189 -0
data/public/css/easyfaa.css +1 -0
data/public/down/autopilot.html +87 -0
data/public/down/cube.html +87 -0
data/public/down/design.html +87 -0
data/public/down/easyfaa.html +84 -0
data/public/down/fountain.html +87 -0
data/public/down/goldrush.html +87 -0
data/public/down/houston.html +87 -0
data/public/favicon/autopilot-180.png +0 -0
data/public/favicon/autopilot-192.png +0 -0
data/public/favicon/autopilot-512.png +0 -0
data/public/favicon/autopilot-96.png +0 -0
data/public/favicon/autopilot-dev.svg +9 -0
data/public/favicon/autopilot.ico +0 -0
data/public/favicon/autopilot.svg +9 -0
data/public/favicon/autopilot.webmanifest +12 -0
data/public/favicon/cube-180.png +0 -0
data/public/favicon/cube-192.png +0 -0
data/public/favicon/cube-512.png +0 -0
data/public/favicon/cube-96.png +0 -0
data/public/favicon/cube-dev.svg +9 -0
data/public/favicon/cube.ico +0 -0
data/public/favicon/cube.svg +9 -0
data/public/favicon/cube.webmanifest +12 -0
data/public/favicon/design-180.png +0 -0
data/public/favicon/design-192.png +0 -0
data/public/favicon/design-512.png +0 -0
data/public/favicon/design-96.png +0 -0
data/public/favicon/design-dev.svg +8 -0
data/public/favicon/design.ico +0 -0
data/public/favicon/design.svg +8 -0
data/public/favicon/design.webmanifest +12 -0
data/public/favicon/easyfaa-180.png +0 -0
data/public/favicon/easyfaa-192.png +0 -0
data/public/favicon/easyfaa-512.png +0 -0
data/public/favicon/easyfaa-96.png +0 -0
data/public/favicon/easyfaa-dev.svg +7 -0
data/public/favicon/easyfaa.ico +0 -0
data/public/favicon/easyfaa.svg +7 -0
data/public/favicon/easyfaa.webmanifest +12 -0
data/public/favicon/fountain-180.png +0 -0
data/public/favicon/fountain-192.png +0 -0
data/public/favicon/fountain-512.png +0 -0
data/public/favicon/fountain-96.png +0 -0
data/public/favicon/fountain-dev.svg +9 -0
data/public/favicon/fountain.ico +0 -0
data/public/favicon/fountain.svg +9 -0
data/public/favicon/fountain.webmanifest +12 -0
data/public/favicon/goldrush-180.png +0 -0
data/public/favicon/goldrush-192.png +0 -0
data/public/favicon/goldrush-512.png +0 -0
data/public/favicon/goldrush-96.png +0 -0
data/public/favicon/goldrush-dev.svg +7 -0
data/public/favicon/goldrush.ico +0 -0
data/public/favicon/goldrush.svg +7 -0
data/public/favicon/goldrush.webmanifest +12 -0
data/public/favicon/houston-180.png +0 -0
data/public/favicon/houston-192.png +0 -0
data/public/favicon/houston-512.png +0 -0
data/public/favicon/houston-96.png +0 -0
data/public/favicon/houston-dev.svg +8 -0
data/public/favicon/houston.ico +0 -0
data/public/favicon/houston.svg +8 -0
data/public/favicon/houston.webmanifest +12 -0
data/public/favicon.ico +0 -0
data/public/font/bootstrap-icons-6LILWPE2.woff2 +0 -0
data/public/font/bootstrap-icons-FRBPO3H7.woff2 +0 -0
data/public/font/ibm-plex-sans-500-latin-LA7QXWWL.woff2 +0 -0
data/public/font/ibm-plex-sans-500-latin-ext-X4QHZICY.woff2 +0 -0
data/public/font/ibm-plex-sans-500-latin-ext.woff2 +0 -0
data/public/font/ibm-plex-sans-500-latin.woff2 +0 -0
data/public/font/ibm-plex-sans-500-vietnamese-24B6BSND.woff2 +0 -0
data/public/font/ibm-plex-sans-500-vietnamese.woff2 +0 -0
data/public/index.html +165 -0
data/public/js/easyfaa.js +1 -0
data/public/logo/autopilot.png +0 -0
data/public/logo/autopilot.svg +9 -0
data/public/logo/cube.png +0 -0
data/public/logo/cube.svg +9 -0
data/public/logo/design.png +0 -0
data/public/logo/design.svg +8 -0
data/public/logo/easyfaa.png +0 -0
data/public/logo/easyfaa.svg +7 -0
data/public/logo/fountain.png +0 -0
data/public/logo/fountain.svg +9 -0
data/public/logo/goldrush.png +0 -0
data/public/logo/goldrush.svg +7 -0
data/public/logo/houston.png +0 -0
data/public/logo/houston.svg +8 -0
data/public/page/400.html +118 -0
data/public/page/404.html +118 -0
data/public/page/406-unsupported-browser.html +118 -0
data/public/page/422.html +118 -0
data/public/page/500.html +118 -0
data/public/site.webmanifest +12 -0
data/public/theme/bootstrap.css +10 -0
data/public/theme/dawn.css +189 -0
data/public/theme/dracula.css +189 -0
data/public/theme/gruvbox.css +189 -0
data/public/theme/monokai.css +190 -0
data/public/theme/nord.css +189 -0
data/public/theme/one_dark.css +189 -0
data/public/theme/solarized.css +188 -0
data/public/theme/tokyo_night.css +189 -0
data/public/v0.20.0/bh/css/bh.css +1 -0
data/public/v0.20.0/bh/js/bh.js +152 -0
data/public/v0.20.0/bh/theme/bootstrap.css +10 -0
data/public/v0.20.0/bh/theme/dawn.css +189 -0
data/public/v0.20.0/bh/theme/dracula.css +189 -0
data/public/v0.20.0/bh/theme/gruvbox.css +189 -0
data/public/v0.20.0/bh/theme/monokai.css +190 -0
data/public/v0.20.0/bh/theme/nord.css +189 -0
data/public/v0.20.0/bh/theme/one_dark.css +189 -0
data/public/v0.20.0/bh/theme/solarized.css +188 -0
data/public/v0.20.0/bh/theme/tokyo_night.css +189 -0
data/public/v0.20.0/css/easyfaa.css +1 -0
data/public/v0.20.0/font/bootstrap-icons-FRBPO3H7.woff2 +0 -0
data/public/v0.20.0/font/ibm-plex-sans-500-latin-LA7QXWWL.woff2 +0 -0
data/public/v0.20.0/font/ibm-plex-sans-500-latin-ext-X4QHZICY.woff2 +0 -0
data/public/v0.20.0/font/ibm-plex-sans-500-latin-ext.woff2 +0 -0
data/public/v0.20.0/font/ibm-plex-sans-500-latin.woff2 +0 -0
data/public/v0.20.0/font/ibm-plex-sans-500-vietnamese-24B6BSND.woff2 +0 -0
data/public/v0.20.0/font/ibm-plex-sans-500-vietnamese.woff2 +0 -0
data/public/v0.20.0/js/easyfaa.js +1 -0
metadata +264 -0

data/public/page/404.html ADDED Viewed

@@ -0,0 +1,118 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>The page you were looking for doesn't exist (404 Not found)</title>
+    <meta name="color-scheme" content="light dark">
+    <link rel="icon" href="/favicon.ico" sizes="32x32">
+    <link rel="icon" href="/icon.svg" type="image/svg+xml">
+    <link rel="apple-touch-icon" href="/apple-touch-icon.png">
+    <link rel="manifest" href="/site.webmanifest">
+    <style>
+      @font-face {
+        font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 500; font-display: swap;
+        src: url('/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('/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('/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;
+        --muted: #5c6c84;
+      }
+      @media (prefers-color-scheme: dark) {
+        :root {
+          --bg: #0f1622;
+          --ink: #cfe3f6;
+          --muted: #8698af;
+        }
+      }
+      * { 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: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        padding: 40px 24px;
+        text-align: center;
+      }
+      .lockup {
+        white-space: nowrap;
+        max-width: 100%;
+        color: var(--ink);
+        line-height: 1;
+        margin: 0;
+      }
+      .lockup svg {
+        position: relative;
+        vertical-align: baseline;
+      }
+      main .lockup {
+        font-size: clamp(1.5rem, 5.5vw, 2.5rem);
+        font-weight: 500;
+        /* The longest heading is wider than a phone, so let it wrap rather than
+           overflow; the mark stays attached to the status code on the first line. */
+        white-space: normal;
+        text-wrap: balance;
+        line-height: 1.25;
+      }
+      main .lockup svg {
+        width: 1.0073em; height: 1.0073em;
+        top: 0.1337em;
+        margin-right: 0.1327em;
+      }
+      main p {
+        margin: 22px 0 0;
+        color: var(--muted);
+        font-size: 1rem;
+        line-height: 1.6;
+      }
+      footer {
+        position: sticky;
+        bottom: 0;
+        background: var(--bg);
+        display: flex;
+        justify-content: center;
+        padding: 20px 0 26px;
+      }
+      footer .lockup { font-size: 20px; }
+      footer .lockup svg {
+        width: 16px; height: 16px;
+        top: 3.2px;
+        margin-right: 4.2px;
+      }
+      footer .easy { color: var(--mark); }
+    </style>
+  </head>
+  <body>
+    <main>
+      <h1 class="lockup"><svg viewBox="0 0 512 512" aria-hidden="true"><g fill="none" stroke="#5aa9e6" stroke-width="28" stroke-linecap="round"><path d="M251.4 235.6 C254.8 239.8 256.5 246.9 254 254.2 C251.6 261.5 245 268.8 235.4 272.3 C225.8 275.7 213.3 275.1 202.2 268.8 C191 262.6 181.5 250.6 178.1 235.6 C174.6 220.6 177.5 202.7 187.6 187.7 C197.6 172.8 215 161 235.4 157.6 C255.8 154.1 279.1 159.2 297.9 173.1 C316.6 187 330.6 209.8 334.1 235.6 C337.5 261.4 330.2 290.1 312.5 312.7 C294.7 335.3 266.6 351.5 235.4 354.9 C204.2 358.4 170.2 348.8 143.7 327.3 C117.3 305.7 98.8 272.2 95.4 235.6 C92 198.9 103.7 159.6 129.1 129.3 C154.5 99 193.3 78.4 235.4 74.9 C277.5 71.5 322.2 85.5 356.3 114.7 C390.4 143.9 413.3 188.1 416.7 235.6 C420.2 283.1 404 333.2 370.9 371.1 C337.9 409 288.3 434.1 235.4 437.6"/></g></svg>404 Not found</h1>
+      <p>You may have mistyped the address or the page may have moved.</p>
+    </main>
+    <footer>
+      <p class="lockup"><svg viewBox="0 0 512 512" aria-hidden="true"><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</p>
+    </footer>
+  </body>
+</html>

data/public/page/406-unsupported-browser.html ADDED Viewed

@@ -0,0 +1,118 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>Your browser is not supported (406 Not Acceptable)</title>
+    <meta name="color-scheme" content="light dark">
+    <link rel="icon" href="/favicon.ico" sizes="32x32">
+    <link rel="icon" href="/icon.svg" type="image/svg+xml">
+    <link rel="apple-touch-icon" href="/apple-touch-icon.png">
+    <link rel="manifest" href="/site.webmanifest">
+    <style>
+      @font-face {
+        font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 500; font-display: swap;
+        src: url('/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('/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('/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;
+        --muted: #5c6c84;
+      }
+      @media (prefers-color-scheme: dark) {
+        :root {
+          --bg: #0f1622;
+          --ink: #cfe3f6;
+          --muted: #8698af;
+        }
+      }
+      * { 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: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        padding: 40px 24px;
+        text-align: center;
+      }
+      .lockup {
+        white-space: nowrap;
+        max-width: 100%;
+        color: var(--ink);
+        line-height: 1;
+        margin: 0;
+      }
+      .lockup svg {
+        position: relative;
+        vertical-align: baseline;
+      }
+      main .lockup {
+        font-size: clamp(1.5rem, 5.5vw, 2.5rem);
+        font-weight: 500;
+        /* The longest heading is wider than a phone, so let it wrap rather than
+           overflow; the mark stays attached to the status code on the first line. */
+        white-space: normal;
+        text-wrap: balance;
+        line-height: 1.25;
+      }
+      main .lockup svg {
+        width: 1.0073em; height: 1.0073em;
+        top: 0.1337em;
+        margin-right: 0.1327em;
+      }
+      main p {
+        margin: 22px 0 0;
+        color: var(--muted);
+        font-size: 1rem;
+        line-height: 1.6;
+      }
+      footer {
+        position: sticky;
+        bottom: 0;
+        background: var(--bg);
+        display: flex;
+        justify-content: center;
+        padding: 20px 0 26px;
+      }
+      footer .lockup { font-size: 20px; }
+      footer .lockup svg {
+        width: 16px; height: 16px;
+        top: 3.2px;
+        margin-right: 4.2px;
+      }
+      footer .easy { color: var(--mark); }
+    </style>
+  </head>
+  <body>
+    <main>
+      <h1 class="lockup"><svg viewBox="0 0 512 512" aria-hidden="true"><g fill="none" stroke="#5aa9e6" stroke-width="28" stroke-linecap="round"><path d="M251.4 235.6 C254.8 239.8 256.5 246.9 254 254.2 C251.6 261.5 245 268.8 235.4 272.3 C225.8 275.7 213.3 275.1 202.2 268.8 C191 262.6 181.5 250.6 178.1 235.6 C174.6 220.6 177.5 202.7 187.6 187.7 C197.6 172.8 215 161 235.4 157.6 C255.8 154.1 279.1 159.2 297.9 173.1 C316.6 187 330.6 209.8 334.1 235.6 C337.5 261.4 330.2 290.1 312.5 312.7 C294.7 335.3 266.6 351.5 235.4 354.9 C204.2 358.4 170.2 348.8 143.7 327.3 C117.3 305.7 98.8 272.2 95.4 235.6 C92 198.9 103.7 159.6 129.1 129.3 C154.5 99 193.3 78.4 235.4 74.9 C277.5 71.5 322.2 85.5 356.3 114.7 C390.4 143.9 413.3 188.1 416.7 235.6 C420.2 283.1 404 333.2 370.9 371.1 C337.9 409 288.3 434.1 235.4 437.6"/></g></svg>406 Not acceptable</h1>
+      <p>Please upgrade your browser to continue.</p>
+    </main>
+    <footer>
+      <p class="lockup"><svg viewBox="0 0 512 512" aria-hidden="true"><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</p>
+    </footer>
+  </body>
+</html>

data/public/page/422.html ADDED Viewed

@@ -0,0 +1,118 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>The change you wanted was rejected (422 Unprocessable Entity)</title>
+    <meta name="color-scheme" content="light dark">
+    <link rel="icon" href="/favicon.ico" sizes="32x32">
+    <link rel="icon" href="/icon.svg" type="image/svg+xml">
+    <link rel="apple-touch-icon" href="/apple-touch-icon.png">
+    <link rel="manifest" href="/site.webmanifest">
+    <style>
+      @font-face {
+        font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 500; font-display: swap;
+        src: url('/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('/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('/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;
+        --muted: #5c6c84;
+      }
+      @media (prefers-color-scheme: dark) {
+        :root {
+          --bg: #0f1622;
+          --ink: #cfe3f6;
+          --muted: #8698af;
+        }
+      }
+      * { 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: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        padding: 40px 24px;
+        text-align: center;
+      }
+      .lockup {
+        white-space: nowrap;
+        max-width: 100%;
+        color: var(--ink);
+        line-height: 1;
+        margin: 0;
+      }
+      .lockup svg {
+        position: relative;
+        vertical-align: baseline;
+      }
+      main .lockup {
+        font-size: clamp(1.5rem, 5.5vw, 2.5rem);
+        font-weight: 500;
+        /* The longest heading is wider than a phone, so let it wrap rather than
+           overflow; the mark stays attached to the status code on the first line. */
+        white-space: normal;
+        text-wrap: balance;
+        line-height: 1.25;
+      }
+      main .lockup svg {
+        width: 1.0073em; height: 1.0073em;
+        top: 0.1337em;
+        margin-right: 0.1327em;
+      }
+      main p {
+        margin: 22px 0 0;
+        color: var(--muted);
+        font-size: 1rem;
+        line-height: 1.6;
+      }
+      footer {
+        position: sticky;
+        bottom: 0;
+        background: var(--bg);
+        display: flex;
+        justify-content: center;
+        padding: 20px 0 26px;
+      }
+      footer .lockup { font-size: 20px; }
+      footer .lockup svg {
+        width: 16px; height: 16px;
+        top: 3.2px;
+        margin-right: 4.2px;
+      }
+      footer .easy { color: var(--mark); }
+    </style>
+  </head>
+  <body>
+    <main>
+      <h1 class="lockup"><svg viewBox="0 0 512 512" aria-hidden="true"><g fill="none" stroke="#5aa9e6" stroke-width="28" stroke-linecap="round"><path d="M251.4 235.6 C254.8 239.8 256.5 246.9 254 254.2 C251.6 261.5 245 268.8 235.4 272.3 C225.8 275.7 213.3 275.1 202.2 268.8 C191 262.6 181.5 250.6 178.1 235.6 C174.6 220.6 177.5 202.7 187.6 187.7 C197.6 172.8 215 161 235.4 157.6 C255.8 154.1 279.1 159.2 297.9 173.1 C316.6 187 330.6 209.8 334.1 235.6 C337.5 261.4 330.2 290.1 312.5 312.7 C294.7 335.3 266.6 351.5 235.4 354.9 C204.2 358.4 170.2 348.8 143.7 327.3 C117.3 305.7 98.8 272.2 95.4 235.6 C92 198.9 103.7 159.6 129.1 129.3 C154.5 99 193.3 78.4 235.4 74.9 C277.5 71.5 322.2 85.5 356.3 114.7 C390.4 143.9 413.3 188.1 416.7 235.6 C420.2 283.1 404 333.2 370.9 371.1 C337.9 409 288.3 434.1 235.4 437.6"/></g></svg>422 Unprocessable entity</h1>
+      <p>Maybe you tried to change something you didn't have access to.</p>
+    </main>
+    <footer>
+      <p class="lockup"><svg viewBox="0 0 512 512" aria-hidden="true"><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</p>
+    </footer>
+  </body>
+</html>

data/public/page/500.html ADDED Viewed

@@ -0,0 +1,118 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>We're sorry, but something went wrong (500 Internal Server Error)</title>
+    <meta name="color-scheme" content="light dark">
+    <link rel="icon" href="/favicon.ico" sizes="32x32">
+    <link rel="icon" href="/icon.svg" type="image/svg+xml">
+    <link rel="apple-touch-icon" href="/apple-touch-icon.png">
+    <link rel="manifest" href="/site.webmanifest">
+    <style>
+      @font-face {
+        font-family: 'IBM Plex Sans'; font-style: normal; font-weight: 500; font-display: swap;
+        src: url('/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('/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('/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;
+        --muted: #5c6c84;
+      }
+      @media (prefers-color-scheme: dark) {
+        :root {
+          --bg: #0f1622;
+          --ink: #cfe3f6;
+          --muted: #8698af;
+        }
+      }
+      * { 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: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        padding: 40px 24px;
+        text-align: center;
+      }
+      .lockup {
+        white-space: nowrap;
+        max-width: 100%;
+        color: var(--ink);
+        line-height: 1;
+        margin: 0;
+      }
+      .lockup svg {
+        position: relative;
+        vertical-align: baseline;
+      }
+      main .lockup {
+        font-size: clamp(1.5rem, 5.5vw, 2.5rem);
+        font-weight: 500;
+        /* The longest heading is wider than a phone, so let it wrap rather than
+           overflow; the mark stays attached to the status code on the first line. */
+        white-space: normal;
+        text-wrap: balance;
+        line-height: 1.25;
+      }
+      main .lockup svg {
+        width: 1.0073em; height: 1.0073em;
+        top: 0.1337em;
+        margin-right: 0.1327em;
+      }
+      main p {
+        margin: 22px 0 0;
+        color: var(--muted);
+        font-size: 1rem;
+        line-height: 1.6;
+      }
+      footer {
+        position: sticky;
+        bottom: 0;
+        background: var(--bg);
+        display: flex;
+        justify-content: center;
+        padding: 20px 0 26px;
+      }
+      footer .lockup { font-size: 20px; }
+      footer .lockup svg {
+        width: 16px; height: 16px;
+        top: 3.2px;
+        margin-right: 4.2px;
+      }
+      footer .easy { color: var(--mark); }
+    </style>
+  </head>
+  <body>
+    <main>
+      <h1 class="lockup"><svg viewBox="0 0 512 512" aria-hidden="true"><g fill="none" stroke="#5aa9e6" stroke-width="28" stroke-linecap="round"><path d="M251.4 235.6 C254.8 239.8 256.5 246.9 254 254.2 C251.6 261.5 245 268.8 235.4 272.3 C225.8 275.7 213.3 275.1 202.2 268.8 C191 262.6 181.5 250.6 178.1 235.6 C174.6 220.6 177.5 202.7 187.6 187.7 C197.6 172.8 215 161 235.4 157.6 C255.8 154.1 279.1 159.2 297.9 173.1 C316.6 187 330.6 209.8 334.1 235.6 C337.5 261.4 330.2 290.1 312.5 312.7 C294.7 335.3 266.6 351.5 235.4 354.9 C204.2 358.4 170.2 348.8 143.7 327.3 C117.3 305.7 98.8 272.2 95.4 235.6 C92 198.9 103.7 159.6 129.1 129.3 C154.5 99 193.3 78.4 235.4 74.9 C277.5 71.5 322.2 85.5 356.3 114.7 C390.4 143.9 413.3 188.1 416.7 235.6 C420.2 283.1 404 333.2 370.9 371.1 C337.9 409 288.3 434.1 235.4 437.6"/></g></svg>500 Internal server error</h1>
+      <p>Our developers have been alerted and are working on a fix.</p>
+    </main>
+    <footer>
+      <p class="lockup"><svg viewBox="0 0 512 512" aria-hidden="true"><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</p>
+    </footer>
+  </body>
+</html>

data/public/site.webmanifest ADDED Viewed

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

data/public/theme/bootstrap.css ADDED Viewed

@@ -0,0 +1,10 @@
+/* Bootstrap's own palette, and the only file here that declares nothing.
+   The eight beside it work by overriding upstream's `:root`, so having upstream's
+   palette back is a matter of dropping their block rather than of writing one — and
+   swapping this link in is how a toggle drops it. Linking no palette at all and linking
+   this one are the same look by two routes.
+   It is named so the toggle can reach it. A reader who rotates through nine palettes
+   and never finds the one the pages started in has been shown a door with no handle
+   on the inside. */