hot_docs 0.0.0

data/website/app/assets/stylesheets/website.css

@@ -0,0 +1,245 @@
+:root {
+  --docs-background-active-color: #d9d9d9;
+  --docs-background-color: #e9e9e9;
+  --docs-border-color: #dadada;
+  --docs-code-background-color: #eee;
+  --docs-code-border-color: #00000022;
+  --docs-text-color: #1c1e21;
+}
+
+[data-theme=dark]:root {
+  --docs-background-active-color: #5a5a5a;
+  --docs-background-color: #444444;
+  --docs-border-color: #535353;
+  --docs-code-background-color: #2b2b2b;
+  --docs-code-border-color: #ffffff22;
+  --docs-text-color: #e3e1de;
+}
+
+.article {
+  color: var(--docs-text-color);
+
+  .supertitle {
+    font-size: 1.25rem;
+    font-style: italic;
+    margin-bottom: 0;
+    margin-top: 2rem;
+    text-align: center;
+  }
+
+  .title {
+    font-size: 3.5rem;
+    line-height: 4rem;
+    margin-block: 0;
+    text-align: center;
+  }
+
+  .subtitle {
+    display: flex;
+    flex-direction: column;
+    font-size: 1.25rem;
+    column-gap: 0.5ch;
+    justify-content: center;
+    margin-top: 1rem;
+    text-align: center;
+
+    @media (min-width: 32rem) {
+      flex-direction: row;
+    }
+  }
+
+  .subtitle__fixed {
+    margin: 0;
+  }
+
+  .subtitle__typewriter {
+    align-self: center;
+    border-right: 0.08em solid var(--docs-text-color);
+    font-weight: bold;
+    margin: 0;
+    white-space: pre;
+  }
+
+  .logo {
+    display: block;
+    height: 10rem;
+    margin-block: 5rem;
+    margin-inline: auto;
+    width: 10rem;
+  }
+
+  .actions {
+    align-items: center;
+    display: flex;
+    flex-direction: column;
+    gap: 0.5rem;
+    margin-block: 5rem;
+  }
+
+  .actions__buttons {
+    gap: 1rem;
+    display: flex;
+    justify-content: center;
+  }
+
+  .actions__button {
+    background-color: var(--docs-background-color);
+    border-radius: 0.375rem;
+    color: var(--docs-text-color);
+    display: flex;
+    flex-direction: column;
+    font-weight: bold;
+    padding: 0.5rem 1rem;
+    text-align: center;
+    text-decoration: none;
+
+    &:hover {
+      background-color: var(--docs-background-active-color);
+    }
+  }
+
+  .actions__footnote {
+    font-size: 0.8rem;
+    margin: 0;
+  }
+
+  .benefits {
+    container-type: inline-size;
+    margin-block: 10rem;
+  }
+
+  .benefits__cards {
+    column-gap: 5rem;
+    display: flex;
+    flex-direction: column;
+    justify-content: space-between;
+
+    @container (min-width: 35rem) {
+      flex-direction: row;
+      row-gap: 1rem;
+    }
+  }
+
+  .benefits__card {
+    flex: 1 0 0;
+  }
+
+  .benefits__card-title {
+    font-weight: bold;
+  }
+
+  .comparison {
+    margin-block: 10rem;
+  }
+
+  .comparison__table-wrapper {
+    overflow-x: auto;
+  }
+
+  .comparison__table {
+    border-collapse: collapse;
+    white-space: nowrap;
+    width: 100%;
+  }
+
+  .comparison__table tr:nth-child(even) {
+    background-color: var(--docs-background-color);
+  }
+
+  .comparison__table th, .comparison__table td {
+    border: 1px solid var(--docs-border-color);
+    padding: 0.5rem;
+    table-layout: fixed;
+  }
+
+  .comparison__what {
+    text-align: left;
+  }
+
+  .comparison__who {
+    text-align: center;
+    min-width: 7rem;
+  }
+
+  .comparison__note {
+    font-size: 0.8rem;
+  }
+
+  .comparison__how {
+    text-align: center;
+  }
+
+  a {
+    color: var(--docs-text-color);
+
+    &:has(code) {
+      text-underline-position: under;
+      text-decoration-thickness: 1px;
+    }
+  }
+
+  h1 {
+    font-size: 2rem;
+  }
+
+  h2 code {
+    font-size: 1.5rem;
+  }
+
+  .screenshot {
+    max-width: 400px;
+  }
+
+  .screenshot--desktop {
+    max-width: 600px;
+  }
+
+  .screenshot__image {
+    border-radius: 0.375rem;
+    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
+    height: auto;
+    width: 100%;
+  }
+
+  hr {
+    border: 0;
+    border-top: 1px solid var(--docs-border-color);
+  }
+
+  pre {
+    overflow-x: auto;
+    -webkit-overflow-scrolling: touch;
+    margin-bottom: 1rem;
+    margin-left: 0;
+    width: 100%;
+    border-radius: .375rem;
+    box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);;
+    scrollbar-color: hsla(0,0%,0%,0.1) transparent;
+  }
+
+  code {
+    background: var(--docs-code-background-color);
+    border: .1rem solid var(--docs-code-border-color);
+    border-radius: 0.375rem;
+    display: inline;
+    font-size: 0.8rem;
+    overflow-x: auto;
+    overflow: auto;
+    padding: 0.1rem 0.2rem;
+    word-break: break-word;
+  }
+
+  pre code {
+    border: none;
+    display: block;
+    padding: 1em;
+  }
+
+  .imagemap {
+    display: none;
+
+    @media (min-width: 64rem) {
+      display: initial;
+    }
+  }
+}

data/website/app/controllers/application_controller.rb

@@ -0,0 +1,4 @@
+class ApplicationController < ActionController::Base
+  # Only allow modern browsers supporting webp images, web push, badges, import maps, CSS nesting, and CSS :has.
+  allow_browser versions: :modern
+end

data/website/app/controllers/hot_docs_controller.rb

@@ -0,0 +1,3 @@
+class HotDocsController < ApplicationController
+  layout "website"
+end

data/website/app/helpers/application_helper.rb

@@ -0,0 +1,25 @@
+module ApplicationHelper
+  def website_menu_items
+    [
+      { label: "Welcome", url: root_path },
+      {
+        label: "Quickstart", url: quickstart_path, children: [
+          { label: "Embedded", url: embedded_path },
+          { label: "Standalone", url: standalone_path }
+        ]
+      },
+      { label: "Markdown", url: markdown_path },
+      { label: "Static export", url: static_export_path },
+      {
+        label: "Components", url: components_path, children: [
+          { label: "Nav / Sidenav", url: nav_path },
+          { label: "Table of contents", url: toc_path },
+          { label: "Search", url: search_path },
+          { label: "Light / Dark", url: light_dark_path },
+          { label: "Footer", url: footer_path },
+          { label: "Helpers", url: helpers_path }
+        ]
+      }
+    ]
+  end
+end

data/website/app/helpers/hot_docs_helper.rb

@@ -0,0 +1,99 @@
+module HotDocsHelper
+  def active_link_to(name = nil, options = nil, html_options = nil, &block)
+    if options.is_a?(String) && active_link?(options)
+      html_options = html_options.to_h.merge(class: "active") do |_, old, new|
+        [ *Array(old), new ].join(" ")
+      end
+      link_to(name, options, html_options, &block)
+    else
+      link_to(name, options, html_options, &block)
+    end
+  end
+
+  def external_link_to(name = nil, options = nil, html_options = nil)
+    default_html_options = {
+      class: "external-link",
+      target: "_blank",
+      rel: [ "noopener", "noreferrer" ]
+    }
+
+    html_options = html_options.to_h.merge(default_html_options) do |_, old, new|
+      [ *Array(old), *Array(new) ].join(" ")
+    end
+
+    link_to(options, html_options) do
+      concat(content_tag(:span, name))
+
+      concat(<<~SVG.html_safe)
+        <svg aria-hidden="true" viewBox="0 0 24 24" class="external-link__icon">
+          <path fill="currentColor" d="M21 13v10h-21v-19h12v2h-10v15h17v-8h2zm3-12h-10.988l4.035 4-6.977 7.07 2.828 2.828 6.977-7.07 4.125 4.172v-11z"></path>
+        </svg>
+      SVG
+    end
+  end
+
+  def active_link?(url)
+    request.path == url
+  end
+
+  def nav_left_items(classes)
+    require "ostruct"
+
+    [
+      active_link_to("Docs", root_path, class: Array(classes))
+    ]
+  end
+
+  def nav_right_items(classes)
+    require "ostruct"
+
+    [
+      external_link_to("GitHub", "https://github.com/3v0k4/hot_docs", class: Array(classes))
+    ]
+  end
+
+  # { label: "", url: *_path, children: [], expanded: false/true }
+  def menu_items
+    [
+      { label: "Page", url: hot_docs_page_path }
+    ]
+  end
+
+  def menu(items = menu_items)
+    menu_r(compute_menu(items))
+  end
+
+  def compute_menu(items)
+    compute_menu_r(items).first
+  end
+
+  private
+
+  def compute_menu_r(items)
+    return [ [], false ] if items.nil?
+
+    new_items = items.map do |item|
+      children, expanded_below = compute_menu_r(item[:children])
+      active = active_link?(item.fetch(:url))
+      expanded = expanded_below || item[:expanded] || active
+      { **item, expanded: expanded, children: children }
+    end
+
+    [ new_items, new_items.any? { _1[:expanded] } ]
+  end
+
+  def menu_r(items)
+    return nil if items.size == 0
+
+    content_tag(:ul, class: "menu__section") do
+      items.each do |item|
+        concat(content_tag(:li) do
+          locals = { expanded: item.fetch(:expanded), label: item.fetch(:label), url: item.fetch(:url) }
+          concat(render partial: "hot_docs/menu_row", locals: locals)
+
+          concat(menu_r(item.fetch(:children)))
+        end)
+      end
+    end
+  end
+end

data/website/app/javascript/application.js

@@ -0,0 +1,3 @@
+// Configure your import map in config/importmap.rb. Read more: https://github.com/rails/importmap-rails
+import "@hotwired/turbo-rails"
+import "controllers"

data/website/app/javascript/controllers/accordion_controller.js

@@ -0,0 +1,36 @@
+import { Controller } from "@hotwired/stimulus";
+
+export default class extends Controller {
+  static values = {
+    expanded: Boolean,
+    expandedClass: String,
+    collapsedAriaLabel: String,
+    expandedAriaLabel: String,
+  };
+
+  static targets = ["toggle"];
+
+  connect() {
+    this._setStatus();
+
+    if (this.expandedValue) {
+      this.element.classList.add(this.expandedClassValue);
+    }
+  }
+
+  toggle() {
+    this.expandedValue = !this.expandedValue;
+    this._setStatus();
+    this.element.classList.toggle(this.expandedClassValue);
+  }
+
+  _setStatus() {
+    if (this.expandedValue) {
+      this.toggleTarget.ariaExpanded = true;
+      this.toggleTarget.ariaLabel = this.expandedAriaLabelValue;
+    } else {
+      this.toggleTarget.ariaExpanded = false;
+      this.toggleTarget.ariaLabel = this.collapsedAriaLabelValue;
+    }
+  }
+}

data/website/app/javascript/controllers/application.js

@@ -0,0 +1,9 @@
+import { Application } from "@hotwired/stimulus"
+
+const application = Application.start()
+
+// Configure Stimulus development experience
+application.debug = false
+window.Stimulus   = application
+
+export { application }

data/website/app/javascript/controllers/index.js

@@ -0,0 +1,4 @@
+// Import and register all your controllers from the importmap via controllers/**/*_controller
+import { application } from "controllers/application"
+import { eagerLoadControllersFrom } from "@hotwired/stimulus-loading"
+eagerLoadControllersFrom("controllers", application)

data/website/app/javascript/controllers/sidenav_controller.js

@@ -0,0 +1,39 @@
+import { Controller } from "@hotwired/stimulus";
+
+export default class extends Controller {
+  static targets = ["sections"];
+
+  static values = {
+    openClass: String,
+    mainSectionClass: String,
+  };
+
+  open(event) {
+    this.opener = event.currentTarget;
+    this.opener.ariaExpanded = true;
+    this._toggleOpen();
+  }
+
+  close() {
+    this._toggleOpen();
+    this.opener.ariaExpanded = false;
+    if (this.resetSection) {
+      this.resetSection();
+      this.resetSection = null;
+    }
+  }
+
+  back() {
+    this.sectionsTarget.classList.add(this.mainSectionClassValue);
+    this.resetSection = () => {
+      setTimeout(
+        () => this.sectionsTarget.classList.remove(this.mainSectionClassValue),
+        200 // Give time to the CSS transition to finish
+      );
+    };
+  }
+
+  _toggleOpen(event) {
+    document.body.classList.toggle(this.openClassValue);
+  }
+}

data/website/app/javascript/controllers/toc_controller.js

@@ -0,0 +1,91 @@
+import { Controller } from "@hotwired/stimulus";
+
+export default class extends Controller {
+  // `templates`s must contain an `<a>`
+  static targets = [
+    "article",
+    "sidetoc",
+    "sidetocTemplate",
+    "toc",
+    "tocTemplate",
+  ];
+
+  connect() {
+    this._slugHeadings();
+    this._createEntries();
+    this._trackActiveEntry();
+  }
+
+  _slugHeadings() {
+    this._headings().forEach((heading) => {
+      if (heading.id !== "") {
+        return;
+      }
+
+      heading.id = slug(heading.innerText);
+    });
+  }
+
+  _createEntries() {
+    this._headings().forEach((heading) => {
+      const a = this._createEntry(
+        heading,
+        this.sidetocTemplateTarget,
+        this.sidetocTarget
+      );
+      a.id = `toc-${heading.id}`;
+
+      this._createEntry(heading, this.tocTemplateTarget, this.tocTarget);
+    });
+  }
+
+  _createEntry(heading, templateTarget, tocTarget) {
+    const clone = templateTarget.content.cloneNode(true);
+    const a = clone.querySelector("a");
+    a.classList.add(heading.tagName.toLowerCase());
+    a.href = `#${heading.id}`;
+    a.innerHTML = heading.innerHTML;
+    tocTarget.appendChild(clone);
+    return a;
+  }
+
+  _trackActiveEntry() {
+    const callback = (entries) => {
+      entries.forEach((entry) => {
+        if (!entry.isIntersecting) {
+          return;
+        }
+        this.sidetocTarget.querySelectorAll("a").forEach((a) => {
+          a.classList.remove("active");
+        });
+        this.sidetocTarget
+          .querySelector(`#toc-${entry.target.id}`)
+          .classList.add("active");
+      });
+    };
+    const options = { threshold: 1.0, rootMargin: "0px 0px -75% 0px" };
+    const observer = new IntersectionObserver(callback, options);
+
+    this._headings().forEach((heading) => {
+      observer.observe(heading);
+    });
+  }
+
+  _headings() {
+    return this.articleTarget.querySelectorAll("h1, h2, h3, h4, h5, h6");
+  }
+}
+
+// Copyright (c) 2015, Dan Flettre <fletd01@yahoo.com>
+//
+// Permission to use, copy, modify, and/or distribute this software for any purpose with or without fee is hereby granted, provided that the above copyright notice and this permission notice appear in all copies.
+//
+// THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT, INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR PERFORMANCE OF THIS SOFTWARE.
+//
+// https://github.com/Flet/github-slugger
+
+const REGEX =
+  /[\0-\x1F!-,\.\/:-@\[-\^`\{-\xA9\xAB-\xB4\xB6-\xB9\xBB-\xBF\xD7\xF7\u02C2-\u02C5\u02D2-\u02DF\u02E5-\u02EB\u02ED\u02EF-\u02FF\u0375\u0378\u0379\u037E\u0380-\u0385\u0387\u038B\u038D\u03A2\u03F6\u0482\u0530\u0557\u0558\u055A-\u055F\u0589-\u0590\u05BE\u05C0\u05C3\u05C6\u05C8-\u05CF\u05EB-\u05EE\u05F3-\u060F\u061B-\u061F\u066A-\u066D\u06D4\u06DD\u06DE\u06E9\u06FD\u06FE\u0700-\u070F\u074B\u074C\u07B2-\u07BF\u07F6-\u07F9\u07FB\u07FC\u07FE\u07FF\u082E-\u083F\u085C-\u085F\u086B-\u089F\u08B5\u08C8-\u08D2\u08E2\u0964\u0965\u0970\u0984\u098D\u098E\u0991\u0992\u09A9\u09B1\u09B3-\u09B5\u09BA\u09BB\u09C5\u09C6\u09C9\u09CA\u09CF-\u09D6\u09D8-\u09DB\u09DE\u09E4\u09E5\u09F2-\u09FB\u09FD\u09FF\u0A00\u0A04\u0A0B-\u0A0E\u0A11\u0A12\u0A29\u0A31\u0A34\u0A37\u0A3A\u0A3B\u0A3D\u0A43-\u0A46\u0A49\u0A4A\u0A4E-\u0A50\u0A52-\u0A58\u0A5D\u0A5F-\u0A65\u0A76-\u0A80\u0A84\u0A8E\u0A92\u0AA9\u0AB1\u0AB4\u0ABA\u0ABB\u0AC6\u0ACA\u0ACE\u0ACF\u0AD1-\u0ADF\u0AE4\u0AE5\u0AF0-\u0AF8\u0B00\u0B04\u0B0D\u0B0E\u0B11\u0B12\u0B29\u0B31\u0B34\u0B3A\u0B3B\u0B45\u0B46\u0B49\u0B4A\u0B4E-\u0B54\u0B58-\u0B5B\u0B5E\u0B64\u0B65\u0B70\u0B72-\u0B81\u0B84\u0B8B-\u0B8D\u0B91\u0B96-\u0B98\u0B9B\u0B9D\u0BA0-\u0BA2\u0BA5-\u0BA7\u0BAB-\u0BAD\u0BBA-\u0BBD\u0BC3-\u0BC5\u0BC9\u0BCE\u0BCF\u0BD1-\u0BD6\u0BD8-\u0BE5\u0BF0-\u0BFF\u0C0D\u0C11\u0C29\u0C3A-\u0C3C\u0C45\u0C49\u0C4E-\u0C54\u0C57\u0C5B-\u0C5F\u0C64\u0C65\u0C70-\u0C7F\u0C84\u0C8D\u0C91\u0CA9\u0CB4\u0CBA\u0CBB\u0CC5\u0CC9\u0CCE-\u0CD4\u0CD7-\u0CDD\u0CDF\u0CE4\u0CE5\u0CF0\u0CF3-\u0CFF\u0D0D\u0D11\u0D45\u0D49\u0D4F-\u0D53\u0D58-\u0D5E\u0D64\u0D65\u0D70-\u0D79\u0D80\u0D84\u0D97-\u0D99\u0DB2\u0DBC\u0DBE\u0DBF\u0DC7-\u0DC9\u0DCB-\u0DCE\u0DD5\u0DD7\u0DE0-\u0DE5\u0DF0\u0DF1\u0DF4-\u0E00\u0E3B-\u0E3F\u0E4F\u0E5A-\u0E80\u0E83\u0E85\u0E8B\u0EA4\u0EA6\u0EBE\u0EBF\u0EC5\u0EC7\u0ECE\u0ECF\u0EDA\u0EDB\u0EE0-\u0EFF\u0F01-\u0F17\u0F1A-\u0F1F\u0F2A-\u0F34\u0F36\u0F38\u0F3A-\u0F3D\u0F48\u0F6D-\u0F70\u0F85\u0F98\u0FBD-\u0FC5\u0FC7-\u0FFF\u104A-\u104F\u109E\u109F\u10C6\u10C8-\u10CC\u10CE\u10CF\u10FB\u1249\u124E\u124F\u1257\u1259\u125E\u125F\u1289\u128E\u128F\u12B1\u12B6\u12B7\u12BF\u12C1\u12C6\u12C7\u12D7\u1311\u1316\u1317\u135B\u135C\u1360-\u137F\u1390-\u139F\u13F6\u13F7\u13FE-\u1400\u166D\u166E\u1680\u169B-\u169F\u16EB-\u16ED\u16F9-\u16FF\u170D\u1715-\u171F\u1735-\u173F\u1754-\u175F\u176D\u1771\u1774-\u177F\u17D4-\u17D6\u17D8-\u17DB\u17DE\u17DF\u17EA-\u180A\u180E\u180F\u181A-\u181F\u1879-\u187F\u18AB-\u18AF\u18F6-\u18FF\u191F\u192C-\u192F\u193C-\u1945\u196E\u196F\u1975-\u197F\u19AC-\u19AF\u19CA-\u19CF\u19DA-\u19FF\u1A1C-\u1A1F\u1A5F\u1A7D\u1A7E\u1A8A-\u1A8F\u1A9A-\u1AA6\u1AA8-\u1AAF\u1AC1-\u1AFF\u1B4C-\u1B4F\u1B5A-\u1B6A\u1B74-\u1B7F\u1BF4-\u1BFF\u1C38-\u1C3F\u1C4A-\u1C4C\u1C7E\u1C7F\u1C89-\u1C8F\u1CBB\u1CBC\u1CC0-\u1CCF\u1CD3\u1CFB-\u1CFF\u1DFA\u1F16\u1F17\u1F1E\u1F1F\u1F46\u1F47\u1F4E\u1F4F\u1F58\u1F5A\u1F5C\u1F5E\u1F7E\u1F7F\u1FB5\u1FBD\u1FBF-\u1FC1\u1FC5\u1FCD-\u1FCF\u1FD4\u1FD5\u1FDC-\u1FDF\u1FED-\u1FF1\u1FF5\u1FFD-\u203E\u2041-\u2053\u2055-\u2070\u2072-\u207E\u2080-\u208F\u209D-\u20CF\u20F1-\u2101\u2103-\u2106\u2108\u2109\u2114\u2116-\u2118\u211E-\u2123\u2125\u2127\u2129\u212E\u213A\u213B\u2140-\u2144\u214A-\u214D\u214F-\u215F\u2189-\u24B5\u24EA-\u2BFF\u2C2F\u2C5F\u2CE5-\u2CEA\u2CF4-\u2CFF\u2D26\u2D28-\u2D2C\u2D2E\u2D2F\u2D68-\u2D6E\u2D70-\u2D7E\u2D97-\u2D9F\u2DA7\u2DAF\u2DB7\u2DBF\u2DC7\u2DCF\u2DD7\u2DDF\u2E00-\u2E2E\u2E30-\u3004\u3008-\u3020\u3030\u3036\u3037\u303D-\u3040\u3097\u3098\u309B\u309C\u30A0\u30FB\u3100-\u3104\u3130\u318F-\u319F\u31C0-\u31EF\u3200-\u33FF\u4DC0-\u4DFF\u9FFD-\u9FFF\uA48D-\uA4CF\uA4FE\uA4FF\uA60D-\uA60F\uA62C-\uA63F\uA673\uA67E\uA6F2-\uA716\uA720\uA721\uA789\uA78A\uA7C0\uA7C1\uA7CB-\uA7F4\uA828-\uA82B\uA82D-\uA83F\uA874-\uA87F\uA8C6-\uA8CF\uA8DA-\uA8DF\uA8F8-\uA8FA\uA8FC\uA92E\uA92F\uA954-\uA95F\uA97D-\uA97F\uA9C1-\uA9CE\uA9DA-\uA9DF\uA9FF\uAA37-\uAA3F\uAA4E\uAA4F\uAA5A-\uAA5F\uAA77-\uAA79\uAAC3-\uAADA\uAADE\uAADF\uAAF0\uAAF1\uAAF7-\uAB00\uAB07\uAB08\uAB0F\uAB10\uAB17-\uAB1F\uAB27\uAB2F\uAB5B\uAB6A-\uAB6F\uABEB\uABEE\uABEF\uABFA-\uABFF\uD7A4-\uD7AF\uD7C7-\uD7CA\uD7FC-\uD7FF\uE000-\uF8FF\uFA6E\uFA6F\uFADA-\uFAFF\uFB07-\uFB12\uFB18-\uFB1C\uFB29\uFB37\uFB3D\uFB3F\uFB42\uFB45\uFBB2-\uFBD2\uFD3E-\uFD4F\uFD90\uFD91\uFDC8-\uFDEF\uFDFC-\uFDFF\uFE10-\uFE1F\uFE30-\uFE32\uFE35-\uFE4C\uFE50-\uFE6F\uFE75\uFEFD-\uFF0F\uFF1A-\uFF20\uFF3B-\uFF3E\uFF40\uFF5B-\uFF65\uFFBF-\uFFC1\uFFC8\uFFC9\uFFD0\uFFD1\uFFD8\uFFD9\uFFDD-\uFFFF]|\uD800[\uDC0C\uDC27\uDC3B\uDC3E\uDC4E\uDC4F\uDC5E-\uDC7F\uDCFB-\uDD3F\uDD75-\uDDFC\uDDFE-\uDE7F\uDE9D-\uDE9F\uDED1-\uDEDF\uDEE1-\uDEFF\uDF20-\uDF2C\uDF4B-\uDF4F\uDF7B-\uDF7F\uDF9E\uDF9F\uDFC4-\uDFC7\uDFD0\uDFD6-\uDFFF]|\uD801[\uDC9E\uDC9F\uDCAA-\uDCAF\uDCD4-\uDCD7\uDCFC-\uDCFF\uDD28-\uDD2F\uDD64-\uDDFF\uDF37-\uDF3F\uDF56-\uDF5F\uDF68-\uDFFF]|\uD802[\uDC06\uDC07\uDC09\uDC36\uDC39-\uDC3B\uDC3D\uDC3E\uDC56-\uDC5F\uDC77-\uDC7F\uDC9F-\uDCDF\uDCF3\uDCF6-\uDCFF\uDD16-\uDD1F\uDD3A-\uDD7F\uDDB8-\uDDBD\uDDC0-\uDDFF\uDE04\uDE07-\uDE0B\uDE14\uDE18\uDE36\uDE37\uDE3B-\uDE3E\uDE40-\uDE5F\uDE7D-\uDE7F\uDE9D-\uDEBF\uDEC8\uDEE7-\uDEFF\uDF36-\uDF3F\uDF56-\uDF5F\uDF73-\uDF7F\uDF92-\uDFFF]|\uD803[\uDC49-\uDC7F\uDCB3-\uDCBF\uDCF3-\uDCFF\uDD28-\uDD2F\uDD3A-\uDE7F\uDEAA\uDEAD-\uDEAF\uDEB2-\uDEFF\uDF1D-\uDF26\uDF28-\uDF2F\uDF51-\uDFAF\uDFC5-\uDFDF\uDFF7-\uDFFF]|\uD804[\uDC47-\uDC65\uDC70-\uDC7E\uDCBB-\uDCCF\uDCE9-\uDCEF\uDCFA-\uDCFF\uDD35\uDD40-\uDD43\uDD48-\uDD4F\uDD74\uDD75\uDD77-\uDD7F\uDDC5-\uDDC8\uDDCD\uDDDB\uDDDD-\uDDFF\uDE12\uDE38-\uDE3D\uDE3F-\uDE7F\uDE87\uDE89\uDE8E\uDE9E\uDEA9-\uDEAF\uDEEB-\uDEEF\uDEFA-\uDEFF\uDF04\uDF0D\uDF0E\uDF11\uDF12\uDF29\uDF31\uDF34\uDF3A\uDF45\uDF46\uDF49\uDF4A\uDF4E\uDF4F\uDF51-\uDF56\uDF58-\uDF5C\uDF64\uDF65\uDF6D-\uDF6F\uDF75-\uDFFF]|\uD805[\uDC4B-\uDC4F\uDC5A-\uDC5D\uDC62-\uDC7F\uDCC6\uDCC8-\uDCCF\uDCDA-\uDD7F\uDDB6\uDDB7\uDDC1-\uDDD7\uDDDE-\uDDFF\uDE41-\uDE43\uDE45-\uDE4F\uDE5A-\uDE7F\uDEB9-\uDEBF\uDECA-\uDEFF\uDF1B\uDF1C\uDF2C-\uDF2F\uDF3A-\uDFFF]|\uD806[\uDC3B-\uDC9F\uDCEA-\uDCFE\uDD07\uDD08\uDD0A\uDD0B\uDD14\uDD17\uDD36\uDD39\uDD3A\uDD44-\uDD4F\uDD5A-\uDD9F\uDDA8\uDDA9\uDDD8\uDDD9\uDDE2\uDDE5-\uDDFF\uDE3F-\uDE46\uDE48-\uDE4F\uDE9A-\uDE9C\uDE9E-\uDEBF\uDEF9-\uDFFF]|\uD807[\uDC09\uDC37\uDC41-\uDC4F\uDC5A-\uDC71\uDC90\uDC91\uDCA8\uDCB7-\uDCFF\uDD07\uDD0A\uDD37-\uDD39\uDD3B\uDD3E\uDD48-\uDD4F\uDD5A-\uDD5F\uDD66\uDD69\uDD8F\uDD92\uDD99-\uDD9F\uDDAA-\uDEDF\uDEF7-\uDFAF\uDFB1-\uDFFF]|\uD808[\uDF9A-\uDFFF]|\uD809[\uDC6F-\uDC7F\uDD44-\uDFFF]|[\uD80A\uD80B\uD80E-\uD810\uD812-\uD819\uD824-\uD82B\uD82D\uD82E\uD830-\uD833\uD837\uD839\uD83D\uD83F\uD87B-\uD87D\uD87F\uD885-\uDB3F\uDB41-\uDBFF][\uDC00-\uDFFF]|\uD80D[\uDC2F-\uDFFF]|\uD811[\uDE47-\uDFFF]|\uD81A[\uDE39-\uDE3F\uDE5F\uDE6A-\uDECF\uDEEE\uDEEF\uDEF5-\uDEFF\uDF37-\uDF3F\uDF44-\uDF4F\uDF5A-\uDF62\uDF78-\uDF7C\uDF90-\uDFFF]|\uD81B[\uDC00-\uDE3F\uDE80-\uDEFF\uDF4B-\uDF4E\uDF88-\uDF8E\uDFA0-\uDFDF\uDFE2\uDFE5-\uDFEF\uDFF2-\uDFFF]|\uD821[\uDFF8-\uDFFF]|\uD823[\uDCD6-\uDCFF\uDD09-\uDFFF]|\uD82C[\uDD1F-\uDD4F\uDD53-\uDD63\uDD68-\uDD6F\uDEFC-\uDFFF]|\uD82F[\uDC6B-\uDC6F\uDC7D-\uDC7F\uDC89-\uDC8F\uDC9A-\uDC9C\uDC9F-\uDFFF]|\uD834[\uDC00-\uDD64\uDD6A-\uDD6C\uDD73-\uDD7A\uDD83\uDD84\uDD8C-\uDDA9\uDDAE-\uDE41\uDE45-\uDFFF]|\uD835[\uDC55\uDC9D\uDCA0\uDCA1\uDCA3\uDCA4\uDCA7\uDCA8\uDCAD\uDCBA\uDCBC\uDCC4\uDD06\uDD0B\uDD0C\uDD15\uDD1D\uDD3A\uDD3F\uDD45\uDD47-\uDD49\uDD51\uDEA6\uDEA7\uDEC1\uDEDB\uDEFB\uDF15\uDF35\uDF4F\uDF6F\uDF89\uDFA9\uDFC3\uDFCC\uDFCD]|\uD836[\uDC00-\uDDFF\uDE37-\uDE3A\uDE6D-\uDE74\uDE76-\uDE83\uDE85-\uDE9A\uDEA0\uDEB0-\uDFFF]|\uD838[\uDC07\uDC19\uDC1A\uDC22\uDC25\uDC2B-\uDCFF\uDD2D-\uDD2F\uDD3E\uDD3F\uDD4A-\uDD4D\uDD4F-\uDEBF\uDEFA-\uDFFF]|\uD83A[\uDCC5-\uDCCF\uDCD7-\uDCFF\uDD4C-\uDD4F\uDD5A-\uDFFF]|\uD83B[\uDC00-\uDDFF\uDE04\uDE20\uDE23\uDE25\uDE26\uDE28\uDE33\uDE38\uDE3A\uDE3C-\uDE41\uDE43-\uDE46\uDE48\uDE4A\uDE4C\uDE50\uDE53\uDE55\uDE56\uDE58\uDE5A\uDE5C\uDE5E\uDE60\uDE63\uDE65\uDE66\uDE6B\uDE73\uDE78\uDE7D\uDE7F\uDE8A\uDE9C-\uDEA0\uDEA4\uDEAA\uDEBC-\uDFFF]|\uD83C[\uDC00-\uDD2F\uDD4A-\uDD4F\uDD6A-\uDD6F\uDD8A-\uDFFF]|\uD83E[\uDC00-\uDFEF\uDFFA-\uDFFF]|\uD869[\uDEDE-\uDEFF]|\uD86D[\uDF35-\uDF3F]|\uD86E[\uDC1E\uDC1F]|\uD873[\uDEA2-\uDEAF]|\uD87A[\uDFE1-\uDFFF]|\uD87E[\uDE1E-\uDFFF]|\uD884[\uDF4B-\uDFFF]|\uDB40[\uDC00-\uDCFF\uDDF0-\uDFFF]/g;
+
+export const slug = (string) =>
+  string.toLowerCase().replace(REGEX, "").replace(/ /g, "-");

data/website/app/javascript/controllers/typewriter_controller.js

@@ -0,0 +1,59 @@
+import { Controller } from "@hotwired/stimulus";
+
+export default class extends Controller {
+  EMPTY = " ";
+
+  static targets = ["typewrite"];
+
+  static values = {
+    phrases: Array,
+  };
+
+  connect() {
+    this.typewriteTarget.innerHTML = this.phrasesValue[0];
+    this.typed = this.phrasesValue[0];
+    this.phrase = this.phrasesValue[0];
+    this.timeout = setTimeout(() => this._delete(), 2000);
+  }
+
+  disconnect() {
+    clearTimeout(this.timeout);
+  }
+
+  _type() {
+    if (this.typed === this.EMPTY) {
+      this.typed = this.phrase.substring(0, 1);
+    } else {
+      this.typed = this.phrase.substring(0, this.typed.length + 1);
+    }
+
+    this.typewriteTarget.innerHTML = this.typed;
+
+    if (this.typed === this.phrase) {
+      this.timeout = setTimeout(() => this._delete(), 2000);
+    } else {
+      const delay = 200 - Math.random() * 100;
+      this.timeout = setTimeout(() => this._type(), delay);
+    }
+  }
+
+  _delete() {
+    this.typed = this.phrase.substring(0, this.typed.length - 1);
+    if (this.typed.length === 0) this.typed = this.EMPTY;
+    this.typewriteTarget.innerHTML = this.typed;
+
+    if (this.typed === this.EMPTY) {
+      this._nextPhrase();
+      this.timeout = setTimeout(() => this._type(), 500);
+    } else {
+      const delay = (200 - Math.random() * 100) / 2;
+      this.timeout = setTimeout(() => this._delete(), delay);
+    }
+  }
+
+  _nextPhrase() {
+    const currentIndex = this.phrasesValue.findIndex((x) => this.phrase === x);
+    const nextIndex = (currentIndex + 1) % this.phrasesValue.length;
+    this.phrase = this.phrasesValue[nextIndex];
+  }
+}

data/website/app/jobs/application_job.rb

@@ -0,0 +1,7 @@
+class ApplicationJob < ActiveJob::Base
+  # Automatically retry jobs that encountered a deadlock
+  # retry_on ActiveRecord::Deadlocked
+
+  # Most jobs are safe to ignore if the underlying records are no longer available
+  # discard_on ActiveJob::DeserializationError
+end

data/website/app/mailers/application_mailer.rb

@@ -0,0 +1,4 @@
+class ApplicationMailer < ActionMailer::Base
+  default from: "from@example.com"
+  layout "mailer"
+end

data/website/app/models/application_record.rb

@@ -0,0 +1,3 @@
+class ApplicationRecord < ActiveRecord::Base
+  primary_abstract_class
+end

data/website/app/views/hot_docs/_menu_row.html.erb

@@ -0,0 +1,11 @@
+<%# locals: (label:, url:, expanded: false) -%>
+
+<%= content_tag :div, class: "menu__row", data: { "controller": "accordion", "accordion-expanded-class-value": "menu__row--expanded", "accordion-expanded-value": expanded, "accordion-collapsed-aria-label-value": "Expand menu row '#{label}'", "accordion-expanded-aria-label-value": "Collapse menu row '#{label}'" } do %>
+  <%= active_link_to label, url, class: "menu__link" %>
+
+  <button type="button" class="menu__toggle" data-action="click->accordion#toggle" data-accordion-target="toggle">
+    <svg class="menu__toggle-icon" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+      <path fill="currentColor" d="M7.41 15.41L12 10.83l4.59 4.58L18 14l-6-6-6 6z"></path>
+    </svg>
+  </button>
+<% end %>