diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
new file mode 100644
index 000000000..8fa14dd80
--- /dev/null
+++ b/.github/workflows/ci.yml
@@ -0,0 +1,38 @@
+name: CI
+
+on:
+  pull_request:
+
+permissions:
+  contents: read
+
+concurrency:
+  group: ci-${{ github.workflow }}-${{ github.ref }}
+  cancel-in-progress: true
+
+jobs:
+  check:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Setup pnpm
+        uses: pnpm/action-setup@v4
+        with:
+          version: 9.15.0
+
+      - name: Setup Node
+        uses: actions/setup-node@v4
+        with:
+          node-version: 22
+          cache: pnpm
+
+      - name: Install dependencies
+        run: pnpm install --frozen-lockfile --ignore-scripts
+
+      - name: Check
+        run: |
+          pnpm lint
+          pnpm typecheck
+          pnpm build
diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
new file mode 100644
index 000000000..615c1f82d
--- /dev/null
+++ b/.github/workflows/deploy.yml
@@ -0,0 +1,58 @@
+# Settings -> Pages -> Source must be "GitHub Actions".
+name: Deploy to GitHub Pages
+
+on:
+  push:
+    branches: [main]
+  workflow_dispatch:
+
+permissions:
+  contents: read
+  pages: write
+  id-token: write
+
+concurrency:
+  group: pages
+  cancel-in-progress: true
+
+jobs:
+  build:
+    runs-on: ubuntu-latest
+    env:
+      PROD: "true"
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v4
+
+      - name: Setup pnpm
+        uses: pnpm/action-setup@v4
+        with:
+          version: 9.15.0
+
+      - name: Setup Node
+        uses: actions/setup-node@v4
+        with:
+          node-version: 22
+          cache: pnpm
+
+      - name: Install dependencies
+        run: pnpm install --frozen-lockfile --ignore-scripts
+
+      - name: Build Astro site
+        run: pnpm run build
+
+      - name: Upload Pages artifact
+        uses: actions/upload-pages-artifact@v3
+        with:
+          path: ./dist
+
+  deploy:
+    needs: build
+    runs-on: ubuntu-latest
+    environment:
+      name: github-pages
+      url: ${{ steps.deployment.outputs.page_url }}
+    steps:
+      - name: Deploy to GitHub Pages
+        id: deployment
+        uses: actions/deploy-pages@v4
diff --git a/.gitignore b/.gitignore
index 84dc3b57d..d868e490d 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,7 +1,38 @@
-/_site
-/.jekyll-metadata
-/downloads/cheatsheets/*.aux
-/downloads/cheatsheets/*.log
-/.bundle
-/vendor
-/tmp
\ No newline at end of file
+# build output
+dist/
+# generated types
+.astro/
+
+# dependencies
+node_modules/
+.pnpm-store/
+
+# logs
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+
+# environment variables
+.env
+.env.local
+.env.production
+
+# Playwright
+test-results/
+playwright-report/
+playwright/.cache/
+# Visual-regression baselines: large (tens of MB) and platform-specific
+# (the locally generated ones are macOS "-darwin"; Linux CI can't use them).
+# Keep them out of git - regenerate locally with
+# `pnpm test:visual --update-snapshots`. For CI visual regression, generate
+# "-linux" baselines inside the Playwright Docker image and store them there.
+tests/**/*-snapshots/
+
+# macOS-specific files
+.DS_Store
+
+# IDE
+.idea/
+.vscode/
+*.iml
diff --git a/.husky/pre-commit b/.husky/pre-commit
new file mode 100755
index 000000000..aba8ef59e
--- /dev/null
+++ b/.husky/pre-commit
@@ -0,0 +1,4 @@
+#!/usr/bin/env sh
+# Lint, format, typecheck before every commit.
+pnpm exec biome check --write --staged --no-errors-on-unmatched
+git add -u
diff --git a/.ruby-version b/.ruby-version
deleted file mode 100644
index 15a279981..000000000
--- a/.ruby-version
+++ /dev/null
@@ -1 +0,0 @@
-3.3.0
diff --git a/AGENTS.md b/AGENTS.md
new file mode 100644
index 000000000..1f3f55c5c
--- /dev/null
+++ b/AGENTS.md
@@ -0,0 +1,45 @@
+# Repo conventions for AI assistants
+
+## Comments
+
+Max **2 lines per comment block**. Drop anything that restates what the code
+does or narrates the design process. Keep one-liners only when the gotcha is
+genuinely non-obvious (browser quirks, framework timing issues, cross-file
+pointers, "do NOT do X" warnings). No JSDoc-style 3-line minimums - use a
+single `//` line instead of `/** ... */`.
+
+## Stack
+
+Astro 5 + React 19 islands + Tailwind v4 + TypeScript. Biome for lint/format,
+2-space indent, double quotes (see `biome.json`). `pnpm check` applies Biome
+fixes; use `pnpm lint` for the equivalent read-only check.
+
+## Deployment
+
+- GitHub Pages: see `BUNDLE_AVM.md`, `.github/workflows/deploy.yml`, and the
+  `coi-serviceworker` setup.
+
+## Popcorn (homepage hero editor)
+
+- AVM bundle lives at `public/bundle.avm` (~7 MB, committed). Rebuild recipe
+  in `BUNDLE_AVM.md`.
+- Vite plugin is conditionally registered in `astro.config.ts` based on the
+  bundle's presence so dev setups without it still build.
+- The runtime requires `Cross-Origin-Opener-Policy: same-origin` +
+  `Cross-Origin-Embedder-Policy: require-corp` headers. On hosts that can't
+  set them, the `coi-serviceworker` workaround is used.
+
+## Reveal animation system
+
+- CSS in `src/styles/style.css`, JS in `src/scripts/reveal.ts`,
+  component wrapper in `src/components/ui/Reveal.astro`.
+- SPA navigations use the shorter `html[data-spa-nav] [data-reveal]` variant
+  to avoid stacking with Astro's view-transition cross-fade (which is opted
+  out via `transition:animate="none"` on `<main>` in `BaseLayout.astro`).
+
+## Design tokens
+
+All colours / spacing / type / motion live as CSS custom properties in
+`src/styles/style.css` under `@theme inline`. Components must reference these
+- no raw hex / px literals. Per-section brand colour maps live with the
+component (e.g. `CATEGORY_COLORS` in `UseElixirFor.astro`).
diff --git a/BUNDLE_AVM.md b/BUNDLE_AVM.md
new file mode 100644
index 000000000..4f8a72a12
--- /dev/null
+++ b/BUNDLE_AVM.md
@@ -0,0 +1,80 @@
+# Popcorn WASM bundle
+
+The homepage hero ships an interactive Elixir editor backed by
+[Software Mansion's Popcorn](https://github.com/software-mansion/popcorn),
+which compiles AtomVM + an Elixir handler module to WebAssembly.
+
+The runtime is loaded from `public/bundle.avm` and served beneath Astro's
+configured base path. The file is ~7 MB and **is committed** to the repo so
+cloning gives you a working interactive demo out of the box.
+
+When `public/bundle.avm` is missing the editor still works: it loads the
+example snippets and shows their precanned outputs, and `astro.config.ts`
+skips registering the Popcorn Vite plugin. Drop a valid `bundle.avm`
+back into `public/` and the live runtime turns on automatically — no
+code changes needed.
+
+## How to regenerate `bundle.avm`
+
+Popcorn v0.3.0 hard-pins **OTP 26.0.2** and **Elixir 1.17.3**. macOS
+ships much newer toolchains, so the safest way to reproduce the build
+is a one-shot Docker container.
+
+1. Clone the Popcorn repository (anywhere on disk):
+
+   ```bash
+   git clone https://github.com/software-mansion/popcorn.git ~/popcorn
+   ```
+
+2. From the elixir-website repo root, run the pinned-toolchain build:
+
+   ```bash
+   docker run --rm \
+     -v "$HOME/popcorn:/popcorn" \
+     -v "$PWD/public:/out" \
+     -w /popcorn/examples/eval-in-wasm \
+     -e MIX_HOME=/tmp/.mix -e HEX_HOME=/tmp/.hex \
+     -e LANG=C.UTF-8 -e LC_ALL=C.UTF-8 -e ELIXIR_ERL_OPTIONS="+fnu" \
+     erlang:26.0.2-slim bash -lc '
+       set -euo pipefail
+       apt-get update -qq && apt-get install -y -qq curl unzip git ca-certificates >/dev/null
+       curl -fsSL -o /tmp/elixir.zip https://github.com/elixir-lang/elixir/releases/download/v1.17.3/elixir-otp-26.zip
+       mkdir -p /opt/elixir && unzip -q /tmp/elixir.zip -d /opt/elixir
+       export PATH=/opt/elixir/bin:$PATH
+       mix local.hex --force >/dev/null && mix local.rebar --force >/dev/null
+       mix deps.get
+       mix popcorn.cook
+       cp dist/wasm/bundle.avm /out/bundle.avm
+     '
+   ```
+
+3. The rebuilt `bundle.avm` lands at `public/bundle.avm`. Commit it
+   when the upstream Popcorn version changes or the handler module is
+   updated.
+
+## How the editor wires up
+
+- The Vite plugin (`@swmansion/popcorn/vite`) is registered
+  conditionally in `astro.config.ts` — only when `public/bundle.avm`
+  exists. It excludes Popcorn from Vite's dep prebundling (so the
+  internal worker iframe import resolves) and serves the bundle with
+  the SharedArrayBuffer-required headers in dev/preview.
+- GitHub Pages uses `public/coi-serviceworker.js` to provide the cross-origin
+  isolation headers that the static host cannot configure itself.
+- The hero React island (`src/components/home/HeroCodeEditor.tsx`)
+  HEAD-probes the base-path-aware bundle URL; if the response is 200, it
+  dynamically imports `@swmansion/popcorn` and calls
+  `popcorn.call(["eval_elixir", code], { timeoutMs: 10_000 })`. If
+  anything fails it falls back to the precanned output for the active
+  example.
+
+## Notes
+
+- Popcorn v0.3.0 is described upstream as "early stages — may break";
+  the graceful fallback keeps the page demoable if the runtime fails
+  to boot for any reason.
+- The handler action name is `eval_elixir`. If you customise the
+  example Mix app (see `~/popcorn/examples/eval-in-wasm/lib/eval_in_wasm.ex`),
+  keep the action name in sync with `HeroCodeEditor.tsx`.
+- The bundle includes the full Elixir + stdlib + logger BEAM files for
+  the WASM target — that's why it weighs ~7 MB.
diff --git a/CNAME b/CNAME
deleted file mode 100644
index e9fe306fb..000000000
--- a/CNAME
+++ /dev/null
@@ -1 +0,0 @@
-elixir-lang.org
\ No newline at end of file
diff --git a/Gemfile b/Gemfile
deleted file mode 100644
index 771b2e468..000000000
--- a/Gemfile
+++ /dev/null
@@ -1,9 +0,0 @@
-source 'https://rubygems.org'
-
-gem 'github-pages'
-gem 'json', '>= 2.0.0'
-gem 'webrick', '>= 1.8'
-gem 'csv', '~> 3.3'
-gem 'base64', '~> 0.2.0'
-gem 'bigdecimal', '~> 3.1'
-gem 'html-proofer', '~> 5.0'
diff --git a/Gemfile.lock b/Gemfile.lock
deleted file mode 100644
index 56e6521d9..000000000
--- a/Gemfile.lock
+++ /dev/null
@@ -1,340 +0,0 @@
-GEM
-  remote: https://rubygems.org/
-  specs:
-    Ascii85 (2.0.1)
-    activesupport (8.1.3)
-      base64
-      bigdecimal
-      concurrent-ruby (~> 1.0, >= 1.3.1)
-      connection_pool (>= 2.2.5)
-      drb
-      i18n (>= 1.6, < 2)
-      json
-      logger (>= 1.4.2)
-      minitest (>= 5.1)
-      securerandom (>= 0.3)
-      tzinfo (~> 2.0, >= 2.0.5)
-      uri (>= 0.13.1)
-    addressable (2.9.0)
-      public_suffix (>= 2.0.2, < 8.0)
-    afm (1.0.0)
-    async (2.39.0)
-      console (~> 1.29)
-      fiber-annotation
-      io-event (~> 1.11)
-      metrics (~> 0.12)
-      traces (~> 0.18)
-    base64 (0.2.0)
-    benchmark (0.5.0)
-    bigdecimal (3.3.1)
-    coffee-script (2.4.1)
-      coffee-script-source
-      execjs
-    coffee-script-source (1.12.2)
-    colorator (1.1.0)
-    commonmarker (0.23.12)
-    concurrent-ruby (1.3.6)
-    connection_pool (3.0.2)
-    console (1.35.1)
-      fiber-annotation
-      fiber-local (~> 1.1)
-      json
-    csv (3.3.5)
-    dnsruby (1.73.1)
-      base64 (>= 0.2)
-      logger (~> 1.6)
-      simpleidn (~> 0.2.1)
-    drb (2.2.3)
-    em-websocket (0.5.3)
-      eventmachine (>= 0.12.9)
-      http_parser.rb (~> 0)
-    ethon (0.18.0)
-      ffi (>= 1.15.0)
-      logger
-    eventmachine (1.2.7)
-    execjs (2.10.1)
-    faraday (2.14.2)
-      faraday-net_http (>= 2.0, < 3.5)
-      json
-      logger
-    faraday-net_http (3.4.3)
-      net-http (~> 0.5)
-    ffi (1.17.4)
-    ffi (1.17.4-x86_64-linux-gnu)
-    fiber-annotation (0.2.0)
-    fiber-local (1.1.0)
-      fiber-storage
-    fiber-storage (1.0.1)
-    forwardable-extended (2.6.0)
-    gemoji (4.1.0)
-    github-pages (232)
-      github-pages-health-check (= 1.18.2)
-      jekyll (= 3.10.0)
-      jekyll-avatar (= 0.8.0)
-      jekyll-coffeescript (= 1.2.2)
-      jekyll-commonmark-ghpages (= 0.5.1)
-      jekyll-default-layout (= 0.1.5)
-      jekyll-feed (= 0.17.0)
-      jekyll-gist (= 1.5.0)
-      jekyll-github-metadata (= 2.16.1)
-      jekyll-include-cache (= 0.2.1)
-      jekyll-mentions (= 1.6.0)
-      jekyll-optional-front-matter (= 0.3.2)
-      jekyll-paginate (= 1.1.0)
-      jekyll-readme-index (= 0.3.0)
-      jekyll-redirect-from (= 0.16.0)
-      jekyll-relative-links (= 0.6.1)
-      jekyll-remote-theme (= 0.4.3)
-      jekyll-sass-converter (= 1.5.2)
-      jekyll-seo-tag (= 2.8.0)
-      jekyll-sitemap (= 1.4.0)
-      jekyll-swiss (= 1.0.0)
-      jekyll-theme-architect (= 0.2.0)
-      jekyll-theme-cayman (= 0.2.0)
-      jekyll-theme-dinky (= 0.2.0)
-      jekyll-theme-hacker (= 0.2.0)
-      jekyll-theme-leap-day (= 0.2.0)
-      jekyll-theme-merlot (= 0.2.0)
-      jekyll-theme-midnight (= 0.2.0)
-      jekyll-theme-minimal (= 0.2.0)
-      jekyll-theme-modernist (= 0.2.0)
-      jekyll-theme-primer (= 0.6.0)
-      jekyll-theme-slate (= 0.2.0)
-      jekyll-theme-tactile (= 0.2.0)
-      jekyll-theme-time-machine (= 0.2.0)
-      jekyll-titles-from-headings (= 0.5.3)
-      jemoji (= 0.13.0)
-      kramdown (= 2.4.0)
-      kramdown-parser-gfm (= 1.1.0)
-      liquid (= 4.0.4)
-      mercenary (~> 0.3)
-      minima (= 2.5.1)
-      nokogiri (>= 1.16.2, < 2.0)
-      rouge (= 3.30.0)
-      terminal-table (~> 1.4)
-      webrick (~> 1.8)
-    github-pages-health-check (1.18.2)
-      addressable (~> 2.3)
-      dnsruby (~> 1.60)
-      octokit (>= 4, < 8)
-      public_suffix (>= 3.0, < 6.0)
-      typhoeus (~> 1.3)
-    hashery (2.1.2)
-    html-pipeline (2.14.3)
-      activesupport (>= 2)
-      nokogiri (>= 1.4)
-    html-proofer (5.2.1)
-      addressable (~> 2.3)
-      async (~> 2.1)
-      benchmark (~> 0.5)
-      nokogiri (~> 1.13)
-      pdf-reader (~> 2.11)
-      rainbow (~> 3.0)
-      typhoeus (~> 1.3)
-      yell (~> 2.0)
-      zeitwerk (~> 2.5)
-    http_parser.rb (0.8.1)
-    i18n (1.14.8)
-      concurrent-ruby (~> 1.0)
-    io-event (1.16.1)
-    jekyll (3.10.0)
-      addressable (~> 2.4)
-      colorator (~> 1.0)
-      csv (~> 3.0)
-      em-websocket (~> 0.5)
-      i18n (>= 0.7, < 2)
-      jekyll-sass-converter (~> 1.0)
-      jekyll-watch (~> 2.0)
-      kramdown (>= 1.17, < 3)
-      liquid (~> 4.0)
-      mercenary (~> 0.3.3)
-      pathutil (~> 0.9)
-      rouge (>= 1.7, < 4)
-      safe_yaml (~> 1.0)
-      webrick (>= 1.0)
-    jekyll-avatar (0.8.0)
-      jekyll (>= 3.0, < 5.0)
-    jekyll-coffeescript (1.2.2)
-      coffee-script (~> 2.2)
-      coffee-script-source (~> 1.12)
-    jekyll-commonmark (1.4.0)
-      commonmarker (~> 0.22)
-    jekyll-commonmark-ghpages (0.5.1)
-      commonmarker (>= 0.23.7, < 1.1.0)
-      jekyll (>= 3.9, < 4.0)
-      jekyll-commonmark (~> 1.4.0)
-      rouge (>= 2.0, < 5.0)
-    jekyll-default-layout (0.1.5)
-      jekyll (>= 3.0, < 5.0)
-    jekyll-feed (0.17.0)
-      jekyll (>= 3.7, < 5.0)
-    jekyll-gist (1.5.0)
-      octokit (~> 4.2)
-    jekyll-github-metadata (2.16.1)
-      jekyll (>= 3.4, < 5.0)
-      octokit (>= 4, < 7, != 4.4.0)
-    jekyll-include-cache (0.2.1)
-      jekyll (>= 3.7, < 5.0)
-    jekyll-mentions (1.6.0)
-      html-pipeline (~> 2.3)
-      jekyll (>= 3.7, < 5.0)
-    jekyll-optional-front-matter (0.3.2)
-      jekyll (>= 3.0, < 5.0)
-    jekyll-paginate (1.1.0)
-    jekyll-readme-index (0.3.0)
-      jekyll (>= 3.0, < 5.0)
-    jekyll-redirect-from (0.16.0)
-      jekyll (>= 3.3, < 5.0)
-    jekyll-relative-links (0.6.1)
-      jekyll (>= 3.3, < 5.0)
-    jekyll-remote-theme (0.4.3)
-      addressable (~> 2.0)
-      jekyll (>= 3.5, < 5.0)
-      jekyll-sass-converter (>= 1.0, <= 3.0.0, != 2.0.0)
-      rubyzip (>= 1.3.0, < 3.0)
-    jekyll-sass-converter (1.5.2)
-      sass (~> 3.4)
-    jekyll-seo-tag (2.8.0)
-      jekyll (>= 3.8, < 5.0)
-    jekyll-sitemap (1.4.0)
-      jekyll (>= 3.7, < 5.0)
-    jekyll-swiss (1.0.0)
-    jekyll-theme-architect (0.2.0)
-      jekyll (> 3.5, < 5.0)
-      jekyll-seo-tag (~> 2.0)
-    jekyll-theme-cayman (0.2.0)
-      jekyll (> 3.5, < 5.0)
-      jekyll-seo-tag (~> 2.0)
-    jekyll-theme-dinky (0.2.0)
-      jekyll (> 3.5, < 5.0)
-      jekyll-seo-tag (~> 2.0)
-    jekyll-theme-hacker (0.2.0)
-      jekyll (> 3.5, < 5.0)
-      jekyll-seo-tag (~> 2.0)
-    jekyll-theme-leap-day (0.2.0)
-      jekyll (> 3.5, < 5.0)
-      jekyll-seo-tag (~> 2.0)
-    jekyll-theme-merlot (0.2.0)
-      jekyll (> 3.5, < 5.0)
-      jekyll-seo-tag (~> 2.0)
-    jekyll-theme-midnight (0.2.0)
-      jekyll (> 3.5, < 5.0)
-      jekyll-seo-tag (~> 2.0)
-    jekyll-theme-minimal (0.2.0)
-      jekyll (> 3.5, < 5.0)
-      jekyll-seo-tag (~> 2.0)
-    jekyll-theme-modernist (0.2.0)
-      jekyll (> 3.5, < 5.0)
-      jekyll-seo-tag (~> 2.0)
-    jekyll-theme-primer (0.6.0)
-      jekyll (> 3.5, < 5.0)
-      jekyll-github-metadata (~> 2.9)
-      jekyll-seo-tag (~> 2.0)
-    jekyll-theme-slate (0.2.0)
-      jekyll (> 3.5, < 5.0)
-      jekyll-seo-tag (~> 2.0)
-    jekyll-theme-tactile (0.2.0)
-      jekyll (> 3.5, < 5.0)
-      jekyll-seo-tag (~> 2.0)
-    jekyll-theme-time-machine (0.2.0)
-      jekyll (> 3.5, < 5.0)
-      jekyll-seo-tag (~> 2.0)
-    jekyll-titles-from-headings (0.5.3)
-      jekyll (>= 3.3, < 5.0)
-    jekyll-watch (2.2.1)
-      listen (~> 3.0)
-    jemoji (0.13.0)
-      gemoji (>= 3, < 5)
-      html-pipeline (~> 2.2)
-      jekyll (>= 3.0, < 5.0)
-    json (2.19.7)
-    kramdown (2.4.0)
-      rexml
-    kramdown-parser-gfm (1.1.0)
-      kramdown (~> 2.0)
-    liquid (4.0.4)
-    listen (3.10.0)
-      logger
-      rb-fsevent (~> 0.10, >= 0.10.3)
-      rb-inotify (~> 0.9, >= 0.9.10)
-    logger (1.7.0)
-    mercenary (0.3.6)
-    metrics (0.15.0)
-    mini_portile2 (2.8.9)
-    minima (2.5.1)
-      jekyll (>= 3.5, < 5.0)
-      jekyll-feed (~> 0.9)
-      jekyll-seo-tag (~> 2.1)
-    minitest (6.0.6)
-      drb (~> 2.0)
-      prism (~> 1.5)
-    net-http (0.9.1)
-      uri (>= 0.11.1)
-    nokogiri (1.19.3)
-      mini_portile2 (~> 2.8.2)
-      racc (~> 1.4)
-    nokogiri (1.19.3-x86_64-linux-gnu)
-      racc (~> 1.4)
-    octokit (4.25.1)
-      faraday (>= 1, < 3)
-      sawyer (~> 0.9)
-    pathutil (0.16.2)
-      forwardable-extended (~> 2.6)
-    pdf-reader (2.15.1)
-      Ascii85 (>= 1.0, < 3.0, != 2.0.0)
-      afm (>= 0.2.1, < 2)
-      hashery (~> 2.0)
-      ruby-rc4
-      ttfunk
-    prism (1.9.0)
-    public_suffix (5.1.1)
-    racc (1.8.1)
-    rainbow (3.1.1)
-    rb-fsevent (0.11.2)
-    rb-inotify (0.11.1)
-      ffi (~> 1.0)
-    rexml (3.4.4)
-    rouge (3.30.0)
-    ruby-rc4 (0.1.5)
-    rubyzip (2.4.1)
-    safe_yaml (1.0.5)
-    sass (3.7.4)
-      sass-listen (~> 4.0.0)
-    sass-listen (4.0.0)
-      rb-fsevent (~> 0.9, >= 0.9.4)
-      rb-inotify (~> 0.9, >= 0.9.7)
-    sawyer (0.9.3)
-      addressable (>= 2.3.5)
-      faraday (>= 0.17.3, < 3)
-    securerandom (0.4.1)
-    simpleidn (0.2.3)
-    terminal-table (1.8.0)
-      unicode-display_width (~> 1.1, >= 1.1.1)
-    traces (0.18.2)
-    ttfunk (1.8.0)
-      bigdecimal (~> 3.1)
-    typhoeus (1.6.0)
-      ethon (>= 0.18.0)
-    tzinfo (2.0.6)
-      concurrent-ruby (~> 1.0)
-    unicode-display_width (1.8.0)
-    uri (1.1.1)
-    webrick (1.9.2)
-    yell (2.2.2)
-    zeitwerk (2.8.2)
-
-PLATFORMS
-  ruby
-  x86_64-linux-gnu
-
-DEPENDENCIES
-  base64 (~> 0.2.0)
-  bigdecimal (~> 3.1)
-  csv (~> 3.3)
-  github-pages
-  html-proofer (~> 5.0)
-  json (>= 2.0.0)
-  webrick (>= 1.8)
-
-BUNDLED WITH
-   2.7.2
diff --git a/README.md b/README.md
index ec2d743f9..40ea442fd 100644
--- a/README.md
+++ b/README.md
@@ -1,70 +1,196 @@
-This projects holds the contents for the Elixir website hosted at [elixir-lang.org](https://elixir-lang.org).
+# Elixir website
 
-It is automatically transformed by [Jekyll](https://github.com/jekyll/jekyll) into a static site.
+Source for the Elixir language marketing site at <https://elixir-lang.org>.
 
-## Contributing
+Static Astro site, content authored in Markdown, deployed with GitHub Pages.
 
-#### 1. Fork and clone this repository
+## Stack
 
-[Fork this
-repository](https://github.com/elixir-lang/elixir-lang.github.com/fork) and
-clone your fork. If you don't know what forking means or don't know how to do
-it, nice instructions are available
-[here](https://help.github.com/articles/fork-a-repo/).
+- [Astro 5](https://astro.build) (static output, file-based routing)
+- React 19 for the few interactive islands (`client:idle` / `client:load`
+  only where needed)
+- [Tailwind CSS v4](https://tailwindcss.com) via `@tailwindcss/vite`
+- Astro content collections + Zod schemas for blog posts, case studies,
+  learning resources and version data
+- Shiki for code highlighting: prose via the markdown pipeline, the
+  homepage snippets at build time (`src/utilities/elixir-highlight.ts`)
+- [Popcorn](https://github.com/software-mansion/popcorn) (AtomVM + Elixir
+  in WebAssembly) powering the interactive hero code editor
+- Biome for lint and format
+- Playwright for smoke, visual and accessibility tests
+- pnpm
 
-#### 2. Install Ruby
+## Getting started
 
-This website is compiled into a static website using
-[Jekyll](https://jekyllrb.com), a static-site generator written in Ruby. To
-install Ruby you can follow [this
-guide](https://www.ruby-lang.org/en/documentation/installation/). To check that
-Ruby is installed correctly, run `ruby --version` in your shell; it should be
-`1.9.3` or later.
+```bash
+pnpm install
+pnpm dev          # http://localhost:4321
+```
 
-#### 3. Install Bundler to manage dependencies
+The Popcorn hero editor uses the AVM bundle at `public/bundle.avm`. The
+file is committed (~7 MB) so the editor "just works" after `pnpm install`.
+If it's missing the editor gracefully falls back to pre-canned outputs.
+Regeneration instructions live in [`BUNDLE_AVM.md`](./BUNDLE_AVM.md).
+
+## Scripts
+
+| Command | Description |
+|---|---|
+| `pnpm dev` | Astro dev server with HMR |
+| `pnpm build` | Build the static site to `dist/` |
+| `pnpm preview` | Serve the built site locally |
+| `pnpm check` | Biome lint and format (writes fixes) |
+| `pnpm lint` | Biome lint only |
+| `pnpm typecheck` | `astro check` (TypeScript across `.astro` and `.ts(x)`) |
+| `pnpm test` | All Playwright specs |
+| `pnpm test:smoke` | Route smoke checks |
+| `pnpm test:visual` | Visual regression snapshots |
+| `pnpm test:a11y` | axe-core accessibility scan |
+| `pnpm assets:optimize` | Run SVGO over `src/assets/icons/**.svg` |
+
+## Project layout
 
-[Bundler](https://bundler.io) handles Ruby dependencies. To install it, simply
-run:
+```
+elixir-website/
+├── astro.config.ts
+├── biome.json
+├── tsconfig.json
+├── package.json
+├── BUNDLE_AVM.md              # how to (re)build public/bundle.avm
+├── AGENTS.md                  # conventions for AI assistants
+├── public/                    # favicon, OG fallback, robots.txt,
+│                              #   bundle.avm (Popcorn runtime)
+├── scripts/                   # Deployment and SVG optimization utilities
+├── src/
+│   ├── assets/                # fonts, icons, logos, images
+│   ├── components/
+│   │   ├── ui/                # shared building blocks + inline SVG icons
+│   │   ├── layout/            # SiteHeader, SiteFooter, MobileMenu, TopBanner
+│   │   ├── home/              # homepage sections
+│   │   ├── blog/, cases/, install/, page/
+│   ├── content/               # markdown collections (blog, cases, learning,
+│   │                          #   standalone-pages, elixir-versions)
+│   ├── content/config.ts      # Zod schemas
+│   ├── data/                  # navigation links, redirect map
+│   ├── layouts/BaseLayout.astro
+│   ├── lib/                   # content loaders
+│   ├── pages/                 # routes
+│   ├── scripts/reveal.ts      # scroll-reveal + SPA transition glue
+│   ├── styles/style.css       # design tokens + global styles
+│   └── utilities/             # cn helper, SEO builder, elixir highlighter
+└── tests/                     # Playwright specs
+```
 
-```bash
-$ gem install bundler
+## Design tokens
+
+All tokens are declared in `src/styles/style.css` inside an
+`@theme inline { ... }` block. They expose both Tailwind utilities
+(for example `bg-purple-60`) and raw CSS variables
+(`var(--color-purple-60)`).
+
+The token groups:
+
+- **Colours.** `--color-purple-0` to `--color-purple-90` for the brand
+  scale, `--color-gray-0` to `--color-gray-100` for neutrals, plus
+  `--color-black`, `--color-white` and `--color-text-primary` as anchors.
+  Semantic aliases (`--color-brand`, surface, text and border tokens)
+  layer on top.
+- **Typography.** `--text-display` through `--text-caption`, plus paired
+  line-heights. Body text is 16 px; lead 20 px; small 14 px; caption 13 px.
+- **Spacing.** Container max widths and horizontal padding per breakpoint.
+- **Radii.** `--radius-xs` through `--radius-full`.
+- **Motion.** `--ease-*` curves and `--duration-*` timings.
+- **Breakpoints.** Mirrors Tailwind's defaults plus a custom `xs` at
+  480 px for mid-size phones.
+
+Components should consume tokens via Tailwind utilities or
+`bg-(--color-...)` arbitrary syntax. Raw hex or px literals are
+discouraged.
+
+## Responsive breakpoints
+
+The site is verified at the following widths:
+
+| Token | Min width | Target |
+|---|---|---|
+| `<xs` | < 480 px | Small phones |
+| `xs`  | 480 px   | Larger phones |
+| `sm`  | 640 px   | Phones in landscape |
+| `md`  | 768 px   | Tablets in portrait |
+| `lg`  | 1024 px  | Small laptops / tablets in landscape |
+| `xl`  | 1280 px  | Laptops |
+| `2xl` | 1536 px  | Desktops |
+
+The Playwright `visual.spec.ts` suite renders the site at five of these
+viewports and locks the result against committed reference screenshots.
+
+## Content collections
+
+Markdown files live under `src/content/<collection>/`. Schemas in
+`src/content/config.ts` validate frontmatter at build time. A new blog
+post is just a new file:
+
+```markdown
+---
+title: "Post title"
+excerpt: "One-sentence summary."
+date: 2026-05-15
+author: "Author name"
+category: "Announcements"   # Releases | Announcements | Elixir in Production | Internals
+tags: []
+---
+Post body in markdown or MDX.
 ```
 
-Once you have installed it, `cd` into the local clone of your fork and run:
+The route `/blog/<YYYY>/<MM>/<DD>/<slug>/` is generated automatically.
 
-```bash
-$ bundle install
-```
+Other collections:
 
-to download and install the necessary dependencies.
+- `cases/` — Elixir-in-production case studies, link out via `url` field
+- `learning/` — books, courses, screencasts, interactive resources (the
+  `Elixir Language Tour` tab is its own category)
+- `standalone-pages/` — sources for `/development`, `/stewards`, and
+  `/trademarks`
+- `elixir-versions/` — one file per released version (drives the
+  current-stable hero + historical cards on `/docs`)
 
-#### 4. Run Jekyll
+## Reveal animation system
 
-In order to run a development server (with live-reloading on) just run:
+`[data-reveal]` elements paint at `opacity: 0` and slide-in 12 px; the
+glue in `src/scripts/reveal.ts` flips `data-revealed="true"` either on
+the next animation frame (`[data-reveal-eager]` for above-the-fold) or
+when an `IntersectionObserver` sees the element enter the viewport.
 
-```bash
-$ bundle exec jekyll serve
-```
+SPA navigations use a shortened variant (`html[data-spa-nav] [data-reveal]`,
+250 ms + 6 px offset, no stagger) to avoid stacking visibly with Astro's
+view-transition cross-fade — which is itself opted-out on `<main>` via
+`transition:animate="none"` in `BaseLayout.astro` so each navigation
+shows exactly one entrance animation.
+
+## URL migration
 
-The generated site will be available at [http://localhost:4000](http://localhost:4000). You can stop the
-server with <kbd><kbd>Ctrl</kbd></kbd>+<kbd><kbd>C</kbd></kbd>.
+Legacy URLs from elixir-lang.org are mapped to current routes in
+`src/data/redirects.ts`. The map is consumed by `astro.config.ts` to
+emit redirect stubs in the static output. The smoke tests verify every stub
+and its local destination.
 
-#### 5. Make your changes and push them
+## Deployment
 
-Now you're ready to make your changes! Be sure to test the changes locally using
-the development server. Once you're done with your changes, push those changes
-to your fork and then [submit a **pull
-request**](https://help.github.com/articles/using-pull-requests/). For a nice
-wrap-up on how to open a good pull request have a look at the [Elixir
-contributing
-guide](https://github.com/elixir-lang/elixir/#contributing).
+GitHub Pages builds the site through `.github/workflows/deploy.yml`. The
+workflow builds the canonical `https://elixir-lang.org` site and deploys the
+generated `dist` directory.
+
+The Popcorn WASM hero editor needs cross-origin isolation. Because GitHub
+Pages cannot configure COOP/COEP response headers, production builds load
+`public/coi-serviceworker.js` from `BaseLayout.astro`.
+
+Preview builds emit `noindex, nofollow`. Set `PROD=true` only in the official
+deployment workflow to allow search engines to index the site.
 
 ## License
 
 * "Elixir" and the Elixir logo are registered trademarks of the Elixir team. See [our trademark policy](https://elixir-lang.org/trademarks).
 
-* The HTML and CSS are copyrighted to [AlienWp](https://alienwp.com/) under [GPL license, version 2](https://www.gnu.org/licenses/old-licenses/gpl-2.0.html).
-
-* The Social Icons are copyrighted to [Xeloader](https://xeloader.deviantart.com/art/Socialis-2-Freebie-213292616).
+* The source code (HTML, JavaScript, and CSS) are licensed under [Apache License, Version 2.0](https://www.apache.org/licenses/LICENSE-2.0).
 
 * The written textual contents available in the guides and blog are licensed under [Apache License, Version 2.0](https://www.apache.org/licenses/LICENSE-2.0).
diff --git a/_config.yml b/_config.yml
deleted file mode 100644
index 635db0b94..000000000
--- a/_config.yml
+++ /dev/null
@@ -1,29 +0,0 @@
-highlighter: rouge
-permalink: none
-kramdown:
-  input: GFM
-  hard_wrap: false
-repository: elixir-lang/elixir-lang.github.com
-url: https://elixir-lang.org
-exclude:
-  - _build/
-  - vendor/
-  - Gemfile
-  - Gemfile.lock
-  - CNAME
-  - .gitignore
-  - README.md
-  - js/toc/README.md
-plugins:
-  - jemoji
-  - jekyll-sitemap
-  - jekyll-redirect-from
-  - jekyll-seo-tag
-defaults:
-  - scope:
-      path: ""
-      type: posts
-    values:
-      layout: post
-      permalink: /blog/:year/:month/:day/:title/
-      image: /images/social/elixir-og-card.jpg
diff --git a/_data/elixir-versions.yml b/_data/elixir-versions.yml
deleted file mode 100644
index 409d69dd4..000000000
--- a/_data/elixir-versions.yml
+++ /dev/null
@@ -1,65 +0,0 @@
-stable: v1_20
-
-v1_20:
-  name: v1.20
-  minimum_otp: 27.0
-  recommended_otp: 28.4
-  otp_versions: [29, 28, 27]
-  version: 1.20.2
-
-v1_19:
-  name: v1.19
-  minimum_otp: 26.0
-  recommended_otp: 28.1
-  otp_versions: [28, 27, 26]
-  version: 1.19.5
-
-v1_18:
-  name: v1.18
-  minimum_otp: 26.0
-  recommended_otp: 27.3.4
-  otp_versions: [27, 26, 25]
-  version: 1.18.4
-
-v1_17:
-  name: v1.17
-  minimum_otp: 25.0
-  recommended_otp: 27.1.2
-  otp_versions: [27, 26, 25]
-  version: 1.17.3
-
-v1_16:
-  name: v1.16
-  minimum_otp: 24.0
-  otp_versions: [26, 25, 24]
-  version: 1.16.3
-
-v1_15:
-  name: v1.15
-  minimum_otp: 24.0
-  otp_versions: [26, 25, 24]
-  version: 1.15.8
-
-v1_14:
-  name: v1.14
-  minimum_otp: 23.0
-  otp_versions: [25, 24, 23]
-  version: 1.14.5
-
-v1_13:
-  name: v1.13
-  minimum_otp: 22.0
-  otp_versions: [24, 23, 22]
-  version: 1.13.4
-
-v1_12:
-  name: v1.12
-  minimum_otp: 22.0
-  otp_versions: [24, 23, 22]
-  version: 1.12.3
-
-v1_11:
-  name: v1.11
-  minimum_otp: 21.0
-  otp_versions: [23, 22, 21]
-  version: 1.11.4
diff --git a/_includes/bottom.html b/_includes/bottom.html
deleted file mode 100644
index bfc4fb987..000000000
--- a/_includes/bottom.html
+++ /dev/null
@@ -1,12 +0,0 @@
-      </div><!-- #main -->
-
-      <div class="clear"></div>
-
-      <div id="trademark">
-        &copy; 2012–{{ 'now' | date: "%Y" }} The Elixir Team.<br />
-        Elixir and the Elixir logo are <a href="/trademarks">registered trademarks of The Elixir Team</a>.
-      </div>
-    </div><!-- .wrap -->
-  </div><!-- #container -->
-</body>
-</html>
diff --git a/_includes/categories-list.html b/_includes/categories-list.html
deleted file mode 100644
index 61d4e22c0..000000000
--- a/_includes/categories-list.html
+++ /dev/null
@@ -1,16 +0,0 @@
-<div class="widget categories-list">
-  <h3 class="widget-title">Blog Categories</h3>
-  <ul>
-  {% assign sorted_cats = site.categories | sort %}
-  {% for category in sorted_cats %}
-    {% assign category_first = category | first %}
-    <li>
-    {% if category_first == "Elixir in Production" %}
-      <a class="spec" href="/cases.html">{{ category_first }}</a>
-    {% else %}
-      <a class="spec" href="/blog/categories.html#{{ category_first }}">{{ category_first }}</a>
-    {% endif %}
-    </li>
-  {% endfor %}
-  </ul>
-</div>
diff --git a/_includes/events.html b/_includes/events.html
deleted file mode 100644
index e8ed467c5..000000000
--- a/_includes/events.html
+++ /dev/null
@@ -1,4 +0,0 @@
-<!-- <div class="widget events">
-  <h3 class="widget-title">Upcoming events</h3>
-
-</div> -->
diff --git a/_includes/important-links.html b/_includes/important-links.html
deleted file mode 100644
index b577f9aee..000000000
--- a/_includes/important-links.html
+++ /dev/null
@@ -1,63 +0,0 @@
-<div class="widget">
-  <h3 class="widget-title">Important links</h3>
-  <ul>
-    <li class="menu-item development">
-      <a class="spec" href="/development.html">Development & Team</a>
-    </li>
-    <li>
-      <a class="spec" href="https://github.com/elixir-lang/elixir"
-        >Source code & issues tracker</a
-      >
-    </li>
-  </ul>
-</div>
-
-<div id="mini-docu" class="widget">
-  <a href="https://www.youtube.com/watch?v=lxYFOM3UJzo">
-    <div class="mini-docu-cta">
-      <div class="mini-docu-copy">Watch the Elixir<br />mini-documentary!</div>
-    </div>
-  </a>
-</div>
-
-{% include events.html %}
-
-<div class="widget">
-  <h3 class="widget-title">Join the Community</h3>
-  <ul>
-    <li><a class="spec" href="https://hex.pm">Hex.pm package manager</a></li>
-    <li><a class="spec" href="https://twitter.com/elixirlang">@elixirlang on Twitter</a></li>
-    <li><a class="spec" href="irc://irc.libera.chat/elixir">#elixir on irc.libera.chat</a></li>
-    <li><a class="spec" href="https://elixirforum.com">Elixir Forum</a></li>
-    <li><a class="spec" href="https://elixir-lang.slack.com/join/shared_invite/zt-eivteker-k_nArD59XHjjN_r8qeH6dw#/shared-invite/email">Elixir on Slack</a></li>
-    <li><a class="spec" href="https://discord.gg/elixir">Elixir on Discord</a></li>
-    <li>
-      <a class="spec" href="https://github.com/elixir-lang/elixir/wiki/Code-Editor-Support"
-        >IDE/Editor support</a
-      >
-    </li>
-    <li>
-      <a class="spec" href="https://www.meetup.com/topics/elixir/">Meetups around the world</a>
-    </li>
-    <li>
-      <a class="spec" href="https://github.com/elixir-lang/elixir/wiki/Hiring-Elixir-Developers"
-        >Jobs and hiring (community wiki)</a
-      >
-    </li>
-    <li>
-      <a class="spec" href="https://github.com/elixir-lang/elixir/wiki"
-        >Events and resources (community wiki)</a
-      >
-    </li>
-  </ul>
-</div>
-
-<div id="eef" class="widget">
-  <a href="https://erlef.org/" title="Join the Erlang Ecosystem Foundation"
-    ><img
-      src="/images/logo/eef.png"
-      alt="Join the Erlang Ecosystem Foundation"
-      width="174"
-      style="margin-top: -10px"
-  /></a>
-</div>
diff --git a/_includes/pagination.html b/_includes/pagination.html
deleted file mode 100644
index 7e5dd07cb..000000000
--- a/_includes/pagination.html
+++ /dev/null
@@ -1,28 +0,0 @@
-<div id="post-pagination" class="pagination loop-pagination">
-  {% if paginator.previous_page %}
-    {% if paginator.previous_page == 1 %}
-    <a class="prev page-numbers" href="/blog">Previous</a>
-    {% else %}
-    <a class="prev page-numbers" href="/blog/page{{paginator.previous_page}}">Previous</a>
-    {% endif %}
-  {% endif %}
-
-
-  {% if paginator.page == 1 %}
-    <span class="page-numbers current">1</span>
-  {% else %}
-    <a class="page-numbers" href="/blog">1</a>
-  {% endif %}
-
-  {% for count in (2..paginator.total_pages) %}
-    {% if count == paginator.page %}
-      <span class="page-numbers current">{{count}}</span>
-    {% else %}
-      <a class="page-numbers" href="/blog/page{{count}}">{{count}}</a>
-    {% endif %}
-  {% endfor %}
-
-  {% if paginator.next_page %}
-    <a class="next page-numbers spec" href="/blog/page{{paginator.next_page}}">Next</a>
-  {% endif %}
-</div>
diff --git a/_includes/search.html b/_includes/search.html
deleted file mode 100644
index 531418fb0..000000000
--- a/_includes/search.html
+++ /dev/null
@@ -1,36 +0,0 @@
-{% assign stable = site.data.elixir-versions[site.data.elixir-versions.stable].version %}
-
-<div class="widget news">
-  <h3>News: <a href="/blog/2026/06/03/elixir-v1-20-0-released/">Elixir v1.20 released</a></h3>
-</div>
-
-<div class="widget search">
-  <form
-    method="get"
-    role="search"
-    id="search-form"
-    class="search-form"
-    action="https://hexdocs.pm/"
-  >
-    <input
-      type="hidden"
-      name="packages"
-      value="elixir:{{ stable }},eex:{{ stable }},ex_unit:{{ stable }},iex:{{ stable }},logger:{{ stable }},mix:{{ stable }}"
-    />
-    <input
-      class="search-text"
-      type="search"
-      placeholder="Search..."
-      id="searchfield"
-      name="q"
-      aria-label="Search box"
-    />
-    <input
-      class="search-submit button"
-      name="submit"
-      type="submit"
-      value="Search"
-      aria-label="Search button"
-    />
-  </form>
-</div>
diff --git a/_includes/toc.html b/_includes/toc.html
deleted file mode 100644
index d4e82e047..000000000
--- a/_includes/toc.html
+++ /dev/null
@@ -1 +0,0 @@
-<div id="toc" class="toc"></div>
\ No newline at end of file
diff --git a/_includes/top.html b/_includes/top.html
deleted file mode 100644
index 53a2566c2..000000000
--- a/_includes/top.html
+++ /dev/null
@@ -1,48 +0,0 @@
-<!DOCTYPE html>
-<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
-<head>
-  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
-  <meta name="description" content="Welcome to Elixir, a dynamic, functional language designed for building scalable and maintainable applications">
-  <title>{% if page.title %}{{ page.title }} - {% endif %}The Elixir programming language</title>
-  <link href="https://elixir-lang.org/atom.xml" rel="alternate" title="Elixir's Blog" type="application/atom+xml" />
-  <link rel="stylesheet" type="text/css" href="/css/style.css" />
-  <link rel="stylesheet" type="text/css" href="/css/syntax.css" />
-  <link rel="stylesheet" href="/js/icons/style.css">
-  <!--[if lt IE 8]><!-->
-  <link rel="stylesheet" href="/js/icons/ie7/ie7.css">
-  <!--<![endif]-->
-  <meta name="viewport" content="width=device-width,initial-scale=1" />
-  <link rel="stylesheet" id="font-bitter-css" href="https://fonts.googleapis.com/css?family=Bitter:400,700" type="text/css" media="screen" />
-  <link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />
-  <link rel="search" type="application/opensearchdescription+xml" title="elixir-lang.org" href="/opensearch.xml" />
-  <script defer data-domain="elixir-lang.org" src="https://plausible.io/js/plausible.js"></script>
-  <script defer src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
-  <script defer src="/js/index.js" type="text/javascript" charset="utf-8"></script>
-  {% seo title=false %}
-</head>
-
-<body class="{{ page.section }}">
-  <div id="container">
-    <div class="wrap">
-    <div id="header">
-      <div id="branding">
-        <a id="site-title" href="/" title="Elixir" rel="Home">
-          <img class="logo" src="/images/logo/logo.png" alt="Elixir Logo" />
-        </a>
-      </div>
-
-      <div id="menu-primary" class="menu-container">
-        <ul id="menu-primary-items">
-          <li class="menu-item home"><a class="spec" href="/">Home</a></li>
-          <li class="menu-item install"><a class="spec" href="/install.html">Install</a></li>
-          <li class="menu-item learning"><a class="spec" href="/learning.html">Learning</a></li>
-          <li class="menu-item docs"><a class="spec" href="/docs.html">Docs</a></li>
-          <li class="menu-item getting-started"><a class="spec" href="https://elixir.hexdocs.pm/introduction.html">Guides</a></li>
-          <li class="menu-item cases"><a class="spec" href="/cases.html">Cases</a></li>
-          <li class="menu-item blog"><a class="spec" href="/blog/">Blog</a></li>
-        </ul>
-      </div>
-    </div>
-
-    <div id="main">
diff --git a/_layouts/blog.html b/_layouts/blog.html
deleted file mode 100644
index 92a81743d..000000000
--- a/_layouts/blog.html
+++ /dev/null
@@ -1,16 +0,0 @@
-{% include top.html %}
-
-<div id="content">
-  {{ content }}
-</div><!-- #content -->
-
-<div id="sidebar-primary" class="sidebar">
-  {% include search.html %}
-  <div class="rss-button">
-    <a href="https://elixir-lang.org/atom.xml" target="_blank"><img src="/images/social/rss-feed-icon.svg" alt="RSS button" width="32" /></a>
-  </div>
-  {% include categories-list.html %}
-  {% include important-links.html %}
-</div>
-
-{% include bottom.html %}
diff --git a/_layouts/default.html b/_layouts/default.html
deleted file mode 100644
index 3fdc4254c..000000000
--- a/_layouts/default.html
+++ /dev/null
@@ -1,12 +0,0 @@
-{% include top.html %}
-
-<div id="content">
-  {{ content }}
-</div><!-- #content -->
-
-<div id="sidebar-primary" class="sidebar">
-  {% include search.html %}
-  {% include important-links.html %}
-</div>
-
-{% include bottom.html %}
diff --git a/_layouts/post.html b/_layouts/post.html
deleted file mode 100644
index 4cab9e33a..000000000
--- a/_layouts/post.html
+++ /dev/null
@@ -1,31 +0,0 @@
----
-section: blog
-layout: blog
----
-
-<div class="hfeed">
-  <div class="hentry post">
-    <div class="post-content">
-      <div class="sticky-header">
-        <h1>{{ page.title }}</h1>
-        {% if page.subtitle %}
-        <h2>{{ page.subtitle }}</h2>
-        {% endif %}
-        <div class="byline">{{ page.date | date: "%B %d, %Y" }}{% if page.authors %} &middot; by {{ page.authors | join: ", " }}{% endif %} &middot; in {% for category in page.categories %}
-          {% if category == "Elixir in Production" %}
-            <a class="category" href="/cases.html">{{ category }}</a>
-          {% else %}
-            <a class="category" href="/blog/categories.html#{{ category }}">{{ category }}</a>
-          {% endif %}
-        {% endfor %}</div>
-      </div>
-
-      <div class="entry-content">
-        {{ content }}
-      </div>
-
-      <!-- <div class="entry-meta">
-      </div> -->
-    </div>
-  </div>
-</div>
diff --git a/_layouts/redirect.html b/_layouts/redirect.html
deleted file mode 100644
index b6d643e76..000000000
--- a/_layouts/redirect.html
+++ /dev/null
@@ -1,24 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-{% if page.redirect_to %}
-<link rel="canonical" href="https://elixir.hexdocs.pm/{{ page.redirect_to }}.html"/>
-<meta http-equiv="content-type" content="text/html; charset=utf-8" />
-<meta http-equiv="refresh" content="0;url=https://elixir.hexdocs.pm/{{ page.redirect_to }}.html" />
-{% else %}
-<link rel="canonical" href="{{ page.redirect.to }}"/>
-<meta http-equiv="content-type" content="text/html; charset=utf-8" />
-<meta http-equiv="refresh" content="0;url={{ page.redirect.to }}" />
-{% endif %}
-</head>
-<body>
-  <h3>Redirecting...</h3>
-  {% if page.redirect_to %}
-  <a href="https://elixir.hexdocs.pm/{{ page.redirect_to }}.html">Click here if you are not redirected.</a>
-  <script>location='https://elixir.hexdocs.pm/{{ page.redirect_to }}.html'</script>
-  {% else %}
-  <a href="{{ page.redirect.to }}">Click here if you are not redirected.</a>
-  <script>location='{{ page.redirect.to }}'</script>
-  {% endif %}
-</body>
-</html>
diff --git a/_scripts/check-links b/_scripts/check-links
deleted file mode 100755
index 7e5696c42..000000000
--- a/_scripts/check-links
+++ /dev/null
@@ -1,29 +0,0 @@
-#!/usr/bin/env bash
-set -euo pipefail
-
-ignore_urls=$(cat <<'EOF' | tr '\n' ',' | sed 's/,$//'
-http://localhost:4000
-https://www.computerhope.com/issues/ch000549.htm
-https://elixir-lang.slack.com/join/shared_invite/zt-eivteker-k_nArD59XHjjN_r8qeH6dw#/shared-invite/email
-https://www.fastcompany.com/90848907/most-innovative-companies-music-2023
-https://medium.com/making-change-org/our-elixir-bandit-service-e2b6af6eebc4
-https://gtfs.org/
-EOF
-)
-
-cache=$(cat <<'JSON'
-{
-  "timeframe": {
-    "external": "1w",
-    "internal": "1w"
-  }
-}
-JSON
-)
-
-bundle exec htmlproofer \
-  --log-level :debug \
-  --ignore-urls "$ignore_urls" \
-  --cache "$cache" \
-  --no-check-external-hash \
-  ./_site
diff --git a/astro.config.ts b/astro.config.ts
new file mode 100644
index 000000000..bd6d9b072
--- /dev/null
+++ b/astro.config.ts
@@ -0,0 +1,55 @@
+import mdx from "@astrojs/mdx";
+import react from "@astrojs/react";
+import sitemap from "@astrojs/sitemap";
+import tailwindcss from "@tailwindcss/vite";
+import { defineConfig, fontProviders } from "astro/config";
+import { toAstroRedirects } from "./src/data/redirects";
+
+export default defineConfig({
+  site: "https://elixir-lang.org",
+  trailingSlash: "always",
+  redirects: toAstroRedirects(),
+  build: { concurrency: 8 },
+  image: {
+    responsiveStyles: true,
+  },
+  markdown: {
+    shikiConfig: {
+      themes: { light: "github-light", dark: "github-dark" },
+      // Shiki accepts these as bundled-language ids at runtime, but the
+      // exported LanguageRegistration type doesn't model the string form.
+      langs: [
+        "elixir",
+        "erlang",
+        "bash",
+        "typescript",
+        "javascript",
+        "html",
+        "css",
+        "json",
+        // biome-ignore lint/suspicious/noExplicitAny: shiki langs cast - see above
+      ] as any,
+      wrap: true,
+    },
+  },
+  experimental: {
+    fonts: [
+      {
+        cssVariable: "--font-dm-sans",
+        name: "DM Sans",
+        provider: fontProviders.google(),
+        weights: [300, 400, 500, 600, 700],
+      },
+      {
+        cssVariable: "--font-dm-mono",
+        name: "DM Mono",
+        provider: fontProviders.google(),
+        weights: [300, 400, 500],
+      },
+    ],
+  },
+  integrations: [react(), mdx(), sitemap()],
+  vite: {
+    plugins: [tailwindcss()],
+  },
+});
diff --git a/atom.xml b/atom.xml
deleted file mode 100644
index 0f3218b78..000000000
--- a/atom.xml
+++ /dev/null
@@ -1,29 +0,0 @@
----
-layout: null
-elixir_url: https://elixir-lang.org
----
-<?xml version="1.0" encoding="utf-8"?>
-<feed xmlns="http://www.w3.org/2005/Atom">
-
-<title>Elixir Lang</title>
-<link href="{{ page.elixir_url }}/atom.xml" rel="self"/>
-<link href="{{ page.elixir_url }}"/>
-<updated>{{ site.time | date_to_xmlschema }}</updated>
-<id>{{ page.elixir_url }}</id>
-
-{% for post in site.posts %}
-<entry>
-  <title>{{ post.title }}</title>
-  <link href="{{ page.elixir_url }}{{ post.url }}"/>
-  {% for author in post.authors %}
-    <author>
-      <name>{{ author }}</name>
-    </author>
-  {% endfor %}
-  <updated>{{ post.date | date_to_xmlschema }}</updated>
-  <id>{{ post.id }}</id>
-  <content type="html">{{ post.content | xml_escape }}</content>
-</entry>
-{% endfor %}
-
-</feed>
diff --git a/biome.json b/biome.json
new file mode 100644
index 000000000..c0fce7a76
--- /dev/null
+++ b/biome.json
@@ -0,0 +1,60 @@
+{
+  "$schema": "https://biomejs.dev/schemas/2.3.11/schema.json",
+  "assist": {
+    "enabled": true,
+    "actions": {
+      "source": {
+        "organizeImports": "on"
+      }
+    }
+  },
+  "files": {
+    "ignoreUnknown": false,
+    "includes": [
+      "**",
+      "!**/src/styles/style.css",
+      "!**/dist",
+      "!**/.astro",
+      "!**/node_modules",
+      "!**/test-results",
+      "!**/playwright-report"
+    ]
+  },
+  "formatter": {
+    "enabled": true,
+    "indentStyle": "space",
+    "indentWidth": 2
+  },
+  "javascript": {
+    "formatter": {
+      "quoteStyle": "double"
+    }
+  },
+  "linter": {
+    "enabled": true,
+    "rules": {
+      "recommended": true
+    }
+  },
+  "overrides": [
+    {
+      "includes": ["**/*.astro"],
+      "linter": {
+        "rules": {
+          "correctness": {
+            "noUnusedImports": "off",
+            "noUnusedVariables": "off"
+          },
+          "style": {
+            "useImportType": "off"
+          }
+        }
+      }
+    }
+  ],
+  "vcs": {
+    "clientKind": "git",
+    "enabled": true,
+    "useIgnoreFile": true
+  }
+}
diff --git a/blog/categories.html b/blog/categories.html
deleted file mode 100644
index 53589af04..000000000
--- a/blog/categories.html
+++ /dev/null
@@ -1,26 +0,0 @@
----
-title: Posts by category
-section: blog
-layout: blog
----
-
-<div class="hcat">
-  <h2>Posts by category:</h2>
-  <ul>
-  {% assign sorted_cats = site.categories | sort %}
-  {% for category in sorted_cats %}
-    <li>
-      <h5 id="{{ category | first }}">&raquo; {{ category | first | capitalize }}</h5>
-      <ul>
-      {% for posts in category %}
-        {% for post in posts %}
-          {% if post.title %}
-            <li><a href="{{ post.url }}">{{ post.title }}</a> <span class="byline">&dash; {{ post.date | date: "%B %d, %Y" }}</span></li>
-          {% endif %}
-        {% endfor %}
-      {% endfor %}
-      </ul>
-    </li>
-  {% endfor %}
-  </ul>
-</div><!-- .hfeed -->
diff --git a/blog/index.html b/blog/index.html
deleted file mode 100644
index 75d152e14..000000000
--- a/blog/index.html
+++ /dev/null
@@ -1,22 +0,0 @@
----
-title: Blog
-section: blog
-layout: blog
----
-
-<div class="hfeed">
-  {% for post in site.posts %}
-    <div class="hentry post">
-      <div class="sticky-header">
-        <h2 class="entry-title"><a class="spec" href="{{ post.url }}" title="{{ post.title }}" rel="bookmark">{{ post.title }}</a></h2>
-        <div class="byline">{{ post.date | date: "%B %d, %Y" }}{% if post.authors %} · by {{ post.authors | join: ", " }}{% endif %} · in {% for category in post.categories %}<a href="/blog/categories.html#{{category}}" class="category">{{ category }}</a>{% endfor %}</div>
-      </div><!-- .sticky-header -->
-
-      <div class="entry-summary">
-        <p>{{ post.excerpt }}</p>
-      </div><!-- .entry-summary -->
-
-      <p><a href="{{ post.url }}" title="{{ post.title }}" rel="bookmark">Continue reading →</a></p>
-  </div>
-  {% endfor %}
-</div><!-- .hfeed -->
diff --git a/cases.html b/cases.html
deleted file mode 100644
index 42d49e97a..000000000
--- a/cases.html
+++ /dev/null
@@ -1,47 +0,0 @@
----
-section: cases
-layout: default
-image: /images/social/elixir-og-card.jpg
----
-
-<h1>Cases</h1>
-
-<p>Click on the cases below to learn more about how companies across different industries are using the power of Elixir and its ecosystem to create and grow their businesses. Cases are listed in the order they have been published.</p>
-
-<div class="cases-boxes">
-  {% assign sorted_posts = site.categories["Elixir in Production"] | sort: 'date' | reverse %}
-  {% for post in sorted_posts %}
-    {%- if post.flagship %}
-    <a class="cases-box" href="{{ post.url }}" title="Case: {{ post.title }}">
-      {% if post.logo == nil %}
-        <div class="cases-image" style="background-image: url('/images/cases/logos/default-image.png')"></div>
-      {% else %}
-        <div class="cases-image" style="background-image: url('{{ post.logo }}')"></div>
-      {% endif %}
-      <div class="cases-tag">
-        {% for tag in post.tags %}
-          <span>#{{tag}}</span>
-        {% endfor %}
-      </div>
-    </a>
-    {%- endif -%}
-  {% endfor %}
-  {% for post in sorted_posts %}
-    {%- unless post.flagship %}
-    <a class="cases-box" href="{{ post.url }}" title="Case: {{ post.title }}">
-      {% if post.logo == nil %}
-        <div class="cases-image" style="background-image: url('/images/cases/logos/default-image.png')"></div>
-      {% else %}
-        <div class="cases-image" style="background-image: url('{{ post.logo }}')"></div>
-      {% endif %}
-      <div class="cases-tag">
-        {% for tag in post.tags %}
-          <span>#{{tag}}</span>
-        {% endfor %}
-      </div>
-    </a>
-    {%- endunless -%}
-  {% endfor %}
-</div>
-
-<p></p>
diff --git a/crash-course.markdown b/crash-course.markdown
deleted file mode 100644
index e73bc93c3..000000000
--- a/crash-course.markdown
+++ /dev/null
@@ -1,839 +0,0 @@
----
-title: "Erlang/Elixir Syntax: A Crash Course"
-section: home
-layout: default
-image: /images/social/elixir-og-card.jpg
----
-
-# {{ page.title }}
-
-This is a quick introduction to the Elixir syntax for Erlang developers and vice-versa. It is the absolute minimum amount of knowledge you need in order to understand Elixir/Erlang code, support interoperability, read the docs, sample code, etc.
-
-{% include toc.html %}
-
-## Running code
-
-### Erlang
-
-The fastest way to run some code is to launch the Erlang shell -- `erl`. Many code snippets on this page can be pasted directly into the shell. However, when you want to define a named function, Erlang expects it to be inside of a module, and modules have to be compiled. Here's a skeleton for a module:
-
-```erlang
-% module_name.erl
--module(module_name).  % you may use some other name
--compile(export_all).
-
-hello() ->
-  io:format("~s~n", ["Hello world!"]).
-```
-
-Add your functions to it, save it to disk, run `erl` from the same directory and execute the `compile` command:
-
-```erl
-Eshell V13.0.4  (abort with ^G)
-1> c(module_name).
-ok
-1> module_name:hello().
-Hello world!
-ok
-```
-
-You may keep the shell running while you're editing the file. Just don't forget to execute `c(module_name)` to load the latest changes. Note that the filename has to be the same as the one declared in the `-module()` directive, plus an extension `.erl`.
-
-### Elixir
-
-Elixir too has an interactive shell called `iex`. Compiling Elixir code can be done with `elixirc` (which is similar to Erlang's `erlc`). Elixir also provides an executable named `elixir` to run Elixir code. The module defined above can be written in Elixir as:
-
-```elixir
-# module_name.ex
-defmodule ModuleName do
-  def hello do
-    IO.puts("Hello world!")
-  end
-end
-```
-
-And compiled from `iex`:
-
-```elixir
-Interactive Elixir (1.14.0) - press Ctrl+C to exit (type h() ENTER for help)
-iex> c("module_name.ex")
-[ModuleName]
-iex> ModuleName.hello()
-Hello world!
-:ok
-```
-
-However, notice that in Elixir you don't need to create a file only to create a new module; Elixir modules can be defined directly in the shell:
-
-```elixir
-iex> defmodule MyModule do
-...>   def hello do
-...>     IO.puts("Another Hello")
-...>   end
-...> end
-{:module, MyModule,
- <<70, 79, 82, 49, 0, 0, 5, 136, 66, 69, 65, 77, 65, 116, 85, 56, 0, 0, 0, 187,
-   0, 0, 0, 19, 15, 69, 108, 105, 120, 105, 114, 46, 77, 121, 77, 111, 100, 117,
-   108, 101, 8, 95, 95, 105, 110, 102, 111, ...>>, {:hello, 0}}
-iex> MyModule.hello()
-Another Hello
-:ok
-```
-
-
-## Notable differences
-
-This section goes over some of the syntactic differences between the two languages.
-
-### Operator names
-
-Some operators are spelled differently, others are not available.
-
-| Erlang         | Elixir         | Meaning                                          |
-|----------------|----------------|--------------------------------------------------|
-| and            | NOT AVAILABLE  | Strictly boolean 'and', evaluates both arguments |
-| andalso        | and            | Strictly boolean "and", short-circuits           |
-| or             | NOT AVAILABLE  | Strictly boolean 'or', evaluates both arguments  |
-| orelse         | or             | Strictly boolean "or", short-circuits            |
-| xor            | NOT AVAILABLE  | Strictly boolean 'xor'                           |
-| =:=            | ===            | Strictly equals to                               |
-| =/=            | !==            | Strictly not equals to                           |
-| /=             | !=             | Not equals to                                    |
-| =<             | <=             | Less than or equals to                           |
-
-
-### Delimiters
-
-Erlang expressions are terminated with a dot `.` and comma `,` is used to evaluate multiple expressions within one context (in a function definition, for instance). In Elixir, expressions are delimited by a line break or a semicolon `;`.
-
-**Erlang**
-
-```erlang
-X = 2, Y = 3.
-X + Y.
-```
-
-**Elixir**
-
-```elixir
-x = 2; y = 3
-x + y
-```
-
-### Variable names
-
-Variables in Erlang can only be assigned once. The Erlang shell provides a special command `f` that allows you to erase the binding of a variable or all variables at once.
-
-Elixir allows you to assign to a variable more than once. If you want to match against the value of a previously assigned variable, you should use `^`:
-
-**Erlang**
-
-```erl
-Eshell V5.9  (abort with ^G)
-1> X = 10.
-10
-2> X = X + 1.
-** exception error: no match of right hand side value 11
-3> X1 = X + 1.
-11
-4> f(X).
-ok
-5> X = X1 * X1.
-121
-6> f().
-ok
-7> X.
-* 1: variable 'X' is unbound
-8> X1.
-* 1: variable 'X1' is unbound
-```
-
-**Elixir**
-
-```elixir
-iex> a = 1
-1
-iex> a = 2
-2
-iex> ^a = 3
-** (MatchError) no match of right hand side value: 3
-```
-
-### Calling functions
-
-Invoking a function from a module uses different syntax. In Erlang, you would write
-
-```erlang
-lists:last([1, 2]).
-```
-
-to invoke the `last` function from the `lists` module. In Elixir, use the dot `.` in place of the colon `:`
-
-```elixir
-List.last([1, 2])
-```
-
-**Note**. Since Erlang modules are represented by atoms, you may invoke Erlang functions in Elixir as follows:
-
-```elixir
-:lists.sort([3, 2, 1])
-```
-
-All of the Erlang built-ins reside in the `:erlang` module.
-
-
-## Data types
-
-Erlang and Elixir have the same data types for the most part, but there are a number of differences.
-
-### Atoms
-
-In Erlang, an `atom` is any identifier that starts with a lowercase letter, e.g. `ok`, `tuple`, `donut`. Identifiers that start with a capital letter are always treated as variable names. Elixir, on the other hand, uses the former for naming variables, and the latter are treated as atom aliases. Atoms in Elixir always start with a colon `:`.
-
-**Erlang**
-
-```erlang
-im_an_atom.
-me_too.
-
-Im_a_var.
-X = 10.
-```
-
-**Elixir**
-
-```elixir
-:im_an_atom
-:me_too
-
-im_a_var
-x = 10
-
-Module  # this is called an atom alias; it expands to :'Elixir.Module'
-```
-
-It is also possible to create atoms that start with a character other than a lowercase letter. The syntax is different between the two languages:
-
-**Erlang**
-
-```erlang
-is_atom(ok).                %=> true
-is_atom('0_ok').            %=> true
-is_atom('Multiple words').  %=> true
-is_atom('').                %=> true
-```
-
-**Elixir**
-
-```elixir
-is_atom(:ok)                #=> true
-is_atom(:'ok')              #=> true
-is_atom(Ok)                 #=> true
-is_atom(:"Multiple words")  #=> true
-is_atom(:"")                #=> true
-```
-
-### Tuples
-
-The syntax for tuples is the same in both languages, but the APIs are different. Elixir attempts to normalize Erlang libraries in a way that:
-
-1. The `subject` of the function is always the first argument.
-2. All data structures functions employ zero-based access.
-
-That said, Elixir does not import the default `element` and `setelement` functions, but instead provides `elem` and `put_elem`:
-
-**Erlang**
-
-```erlang
-element(1, {a, b, c}).       %=> a
-setelement(1, {a, b, c}, d). %=> {d, b, c}
-```
-
-**Elixir**
-
-```elixir
-elem({:a, :b, :c}, 0)         #=> :a
-put_elem({:a, :b, :c}, 0, :d) #=> {:d, :b, :c}
-```
-
-### Lists and binaries
-
-Elixir has a shortcut syntax for binaries:
-
-**Erlang**
-
-```erlang
-is_list('Hello').        %=> false
-is_list("Hello").        %=> true
-is_binary(<<"Hello">>).  %=> true
-```
-
-**Elixir**
-
-```elixir
-is_list('Hello')         #=> true
-is_binary("Hello")       #=> true
-is_binary(<<"Hello">>)   #=> true
-<<"Hello">> === "Hello"  #=> true
-```
-
-In Elixir, the word **string** means a UTF-8 binary and there is a `String` module that works on such data. Elixir also expects your source files to be UTF-8 encoded. On the other hand, **string** in Erlang refers to char lists and there is a `:string` module that works mostly with both char lists and UTF-8 encoded binaries.
-
-Elixir also supports multiline strings (also called *heredocs*):
-
-```elixir
-is_binary("""
-This is a binary
-spanning several
-lines.
-""")
-#=> true
-```
-
-### Keyword list
-
-Elixir offers a literal syntax for creating a list of two-item tuples where the first item in the tuple is an atom and calls them keyword lists:
-
-**Erlang**
-
-```erlang
-Proplist = [{another_key, 20}, {key, 10}].
-proplists:get_value(another_key, Proplist).
-%=> 20
-```
-
-**Elixir**
-
-```elixir
-kw = [another_key: 20, key: 10]
-kw[:another_key]
-#=> 20
-```
-
-### Maps
-
-Maps are key-value pairs with no ordering. Keys and values can be any term. Creating, updating and matching maps in both languages is shown below:
-
-**Erlang**
-
-```erlang
-Map = #{key => 0}.
-Updated = Map#{key := 1}.
-#{key := Value} = Updated.
-Value =:= 1.
-%=> true
-```
-
-**Elixir**
-
-```elixir
-map = %{:key => 0}
-map = %{map | :key => 1}
-%{:key => value} = map
-value === 1
-#=> true
-```
-
-If the keys are all atoms, Elixir allows developers to use `key: 0` for defining the map as well as using `.key` for accessing fields:
-
-```elixir
-map = %{key: 0}
-map = %{map | key: 1}
-map.key === 1
-```
-
-### Regular expressions
-
-Elixir supports a literal syntax for regular expressions. Such syntax allows regexes to be compiled at compilation time instead of runtime and does not require you to double escape special regex characters:
-
-**Erlang**
-
-```erlang
-{ ok, Pattern } = re:compile("abc\\s").
-re:run("abc ", Pattern).
-%=> { match, ["abc "] }
-```
-
-**Elixir**
-
-```elixir
-Regex.run(~r/abc\s/, "abc ")
-#=> ["abc "]
-```
-
-## Modules
-
-Each Erlang module lives in its own file which has the following structure:
-
-```erlang
--module(hello_module).
--export([some_fun/0, some_fun/1]).
-
-% A "Hello world" function
-some_fun() ->
-  io:format('~s~n', ['Hello world!']).
-
-% This one works only with lists
-some_fun(List) when is_list(List) ->
-  io:format('~s~n', List).
-
-% Non-exported functions are private
-priv() ->
-  secret_info.
-```
-
-Here we create a module named ``hello_module``. In it we define three functions, the first two are made available for other modules to call via the ``export`` directive at the top. It contains a list of functions, each of which is written in the format ``<function name>/<arity>``. Arity stands for the number of arguments.
-
-An Elixir equivalent to the Erlang above:
-
-```elixir
-defmodule HelloModule do
-  # A "Hello world" function
-  def some_fun do
-    IO.puts("Hello world!")
-  end
-
-  # This one works only with lists
-  def some_fun(list) when is_list(list) do
-    IO.inspect(list)
-  end
-
-  # A private function
-  defp priv do
-    :secret_info
-  end
-end
-```
-
-In Elixir, it is also possible to have multiple modules in one file, as well as nested modules:
-
-```elixir
-defmodule HelloModule do
-  defmodule Utils do
-    def util do
-      IO.puts("Utilize")
-    end
-
-    defp priv do
-      :cant_touch_this
-    end
-  end
-
-  def dummy do
-    :ok
-  end
-end
-
-defmodule ByeModule do
-end
-
-HelloModule.dummy()
-#=> :ok
-
-HelloModule.Utils.util()
-# "Utilize"
-#=> :ok
-
-HelloModule.Utils.priv()
-#=> ** (UndefinedFunctionError) undefined function: HelloModule.Utils.priv/0
-```
-
-## Function syntax
-
-[This chapter][3] from the Erlang book provides a detailed description of pattern matching and function syntax in Erlang. Here, we briefly cover the main points and provide sample code both in Erlang and Elixir.
-
-[3]: https://learnyousomeerlang.com/syntax-in-functions
-
-### Pattern matching
-
-Pattern matching in Elixir is based on Erlang's implementation and in general is very similar:
-
-**Erlang**
-
-```erlang
-loop_through([Head | Tail]) ->
-  io:format('~p~n', [Head]),
-  loop_through(Tail);
-
-loop_through([]) ->
-  ok.
-```
-
-**Elixir**
-
-```elixir
-def loop_through([head | tail]) do
-  IO.inspect(head)
-  loop_through(tail)
-end
-
-def loop_through([]) do
-  :ok
-end
-```
-
-When defining a function with the same name multiple times, each such definition is called a **clause**. In Erlang, clauses always go side by side and are separated by a semicolon ``;``. The last clause is terminated by a dot ``.``.
-
-Elixir doesn't require punctuation to separate clauses, but they must be grouped together.
-
-### Identifying functions
-
-In both Erlang and Elixir, a function is not identified only by its name, but by its name and arity. In both examples below, we are defining four different functions (all named `sum`, but with different arity):
-
-**Erlang**
-
-```erlang
-sum() -> 0.
-sum(A) -> A.
-sum(A, B) -> A + B.
-sum(A, B, C) -> A + B + C.
-```
-
-**Elixir**
-
-```elixir
-def sum, do: 0
-def sum(a), do: a
-def sum(a, b), do: a + b
-def sum(a, b, c), do: a + b + c
-```
-
-Guard expressions provide a concise way to define functions that accept a limited set of values based on some condition.
-
-**Erlang**
-
-```erlang
-sum(A, B) when is_integer(A), is_integer(B) ->
-  A + B;
-
-sum(A, B) when is_list(A), is_list(B) ->
-  A ++ B;
-
-sum(A, B) when is_binary(A), is_binary(B) ->
-  <<A/binary,  B/binary>>.
-
-sum(1, 2).
-%=> 3
-
-sum([1], [2]).
-%=> [1, 2]
-
-sum(<<"a">>, <<"b">>).
-%=> <<"ab">>
-```
-
-**Elixir**
-
-```elixir
-def sum(a, b) when is_integer(a) and is_integer(b) do
-  a + b
-end
-
-def sum(a, b) when is_list(a) and is_list(b) do
-  a ++ b
-end
-
-def sum(a, b) when is_binary(a) and is_binary(b) do
-  a <> b
-end
-
-sum(1, 2)
-#=> 3
-
-sum([1], [2])
-#=> [1, 2]
-
-sum("a", "b")
-#=> "ab"
-```
-
-### Default values
-
-In addition, Elixir allows for default values for arguments, whereas Erlang does not.
-
-```elixir
-def mul_by(x, n \\ 2) do
-  x * n
-end
-
-mul_by(4, 3) #=> 12
-mul_by(4)    #=> 8
-```
-
-### Anonymous functions
-
-Anonymous functions are defined in the following way:
-
-**Erlang**
-
-```erlang
-Sum = fun(A, B) -> A + B end.
-Sum(4, 3).
-%=> 7
-
-Square = fun(X) -> X * X end.
-lists:map(Square, [1, 2, 3, 4]).
-%=> [1, 4, 9, 16]
-```
-
-**Elixir**
-
-```elixir
-sum = fn a, b -> a + b end
-sum.(4, 3)
-#=> 7
-
-square = fn x -> x * x end
-Enum.map([1, 2, 3, 4], square)
-#=> [1, 4, 9, 16]
-```
-
-It is possible to use pattern matching when defining anonymous functions, too.
-
-**Erlang**
-
-```erlang
-F = fun(Tuple = {a, b}) ->
-        io:format("All your ~p are belong to us~n", [Tuple]);
-        ([]) ->
-        "Empty"
-    end.
-
-F([]).
-%=> "Empty"
-
-F({a, b}).
-%=> "All your {a, b} are belong to us"
-```
-
-**Elixir**
-
-```elixir
-f = fn
-  {:a, :b} = tuple ->
-    "All your #{inspect(tuple)} are belong to us"
-
-  [] ->
-    "Empty"
-end
-
-f.([])
-#=> "Empty"
-
-f.({:a, :b})
-#=> "All your {:a, :b} are belong to us"
-```
-
-
-### First-class functions
-
-Anonymous functions are first-class values, so they can be passed as arguments to other functions and also can serve as a return value. There is a special syntax to allow named functions be treated in the same manner.
-
-**Erlang**
-
-```erlang
-% math.erl
--module(math).
--export([square/1]).
-
-square(X) -> X * X.
-```
-
-```erl
-Eshell V5.9  (abort with ^G)
-1> c(math).
-{ok,math}
-2> lists:map(fun math:square/1, [1, 2, 3]).
-[1,4,9]
-```
-
-**Elixir**
-
-```elixir
-defmodule Math do
-  def square(x) do
-    x * x
-  end
-end
-
-Enum.map([1, 2, 3], &Math.square/1)
-#=> [1, 4, 9]
-```
-
-
-### Partials and function captures in Elixir
-
-Elixir supports partial application of functions which can be used to define anonymous functions in a concise way:
-
-```elixir
-Enum.map([1, 2, 3, 4], &(&1 * 2))
-#=> [2, 4, 6, 8]
-
-List.foldl([1, 2, 3, 4], 0, &(&1 + &2))
-#=> 10
-```
-
-We use the same `&` operator to capture a function, allowing us to pass named functions as arguments.
-
-```elixir
-defmodule Math do
-  def square(x) do
-    x * x
-  end
-end
-
-Enum.map([1, 2, 3], &Math.square/1)
-#=> [1, 4, 9]
-```
-
-The above would be equivalent to Erlang's `fun math:square/1`.
-
-## Control flow
-
-The constructs `if` and `case` are actually expressions in both Erlang and Elixir, but may be used for control flow as in imperative languages.
-
-### Case
-
-The ``case`` construct provides control flow based purely on pattern matching.
-
-**Erlang**
-
-```erlang
-case {X, Y} of
-  {a, b} -> ok;
-  {b, c} -> good;
-  Else -> Else
-end
-```
-
-**Elixir**
-
-```elixir
-case {x, y} do
-  {:a, :b} -> :ok
-  {:b, :c} -> :good
-  other -> other
-end
-```
-
-### If
-
-**Erlang**
-
-```erlang
-Test_fun = fun (X) ->
-  if X > 10 ->
-       greater_than_ten;
-     X < 10, X > 0 ->
-       less_than_ten_positive;
-     X < 0; X =:= 0 ->
-       zero_or_negative;
-     true ->
-       exactly_ten
-  end
-end.
-
-Test_fun(11).
-%=> greater_than_ten
-
-Test_fun(-2).
-%=> zero_or_negative
-
-Test_fun(10).
-%=> exactly_ten
-```
-
-**Elixir**
-
-```elixir
-test_fun = fn x ->
-  cond do
-    x > 10 ->
-      :greater_than_ten
-
-    x < 10 and x > 0 ->
-      :less_than_ten_positive
-
-    x < 0 or x === 0 ->
-      :zero_or_negative
-
-    true ->
-      :exactly_ten
-  end
-end
-
-test_fun.(44)
-#=> :greater_than_ten
-
-test_fun.(0)
-#=> :zero_or_negative
-
-test_fun.(10)
-#=> :exactly_ten
-```
-
-There are two important differences between Elixir's `cond` and Erlang's `if`:
-
-1) `cond` allows any expression on the left side while Erlang allows only guard clauses;
-
-2) `cond` uses Elixir's concepts of truthy and falsy values (everything is truthy except `nil` and `false`), Erlang's `if` expects strictly a boolean;
-
-Elixir also provides an `if` function that resembles more imperative languages and is useful when you need to check if one clause is true or false:
-
-```elixir
-if x > 10 do
-  :greater_than_ten
-else
-  :not_greater_than_ten
-end
-```
-
-### Sending and receiving messages
-
-The syntax for sending and receiving differs only slightly between Erlang and Elixir.
-
-**Erlang**
-
-```erlang
-Pid = self().
-
-Pid ! {hello}.
-
-receive
-  {hello} -> ok;
-  Other -> Other
-after
-  10 -> timeout
-end.
-```
-
-**Elixir**
-
-```elixir
-pid = Kernel.self()
-
-send(pid, {:hello})
-
-receive do
-  {:hello} -> :ok
-  other -> other
-after
-  10 -> :timeout
-end
-```
-
-## Adding Elixir to existing Erlang programs
-
-Elixir compiles into BEAM byte code (via Erlang Abstract Format). This means that Elixir code can be called from Erlang and vice versa, without the need to write any bindings. All Elixir modules start with the `Elixir.` prefix followed by the regular Elixir name. For example, here is how to use the UTF-8 aware `String` downcase from Elixir in Erlang:
-
-```erlang
--module(bstring).
--export([downcase/1]).
-
-downcase(Bin) ->
-  'Elixir.String':downcase(Bin).
-```
-
-## Further reading
-
-Both programming languages have plenty of resources available to dig deeper. Check out their respective websites ([Elixir](https://elixir-lang.org) and [Erlang](https://www.erlang.org)) for more information.
\ No newline at end of file
diff --git a/css/style.css b/css/style.css
deleted file mode 100644
index c1e77da83..000000000
--- a/css/style.css
+++ /dev/null
@@ -1,996 +0,0 @@
-/**
- * Theme Name: Origin
- * Theme URI: https://alienwp.com/themes/origin/
- * Description: Minimalistic, mobile-optimized theme with responsive layout. The theme settings include options for uploading favicon and logo images, color picker, typography settings, and a nice selection of Google fonts.
- * Version: 0.2.8
- * Author: Galin Simeonov
- * Author URI: https://alienwp.com
- * Tags: flexible-width, theme-options, threaded-comments, microformats, translation-ready, rtl-language-support, one-column, two-columns, right-sidebar, sticky-post, custom-background, featured-images
- * License: GNU General Public License v2.0
- * License URI: https://www.gnu.org/licenses/gpl-2.0.html
- *
- * Copyright (c) 2011 - 2012 Galin Simeonov.  All rights reserved.
- * https://alienwp.com
- */
-
-/* Normalize
--------------------------------------------------------------- */
-article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
-audio, canvas, video {
-  display: inline-block;
-  *display: inline;
-  *zoom: 1;
-}
-audio:not([controls]) { display: none; }
-[hidden] { display: none; }
-figure { margin: 0; }
-html {
-  height: 100%;
-  font-size: 16px;  /* 16px */
-  overflow-y: scroll;
-  -webkit-text-size-adjust: 100%;
-  -ms-text-size-adjust: 100%;
-}
-body {
-  margin: 0;
-  font: 0.95em/1.692307em 'Bitter', Georgia, 'Times New Roman', Times, serif;
-  color: #24292e;
-  padding: 0;
-  height: 100%;
-}
-#container {
-  background-color: #fff;
-}
-a, a:visited {
-  color: #4e2a8e;
-  text-decoration: underline;
-}
-a.spec, a.spec:visited {
-  text-decoration: none;
-}
-a:hover {
-  text-decoration: none;
-  color: #24292e;
-}
-abbr { cursor: help }
-abbr[title] { border-bottom: 1px dotted; }
-acronym {
-  font-size: .85em;
-  text-transform: uppercase;
-  color: #666;
-  border-bottom: 1px dotted #eee;
-  cursor: help;
-}
-acronym:hover {
-  color: #24292e;
-  background: #f5f5f5;
-  border-bottom: 1px dotted #aaa;
-}
-small { font-size: 0.8461538461538462em; }  /* 11 / 13 = 0.8461538461538462 */
-big { font-size: 15px; }
-p { margin: 0 0 1.692307em 0 }
-b, strong { font-weight: bold; }
-blockquote {
-  margin: 0 1.692307em;
-  font-style: normal
-}
-blockquote em, blockquote cite { font-style: italic }
-blockquote, q { quotes: none }
-blockquote:before, blockquote:after, q:before, q:after {
-  content: '';
-  content: none
-}
-em, cite {
-  font-style: italic;
-  font-family: Georgia, 'Times New Roman', Times, serif;
-}
-em em, cite cite { font-style: normal }
-dfn { font-style: italic; }
-address {
-  font-style: italic;
-  font-family: Georgia, 'Times New Roman', Times, serif;
-  margin: 0 0 1.692307em 0
-}
-li address, dd address { margin:0 }
-del { text-decoration: line-through }
-object { margin-bottom: 1.692307em }
-hr {
-  display: block;
-  height: 1px;
-  border: 0;
-  border-top: 1px solid #e7e7e7;
-  margin: 1em 0 1.692307em 0;
-  padding: 0;
-}
-ins {
-  font-family: Georgia, 'Times New Roman', Times, serif;
-  background: #f5f5f5;
-  color: #24292e;
-  text-decoration: none;
-  font-style: italic;
-}
-mark {
-  background: #f5f5f5;
-  color: #24292e;
-  font-style: italic;
-  font-weight: bold;
-}
-pre, code, kbd, samp {
-  font-family: monospace, monospace;
-  _font-family: 'courier new', monospace;
-  font-size: 1em;
-}
-pre code { font-size: 1em }
-pre {
-  font-size: 0.8461538461538462em;
-  font-family: Monaco, monospace, Courier, "Courier New";
-  overflow: auto;
-  line-height: 1.692307em;
-  margin-bottom: 1.692307em;
-  padding: 10px;
-  white-space: pre;
-  white-space: pre-wrap;
-  word-wrap: break-word;
-}
-code {
-  font-size: 0.8461538461538462em;
-  font-family: Monaco, monospace, Courier, "Courier New";
-}
-sub, sup {
-  font-size: 0.7692307692307692em;  /* 10 / 13 = 0.7692307692307692 */
-  line-height: 0;
-  position: relative;
-  vertical-align: baseline;
-}
-sup { top: -0.5em; }
-sub { bottom: -0.25em; }
-ul {
-  list-style: disc;
-  margin: 0 0 1.692307em 2.8em;
-  padding: 0;
-}
-ol {
-  list-style-type: decimal;
-  margin: 0 0 1.692307em 3.1em;
-  padding: 0;
-}
-ol ol { list-style: upper-roman }
-ol ol ol { list-style: lower-roman }
-ol ol ol ol { list-style: upper-alpha }
-ol ol ol ol ol { list-style: lower-alpha }
-ul ul, ol ol, ul ol, ol ul { margin-bottom:0 }
-
-dl { margin: 0 0 1.692307em 5px }
-dt {
-  font-weight: bold;
-  margin: 10px 0 0 0
-}
-dd { margin: 5px 0 0 1.5em }
-h1, h2, h3, h4, h5, h6 {
-  font-style: normal;
-  font-weight: normal;
-  margin: 0 0 15px 0;
-  color: #24292e;
-  line-height: 1.3em;
-}
-h1 { font-size: 2.5384615384615383em; }   /* 33 / 13 = 2.5384615384615383 */
-h2 {
-  font-size: 1.6923076923076923em;        /* 22 / 13 = 1.6923076923076923 */
-  margin-top: 1.3333333333333333em;       /* 32 / 24 = 1.3333333333333333 */
-}
-h3 { font-size: 1.461538461538461em; }    /* 19 / 13 = 1.538461538461538 */
-h4 { font-size: 1.384615384615385em; }    /* 18 / 13 = 1.384615384615385 */
-h5 {
-  font-size: 1.230769230769231em;    /* 16 / 13 = 1.230769230769231 */
-  font-weight: bold;
-}
-h6 {
-  font-size: 1.076923076923077em;    /* 14 / 13 = 1.076923076923077 */
-  font-weight: bold;
-}
-img {
-  border: 0;
-  -ms-interpolation-mode: bicubic;
-  vertical-align: middle;
-  max-width: 100%;
-}
-svg:not(:root) { overflow: hidden; }
-form { margin: 0; }
-fieldset {
-  border: 0;
-  margin: 0;
-  padding: 0;
-}
-label { cursor: pointer; }
-legend {
-  border: 0;
-  *margin-left: -7px;
-  padding: 0;
-}
-button, input, select, textarea, a.button {
-  font-size: 1em;
-  margin: 0;
-  vertical-align: baseline;
-  *vertical-align: middle;
-}
-button, input, a.button {
-  line-height: normal;
-  *overflow: visible;
-}
-table button, table input { *overflow: auto; }
-button, input[type="button"], input[type="reset"], input[type="submit"] {
-  cursor: pointer;
-  -webkit-appearance: button;
-}
-input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
-input[type="search"] {
-  -webkit-appearance: textfield;
-  -moz-box-sizing: content-box;
-  -webkit-box-sizing: content-box;
-  box-sizing: content-box;
-}
-input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
-button::-moz-focus-inner, input::-moz-focus-inner {
-  border: 0;
-  padding: 0;
-}
-textarea {
-  overflow: auto;
-  vertical-align: top;
-  resize: vertical;
-}
-input:invalid, textarea:invalid { background-color: #f0dddd; }
-option { padding: 1px 2px; }
-table {
-  border-collapse: collapse;
-  border-spacing: 0;
-  margin-bottom: 1.692307em;
-}
-td { vertical-align: top; }
-th, td { text-align: left; }
-
-/* WordPress classes
--------------------------------------------------------------- */
-.hfeed h1, .hfeed h2, .hfeed h3, .hfeed h4, .hfeed h5, .hfeed h6 { font-weight: normal; }
-.hcat h5 {
-  font-weight: normal;
-  margin-top: 25px;
-}
-.left, .alignleft {
-  float: left;
-  margin: 0 15px 5px 0;
-}
-.right, .alignright {
-  float: right;
-  margin: 0 0 10px 25px;
-}
-.center, .aligncenter {
-  display: block;
-  margin: 0 auto 1.692307em auto !important;
-}
-.block, .alignnone {
-  display: block;
-  margin: 0 0 1.692307em 0;
-}
-img.alignleft, img.alignright {
-  margin-top: 5px;
-  display: inline;
-}
-blockquote.alignleft, blockquote .alignright { width: 33%; }
-.byline abbr, .entry-meta abbr, .comment-meta abbr { border: none; }
-.clear { clear: both; }
-
-/* Tables
--------------------------------------------------------------- */
-table {
-  margin: 0 0 1.692307em 0;
-  width: 100%;
-}
-table caption {
-  font-size: 0.8125em;
-  line-height: 1.692307em;
-  color: #666;
-}
-table th {
-  font-size: 0.8461538461538462em;
-  line-height: 1.692307em;
-  font-weight: normal;
-  text-transform: uppercase;
-  padding: 10px 2%;
-  border-bottom: none;
-  border-bottom: 3px solid #e7e7e7;
-  text-align: left;
-}
-td {
-  padding: 0.8125em 2%;
-  color: #666;
-  border-bottom: 1px solid #e7e7e7;
-}
-
-#content table {
-  margin-left: 1.692307em;
-  width: auto;
-  width: 85%;
-}
-#content table caption { color: #24292e; }
-#content table th {
-  font-weight: bold;
-  padding: 10px 4%;
-  border-bottom: 3px solid #E6DFD5;
-  background-color:#FFFAF3;
-}
-#content td {
-  padding: 0.8125em 4%;
-  border-bottom: 1px solid #E6DFD5;
-}
-
-/* Lists
--------------------------------------------------------------- */
-ul li, ol li { line-height: 2.1em; }
-dl { margin: 0 0 20px 30px; }
-dl dt {
-  margin: 0;
-  font-size: 1.230769230769231em;    /* 16 / 13 = 1.230769230769231 */
-  line-height: 1.692307em;
-  font-family: Georgia, 'Times New Roman', Times, serif;
-  font-style: italic;
-  font-weight: normal;
-}
-dl dd {
-  margin: 0 0 5px 20px;
-  padding: 0;
-  color: #666;
-}
-
-/* Blockquotes
--------------------------------------------------------------- */
-blockquote {
-  overflow: hidden;
-  border-left: solid 3px #ccc;
-  font-size: 1.153846153846154em;    /* 15 / 13 = 1.153846153846154 */
-  font-family: Georgia, 'Times New Roman', Times, serif;
-  font-style: italic;
-  color: #666;
-  margin: 0 0 20px 0;
-  padding: 5px 0 5px 20px;
-}
-
-blockquote p:last-child, blockquote pre:last-child {
-  margin-bottom: 5px;
-}
-
-/* Code
--------------------------------------------------------------- */
-code {
-  padding: 1px 3px;
-  color: #24292e;
-  background: #fdfbf7;
-  border:1px solid #faefe0;
-}
-pre {
-  padding: 15px 20px;
-  background: #fdfbf7;
-  border: 1px solid #f6e4cc;
-}
-pre code {
-  padding: 0;
-  background: transparent;
-  border:0;
-}
-
-/* Forms
--------------------------------------------------------------- */
-form label, form input, form textarea {
-  font-family: 'Bitter', Georgia, 'Times New Roman', Times, serif;
-}
-form label {
-  line-height: 1em;
-  color: #222;
-}
-input[type="text"], input[type="password"], input[type="email"], .input-text, textarea, select {
-  border: 1px solid #ddd;
-  padding: 5px;
-  font-size: 0.8125em;
-  color: #666;
-  margin: 0;
-  display: block;
-  background: #fff;
-}
-select { padding: 0; }
-input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus, .input-text:focus {
-  border: 1px solid #aaa;
-  color: #444;
-  -moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
-  -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
-  box-shadow:  0 0 3px rgba(0,0,0,.2);
-}
-textarea {
-  display: block;
-  width: 94%;
-  min-height: 60px;
-}
-input[type="radio"] { vertical-align: text-middle; }
-input[type="checkbox"] { display: inline; }
-input[type="submit"]:hover { cursor: pointer }
-.error { color: #ff4367; }
-
-/* Images & Video
--------------------------------------------------------------- */
-a:hover img, #slider-nav li a:hover img { opacity: 0.85; }
-#site-title a:hover img {
-  border: none;
-  opacity: 1;
-}
-.hentry img, .entry-content img, .widget img, .hentry embed, .entry-content embed, .widget embed, .hentry object, .entry-content object, .widget object, .hentry video, .entry-content video, .widget video, iframe.video {
-  max-width: 100%;
-}
-.hentry img, .entry-content img, .widget img {
-  height: auto;
-  padding: 1px;
-}
-.rss-button { margin-bottom: 25px; }
-iframe.video { border:0; }
-
-/* Layout
--------------------------------------------------------------- */
-#main {
-  clear: both;
-  width: 100%;
-  margin: 0 auto;
-  position: relative;
-}
-.page-template-fullwidth #content { width: 100%; }
-#content {
-  float: left;
-  width: 68.08510638297872%;
-  margin: 0 0 30px 0;
-  min-height: 180px;
-}
-#sidebar-primary {
-  float: right;
-  width: 27.65957446808511%;
-}
-.wrap {
-  max-width: 940px;
-  margin: 0 auto;
-  position: relative;
-}
-
-#comments-template { clear: left; }
-
-/* Primary menu
--------------------------------------------------------------- */
-#menu-primary {
-  font-size: 1em;
-}
-#menu-primary ul {
-  margin: 0 0 10px;
-}
-#menu-primary li {
-  display: inline-block;
-}
-#menu-primary li a {
-  line-height: 1.2em;
-  font-size: 1em;
-  margin-right: 20px;
-  text-transform: uppercase;
-}
-#menu-primary li:last-child a {
-  margin-right: 0;
-}
-#menu-primary li.current-menu-item a { color: #aaa; }
-#menu-primary ul li a:hover { color: #222; }
-
-body.home             div.menu li.home            a,
-body.install          div.menu li.install         a,
-body.getting-started  div.menu li.getting-started a,
-body.blog             div.menu li.blog            a,
-body.docs             div.menu li.docs            a,
-body.development      div.menu li.development     a,
-body.cases            div.menu li.cases           a,
-body.learning         div.menu li.learning        a {
-  color: #aaa;
-}
-
-/* Header
--------------------------------------------------------------- */
-#header {
-  clear: both;
-  width: 100%;
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: space-between;
-  margin: 20px 0;
-}
-#branding {
-  max-width: 225px;
-  margin-bottom: 25px;
-}
-
-.sidebar .widget.news {
-  font-size: 0.8em;
-  margin-bottom: 7px;
-}
-
-.sidebar .widget.events {
-  margin-bottom: 5px;
-}
-
-.widget.events a {
-  display: inline-block;
-  padding-bottom: 21px;
-  text-decoration: none;
-}
-
-.widget.events a:hover {
-  color: #24292e;
-}
-
-.widget.events a img {
-  height: auto;
-  max-width: 240px;
-}
-
-/* Posts
--------------------------------------------------------------- */
-.hentry {
-  float: left;
-  width: 100%;
-  margin: 0 0 20px 0;
-  padding: 0 0 5px 0;
-  font-size: 1em;
-  border-bottom: 1px solid #e5e5e5;
-}
-.hentry:last-child {
-  border-bottom: 0;
-}
-.featured { margin-bottom: 20px; }
-.sticky .sticky-header {
-  float: left;
-  width: 30%;
-}
-.sticky .byline { clear: left }
-.sticky .entry-summary {
-  float: right;
-  width: 65%;
-  border-left: 1px solid #e5e5e5;
-  padding-left: 2.34375%;
-}
-.hentry .featured-thumbnail { margin-bottom: 25px; }
-.hentry .archive-thumbnail {
-  float: left;
-  width: 150px;
-  height: 150px;
-  margin: 3px 25px 20px 0;
-}
-
-/* Post titles
--------------------------------------------------------------- */
-.hentry .entry-title {
-  margin: 0 0 0.25em 0;
-  padding: 0;
-  text-transform: uppercase;
-  line-height: 1.3em;
-  border: none;
-  word-spacing: 2px;
-}
-.entry-title a, .entry-title a:visited { color: #222; }
-.entry-title a:hover { color: #4e2a5e; }
-
-/* Cases
--------------------------------------------------------------- */
-.cases-header {
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: space-between;
-}
-
-.cases-boxes {
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: space-around;
-}
-
-.cases-box {
-  margin: 1em 0.25em;
-  text-decoration: none;
-  width: 205px;
-}
-
-#shuffled-cases .cases-box {
-  display: none;
-}
-
-#shuffled-cases .cases-box:nth-child(-n+3) {
-  display: block;
-}
-
-.cases-image {
-  display: flex;
-  justify-content: center;
-  width: 175px;
-  height: 125px;
-  padding: 10px;
-  outline-style: solid;
-  outline-width: 1.5px;
-  outline-color: #E5E5E5;
-  margin: auto;
-  background-repeat: no-repeat;
-  background-position: center;
-  background-size: 140px;
-}
-
-.cases-tag {
-  text-align: center;
-  padding: 10px 0;
-  margin:  0;
-}
-
-.cases-tag span {
-  display: inline-block;
-  font-size: 13px;
-  text-decoration: none;
-  color: #ffffff;
-  padding: 2px 3px;
-  background-color: #9DA1A6;
-  border-radius: 3px;
-  margin: 5px 3px;
-}
-
-.cases-box:hover .cases-image {
-  outline-width: 2px;
-  outline-color: #4E2A8E;
-}
-
-.cases-box:hover .cases-tag span {
-  background-color: #4E2A8E;
-}
-
-/* Post bylines/datelines
--------------------------------------------------------------- */
-.byline {
-  font-family: Georgia, 'Times New Roman', Times, serif;
-  font-style: italic;
-  margin: 0 0 1em 0;
-  font-size: 0.8461538461538462em;
-  color: #aaa;
-  line-height: 1.692307em;
-  word-spacing: 2px;
-}
-.byline a, .byline a:visited { color: #aaa; }
-.byline a:hover { color: #24292e; }
-.author, .published, .category, .edit {
-  font-family: 'Bitter', Georgia, 'Times New Roman', Times, serif;
-  font-style: normal;
-}
-.comment-list .published, .comment-list .edit, .comment-list .comment-reply-link {
-  font-family: Georgia, 'Times New Roman', Times, serif;
-  font-size: 1em;
-  font-style: italic;
-  text-transform: none;
-}
-
-/* Post excerpts
--------------------------------------------------------------- */
-.entry-summary p { margin: 0 0 1em 0; }
-
-/* Post metadata
--------------------------------------------------------------- */
-.entry-meta {
-  margin: 0 0 25px 0;
-  font-size: 0.8461538461538462em;
-  color: #aaa;
-}
-.entry-meta a { color: #666; }
-.entry-meta a:hover { color: #24292e; }
-
-/* Archive/search pagination and comment pagination
--------------------------------------------------------------- */
-.pagination.loop-pagination {
-  text-align: center;
-  clear: both;
-  padding: 15px 0 5px;
-}
-.pagination .page-numbers {
-  display: inline-block;
-  padding: 4px 8px;
-  margin: 0;
-  line-height: 1em;
-  color: #444;
-}
-.pagination a.page-numbers {
-  color: #24292e;
-  background: #e9e9e9;
-}
-.pagination a:hover {
-  color: #fff;
-  background: #000;
-}
-.pagination .current { color: #aaa; }
-
-/* Widgets
--------------------------------------------------------------- */
-.sidebar .widget {
-  float: left;
-  width: 100%;
-  margin-bottom: 26px;
-  color: #666;
-}
-
-.widget table, .widget ul, .widget ol { margin: 0 0 0 16px; }
-
-/* Widget titles
--------------------------------------------------------------- */
-.sidebar .widget-title {
-  font-size: 0.7692307692307692em;  /* 10 / 13 = 0.7692307692307692 */
-  color: #24292e;
-  text-transform: uppercase;
-  letter-spacing: 1px;
-  word-spacing: 2px;
-}
-
-/* Search form widget
--------------------------------------------------------------- */
-.widget .search-form { overflow: hidden; }
-.widget .search-form label {
-  font-size: 0.8461538461538462em;
-  line-height: 1.692307em;
-  color: #666;
-}
-.widget .search-form input[type="text"] {
-  width: 91.538461%;
-  float: left;
-  padding: 8px 10px;
-  font-size: 1em;
-  color: #666;
-}
-.search-form .search-submit { display: none; }
-
-/* Footer
--------------------------------------------------------------- */
-#footer {
-  overflow: visible;
-  margin: 0 auto 0 auto;
-  padding: 15px 10px;
-  border-top: 5px solid #444;
-  clear: both;
-  color: #fff;
-}
-
-#footer a {
-  color: #fff;
-  text-decoration: underline;
-}
-
-#trademark {
-  text-align: center;
-  font-size: 12px;
-  padding: 0 0 10px;
-}
-
-#edit-on-github {
-  padding: 10px 0 15px;
-  text-align: center;
-  font-size: 12px;
-}
-
-/*  Media Queries (mobile browsing)
------------------------------------------------------ */
-/* Tablet (portrait) */
-@media only screen and (min-width: 768px) and (max-width: 959px) {
-  .wrap {
-    max-width: 100%;
-    padding: 0 25px;
-  }
-  .widget .search-form input[type="text"] { width: 89%; }
-  .widget table { font-size: 0.8461538461538462em; }
-  #footer .widget table { width: 90%; }
-}
-/* Mobile (portrait) */
-@media only screen and (max-width: 767px) {
-  .wrap {
-    max-width: 100%;
-    padding: 0 15px;
-  }
-  body { line-height: 1.615384615384615em; }
-  p { margin-bottom: 1.615384615384615em; }
-  .hentry .archive-thumbnail {
-    width: 110px;
-    height: 110px;
-  }
-  #site-description { font-size: 1.3em; }
-  #content { width: 100%; }
-  .comment-list li li { padding-left: 0; }
-  #sidebar-primary {
-    width: 100%;
-    clear: left;
-    border-top: 1px dotted #CCC;
-    padding-top: 45px;
-  }
-  #created-by ul {
-    margin: 0;
-  }
-}
-
-/*  Elixir-lang.org - Pages and Specific Elements
------------------------------------------------------- */
-
-/* Learning */
-body.learning a.cover {
-  float: left;
-  padding: 0.769230769em 1.538461538em 0.769230769em 0;
-}
-
-body.learning h4.resource {
-  padding-top: 1em;
-}
-
-body.learning .free {
-  background-color: #4E2A8E;
-  color: #ffffff;
-  display: inline-block;
-  font-size: 14px;
-  text-decoration: none;
-  padding: 0 5px;
-  border-radius: 5px;
-  line-height: 18px;
-  margin-left: 5px;
-}
-
-/*  Jekyll Table of Contents */
-ol.jekyll-toc,
-ol.jekyll-toc ol {
-  counter-reset: item;
-}
-ol.jekyll-toc {
-  margin: 1.692307em 0 1.692307em 2.3076923076923075em;
-}
-ol.jekyll-toc ol {
-  margin: 0.615384615em 0 -0.7692307692307693em 0;
-}
-ol.jekyll-toc li {
-  display: block;
-}
-ol.jekyll-toc li:before {
-  content: counters(item, ".") " ";
-  counter-increment: item;
-}
-ol.jekyll-toc li {
-  list-style-position: inside;
-  text-indent: -1em;
-  padding-left: 1em;
-  line-height: 1.3em;
-  padding-bottom: 0.8em;
-}
-ol.jekyll-toc li a {
-  position:relative;
-  left: 0.3076923076923077em;
-}
-
-/* heading  */
-.jekyll-toc-header {
-  position: relative;
-  display: block;
-  margin-left: -20px;
-  padding-left: 20px;
-
-  margin-right: 0;
-  padding-right: 20px;
-  cursor: default;
-}
-
-/* anchor  */
-.jekyll-toc-header a.jekyll-toc-anchor {
-  display: block;
-  position:absolute;
-  text-decoration: none;
-}
-.jekyll-toc-header a.jekyll-toc-anchor,
-.jekyll-toc-header a.jekyll-toc-anchor:hover {
-  color: #24292e
-}
-.jekyll-toc-header:hover a.jekyll-toc-anchor {
-  cursor: pointer;
-}
-.jekyll-toc-header a.jekyll-toc-link-here {
-  left: 0;
-  top: 0;
-}
-.jekyll-toc-header a.jekyll-toc-back-to-top {
-  right: 0;
-  top: 0;
-}
-
-/* span  */
-.jekyll-toc-header span.jekyll-toc-icon {
-  display:none;
-  vertical-align: middle;
-  color: #24292e;
-}
-.jekyll-toc-header:hover span.jekyll-toc-icon {
-  display:inline-block;
-  width: auto;
-}
-.jekyll-toc-header a.jekyll-toc-back-to-top span.jekyll-toc-icon {
-  margin-left: 10px;
-  width:1em;
-  text-align: right;
-}
-
-/* extending jekyll-toc */
-.jekyll-toc-header .icon {
-  font: normal normal normal 16px/1 icons !important;
-  text-decoration: none;
-  text-rendering: auto;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-}
-
-/* mini documentary */
-#mini-docu a {
-  display: block;
-  margin-bottom: 12px;
-  text-decoration: none;
-}
-
-.mini-docu-cta {
-  background-image: url(/images/learning/mini-docu.png);
-  background-repeat: no-repeat;
-  border: 2px solid #eee;
-  border-radius: 30px;
-  min-width: 208px;
-  padding: 7px 20px 4px 7px;
-  background-position: 15px 0px;
-  text-align: center;
-}
-
-.mini-docu-copy {
-  color: #4e2a8e;
-  font-family: 'Bitter';
-  height: 48px;
-  margin-left: 66px;
-}
-
-.mini-docu-copy:hover {
-  color: black;
-}
-
-/* Top banner */
-#top-banner {
-  background: #fdfbf7;
-  border-bottom: 1px solid #e4d9c9;
-  line-height: 1;
-  text-align: center;
-  padding: 21px 30px 16px 30px;
-  margin-bottom: 5px;
-  position: relative;
-}
-
-#top-banner .close {
-  cursor: pointer;
-  position: absolute;
-  right: 0;
-  top: 0;
-  padding: 13px 18px;
-  font-size: 22px;
-  opacity: 0.35;
-}
-
-#top-banner .close:hover {
-  opacity: 0.7;
-}
-
-/* Getting started */
-.getting-started-title h1 {
-  font-size: 2.3em;
-}
-
-.getting-started-title small {
-  font-size: 1em;
-  color: #666;
-  display: block;
-}
\ No newline at end of file
diff --git a/css/syntax.css b/css/syntax.css
deleted file mode 100644
index 9dc212c54..000000000
--- a/css/syntax.css
+++ /dev/null
@@ -1,60 +0,0 @@
-.highlight  {}
-.highlight .c { color: #998; font-style: italic } /* Comment */
-.highlight .err { color: #a61717; background-color: #e3d2d2 } /* Error */
-.highlight .k { color: #54585b; font-weight: bold } /* Keyword */
-.highlight .o { color: #54585b; font-weight: bold } /* Operator */
-.highlight .cm { color: #998; font-style: italic } /* Comment.Multiline */
-.highlight .cp { color: #999; font-weight: bold } /* Comment.Preproc */
-.highlight .c1 { color: #998; font-style: italic } /* Comment.Single */
-.highlight .cs { color: #999; font-weight: bold; font-style: italic } /* Comment.Special */
-.highlight .gd { color: #000; background-color: #fdd } /* Generic.Deleted */
-.highlight .gd .x { color: #000; background-color: #faa } /* Generic.Deleted.Specific */
-.highlight .ge { font-style: italic } /* Generic.Emph */
-.highlight .gr { color: #a00 } /* Generic.Error */
-.highlight .gh { color: #999 } /* Generic.Heading */
-.highlight .gi { color: #000; background-color: #dfd } /* Generic.Inserted */
-.highlight .gi .x { color: #000; background-color: #afa } /* Generic.Inserted.Specific */
-.highlight .go { color: #888 } /* Generic.Output */
-.highlight .gp { color: #555 } /* Generic.Prompt */
-.highlight .gs { color: #54585b; font-weight: bold } /* Generic.Strong */
-.highlight .gu { color: #aaa } /* Generic.Subheading */
-.highlight .gt { color: #a00 } /* Generic.Traceback */
-.highlight .kc { color: #54585b; font-weight: bold } /* Keyword.Constant */
-.highlight .kd { color: #54585b; font-weight: bold } /* Keyword.Declaration */
-.highlight .kp { color: #54585b; font-weight: bold } /* Keyword.Pseudo */
-.highlight .kr { color: #54585b; font-weight: bold } /* Keyword.Reserved */
-.highlight .kt { color: #458; font-weight: bold } /* Keyword.Type */
-.highlight .m { color: #099 } /* Literal.Number */
-.highlight .s { color: #d14 } /* Literal.String */
-.highlight .na { color: #008080 } /* Name.Attribute */
-.highlight .nb { color: #0086B3 } /* Name.Builtin */
-.highlight .nc { color: #458; font-weight: bold } /* Name.Class */
-.highlight .no { color: #008080 } /* Name.Constant */
-.highlight .ni { color: #800080 } /* Name.Entity */
-.highlight .ne { color: #900; font-weight: bold } /* Name.Exception */
-.highlight .nf { color: #900; font-weight: bold } /* Name.Function */
-.highlight .nn { color: #555 } /* Name.Namespace */
-.highlight .nt { color: #000080 } /* Name.Tag */
-.highlight .nv { color: #008080 } /* Name.Variable */
-.highlight .ow { color: #54585b; font-weight: bold } /* Operator.Word */
-.highlight .w { color: #bbb } /* Text.Whitespace */
-.highlight .mf { color: #099 } /* Literal.Number.Float */
-.highlight .mh { color: #099 } /* Literal.Number.Hex */
-.highlight .mi { color: #099 } /* Literal.Number.Integer */
-.highlight .mo { color: #099 } /* Literal.Number.Oct */
-.highlight .sb { color: #d14 } /* Literal.String.Backtick */
-.highlight .sc { color: #d14 } /* Literal.String.Char */
-.highlight .sd { color: #d14 } /* Literal.String.Doc */
-.highlight .s2 { color: #d14 } /* Literal.String.Double */
-.highlight .se { color: #d14 } /* Literal.String.Escape */
-.highlight .sh { color: #d14 } /* Literal.String.Heredoc */
-.highlight .si { color: #d14 } /* Literal.String.Interpol */
-.highlight .sx { color: #d14 } /* Literal.String.Other */
-.highlight .sr { color: #009926 } /* Literal.String.Regex */
-.highlight .s1 { color: #d14 } /* Literal.String.Single */
-.highlight .ss { color: #990073 } /* Literal.String.Symbol */
-.highlight .bp { color: #999 } /* Name.Builtin.Pseudo */
-.highlight .vc { color: #008080 } /* Name.Variable.Class */
-.highlight .vg { color: #008080 } /* Name.Variable.Global */
-.highlight .vi { color: #008080 } /* Name.Variable.Instance */
-.highlight .il { color: #099 } /* Literal.Number.Integer.Long */
diff --git a/docs.markdown b/docs.markdown
deleted file mode 100644
index 2e8e1262f..000000000
--- a/docs.markdown
+++ /dev/null
@@ -1,49 +0,0 @@
----
-title: Elixir Documentation
-section: docs
-layout: default
-image: /images/social/elixir-og-card.jpg
----
-
-# Documentation
-
-The Elixir programming language is broken into 6 applications. The links below
-reference the documentation for the modules and functions in each of those
-applications. See also [our Getting Started guide](https://elixir.hexdocs.pm/introduction.html)
-and [the Learning page](/learning.html) for books, courses, videos, and more.
-
-{% assign stable = site.data.elixir-versions[site.data.elixir-versions.stable] %}
-
-{% for version in site.data.elixir-versions %}
-  {% if version[0] == 'stable' %}
-    {% continue %}
-  {% endif %}
-
-<h3 id="{{ version[1].name }}">
-  {{ version[1].name }}
-  {% if version[1].version == stable.version %}<small>(stable)</small>{% endif %}
-  <small>(<a href="https://github.com/elixir-lang/elixir/releases/download/v{{ version[1].version }}/Docs.zip">download</a>)</small>
-</h3>
-
-{% if version[1].otp_versions %}
-Supported Erlang/OTP versions: {% for otp in version[1].otp_versions reversed %}{{ otp }}{% if forloop.last %}{% else %}, {% endif %}{% endfor %}.
-{% endif %}
-
-* [Elixir](https://elixir.hexdocs.pm/{{ version[1].version }}/) - standard library
-* [EEx](https://eex.hexdocs.pm/{{ version[1].version }}/) - templating library
-* [ExUnit](https://ex-unit.hexdocs.pm/{{ version[1].version }}/) - unit test library
-* [IEx](https://iex.hexdocs.pm/{{ version[1].version }}/) - interactive shell
-* [Logger](https://logger.hexdocs.pm/{{ version[1].version }}/) - built-in Logger
-* [Mix](https://mix.hexdocs.pm/{{ version[1].version }}/) - build tool
-
-<div style="margin-top: 40px"></div>
-{% endfor %}
-
-#### Development
-
-* [Elixir](https://elixir.hexdocs.pm/main/) - standard library
-* [EEx](https://eex.hexdocs.pm/main/) - templating library
-* [ExUnit](https://ex-unit.hexdocs.pm/main/) - unit test library
-* [IEx](https://iex.hexdocs.pm/main/) - interactive shell
-* [Logger](https://logger.hexdocs.pm/main/) - built-in Logger
-* [Mix](https://mix.hexdocs.pm/main/) - build tool
diff --git a/downloads/cheatsheets/README.md b/downloads/cheatsheets/README.md
deleted file mode 100644
index 1fb6e673e..000000000
--- a/downloads/cheatsheets/README.md
+++ /dev/null
@@ -1,21 +0,0 @@
-This directory contains TeX source files and their corresponding
-PDF files, containing small help pages, reminders, compressed
-references, also called cheat sheets.
-
-To produce a .pdf starting from the .tex source, you need `tex`,
-and more specifically [LaTeX](https://www.latex-project.org/get/).
-
-The BasicTex variant can be used as long as the following packages
-are available:
-
-    $ tlmgr install courier framed charter enumitem ec helvetica
-
-To compile a tex file EQUIS.tex into its corresponding EQUIS.pdf:
-
-    $ texi2pdf EQUIS.tex
-
-You may ignore all output except the very last two lines, which
-should look like:
-
-    Output written on EQUIS.pdf (2 pages, 69846 bytes).
-    Transcript written on EQUIS.log.
diff --git a/downloads/cheatsheets/gen-server.pdf b/downloads/cheatsheets/gen-server.pdf
deleted file mode 100644
index e67c6125f..000000000
Binary files a/downloads/cheatsheets/gen-server.pdf and /dev/null differ
diff --git a/downloads/cheatsheets/gen-server.tex b/downloads/cheatsheets/gen-server.tex
deleted file mode 100644
index 5465462d1..000000000
--- a/downloads/cheatsheets/gen-server.tex
+++ /dev/null
@@ -1,403 +0,0 @@
-\documentclass[a4paper]{article}
-\usepackage{framed}
-\usepackage{tikz}
-\usepackage{times,charter}
-\usepackage{amssymb}
-\usepackage{verbatim}
-\usepackage[bindingoffset=0in,%
-            left=1.3cm,right=1.3cm,top=1.5cm,bottom=0.8cm,%
-            footskip=0in]{geometry}
-\usetikzlibrary{shapes,arrows,calc,backgrounds,shapes.geometric}
-% Define a background layer, in which the parchment shape is drawn
-\pgfdeclarelayer{background}
-\pgfsetlayers{background,main}
-
-\tikzset{normal border/.style={orange!30!black!10}}
-
-% Macro to draw the shape behind the text, when it fits
-% completely in the page
-\def\parchmentframe#1{
-\tikz{
-  \node[inner sep=2em] (A) {#1};  % Draw the text of the node
-  \begin{pgfonlayer}{background}  % Draw the shape behind
-  \filldraw[normal border,rounded corners=2em,color=blue!10!yellow!5,draw=blue!25!yellow,dashed]
-        (A.south east) -- (A.south west) --
-        (A.north west) -- (A.north east) -- cycle;
-  \end{pgfonlayer}}}
-
-% Macro to draw the shape, when the text will continue in next page
-\def\parchmentframetop#1{
-\tikz{
-  \node[inner sep=2em] (A) {#1};    % Draw the text of the node
-  \begin{pgfonlayer}{background}
-  \filldraw[normal border,rounded corners,color=blue!10!yellow!5,draw=blue!25!yellow,dashed]
-        (A.south east) -- (A.south west) --
-        (A.north west) -- (A.north east) -- cycle;
-  \end{pgfonlayer}}}
-
-% Macro to draw the shape, when the text continues from previous page
-\def\parchmentframebottom#1{
-\tikz{
-  \node[inner sep=2em] (A) {#1};   % Draw the text of the node
-  \begin{pgfonlayer}{background}
-  \filldraw[normal border,rounded corners,color=blue!10!yellow!5,draw=blue!25!yellow,dashed]
-        (A.south east) -- (A.south west) --
-        (A.north west) -- (A.north east) -- cycle;
-  \end{pgfonlayer}}}
-
-% Macro to draw the shape, when both the text continues from previous page
-% and it will continue in next page
-\def\parchmentframemiddle#1{
-\tikz{
-  \node[inner sep=2em] (A) {#1};   % Draw the text of the node
-  \begin{pgfonlayer}{background}
-  \filldraw[normal border,rounded corners,color=blue!10!yellow!5,draw=blue!25!yellow,dashed]
-        (A.south east) -- (A.south west) --
-        (A.north west) -- (A.north east) -- cycle;
-  \end{pgfonlayer}}}
-
-% Define the environment which puts the frame.  In this case,
-% the environment also accepts an argument with an optional
-% title (which defaults to ``Example'', which is typeset in a
-% box overlaid on the top border
-\newenvironment{parchment}[1][Example]{%
-  \def\FrameCommand{\parchmentframe}%
-  \def\FirstFrameCommand{\parchmentframetop}%
-  \def\LastFrameCommand{\parchmentframebottom}%
-  \def\MidFrameCommand{\parchmentframemiddle}%
-  \vskip\baselineskip
-  \MakeFramed {\FrameRestore}
-  \noindent\tikz\node[rounded corners=2ex, inner sep=2ex, draw=blue!25!yellow, fill=white, dashed, anchor=west, overlay] at (0em, 2em) {\sffamily#1};\par}%
-{\endMakeFramed}
-
-\setlength\parindent{0pt}
-
-% Main document, example of usage
-\pagestyle{empty}
-
-\usepackage{enumitem}
-\begin{document}
-\fontsize{9.5}{11}\selectfont
-\setlist[itemize]{leftmargin=0em}
-
-% We need layers to draw the block diagram
-\pgfdeclarelayer{background}
-\pgfdeclarelayer{foreground}
-\pgfsetlayers{background,main,foreground}
-
-% Define a few styles and constants
-\tikzstyle{left-title}=[draw, fill=blue!20, minimum width=1.6em, minimum height=5em,anchor=north east]
-\tikzstyle{top-title}=[draw, fill=blue!20, minimum width=5em, minimum height=1.6em]
-\tikzstyle{main-block} = [left-title, text width=30em, inner sep=8pt, fill=red!15!yellow!40, minimum height=5em, rounded corners]
-\tikzstyle{immediate} = [left-title, text width=17em, inner sep=8pt, fill=red!15!yellow!40, minimum height=5em, rounded corners]
-\tikzstyle{explain} = [left-title, text width=17em, inner sep=8pt, fill=black!5, minimum height=5em, rounded corners,anchor=south west]
-
-\begin{comment}
-\begin{parchment}[commentarii de bello gallico]
-  Gallia est omnis divisa in partes tres, quarum unam incolunt Belgae, aliam Aquitani, tertiam qui ipsorum lingua Celtae, nostra Galli appellantur. Hi omnes lingua, institutis, legibus inter se differunt. Gallos ab Aquitanis Garumna flumen, a Belgis Matrona et Sequana dividit. Horum omnium fortissimi sunt Belgae, propterea quod a cultu atque humanitate provinciae longissime absunt, minimeque ad eos mercatores saepe commeant atque ea quae ad effeminandos animos pertinent important, proximique sunt Germanis, qui trans Rhenum incolunt, quibuscum continenter bellum gerunt. Qua de causa Helvetii quoque reliquos Gallos virtute praecedunt, quod fere cotidianis proeliis cum Germanis contendunt, cum aut suis finibus eos prohibent aut ipsi in eorum finibus bellum gerunt. Eorum una pars, quam Gallos obtinere dictum est, initium capit a flumine Rhodano, continetur Garumna flumine, Oceano, finibus Belgarum, attingit etiam ab Sequanis et Helvetiis flumen Rhenum, vergit ad septentriones. Belgae ab extremis Galliae finibus oriuntur, pertinent ad inferiorem partem fluminis Rheni, spectant in septentrionem et orientem solem. Aquitania a Garumna flumine ad Pyrenaeos montes et eam partem Oceani quae est ad Hispaniam pertinet; spectat inter occasum solis et septentriones.
-\end{parchment}
-\end{comment}
-\section*{GenServer - a cheat sheet}
-\begin{itemize}
-  \setlength\itemsep{0em}
-\item[---] last version: \verb|https://elixir-lang.org/downloads/cheatsheets/gen-server.pdf|
-\item[---] reference: \verb|https://hexdocs.pm/elixir/GenServer.html|
-\end{itemize}
-\begin{comment}
-  copyright 2019 by Mario Frasca et al.
-
-  based on a work by Benjamin Tan Wei Hao,
-  rewritten as a tex/tikz document by Mario Frasca,
-  with José Valim validating the content.
-\end{comment}
-
-\begin{parchment}[initialization: .start $\rightarrow$ \bf\texttt{init/1}]
-  \begin{tikzpicture}
-    \node (client) [main-block] {%
-      \vspace*{-\baselineskip}
-\begin{verbatim}
-def start_link(opts \\ []) do
-  GenServer.start_link(__MODULE__, match_this, opts)
-end
-\end{verbatim}
-    };
-    \path (client.north west)+(-2pt,0) node [left-title] {\rotatebox{90}{client}};
-
-    \path (client.north east)+(3em,0) node (immediate) [immediate,anchor=north west] {
-      \vspace*{-\baselineskip}
-\begin{verbatim}
-{:ok, pid}
-:ignore
-{:error, term}
-\end{verbatim}
-};
-    \path (immediate.north west)+(-2pt,0) node [left-title] {\rotatebox{90}{returns}};
-
-    \path (client.south west)+(0,-1em) node (callback) [main-block,anchor=north west] {
-      \vspace*{-\baselineskip}
-\begin{verbatim}
-def init(match_this) do
-  # process input and compute result
-  result
-end
-\end{verbatim}
-};
-  \path (callback.north west)+(-2pt,0) node [left-title] {\rotatebox{90}{callback}};
-
-  \path (callback.south west)+(0,-1em) node (result) [main-block,anchor=north west] {
-    \vspace*{-\baselineskip}
-\begin{verbatim}
-{:ok, state}
-{:ok, state, then_what}
-
-{:stop, reason}
-:ignore
-\end{verbatim}
-};
-\path (result.north west)+(-2pt,0) node [left-title,fill=green!25] {\rotatebox{90}{\^{}result = }};
-
-  \draw[color=blue!10!yellow!5,draw=blue!25!yellow,dashed]
-        (result.north west)+(0,-38pt) -- ($ (result.north east)+(0,-38pt) $);
-
-\path (result.south east)+(3em,0) node (reason) [immediate,anchor=south west,fill=green!30!yellow!18!white] {
-One of \verb|:normal|, \verb|:shutdown|, \verb|{:shutdown, _}|, or any other value. See the footnote for a link to the complete reference.
-};
-\path (reason.north west)+(-2pt,0) node [left-title,fill=green!25] {\rotatebox{90}{\^{}reason = }};
-\path (reason.north west)+(0,2pt) node [top-title,anchor=south west,fill=green!25] {applies globally};
-
-  \draw[->,draw=blue!50!black,dashed,thick,anchor=north west] (-7.3em,-3.3em) .. controls (-7em,-7em) and (-22.45em,-1em) .. (-22.45em,-5.5em) -- (-22.45em,-6.9em);
-
-\end{tikzpicture}
-\end{parchment}
-
-\begin{parchment}[termination: .stop $\rightarrow$ \bf\texttt{terminate/2}]
-\begin{tikzpicture}
-  \node (client) [main-block] {%
-    \vspace*{-\baselineskip}
-\begin{verbatim}
-def stop(pid, reason \\ :normal,
-                        timeout \\ :infinity) do
-  GenServer.stop(pid, reason, timeout)
-end
-\end{verbatim}
-};
-\path (client.north west)+(-2pt,0) node [left-title] {\rotatebox{90}{client}};
-
-\path (client.north east)+(3em,0) node (immediate) [immediate,anchor=north west] {
-    \vspace*{-\baselineskip}
-\begin{verbatim}
-:ok
-\end{verbatim}
-};
-\path (immediate.north west)+(-2pt,0) node [left-title] {\rotatebox{90}{returns}};
-
-\path (client.south west)+(0,-1em) node (callback) [main-block,anchor=north west] {
-    \vspace*{-\baselineskip}
-\begin{verbatim}
-def terminate(reason, state) do
-  # perform cleanup
-  # result will not be used
-end
-\end{verbatim}
-};
-
-\path (callback.north west)+(-2pt,0) node [left-title] {\rotatebox{90}{callback}};
-
-\path (callback.south east)+(3em,0) node (then-what) [explain] {
-  \verb|terminate/2| is also called when \verb|:stop| is returned and in case of errors, when \verb|Process.flag(:trap_exit)| is true.
-};
-  \path (then-what.north west)+(-2pt,0) node [left-title,fill=white] {\rotatebox{90}{:stop}};
-
-
-\end{tikzpicture}
-\end{parchment}
-
-\begin{parchment}[asynchronous operation: .cast $\rightarrow$ \bf\texttt{handle\_cast/2}]
-\begin{tikzpicture}
-  \node (client) [main-block] {
-    \vspace*{-\baselineskip}
-\begin{verbatim}
-def your_api_async_op(pid, args) do
-  GenServer.cast(pid, match_this)
-end
-\end{verbatim}
-};
-  \path (client.north west)+(-2pt,0) node [left-title] {\rotatebox{90}{client}};
-
-\path (client.north east)+(3em,0) node (result) [immediate,anchor=north west] {
-    \vspace*{-\baselineskip}
-\begin{verbatim}
-:ok
-\end{verbatim}
-};
-  \path (result.north west)+(-2pt,0) node [left-title] {\rotatebox{90}{returns}};
-
-  \path (client.south west)+(0,-1em) node (callback) [main-block,anchor=north west] {
-    \vspace*{-\baselineskip}
-\begin{verbatim}
-def handle_cast(match_this, state) do
-  # process input and compute result
-  result
-end
-\end{verbatim}
-};
-  \draw[->,draw=blue!50!black,dashed,thick] (-15.1em,-3.3em) .. controls (-15.1em,-5.4em) and (-18.2em,-3em) .. (-18.2em,-5.8em) -- (-18.2em,-6.8em);
-  \path (callback.north west)+(-2pt,0) node [left-title] {\rotatebox{90}{callback}};
-
-  \path (callback.south west)+(0,-1em) node (result) [main-block,anchor=north west] {
-    \vspace*{-\baselineskip}
-\begin{verbatim}
-{:noreply, state}
-{:noreply, state, then_what}
-
-{:stop, reason, state}
-\end{verbatim}
-};
-  \path (result.north west)+(-2pt,0) node [left-title,fill=green!25] {\rotatebox{90}{\^{}result =}};
-
-  \path (result.south east)+(3em,0) node (then-what) [immediate,anchor=south west,fill=green!30!yellow!18!white] {
-    \vspace*{-\baselineskip}
-\begin{verbatim}
-timeout_milliseconds
-:hibernate
-{:continue, match_this}
-\end{verbatim}
-};
-\path (then-what.north west)+(0,2pt) node [top-title,anchor=south west,fill=green!25] {applies globally};
-  \path (then-what.south west)+(-2pt,0) node [left-title,anchor=south east,fill=green!25] {\rotatebox{90}{\^{}then\_what =}};
-
-  \draw[color=blue!10!yellow!5,draw=blue!25!yellow,dashed]
-        (result.north west)+(0,-38pt) -- ($ (result.north east)+(0,-38pt) $);
-
-\end{tikzpicture}
-\end{parchment}
-
-\begin{parchment}[synchronous operation: .call $\rightarrow$ \bf\texttt{handle\_call/3}]
-\begin{tikzpicture}
-  \node (client) [main-block] {
-    \vspace*{-\baselineskip}
-\begin{verbatim}
-def your_api_sync_op(pid, args) do
-  GenServer.call(pid, match_this)
-end
-\end{verbatim}
-};
-  \path (client.north west)+(-2pt,0) node [left-title] {\rotatebox{90}{client}};
-
-    \path (client.north east)+(3em,0) node (immediate) [immediate,anchor=north west] {waits for callback, receives \verb|reply| if result matches \verb|{:reply, reply, ...}| or \verb|{:stop, _, reply, _}|.};
-    \path (immediate.north west)+(-2pt,0) node [left-title] {\rotatebox{90}{returns}};
-
-  \path (client.south west)+(0,-1em) node (callback) [main-block,anchor=north west] {
-    \vspace*{-\baselineskip}
-\begin{verbatim}
-def handle_call(match_this, from, state) do
-  # process input and compute result
-  result
-end
-\end{verbatim}
-};
-  \draw[->,draw=blue!50!black,dashed,thick] (-15.1em,-3.3em) .. controls (-15.1em,-5.4em) and (-18.2em,-3em) .. (-18.2em,-5.8em) -- (-18.2em,-6.8em);
-  \path (callback.north west)+(-2pt,0) node [left-title] {\rotatebox{90}{callback}};
-
-  \path (callback.south west)+(0,-1em) node (result) [main-block,anchor=north west] {
-    \vspace*{-\baselineskip}
-\begin{verbatim}
-{:reply, reply, state}
-{:reply, reply, state, then_what}
-\end{verbatim}
-
-\begin{verbatim}
-{:noreply, state}
-{:noreply, state, then_what}
-
-{:stop, reason, reply, state}
-\end{verbatim}
-};
-  \path (result.north west)+(-2pt,0) node [left-title,fill=green!25] {\rotatebox{90}{\^{}result =}};
-
-\path (result.south east)+(3em,0) node (reply) [immediate,anchor=south west] {user defined};
-  \path (reply.north west)+(-2pt,0) node [left-title,fill=green!25] {\rotatebox{90}{\^{}reply =}};
-
-  \draw[color=blue!10!yellow!5,draw=blue!25!yellow,dashed]
-        (result.north west)+(0,-72pt) -- ($ (result.north east)+(0,-72pt) $);
-  \draw[color=blue!10!yellow!5,draw=blue!25!yellow,dashed]
-        (result.north west)+(0,-38pt) -- ($ (result.north east)+(0,-38pt) $);
-
-\end{tikzpicture}
-
-\end{parchment}
-
-\begin{parchment}[handling messages: $\rightarrow$ \bf\texttt{handle\_info/2}]
-\begin{tikzpicture}
-  \node (callback) [main-block] {
-    \vspace*{-\baselineskip}
-\begin{verbatim}
-def handle_info(match_this, state) do
-  # process input and compute result
-  result
-end
-\end{verbatim}
-};
-  \path (callback.north west)+(-2pt,0) node [left-title] {\rotatebox{90}{callback}};
-
-  \path (callback.south west)+(0,-1em) node (result) [main-block,anchor=north west] {
-    \vspace*{-\baselineskip}
-\begin{verbatim}
-{:noreply, state}
-{:noreply, state, then_what}
-
-{:stop, reason, state}
-\end{verbatim}
-};
-
-  \path (result.north west)+(-2pt,0) node [left-title,fill=green!25] {\rotatebox{90}{\^{}result =}};
-
-  \draw[color=blue!10!yellow!5,draw=blue!25!yellow,dashed]
-        (result.north west)+(0,-38pt) -- ($ (result.north east)+(0,-38pt) $);
-
-\end{tikzpicture}
-\end{parchment}
-
-\begin{parchment}[\bf\texttt{\^{}then\_what = \{:continue, match\_this\}} $\rightarrow$ \bf\texttt{handle\_continue/2}]
-\begin{tikzpicture}
-  \node (callback) [main-block] {
-    \vspace*{-\baselineskip}
-\begin{verbatim}
-def handle_continue(match_this, state) do
-  # process input and compute result
-  result
-end
-\end{verbatim}
-};
-  \path (callback.north west)+(-2pt,0) node [left-title] {\rotatebox{90}{callback}};
-
-  \path (callback.south west)+(0,-1em) node (result) [main-block,anchor=north west] {
-    \vspace*{-\baselineskip}
-\begin{verbatim}
-{:noreply, state}
-{:noreply, state, then_what}
-
-{:stop, reason, state}
-\end{verbatim}
-};
-
-  \path (result.north west)+(-2pt,0) node [left-title,fill=green!25] {\rotatebox{90}{\^{}result =}};
-
-  \draw[color=blue!10!yellow!5,draw=blue!25!yellow,dashed]
-        (result.north west)+(0,-38pt) -- ($ (result.north east)+(0,-38pt) $);
-
-\end{tikzpicture}
-\end{parchment}
-\begin{parchment}[footnotes]
-  \vspace*{-\baselineskip}
-  \begin{itemize}
-    \setlength\itemsep{0em}
-  \item[---] More on exit reasons: \verb|https://hexdocs.pm/elixir/Supervisor.html#module-exit-reasons-and-restarts|
-  \item[---] use \verb|@impl true| before each definition to guarantee it matches the equivalent \verb|GenServer| callback.
-  \item[---] callbacks not listed here are: \verb|code_change/3| and \verb|format_status/2|.
-  \item[---] source: \verb|https://github.com/elixir-lang/elixir-lang.github.com|
-  \item[---] copyright: by its authors, listed in the source --- license: CC:BY-SA%
-  \end{itemize}
-\end{parchment}
-
-\end{document}
diff --git a/downloads/logos/elixir-drop-only.png b/downloads/logos/elixir-drop-only.png
deleted file mode 100644
index 97008feb9..000000000
Binary files a/downloads/logos/elixir-drop-only.png and /dev/null differ
diff --git a/downloads/logos/elixir-horizontal.png b/downloads/logos/elixir-horizontal.png
deleted file mode 100644
index def595473..000000000
Binary files a/downloads/logos/elixir-horizontal.png and /dev/null differ
diff --git a/downloads/logos/elixir-vertical.png b/downloads/logos/elixir-vertical.png
deleted file mode 100644
index 52391a543..000000000
Binary files a/downloads/logos/elixir-vertical.png and /dev/null differ
diff --git a/elixir.csv b/elixir.csv
deleted file mode 100644
index 48961d2c7..000000000
--- a/elixir.csv
+++ /dev/null
@@ -1,25 +0,0 @@
-version,url_precompiled,release_type,windows_installer_compat,sha1,sha512,min_otp_release
-1.14.5,https://github.com/elixir-lang/elixir/releases/download/v1.14.5/elixir-otp-25.zip,release,1,6fc78c40bd13afbd8531dff6a08846d095c1d4ea,f3b35d9fa61da7e93c9979cb8a08f64a9ce7074aeda66fae994f2a4ea2e4f82e,25.0
-1.14.4,https://github.com/elixir-lang/elixir/releases/download/v1.14.4/elixir-otp-25.zip,release,1,2c52e5a2357030ecb31bbf3dff5835122b1658ab,a5b7aadfd896e691a6494f9079fcd6f1209adcbd93f2d40e5770d80edc0f33e6,25.0
-1.14.2,https://github.com/elixir-lang/elixir/releases/download/v1.14.2/elixir-otp-25.zip,release,1,4bdbb762f102e6318388389a4b44e3a132534ae3,2ab159e875a8d407dde10ee279446d469022acf8128e4f390556ab44e8918a06,25.0
-1.14.1,https://github.com/elixir-lang/elixir/releases/download/v1.14.1/elixir-otp-25.zip,release,1,199e252f71ee82cd2a0026e496f230e9ccd8c1eb,40a880e817bc188469e0adf73f41acb82b6a5b9e5da5cbcb55d89d98dcafe5e5,25.0
-1.14.0,https://github.com/elixir-lang/elixir/releases/download/v1.14.0/elixir-otp-25.zip,release,1,c7ff5116fed9ff7b34f07d3187a8c7c590a79626,55d5708605aa0c81c06acc284e1d40a2853942988f3a6c399759d8ad065e46d0,25.0
-1.13.4,https://github.com/elixir-lang/elixir/releases/download/v1.13.4/Precompiled.zip,release,1,325fbdde4f0a5701bb8b9d455175b85ff41470d7,e64c714e80cd9657b8897d725f6d78f251d443082f6af5070caec863c18068c97af6bdda156c3b3390e0a2b84f77c2ad3378a42913f64bb583fb5251fa49e619,22.0
-1.13.3,https://github.com/elixir-lang/elixir/releases/download/v1.13.3/Precompiled.zip,release,1,7a2d0ff13beadcba3f566d692d960dcd785df5c8,93132c03a16479cfd48c509e2c5ee145b9062d77d528ac2eaeae460f4349f138286f14d34a1ee884e6c76081fe1bf52d27788b944ef06feaa40c07bec41a0a27,22.0
-1.13.2,https://github.com/elixir-lang/elixir/releases/download/v1.13.2/Precompiled.zip,release,1,53bf917f18fc210dcf252e346453fd8c04f2ac6b,74cc0b3d7ddb0156d6695b3b08319d0c01fcfac053407b0bf8b456013d21d1b37ffd5cba389557edfb6af329fbed07c8cd1061a6698b60e1b16a70c898720ec2,22.0
-1.13.1,https://github.com/elixir-lang/elixir/releases/download/v1.13.1/Precompiled.zip,release,1,40762ffbef86cbbfd0c79a94e057fb987dc882ff,bb02ead0d4ccf499ff0473fbbb17fd12de4ba476b463c0452138bc1ef9004547166e75ffe7c6f96b9497adc9fecbda4ad57bfe0f17f1ba95d8339a0e98c29b03,22.0
-1.13.0,https://github.com/elixir-lang/elixir/releases/download/v1.13.0/Precompiled.zip,release,1,0f196f4de406882b5a3bcee7ac9e9b0c61ed1459,58ffe87d6eb89435d8605aee04556aa1a1ba25cf2fa7688d0a5da162d7d7c57b47b2f726b365a7aeb18832bf08de3db5d3ec0ed45e13da276438679f29e5e3ac,22.0
-1.12.3,https://github.com/elixir-lang/elixir/releases/download/v1.12.3/Precompiled.zip,release,1,db3c8a5470dee211168707c432a1f8002960e966,db092caa32b55195eeb24a17e0ab98bb2fea38d2f638bc42fee45a6dfcd3ba0782618d27e281c545651f93914481866b9d34b6d284c7f763d197e87847fdaef4,22.0
-1.12.2,https://github.com/elixir-lang/elixir/releases/download/v1.12.2/Precompiled.zip,release,1,051c2728bfd679d1d6f74d11f25ca679491cd6b4,38eb2281032b0cb096ef5e61f048c5374d6fb9bf4078ab8f9526a42e16e7c661732a632b55d6072328eedf87a47e6eeb3f0e3f90bba1086239c71350f90c75e5,22.0
-1.12.1,https://github.com/elixir-lang/elixir/releases/download/v1.12.1/Precompiled.zip,release,1,4a1269b95c719e0295cd6b57a1c447e1b91563ef,66e877486606f232f36cbe76cdd63bc4ee5e75e27d6292bb602ab2c88b4dd7da6684e6ff9cdb2020e7f916ee2d58016e2d1e2cbd5e579f297ab8eae660cb5dcb,22.0
-1.12.0,https://github.com/elixir-lang/elixir/releases/download/v1.12.0/Precompiled.zip,release,1,b607b2d0e78e1ae6f9d112ba3e1b617a1ee7580b,57e970640f7e273a62fbde60545ed85c18d667e194d0d3483b941ea3164f12664cc0c186968c1f341253f1907157ae88953b5caa413204f93bba08710fdc0b50,22.0
-1.11.4,https://github.com/elixir-lang/elixir/releases/download/v1.11.4/Precompiled.zip,release,1,2b421e7f4b8d62af5c9238f5cf127938d3523f23,4d8ead533a7bd35b41669be0d4548b612d5cc17723da67cfdf996ab36522fd0163215915a970675c6ebcba4dbfc7a46e644cb144b16087bc9417b385955a1e79,21.0
-1.11.3,https://github.com/elixir-lang/elixir/releases/download/v1.11.3/Precompiled.zip,release,1,430735e03d8dfcba3324010d397ab7871b30d87d,16cdd30e41737ba9d659e506b4aa79465ede2d93d27a720d6a3649b8100da9f7dee154a913438724651a83aea77ddef33ac1489bb7ae283b39fbfe20dcd77db4,21.0
-1.11.2,https://github.com/elixir-lang/elixir/releases/download/v1.11.2/Precompiled.zip,release,1,1c54c01b5449d631e673e4aaf205522eaeb8dbdc,7b6ece70d2db6cf4b02c3e72f0ae2edc68e13a2651876525eab08e3c3c3f1f88d294e3f412c3fb736bc84ba4c2897930101b0ac715e322f1554f29c69e2d1e77,21.0
-1.11.1,https://github.com/elixir-lang/elixir/releases/download/v1.11.1/Precompiled.zip,release,1,f03301dd10072f3643a4c1e5f012a49bfc493608,c70e7d3e338ab2449301c7864a2dd96e8d474f3fee533a66706c67cd733db74c2d529b9887961db9f07530eeed4cce917c480e5e8c4201060c7fa494e8b376da,21.0
-1.11.0,https://github.com/elixir-lang/elixir/releases/download/v1.11.0/Precompiled.zip,release,1,4654fed3bbd3e4ebc0c15cfaec003e84080eabd3,6293f2a0ca87872789a9b3909e782cde77409e8b3f1699f42c95ef55360bdba27c69fe6aaa1c843ef004cc4ded9d92e4cc0053f845c0208ec38f1d11945cae07,21.0
-1.10.4,https://github.com/elixir-lang/elixir/releases/download/v1.10.4/Precompiled.zip,release,1,5b400c829c4f239ac89a7eb97aac642b961f38fd,9727ae96d187d8b64e471ff0bb5694fcd1009cdcfd8b91a6b78b7542bb71fca59869d8440bb66a2523a6fec025f1d23394e7578674b942274c52b44e19ba2d43,21.0
-1.10.3,https://github.com/elixir-lang/elixir/releases/download/v1.10.3/Precompiled.zip,release,1,382fa22e6f184c0cc87fcfbfa0053c349d85f6f1,fc6d06ad4cc596b2b6e4f01712f718200c69f3b9c49c7d3b787f9a67b36482658490cf01109b0b0842fc9d88a27f64a9aba817231498d99fa01fa99688263d55,21.0
-1.10.2,https://github.com/elixir-lang/elixir/releases/download/v1.10.2/Precompiled.zip,release,1,830264881231e711d8bade711ed2819a2d10b918,532f43f08a29b5cbfca5a544c337b4a6d336d372ba0a5b3393681426d57ecaa85960e8eb3548aea26f213cc36914c6b66b83707cd719e27dc34c40efadb9f0b9,21.0
-1.10.1,https://github.com/elixir-lang/elixir/releases/download/v1.10.1/Precompiled.zip,release,1,606ffaff6c7c3d278d7daa1fee653aa8183f225f,e8809aff909ca6e2271493690a6a095959e551f6d04e2d384ead0d6cfde23a3707492b53563b9a78080509b44728a63645dc37be108cd6ea3f9501f5d616fe1d,21.0
-1.10.0,https://github.com/elixir-lang/elixir/releases/download/v1.10.0/Precompiled.zip,release,1,0c3f2206131f6d50f9b4e3264dcb8757c52294e4,1e9286391281cd53e5cc5452cdf9ee586c50648800701a1ab80ef7a5a4ef4052f75149235ba348e560d8d5247a0f476c27f481f53e05cbe29244d0b1a25d6586,21.0
diff --git a/erlang.csv b/erlang.csv
deleted file mode 100644
index 9aa93f3c6..000000000
--- a/erlang.csv
+++ /dev/null
@@ -1,5 +0,0 @@
-version_otp,version_erts,url_win32,url_win64
-25.3,13.3,https://github.com/erlang/otp/releases/download/OTP-25.3.1/otp_win32_25.3.1.exe,https://github.com/erlang/otp/releases/download/OTP-25.3.1/otp_win64_25.3.1.exe
-24.3,12.3,https://github.com/erlang/otp/releases/download/OTP-24.3.4.2/otp_win32_24.3.4.2.exe,https://github.com/erlang/otp/releases/download/OTP-24.3.4.2/otp_win64_24.3.4.2.exe
-23.3,11.2,https://github.com/erlang/otp/releases/download/OTP-23.3.4.8/otp_win32_23.3.4.8.exe,https://github.com/erlang/otp/releases/download/OTP-23.3.4.8/otp_win64_23.3.4.8.exe
-22.3,10.7,https://www.erlang.org/download/otp_win32_22.3.exe,https://www.erlang.org/download/otp_win64_22.3.exe
diff --git a/favicon.ico b/favicon.ico
deleted file mode 100644
index ec08e5a49..000000000
Binary files a/favicon.ico and /dev/null differ
diff --git a/getting-started/alias-require-and-import.markdown b/getting-started/alias-require-and-import.markdown
deleted file mode 100644
index eb771d715..000000000
--- a/getting-started/alias-require-and-import.markdown
+++ /dev/null
@@ -1,5 +0,0 @@
----
-layout: redirect
-sitemap: false
-redirect_to: alias-require-and-import
----
diff --git a/getting-started/basic-operators.markdown b/getting-started/basic-operators.markdown
deleted file mode 100644
index 459bdf53c..000000000
--- a/getting-started/basic-operators.markdown
+++ /dev/null
@@ -1,5 +0,0 @@
----
-layout: redirect
-sitemap: false
-redirect_to: lists-and-tuples
----
diff --git a/getting-started/basic-types.markdown b/getting-started/basic-types.markdown
deleted file mode 100644
index 2ab92484a..000000000
--- a/getting-started/basic-types.markdown
+++ /dev/null
@@ -1,5 +0,0 @@
----
-layout: redirect
-sitemap: false
-redirect_to: basic-types
----
diff --git a/getting-started/binaries-strings-and-char-lists.markdown b/getting-started/binaries-strings-and-char-lists.markdown
deleted file mode 100644
index 1836f0b2e..000000000
--- a/getting-started/binaries-strings-and-char-lists.markdown
+++ /dev/null
@@ -1,5 +0,0 @@
----
-layout: redirect
-sitemap: false
-redirect_to: binaries-strings-and-charlists
----
diff --git a/getting-started/case-cond-and-if.markdown b/getting-started/case-cond-and-if.markdown
deleted file mode 100644
index 98dd9f544..000000000
--- a/getting-started/case-cond-and-if.markdown
+++ /dev/null
@@ -1,5 +0,0 @@
----
-layout: redirect
-sitemap: false
-redirect_to: case-cond-and-if
----
diff --git a/getting-started/comprehensions.markdown b/getting-started/comprehensions.markdown
deleted file mode 100644
index a1ddb4dd7..000000000
--- a/getting-started/comprehensions.markdown
+++ /dev/null
@@ -1,5 +0,0 @@
----
-layout: redirect
-sitemap: false
-redirect_to: comprehensions
----
diff --git a/getting-started/debugging.markdown b/getting-started/debugging.markdown
deleted file mode 100644
index c63f3e447..000000000
--- a/getting-started/debugging.markdown
+++ /dev/null
@@ -1,5 +0,0 @@
----
-layout: redirect
-sitemap: false
-redirect_to: debugging
----
diff --git a/getting-started/enumerables-and-streams.markdown b/getting-started/enumerables-and-streams.markdown
deleted file mode 100644
index b6abedae7..000000000
--- a/getting-started/enumerables-and-streams.markdown
+++ /dev/null
@@ -1,5 +0,0 @@
----
-layout: redirect
-sitemap: false
-redirect_to: enumerable-and-streams
----
diff --git a/getting-started/erlang-libraries.markdown b/getting-started/erlang-libraries.markdown
deleted file mode 100644
index 8af923cc7..000000000
--- a/getting-started/erlang-libraries.markdown
+++ /dev/null
@@ -1,5 +0,0 @@
----
-layout: redirect
-sitemap: false
-redirect_to: erlang-libraries
----
diff --git a/getting-started/index.html b/getting-started/index.html
deleted file mode 100644
index c50365d75..000000000
--- a/getting-started/index.html
+++ /dev/null
@@ -1,5 +0,0 @@
----
-layout: redirect
-sitemap: false
-redirect_to: introduction
----
diff --git a/getting-started/introduction.markdown b/getting-started/introduction.markdown
deleted file mode 100644
index c50365d75..000000000
--- a/getting-started/introduction.markdown
+++ /dev/null
@@ -1,5 +0,0 @@
----
-layout: redirect
-sitemap: false
-redirect_to: introduction
----
diff --git a/getting-started/io-and-the-file-system.markdown b/getting-started/io-and-the-file-system.markdown
deleted file mode 100644
index 17a6e7bef..000000000
--- a/getting-started/io-and-the-file-system.markdown
+++ /dev/null
@@ -1,5 +0,0 @@
----
-layout: redirect
-sitemap: false
-redirect_to: io-and-the-file-system
----
diff --git a/getting-started/keywords-and-maps.markdown b/getting-started/keywords-and-maps.markdown
deleted file mode 100644
index a7430b486..000000000
--- a/getting-started/keywords-and-maps.markdown
+++ /dev/null
@@ -1,5 +0,0 @@
----
-layout: redirect
-sitemap: false
-redirect_to: keywords-and-maps
----
diff --git a/getting-started/meta/domain-specific-languages.markdown b/getting-started/meta/domain-specific-languages.markdown
deleted file mode 100644
index 96c2c5f2b..000000000
--- a/getting-started/meta/domain-specific-languages.markdown
+++ /dev/null
@@ -1,5 +0,0 @@
----
-layout: redirect
-sitemap: false
-redirect_to: domain-specific-languages
----
diff --git a/getting-started/meta/index.html b/getting-started/meta/index.html
deleted file mode 100644
index 70c16019b..000000000
--- a/getting-started/meta/index.html
+++ /dev/null
@@ -1,5 +0,0 @@
----
-layout: redirect
-sitemap: false
-redirect_to: quote-and-unquote
----
diff --git a/getting-started/meta/macros.markdown b/getting-started/meta/macros.markdown
deleted file mode 100644
index 349aee294..000000000
--- a/getting-started/meta/macros.markdown
+++ /dev/null
@@ -1,5 +0,0 @@
----
-layout: redirect
-sitemap: false
-redirect_to: macros
----
diff --git a/getting-started/meta/quote-and-unquote.markdown b/getting-started/meta/quote-and-unquote.markdown
deleted file mode 100644
index 70c16019b..000000000
--- a/getting-started/meta/quote-and-unquote.markdown
+++ /dev/null
@@ -1,5 +0,0 @@
----
-layout: redirect
-sitemap: false
-redirect_to: quote-and-unquote
----
diff --git a/getting-started/mix-otp/agent.markdown b/getting-started/mix-otp/agent.markdown
deleted file mode 100644
index 419cc43f7..000000000
--- a/getting-started/mix-otp/agent.markdown
+++ /dev/null
@@ -1,5 +0,0 @@
----
-layout: redirect
-sitemap: false
-redirect_to: agents
----
diff --git a/getting-started/mix-otp/docs-tests-and-with.markdown b/getting-started/mix-otp/docs-tests-and-with.markdown
deleted file mode 100644
index dbeb73254..000000000
--- a/getting-started/mix-otp/docs-tests-and-with.markdown
+++ /dev/null
@@ -1,5 +0,0 @@
----
-layout: redirect
-sitemap: false
-redirect_to: docs-tests-and-with
----
diff --git a/getting-started/mix-otp/dynamic-supervisor.markdown b/getting-started/mix-otp/dynamic-supervisor.markdown
deleted file mode 100644
index 9dfcd0300..000000000
--- a/getting-started/mix-otp/dynamic-supervisor.markdown
+++ /dev/null
@@ -1,5 +0,0 @@
----
-layout: redirect
-sitemap: false
-redirect_to: dynamic-supervisor
----
diff --git a/getting-started/mix-otp/genserver.markdown b/getting-started/mix-otp/genserver.markdown
deleted file mode 100644
index 0c548b6bb..000000000
--- a/getting-started/mix-otp/genserver.markdown
+++ /dev/null
@@ -1,5 +0,0 @@
----
-layout: redirect
-sitemap: false
-redirect_to: genservers
----
diff --git a/getting-started/mix-otp/index.html b/getting-started/mix-otp/index.html
deleted file mode 100644
index 6406e2fed..000000000
--- a/getting-started/mix-otp/index.html
+++ /dev/null
@@ -1,5 +0,0 @@
----
-layout: redirect
-sitemap: false
-redirect_to: introduction-to-mix
----
diff --git a/getting-started/mix-otp/introduction-to-mix.markdown b/getting-started/mix-otp/introduction-to-mix.markdown
deleted file mode 100644
index 6406e2fed..000000000
--- a/getting-started/mix-otp/introduction-to-mix.markdown
+++ /dev/null
@@ -1,5 +0,0 @@
----
-layout: redirect
-sitemap: false
-redirect_to: introduction-to-mix
----
diff --git a/getting-started/mix-otp/supervisor-and-application.markdown b/getting-started/mix-otp/supervisor-and-application.markdown
deleted file mode 100644
index 2d073b41b..000000000
--- a/getting-started/mix-otp/supervisor-and-application.markdown
+++ /dev/null
@@ -1,5 +0,0 @@
----
-layout: redirect
-sitemap: false
-redirect_to: supervisor-and-application
----
diff --git a/getting-started/mix-otp/task-and-gen-tcp.markdown b/getting-started/mix-otp/task-and-gen-tcp.markdown
deleted file mode 100644
index a278081ed..000000000
--- a/getting-started/mix-otp/task-and-gen-tcp.markdown
+++ /dev/null
@@ -1,5 +0,0 @@
----
-layout: redirect
-sitemap: false
-redirect_to: task-and-gen-tcp
----
diff --git a/getting-started/module-attributes.markdown b/getting-started/module-attributes.markdown
deleted file mode 100644
index 026b62136..000000000
--- a/getting-started/module-attributes.markdown
+++ /dev/null
@@ -1,5 +0,0 @@
----
-layout: redirect
-sitemap: false
-redirect_to: module-attributes
----
diff --git a/getting-started/modules-and-functions.markdown b/getting-started/modules-and-functions.markdown
deleted file mode 100644
index 263315f14..000000000
--- a/getting-started/modules-and-functions.markdown
+++ /dev/null
@@ -1,5 +0,0 @@
----
-layout: redirect
-sitemap: false
-redirect_to: modules-and-functions
----
diff --git a/getting-started/modules.markdown b/getting-started/modules.markdown
deleted file mode 100644
index 263315f14..000000000
--- a/getting-started/modules.markdown
+++ /dev/null
@@ -1,5 +0,0 @@
----
-layout: redirect
-sitemap: false
-redirect_to: modules-and-functions
----
diff --git a/getting-started/optional-syntax.markdown b/getting-started/optional-syntax.markdown
deleted file mode 100644
index 9231aebf5..000000000
--- a/getting-started/optional-syntax.markdown
+++ /dev/null
@@ -1,5 +0,0 @@
----
-layout: redirect
-sitemap: false
-redirect_to: optional-syntax
----
diff --git a/getting-started/pattern-matching.markdown b/getting-started/pattern-matching.markdown
deleted file mode 100644
index bfa53ced1..000000000
--- a/getting-started/pattern-matching.markdown
+++ /dev/null
@@ -1,5 +0,0 @@
----
-layout: redirect
-sitemap: false
-redirect_to: pattern-matching
----
diff --git a/getting-started/processes.markdown b/getting-started/processes.markdown
deleted file mode 100644
index 1435024b8..000000000
--- a/getting-started/processes.markdown
+++ /dev/null
@@ -1,5 +0,0 @@
----
-layout: redirect
-sitemap: false
-redirect_to: processes
----
diff --git a/getting-started/protocols.markdown b/getting-started/protocols.markdown
deleted file mode 100644
index a44082f4e..000000000
--- a/getting-started/protocols.markdown
+++ /dev/null
@@ -1,5 +0,0 @@
----
-layout: redirect
-sitemap: false
-redirect_to: protocols
----
diff --git a/getting-started/recursion.markdown b/getting-started/recursion.markdown
deleted file mode 100644
index ed7c1c2c9..000000000
--- a/getting-started/recursion.markdown
+++ /dev/null
@@ -1,5 +0,0 @@
----
-layout: redirect
-sitemap: false
-redirect_to: recursion
----
diff --git a/getting-started/sigils.markdown b/getting-started/sigils.markdown
deleted file mode 100644
index 0f929e472..000000000
--- a/getting-started/sigils.markdown
+++ /dev/null
@@ -1,5 +0,0 @@
----
-layout: redirect
-sitemap: false
-redirect_to: sigils
----
diff --git a/getting-started/structs.markdown b/getting-started/structs.markdown
deleted file mode 100644
index 2a92104e6..000000000
--- a/getting-started/structs.markdown
+++ /dev/null
@@ -1,5 +0,0 @@
----
-layout: redirect
-sitemap: false
-redirect_to: structs
----
diff --git a/getting-started/try-catch-and-rescue.markdown b/getting-started/try-catch-and-rescue.markdown
deleted file mode 100644
index 158dc94ce..000000000
--- a/getting-started/try-catch-and-rescue.markdown
+++ /dev/null
@@ -1,5 +0,0 @@
----
-layout: redirect
-sitemap: false
-redirect_to: try-catch-and-rescue
----
diff --git a/getting-started/typespecs-and-behaviours.markdown b/getting-started/typespecs-and-behaviours.markdown
deleted file mode 100644
index af6ce2592..000000000
--- a/getting-started/typespecs-and-behaviours.markdown
+++ /dev/null
@@ -1,5 +0,0 @@
----
-layout: redirect
-sitemap: false
-redirect_to: typespecs
----
diff --git a/getting-started/where-to-go-next.markdown b/getting-started/where-to-go-next.markdown
deleted file mode 100644
index c50365d75..000000000
--- a/getting-started/where-to-go-next.markdown
+++ /dev/null
@@ -1,5 +0,0 @@
----
-layout: redirect
-sitemap: false
-redirect_to: introduction
----
diff --git a/images/cases/bg/mozilla-hubs.jpg b/images/cases/bg/mozilla-hubs.jpg
deleted file mode 100644
index 5b78639d9..000000000
Binary files a/images/cases/bg/mozilla-hubs.jpg and /dev/null differ
diff --git a/images/cases/logos/default-image.png b/images/cases/logos/default-image.png
deleted file mode 100644
index edcfde32a..000000000
Binary files a/images/cases/logos/default-image.png and /dev/null differ
diff --git a/images/cases/logos/discord.png b/images/cases/logos/discord.png
deleted file mode 100644
index aa1b5e2e0..000000000
Binary files a/images/cases/logos/discord.png and /dev/null differ
diff --git a/images/cases/logos/farmbot.png b/images/cases/logos/farmbot.png
deleted file mode 100644
index d8d5a914b..000000000
Binary files a/images/cases/logos/farmbot.png and /dev/null differ
diff --git a/images/cases/logos/heroku.png b/images/cases/logos/heroku.png
deleted file mode 100644
index 78f52eda4..000000000
Binary files a/images/cases/logos/heroku.png and /dev/null differ
diff --git a/images/cases/logos/mozilla-hubs.png b/images/cases/logos/mozilla-hubs.png
deleted file mode 100644
index f1b7779c3..000000000
Binary files a/images/cases/logos/mozilla-hubs.png and /dev/null differ
diff --git a/images/contents/debugger-elixir.gif b/images/contents/debugger-elixir.gif
deleted file mode 100644
index 0d99d2a71..000000000
Binary files a/images/contents/debugger-elixir.gif and /dev/null differ
diff --git a/images/contents/kv-observer.png b/images/contents/kv-observer.png
deleted file mode 100644
index 7527d7e5c..000000000
Binary files a/images/contents/kv-observer.png and /dev/null differ
diff --git a/images/learning/adopting-elixir.jpg b/images/learning/adopting-elixir.jpg
deleted file mode 100644
index 77ec6a2ea..000000000
Binary files a/images/learning/adopting-elixir.jpg and /dev/null differ
diff --git a/images/learning/elixir-cookbook.jpg b/images/learning/elixir-cookbook.jpg
deleted file mode 100644
index ecd8fe352..000000000
Binary files a/images/learning/elixir-cookbook.jpg and /dev/null differ
diff --git a/images/learning/elixir-in-action.jpg b/images/learning/elixir-in-action.jpg
deleted file mode 100644
index 932bce213..000000000
Binary files a/images/learning/elixir-in-action.jpg and /dev/null differ
diff --git a/images/learning/elixir-sips.png b/images/learning/elixir-sips.png
deleted file mode 100644
index 3c6aea8f0..000000000
Binary files a/images/learning/elixir-sips.png and /dev/null differ
diff --git a/images/learning/etude-for-elixir.jpg b/images/learning/etude-for-elixir.jpg
deleted file mode 100644
index 549fafad4..000000000
Binary files a/images/learning/etude-for-elixir.jpg and /dev/null differ
diff --git a/images/learning/introducing-elixir.jpg b/images/learning/introducing-elixir.jpg
deleted file mode 100644
index 751ef4219..000000000
Binary files a/images/learning/introducing-elixir.jpg and /dev/null differ
diff --git a/images/learning/joy-of-elixir.jpg b/images/learning/joy-of-elixir.jpg
deleted file mode 100644
index c197a1060..000000000
Binary files a/images/learning/joy-of-elixir.jpg and /dev/null differ
diff --git a/images/learning/learn-functional-programming-with-elixir.jpg b/images/learning/learn-functional-programming-with-elixir.jpg
deleted file mode 100644
index 0251fd91b..000000000
Binary files a/images/learning/learn-functional-programming-with-elixir.jpg and /dev/null differ
diff --git a/images/learning/mini-docu.png b/images/learning/mini-docu.png
deleted file mode 100644
index 3a18117f8..000000000
Binary files a/images/learning/mini-docu.png and /dev/null differ
diff --git a/images/learning/programming-elixir-1-6.jpg b/images/learning/programming-elixir-1-6.jpg
deleted file mode 100644
index b61274161..000000000
Binary files a/images/learning/programming-elixir-1-6.jpg and /dev/null differ
diff --git a/images/learning/take-off-with-elixir.jpg b/images/learning/take-off-with-elixir.jpg
deleted file mode 100644
index c6b4ca144..000000000
Binary files a/images/learning/take-off-with-elixir.jpg and /dev/null differ
diff --git a/images/learning/the-little-elixir-and-otp-guidebook-meap.jpg b/images/learning/the-little-elixir-and-otp-guidebook-meap.jpg
deleted file mode 100644
index 7ab2cf67d..000000000
Binary files a/images/learning/the-little-elixir-and-otp-guidebook-meap.jpg and /dev/null differ
diff --git a/images/logo/eef.png b/images/logo/eef.png
deleted file mode 100644
index 0ffba654e..000000000
Binary files a/images/logo/eef.png and /dev/null differ
diff --git a/images/logo/logo-dark.png b/images/logo/logo-dark.png
deleted file mode 100644
index 8beb02d62..000000000
Binary files a/images/logo/logo-dark.png and /dev/null differ
diff --git a/images/logo/logo.png b/images/logo/logo.png
deleted file mode 100755
index 9c13fb5a1..000000000
Binary files a/images/logo/logo.png and /dev/null differ
diff --git a/images/social/elixir-og-card.jpg b/images/social/elixir-og-card.jpg
deleted file mode 100644
index 64cd0da91..000000000
Binary files a/images/social/elixir-og-card.jpg and /dev/null differ
diff --git a/images/social/rss-feed-icon.svg b/images/social/rss-feed-icon.svg
deleted file mode 100644
index 0435819b1..000000000
--- a/images/social/rss-feed-icon.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><defs><linearGradient x1=".085" y1=".085" x2=".915" y2=".915" id="a"><stop offset="0" stop-color="#E3702D"/><stop offset=".107" stop-color="#EA7D31"/><stop offset=".35" stop-color="#F69537"/><stop offset=".5" stop-color="#FB9E3A"/><stop offset=".702" stop-color="#EA7C31"/><stop offset=".887" stop-color="#DE642B"/><stop offset="1" stop-color="#D95B29"/></linearGradient></defs><rect width="256" height="256" rx="55" ry="55" fill="#CC5D15"/><rect width="246" height="246" rx="50" ry="50" x="5" y="5" fill="#F49C52"/><rect width="236" height="236" rx="47" ry="47" x="10" y="10" fill="url(#a)"/><circle cx="68" cy="189" r="24" fill="#FFF"/><path d="M160 213h-34a82 82 0 0 0-82-82V97a116 116 0 0 1 116 116z" fill="#FFF"/><path d="M184 213A140 140 0 0 0 44 73V38a175 175 0 0 1 175 175z" fill="#FFF"/></svg>
\ No newline at end of file
diff --git a/index.html b/index.html
deleted file mode 100644
index ae0b354c4..000000000
--- a/index.html
+++ /dev/null
@@ -1,202 +0,0 @@
----
-section: home
-layout: default
-image: /images/social/elixir-og-card.jpg
----
-
-<div class="hfeed">
-  <div class="hentry post">
-    <div class="entry-summary">
-      <h5>Elixir is a dynamic, functional language for building scalable and maintainable applications.</h5>
-
-      <p>Elixir runs on the Erlang VM, known for creating low-latency, distributed, and fault-tolerant systems. These capabilities and Elixir tooling allow developers to be productive in several domains, such as web development, embedded software, machine learning, data pipelines, and multimedia processing, across a wide range of industries.</p>
-
-      <p>Here is a peek:</p>
-
-{% highlight elixir %}
-iex> "Elixir" |> String.graphemes() |> Enum.frequencies()
-%{"E" => 1, "i" => 2, "l" => 1, "r" => 1, "x" => 1}
-{% endhighlight %}
-
-      <p>Check our <a href="https://elixir.hexdocs.pm/introduction.html">Getting Started guide</a> and our <a href="/learning.html">Learning page</a> to begin your journey with Elixir. Or keep scrolling for an overview of the platform, language, and tools.
-    </div>
-  </div>
-
-  <div class="hentry post">
-    <div class="cases-header">
-      <h4>Companies using Elixir in production</h4>
-      <a href="/cases.html">See more cases →</a>
-    </div>
-
-    <div class="cases-boxes" id="shuffled-cases">
-      {% for post in site.categories["Elixir in Production"] %}
-        <a class="cases-box" href="{{ post.url }}" title="Case: {{ post.title }}">
-          {% if post.logo == nil %}
-            <div class="cases-image" style="background-image: url('/images/cases/logos/default-image.png')"></div>
-          {% else %}
-            <div class="cases-image" style="background-image: url('{{ post.logo }}')"></div>
-          {% endif %}
-          <div class="cases-tag">
-            {% for tag in post.tags %}
-              <span>#{{tag}}</span>
-            {% endfor %}
-          </div>
-        </a>
-      {% endfor %}
-    </div>
-  </div>
-
-  <div class="hentry post">
-    <h3>Platform features</h3>
-  </div>
-
-  <div class="hentry post">
-    <h4>Scalability</h4>
-    <div class="entry-summary">
-      <p>All Elixir code runs inside lightweight threads of execution (called processes) that are isolated and exchange information via messages:</p>
-
-{% highlight elixir %}
-current_process = self()
-
-# Spawn an Elixir process (not an operating system one!)
-spawn_link(fn ->
-  send(current_process, {:msg, "hello world"})
-end)
-
-# Block until the message is received
-receive do
-  {:msg, contents} -> IO.puts(contents)
-end
-{% endhighlight %}
-
-      <p>Due to their lightweight nature, you can run hundreds of thousands of processes <i>concurrently</i> in the same machine, using all machine resources efficiently (vertical scaling). Processes may also communicate with other processes running on different machines to coordinate work across multiple nodes (horizontal scaling).</p>
-
-      <p>Together with projects such as <a href="https://github.com/elixir-nx/">Numerical Elixir</a>, Elixir scales across cores, clusters, and GPUs.</p>
-    </div>
-  </div>
-
-  <div class="hentry post">
-    <h4>Fault-tolerance</h4>
-
-    <div class="entry-summary">
-      <p>The unavoidable truth about software in production is that <i>things will go wrong</i>. Even more when we take network, file systems, and other third-party resources into account.</p>
-
-      <p>To react to failures, Elixir supervisors describe how to restart parts of your system when things go awry, going back to a known initial state that is guaranteed to work:</p>
-
-{% highlight elixir %}
-children = [
-  TCP.Pool,
-  {TCP.Acceptor, port: 4040}
-]
-
-Supervisor.start_link(children, strategy: :one_for_one)
-{% endhighlight %}
-
-      <p>The combination of fault-tolerance and message passing makes Elixir an excellent choice for event-driven systems and robust architectures. Frameworks, <a href="https://www.nerves-project.org/">such as Nerves</a>, build on this foundation to enable productive development of reliable embedded/IoT systems.</p>
-    </div>
-  </div>
-
-  <div class="hentry post">
-    <h3>Language features</h3>
-  </div>
-
-  <div class="hentry post">
-    <h4>Functional programming</h4>
-
-    <div class="entry-summary">
-      <p>Functional programming promotes a coding style that helps developers write code that is short, concise, and maintainable. For example, pattern matching allows us to elegantly match and assert specific conditions for some code to execute:</p>
-
-{% highlight elixir %}
-def drive(%User{age: age}) when age >= 16 do
-  # Code that drives a car
-end
-
-drive(User.get("John Doe"))
-#=> Fails if the user is under 16
-{% endhighlight %}
-
-      <p>Elixir relies on those features to ensure your software is working under the expected constraints. And when it is not, don't worry, supervisors have your back!</p>
-    </div>
-  </div>
-
-  <div class="hentry post">
-    <h4>Extensibility and DSLs</h4>
-
-    <div class="entry-summary">
-      <p>Elixir has been designed to be extensible, allowing developers to naturally extend the language to particular domains, in order to increase their productivity.</p>
-
-      <p>As an example, let's write a simple test case using <a href="https://ex-unit.hexdocs.pm/">Elixir's test framework called ExUnit</a>:</p>
-
-{% highlight elixir %}
-defmodule MathTest do
-  use ExUnit.Case, async: true
-
-  test "can add two numbers" do
-    assert 1 + 1 == 2
-  end
-end
-{% endhighlight %}
-
-      <p>The <code>async: true</code> option allows <code>test</code>s to run in parallel, using as many CPU cores as possible, while the <code>assert</code> functionality can introspect your code, providing great reports in case of failures.</p>
-
-      <p>Other examples include using <a href="https://github.com/elixir-ecto/ecto">Elixir to write SQL queries</a>, <a href="https://github.com/elixir-nx/nx">compiling a subset of Elixir to the GPU</a>, and more.</p>
-    </div>
-  </div>
-
-  <div class="hentry post">
-    <h3>Tooling features</h3>
-  </div>
-
-  <div class="hentry post">
-    <h4>A growing ecosystem</h4>
-
-    <div class="entry-summary">
-      <p>Elixir ships with a great set of tools to ease development. <a href="https://mix.hexdocs.pm/">Mix is a build tool</a> that allows you to easily create projects, manage tasks, run tests and more:</p>
-
-<pre><code>$ mix new my_app
-$ cd my_app
-$ mix test
-<span style="color:#919D41">.</span>
-
-Finished in 0.04 seconds (0.04s on load, 0.00s on tests)
-<span style="color:#919D41">1 test, 0 failures</span>
-</code></pre>
-
-      <p>Mix also integrates with the <a href="https://hex.pm/">Hex package manager</a> for dependency management and <a href="https://hexdocs.pm/">hosting documentation</a> for the whole ecosystem.</p>
-    </div>
-  </div>
-
-  <div class="hentry post">
-    <h4>Interactive development</h4>
-
-    <div class="entry-summary">
-      <p>Tools like <a href="https://iex.hexdocs.pm/">IEx (Elixir's interactive shell)</a> leverage the language and platform to provide auto-complete, debugging tools, code reloading, as well as nicely formatted documentation:</p>
-
-{% highlight text %}
-$ iex
-Interactive Elixir - press Ctrl+C to exit (type h() ENTER for help)
-iex> h String.trim           # Prints the documentation
-iex> i "Hello, World"        # Prints information about a data type
-iex> break! String.trim/1    # Sets a breakpoint
-iex> recompile               # Recompiles the current project
-{% endhighlight %}
-
-      <p>Code notebooks like <a href="https://livebook.dev/">Livebook</a> allow you to interact with Elixir directly from your browser, including support for plotting, flowcharts, data tables, machine learning, and much more!</p>
-    </div>
-  </div>
-
-  <div class="hentry post">
-    <h4>Erlang compatible</h4>
-
-    <div class="entry-summary">
-      <p>Elixir runs on the Erlang VM giving developers complete access to Erlang's ecosystem, used by companies like <a href="https://www.whatsapp.com">WhatsApp</a>, <a href="https://klarna.com">Klarna</a>, and many more to build distributed, fault-tolerant applications. An Elixir programmer can invoke any Erlang function with no runtime cost:</p>
-
-{% highlight elixir %}
-iex> :crypto.hash(:sha256, "Using crypto from Erlang OTP")
-<<192, 223, 75, 115, ...>>
-{% endhighlight %}
-
-      <p>To learn more about Elixir, check our <a href="https://elixir.hexdocs.pm/introduction.html">Getting Started guide</a>.</p>
-    </div>
-  </div>
-</div>
diff --git a/install.markdown b/install.markdown
deleted file mode 100644
index b00557860..000000000
--- a/install.markdown
+++ /dev/null
@@ -1,238 +0,0 @@
----
-title: "Installing Elixir"
-section: install
-layout: default
-image: /images/social/elixir-og-card.jpg
----
-{% assign stable = site.data.elixir-versions[site.data.elixir-versions.stable] %}
-
-# Install
-
-{% include toc.html %}
-
-The quickest way to install Elixir is through install scripts, operating system package manager, or using one of the available installers. If such an option is not available, then we recommend using the precompiled packages or compiling the language yourself. All of these options are detailed next.
-
-Note that Elixir {{ stable.name }} requires Erlang {{ stable.minimum_otp }} or later. Many of the instructions below will automatically install Erlang for you. If they do not, the "Installing Erlang" section has you covered.
-
-If you are not sure if you have Elixir installed or not, you can run `elixir --version` in your terminal.
-
-## By Operating System
-
-Install Elixir according to your operating system and tool of choice.
-
-### macOS
-
-  - Using [install scripts](#install-scripts)
-
-  - Using [Homebrew](https://brew.sh):
-    * Run: `brew install elixir`
-
-  - Using [Macports](https://www.macports.org):
-    * Run: `sudo port install elixir`
-
-  - Using [version managers](#version-managers)
-
-### GNU/Linux
-
-Below we list steps for installing Elixir in different distributions. If your distribution is not listed or the steps below do not work, you may consider using [version managers](#version-managers).
-
-  - **Arch Linux** (Community repository)
-    * Run: `pacman -S elixir`
-
-  - **Fedora**
-    * Fedora's Rawhide repository keeps more recent versions: `sudo dnf --repo=rawhide install elixir elixir-doc erlang erlang-doc`
-    * You may use the default distribution, but those often lag behind: `sudo dnf install elixir erlang`
-    * Documentation is available in separate packages: `sudo dnf install elixir-doc erlang-doc`
-
-  - **Gentoo**
-    * Run: `emerge --ask dev-lang/elixir`
-
-  - **GNU Guix**
-    * Run: `guix package -i elixir`
-
-  - **Ubuntu**
-    * Using [install scripts](#install-scripts)
-    * The packages in `apt` tend to lag several versions behind. You may use [RabbitMQ Packages](https://launchpad.net/~rabbitmq) outlined below, which are likely newer than `apt`:
-
-      ```sh
-      sudo add-apt-repository ppa:rabbitmq/rabbitmq-erlang
-      sudo apt update
-      sudo apt install git elixir erlang
-      ```
-
-### BSD
-
-  - **FreeBSD**
-    * The latest Elixir release is named [lang/elixir-devel](https://freshports.org/lang/elixir-devel).
-      The default Elixir, [lang/elixir](https://freshports.org/lang/elixir), may
-      lag slightly as dependent ports are often not able to be updated to the
-      newest Elixir release immediately.
-    * Using ports:
-      * Run: `cd /usr/ports/lang/elixir && make install clean`
-    * Using pkg:
-      * Run: `pkg install elixir` or `pkg install elixir-devel`
-
-  - **OpenBSD**
-    * Run: `pkg_add elixir`
-
-### Windows
-
-  - Using Windows installers:
-    * [Download and run the Erlang installer](https://www.erlang.org/downloads.html)
-    * Download and run the Elixir installer compatible with your Erlang/OTP version:
-{% for otp_version in stable.otp_versions %}      * [Elixir {{ stable.version }} on Erlang {{ otp_version }}](https://github.com/elixir-lang/elixir/releases/download/v{{ stable.version }}/elixir-otp-{{ otp_version }}.exe)
-{% endfor %}
-      Run `erl` in the terminal if you are unsure of your Erlang/OTP version.<br />Previous Elixir versions are available in our [Releases](https://github.com/elixir-lang/elixir/releases) page.
-
-  - Using [install scripts](#install-scripts)
-
-  - Using [Scoop](https://scoop.sh):
-    * Install Erlang: `scoop install erlang`
-    * Install Elixir: `scoop install elixir`
-
-  - Using [Chocolatey](https://community.chocolatey.org):
-    * Install Elixir (installs Erlang as a dependency): `choco install elixir`
-
-  - Using [version managers](#version-managers)
-
-### Raspberry Pi and embedded devices
-
-To build and package an Elixir application, with the whole operating system, and burn that into a disk or deploy it overwhere, [check out the Nerves project](https://www.nerves-project.org).
-
-If you want to install Elixir as part of an existing Operating System, please follow the relevant steps above for your Operating System or install from precompiled/source.
-
-### Docker
-
-If you are familiar with Docker you can use the official Docker image to get started quickly with Elixir.
-
-  * Enter interactive mode
-    * Run: `docker run -it --rm elixir`
-  * Enter bash within container with installed `elixir`
-    * Run: `docker run -it --rm elixir bash`
-
-The above will automatically point to the latest Erlang and Elixir available. For production usage, we recommend using [Hex.pm Docker images](https://hub.docker.com/r/hexpm/elixir), which are immutable and point to a specific Erlang and Elixir version.
-
-## Install scripts
-
-Elixir and Erlang/OTP can be quickly installed for macOS, Windows, or Ubuntu using an `install.sh`/`install.bat` script:
-
-If you are using bash (macOS/Ubuntu/Windows), run:
-
-```sh
-curl -fsSO {{ site.url }}/install.sh
-sh install.sh elixir@{{ stable.version }} otp@{{ stable.recommended_otp }}
-installs_dir=$HOME/.elixir-install/installs
-export PATH=$installs_dir/otp/{{ stable.recommended_otp }}/bin:$PATH
-export PATH=$installs_dir/elixir/{{ stable.version }}-otp-{{ stable.otp_versions[0] }}/bin:$PATH
-iex
-```
-
-If you are using PowerShell (Windows), run:
-
-```pwsh
-curl.exe -fsSO {{ site.url }}/install.bat
-.\install.bat elixir@{{ stable.version }} otp@{{ stable.recommended_otp }}
-$installs_dir = "$env:USERPROFILE\.elixir-install\installs"
-$env:PATH = "$installs_dir\otp\{{ stable.recommended_otp }}\bin;$env:PATH"
-$env:PATH = "$installs_dir\elixir\{{ stable.version }}-otp-{{ stable.otp_versions[0] }}\bin;$env:PATH"
-iex.bat
-```
-
-You may want to [set the $PATH environment variable](#setting-path-environment-variable) for your whole system. Use `install.sh --help` or `install.bat --help` to learn more about available arguments and options.
-
-## Version managers
-
-There are many tools that allow developers to install and manage multiple Erlang and Elixir versions. They are useful if you have multiple projects running on different Elixir or Erlang versions, can't install Erlang or Elixir as mentioned above or if the version provided by your package manager is outdated. Here are some of those tools:
-
-  * [asdf](https://asdf-vm.com) - install and manage different [Elixir](https://github.com/asdf-vm/asdf-elixir) and [Erlang](https://github.com/asdf-vm/asdf-erlang) versions
-  * [mise](https://mise.en.dev) - install and manage different Elixir and Erlang versions
-  * [kerl](https://github.com/kerl/kerl) - install and manage different Erlang versions
-
-Keep in mind that each Elixir version supports specific Erlang/OTP versions. [See the supported versions alongside our docs](/docs).
-
-## Precompiled package
-
-Elixir provides a precompiled package for every release. First [install Erlang](#installing-erlang) and then download the appropriate precompiled Elixir below. You can consult your Erlang/OTP version by running `erl -s halt`:
-
-{% for otp_version in stable.otp_versions %}
-  * [Elixir {{ stable.version }} on Erlang/OTP {{ otp_version }}](https://github.com/elixir-lang/elixir/releases/download/v{{ stable.version }}/elixir-otp-{{ otp_version }}.zip){% endfor %}
-
-Once you download the release, unpack it, and you are ready to run the `elixir` and `iex` commands from the `bin` directory. However, we recommend you to [add Elixir's bin path to your PATH environment variable](#setting-path-environment-variable) to ease development.
-
-### Mirrors and nightly builds
-
-The links above point directly to the GitHub release. We also host and mirror precompiled packages and nightly builds globally via `builds.hex.pm` using the following URL scheme:
-
-    https://builds.hex.pm/builds/elixir/${ELIXIR_VERSION}-otp-${OTP_VERSION}.zip
-
-For example, to use Elixir v1.13.3 with Erlang/OTP 24.x, use:
-
-    https://builds.hex.pm/builds/elixir/v1.13.3-otp-24.zip
-
-To use nightly for a given Erlang/OTP version (such as 25), use:
-
-    https://builds.hex.pm/builds/elixir/main-otp-25.zip
-
-For a list of all builds, use:
-
-    https://builds.hex.pm/builds/elixir/builds.txt
-
-## Compiling from source
-
-You can download and compile Elixir in few steps. The first one is to [install Erlang](#installing-erlang). You will also need [make](https://www.gnu.org/software/make/) available.
-
-Next you should download source code ([.zip](https://github.com/elixir-lang/elixir/archive/v{{ stable.version }}.zip), [.tar.gz](https://github.com/elixir-lang/elixir/archive/v{{ stable.version }}.tar.gz)) of the [latest release](https://github.com/elixir-lang/elixir/releases/tag/v{{ stable.version }}), unpack it and then run `make` inside the unpacked directory (note: if you are running on Windows, [read this page on setting up your environment for compiling Elixir](https://github.com/elixir-lang/elixir/wiki/Windows)).
-
-After compiling, you are ready to run the elixir and `iex` commands from the bin directory. It is recommended that you [add Elixir's bin path to your PATH environment variable](#setting-path-environment-variable) to ease development.
-
-In case you are feeling a bit more adventurous, you can also compile from main:
-
-```sh
-git clone https://github.com/elixir-lang/elixir.git
-cd elixir
-make clean compile
-```
-
-## Installing Erlang
-
-The only prerequisite for Elixir is Erlang, version {{ stable.minimum_otp }} or later. When installing Elixir, Erlang is generally installed automatically for you. However, if you want to install Erlang manually, you might check:
-
-  * [Source code distribution and Windows installers from Erlang's official website](https://www.erlang.org/downloads.html)
-  * [Precompiled packages for some Unix-like installations](https://www.erlang-solutions.com/resources/download.html)
-  * [A general list of installation methods from the Riak documentation](https://docs.riak.com/riak/kv/latest/setup/installing/source/erlang/)
-
-After Erlang is installed, you should be able to open up the command line (or command prompt) and check the Erlang version by typing `erl -s erlang halt`. You will see some information similar to:
-
-    Erlang/OTP {{ stable.minimum_otp }} [64-bit] [smp:2:2] [...]
-
-Notice that depending on how you installed Erlang, Erlang binaries might not be available in your PATH. Be sure to have Erlang binaries in your [PATH](https://en.wikipedia.org/wiki/Environment_variable), otherwise Elixir won't work!
-
-## Setting PATH environment variable
-
-It is highly recommended to add Elixir's bin path to your PATH environment variable to ease development.
-
-On Windows, there are [instructions for different versions](https://www.computerhope.com/issues/ch000549.htm) explaining the process.
-
-On Unix systems, you need to [find your shell profile file](https://unix.stackexchange.com/a/117470/101951), and then add to the end of this file the following line reflecting the path to your Elixir installation:
-
-```sh
-export PATH="$PATH:/path/to/elixir/bin"
-```
-
-## Asking questions
-
-After Elixir is up and running, it is common to have questions as you learn and use the language. There are many places where you can ask questions, here are some of them:
-
-  * [#elixir on irc.libera.chat](irc://irc.libera.chat/elixir)
-  * [Elixir Forum](https://elixirforum.com)
-  * [Elixir on Slack](https://elixir-lang.slack.com/join/shared_invite/zt-eivteker-k_nArD59XHjjN_r8qeH6dw#/shared-invite/email)
-  * [Elixir on Discord](https://discord.gg/elixir)
-  * [elixir tag on StackOverflow](https://stackoverflow.com/questions/tagged/elixir)
-
-When asking questions, remember these two tips:
-
-  * Instead of asking "how to do X in Elixir", ask "how to solve Y in Elixir". In other words, don't ask how to implement a particular solution, instead describe the problem at hand. Stating the problem gives more context and less bias for a correct answer.
-
-  * In case things are not working as expected, please include as much information as you can in your report, for example: your Elixir version, the code snippet and the error message alongside the error stacktrace.
-
-Enjoy!
diff --git a/js/icons/fonts/LICENSE.txt b/js/icons/fonts/LICENSE.txt
deleted file mode 100644
index 259b43d14..000000000
--- a/js/icons/fonts/LICENSE.txt
+++ /dev/null
@@ -1,9 +0,0 @@
-(c) 2012-2014 GitHub
-
-When using the GitHub logos, be sure to follow the GitHub logo guidelines (https://github.com/logos)
-
-Font License: SIL OFL 1.1 (http://scripts.sil.org/OFL)
-Applies to all font files
-
-Code License: MIT (http://choosealicense.com/licenses/mit/)
-Applies to all other files
diff --git a/js/icons/fonts/icons.eot b/js/icons/fonts/icons.eot
deleted file mode 100644
index 1d30e66c2..000000000
Binary files a/js/icons/fonts/icons.eot and /dev/null differ
diff --git a/js/icons/fonts/icons.svg b/js/icons/fonts/icons.svg
deleted file mode 100644
index 4b4d09d85..000000000
--- a/js/icons/fonts/icons.svg
+++ /dev/null
@@ -1,30 +0,0 @@
-<?xml version="1.0" standalone="no"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
-<svg xmlns="http://www.w3.org/2000/svg">
-<metadata>
-<json>
-{
-	"fontFamily": "icons",
-	"majorVersion": 1,
-	"minorVersion": 0,
-	"version": "Version 1.0",
-	"fontId": "icons",
-	"psName": "icons",
-	"subFamily": "Regular",
-	"fullName": "icons",
-	"description": "Font generated by IcoMoon."
-}
-</json>
-</metadata>
-<defs>
-<font id="icons" horiz-adv-x="1024">
-<font-face units-per-em="1024" ascent="960" descent="-64" />
-<missing-glyph horiz-adv-x="1024" />
-<glyph unicode="&#x20;" d="" horiz-adv-x="512" />
-<glyph unicode="&#xf010;" d="M288 576l-160-160 160-160 64 64-96 96 96 96-64 64zM416 512l96-96-96-96 64-64 160 160-160 160-64-64zM576 896h-576v-896h768v704l-192 192zM704 64h-640v768h448l192-192v-576z" horiz-adv-x="768" data-tags="file-code" />
-<glyph unicode="&#xf011;" d="M448 704h-320v-64h320v64zM576 896h-576v-896h768v704l-192 192zM704 64h-640v768h448l192-192v-576zM128 192h512v64h-512v-64zM128 320h512v64h-512v-64zM128 448h512v64h-512v-64z" horiz-adv-x="768" data-tags="file-text" />
-<glyph unicode="&#xf05c;" d="M768 704h-138c48-32 93-89 107-128h30c65 0 128-64 128-128s-65-128-128-128h-192c-63 0-128 64-128 128 0 23 7 45 18 64h-137c-5-21-8-42-8-64 0-128 127-256 255-256s65 0 193 0 256 128 256 256-128 256-256 256zM287 320h-30c-65 0-128 64-128 128s65 128 128 128h192c63 0 128-64 128-128 0-23-7-45-18-64h137c5 21 8 42 8 64 0 128-127 256-255 256s-65 0-193 0-256-128-256-256 128-256 256-256h138c-48 32-93 89-107 128z" data-tags="link" />
-<glyph unicode="&#xf05f;" d="M608 768l-96-96 224-224-224-224 96-96 288 320-288 320zM288 768l-288-320 288-320 96 96-224 224 224 224-96 96z" horiz-adv-x="896" data-tags="code" />
-<glyph unicode="&#xf07f;" d="M640 192h-512v510.094l128 1.906v128h-256v-768h768v320h-128v-192zM384 832l128-128-192-192 128-128 192 192 128-128v384h-384z" horiz-adv-x="768" data-tags="link-external" />
-<glyph unicode="&#xf0a2;" d="M320 704l-320-320 128-128 192 192 192-192 128 128-320 320z" horiz-adv-x="640" data-tags="chevron-up" />
-</font></defs></svg>
\ No newline at end of file
diff --git a/js/icons/fonts/icons.ttf b/js/icons/fonts/icons.ttf
deleted file mode 100644
index 2b8649e44..000000000
Binary files a/js/icons/fonts/icons.ttf and /dev/null differ
diff --git a/js/icons/fonts/icons.woff b/js/icons/fonts/icons.woff
deleted file mode 100644
index 383494c22..000000000
Binary files a/js/icons/fonts/icons.woff and /dev/null differ
diff --git a/js/icons/ie7/ie7.css b/js/icons/ie7/ie7.css
deleted file mode 100644
index ce158f6f9..000000000
--- a/js/icons/ie7/ie7.css
+++ /dev/null
@@ -1,18 +0,0 @@
-.icon-chevron-up {
-	*zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf0a2;');
-}
-.icon-code {
-	*zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf05f;');
-}
-.icon-file-code {
-	*zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf010;');
-}
-.icon-file-text {
-	*zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf011;');
-}
-.icon-link {
-	*zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf05c;');
-}
-.icon-link-external {
-	*zoom: expression(this.runtimeStyle['zoom'] = '1', this.innerHTML = '&#xf07f;');
-}
diff --git a/js/icons/ie7/ie7.js b/js/icons/ie7/ie7.js
deleted file mode 100644
index d3b490ab7..000000000
--- a/js/icons/ie7/ie7.js
+++ /dev/null
@@ -1,37 +0,0 @@
-/* To avoid CSS expressions while still supporting IE 7 and IE 6, use this script */
-/* The script tag referencing this file must be placed before the ending body tag. */
-
-/* Use conditional comments in order to target IE 7 and older:
-	<!--[if lt IE 8]><!-->
-	<script src="ie7/ie7.js"></script>
-	<!--<![endif]-->
-*/
-
-(function() {
-	function addIcon(el, entity) {
-		var html = el.innerHTML;
-		el.innerHTML = '<span style="font-family: \'icons\'">' + entity + '</span>' + html;
-	}
-	var icons = {
-		'icon-chevron-up': '&#xf0a2;',
-		'icon-code': '&#xf05f;',
-		'icon-file-code': '&#xf010;',
-		'icon-file-text': '&#xf011;',
-		'icon-link': '&#xf05c;',
-		'icon-link-external': '&#xf07f;',
-		'0': 0
-		},
-		els = document.getElementsByTagName('*'),
-		i, c, el;
-	for (i = 0; ; i += 1) {
-		el = els[i];
-		if(!el) {
-			break;
-		}
-		c = el.className;
-		c = c.match(/icon-[^\s'"]+/);
-		if (c && icons[c[0]]) {
-			addIcon(el, icons[c[0]]);
-		}
-	}
-}());
diff --git a/js/icons/selection.json b/js/icons/selection.json
deleted file mode 100644
index 6126d2489..000000000
--- a/js/icons/selection.json
+++ /dev/null
@@ -1,203 +0,0 @@
-{
-	"IcoMoonType": "selection",
-	"icons": [
-		{
-			"icon": {
-				"paths": [
-					"M320 256l-320 320 128 128 192-192 192 192 128-128-320-320z"
-				],
-				"width": 640,
-				"attrs": [],
-				"isMulticolor": false,
-				"tags": [
-					"chevron-up"
-				],
-				"defaultCode": 61602,
-				"grid": 16
-			},
-			"attrs": [],
-			"properties": {
-				"id": 25,
-				"order": 1,
-				"prevSize": 32,
-				"name": "chevron-up",
-				"code": 61602
-			},
-			"setIdx": 0,
-			"iconIdx": 25
-		},
-		{
-			"icon": {
-				"paths": [
-					"M608 192l-96 96 224 224-224 224 96 96 288-320-288-320zM288 192l-288 320 288 320 96-96-224-224 224-224-96-96z"
-				],
-				"width": 896,
-				"attrs": [],
-				"isMulticolor": false,
-				"tags": [
-					"code"
-				],
-				"defaultCode": 61535,
-				"grid": 16
-			},
-			"attrs": [],
-			"properties": {
-				"id": 32,
-				"order": 6,
-				"prevSize": 32,
-				"name": "code",
-				"code": 61535
-			},
-			"setIdx": 0,
-			"iconIdx": 32
-		},
-		{
-			"icon": {
-				"paths": [
-					"M288 384l-160 160 160 160 64-64-96-96 96-96-64-64zM416 448l96 96-96 96 64 64 160-160-160-160-64 64zM576 64h-576v896h768v-704l-192-192zM704 896h-640v-768h448l192 192v576z"
-				],
-				"width": 768,
-				"attrs": [],
-				"isMulticolor": false,
-				"tags": [
-					"file-code"
-				],
-				"defaultCode": 61456,
-				"grid": 16
-			},
-			"attrs": [],
-			"properties": {
-				"id": 53,
-				"order": 7,
-				"prevSize": 32,
-				"name": "file-code",
-				"code": 61456
-			},
-			"setIdx": 0,
-			"iconIdx": 53
-		},
-		{
-			"icon": {
-				"paths": [
-					"M448 256h-320v64h320v-64zM576 64h-576v896h768v-704l-192-192zM704 896h-640v-768h448l192 192v576zM128 768h512v-64h-512v64zM128 640h512v-64h-512v64zM128 512h512v-64h-512v64z"
-				],
-				"width": 768,
-				"attrs": [],
-				"isMulticolor": false,
-				"tags": [
-					"file-text"
-				],
-				"defaultCode": 61457,
-				"grid": 16
-			},
-			"attrs": [],
-			"properties": {
-				"id": 60,
-				"order": 9,
-				"prevSize": 32,
-				"name": "file-text",
-				"code": 61457
-			},
-			"setIdx": 0,
-			"iconIdx": 60
-		},
-		{
-			"icon": {
-				"paths": [
-					"M768 256h-138c48 32 93 89 107 128h30c65 0 128 64 128 128s-65 128-128 128h-192c-63 0-128-64-128-128 0-23 7-45 18-64h-137c-5 21-8 42-8 64 0 128 127 256 255 256s65 0 193 0 256-128 256-256-128-256-256-256zM287 640h-30c-65 0-128-64-128-128s65-128 128-128h192c63 0 128 64 128 128 0 23-7 45-18 64h137c5-21 8-42 8-64 0-128-127-256-255-256s-65 0-193 0-256 128-256 256 128 256 256 256h138c-48-32-93-89-107-128z"
-				],
-				"attrs": [],
-				"isMulticolor": false,
-				"tags": [
-					"link"
-				],
-				"defaultCode": 61532,
-				"grid": 16
-			},
-			"attrs": [],
-			"properties": {
-				"id": 95,
-				"order": 2,
-				"prevSize": 32,
-				"name": "link",
-				"code": 61532
-			},
-			"setIdx": 0,
-			"iconIdx": 95
-		},
-		{
-			"icon": {
-				"paths": [
-					"M640 768h-512v-510.094l128-1.906v-128h-256v768h768v-320h-128v192zM384 128l128 128-192 192 128 128 192-192 128 128v-384h-384z"
-				],
-				"width": 768,
-				"attrs": [],
-				"isMulticolor": false,
-				"tags": [
-					"link-external"
-				],
-				"defaultCode": 61567,
-				"grid": 16
-			},
-			"attrs": [],
-			"properties": {
-				"id": 96,
-				"order": 3,
-				"prevSize": 32,
-				"name": "link-external",
-				"code": 61567
-			},
-			"setIdx": 0,
-			"iconIdx": 96
-		}
-	],
-	"height": 1024,
-	"metadata": {
-		"name": "icons"
-	},
-	"preferences": {
-		"showGlyphs": true,
-		"showQuickUse": true,
-		"showQuickUse2": true,
-		"showSVGs": true,
-		"fontPref": {
-			"prefix": "icon-",
-			"metadata": {
-				"fontFamily": "icons",
-				"majorVersion": 1,
-				"minorVersion": 0
-			},
-			"metrics": {
-				"emSize": 1024,
-				"baseline": 6.25,
-				"whitespace": 50
-			},
-			"autoHost": true,
-			"ie7": true,
-			"includeMetadata": true,
-			"embed": true,
-			"showSelector": true,
-			"showMetrics": true,
-			"showMetadata": true,
-			"showVersion": true,
-			"resetPoint": 58880,
-			"selector": "",
-			"classSelector": ".iconx"
-		},
-		"imagePref": {
-			"prefix": "icon-",
-			"png": true,
-			"useClassSelector": true,
-			"color": 4473924,
-			"bgColor": 16777215,
-			"classSelector": ".icon",
-			"height": 32
-		},
-		"historySize": 100,
-		"showCodes": true,
-		"quickUsageToken": {
-			"elixir-langorg": "NTcyMGFiMjE2N2UwMWNiZTQ2YzU3YTM2OWEzMGE5YTcjMSMxNDIzNjUwNjQxIyMj"
-		},
-		"showLiga": false
-	}
-}
\ No newline at end of file
diff --git a/js/icons/style.css b/js/icons/style.css
deleted file mode 100644
index 59992103b..000000000
--- a/js/icons/style.css
+++ /dev/null
@@ -1,50 +0,0 @@
-/* Elixir-lang.org NOTE: I have updated the @font-face declaration, so if you update the fonts, please update this. */
-@font-face {
-  font-family: 'icons';
-  src: url('fonts/icons.eot'); /* IE9 Compat Modes */
-  src: url('fonts/icons.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
-       url('fonts/icons.woff') format('woff'), /* Pretty Modern Browsers */
-       url('fonts/icons.ttf')  format('truetype'), /* Safari, Android, iOS */
-       url('fonts/icons.svg#icons') format('svg'); /* Legacy iOS */
-  font-weight: normal;
-  font-style: normal;
-}
-
-[class^="icon-"], [class*=" icon-"] {
-	font-family: 'icons';
-	speak: none;
-	font-style: normal;
-	font-weight: normal;
-	font-variant: normal;
-	text-transform: none;
-	line-height: 1;
-
-	/* Better Font Rendering =========== */
-	-webkit-font-smoothing: antialiased;
-	-moz-osx-font-smoothing: grayscale;
-}
-
-.icon-chevron-up:before {
-	content: "\f0a2";
-}
-
-.icon-code:before {
-	content: "\f05f";
-}
-
-.icon-file-code:before {
-	content: "\f010";
-}
-
-.icon-file-text:before {
-	content: "\f011";
-}
-
-.icon-link:before {
-	content: "\f05c";
-}
-
-.icon-link-external:before {
-	content: "\f07f";
-}
-
diff --git a/js/index.js b/js/index.js
deleted file mode 100644
index cb605e3a8..000000000
--- a/js/index.js
+++ /dev/null
@@ -1,163 +0,0 @@
-// https://github.com/ghiculescu/jekyll-table-of-contents
-$.fn.toc = function(options) {
-  var defaults = {
-    title: '',
-    minimumHeaders: 3,
-    headers: 'h1, h2, h3, h4, h5, h6',
-    listType: 'ol', // values: [ol|ul]
-
-    linkHeader: true,
-    linkHere: false,
-    linkHereText: '',
-    linkHereTitle: 'Link here',
-    backToTop: false,
-    backToTopId: '',
-    backToTopText: '',
-    backToTopTitle: 'Back to top',
-    backToTopDisplay: 'always', // values: [always|highest]
-  },
-  settings = $.extend(defaults, options);
-
-  var headers = $(settings.headers).filter(function() {
-    // get all headers with an ID
-    var previousSiblingName = $(this).prev().attr( "name" );
-    if (!this.id && previousSiblingName) {
-      this.id = $(this).attr( "id", previousSiblingName.replace(/\./g, "-") );
-    }
-    return this.id;
-  }), output = $(this);
-
-  if (!headers.length || headers.length < settings.minimumHeaders || !output.length) {
-    return;
-  }
-
-  var get_level = function(ele) { return parseInt(ele.nodeName.replace("H", ""), 10); }
-  var highest_level = headers.map(function(_, ele) { return get_level(ele); }).get().sort()[0];
-
-  var level = get_level(headers[0]),
-    this_level,
-    html = settings.title + ' <'+settings.listType+' class="jekyll-toc">';
-
-  var back_to_top = function(id) {
-    return '<a href="#' +fixedEncodeURIComponent(id)+ '" title="'+settings.backToTopTitle+'" class="jekyll-toc-anchor jekyll-toc-back-to-top"><span class="jekyll-toc-icon">'+settings.backToTopText+'</span></a>';
-  }
-
-  var link_here = function(id) {
-    return '<a href="#' +fixedEncodeURIComponent(id)+ '" title="'+settings.linkHereTitle+'" class="jekyll-toc-anchor jekyll-toc-link-here"><span class="jekyll-toc-icon">'+settings.linkHereText+'</span></a>';
-  }
-
-  function fixedEncodeURIComponent (str) {
-    return encodeURIComponent(str).replace(/[!'()*]/g, function(c) {
-      return '%' + c.charCodeAt(0).toString(16);
-    });
-  }
-
-  function force_update_hash(hash) {
-    if ( window.location.hash == hash ) {
-      window.location.hash = '';
-    }
-    window.location.hash = hash;
-
-  }
-
-  $(headers).each(function(_, header) {
-    this_level = get_level(header);
-    var header_id = $(header).attr('id');
-    if (this_level === level) // same level as before; same indenting
-      html += "<li><a href='#" + fixedEncodeURIComponent(header.id) + "'>" + header.innerHTML + "</a>";
-    else if (this_level <= level){ // higher level than before; end parent ol
-      for(i = this_level; i < level; i++) {
-        html += "</li></"+settings.listType+">"
-      }
-      html += "<li><a href='#" + fixedEncodeURIComponent(header.id) + "'>" + header.innerHTML + "</a>";
-    }
-    else if (this_level > level) { // lower level than before; expand the previous to contain a ol
-      for(i = this_level; i > level; i--) {
-        html += "<"+settings.listType+"><li>"
-      }
-      html += "<a href='#" + fixedEncodeURIComponent(header.id) + "'>" + header.innerHTML + "</a>";
-    }
-    level = this_level; // update for the next one
-
-    // add links at the end (so we don't pulute header.innerHTML)
-    $(header).addClass('jekyll-toc-top-level-header').wrapInner('<span class="jekyll-toc-wrapper"></span>').append( link_here(header_id) );
-    if (settings.backToTop) {
-      switch(settings.backToTopDisplay){
-        case 'highest':
-          if ( this_level === highest_level ) {
-            $(header).append( back_to_top(settings.backToTopId) );
-          }
-          break;
-        case 'always':
-        default:
-          $(header).append( back_to_top(settings.backToTopId) );
-      }
-    }
-
-    if (settings.linkHeader) {
-      $(header).addClass('jekyll-toc-header');
-      $(header).children('span.jekyll-toc-wrapper').on( 'click', function( ) {
-        force_update_hash(fixedEncodeURIComponent(header_id));
-      });
-    }
-  });
-
-  html += "</"+settings.listType+">";
-
-  output.html(html)
-};
-
-// https://css-tricks.com/snippets/jquery/shuffle-dom-elements/
-$.fn.shuffle = function() {
-  var allElems = this.get(),
-      getRandom = function(max) {
-        return Math.floor(Math.random() * max);
-      },
-      shuffled = $.map(allElems, function(){
-        var random = getRandom(allElems.length),
-            randEl = $(allElems[random]).clone(true)[0];
-        allElems.splice(random, 1);
-        return randEl;
-     });
-
-  this.each(function(i){
-    $(this).replaceWith($(shuffled[i]));
-  });
-
-  return $(shuffled);
-};
-
-// use plugins
-$(document).ready(function() {
-  $('.toc').toc({
-    title: '',
-    listType: 'ol',
-    minimumHeaders: 2,
-    headers: 'h2, h3, h4, h5, h6',
-    linkHere: true,
-    linkHereTitle: 'Link here',
-    backToTop: true,
-    backToTopId: 'toc',
-    backToTopTitle: 'Back to Table of Contents',
-  });
-
-  $('.jekyll-toc-header a.jekyll-toc-link-here span.jekyll-toc-icon').addClass('icon icon-link');
-  $('.jekyll-toc-header a.jekyll-toc-back-to-top span.jekyll-toc-icon').addClass('icon icon-chevron-up');
-
-  $('#top-banner .close').click(function() {
-    $(this).parent().slideUp(200);
-    document.cookie = 'topBannerDisabled=true';
-  })
-
-  $("#shuffled-cases").children().shuffle()
-});
-
-// Automatically redirect to https
-(function (){
-  const location = window.location.href;
-  const localhost = /:\/\/(?:localhost|127.0.0.1|::1)/
-
-  if (location.startsWith("http://") && !localhost.test(location)) {
-    window.location.href = location.replace("http://", "https://");
-  }
-})();
\ No newline at end of file
diff --git a/js/toc/LICENSE.txt b/js/toc/LICENSE.txt
deleted file mode 100644
index a7bffafe8..000000000
--- a/js/toc/LICENSE.txt
+++ /dev/null
@@ -1,19 +0,0 @@
-Copyright (c) 2013 Alex Ghiculescu
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in
-all copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
-THE SOFTWARE.
\ No newline at end of file
diff --git a/js/toc/README.md b/js/toc/README.md
deleted file mode 100644
index 208f7ff5b..000000000
--- a/js/toc/README.md
+++ /dev/null
@@ -1,132 +0,0 @@
-# jekyll-table-of-contents
-
-A simple JavaScript table of contents generator. Works well with [jekyll](https://github.com/mojombo/jekyll) static sites.
-
-## Usage
-
-### Basic Usage
-
-The script requires jQuery. First, reference `toc.js` in templates where you would like to add the table of content.
-Then, create an HTML element wherever you want your table of contents to appear:
-
-```html
-<div id="toc"></div>
-```
-
-Finally, call the `.toc()` function when the DOM is ready:
-
-```html
-<script type="text/javascript">
-$(document).ready(function() {
-    $('#toc').toc();
-});
-</script>
-```
-
-If you use redcarpet, you need to have the option `with_toc_data` in order to add HTML anchors to each header:
-```yaml
-markdown: redcarpet
-redcarpet:
-    extensions: [with_toc_data]
-```
-
-If you use rdiscount, enable the following option in order to generate the TOC:
-```yaml
-markdown: rdiscount
-rdiscount:
-    extensions:
-      - generate_toc
-```
-
-### How It Works
-
-The script works by looking for headers (h1, h2, h3, h4, h5, h6) which have an `id`.
-An id is added automatically if you're using Jekyll and [Markdown](https://daringfireball.net/projects/markdown/syntax#header).
-
-The table of contents automatically handles nesting of headers. For example, this Markdown post:
-
-    ## Title
-    ## Page 1
-    ### Note on Paragraph 3
-    ## Page 2
-    ### Note on Paragraph 2
-    ### Note on Paragraph 4
-
-Will render this table of contents:
-
-    1. Title
-    2. Page 1
-      a. Note on Paragraph 3
-    3. Page 2
-      a. Note on Paragraph 2
-      b. Note on Paragraph 4
-
-### Configuration
-
-#### List Type
-By default the table of contents is rendered as an `<ol>`, so you can change the number formatting using CSS.
-However, you can use the `<ul>` tag, using the `listType` option:
-
-```javascript
-$('#toc').toc({ listType: 'ul' });
-```
-
-#### Header Styling
-The script also adds an `<i>` tag next to each header. This uses the class `icon-arrow-up`, which if you're using [Bootstrap](https://twitter.github.io/bootstrap/), will be an arrow pointing to the top of the page.
-Clicking that arrow will scroll you to the top, while clicking on a header will get a permanent link to that particular header (using `window.location.hash`).
-
-If you don't want this feature, add this setting:
-
-```javascript
-$('#toc').toc({ noBackToTopLinks: true });
-```
-
-Otherwise, you can use the stylesheet below to have the icon and the header aligned nicely:
-
-```css
-.clickable-header {
-  cursor:pointer;
-}
-.clickable-header:hover {
-  text-decoration:underline;
-}
-.top-level-header {
-  display:inline;
-}
-.back-to-top {
-  margin-left:5px;
-  cursor:pointer;
-}
-```
-
-#### Headers Used
-By default the table of content is displayed when at least 3 headers are found.
-You can customize the minimum number of headers required with this setting:
-
-```javascript
-$('#toc').toc({ minimumHeaders: 2 });
-```
-
-And you can also select which headers you want to link to. By default `h1, h2, h3, h4, h5, h6` are displayed, but changing the `headers` setting lets you tweak it:
-
-```javascript
-$('#toc').toc({ headers: 'h3, h4, h5, h6' });
-$('#toc').toc({ headers: '.content h1, .content h2, .content h3, .content h4, .content h5, .content h6' });
-```
-
-#### Effects
-Finally, you can also change the way the toc is displayed, choosing a `slideShow` or a `fadeIn` effect instead of `show`:
-
-```javascript
-$('#toc').toc({ showEffect: 'slideDown' });
-```
-
-Otherwise, to deactivate the effect, set it up like this:
-
-```javascript
-$('#toc').toc({ showSpeed: 0 });
-```
-
-## Copyright
-
-See LICENSE.txt for further details. But basically, do what you like with this.
diff --git a/learning.markdown b/learning.markdown
deleted file mode 100644
index 4f0e55fbd..000000000
--- a/learning.markdown
+++ /dev/null
@@ -1,303 +0,0 @@
----
-title: "Learning resources"
-section: learning
-layout: default
-image: /images/social/elixir-og-card.jpg
----
-
-# Learning
-
-{% include toc.html %}
-
-Elixir's official documentation includes a [Getting Started guide](https://elixir.hexdocs.pm/introduction.html) to learn more about Elixir's foundations. Later on, it explores how to build projects with [Mix and OTP](https://elixir.hexdocs.pm/introduction-to-mix.html). Elixir also includes [extensive API documentation](/docs.html).
-
-The Elixir Community has also produced plenty of resources to learn the language from different backgrounds and other perspectives. We list some of them below. We are sure you will find a resource that suits your pace and goals.
-
-## Books
-
-<h4 class="resource">Elixir in Action</h4>
-
-<a class="cover" href="https://www.manning.com/books/elixir-in-action-third-edition" title="Elixir in Action
-– by Saša Jurić"><img src="/images/learning/elixir-in-action.jpg" alt="Elixir in Action cover" width="190" /></a>
-
-Elixir in Action is a tutorial book that aims to bring developers new to Elixir and Erlang to the point where they can develop complex systems on their own. No knowledge about Elixir, Erlang, or functional programming is required, but it is assumed that a reader has a few years of production experience using mainstream OO languages, for example C#, Java, Python, or Ruby.
-
-The book starts with a basic introduction to the Elixir language and functional programming idioms. The central part of the book deals with Erlang VM and OTP, discussing topics such as concurrent programming, fault-tolerance, and distributed systems. Finally, you'll learn how to package your code into components, create a standalone deployable release, and troubleshoot the running system. The theory is demonstrated through a simplistic example that is gradually expanded throughout the book into a fully standalone releasable system.
-
-<div class="clear"></div>
-
-<h4 class="resource">Programming Elixir 1.6</h4>
-
-<a class="cover" href="https://pragprog.com/titles/elixir16/programming-elixir-1-6/" title="Programming Elixir 1.6: Functional |&gt; Concurrent |&gt; Pragmatic |&gt; Fun
-– by Dave Thomas"><img src="/images/learning/programming-elixir-1-6.jpg" alt="Programming Elixir cover" width="190" /></a>
-
-This book is the introduction to Elixir for experienced programmers, completely updated for Elixir 1.6 and beyond. Explore functional programming without the academic overtones (tell me about monads just one more time). Create concurrent applications, but get them right without all the locking and consistency headaches.
-
-Meet Elixir, a modern, functional, concurrent language built on the rock-solid Erlang VM. Elixir's pragmatic syntax and built-in support for metaprogramming will make you productive and keep you interested for the long haul. Maybe the time is right for the Next Big Thing. Maybe it's Elixir.
-
-<div class="clear"></div>
-
-<h4 class="resource">Adopting Elixir</h4>
-
-<a class="cover" href="https://pragprog.com/titles/tvmelixir/adopting-elixir/" title="Adopting Elixir: From Concept to Production
-– by Ben Marx, José Valim, Bruce Tate"><img src="/images/learning/adopting-elixir.jpg" alt="Programming Elixir cover" width="190" /></a>
-
-Adoption is more than programming. Elixir is an exciting new language, but to successfully get your application from start to finish, you're going to need to know more than just the language. You need the case studies and strategies in this book.
-
-Learn the best practices for the whole life of your application, from design and team-building, to managing stakeholders, to deployment and monitoring. Go beyond the syntax and the tools to learn the techniques you need to develop your Elixir application from concept to production.
-
-<div class="clear"></div>
-
-<h4 class="resource">Joy of Elixir</h4>
-
-<a class="cover" href="https://joyofelixir.com" title="Joy of Elixir"><img src="/images/learning/joy-of-elixir.jpg" alt="Joy of Elixir" width="190" /></a>
-
-<a href="https://joyofelixir.com">Joy of Elixir</a> is a gentle introduction to programming, aimed at people who already know some things about computers, but who have little-to-no programming experience.
-
-This book will teach you the core concepts of the Elixir programming language in a fun and enjoyable way. If you're completely new to programming and you want to learn how to make a computer do things using the power of programming and you want to experience some joy while doing it, then read this book!
-
-<div class="clear"></div>
-
-<h4 class="resource">Learn Functional Programming With Elixir</h4>
-
-<a class="cover" href="https://pragprog.com/titles/cdc-elixir/learn-functional-programming-with-elixir/" title="Learn Functional Programming With Elixir: New Foundations for a New World
-– by Ulisses Almeida"><img src="/images/learning/learn-functional-programming-with-elixir.jpg" alt="Learn Functional Programming with Elixir cover" width="190" /></a>
-
-Elixir's straightforward syntax and this guided tour give you a clean, simple path to learn modern functional programming techniques. No previous functional programming experience required! This book walks you through the right concepts at the right pace, as you explore immutable values and explicit data transformation, functions, modules, recursive functions, pattern matching, high-order functions, polymorphism, and failure handling, all while avoiding side effects. Don't board the Elixir train with an imperative mindset! To get the most out of functional languages, you need to think functionally. This book will get you there.
-
-<div class="clear"></div>
-
-<h4 class="resource">The Toy Robot Walkthrough</h4>
-
-<a class="cover" href="https://leanpub.com/elixir-toyrobot" title="The Toy Robot Walkthrough - Elixir Version"><img src="/images/learning/toy-robot.png" alt="Toy Robot" width="190" /></a>
-
-<a href="https://leanpub.com/elixir-toyrobot">The Toy Robot</a> is a common interview exercise for new programmers. This short book will take you through how to implement it in Elixir in a BDD-style, with some great explanations and imagery along the way.
-
-If you're a new Elixir developer who's gone through some basic Elixir tutorials and you're looking for the next thing to build your skills, this book is a great start. It covers the Toy Robot exercise from start to finish, testing with Elixir features such as ExUnit and Doctests along the way.
-
-<div class="clear"></div>
-
-<h4 class="resource">Elixir Succinctly<span class="free">free</span></h4>
-
-<a class="cover" href="https://www.syncfusion.com/ebooks/elixir-succinctly" title="Elixir Succinctly"><img src="https://cdn.syncfusion.com/content/images/downloads/ebook/ebook-cover/elixir-succinctly.png" alt="Elixir Succinctly" width="190" /></a>
-
-<a href="https://www.syncfusion.com/ebooks/elixir-succinctly">Elixir Succinctly</a> is a free ebook to start learning Elixir. It covers the installation and the first steps with the language and the syntax.  It then describes the Erlang/OTP platform, describing messages, processes, and GenServer. The final part covers the building of a sample Elixir application.
-
-<div class="clear"></div>
-
-## In-depth books
-
-<h4 class="resource">Metaprogramming Elixir</h4>
-
-<a class="cover" href="https://pragprog.com/titles/cmelixir/metaprogramming-elixir/" title="Metaprogramming Elixir: Write Less Code, Get More Done and Have Fun
-– by Chris Mccord"><img src="/images/learning/metaprogramming-elixir.jpg" alt="Metaprogramming Elixir cover" width="190" /></a>
-
-Write code that writes code with Elixir macros. Macros make metaprogramming possible and define the language itself. In this book, you'll learn how to use macros to extend the language with fast, maintainable code and share functionality in ways you never thought possible. You'll discover how to extend Elixir with your own first-class features, optimize performance, and create domain-specific languages.
-
-<div class="clear"></div>
-
-<h4 class="resource">Designing Elixir Systems with OTP</h4>
-
-<a class="cover" href="https://pragprog.com/titles/jgotp/designing-elixir-systems-with-otp/" title="Designing Elixir Systems with OTP: Write Highly Scalable, Self-Healing Software with Layers
-– by James Edward Gray, II and Bruce A. Tate"><img src="/images/learning/designing-elixir-systems.jpg" alt="Designing Elixir Systems with OTP cover" width="190" /></a>
-
-You know how to code in Elixir; now learn to think in it. Learn to design libraries with intelligent layers that shape the right data structures, flow from one function into the next, and present the right APIs. Embrace the same OTP that's kept our telephone systems reliable and fast for over 30 years. Move beyond understanding the OTP functions to knowing what's happening under the hood, and why that matters. Using that knowledge, instinctively know how to design systems that deliver fast and resilient services to your users, all with an Elixir focus.
-
-<div class="clear"></div>
-
-<h4 class="resource">Concurrent Data Processing in Elixir</h4>
-
-<a class="cover" href="https://pragprog.com/titles/sgdpelixir/concurrent-data-processing-in-elixir" title="Concurrent Data Processing in Elixir – by Svilen Gospodinov"><img src="/images/learning/concurrent-data-processing.jpg" alt="Concurrent Data Processing cover" width="190" /></a>
-
-Learn different ways of writing concurrent code in Elixir and increase your application’s performance, without sacrificing scalability or fault-tolerance. Most projects benefit from running background tasks and processing data concurrently, but the world of OTP and various libraries can be challenging. Which Supervisor and what strategy to use? What about GenServer? Maybe you need back-pressure, but is GenStage, Flow, or Broadway a better choice? You will learn everything you need to know to answer these questions, start building highly concurrent applications in no time, and write code that’s not only fast, but also resilient to errors and easy to scale.
-
-<div class="clear"></div>
-
-<h4 class="resource">Erlang in Anger<span class="free">free</span></h4>
-
-<a class="cover" href="https://www.erlang-in-anger.com" title="Erlang in Anger – by Fred Hebert"><img src="/images/learning/erlang-in-anger.png" alt="Erlang in Anger cover" width="190" /></a>
-
-This book intends to be a little guide about how to be the Erlang medic in a time of war. It is first and foremost a collection of tips and tricks to help understand where failures come from, and a dictionary of different code snippets and practices that helped developers debug production systems that were built in Erlang.
-
-<div class="clear"></div>
-
-## Courses
-
-<h4 class="resource">Elixir School<span class="free">free</span></h4>
-
-<a class="cover" href="https://elixirschool.com" title="Elixir School"><img src="/images/learning/elixir-school.jpg" alt="Elixir School" width="190" /></a>
-
-Elixir-School is an open and community driven effort inspired by Twitter's Scala School. The site's content consists of peer-reviewed lessons on various Elixir topics that range in difficulty. The lessons are currently available in over 10 languages to help make programming Elixir more accessible to non-English speakers.
-
-<div class="clear"></div>
-
-<h4 class="resource">Pragmatic Studio's Elixir/OTP Course</h4>
-
-<a class="cover" href="https://pragmaticstudio.com/elixir" title="Pragmatic Studio's Elixir/OTP Course"><img src="/images/learning/pragmaticstudio-elixir.png" alt="Pragmatic Studio's Elixir/OTP Course" width="190" /></a>
-
-Put Elixir and OTP into action as you build a concurrent, fault-tolerant application from scratch in this 6-hour video course from The Pragmatic Studio. By developing a real app with real code, you'll gain practical experience putting all the pieces together to craft applications the Elixir/OTP way.
-
-The first half of the course focuses on core Elixir facets, principles, and techniques. In the second half, we go beyond the basics and focus on what sets Elixir/OTP apart: concurrent processes, the actor model, OTP behaviors, and fault recovery.
-
-If you're new to Elixir, you'll get step-by-step guidance in an engaging format you won't find anywhere else. If you have experience with Elixir, you'll gain a deeper understanding of things you've been taking for granted and fill in any knowledge gaps.
-
-<div class="clear"></div>
-
-<h4 class="resource">grox.io's Elixir Course</h4>
-
-<a class="cover" href="https://grox.io/language/elixir/course" title="grox.io's Multi-Format Elixir Course"><img src="/images/learning/groxio-elixir.png" alt="grox.io's Multi-Format Elixir Course" width="190" /></a>
-
-Learning complex concepts like programming languages is best with multiple formats. Groxio's learning method embraces an interactive mini-book for beginners, video overviews for novices, an online book for presenting higher level concepts, videos with live coding to simulate advanced pair programming through projects meaningful to beginners and experts.
-
-The Elixir module is a full program with a book with 80 pages, 8 videos, dozens of exercises, and two full test-first projects. Beginners can learn the language, and experts can fill in typical blind spots like writing sigils, building macros, and using streams.
-
-<div class="clear"></div>
-
-<h4 class="resource">grox.io's OTP Course</h4>
-
-<a class="cover" href="https://grox.io/language/otp/course" title="grox.io's Multi-Format OTP Course"><img src="/images/learning/groxio-otp.png" alt="grox.io's Multi-Format OTP Course" width="190" /></a>
-
-This course teaches OTP from a design perspective by showing a system for breaking projects into layers. This course builds on those layering concepts with a 60 page book, 12 videos, projects, and curated links to go into deeper detail for tricky OTP concepts.
-
-Understand how back-pressure works, step inside supervision trees, and learn to build your dynamic supervisors. Learn OTP for the first time, or solidify your intuition by building the base concepts by reading a book, watching videos, and working through guided projects using Groxio's blend of media, designed to take you from novice to expert.
-
-<div class="clear"></div>
-
-<h4 class="resource">ThinkingElixir.com's Pattern Matching Course<span class="free">free</span></h4>
-
-<a class="cover" href="https://thinkingelixir.com/available-courses/pattern-matching/" title="ThinkingElixir.com's Pattern Matching Course"><img src="/images/learning/thinking-elixir-pattern-matching-course-tile-190px.png" alt="ThinkingElixir.com's Free Pattern Matching Course" width="190" /></a>
-
-Pattern matching is a really powerful language feature. It is built in to almost every corner or Elixir. In order for you to even <em>read</em> Elixir code and follow along, you have to understand Pattern Matching.
-
-Once you "get" pattern matching, it feels like a super power. Pattern Matching makes new patterns of coding possible. You start to unlearn some of the patterns you've used in other languages because now you can create even clearer and more elegant code than was possible before!
-
-The course covers getting setup with Elixir, the data types, how to pattern match each of them, and more! An included TDD project helps you easily apply what you're learning.
-
-<div class="clear"></div>
-
-<h4 class="resource">LearnElixir.tv</h4>
-
-<a class="cover" href="https://www.learnelixir.tv" title="Your video guide to Elixir: Learn it step by step.">
-  <img src="/images/learning/learn-elixir-tv.png" alt="LearnElixir.tv cover" width="190" />
-</a>
-
-LearnElixir.tv is a video course which provides in-depth, step-by-step videos about Elixir's main features. Videos range from 7 to 15 minutes in length.
-
-It's intended to help beginners get familiar with all of Elixir's features by building their knowledge incrementally. Experienced Elixir developers might also learn a trick or two.
-
-<div class="clear"></div>
-
-<h4 class="resource">Educative.io's Metaprogramming in Elixir Course</h4>
-
-<a class="cover" href="https://www.educative.io/courses/metaprogramming-elixir" title="Educative.io's Metaprogramming in Elixir Course">
-  <img src="/images/learning/educative-io-metaprogramming.png" alt="Educative.io's Metaprogramming in Elixir Course" width="190" />
-</a>
-
-Get introduced to the concept of metaprogramming. Learn how to level up your programming skills by discovering the full potential of the macro system in Elixir. Understand the ins and outs of metaprogramming at a fundamental level and write incredible libraries by doing more with less code.
-
-<div class="clear"></div>
-
-<h4 class="resource">Learn-Elixir.dev</h4>
-
-<a class="cover" href="https://learn-elixir.dev" title="Learn Elixir Development">
-  <img src="/images/learning/learn-elixir-dev.png" alt="Learn-Elixir.dev cover" width="190" />
-</a>
-
-At your own pace, progress through 132 videos, 30 quizzes, 9 assignments, and 2 major projects of your choosing to demonstrate your working knowledge of a production-level quality of code. You’ll learn Syntax/Fundamentals,  REST, GraphQL with Absinthe, Phoenix, OTP, Testing, Ecto, architecture, how to scale, how to go distributed, and more…
-
-Join our weekly live coaching sessions every Wednesday at 12:00-noon pacific time to close any gaps in knowledge and get specific answers to your specific questions!
-
-Found your start-up, migrate a codebase, build that app! Our midterm and final projects create a great win-win scenario for you to complete your personal project while mastering the language. Or if you’re more career-focused we can offer referrals, recommendations, or references and host your completed projects on GitHub to show hiring managers your proficiency programming Elixir.
-
-<div class="clear"></div>
-
-<h4 class="resource">TechSchool<span class="free">free</span></h4>
-
-<a class="cover" href="https://techschool.dev/en/bootcamps/fullstack-elixir-and-phoenix" title="TechSchool">
-  <img src="/images/learning/techschool.png" alt="TechSchool" width="190" />
-</a>
-
-TechSchool is an open-source platform that teaches programming through free YouTube videos and other websites. The goal is to make technology education accessible to everyone. It includes several Elixir courses and a complete Fullstack Elixir + Phoenix Bootcamp.
-
-<div class="clear"></div>
-
-## Screencasts
-
-<h4 class="resource">ElixirStreams<span class="free">free</span></h4>
-
-<a class="cover" href="https://elixirstreams.com" title="ElixirStreams: Elixir and Phoenix tips, courses, and more.">
-  <img src="/images/learning/elixir-streams-logo.png" alt="elixir streams cover" width="190" />
-</a>
-
-ElixirStreams provides free video tips (under 3 mins!) covering a variety of
-Elixir and Phoenix topics. The videos help you sharpen the saw as you learn
-about new tools and tricks, and they keep you up to date with the latest
-developments in the language.
-
-<div class="clear"></div>
-
-<h4 class="resource">ElixirCasts.io<span class="free">free</span></h4>
-
-<a class="cover" href="https://elixircasts.io" title="ElixirCasts: Elixir and Phoenix screencasts.">
-  <img src="/images/learning/elixircasts.png" alt="elixircasts.io cover" width="190" />
-</a>
-
-ElixirCasts is a collection of simple screencasts that cover a wide range of Elixir and Phoenix topics. Each episode tackles a specific problem or explores a new library, demystifying it in a language that's easy to understand.
-
-Episodes range from beginner focused to more moderate and advanced topics. Come build your knowledge of Elixir with us, one episode at a time.
-
-<div class="clear"></div>
-
-<h4 class="resource">Alchemist Camp<span class="free">free</span></h4>
-
-<a class="cover" href="https://alchemist.camp" title="Alchemist Camp: Learn Elixir and Phoenix by building things"><img src="/images/learning/alchemist-camp.png" alt="Alchemist Camp cover" width="190" /></a>
-
-Alchemist Camp is the largest producer of free Elixir screencasts and has dozens of hours of screencasts on YouTube. The videos are often longer-form and focused around projects, such as building a small Phoenix clone, or an OTP worker to regularly collect statistics from multiple APIs. Content is driven by viewer request.
-
-Alchemist Camp is aimed at people who have some web development experience and want to ship real-world projects in Elixir.
-
-<div class="clear"></div>
-
-## Other resources
-
-<h4 class="resource">Elixir Flashcards</h4>
-
-<a class="cover" href="https://elixircards.co.uk/" title="Elixir Flashcards"><img src="/images/learning/flashcards_army.jpg" alt="Elixir Flashcards" width="190" /></a>
-
-Elixir flashcards are a set of beautifully crafted, professionally printed, poker sized flashcards to help you master the Elixir language.
-
-Flashcards are a great way to highlight knowledge gaps, identify misconceptions or false beliefs, and help you memorise key concepts.
-When used in groups or teams, flashcards can help spark interesting discussions, and help bring people together to learn in a fun way by playing games.
-
-Combined with books, tutorials and screencasts, using flashcards is the killer combination to master Elixir.
-
-<div class="clear"></div>
-
-<h4 class="resource">Elixir Koans<span class="free">free</span></h4>
-
-<a class="cover" href="https://github.com/elixirkoans/elixir-koans" title="Elixir Koans"><img src="/images/learning/elixir-koans-logo.png" alt="Elixir Koans" width="190" /></a>
-
-Elixir koans is a fun, easy way to get started with the Elixir programming language. It is an idiomatic tour of the language.
-
-<div class="clear"></div>
-
-<h4 class="resource">Exercism<span class="free">free</span></h4>
-
-<a class="cover" href="https://exercism.org/tracks/elixir" title="Elixir Track on Exercism"> <img src="https://assets.exercism.org/tracks/elixir.svg" alt="Exercism Elixir track" width="190" /></a>
-
-Exercism is an open source platform that provides free practice and mentoring in many languages, including Elixir.
-It features exercises of varying difficulty, from string processing to using OTP, that are mentored by volunteers.
-Once you have completed an exercise you can also view other students' solutions.
-
-<div class="clear"></div>
-
-<h4 class="resource">Running in Production Podcast<span class="free">free</span></h4>
-
-<a class="cover" href="https://runninginproduction.com/tags/elixir" title="Running in Production Podcast"><img src="/images/learning/running-in-production-logo.jpg" alt="Running in Production Podcast" width="190" /></a>
-
-Running in Production is a podcast where developers and engineers talk about
-running small and large Elixir / Phoenix web apps in production.
-
-Topics include tech stacks, success stories, lessons learned and deployment tips.
-
-<div class="clear"></div>
diff --git a/opensearch.xml b/opensearch.xml
deleted file mode 100644
index 5eaaf86f3..000000000
--- a/opensearch.xml
+++ /dev/null
@@ -1,15 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<OpenSearchDescription xmlns="http://a9.com/-/spec/opensearch/1.1/"
-	xmlns:moz="http://www.mozilla.org/2006/browser/search/">
-  <Description>Search Elixir website</Description>
-  <SearchForm>https://elixir-lang.org/</SearchForm>
-  <moz:SearchForm>https://elixir-lang.org/</moz:SearchForm>
-  <InputEncoding>UTF-8</InputEncoding>
-  <Language>en</Language>
-
-  <ShortName>elixir-lang.org</ShortName>
-  <Url rel="self" type="application/opensearchdescription+xml" href="https://elixir-lang.org/opensearch.xml" />
-  <Url method="get" type="text/html"
-      template="https://www.google.com/search?q={searchTerms}&amp;sitesearch=elixir-lang.org" />
-  <Image width="16" height="16">https://elixir-lang.org/favicon.ico</Image>
-</OpenSearchDescription>
\ No newline at end of file
diff --git a/package.json b/package.json
new file mode 100644
index 000000000..36446fb7c
--- /dev/null
+++ b/package.json
@@ -0,0 +1,53 @@
+{
+  "name": "elixir-website",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "astro dev",
+    "start": "astro dev",
+    "build": "astro build",
+    "preview": "astro preview",
+    "astro": "astro",
+    "check": "pnpm exec biome check --write",
+    "lint": "pnpm exec biome check",
+    "typecheck": "astro check",
+    "test": "playwright test",
+    "test:smoke": "playwright test tests/smoke.spec.ts",
+    "test:visual": "playwright test tests/visual.spec.ts",
+    "test:a11y": "playwright test tests/a11y.spec.ts",
+    "assets:optimize": "node scripts/optimize-svgs.mjs",
+    "prepare": "husky"
+  },
+  "dependencies": {
+    "@astrojs/mdx": "4.3.0",
+    "@astrojs/react": "4.4.2",
+    "@astrojs/sitemap": "3.7.0",
+    "@shikijs/core": "3.23.0",
+    "@shikijs/engine-javascript": "3.23.0",
+    "@shikijs/langs": "3.23.0",
+    "@shikijs/themes": "3.23.0",
+    "@shikijs/types": "3.23.0",
+    "@tailwindcss/typography": "0.5.19",
+    "@tailwindcss/vite": "4.1.14",
+    "astro": "5.16.13",
+    "cva": "1.0.0-beta.4",
+    "react": "19.2.0",
+    "react-dom": "19.2.0",
+    "sharp": "0.34.5",
+    "tailwind-merge": "3.3.1",
+    "tailwindcss": "4.1.14"
+  },
+  "devDependencies": {
+    "@astrojs/check": "^0.9.9",
+    "@axe-core/playwright": "4.10.2",
+    "@biomejs/biome": "2.3.11",
+    "@playwright/test": "1.59.1",
+    "@types/node": "24.7.2",
+    "@types/react": "19.2.2",
+    "@types/react-dom": "19.2.2",
+    "husky": "9.1.7",
+    "svgo": "3.3.2",
+    "typescript": "5.9.3"
+  },
+  "packageManager": "pnpm@9.15.0"
+}
diff --git a/playwright.config.ts b/playwright.config.ts
new file mode 100644
index 000000000..4553803af
--- /dev/null
+++ b/playwright.config.ts
@@ -0,0 +1,65 @@
+import { defineConfig, devices } from "@playwright/test";
+
+const PORT = 4321;
+const baseURL = process.env.BASE_URL || `http://localhost:${PORT}`;
+
+export default defineConfig({
+  testDir: "./tests",
+  fullyParallel: true,
+  forbidOnly: !!process.env.CI,
+  retries: process.env.CI ? 2 : 0,
+  reporter: process.env.CI ? [["github"], ["html", { open: "never" }]] : "list",
+  use: {
+    baseURL,
+    trace: "on-first-retry",
+    screenshot: "only-on-failure",
+  },
+  projects: [
+    {
+      name: "chromium-desktop",
+      use: {
+        ...devices["Desktop Chrome"],
+        viewport: { width: 1440, height: 900 },
+      },
+    },
+    {
+      name: "mobile-s",
+      use: {
+        ...devices["Desktop Chrome"],
+        viewport: { width: 360, height: 720 },
+      },
+    },
+    {
+      name: "mobile-l",
+      use: {
+        ...devices["Desktop Chrome"],
+        viewport: { width: 480, height: 800 },
+      },
+    },
+    {
+      name: "tablet",
+      use: {
+        ...devices["Desktop Chrome"],
+        viewport: { width: 768, height: 1024 },
+      },
+    },
+    {
+      name: "desktop-2xl",
+      use: {
+        ...devices["Desktop Chrome"],
+        viewport: { width: 1536, height: 1000 },
+      },
+    },
+  ],
+  webServer: {
+    command: "pnpm preview",
+    url: baseURL,
+    reuseExistingServer: !process.env.CI,
+    timeout: 120_000,
+  },
+  expect: {
+    toHaveScreenshot: {
+      maxDiffPixelRatio: 0.02,
+    },
+  },
+});
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
new file mode 100644
index 000000000..db3d42993
--- /dev/null
+++ b/pnpm-lock.yaml
@@ -0,0 +1,5428 @@
+lockfileVersion: '9.0'
+
+settings:
+  autoInstallPeers: true
+  excludeLinksFromLockfile: false
+
+importers:
+
+  .:
+    dependencies:
+      '@astrojs/mdx':
+        specifier: 4.3.0
+        version: 4.3.0(astro@5.16.13(@types/node@24.7.2)(jiti@2.7.0)(lightningcss@1.30.1)(rollup@4.60.3)(typescript@5.9.3)(yaml@2.9.0))
+      '@astrojs/react':
+        specifier: 4.4.2
+        version: 4.4.2(@types/node@24.7.2)(@types/react-dom@19.2.2(@types/react@19.2.2))(@types/react@19.2.2)(jiti@2.7.0)(lightningcss@1.30.1)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)(yaml@2.9.0)
+      '@astrojs/sitemap':
+        specifier: 3.7.0
+        version: 3.7.0
+      '@shikijs/core':
+        specifier: 3.23.0
+        version: 3.23.0
+      '@shikijs/engine-javascript':
+        specifier: 3.23.0
+        version: 3.23.0
+      '@shikijs/langs':
+        specifier: 3.23.0
+        version: 3.23.0
+      '@shikijs/themes':
+        specifier: 3.23.0
+        version: 3.23.0
+      '@shikijs/types':
+        specifier: 3.23.0
+        version: 3.23.0
+      '@tailwindcss/typography':
+        specifier: 0.5.19
+        version: 0.5.19(tailwindcss@4.1.14)
+      '@tailwindcss/vite':
+        specifier: 4.1.14
+        version: 4.1.14(vite@6.4.2(@types/node@24.7.2)(jiti@2.7.0)(lightningcss@1.30.1)(yaml@2.9.0))
+      astro:
+        specifier: 5.16.13
+        version: 5.16.13(@types/node@24.7.2)(jiti@2.7.0)(lightningcss@1.30.1)(rollup@4.60.3)(typescript@5.9.3)(yaml@2.9.0)
+      cva:
+        specifier: 1.0.0-beta.4
+        version: 1.0.0-beta.4(typescript@5.9.3)
+      react:
+        specifier: 19.2.0
+        version: 19.2.0
+      react-dom:
+        specifier: 19.2.0
+        version: 19.2.0(react@19.2.0)
+      sharp:
+        specifier: 0.34.5
+        version: 0.34.5
+      tailwind-merge:
+        specifier: 3.3.1
+        version: 3.3.1
+      tailwindcss:
+        specifier: 4.1.14
+        version: 4.1.14
+    devDependencies:
+      '@astrojs/check':
+        specifier: ^0.9.9
+        version: 0.9.9(prettier@3.8.3)(typescript@5.9.3)
+      '@axe-core/playwright':
+        specifier: 4.10.2
+        version: 4.10.2(playwright-core@1.59.1)
+      '@biomejs/biome':
+        specifier: 2.3.11
+        version: 2.3.11
+      '@playwright/test':
+        specifier: 1.59.1
+        version: 1.59.1
+      '@types/node':
+        specifier: 24.7.2
+        version: 24.7.2
+      '@types/react':
+        specifier: 19.2.2
+        version: 19.2.2
+      '@types/react-dom':
+        specifier: 19.2.2
+        version: 19.2.2(@types/react@19.2.2)
+      husky:
+        specifier: 9.1.7
+        version: 9.1.7
+      svgo:
+        specifier: 3.3.2
+        version: 3.3.2
+      typescript:
+        specifier: 5.9.3
+        version: 5.9.3
+
+packages:
+
+  '@astrojs/check@0.9.9':
+    resolution: {integrity: sha512-A5UW8uIuErLWEoRQvzgXpO1gTjUFtK8r7nU2Z7GewAMxUb7bPvpk11qaKKgxqXlHJWlAvaaxy+Xg28A6bmQ1Tg==}
+    hasBin: true
+    peerDependencies:
+      typescript: ^5.0.0 || ^6.0.0
+
+  '@astrojs/compiler@2.13.1':
+    resolution: {integrity: sha512-f3FN83d2G/v32ipNClRKgYv30onQlMZX1vCeZMjPsMMPl1mDpmbl0+N5BYo4S/ofzqJyS5hvwacEo0CCVDn/Qg==}
+
+  '@astrojs/internal-helpers@0.6.1':
+    resolution: {integrity: sha512-l5Pqf6uZu31aG+3Lv8nl/3s4DbUzdlxTWDof4pEpto6GUJNhhCbelVi9dEyurOVyqaelwmS9oSyOWOENSfgo9A==}
+
+  '@astrojs/internal-helpers@0.7.5':
+    resolution: {integrity: sha512-vreGnYSSKhAjFJCWAwe/CNhONvoc5lokxtRoZims+0wa3KbHBdPHSSthJsKxPd8d/aic6lWKpRTYGY/hsgK6EA==}
+
+  '@astrojs/language-server@2.16.8':
+    resolution: {integrity: sha512-yg1pZF6hs9FaKr2fgXMOGbW7pDLgFexFjuhWilPAc8VybTU+WSnbfbhYaUL1exm6dAK4sM3aKXGcfVwss+HXbg==}
+    hasBin: true
+    peerDependencies:
+      prettier: ^3.0.0
+      prettier-plugin-astro: '>=0.11.0'
+    peerDependenciesMeta:
+      prettier:
+        optional: true
+      prettier-plugin-astro:
+        optional: true
+
+  '@astrojs/markdown-remark@6.3.10':
+    resolution: {integrity: sha512-kk4HeYR6AcnzC4QV8iSlOfh+N8TZ3MEStxPyenyCtemqn8IpEATBFMTJcfrNW32dgpt6MY3oCkMM/Tv3/I4G3A==}
+
+  '@astrojs/markdown-remark@6.3.2':
+    resolution: {integrity: sha512-bO35JbWpVvyKRl7cmSJD822e8YA8ThR/YbUsciWNA7yTcqpIAL2hJDToWP5KcZBWxGT6IOdOkHSXARSNZc4l/Q==}
+
+  '@astrojs/mdx@4.3.0':
+    resolution: {integrity: sha512-OGX2KvPeBzjSSKhkCqrUoDMyzFcjKt5nTE5SFw3RdoLf0nrhyCXBQcCyclzWy1+P+XpOamn+p+hm1EhpCRyPxw==}
+    engines: {node: 18.20.8 || ^20.3.0 || >=22.0.0}
+    peerDependencies:
+      astro: ^5.0.0
+
+  '@astrojs/prism@3.3.0':
+    resolution: {integrity: sha512-q8VwfU/fDZNoDOf+r7jUnMC2//H2l0TuQ6FkGJL8vD8nw/q5KiL3DS1KKBI3QhI9UQhpJ5dc7AtqfbXWuOgLCQ==}
+    engines: {node: 18.20.8 || ^20.3.0 || >=22.0.0}
+
+  '@astrojs/react@4.4.2':
+    resolution: {integrity: sha512-1tl95bpGfuaDMDn8O3x/5Dxii1HPvzjvpL2YTuqOOrQehs60I2DKiDgh1jrKc7G8lv+LQT5H15V6QONQ+9waeQ==}
+    engines: {node: 18.20.8 || ^20.3.0 || >=22.0.0}
+    peerDependencies:
+      '@types/react': ^17.0.50 || ^18.0.21 || ^19.0.0
+      '@types/react-dom': ^17.0.17 || ^18.0.6 || ^19.0.0
+      react: ^17.0.2 || ^18.0.0 || ^19.0.0
+      react-dom: ^17.0.2 || ^18.0.0 || ^19.0.0
+
+  '@astrojs/sitemap@3.7.0':
+    resolution: {integrity: sha512-+qxjUrz6Jcgh+D5VE1gKUJTA3pSthuPHe6Ao5JCxok794Lewx8hBFaWHtOnN0ntb2lfOf7gvOi9TefUswQ/ZVA==}
+
+  '@astrojs/telemetry@3.3.0':
+    resolution: {integrity: sha512-UFBgfeldP06qu6khs/yY+q1cDAaArM2/7AEIqQ9Cuvf7B1hNLq0xDrZkct+QoIGyjq56y8IaE2I3CTvG99mlhQ==}
+    engines: {node: 18.20.8 || ^20.3.0 || >=22.0.0}
+
+  '@astrojs/yaml2ts@0.2.3':
+    resolution: {integrity: sha512-PJzRmgQzUxI2uwpdX2lXSHtP4G8ocp24/t+bZyf5Fy0SZLSF9f9KXZoMlFM/XCGue+B0nH/2IZ7FpBYQATBsCg==}
+
+  '@axe-core/playwright@4.10.2':
+    resolution: {integrity: sha512-6/b5BJjG6hDaRNtgzLIfKr5DfwyiLHO4+ByTLB0cJgWSM8Ll7KqtdblIS6bEkwSF642/Ex91vNqIl3GLXGlceg==}
+    peerDependencies:
+      playwright-core: '>= 1.0.0'
+
+  '@babel/code-frame@7.29.0':
+    resolution: {integrity: sha512-9NhCeYjq9+3uxgdtp20LSiJXJvN0FeCtNGpJxuMFZ1Kv3cWUNb6DOhJwUvcVCzKGR66cw4njwM6hrJLqgOwbcw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/compat-data@7.29.3':
+    resolution: {integrity: sha512-LIVqM46zQWZhj17qA8wb4nW/ixr2y1Nw+r1etiAWgRM6U1IqP+LNhL1yg440jYZR72jCWcWbLWzIosH+uP1fqg==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/core@7.29.0':
+    resolution: {integrity: sha512-CGOfOJqWjg2qW/Mb6zNsDm+u5vFQ8DxXfbM09z69p5Z6+mE1ikP2jUXw+j42Pf1XTYED2Rni5f95npYeuwMDQA==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/generator@7.29.1':
+    resolution: {integrity: sha512-qsaF+9Qcm2Qv8SRIMMscAvG4O3lJ0F1GuMo5HR/Bp02LopNgnZBC/EkbevHFeGs4ls/oPz9v+Bsmzbkbe+0dUw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-compilation-targets@7.28.6':
+    resolution: {integrity: sha512-JYtls3hqi15fcx5GaSNL7SCTJ2MNmjrkHXg4FSpOA/grxK8KwyZ5bubHsCq8FXCkua6xhuaaBit+3b7+VZRfcA==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-globals@7.28.0':
+    resolution: {integrity: sha512-+W6cISkXFa1jXsDEdYA8HeevQT/FULhxzR99pxphltZcVaugps53THCeiWA8SguxxpSp3gKPiuYfSWopkLQ4hw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-module-imports@7.28.6':
+    resolution: {integrity: sha512-l5XkZK7r7wa9LucGw9LwZyyCUscb4x37JWTPz7swwFE/0FMQAGpiWUZn8u9DzkSBWEcK25jmvubfpw2dnAMdbw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-module-transforms@7.28.6':
+    resolution: {integrity: sha512-67oXFAYr2cDLDVGLXTEABjdBJZ6drElUSI7WKp70NrpyISso3plG9SAGEF6y7zbha/wOzUByWWTJvEDVNIUGcA==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+
+  '@babel/helper-plugin-utils@7.28.6':
+    resolution: {integrity: sha512-S9gzZ/bz83GRysI7gAD4wPT/AI3uCnY+9xn+Mx/KPs2JwHJIz1W8PZkg2cqyt3RNOBM8ejcXhV6y8Og7ly/Dug==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-string-parser@7.27.1':
+    resolution: {integrity: sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-validator-identifier@7.28.5':
+    resolution: {integrity: sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-validator-option@7.27.1':
+    resolution: {integrity: sha512-YvjJow9FxbhFFKDSuFnVCe2WxXk1zWc22fFePVNEaWJEu8IrZVlda6N0uHwzZrUM1il7NC9Mlp4MaJYbYd9JSg==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helpers@7.29.2':
+    resolution: {integrity: sha512-HoGuUs4sCZNezVEKdVcwqmZN8GoHirLUcLaYVNBK2J0DadGtdcqgr3BCbvH8+XUo4NGjNl3VOtSjEKNzqfFgKw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/parser@7.29.3':
+    resolution: {integrity: sha512-b3ctpQwp+PROvU/cttc4OYl4MzfJUWy6FZg+PMXfzmt/+39iHVF0sDfqay8TQM3JA2EUOyKcFZt75jWriQijsA==}
+    engines: {node: '>=6.0.0'}
+    hasBin: true
+
+  '@babel/plugin-transform-react-jsx-self@7.27.1':
+    resolution: {integrity: sha512-6UzkCs+ejGdZ5mFFC/OCUrv028ab2fp1znZmCZjAOBKiBK2jXD1O+BPSfX8X2qjJ75fZBMSnQn3Rq2mrBJK2mw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/plugin-transform-react-jsx-source@7.27.1':
+    resolution: {integrity: sha512-zbwoTsBruTeKB9hSq73ha66iFeJHuaFkUbwvqElnygoNbj/jHRsSeokowZFN3CZ64IvEqcmmkVe89OPXc7ldAw==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
+  '@babel/template@7.28.6':
+    resolution: {integrity: sha512-YA6Ma2KsCdGb+WC6UpBVFJGXL58MDA6oyONbjyF/+5sBgxY/dwkhLogbMT2GXXyU84/IhRw/2D1Os1B/giz+BQ==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/traverse@7.29.0':
+    resolution: {integrity: sha512-4HPiQr0X7+waHfyXPZpWPfWL/J7dcN1mx9gL6WdQVMbPnF3+ZhSMs8tCxN7oHddJE9fhNE7+lxdnlyemKfJRuA==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/types@7.29.0':
+    resolution: {integrity: sha512-LwdZHpScM4Qz8Xw2iKSzS+cfglZzJGvofQICy7W7v4caru4EaAmyUuO6BGrbyQ2mYV11W0U8j5mBhd14dd3B0A==}
+    engines: {node: '>=6.9.0'}
+
+  '@biomejs/biome@2.3.11':
+    resolution: {integrity: sha512-/zt+6qazBWguPG6+eWmiELqO+9jRsMZ/DBU3lfuU2ngtIQYzymocHhKiZRyrbra4aCOoyTg/BmY+6WH5mv9xmQ==}
+    engines: {node: '>=14.21.3'}
+    hasBin: true
+
+  '@biomejs/cli-darwin-arm64@2.3.11':
+    resolution: {integrity: sha512-/uXXkBcPKVQY7rc9Ys2CrlirBJYbpESEDme7RKiBD6MmqR2w3j0+ZZXRIL2xiaNPsIMMNhP1YnA+jRRxoOAFrA==}
+    engines: {node: '>=14.21.3'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@biomejs/cli-darwin-x64@2.3.11':
+    resolution: {integrity: sha512-fh7nnvbweDPm2xEmFjfmq7zSUiox88plgdHF9OIW4i99WnXrAC3o2P3ag9judoUMv8FCSUnlwJCM1B64nO5Fbg==}
+    engines: {node: '>=14.21.3'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@biomejs/cli-linux-arm64-musl@2.3.11':
+    resolution: {integrity: sha512-XPSQ+XIPZMLaZ6zveQdwNjbX+QdROEd1zPgMwD47zvHV+tCGB88VH+aynyGxAHdzL+Tm/+DtKST5SECs4iwCLg==}
+    engines: {node: '>=14.21.3'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@biomejs/cli-linux-arm64@2.3.11':
+    resolution: {integrity: sha512-l4xkGa9E7Uc0/05qU2lMYfN1H+fzzkHgaJoy98wO+b/7Gl78srbCRRgwYSW+BTLixTBrM6Ede5NSBwt7rd/i6g==}
+    engines: {node: '>=14.21.3'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@biomejs/cli-linux-x64-musl@2.3.11':
+    resolution: {integrity: sha512-vU7a8wLs5C9yJ4CB8a44r12aXYb8yYgBn+WeyzbMjaCMklzCv1oXr8x+VEyWodgJt9bDmhiaW/I0RHbn7rsNmw==}
+    engines: {node: '>=14.21.3'}
+    cpu: [x64]
+    os: [linux]
+
+  '@biomejs/cli-linux-x64@2.3.11':
+    resolution: {integrity: sha512-/1s9V/H3cSe0r0Mv/Z8JryF5x9ywRxywomqZVLHAoa/uN0eY7F8gEngWKNS5vbbN/BsfpCG5yeBT5ENh50Frxg==}
+    engines: {node: '>=14.21.3'}
+    cpu: [x64]
+    os: [linux]
+
+  '@biomejs/cli-win32-arm64@2.3.11':
+    resolution: {integrity: sha512-PZQ6ElCOnkYapSsysiTy0+fYX+agXPlWugh6+eQ6uPKI3vKAqNp6TnMhoM3oY2NltSB89hz59o8xIfOdyhi9Iw==}
+    engines: {node: '>=14.21.3'}
+    cpu: [arm64]
+    os: [win32]
+
+  '@biomejs/cli-win32-x64@2.3.11':
+    resolution: {integrity: sha512-43VrG813EW+b5+YbDbz31uUsheX+qFKCpXeY9kfdAx+ww3naKxeVkTD9zLIWxUPfJquANMHrmW3wbe/037G0Qg==}
+    engines: {node: '>=14.21.3'}
+    cpu: [x64]
+    os: [win32]
+
+  '@capsizecss/unpack@4.0.0':
+    resolution: {integrity: sha512-VERIM64vtTP1C4mxQ5thVT9fK0apjPFobqybMtA1UdUujWka24ERHbRHFGmpbbhp73MhV+KSsHQH9C6uOTdEQA==}
+    engines: {node: '>=18'}
+
+  '@emmetio/abbreviation@2.3.3':
+    resolution: {integrity: sha512-mgv58UrU3rh4YgbE/TzgLQwJ3pFsHHhCLqY20aJq+9comytTXUDNGG/SMtSeMJdkpxgXSXunBGLD8Boka3JyVA==}
+
+  '@emmetio/css-abbreviation@2.1.8':
+    resolution: {integrity: sha512-s9yjhJ6saOO/uk1V74eifykk2CBYi01STTK3WlXWGOepyKa23ymJ053+DNQjpFcy1ingpaO7AxCcwLvHFY9tuw==}
+
+  '@emmetio/css-parser@0.4.1':
+    resolution: {integrity: sha512-2bC6m0MV/voF4CTZiAbG5MWKbq5EBmDPKu9Sb7s7nVcEzNQlrZP6mFFFlIaISM8X6514H9shWMme1fCm8cWAfQ==}
+
+  '@emmetio/html-matcher@1.3.0':
+    resolution: {integrity: sha512-NTbsvppE5eVyBMuyGfVu2CRrLvo7J4YHb6t9sBFLyY03WYhXET37qA4zOYUjBWFCRHO7pS1B9khERtY0f5JXPQ==}
+
+  '@emmetio/scanner@1.0.4':
+    resolution: {integrity: sha512-IqRuJtQff7YHHBk4G8YZ45uB9BaAGcwQeVzgj/zj8/UdOhtQpEIupUhSk8dys6spFIWVZVeK20CzGEnqR5SbqA==}
+
+  '@emmetio/stream-reader-utils@0.1.0':
+    resolution: {integrity: sha512-ZsZ2I9Vzso3Ho/pjZFsmmZ++FWeEd/txqybHTm4OgaZzdS8V9V/YYWQwg5TC38Z7uLWUV1vavpLLbjJtKubR1A==}
+
+  '@emmetio/stream-reader@2.2.0':
+    resolution: {integrity: sha512-fXVXEyFA5Yv3M3n8sUGT7+fvecGrZP4k6FnWWMSZVQf69kAq0LLpaBQLGcPR30m3zMmKYhECP4k/ZkzvhEW5kw==}
+
+  '@emnapi/runtime@1.10.0':
+    resolution: {integrity: sha512-ewvYlk86xUoGI0zQRNq/mC+16R1QeDlKQy21Ki3oSYXNgLb45GV1P6A0M+/s6nyCuNDqe5VpaY84BzXGwVbwFA==}
+
+  '@esbuild/aix-ppc64@0.25.12':
+    resolution: {integrity: sha512-Hhmwd6CInZ3dwpuGTF8fJG6yoWmsToE+vYgD4nytZVxcu1ulHpUQRAB1UJ8+N1Am3Mz4+xOByoQoSZf4D+CpkA==}
+    engines: {node: '>=18'}
+    cpu: [ppc64]
+    os: [aix]
+
+  '@esbuild/android-arm64@0.25.12':
+    resolution: {integrity: sha512-6AAmLG7zwD1Z159jCKPvAxZd4y/VTO0VkprYy+3N2FtJ8+BQWFXU+OxARIwA46c5tdD9SsKGZ/1ocqBS/gAKHg==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [android]
+
+  '@esbuild/android-arm@0.25.12':
+    resolution: {integrity: sha512-VJ+sKvNA/GE7Ccacc9Cha7bpS8nyzVv0jdVgwNDaR4gDMC/2TTRc33Ip8qrNYUcpkOHUT5OZ0bUcNNVZQ9RLlg==}
+    engines: {node: '>=18'}
+    cpu: [arm]
+    os: [android]
+
+  '@esbuild/android-x64@0.25.12':
+    resolution: {integrity: sha512-5jbb+2hhDHx5phYR2By8GTWEzn6I9UqR11Kwf22iKbNpYrsmRB18aX/9ivc5cabcUiAT/wM+YIZ6SG9QO6a8kg==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [android]
+
+  '@esbuild/darwin-arm64@0.25.12':
+    resolution: {integrity: sha512-N3zl+lxHCifgIlcMUP5016ESkeQjLj/959RxxNYIthIg+CQHInujFuXeWbWMgnTo4cp5XVHqFPmpyu9J65C1Yg==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@esbuild/darwin-x64@0.25.12':
+    resolution: {integrity: sha512-HQ9ka4Kx21qHXwtlTUVbKJOAnmG1ipXhdWTmNXiPzPfWKpXqASVcWdnf2bnL73wgjNrFXAa3yYvBSd9pzfEIpA==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@esbuild/freebsd-arm64@0.25.12':
+    resolution: {integrity: sha512-gA0Bx759+7Jve03K1S0vkOu5Lg/85dou3EseOGUes8flVOGxbhDDh/iZaoek11Y8mtyKPGF3vP8XhnkDEAmzeg==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [freebsd]
+
+  '@esbuild/freebsd-x64@0.25.12':
+    resolution: {integrity: sha512-TGbO26Yw2xsHzxtbVFGEXBFH0FRAP7gtcPE7P5yP7wGy7cXK2oO7RyOhL5NLiqTlBh47XhmIUXuGciXEqYFfBQ==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@esbuild/linux-arm64@0.25.12':
+    resolution: {integrity: sha512-8bwX7a8FghIgrupcxb4aUmYDLp8pX06rGh5HqDT7bB+8Rdells6mHvrFHHW2JAOPZUbnjUpKTLg6ECyzvas2AQ==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@esbuild/linux-arm@0.25.12':
+    resolution: {integrity: sha512-lPDGyC1JPDou8kGcywY0YILzWlhhnRjdof3UlcoqYmS9El818LLfJJc3PXXgZHrHCAKs/Z2SeZtDJr5MrkxtOw==}
+    engines: {node: '>=18'}
+    cpu: [arm]
+    os: [linux]
+
+  '@esbuild/linux-ia32@0.25.12':
+    resolution: {integrity: sha512-0y9KrdVnbMM2/vG8KfU0byhUN+EFCny9+8g202gYqSSVMonbsCfLjUO+rCci7pM0WBEtz+oK/PIwHkzxkyharA==}
+    engines: {node: '>=18'}
+    cpu: [ia32]
+    os: [linux]
+
+  '@esbuild/linux-loong64@0.25.12':
+    resolution: {integrity: sha512-h///Lr5a9rib/v1GGqXVGzjL4TMvVTv+s1DPoxQdz7l/AYv6LDSxdIwzxkrPW438oUXiDtwM10o9PmwS/6Z0Ng==}
+    engines: {node: '>=18'}
+    cpu: [loong64]
+    os: [linux]
+
+  '@esbuild/linux-mips64el@0.25.12':
+    resolution: {integrity: sha512-iyRrM1Pzy9GFMDLsXn1iHUm18nhKnNMWscjmp4+hpafcZjrr2WbT//d20xaGljXDBYHqRcl8HnxbX6uaA/eGVw==}
+    engines: {node: '>=18'}
+    cpu: [mips64el]
+    os: [linux]
+
+  '@esbuild/linux-ppc64@0.25.12':
+    resolution: {integrity: sha512-9meM/lRXxMi5PSUqEXRCtVjEZBGwB7P/D4yT8UG/mwIdze2aV4Vo6U5gD3+RsoHXKkHCfSxZKzmDssVlRj1QQA==}
+    engines: {node: '>=18'}
+    cpu: [ppc64]
+    os: [linux]
+
+  '@esbuild/linux-riscv64@0.25.12':
+    resolution: {integrity: sha512-Zr7KR4hgKUpWAwb1f3o5ygT04MzqVrGEGXGLnj15YQDJErYu/BGg+wmFlIDOdJp0PmB0lLvxFIOXZgFRrdjR0w==}
+    engines: {node: '>=18'}
+    cpu: [riscv64]
+    os: [linux]
+
+  '@esbuild/linux-s390x@0.25.12':
+    resolution: {integrity: sha512-MsKncOcgTNvdtiISc/jZs/Zf8d0cl/t3gYWX8J9ubBnVOwlk65UIEEvgBORTiljloIWnBzLs4qhzPkJcitIzIg==}
+    engines: {node: '>=18'}
+    cpu: [s390x]
+    os: [linux]
+
+  '@esbuild/linux-x64@0.25.12':
+    resolution: {integrity: sha512-uqZMTLr/zR/ed4jIGnwSLkaHmPjOjJvnm6TVVitAa08SLS9Z0VM8wIRx7gWbJB5/J54YuIMInDquWyYvQLZkgw==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [linux]
+
+  '@esbuild/netbsd-arm64@0.25.12':
+    resolution: {integrity: sha512-xXwcTq4GhRM7J9A8Gv5boanHhRa/Q9KLVmcyXHCTaM4wKfIpWkdXiMog/KsnxzJ0A1+nD+zoecuzqPmCRyBGjg==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [netbsd]
+
+  '@esbuild/netbsd-x64@0.25.12':
+    resolution: {integrity: sha512-Ld5pTlzPy3YwGec4OuHh1aCVCRvOXdH8DgRjfDy/oumVovmuSzWfnSJg+VtakB9Cm0gxNO9BzWkj6mtO1FMXkQ==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [netbsd]
+
+  '@esbuild/openbsd-arm64@0.25.12':
+    resolution: {integrity: sha512-fF96T6KsBo/pkQI950FARU9apGNTSlZGsv1jZBAlcLL1MLjLNIWPBkj5NlSz8aAzYKg+eNqknrUJ24QBybeR5A==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [openbsd]
+
+  '@esbuild/openbsd-x64@0.25.12':
+    resolution: {integrity: sha512-MZyXUkZHjQxUvzK7rN8DJ3SRmrVrke8ZyRusHlP+kuwqTcfWLyqMOE3sScPPyeIXN/mDJIfGXvcMqCgYKekoQw==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [openbsd]
+
+  '@esbuild/openharmony-arm64@0.25.12':
+    resolution: {integrity: sha512-rm0YWsqUSRrjncSXGA7Zv78Nbnw4XL6/dzr20cyrQf7ZmRcsovpcRBdhD43Nuk3y7XIoW2OxMVvwuRvk9XdASg==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [openharmony]
+
+  '@esbuild/sunos-x64@0.25.12':
+    resolution: {integrity: sha512-3wGSCDyuTHQUzt0nV7bocDy72r2lI33QL3gkDNGkod22EsYl04sMf0qLb8luNKTOmgF/eDEDP5BFNwoBKH441w==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [sunos]
+
+  '@esbuild/win32-arm64@0.25.12':
+    resolution: {integrity: sha512-rMmLrur64A7+DKlnSuwqUdRKyd3UE7oPJZmnljqEptesKM8wx9J8gx5u0+9Pq0fQQW8vqeKebwNXdfOyP+8Bsg==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [win32]
+
+  '@esbuild/win32-ia32@0.25.12':
+    resolution: {integrity: sha512-HkqnmmBoCbCwxUKKNPBixiWDGCpQGVsrQfJoVGYLPT41XWF8lHuE5N6WhVia2n4o5QK5M4tYr21827fNhi4byQ==}
+    engines: {node: '>=18'}
+    cpu: [ia32]
+    os: [win32]
+
+  '@esbuild/win32-x64@0.25.12':
+    resolution: {integrity: sha512-alJC0uCZpTFrSL0CCDjcgleBXPnCrEAhTBILpeAp7M/OFgoqtAetfBzX0xM00MUsVVPpVjlPuMbREqnZCXaTnA==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [win32]
+
+  '@img/colour@1.1.0':
+    resolution: {integrity: sha512-Td76q7j57o/tLVdgS746cYARfSyxk8iEfRxewL9h4OMzYhbW4TAcppl0mT4eyqXddh6L/jwoM75mo7ixa/pCeQ==}
+    engines: {node: '>=18'}
+
+  '@img/sharp-darwin-arm64@0.34.5':
+    resolution: {integrity: sha512-imtQ3WMJXbMY4fxb/Ndp6HBTNVtWCUI0WdobyheGf5+ad6xX8VIDO8u2xE4qc/fr08CKG/7dDseFtn6M6g/r3w==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@img/sharp-darwin-x64@0.34.5':
+    resolution: {integrity: sha512-YNEFAF/4KQ/PeW0N+r+aVVsoIY0/qxxikF2SWdp+NRkmMB7y9LBZAVqQ4yhGCm/H3H270OSykqmQMKLBhBJDEw==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [x64]
+    os: [darwin]
+
+  '@img/sharp-libvips-darwin-arm64@1.2.4':
+    resolution: {integrity: sha512-zqjjo7RatFfFoP0MkQ51jfuFZBnVE2pRiaydKJ1G/rHZvnsrHAOcQALIi9sA5co5xenQdTugCvtb1cuf78Vf4g==}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@img/sharp-libvips-darwin-x64@1.2.4':
+    resolution: {integrity: sha512-1IOd5xfVhlGwX+zXv2N93k0yMONvUlANylbJw1eTah8K/Jtpi15KC+WSiaX/nBmbm2HxRM1gZ0nSdjSsrZbGKg==}
+    cpu: [x64]
+    os: [darwin]
+
+  '@img/sharp-libvips-linux-arm64@1.2.4':
+    resolution: {integrity: sha512-excjX8DfsIcJ10x1Kzr4RcWe1edC9PquDRRPx3YVCvQv+U5p7Yin2s32ftzikXojb1PIFc/9Mt28/y+iRklkrw==}
+    cpu: [arm64]
+    os: [linux]
+
+  '@img/sharp-libvips-linux-arm@1.2.4':
+    resolution: {integrity: sha512-bFI7xcKFELdiNCVov8e44Ia4u2byA+l3XtsAj+Q8tfCwO6BQ8iDojYdvoPMqsKDkuoOo+X6HZA0s0q11ANMQ8A==}
+    cpu: [arm]
+    os: [linux]
+
+  '@img/sharp-libvips-linux-ppc64@1.2.4':
+    resolution: {integrity: sha512-FMuvGijLDYG6lW+b/UvyilUWu5Ayu+3r2d1S8notiGCIyYU/76eig1UfMmkZ7vwgOrzKzlQbFSuQfgm7GYUPpA==}
+    cpu: [ppc64]
+    os: [linux]
+
+  '@img/sharp-libvips-linux-riscv64@1.2.4':
+    resolution: {integrity: sha512-oVDbcR4zUC0ce82teubSm+x6ETixtKZBh/qbREIOcI3cULzDyb18Sr/Wcyx7NRQeQzOiHTNbZFF1UwPS2scyGA==}
+    cpu: [riscv64]
+    os: [linux]
+
+  '@img/sharp-libvips-linux-s390x@1.2.4':
+    resolution: {integrity: sha512-qmp9VrzgPgMoGZyPvrQHqk02uyjA0/QrTO26Tqk6l4ZV0MPWIW6LTkqOIov+J1yEu7MbFQaDpwdwJKhbJvuRxQ==}
+    cpu: [s390x]
+    os: [linux]
+
+  '@img/sharp-libvips-linux-x64@1.2.4':
+    resolution: {integrity: sha512-tJxiiLsmHc9Ax1bz3oaOYBURTXGIRDODBqhveVHonrHJ9/+k89qbLl0bcJns+e4t4rvaNBxaEZsFtSfAdquPrw==}
+    cpu: [x64]
+    os: [linux]
+
+  '@img/sharp-libvips-linuxmusl-arm64@1.2.4':
+    resolution: {integrity: sha512-FVQHuwx1IIuNow9QAbYUzJ+En8KcVm9Lk5+uGUQJHaZmMECZmOlix9HnH7n1TRkXMS0pGxIJokIVB9SuqZGGXw==}
+    cpu: [arm64]
+    os: [linux]
+
+  '@img/sharp-libvips-linuxmusl-x64@1.2.4':
+    resolution: {integrity: sha512-+LpyBk7L44ZIXwz/VYfglaX/okxezESc6UxDSoyo2Ks6Jxc4Y7sGjpgU9s4PMgqgjj1gZCylTieNamqA1MF7Dg==}
+    cpu: [x64]
+    os: [linux]
+
+  '@img/sharp-linux-arm64@0.34.5':
+    resolution: {integrity: sha512-bKQzaJRY/bkPOXyKx5EVup7qkaojECG6NLYswgktOZjaXecSAeCWiZwwiFf3/Y+O1HrauiE3FVsGxFg8c24rZg==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [arm64]
+    os: [linux]
+
+  '@img/sharp-linux-arm@0.34.5':
+    resolution: {integrity: sha512-9dLqsvwtg1uuXBGZKsxem9595+ujv0sJ6Vi8wcTANSFpwV/GONat5eCkzQo/1O6zRIkh0m/8+5BjrRr7jDUSZw==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [arm]
+    os: [linux]
+
+  '@img/sharp-linux-ppc64@0.34.5':
+    resolution: {integrity: sha512-7zznwNaqW6YtsfrGGDA6BRkISKAAE1Jo0QdpNYXNMHu2+0dTrPflTLNkpc8l7MUP5M16ZJcUvysVWWrMefZquA==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [ppc64]
+    os: [linux]
+
+  '@img/sharp-linux-riscv64@0.34.5':
+    resolution: {integrity: sha512-51gJuLPTKa7piYPaVs8GmByo7/U7/7TZOq+cnXJIHZKavIRHAP77e3N2HEl3dgiqdD/w0yUfiJnII77PuDDFdw==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [riscv64]
+    os: [linux]
+
+  '@img/sharp-linux-s390x@0.34.5':
+    resolution: {integrity: sha512-nQtCk0PdKfho3eC5MrbQoigJ2gd1CgddUMkabUj+rBevs8tZ2cULOx46E7oyX+04WGfABgIwmMC0VqieTiR4jg==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [s390x]
+    os: [linux]
+
+  '@img/sharp-linux-x64@0.34.5':
+    resolution: {integrity: sha512-MEzd8HPKxVxVenwAa+JRPwEC7QFjoPWuS5NZnBt6B3pu7EG2Ge0id1oLHZpPJdn3OQK+BQDiw9zStiHBTJQQQQ==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [x64]
+    os: [linux]
+
+  '@img/sharp-linuxmusl-arm64@0.34.5':
+    resolution: {integrity: sha512-fprJR6GtRsMt6Kyfq44IsChVZeGN97gTD331weR1ex1c1rypDEABN6Tm2xa1wE6lYb5DdEnk03NZPqA7Id21yg==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [arm64]
+    os: [linux]
+
+  '@img/sharp-linuxmusl-x64@0.34.5':
+    resolution: {integrity: sha512-Jg8wNT1MUzIvhBFxViqrEhWDGzqymo3sV7z7ZsaWbZNDLXRJZoRGrjulp60YYtV4wfY8VIKcWidjojlLcWrd8Q==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [x64]
+    os: [linux]
+
+  '@img/sharp-wasm32@0.34.5':
+    resolution: {integrity: sha512-OdWTEiVkY2PHwqkbBI8frFxQQFekHaSSkUIJkwzclWZe64O1X4UlUjqqqLaPbUpMOQk6FBu/HtlGXNblIs0huw==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [wasm32]
+
+  '@img/sharp-win32-arm64@0.34.5':
+    resolution: {integrity: sha512-WQ3AgWCWYSb2yt+IG8mnC6Jdk9Whs7O0gxphblsLvdhSpSTtmu69ZG1Gkb6NuvxsNACwiPV6cNSZNzt0KPsw7g==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [arm64]
+    os: [win32]
+
+  '@img/sharp-win32-ia32@0.34.5':
+    resolution: {integrity: sha512-FV9m/7NmeCmSHDD5j4+4pNI8Cp3aW+JvLoXcTUo0IqyjSfAZJ8dIUmijx1qaJsIiU+Hosw6xM5KijAWRJCSgNg==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [ia32]
+    os: [win32]
+
+  '@img/sharp-win32-x64@0.34.5':
+    resolution: {integrity: sha512-+29YMsqY2/9eFEiW93eqWnuLcWcufowXewwSNIT6UwZdUUCrM3oFjMWH/Z6/TMmb4hlFenmfAVbpWeup2jryCw==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+    cpu: [x64]
+    os: [win32]
+
+  '@isaacs/fs-minipass@4.0.1':
+    resolution: {integrity: sha512-wgm9Ehl2jpeqP3zw/7mo3kRHFp5MEDhqAdwy1fTGkHAwnkGOVsgpvQhL8B5n1qlb01jV3n/bI0ZfZp5lWA1k4w==}
+    engines: {node: '>=18.0.0'}
+
+  '@jridgewell/gen-mapping@0.3.13':
+    resolution: {integrity: sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==}
+
+  '@jridgewell/remapping@2.3.5':
+    resolution: {integrity: sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==}
+
+  '@jridgewell/resolve-uri@3.1.2':
+    resolution: {integrity: sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==}
+    engines: {node: '>=6.0.0'}
+
+  '@jridgewell/sourcemap-codec@1.5.5':
+    resolution: {integrity: sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==}
+
+  '@jridgewell/trace-mapping@0.3.31':
+    resolution: {integrity: sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==}
+
+  '@mdx-js/mdx@3.1.1':
+    resolution: {integrity: sha512-f6ZO2ifpwAQIpzGWaBQT2TXxPv6z3RBzQKpVftEWN78Vl/YweF1uwussDx8ECAXVtr3Rs89fKyG9YlzUs9DyGQ==}
+
+  '@oslojs/encoding@1.1.0':
+    resolution: {integrity: sha512-70wQhgYmndg4GCPxPPxPGevRKqTIJ2Nh4OkiMWmDAVYsTQ+Ta7Sq+rPevXyXGdzr30/qZBnyOalCszoMxlyldQ==}
+
+  '@playwright/test@1.59.1':
+    resolution: {integrity: sha512-PG6q63nQg5c9rIi4/Z5lR5IVF7yU5MqmKaPOe0HSc0O2cX1fPi96sUQu5j7eo4gKCkB2AnNGoWt7y4/Xx3Kcqg==}
+    engines: {node: '>=18'}
+    hasBin: true
+
+  '@rolldown/pluginutils@1.0.0-beta.27':
+    resolution: {integrity: sha512-+d0F4MKMCbeVUJwG96uQ4SgAznZNSq93I3V+9NHA4OpvqG8mRCpGdKmK8l/dl02h2CCDHwW2FqilnTyDcAnqjA==}
+
+  '@rollup/pluginutils@5.3.0':
+    resolution: {integrity: sha512-5EdhGZtnu3V88ces7s53hhfK5KSASnJZv8Lulpc04cWO3REESroJXg73DFsOmgbU2BhwV0E20bu2IDZb3VKW4Q==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      rollup: ^1.20.0||^2.0.0||^3.0.0||^4.0.0
+    peerDependenciesMeta:
+      rollup:
+        optional: true
+
+  '@rollup/rollup-android-arm-eabi@4.60.3':
+    resolution: {integrity: sha512-x35CNW/ANXG3hE/EZpRU8MXX1JDN86hBb2wMGAtltkz7pc6cxgjpy1OMMfDosOQ+2hWqIkag/fGok1Yady9nGw==}
+    cpu: [arm]
+    os: [android]
+
+  '@rollup/rollup-android-arm64@4.60.3':
+    resolution: {integrity: sha512-xw3xtkDApIOGayehp2+Rz4zimfkaX65r4t47iy+ymQB2G4iJCBBfj0ogVg5jpvjpn8UWn/+q9tprxleYeNp3Hw==}
+    cpu: [arm64]
+    os: [android]
+
+  '@rollup/rollup-darwin-arm64@4.60.3':
+    resolution: {integrity: sha512-vo6Y5Qfpx7/5EaamIwi0WqW2+zfiusVihKatLvtN1VFVy3D13uERk/6gZLU1UiHRL6fDXqj/ELIeVRGnvcTE1g==}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@rollup/rollup-darwin-x64@4.60.3':
+    resolution: {integrity: sha512-D+0QGcZhBzTN82weOnsSlY7V7+RMmPuF1CkbxyMAGE8+ZHeUjyb76ZiWmBlCu//AQQONvxcqRbwZTajZKqjuOw==}
+    cpu: [x64]
+    os: [darwin]
+
+  '@rollup/rollup-freebsd-arm64@4.60.3':
+    resolution: {integrity: sha512-6HnvHCT7fDyj6R0Ph7A6x8dQS/S38MClRWeDLqc0MdfWkxjiu1HSDYrdPhqSILzjTIC/pnXbbJbo+ft+gy/9hQ==}
+    cpu: [arm64]
+    os: [freebsd]
+
+  '@rollup/rollup-freebsd-x64@4.60.3':
+    resolution: {integrity: sha512-KHLgC3WKlUYW3ShFKnnosZDOJ0xjg9zp7au3sIm2bs/tGBeC2ipmvRh/N7JKi0t9Ue20C0dpEshi8WUubg+cnA==}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@rollup/rollup-linux-arm-gnueabihf@4.60.3':
+    resolution: {integrity: sha512-DV6fJoxEYWJOvaZIsok7KrYl0tPvga5OZ2yvKHNNYyk/2roMLqQAbGhr78EQ5YhHpnhLKJD3S1WFusAkmUuV5g==}
+    cpu: [arm]
+    os: [linux]
+
+  '@rollup/rollup-linux-arm-musleabihf@4.60.3':
+    resolution: {integrity: sha512-mQKoJAzvuOs6F+TZybQO4GOTSMUu7v0WdxEk24krQ/uUxXoPTtHjuaUuPmFhtBcM4K0ons8nrE3JyhTuCFtT/w==}
+    cpu: [arm]
+    os: [linux]
+
+  '@rollup/rollup-linux-arm64-gnu@4.60.3':
+    resolution: {integrity: sha512-Whjj2qoiJ6+OOJMGptTYazaJvjOJm+iKHpXQM1P3LzGjt7Ff++Tp7nH4N8J/BUA7R9IHfDyx4DJIflifwnbmIA==}
+    cpu: [arm64]
+    os: [linux]
+
+  '@rollup/rollup-linux-arm64-musl@4.60.3':
+    resolution: {integrity: sha512-4YTNHKqGng5+yiZt3mg77nmyuCfmNfX4fPmyUapBcIk+BdwSwmCWGXOUxhXbBEkFHtoN5boLj/5NON+u5QC9tg==}
+    cpu: [arm64]
+    os: [linux]
+
+  '@rollup/rollup-linux-loong64-gnu@4.60.3':
+    resolution: {integrity: sha512-SU3kNlhkpI4UqlUc2VXPGK9o886ZsSeGfMAX2ba2b8DKmMXq4AL7KUrkSWVbb7koVqx41Yczx6dx5PNargIrEA==}
+    cpu: [loong64]
+    os: [linux]
+
+  '@rollup/rollup-linux-loong64-musl@4.60.3':
+    resolution: {integrity: sha512-6lDLl5h4TXpB1mTf2rQWnAk/LcXrx9vBfu/DT5TIPhvMhRWaZ5MxkIc8u4lJAmBo6klTe1ywXIUHFjylW505sg==}
+    cpu: [loong64]
+    os: [linux]
+
+  '@rollup/rollup-linux-ppc64-gnu@4.60.3':
+    resolution: {integrity: sha512-BMo8bOw8evlup/8G+cj5xWtPyp93xPdyoSN16Zy90Q2QZ0ZYRhCt6ZJSwbrRzG9HApFabjwj2p25TUPDWrhzqQ==}
+    cpu: [ppc64]
+    os: [linux]
+
+  '@rollup/rollup-linux-ppc64-musl@4.60.3':
+    resolution: {integrity: sha512-E0L8X1dZN1/Rph+5VPF6Xj2G7JJvMACVXtamTJIDrVI44Y3K+G8gQaMEAavbqCGTa16InptiVrX6eM6pmJ+7qA==}
+    cpu: [ppc64]
+    os: [linux]
+
+  '@rollup/rollup-linux-riscv64-gnu@4.60.3':
+    resolution: {integrity: sha512-oZJ/WHaVfHUiRAtmTAeo3DcevNsVvH8mbvodjZy7D5QKvCefO371SiKRpxoDcCxB3PTRTLayWBkvmDQKTcX/sw==}
+    cpu: [riscv64]
+    os: [linux]
+
+  '@rollup/rollup-linux-riscv64-musl@4.60.3':
+    resolution: {integrity: sha512-Dhbyh7j9FybM3YaTgaHmVALwA8AkUwTPccyCQ79TG9AJUsMQqgN1DDEZNr4+QUfwiWvLDumW5vdwzoeUF+TNxQ==}
+    cpu: [riscv64]
+    os: [linux]
+
+  '@rollup/rollup-linux-s390x-gnu@4.60.3':
+    resolution: {integrity: sha512-cJd1X5XhHHlltkaypz1UcWLA8AcoIi1aWhsvaWDskD1oz2eKCypnqvTQ8ykMNI0RSmm7NkTdSqSSD7zM0xa6Ig==}
+    cpu: [s390x]
+    os: [linux]
+
+  '@rollup/rollup-linux-x64-gnu@4.60.3':
+    resolution: {integrity: sha512-DAZDBHQfG2oQuhY7mc6I3/qB4LU2fQCjRvxbDwd/Jdvb9fypP4IJ4qmtu6lNjes6B531AI8cg1aKC2di97bUxA==}
+    cpu: [x64]
+    os: [linux]
+
+  '@rollup/rollup-linux-x64-musl@4.60.3':
+    resolution: {integrity: sha512-cRxsE8c13mZOh3vP+wLDxpQBRrOHDIGOWyDL93Sy0Ga8y515fBcC2pjUfFwUe5T7tqvTvWbCpg1URM/AXdWIXA==}
+    cpu: [x64]
+    os: [linux]
+
+  '@rollup/rollup-openbsd-x64@4.60.3':
+    resolution: {integrity: sha512-QaWcIgRxqEdQdhJqW4DJctsH6HCmo5vHxY0krHSX4jMtOqfzC+dqDGuHM87bu4H8JBeibWx7jFz+h6/4C8wA5Q==}
+    cpu: [x64]
+    os: [openbsd]
+
+  '@rollup/rollup-openharmony-arm64@4.60.3':
+    resolution: {integrity: sha512-AaXwSvUi3QIPtroAUw1t5yHGIyqKEXwH54WUocFolZhpGDruJcs8c+xPNDRn4XiQsS7MEwnYsHW2l0MBLDMkWg==}
+    cpu: [arm64]
+    os: [openharmony]
+
+  '@rollup/rollup-win32-arm64-msvc@4.60.3':
+    resolution: {integrity: sha512-65LAKM/bAWDqKNEelHlcHvm2V+Vfb8C6INFxQXRHCvaVN1rJfwr4NvdP4FyzUaLqWfaCGaadf6UbTm8xJeYfEg==}
+    cpu: [arm64]
+    os: [win32]
+
+  '@rollup/rollup-win32-ia32-msvc@4.60.3':
+    resolution: {integrity: sha512-EEM2gyhBF5MFnI6vMKdX1LAosE627RGBzIoGMdLloPZkXrUN0Ckqgr2Qi8+J3zip/8NVVro3/FjB+tjhZUgUHA==}
+    cpu: [ia32]
+    os: [win32]
+
+  '@rollup/rollup-win32-x64-gnu@4.60.3':
+    resolution: {integrity: sha512-E5Eb5H/DpxaoXH++Qkv28RcUJboMopmdDUALBczvHMf7hNIxaDZqwY5lK12UK1BHacSmvupoEWGu+n993Z0y1A==}
+    cpu: [x64]
+    os: [win32]
+
+  '@rollup/rollup-win32-x64-msvc@4.60.3':
+    resolution: {integrity: sha512-hPt/bgL5cE+Qp+/TPHBqptcAgPzgj46mPcg/16zNUmbQk0j+mOEQV/+Lqu8QRtDV3Ek95Q6FeFITpuhl6OTsAA==}
+    cpu: [x64]
+    os: [win32]
+
+  '@shikijs/core@3.23.0':
+    resolution: {integrity: sha512-NSWQz0riNb67xthdm5br6lAkvpDJRTgB36fxlo37ZzM2yq0PQFFzbd8psqC2XMPgCzo1fW6cVi18+ArJ44wqgA==}
+
+  '@shikijs/engine-javascript@3.23.0':
+    resolution: {integrity: sha512-aHt9eiGFobmWR5uqJUViySI1bHMqrAgamWE1TYSUoftkAeCCAiGawPMwM+VCadylQtF4V3VNOZ5LmfItH5f3yA==}
+
+  '@shikijs/engine-oniguruma@3.23.0':
+    resolution: {integrity: sha512-1nWINwKXxKKLqPibT5f4pAFLej9oZzQTsby8942OTlsJzOBZ0MWKiwzMsd+jhzu8YPCHAswGnnN1YtQfirL35g==}
+
+  '@shikijs/langs@3.23.0':
+    resolution: {integrity: sha512-2Ep4W3Re5aB1/62RSYQInK9mM3HsLeB91cHqznAJMuylqjzNVAVCMnNWRHFtcNHXsoNRayP9z1qj4Sq3nMqYXg==}
+
+  '@shikijs/themes@3.23.0':
+    resolution: {integrity: sha512-5qySYa1ZgAT18HR/ypENL9cUSGOeI2x+4IvYJu4JgVJdizn6kG4ia5Q1jDEOi7gTbN4RbuYtmHh0W3eccOrjMA==}
+
+  '@shikijs/types@3.23.0':
+    resolution: {integrity: sha512-3JZ5HXOZfYjsYSk0yPwBrkupyYSLpAE26Qc0HLghhZNGTZg/SKxXIIgoxOpmmeQP0RRSDJTk1/vPfw9tbw+jSQ==}
+
+  '@shikijs/vscode-textmate@10.0.2':
+    resolution: {integrity: sha512-83yeghZ2xxin3Nj8z1NMd/NCuca+gsYXswywDy5bHvwlWL8tpTQmzGeUuHd9FC3E/SBEMvzJRwWEOz5gGes9Qg==}
+
+  '@tailwindcss/node@4.1.14':
+    resolution: {integrity: sha512-hpz+8vFk3Ic2xssIA3e01R6jkmsAhvkQdXlEbRTk6S10xDAtiQiM3FyvZVGsucefq764euO/b8WUW9ysLdThHw==}
+
+  '@tailwindcss/oxide-android-arm64@4.1.14':
+    resolution: {integrity: sha512-a94ifZrGwMvbdeAxWoSuGcIl6/DOP5cdxagid7xJv6bwFp3oebp7y2ImYsnZBMTwjn5Ev5xESvS3FFYUGgPODQ==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [android]
+
+  '@tailwindcss/oxide-darwin-arm64@4.1.14':
+    resolution: {integrity: sha512-HkFP/CqfSh09xCnrPJA7jud7hij5ahKyWomrC3oiO2U9i0UjP17o9pJbxUN0IJ471GTQQmzwhp0DEcpbp4MZTA==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@tailwindcss/oxide-darwin-x64@4.1.14':
+    resolution: {integrity: sha512-eVNaWmCgdLf5iv6Qd3s7JI5SEFBFRtfm6W0mphJYXgvnDEAZ5sZzqmI06bK6xo0IErDHdTA5/t7d4eTfWbWOFw==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@tailwindcss/oxide-freebsd-x64@4.1.14':
+    resolution: {integrity: sha512-QWLoRXNikEuqtNb0dhQN6wsSVVjX6dmUFzuuiL09ZeXju25dsei2uIPl71y2Ic6QbNBsB4scwBoFnlBfabHkEw==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@tailwindcss/oxide-linux-arm-gnueabihf@4.1.14':
+    resolution: {integrity: sha512-VB4gjQni9+F0VCASU+L8zSIyjrLLsy03sjcR3bM0V2g4SNamo0FakZFKyUQ96ZVwGK4CaJsc9zd/obQy74o0Fw==}
+    engines: {node: '>= 10'}
+    cpu: [arm]
+    os: [linux]
+
+  '@tailwindcss/oxide-linux-arm64-gnu@4.1.14':
+    resolution: {integrity: sha512-qaEy0dIZ6d9vyLnmeg24yzA8XuEAD9WjpM5nIM1sUgQ/Zv7cVkharPDQcmm/t/TvXoKo/0knI3me3AGfdx6w1w==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@tailwindcss/oxide-linux-arm64-musl@4.1.14':
+    resolution: {integrity: sha512-ISZjT44s59O8xKsPEIesiIydMG/sCXoMBCqsphDm/WcbnuWLxxb+GcvSIIA5NjUw6F8Tex7s5/LM2yDy8RqYBQ==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@tailwindcss/oxide-linux-x64-gnu@4.1.14':
+    resolution: {integrity: sha512-02c6JhLPJj10L2caH4U0zF8Hji4dOeahmuMl23stk0MU1wfd1OraE7rOloidSF8W5JTHkFdVo/O7uRUJJnUAJg==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [linux]
+
+  '@tailwindcss/oxide-linux-x64-musl@4.1.14':
+    resolution: {integrity: sha512-TNGeLiN1XS66kQhxHG/7wMeQDOoL0S33x9BgmydbrWAb9Qw0KYdd8o1ifx4HOGDWhVmJ+Ul+JQ7lyknQFilO3Q==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [linux]
+
+  '@tailwindcss/oxide-wasm32-wasi@4.1.14':
+    resolution: {integrity: sha512-uZYAsaW/jS/IYkd6EWPJKW/NlPNSkWkBlaeVBi/WsFQNP05/bzkebUL8FH1pdsqx4f2fH/bWFcUABOM9nfiJkQ==}
+    engines: {node: '>=14.0.0'}
+    cpu: [wasm32]
+    bundledDependencies:
+      - '@napi-rs/wasm-runtime'
+      - '@emnapi/core'
+      - '@emnapi/runtime'
+      - '@tybys/wasm-util'
+      - '@emnapi/wasi-threads'
+      - tslib
+
+  '@tailwindcss/oxide-win32-arm64-msvc@4.1.14':
+    resolution: {integrity: sha512-Az0RnnkcvRqsuoLH2Z4n3JfAef0wElgzHD5Aky/e+0tBUxUhIeIqFBTMNQvmMRSP15fWwmvjBxZ3Q8RhsDnxAA==}
+    engines: {node: '>= 10'}
+    cpu: [arm64]
+    os: [win32]
+
+  '@tailwindcss/oxide-win32-x64-msvc@4.1.14':
+    resolution: {integrity: sha512-ttblVGHgf68kEE4om1n/n44I0yGPkCPbLsqzjvybhpwa6mKKtgFfAzy6btc3HRmuW7nHe0OOrSeNP9sQmmH9XA==}
+    engines: {node: '>= 10'}
+    cpu: [x64]
+    os: [win32]
+
+  '@tailwindcss/oxide@4.1.14':
+    resolution: {integrity: sha512-23yx+VUbBwCg2x5XWdB8+1lkPajzLmALEfMb51zZUBYaYVPDQvBSD/WYDqiVyBIo2BZFa3yw1Rpy3G2Jp+K0dw==}
+    engines: {node: '>= 10'}
+
+  '@tailwindcss/typography@0.5.19':
+    resolution: {integrity: sha512-w31dd8HOx3k9vPtcQh5QHP9GwKcgbMp87j58qi6xgiBnFFtKEAgCWnDw4qUT8aHwkCp8bKvb/KGKWWHedP0AAg==}
+    peerDependencies:
+      tailwindcss: '>=3.0.0 || insiders || >=4.0.0-alpha.20 || >=4.0.0-beta.1'
+
+  '@tailwindcss/vite@4.1.14':
+    resolution: {integrity: sha512-BoFUoU0XqgCUS1UXWhmDJroKKhNXeDzD7/XwabjkDIAbMnc4ULn5e2FuEuBbhZ6ENZoSYzKlzvZ44Yr6EUDUSA==}
+    peerDependencies:
+      vite: ^5.2.0 || ^6 || ^7
+
+  '@trysound/sax@0.2.0':
+    resolution: {integrity: sha512-L7z9BgrNEcYyUYtF+HaEfiS5ebkh9jXqbszz7pC0hRBPaatV0XjSD3+eHrpqFemQfgwiFF0QPIarnIihIDn7OA==}
+    engines: {node: '>=10.13.0'}
+
+  '@types/babel__core@7.20.5':
+    resolution: {integrity: sha512-qoQprZvz5wQFJwMDqeseRXWv3rqMvhgpbXFfVyWhbx9X47POIA6i/+dXefEmZKoAgOaTdaIgNSMqMIU61yRyzA==}
+
+  '@types/babel__generator@7.27.0':
+    resolution: {integrity: sha512-ufFd2Xi92OAVPYsy+P4n7/U7e68fex0+Ee8gSG9KX7eo084CWiQ4sdxktvdl0bOPupXtVJPY19zk6EwWqUQ8lg==}
+
+  '@types/babel__template@7.4.4':
+    resolution: {integrity: sha512-h/NUaSyG5EyxBIp8YRxo4RMe2/qQgvyowRwVMzhYhBCONbW8PUsg4lkFMrhgZhUe5z3L3MiLDuvyJ/CaPa2A8A==}
+
+  '@types/babel__traverse@7.28.0':
+    resolution: {integrity: sha512-8PvcXf70gTDZBgt9ptxJ8elBeBjcLOAcOtoO/mPJjtji1+CdGbHgm77om1GrsPxsiE+uXIpNSK64UYaIwQXd4Q==}
+
+  '@types/debug@4.1.13':
+    resolution: {integrity: sha512-KSVgmQmzMwPlmtljOomayoR89W4FynCAi3E8PPs7vmDVPe84hT+vGPKkJfThkmXs0x0jAaa9U8uW8bbfyS2fWw==}
+
+  '@types/estree-jsx@1.0.5':
+    resolution: {integrity: sha512-52CcUVNFyfb1A2ALocQw/Dd1BQFNmSdkuC3BkZ6iqhdMfQz7JWOFRuJFloOzjk+6WijU56m9oKXFAXc7o3Towg==}
+
+  '@types/estree@1.0.8':
+    resolution: {integrity: sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==}
+
+  '@types/estree@1.0.9':
+    resolution: {integrity: sha512-GhdPgy1el4/ImP05X05Uw4cw2/M93BCUmnEvWZNStlCzEKME4Fkk+YpoA5OiHNQmoS7Cafb8Xa3Pya8m1Qrzeg==}
+
+  '@types/hast@3.0.4':
+    resolution: {integrity: sha512-WPs+bbQw5aCj+x6laNGWLH3wviHtoCv/P3+otBhbOhJgG8qtpdAMlTCxLtsTWA7LH1Oh/bFCHsBn0TPS5m30EQ==}
+
+  '@types/mdast@4.0.4':
+    resolution: {integrity: sha512-kGaNbPh1k7AFzgpud/gMdvIm5xuECykRR+JnWKQno9TAXVa6WIVCGTPvYGekIDL4uwCZQSYbUxNBSb1aUo79oA==}
+
+  '@types/mdx@2.0.13':
+    resolution: {integrity: sha512-+OWZQfAYyio6YkJb3HLxDrvnx6SWWDbC0zVPfBRzUk0/nqoDyf6dNxQi3eArPe8rJ473nobTMQ/8Zk+LxJ+Yuw==}
+
+  '@types/ms@2.1.0':
+    resolution: {integrity: sha512-GsCCIZDE/p3i96vtEqx+7dBUGXrc7zeSK3wwPHIaRThS+9OhWIXRqzs4d6k1SVU8g91DrNRWxWUGhp5KXQb2VA==}
+
+  '@types/nlcst@2.0.3':
+    resolution: {integrity: sha512-vSYNSDe6Ix3q+6Z7ri9lyWqgGhJTmzRjZRqyq15N0Z/1/UnVsno9G/N40NBijoYx2seFDIl0+B2mgAb9mezUCA==}
+
+  '@types/node@17.0.45':
+    resolution: {integrity: sha512-w+tIMs3rq2afQdsPJlODhoUEKzFP1ayaoyl1CcnwtIlsVe7K7bA1NGm4s3PraqTLlXnbIN84zuBlxBWo1u9BLw==}
+
+  '@types/node@24.7.2':
+    resolution: {integrity: sha512-/NbVmcGTP+lj5oa4yiYxxeBjRivKQ5Ns1eSZeB99ExsEQ6rX5XYU1Zy/gGxY/ilqtD4Etx9mKyrPxZRetiahhA==}
+
+  '@types/react-dom@19.2.2':
+    resolution: {integrity: sha512-9KQPoO6mZCi7jcIStSnlOWn2nEF3mNmyr3rIAsGnAbQKYbRLyqmeSc39EVgtxXVia+LMT8j3knZLAZAh+xLmrw==}
+    peerDependencies:
+      '@types/react': ^19.2.0
+
+  '@types/react@19.2.2':
+    resolution: {integrity: sha512-6mDvHUFSjyT2B2yeNx2nUgMxh9LtOWvkhIU3uePn2I2oyNymUAX1NIsdgviM4CH+JSrp2D2hsMvJOkxY+0wNRA==}
+
+  '@types/sax@1.2.7':
+    resolution: {integrity: sha512-rO73L89PJxeYM3s3pPPjiPgVVcymqU490g0YO5n5By0k2Erzj6tay/4lr1CHAAU4JyOWd1rpQ8bCf6cZfHU96A==}
+
+  '@types/unist@2.0.11':
+    resolution: {integrity: sha512-CmBKiL6NNo/OqgmMn95Fk9Whlp2mtvIv+KNpQKN2F4SjvrEesubTRWGYSg+BnWZOnlCaSTU1sMpsBOzgbYhnsA==}
+
+  '@types/unist@3.0.3':
+    resolution: {integrity: sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q==}
+
+  '@ungap/structured-clone@1.3.1':
+    resolution: {integrity: sha512-mUFwbeTqrVgDQxFveS+df2yfap6iuP20NAKAsBt5jDEoOTDew+zwLAOilHCeQJOVSvmgCX4ogqIrA0mnyr08yQ==}
+
+  '@vitejs/plugin-react@4.7.0':
+    resolution: {integrity: sha512-gUu9hwfWvvEDBBmgtAowQCojwZmJ5mcLn3aufeCsitijs3+f2NsrPtlAWIR6OPiqljl96GVCUbLe0HyqIpVaoA==}
+    engines: {node: ^14.18.0 || >=16.0.0}
+    peerDependencies:
+      vite: ^4.2.0 || ^5.0.0 || ^6.0.0 || ^7.0.0
+
+  '@volar/kit@2.4.28':
+    resolution: {integrity: sha512-cKX4vK9dtZvDRaAzeoUdaAJEew6IdxHNCRrdp5Kvcl6zZOqb6jTOfk3kXkIkG3T7oTFXguEMt5+9ptyqYR84Pg==}
+    peerDependencies:
+      typescript: '*'
+
+  '@volar/language-core@2.4.28':
+    resolution: {integrity: sha512-w4qhIJ8ZSitgLAkVay6AbcnC7gP3glYM3fYwKV3srj8m494E3xtrCv6E+bWviiK/8hs6e6t1ij1s2Endql7vzQ==}
+
+  '@volar/language-server@2.4.28':
+    resolution: {integrity: sha512-NqcLnE5gERKuS4PUFwlhMxf6vqYo7hXtbMFbViXcbVkbZ905AIVWhnSo0ZNBC2V127H1/2zP7RvVOVnyITFfBw==}
+
+  '@volar/language-service@2.4.28':
+    resolution: {integrity: sha512-Rh/wYCZJrI5vCwMk9xyw/Z+MsWxlJY1rmMZPsxUoJKfzIRjS/NF1NmnuEcrMbEVGja00aVpCsInJfixQTMdvLw==}
+
+  '@volar/source-map@2.4.28':
+    resolution: {integrity: sha512-yX2BDBqJkRXfKw8my8VarTyjv48QwxdJtvRgUpNE5erCsgEUdI2DsLbpa+rOQVAJYshY99szEcRDmyHbF10ggQ==}
+
+  '@volar/typescript@2.4.28':
+    resolution: {integrity: sha512-Ja6yvWrbis2QtN4ClAKreeUZPVYMARDYZl9LMEv1iQ1QdepB6wn0jTRxA9MftYmYa4DQ4k/DaSZpFPUfxl8giw==}
+
+  '@vscode/emmet-helper@2.11.0':
+    resolution: {integrity: sha512-QLxjQR3imPZPQltfbWRnHU6JecWTF1QSWhx3GAKQpslx7y3Dp6sIIXhKjiUJ/BR9FX8PVthjr9PD6pNwOJfAzw==}
+
+  '@vscode/l10n@0.0.18':
+    resolution: {integrity: sha512-KYSIHVmslkaCDyw013pphY+d7x1qV8IZupYfeIfzNA+nsaWHbn5uPuQRvdRFsa9zFzGeudPuoGoZ1Op4jrJXIQ==}
+
+  acorn-jsx@5.3.2:
+    resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==}
+    peerDependencies:
+      acorn: ^6.0.0 || ^7.0.0 || ^8.0.0
+
+  acorn@8.16.0:
+    resolution: {integrity: sha512-UVJyE9MttOsBQIDKw1skb9nAwQuR5wuGD3+82K6JgJlm/Y+KI92oNsMNGZCYdDsVtRHSak0pcV5Dno5+4jh9sw==}
+    engines: {node: '>=0.4.0'}
+    hasBin: true
+
+  ajv-draft-04@1.0.0:
+    resolution: {integrity: sha512-mv00Te6nmYbRp5DCwclxtt7yV/joXJPGS7nM+97GdxvuttCOfgI3K4U25zboyeX0O+myI8ERluxQe5wljMmVIw==}
+    peerDependencies:
+      ajv: ^8.5.0
+    peerDependenciesMeta:
+      ajv:
+        optional: true
+
+  ajv@8.20.0:
+    resolution: {integrity: sha512-Thbli+OlOj+iMPYFBVBfJ3OmCAnaSyNn4M1vz9T6Gka5Jt9ba/HIR56joy65tY6kx/FCF5VXNB819Y7/GUrBGA==}
+
+  ansi-align@3.0.1:
+    resolution: {integrity: sha512-IOfwwBF5iczOjp/WeY4YxyjqAFMQoZufdQWDd19SEExbVLNXqvpzSJ/M7Za4/sCPmQ0+GRquoA7bGcINcxew6w==}
+
+  ansi-regex@5.0.1:
+    resolution: {integrity: sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==}
+    engines: {node: '>=8'}
+
+  ansi-regex@6.2.2:
+    resolution: {integrity: sha512-Bq3SmSpyFHaWjPk8If9yc6svM8c56dB5BAtW4Qbw5jHTwwXXcTLoRMkpDJp6VL0XzlWaCHTXrkFURMYmD0sLqg==}
+    engines: {node: '>=12'}
+
+  ansi-styles@4.3.0:
+    resolution: {integrity: sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==}
+    engines: {node: '>=8'}
+
+  ansi-styles@6.2.3:
+    resolution: {integrity: sha512-4Dj6M28JB+oAH8kFkTLUo+a2jwOFkuqb3yucU0CANcRRUbxS0cP0nZYCGjcc3BNXwRIsUVmDGgzawme7zvJHvg==}
+    engines: {node: '>=12'}
+
+  anymatch@3.1.3:
+    resolution: {integrity: sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw==}
+    engines: {node: '>= 8'}
+
+  arg@5.0.2:
+    resolution: {integrity: sha512-PYjyFOLKQ9y57JvQ6QLo8dAgNqswh8M1RMJYdQduT6xbWSgK36P/Z/v+p888pM69jMMfS8Xd8F6I1kQ/I9HUGg==}
+
+  argparse@2.0.1:
+    resolution: {integrity: sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==}
+
+  aria-query@5.3.2:
+    resolution: {integrity: sha512-COROpnaoap1E2F000S62r6A60uHZnmlvomhfyT2DlTcrY1OrBKn2UhH7qn5wTC9zMvD0AY7csdPSNwKP+7WiQw==}
+    engines: {node: '>= 0.4'}
+
+  array-iterate@2.0.1:
+    resolution: {integrity: sha512-I1jXZMjAgCMmxT4qxXfPXa6SthSoE8h6gkSI9BGGNv8mP8G/v0blc+qFnZu6K42vTOiuME596QaLO0TP3Lk0xg==}
+
+  astring@1.9.0:
+    resolution: {integrity: sha512-LElXdjswlqjWrPpJFg1Fx4wpkOCxj1TDHlSV4PlaRxHGWko024xICaa97ZkMfs6DRKlCguiAI+rbXv5GWwXIkg==}
+    hasBin: true
+
+  astro@5.16.13:
+    resolution: {integrity: sha512-k8Zgb38wpMpJf2LSVO5mSUx2MyDTA6s11UHLPOjUStbdQow3ueREf2J0lKgXnedGtolMm0eGMbnLp1lxs4sKTw==}
+    engines: {node: 18.20.8 || ^20.3.0 || >=22.0.0, npm: '>=9.6.5', pnpm: '>=7.1.0'}
+    hasBin: true
+
+  axe-core@4.10.3:
+    resolution: {integrity: sha512-Xm7bpRXnDSX2YE2YFfBk2FnF0ep6tmG7xPh8iHee8MIcrgq762Nkce856dYtJYLkuIoYZvGfTs/PbZhideTcEg==}
+    engines: {node: '>=4'}
+
+  axobject-query@4.1.0:
+    resolution: {integrity: sha512-qIj0G9wZbMGNLjLmg1PT6v2mE9AH2zlnADJD/2tC6E00hgmhUOfEB6greHPAfLRSufHqROIUTkw6E+M3lH0PTQ==}
+    engines: {node: '>= 0.4'}
+
+  bail@2.0.2:
+    resolution: {integrity: sha512-0xO6mYd7JB2YesxDKplafRpsiOzPt9V02ddPCLbY1xYGPOX24NTyN50qnUxgCPcSoYMhKpAuBTjQoRZCAkUDRw==}
+
+  base-64@1.0.0:
+    resolution: {integrity: sha512-kwDPIFCGx0NZHog36dj+tHiwP4QMzsZ3AgMViUBKI0+V5n4U0ufTCUMhnQ04diaRI8EX/QcPfql7zlhZ7j4zgg==}
+
+  baseline-browser-mapping@2.10.29:
+    resolution: {integrity: sha512-Asa2krT+XTPZINCS+2QcyS8WTkObE77RwkydwF7h6DmnKqbvlalz93m/dnphUyCa6SWSP51VgtEUf2FN+gelFQ==}
+    engines: {node: '>=6.0.0'}
+    hasBin: true
+
+  boolbase@1.0.0:
+    resolution: {integrity: sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==}
+
+  boxen@8.0.1:
+    resolution: {integrity: sha512-F3PH5k5juxom4xktynS7MoFY+NUWH5LC4CnH11YB8NPew+HLpmBLCybSAEyb2F+4pRXhuhWqFesoQd6DAyc2hw==}
+    engines: {node: '>=18'}
+
+  browserslist@4.28.2:
+    resolution: {integrity: sha512-48xSriZYYg+8qXna9kwqjIVzuQxi+KYWp2+5nCYnYKPTr0LvD89Jqk2Or5ogxz0NUMfIjhh2lIUX/LyX9B4oIg==}
+    engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
+    hasBin: true
+
+  camelcase@8.0.0:
+    resolution: {integrity: sha512-8WB3Jcas3swSvjIeA2yvCJ+Miyz5l1ZmB6HFb9R1317dt9LCQoswg/BGrmAmkWVEszSrrg4RwmO46qIm2OEnSA==}
+    engines: {node: '>=16'}
+
+  caniuse-lite@1.0.30001792:
+    resolution: {integrity: sha512-hVLMUZFgR4JJ6ACt1uEESvQN1/dBVqPAKY0hgrV70eN3391K6juAfTjKZLKvOMsx8PxA7gsY1/tLMMTcfFLLpw==}
+
+  ccount@2.0.1:
+    resolution: {integrity: sha512-eyrF0jiFpY+3drT6383f1qhkbGsLSifNAjA61IUjZjmLCWjItY6LB9ft9YhoDgwfmclB2zhu51Lc7+95b8NRAg==}
+
+  chalk@5.6.2:
+    resolution: {integrity: sha512-7NzBL0rN6fMUW+f7A6Io4h40qQlG+xGmtMxfbnH/K7TAtt8JQWVQK+6g0UXKMeVJoyV5EkkNsErQ8pVD3bLHbA==}
+    engines: {node: ^12.17.0 || ^14.13 || >=16.0.0}
+
+  character-entities-html4@2.1.0:
+    resolution: {integrity: sha512-1v7fgQRj6hnSwFpq1Eu0ynr/CDEw0rXo2B61qXrLNdHZmPKgb7fqS1a2JwF0rISo9q77jDI8VMEHoApn8qDoZA==}
+
+  character-entities-legacy@3.0.0:
+    resolution: {integrity: sha512-RpPp0asT/6ufRm//AJVwpViZbGM/MkjQFxJccQRHmISF/22NBtsHqAWmL+/pmkPWoIUJdWyeVleTl1wydHATVQ==}
+
+  character-entities@2.0.2:
+    resolution: {integrity: sha512-shx7oQ0Awen/BRIdkjkvz54PnEEI/EjwXDSIZp86/KKdbafHh1Df/RYGBhn4hbe2+uKC9FnT5UCEdyPz3ai9hQ==}
+
+  character-reference-invalid@2.0.1:
+    resolution: {integrity: sha512-iBZ4F4wRbyORVsu0jPV7gXkOsGYjGHPmAyv+HiHG8gi5PtC9KI2j1+v8/tlibRvjoWX027ypmG/n0HtO5t7unw==}
+
+  chokidar@4.0.3:
+    resolution: {integrity: sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==}
+    engines: {node: '>= 14.16.0'}
+
+  chokidar@5.0.0:
+    resolution: {integrity: sha512-TQMmc3w+5AxjpL8iIiwebF73dRDF4fBIieAqGn9RGCWaEVwQ6Fb2cGe31Yns0RRIzii5goJ1Y7xbMwo1TxMplw==}
+    engines: {node: '>= 20.19.0'}
+
+  chownr@3.0.0:
+    resolution: {integrity: sha512-+IxzY9BZOQd/XuYPRmrvEVjF/nqj5kgT4kEq7VofrDoM1MxoRjEWkrCC3EtLi59TVawxTAn+orJwFQcrqEN1+g==}
+    engines: {node: '>=18'}
+
+  ci-info@4.4.0:
+    resolution: {integrity: sha512-77PSwercCZU2Fc4sX94eF8k8Pxte6JAwL4/ICZLFjJLqegs7kCuAsqqj/70NQF6TvDpgFjkubQB2FW2ZZddvQg==}
+    engines: {node: '>=8'}
+
+  cli-boxes@3.0.0:
+    resolution: {integrity: sha512-/lzGpEWL/8PfI0BmBOPRwp0c/wFNX1RdUML3jK/RcSBA9T8mZDdQpqYBKtCFTOfQbwPqWEOpjqW+Fnayc0969g==}
+    engines: {node: '>=10'}
+
+  cliui@8.0.1:
+    resolution: {integrity: sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==}
+    engines: {node: '>=12'}
+
+  clsx@2.1.1:
+    resolution: {integrity: sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA==}
+    engines: {node: '>=6'}
+
+  collapse-white-space@2.1.0:
+    resolution: {integrity: sha512-loKTxY1zCOuG4j9f6EPnuyyYkf58RnhhWTvRoZEokgB+WbdXehfjFviyOVYkqzEWz1Q5kRiZdBYS5SwxbQYwzw==}
+
+  color-convert@2.0.1:
+    resolution: {integrity: sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==}
+    engines: {node: '>=7.0.0'}
+
+  color-name@1.1.4:
+    resolution: {integrity: sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==}
+
+  comma-separated-tokens@2.0.3:
+    resolution: {integrity: sha512-Fu4hJdvzeylCfQPp9SGWidpzrMs7tTrlu6Vb8XGaRGck8QSNZJJp538Wrb60Lax4fPwR64ViY468OIUTbRlGZg==}
+
+  commander@11.1.0:
+    resolution: {integrity: sha512-yPVavfyCcRhmorC7rWlkHn15b4wDVgVmBA7kV4QVBsF7kv/9TKJAbAXVTxvTnwP8HHKjRCJDClKbciiYS7p0DQ==}
+    engines: {node: '>=16'}
+
+  commander@7.2.0:
+    resolution: {integrity: sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw==}
+    engines: {node: '>= 10'}
+
+  common-ancestor-path@1.0.1:
+    resolution: {integrity: sha512-L3sHRo1pXXEqX8VU28kfgUY+YGsk09hPqZiZmLacNib6XNTCM8ubYeT7ryXQw8asB1sKgcU5lkB7ONug08aB8w==}
+
+  convert-source-map@2.0.0:
+    resolution: {integrity: sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==}
+
+  cookie-es@1.2.3:
+    resolution: {integrity: sha512-lXVyvUvrNXblMqzIRrxHb57UUVmqsSWlxqt3XIjCkUP0wDAf6uicO6KMbEgYrMNtEvWgWHwe42CKxPu9MYAnWw==}
+
+  cookie@1.1.1:
+    resolution: {integrity: sha512-ei8Aos7ja0weRpFzJnEA9UHJ/7XQmqglbRwnf2ATjcB9Wq874VKH9kfjjirM6UhU2/E5fFYadylyhFldcqSidQ==}
+    engines: {node: '>=18'}
+
+  crossws@0.3.5:
+    resolution: {integrity: sha512-ojKiDvcmByhwa8YYqbQI/hg7MEU0NC03+pSdEq4ZUnZR9xXpwk7E43SMNGkn+JxJGPFtNvQ48+vV2p+P1ml5PA==}
+
+  css-select@5.2.2:
+    resolution: {integrity: sha512-TizTzUddG/xYLA3NXodFM0fSbNizXjOKhqiQQwvhlspadZokn1KDy0NZFS0wuEubIYAV5/c1/lAr0TaaFXEXzw==}
+
+  css-tree@2.2.1:
+    resolution: {integrity: sha512-OA0mILzGc1kCOCSJerOeqDxDQ4HOh+G8NbOJFOTgOCzpw7fCBubk0fEyxp8AgOL/jvLgYA/uV0cMbe43ElF1JA==}
+    engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0, npm: '>=7.0.0'}
+
+  css-tree@2.3.1:
+    resolution: {integrity: sha512-6Fv1DV/TYw//QF5IzQdqsNDjx/wc8TrMBZsqjL9eW01tWb7R7k/mq+/VXfJCl7SoD5emsJop9cOByJZfs8hYIw==}
+    engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0}
+
+  css-tree@3.2.1:
+    resolution: {integrity: sha512-X7sjQzceUhu1u7Y/ylrRZFU2FS6LRiFVp6rKLPg23y3x3c3DOKAwuXGDp+PAGjh6CSnCjYeAul8pcT8bAl+lSA==}
+    engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0}
+
+  css-what@6.2.2:
+    resolution: {integrity: sha512-u/O3vwbptzhMs3L1fQE82ZSLHQQfto5gyZzwteVIEyeaY5Fc7R4dapF/BvRoSYFeqfBk4m0V1Vafq5Pjv25wvA==}
+    engines: {node: '>= 6'}
+
+  cssesc@3.0.0:
+    resolution: {integrity: sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg==}
+    engines: {node: '>=4'}
+    hasBin: true
+
+  csso@5.0.5:
+    resolution: {integrity: sha512-0LrrStPOdJj+SPCCrGhzryycLjwcgUSHBtxNA8aIDxf0GLsRh1cKYhB00Gd1lDOS4yGH69+SNn13+TWbVHETFQ==}
+    engines: {node: ^10 || ^12.20.0 || ^14.13.0 || >=15.0.0, npm: '>=7.0.0'}
+
+  csstype@3.2.3:
+    resolution: {integrity: sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==}
+
+  cva@1.0.0-beta.4:
+    resolution: {integrity: sha512-F/JS9hScapq4DBVQXcK85l9U91M6ePeXoBMSp7vypzShoefUBxjQTo3g3935PUHgQd+IW77DjbPRIxugy4/GCQ==}
+    peerDependencies:
+      typescript: '>= 4.5.5'
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  debug@4.4.3:
+    resolution: {integrity: sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==}
+    engines: {node: '>=6.0'}
+    peerDependencies:
+      supports-color: '*'
+    peerDependenciesMeta:
+      supports-color:
+        optional: true
+
+  decode-named-character-reference@1.3.0:
+    resolution: {integrity: sha512-GtpQYB283KrPp6nRw50q3U9/VfOutZOe103qlN7BPP6Ad27xYnOIWv4lPzo8HCAL+mMZofJ9KEy30fq6MfaK6Q==}
+
+  defu@6.1.7:
+    resolution: {integrity: sha512-7z22QmUWiQ/2d0KkdYmANbRUVABpZ9SNYyH5vx6PZ+nE5bcC0l7uFvEfHlyld/HcGBFTL536ClDt3DEcSlEJAQ==}
+
+  dequal@2.0.3:
+    resolution: {integrity: sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA==}
+    engines: {node: '>=6'}
+
+  destr@2.0.5:
+    resolution: {integrity: sha512-ugFTXCtDZunbzasqBxrK93Ik/DRYsO6S/fedkWEMKqt04xZ4csmnmwGDBAb07QWNaGMAmnTIemsYZCksjATwsA==}
+
+  detect-libc@2.1.2:
+    resolution: {integrity: sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==}
+    engines: {node: '>=8'}
+
+  deterministic-object-hash@2.0.2:
+    resolution: {integrity: sha512-KxektNH63SrbfUyDiwXqRb1rLwKt33AmMv+5Nhsw1kqZ13SJBRTgZHtGbE+hH3a1mVW1cz+4pqSWVPAtLVXTzQ==}
+    engines: {node: '>=18'}
+
+  devalue@5.8.0:
+    resolution: {integrity: sha512-2zA9pFEsnp7vWBZbXF5JAgAq0fsUIt/1XPbRiAmRV3lp/2C3upzH+sADiyy66aFCihoLEsrQHxNM5w1gIDfsBg==}
+
+  devlop@1.1.0:
+    resolution: {integrity: sha512-RWmIqhcFf1lRYBvNmr7qTNuyCt/7/ns2jbpp1+PalgE/rDQcBT0fioSMUpJ93irlUhC5hrg4cYqe6U+0ImW0rA==}
+
+  diff@8.0.4:
+    resolution: {integrity: sha512-DPi0FmjiSU5EvQV0++GFDOJ9ASQUVFh5kD+OzOnYdi7n3Wpm9hWWGfB/O2blfHcMVTL5WkQXSnRiK9makhrcnw==}
+    engines: {node: '>=0.3.1'}
+
+  dlv@1.1.3:
+    resolution: {integrity: sha512-+HlytyjlPKnIG8XuRG8WvmBP8xs8P71y+SKKS6ZXWoEgLuePxtDoUEiH7WkdePWrQ5JBpE6aoVqfZfJUQkjXwA==}
+
+  dom-serializer@2.0.0:
+    resolution: {integrity: sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg==}
+
+  domelementtype@2.3.0:
+    resolution: {integrity: sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw==}
+
+  domhandler@5.0.3:
+    resolution: {integrity: sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w==}
+    engines: {node: '>= 4'}
+
+  domutils@3.2.2:
+    resolution: {integrity: sha512-6kZKyUajlDuqlHKVX1w7gyslj9MPIXzIFiz/rGu35uC1wMi+kMhQwGhl4lt9unC9Vb9INnY9Z3/ZA3+FhASLaw==}
+
+  dset@3.1.4:
+    resolution: {integrity: sha512-2QF/g9/zTaPDc3BjNcVTGoBbXBgYfMTTceLaYcFJ/W9kggFUkhxD/hMEeuLKbugyef9SqAx8cpgwlIP/jinUTA==}
+    engines: {node: '>=4'}
+
+  electron-to-chromium@1.5.355:
+    resolution: {integrity: sha512-LUPZhKzZPYSPme1jEYohpkA+ybYCJztr1quAdBd7E7h3+VOBVcKkwwtBJu41nrjawrRzfb8mtMfzWozoaK0ZIQ==}
+
+  emmet@2.4.11:
+    resolution: {integrity: sha512-23QPJB3moh/U9sT4rQzGgeyyGIrcM+GH5uVYg2C6wZIxAIJq7Ng3QLT79tl8FUwDXhyq9SusfknOrofAKqvgyQ==}
+
+  emoji-regex@10.6.0:
+    resolution: {integrity: sha512-toUI84YS5YmxW219erniWD0CIVOo46xGKColeNQRgOzDorgBi1v4D71/OFzgD9GO2UGKIv1C3Sp8DAn0+j5w7A==}
+
+  emoji-regex@8.0.0:
+    resolution: {integrity: sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==}
+
+  enhanced-resolve@5.21.3:
+    resolution: {integrity: sha512-QyL119InA+XXEkNLNTPCXPugSvOfhwv0JOlGNzvxs0hZaiHLNvXSpudUWsOlsXGWJh8G6ckCScEkVHfX3kw/2Q==}
+    engines: {node: '>=10.13.0'}
+
+  entities@4.5.0:
+    resolution: {integrity: sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==}
+    engines: {node: '>=0.12'}
+
+  entities@6.0.1:
+    resolution: {integrity: sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g==}
+    engines: {node: '>=0.12'}
+
+  es-module-lexer@1.7.0:
+    resolution: {integrity: sha512-jEQoCwk8hyb2AZziIOLhDqpm5+2ww5uIE6lkO/6jcOCusfk6LhMHpXXfBLXTZ7Ydyt0j4VoUQv6uGNYbdW+kBA==}
+
+  esast-util-from-estree@2.0.0:
+    resolution: {integrity: sha512-4CyanoAudUSBAn5K13H4JhsMH6L9ZP7XbLVe/dKybkxMO7eDyLsT8UHl9TRNrU2Gr9nz+FovfSIjuXWJ81uVwQ==}
+
+  esast-util-from-js@2.0.1:
+    resolution: {integrity: sha512-8Ja+rNJ0Lt56Pcf3TAmpBZjmx8ZcK5Ts4cAzIOjsjevg9oSXJnl6SUQ2EevU8tv3h6ZLWmoKL5H4fgWvdvfETw==}
+
+  esbuild@0.25.12:
+    resolution: {integrity: sha512-bbPBYYrtZbkt6Os6FiTLCTFxvq4tt3JKall1vRwshA3fdVztsLAatFaZobhkBC8/BrPetoa0oksYoKXoG4ryJg==}
+    engines: {node: '>=18'}
+    hasBin: true
+
+  escalade@3.2.0:
+    resolution: {integrity: sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==}
+    engines: {node: '>=6'}
+
+  escape-string-regexp@5.0.0:
+    resolution: {integrity: sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw==}
+    engines: {node: '>=12'}
+
+  estree-util-attach-comments@3.0.0:
+    resolution: {integrity: sha512-cKUwm/HUcTDsYh/9FgnuFqpfquUbwIqwKM26BVCGDPVgvaCl/nDCCjUfiLlx6lsEZ3Z4RFxNbOQ60pkaEwFxGw==}
+
+  estree-util-build-jsx@3.0.1:
+    resolution: {integrity: sha512-8U5eiL6BTrPxp/CHbs2yMgP8ftMhR5ww1eIKoWRMlqvltHF8fZn5LRDvTKuxD3DUn+shRbLGqXemcP51oFCsGQ==}
+
+  estree-util-is-identifier-name@3.0.0:
+    resolution: {integrity: sha512-hFtqIDZTIUZ9BXLb8y4pYGyk6+wekIivNVTcmvk8NoOh+VeRn5y6cEHzbURrWbfp1fIqdVipilzj+lfaadNZmg==}
+
+  estree-util-scope@1.0.0:
+    resolution: {integrity: sha512-2CAASclonf+JFWBNJPndcOpA8EMJwa0Q8LUFJEKqXLW6+qBvbFZuF5gItbQOs/umBUkjviCSDCbBwU2cXbmrhQ==}
+
+  estree-util-to-js@2.0.0:
+    resolution: {integrity: sha512-WDF+xj5rRWmD5tj6bIqRi6CkLIXbbNQUcxQHzGysQzvHmdYG2G7p/Tf0J0gpxGgkeMZNTIjT/AoSvC9Xehcgdg==}
+
+  estree-util-visit@2.0.0:
+    resolution: {integrity: sha512-m5KgiH85xAhhW8Wta0vShLcUvOsh3LLPI2YVwcbio1l7E09NTLL1EyMZFM1OyWowoH0skScNbhOPl4kcBgzTww==}
+
+  estree-walker@2.0.2:
+    resolution: {integrity: sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==}
+
+  estree-walker@3.0.3:
+    resolution: {integrity: sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==}
+
+  eventemitter3@5.0.4:
+    resolution: {integrity: sha512-mlsTRyGaPBjPedk6Bvw+aqbsXDtoAyAzm5MO7JgU+yVRyMQ5O8bD4Kcci7BS85f93veegeCPkL8R4GLClnjLFw==}
+
+  extend@3.0.2:
+    resolution: {integrity: sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g==}
+
+  fast-deep-equal@3.1.3:
+    resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==}
+
+  fast-uri@3.1.2:
+    resolution: {integrity: sha512-rVjf7ArG3LTk+FS6Yw81V1DLuZl1bRbNrev6Tmd/9RaroeeRRJhAt7jg/6YFxbvAQXUCavSoZhPPj6oOx+5KjQ==}
+
+  fdir@6.5.0:
+    resolution: {integrity: sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==}
+    engines: {node: '>=12.0.0'}
+    peerDependencies:
+      picomatch: ^3 || ^4
+    peerDependenciesMeta:
+      picomatch:
+        optional: true
+
+  flattie@1.1.1:
+    resolution: {integrity: sha512-9UbaD6XdAL97+k/n+N7JwX46K/M6Zc6KcFYskrYL8wbBV/Uyk0CTAMY0VT+qiK5PM7AIc9aTWYtq65U7T+aCNQ==}
+    engines: {node: '>=8'}
+
+  fontace@0.4.1:
+    resolution: {integrity: sha512-lDMvbAzSnHmbYMTEld5qdtvNH2/pWpICOqpean9IgC7vUbUJc3k+k5Dokp85CegamqQpFbXf0rAVkbzpyTA8aw==}
+
+  fontkitten@1.0.3:
+    resolution: {integrity: sha512-Wp1zXWPVUPBmfoa3Cqc9ctaKuzKAV6uLstRqlR56kSjplf5uAce+qeyYym7F+PHbGTk+tCEdkCW6RD7DX/gBZw==}
+    engines: {node: '>=20'}
+
+  fsevents@2.3.2:
+    resolution: {integrity: sha512-xiqMQR4xAeHTuB9uWm+fFRcIOgKBMiOBP+eXiyT7jsgVCq1bkVygt00oASowB7EdtpOHaaPgKt812P9ab+DDKA==}
+    engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
+    os: [darwin]
+
+  fsevents@2.3.3:
+    resolution: {integrity: sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==}
+    engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
+    os: [darwin]
+
+  gensync@1.0.0-beta.2:
+    resolution: {integrity: sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==}
+    engines: {node: '>=6.9.0'}
+
+  get-caller-file@2.0.5:
+    resolution: {integrity: sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==}
+    engines: {node: 6.* || 8.* || >= 10.*}
+
+  get-east-asian-width@1.6.0:
+    resolution: {integrity: sha512-QRbvDIbx6YklUe6RxeTeleMR0yv3cYH6PsPZHcnVn7xv7zO1BHN8r0XETu8n6Ye3Q+ahtSarc3WgtNWmehIBfA==}
+    engines: {node: '>=18'}
+
+  github-slugger@2.0.0:
+    resolution: {integrity: sha512-IaOQ9puYtjrkq7Y0Ygl9KDZnrf/aiUJYUpVf89y8kyaxbRG7Y1SrX/jaumrv81vc61+kiMempujsM3Yw7w5qcw==}
+
+  graceful-fs@4.2.11:
+    resolution: {integrity: sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ==}
+
+  h3@1.15.11:
+    resolution: {integrity: sha512-L3THSe2MPeBwgIZVSH5zLdBBU90TOxarvhK9d04IDY2AmVS8j2Jz2LIWtwsGOU3lu2I5jCN7FNvVfY2+XyF+mg==}
+
+  hast-util-from-html@2.0.3:
+    resolution: {integrity: sha512-CUSRHXyKjzHov8yKsQjGOElXy/3EKpyX56ELnkHH34vDVw1N1XSQ1ZcAvTyAPtGqLTuKP/uxM+aLkSPqF/EtMw==}
+
+  hast-util-from-parse5@8.0.3:
+    resolution: {integrity: sha512-3kxEVkEKt0zvcZ3hCRYI8rqrgwtlIOFMWkbclACvjlDw8Li9S2hk/d51OI0nr/gIpdMHNepwgOKqZ/sy0Clpyg==}
+
+  hast-util-is-element@3.0.0:
+    resolution: {integrity: sha512-Val9mnv2IWpLbNPqc/pUem+a7Ipj2aHacCwgNfTiK0vJKl0LF+4Ba4+v1oPHFpf3bLYmreq0/l3Gud9S5OH42g==}
+
+  hast-util-parse-selector@4.0.0:
+    resolution: {integrity: sha512-wkQCkSYoOGCRKERFWcxMVMOcYE2K1AaNLU8DXS9arxnLOUEWbOXKXiJUNzEpqZ3JOKpnha3jkFrumEjVliDe7A==}
+
+  hast-util-raw@9.1.0:
+    resolution: {integrity: sha512-Y8/SBAHkZGoNkpzqqfCldijcuUKh7/su31kEBp67cFY09Wy0mTRgtsLYsiIxMJxlu0f6AA5SUTbDR8K0rxnbUw==}
+
+  hast-util-to-estree@3.1.3:
+    resolution: {integrity: sha512-48+B/rJWAp0jamNbAAf9M7Uf//UVqAoMmgXhBdxTDJLGKY+LRnZ99qcG+Qjl5HfMpYNzS5v4EAwVEF34LeAj7w==}
+
+  hast-util-to-html@9.0.5:
+    resolution: {integrity: sha512-OguPdidb+fbHQSU4Q4ZiLKnzWo8Wwsf5bZfbvu7//a9oTYoqD/fWpe96NuHkoS9h0ccGOTe0C4NGXdtS0iObOw==}
+
+  hast-util-to-jsx-runtime@2.3.6:
+    resolution: {integrity: sha512-zl6s8LwNyo1P9uw+XJGvZtdFF1GdAkOg8ujOw+4Pyb76874fLps4ueHXDhXWdk6YHQ6OgUtinliG7RsYvCbbBg==}
+
+  hast-util-to-parse5@8.0.1:
+    resolution: {integrity: sha512-MlWT6Pjt4CG9lFCjiz4BH7l9wmrMkfkJYCxFwKQic8+RTZgWPuWxwAfjJElsXkex7DJjfSJsQIt931ilUgmwdA==}
+
+  hast-util-to-text@4.0.2:
+    resolution: {integrity: sha512-KK6y/BN8lbaq654j7JgBydev7wuNMcID54lkRav1P0CaE1e47P72AWWPiGKXTJU271ooYzcvTAn/Zt0REnvc7A==}
+
+  hast-util-whitespace@3.0.0:
+    resolution: {integrity: sha512-88JUN06ipLwsnv+dVn+OIYOvAuvBMy/Qoi6O7mQHxdPXpjy+Cd6xRkWwux7DKO+4sYILtLBRIKgsdpS2gQc7qw==}
+
+  hastscript@9.0.1:
+    resolution: {integrity: sha512-g7df9rMFX/SPi34tyGCyUBREQoKkapwdY/T04Qn9TDWfHhAYt4/I0gMVirzK5wEzeUqIjEB+LXC/ypb7Aqno5w==}
+
+  html-escaper@3.0.3:
+    resolution: {integrity: sha512-RuMffC89BOWQoY0WKGpIhn5gX3iI54O6nRA0yC124NYVtzjmFWBIiFd8M0x+ZdX0P9R4lADg1mgP8C7PxGOWuQ==}
+
+  html-void-elements@3.0.0:
+    resolution: {integrity: sha512-bEqo66MRXsUGxWHV5IP0PUiAWwoEjba4VCzg0LjFJBpchPaTfyfCKTG6bc5F8ucKec3q5y6qOdGyYTSBEvhCrg==}
+
+  http-cache-semantics@4.2.0:
+    resolution: {integrity: sha512-dTxcvPXqPvXBQpq5dUr6mEMJX4oIEFv6bwom3FDwKRDsuIjjJGANqhBuoAn9c1RQJIdAKav33ED65E2ys+87QQ==}
+
+  husky@9.1.7:
+    resolution: {integrity: sha512-5gs5ytaNjBrh5Ow3zrvdUUY+0VxIuWVL4i9irt6friV+BqdCfmV11CQTWMiBYWHbXhco+J1kHfTOUkePhCDvMA==}
+    engines: {node: '>=18'}
+    hasBin: true
+
+  import-meta-resolve@4.2.0:
+    resolution: {integrity: sha512-Iqv2fzaTQN28s/FwZAoFq0ZSs/7hMAHJVX+w8PZl3cY19Pxk6jFFalxQoIfW2826i/fDLXv8IiEZRIT0lDuWcg==}
+
+  inline-style-parser@0.2.7:
+    resolution: {integrity: sha512-Nb2ctOyNR8DqQoR0OwRG95uNWIC0C1lCgf5Naz5H6Ji72KZ8OcFZLz2P5sNgwlyoJ8Yif11oMuYs5pBQa86csA==}
+
+  iron-webcrypto@1.2.1:
+    resolution: {integrity: sha512-feOM6FaSr6rEABp/eDfVseKyTMDt+KGpeB35SkVn9Tyn0CqvVsY3EwI0v5i8nMHyJnzCIQf7nsy3p41TPkJZhg==}
+
+  is-alphabetical@2.0.1:
+    resolution: {integrity: sha512-FWyyY60MeTNyeSRpkM2Iry0G9hpr7/9kD40mD/cGQEuilcZYS4okz8SN2Q6rLCJ8gbCt6fN+rC+6tMGS99LaxQ==}
+
+  is-alphanumerical@2.0.1:
+    resolution: {integrity: sha512-hmbYhX/9MUMF5uh7tOXyK/n0ZvWpad5caBA17GsC6vyuCqaWliRG5K1qS9inmUhEMaOBIW7/whAnSwveW/LtZw==}
+
+  is-decimal@2.0.1:
+    resolution: {integrity: sha512-AAB9hiomQs5DXWcRB1rqsxGUstbRroFOPPVAomNk/3XHR5JyEZChOyTWe2oayKnsSsr/kcGqF+z6yuH6HHpN0A==}
+
+  is-docker@3.0.0:
+    resolution: {integrity: sha512-eljcgEDlEns/7AXFosB5K/2nCM4P7FQPkGc/DWLy5rmFEWvZayGrik1d9/QIY5nJ4f9YsVvBkA6kJpHn9rISdQ==}
+    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
+    hasBin: true
+
+  is-fullwidth-code-point@3.0.0:
+    resolution: {integrity: sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==}
+    engines: {node: '>=8'}
+
+  is-hexadecimal@2.0.1:
+    resolution: {integrity: sha512-DgZQp241c8oO6cA1SbTEWiXeoxV42vlcJxgH+B3hi1AiqqKruZR3ZGF8In3fj4+/y/7rHvlOZLZtgJ/4ttYGZg==}
+
+  is-inside-container@1.0.0:
+    resolution: {integrity: sha512-KIYLCCJghfHZxqjYBE7rEy0OBuTd5xCHS7tHVgvCLkx7StIoaxwNW3hCALgEUjFfeRk+MG/Qxmp/vtETEF3tRA==}
+    engines: {node: '>=14.16'}
+    hasBin: true
+
+  is-plain-obj@4.1.0:
+    resolution: {integrity: sha512-+Pgi+vMuUNkJyExiMBt5IlFoMyKnr5zhJ4Uspz58WOhBF5QoIZkFyNHIbBAtHwzVAgk5RtndVNsDRN61/mmDqg==}
+    engines: {node: '>=12'}
+
+  is-wsl@3.1.1:
+    resolution: {integrity: sha512-e6rvdUCiQCAuumZslxRJWR/Doq4VpPR82kqclvcS0efgt430SlGIk05vdCN58+VrzgtIcfNODjozVielycD4Sw==}
+    engines: {node: '>=16'}
+
+  jiti@2.7.0:
+    resolution: {integrity: sha512-AC/7JofJvZGrrneWNaEnJeOLUx+JlGt7tNa0wZiRPT4MY1wmfKjt2+6O2p2uz2+skll8OZZmJMNqeke7kKbNgQ==}
+    hasBin: true
+
+  js-tokens@4.0.0:
+    resolution: {integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==}
+
+  js-yaml@4.1.1:
+    resolution: {integrity: sha512-qQKT4zQxXl8lLwBtHMWwaTcGfFOZviOJet3Oy/xmGk2gZH677CJM9EvtfdSkgWcATZhj/55JZ0rmy3myCT5lsA==}
+    hasBin: true
+
+  jsesc@3.1.0:
+    resolution: {integrity: sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==}
+    engines: {node: '>=6'}
+    hasBin: true
+
+  json-schema-traverse@1.0.0:
+    resolution: {integrity: sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug==}
+
+  json5@2.2.3:
+    resolution: {integrity: sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==}
+    engines: {node: '>=6'}
+    hasBin: true
+
+  jsonc-parser@2.3.1:
+    resolution: {integrity: sha512-H8jvkz1O50L3dMZCsLqiuB2tA7muqbSg1AtGEkN0leAqGjsUzDJir3Zwr02BhqdcITPg3ei3mZ+HjMocAknhhg==}
+
+  jsonc-parser@3.3.1:
+    resolution: {integrity: sha512-HUgH65KyejrUFPvHFPbqOY0rsFip3Bo5wb4ngvdi1EpCYWUQDC5V+Y7mZws+DLkr4M//zQJoanu1SP+87Dv1oQ==}
+
+  kleur@3.0.3:
+    resolution: {integrity: sha512-eTIzlVOSUR+JxdDFepEYcBMtZ9Qqdef+rnzWdRZuMbOywu5tO2w2N7rqjoANZ5k9vywhL6Br1VRjUIgTQx4E8w==}
+    engines: {node: '>=6'}
+
+  kleur@4.1.5:
+    resolution: {integrity: sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ==}
+    engines: {node: '>=6'}
+
+  lightningcss-darwin-arm64@1.30.1:
+    resolution: {integrity: sha512-c8JK7hyE65X1MHMN+Viq9n11RRC7hgin3HhYKhrMyaXflk5GVplZ60IxyoVtzILeKr+xAJwg6zK6sjTBJ0FKYQ==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [darwin]
+
+  lightningcss-darwin-x64@1.30.1:
+    resolution: {integrity: sha512-k1EvjakfumAQoTfcXUcHQZhSpLlkAuEkdMBsI/ivWw9hL+7FtilQc0Cy3hrx0AAQrVtQAbMI7YjCgYgvn37PzA==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [darwin]
+
+  lightningcss-freebsd-x64@1.30.1:
+    resolution: {integrity: sha512-kmW6UGCGg2PcyUE59K5r0kWfKPAVy4SltVeut+umLCFoJ53RdCUWxcRDzO1eTaxf/7Q2H7LTquFHPL5R+Gjyig==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [freebsd]
+
+  lightningcss-linux-arm-gnueabihf@1.30.1:
+    resolution: {integrity: sha512-MjxUShl1v8pit+6D/zSPq9S9dQ2NPFSQwGvxBCYaBYLPlCWuPh9/t1MRS8iUaR8i+a6w7aps+B4N0S1TYP/R+Q==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm]
+    os: [linux]
+
+  lightningcss-linux-arm64-gnu@1.30.1:
+    resolution: {integrity: sha512-gB72maP8rmrKsnKYy8XUuXi/4OctJiuQjcuqWNlJQ6jZiWqtPvqFziskH3hnajfvKB27ynbVCucKSm2rkQp4Bw==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [linux]
+
+  lightningcss-linux-arm64-musl@1.30.1:
+    resolution: {integrity: sha512-jmUQVx4331m6LIX+0wUhBbmMX7TCfjF5FoOH6SD1CttzuYlGNVpA7QnrmLxrsub43ClTINfGSYyHe2HWeLl5CQ==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [linux]
+
+  lightningcss-linux-x64-gnu@1.30.1:
+    resolution: {integrity: sha512-piWx3z4wN8J8z3+O5kO74+yr6ze/dKmPnI7vLqfSqI8bccaTGY5xiSGVIJBDd5K5BHlvVLpUB3S2YCfelyJ1bw==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [linux]
+
+  lightningcss-linux-x64-musl@1.30.1:
+    resolution: {integrity: sha512-rRomAK7eIkL+tHY0YPxbc5Dra2gXlI63HL+v1Pdi1a3sC+tJTcFrHX+E86sulgAXeI7rSzDYhPSeHHjqFhqfeQ==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [linux]
+
+  lightningcss-win32-arm64-msvc@1.30.1:
+    resolution: {integrity: sha512-mSL4rqPi4iXq5YVqzSsJgMVFENoa4nGTT/GjO2c0Yl9OuQfPsIfncvLrEW6RbbB24WtZ3xP/2CCmI3tNkNV4oA==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [win32]
+
+  lightningcss-win32-x64-msvc@1.30.1:
+    resolution: {integrity: sha512-PVqXh48wh4T53F/1CCu8PIPCxLzWyCnn/9T5W1Jpmdy5h9Cwd+0YQS6/LwhHXSafuc61/xg9Lv5OrCby6a++jg==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [win32]
+
+  lightningcss@1.30.1:
+    resolution: {integrity: sha512-xi6IyHML+c9+Q3W0S4fCQJOym42pyurFiJUHEcEyHS0CeKzia4yZDEsLlqOFykxOdHpNy0NmvVO31vcSqAxJCg==}
+    engines: {node: '>= 12.0.0'}
+
+  longest-streak@3.1.0:
+    resolution: {integrity: sha512-9Ri+o0JYgehTaVBBDoMqIl8GXtbWg711O3srftcHhZ0dqnETqLaoIK0x17fUw9rFSlK/0NlsKe0Ahhyl5pXE2g==}
+
+  lru-cache@11.3.6:
+    resolution: {integrity: sha512-Gf/KoL3C/MlI7Bt0PGI9I+TeTC/I6r/csU58N4BSNc4lppLBeKsOdFYkK+dX0ABDUMJNfCHTyPpzwwO21Awd3A==}
+    engines: {node: 20 || >=22}
+
+  lru-cache@5.1.1:
+    resolution: {integrity: sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==}
+
+  magic-string@0.30.21:
+    resolution: {integrity: sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==}
+
+  magicast@0.5.3:
+    resolution: {integrity: sha512-pVKE4UdSQ7DvHzivsCIFx2BJn1mHG6KsyrFcaxFx6tONdneEuThrDx0Cj3AMg58KyN4pzYT+LHOotxDQDjNvkw==}
+
+  markdown-extensions@2.0.0:
+    resolution: {integrity: sha512-o5vL7aDWatOTX8LzaS1WMoaoxIiLRQJuIKKe2wAw6IeULDHaqbiqiggmx+pKvZDb1Sj+pE46Sn1T7lCqfFtg1Q==}
+    engines: {node: '>=16'}
+
+  markdown-table@3.0.4:
+    resolution: {integrity: sha512-wiYz4+JrLyb/DqW2hkFJxP7Vd7JuTDm77fvbM8VfEQdmSMqcImWeeRbHwZjBjIFki/VaMK2BhFi7oUUZeM5bqw==}
+
+  mdast-util-definitions@6.0.0:
+    resolution: {integrity: sha512-scTllyX6pnYNZH/AIp/0ePz6s4cZtARxImwoPJ7kS42n+MnVsI4XbnG6d4ibehRIldYMWM2LD7ImQblVhUejVQ==}
+
+  mdast-util-find-and-replace@3.0.2:
+    resolution: {integrity: sha512-Tmd1Vg/m3Xz43afeNxDIhWRtFZgM2VLyaf4vSTYwudTyeuTneoL3qtWMA5jeLyz/O1vDJmmV4QuScFCA2tBPwg==}
+
+  mdast-util-from-markdown@2.0.3:
+    resolution: {integrity: sha512-W4mAWTvSlKvf8L6J+VN9yLSqQ9AOAAvHuoDAmPkz4dHf553m5gVj2ejadHJhoJmcmxEnOv6Pa8XJhpxE93kb8Q==}
+
+  mdast-util-gfm-autolink-literal@2.0.1:
+    resolution: {integrity: sha512-5HVP2MKaP6L+G6YaxPNjuL0BPrq9orG3TsrZ9YXbA3vDw/ACI4MEsnoDpn6ZNm7GnZgtAcONJyPhOP8tNJQavQ==}
+
+  mdast-util-gfm-footnote@2.1.0:
+    resolution: {integrity: sha512-sqpDWlsHn7Ac9GNZQMeUzPQSMzR6Wv0WKRNvQRg0KqHh02fpTz69Qc1QSseNX29bhz1ROIyNyxExfawVKTm1GQ==}
+
+  mdast-util-gfm-strikethrough@2.0.0:
+    resolution: {integrity: sha512-mKKb915TF+OC5ptj5bJ7WFRPdYtuHv0yTRxK2tJvi+BDqbkiG7h7u/9SI89nRAYcmap2xHQL9D+QG/6wSrTtXg==}
+
+  mdast-util-gfm-table@2.0.0:
+    resolution: {integrity: sha512-78UEvebzz/rJIxLvE7ZtDd/vIQ0RHv+3Mh5DR96p7cS7HsBhYIICDBCu8csTNWNO6tBWfqXPWekRuj2FNOGOZg==}
+
+  mdast-util-gfm-task-list-item@2.0.0:
+    resolution: {integrity: sha512-IrtvNvjxC1o06taBAVJznEnkiHxLFTzgonUdy8hzFVeDun0uTjxxrRGVaNFqkU1wJR3RBPEfsxmU6jDWPofrTQ==}
+
+  mdast-util-gfm@3.1.0:
+    resolution: {integrity: sha512-0ulfdQOM3ysHhCJ1p06l0b0VKlhU0wuQs3thxZQagjcjPrlFRqY215uZGHHJan9GEAXd9MbfPjFJz+qMkVR6zQ==}
+
+  mdast-util-mdx-expression@2.0.1:
+    resolution: {integrity: sha512-J6f+9hUp+ldTZqKRSg7Vw5V6MqjATc+3E4gf3CFNcuZNWD8XdyI6zQ8GqH7f8169MM6P7hMBRDVGnn7oHB9kXQ==}
+
+  mdast-util-mdx-jsx@3.2.0:
+    resolution: {integrity: sha512-lj/z8v0r6ZtsN/cGNNtemmmfoLAFZnjMbNyLzBafjzikOM+glrjNHPlf6lQDOTccj9n5b0PPihEBbhneMyGs1Q==}
+
+  mdast-util-mdx@3.0.0:
+    resolution: {integrity: sha512-JfbYLAW7XnYTTbUsmpu0kdBUVe+yKVJZBItEjwyYJiDJuZ9w4eeaqks4HQO+R7objWgS2ymV60GYpI14Ug554w==}
+
+  mdast-util-mdxjs-esm@2.0.1:
+    resolution: {integrity: sha512-EcmOpxsZ96CvlP03NghtH1EsLtr0n9Tm4lPUJUBccV9RwUOneqSycg19n5HGzCf+10LozMRSObtVr3ee1WoHtg==}
+
+  mdast-util-phrasing@4.1.0:
+    resolution: {integrity: sha512-TqICwyvJJpBwvGAMZjj4J2n0X8QWp21b9l0o7eXyVJ25YNWYbJDVIyD1bZXE6WtV6RmKJVYmQAKWa0zWOABz2w==}
+
+  mdast-util-to-hast@13.2.1:
+    resolution: {integrity: sha512-cctsq2wp5vTsLIcaymblUriiTcZd0CwWtCbLvrOzYCDZoWyMNV8sZ7krj09FSnsiJi3WVsHLM4k6Dq/yaPyCXA==}
+
+  mdast-util-to-markdown@2.1.2:
+    resolution: {integrity: sha512-xj68wMTvGXVOKonmog6LwyJKrYXZPvlwabaryTjLh9LuvovB/KAH+kvi8Gjj+7rJjsFi23nkUxRQv1KqSroMqA==}
+
+  mdast-util-to-string@4.0.0:
+    resolution: {integrity: sha512-0H44vDimn51F0YwvxSJSm0eCDOJTRlmN0R1yBh4HLj9wiV1Dn0QoXGbvFAWj2hSItVTlCmBF1hqKlIyUBVFLPg==}
+
+  mdn-data@2.0.28:
+    resolution: {integrity: sha512-aylIc7Z9y4yzHYAJNuESG3hfhC+0Ibp/MAMiaOZgNv4pmEdFyfZhhhny4MNiAfWdBQ1RQ2mfDWmM1x8SvGyp8g==}
+
+  mdn-data@2.0.30:
+    resolution: {integrity: sha512-GaqWWShW4kv/G9IEucWScBx9G1/vsFZZJUO+tD26M8J8z3Kw5RDQjaoZe03YAClgeS/SWPOcb4nkFBTEi5DUEA==}
+
+  mdn-data@2.27.1:
+    resolution: {integrity: sha512-9Yubnt3e8A0OKwxYSXyhLymGW4sCufcLG6VdiDdUGVkPhpqLxlvP5vl1983gQjJl3tqbrM731mjaZaP68AgosQ==}
+
+  micromark-core-commonmark@2.0.3:
+    resolution: {integrity: sha512-RDBrHEMSxVFLg6xvnXmb1Ayr2WzLAWjeSATAoxwKYJV94TeNavgoIdA0a9ytzDSVzBy2YKFK+emCPOEibLeCrg==}
+
+  micromark-extension-gfm-autolink-literal@2.1.0:
+    resolution: {integrity: sha512-oOg7knzhicgQ3t4QCjCWgTmfNhvQbDDnJeVu9v81r7NltNCVmhPy1fJRX27pISafdjL+SVc4d3l48Gb6pbRypw==}
+
+  micromark-extension-gfm-footnote@2.1.0:
+    resolution: {integrity: sha512-/yPhxI1ntnDNsiHtzLKYnE3vf9JZ6cAisqVDauhp4CEHxlb4uoOTxOCJ+9s51bIB8U1N1FJ1RXOKTIlD5B/gqw==}
+
+  micromark-extension-gfm-strikethrough@2.1.0:
+    resolution: {integrity: sha512-ADVjpOOkjz1hhkZLlBiYA9cR2Anf8F4HqZUO6e5eDcPQd0Txw5fxLzzxnEkSkfnD0wziSGiv7sYhk/ktvbf1uw==}
+
+  micromark-extension-gfm-table@2.1.1:
+    resolution: {integrity: sha512-t2OU/dXXioARrC6yWfJ4hqB7rct14e8f7m0cbI5hUmDyyIlwv5vEtooptH8INkbLzOatzKuVbQmAYcbWoyz6Dg==}
+
+  micromark-extension-gfm-tagfilter@2.0.0:
+    resolution: {integrity: sha512-xHlTOmuCSotIA8TW1mDIM6X2O1SiX5P9IuDtqGonFhEK0qgRI4yeC6vMxEV2dgyr2TiD+2PQ10o+cOhdVAcwfg==}
+
+  micromark-extension-gfm-task-list-item@2.1.0:
+    resolution: {integrity: sha512-qIBZhqxqI6fjLDYFTBIa4eivDMnP+OZqsNwmQ3xNLE4Cxwc+zfQEfbs6tzAo2Hjq+bh6q5F+Z8/cksrLFYWQQw==}
+
+  micromark-extension-gfm@3.0.0:
+    resolution: {integrity: sha512-vsKArQsicm7t0z2GugkCKtZehqUm31oeGBV/KVSorWSy8ZlNAv7ytjFhvaryUiCUJYqs+NoE6AFhpQvBTM6Q4w==}
+
+  micromark-extension-mdx-expression@3.0.1:
+    resolution: {integrity: sha512-dD/ADLJ1AeMvSAKBwO22zG22N4ybhe7kFIZ3LsDI0GlsNr2A3KYxb0LdC1u5rj4Nw+CHKY0RVdnHX8vj8ejm4Q==}
+
+  micromark-extension-mdx-jsx@3.0.2:
+    resolution: {integrity: sha512-e5+q1DjMh62LZAJOnDraSSbDMvGJ8x3cbjygy2qFEi7HCeUT4BDKCvMozPozcD6WmOt6sVvYDNBKhFSz3kjOVQ==}
+
+  micromark-extension-mdx-md@2.0.0:
+    resolution: {integrity: sha512-EpAiszsB3blw4Rpba7xTOUptcFeBFi+6PY8VnJ2hhimH+vCQDirWgsMpz7w1XcZE7LVrSAUGb9VJpG9ghlYvYQ==}
+
+  micromark-extension-mdxjs-esm@3.0.0:
+    resolution: {integrity: sha512-DJFl4ZqkErRpq/dAPyeWp15tGrcrrJho1hKK5uBS70BCtfrIFg81sqcTVu3Ta+KD1Tk5vAtBNElWxtAa+m8K9A==}
+
+  micromark-extension-mdxjs@3.0.0:
+    resolution: {integrity: sha512-A873fJfhnJ2siZyUrJ31l34Uqwy4xIFmvPY1oj+Ean5PHcPBYzEsvqvWGaWcfEIr11O5Dlw3p2y0tZWpKHDejQ==}
+
+  micromark-factory-destination@2.0.1:
+    resolution: {integrity: sha512-Xe6rDdJlkmbFRExpTOmRj9N3MaWmbAgdpSrBQvCFqhezUn4AHqJHbaEnfbVYYiexVSs//tqOdY/DxhjdCiJnIA==}
+
+  micromark-factory-label@2.0.1:
+    resolution: {integrity: sha512-VFMekyQExqIW7xIChcXn4ok29YE3rnuyveW3wZQWWqF4Nv9Wk5rgJ99KzPvHjkmPXF93FXIbBp6YdW3t71/7Vg==}
+
+  micromark-factory-mdx-expression@2.0.3:
+    resolution: {integrity: sha512-kQnEtA3vzucU2BkrIa8/VaSAsP+EJ3CKOvhMuJgOEGg9KDC6OAY6nSnNDVRiVNRqj7Y4SlSzcStaH/5jge8JdQ==}
+
+  micromark-factory-space@2.0.1:
+    resolution: {integrity: sha512-zRkxjtBxxLd2Sc0d+fbnEunsTj46SWXgXciZmHq0kDYGnck/ZSGj9/wULTV95uoeYiK5hRXP2mJ98Uo4cq/LQg==}
+
+  micromark-factory-title@2.0.1:
+    resolution: {integrity: sha512-5bZ+3CjhAd9eChYTHsjy6TGxpOFSKgKKJPJxr293jTbfry2KDoWkhBb6TcPVB4NmzaPhMs1Frm9AZH7OD4Cjzw==}
+
+  micromark-factory-whitespace@2.0.1:
+    resolution: {integrity: sha512-Ob0nuZ3PKt/n0hORHyvoD9uZhr+Za8sFoP+OnMcnWK5lngSzALgQYKMr9RJVOWLqQYuyn6ulqGWSXdwf6F80lQ==}
+
+  micromark-util-character@2.1.1:
+    resolution: {integrity: sha512-wv8tdUTJ3thSFFFJKtpYKOYiGP2+v96Hvk4Tu8KpCAsTMs6yi+nVmGh1syvSCsaxz45J6Jbw+9DD6g97+NV67Q==}
+
+  micromark-util-chunked@2.0.1:
+    resolution: {integrity: sha512-QUNFEOPELfmvv+4xiNg2sRYeS/P84pTW0TCgP5zc9FpXetHY0ab7SxKyAQCNCc1eK0459uoLI1y5oO5Vc1dbhA==}
+
+  micromark-util-classify-character@2.0.1:
+    resolution: {integrity: sha512-K0kHzM6afW/MbeWYWLjoHQv1sgg2Q9EccHEDzSkxiP/EaagNzCm7T/WMKZ3rjMbvIpvBiZgwR3dKMygtA4mG1Q==}
+
+  micromark-util-combine-extensions@2.0.1:
+    resolution: {integrity: sha512-OnAnH8Ujmy59JcyZw8JSbK9cGpdVY44NKgSM7E9Eh7DiLS2E9RNQf0dONaGDzEG9yjEl5hcqeIsj4hfRkLH/Bg==}
+
+  micromark-util-decode-numeric-character-reference@2.0.2:
+    resolution: {integrity: sha512-ccUbYk6CwVdkmCQMyr64dXz42EfHGkPQlBj5p7YVGzq8I7CtjXZJrubAYezf7Rp+bjPseiROqe7G6foFd+lEuw==}
+
+  micromark-util-decode-string@2.0.1:
+    resolution: {integrity: sha512-nDV/77Fj6eH1ynwscYTOsbK7rR//Uj0bZXBwJZRfaLEJ1iGBR6kIfNmlNqaqJf649EP0F3NWNdeJi03elllNUQ==}
+
+  micromark-util-encode@2.0.1:
+    resolution: {integrity: sha512-c3cVx2y4KqUnwopcO9b/SCdo2O67LwJJ/UyqGfbigahfegL9myoEFoDYZgkT7f36T0bLrM9hZTAaAyH+PCAXjw==}
+
+  micromark-util-events-to-acorn@2.0.3:
+    resolution: {integrity: sha512-jmsiEIiZ1n7X1Rr5k8wVExBQCg5jy4UXVADItHmNk1zkwEVhBuIUKRu3fqv+hs4nxLISi2DQGlqIOGiFxgbfHg==}
+
+  micromark-util-html-tag-name@2.0.1:
+    resolution: {integrity: sha512-2cNEiYDhCWKI+Gs9T0Tiysk136SnR13hhO8yW6BGNyhOC4qYFnwF1nKfD3HFAIXA5c45RrIG1ub11GiXeYd1xA==}
+
+  micromark-util-normalize-identifier@2.0.1:
+    resolution: {integrity: sha512-sxPqmo70LyARJs0w2UclACPUUEqltCkJ6PhKdMIDuJ3gSf/Q+/GIe3WKl0Ijb/GyH9lOpUkRAO2wp0GVkLvS9Q==}
+
+  micromark-util-resolve-all@2.0.1:
+    resolution: {integrity: sha512-VdQyxFWFT2/FGJgwQnJYbe1jjQoNTS4RjglmSjTUlpUMa95Htx9NHeYW4rGDJzbjvCsl9eLjMQwGeElsqmzcHg==}
+
+  micromark-util-sanitize-uri@2.0.1:
+    resolution: {integrity: sha512-9N9IomZ/YuGGZZmQec1MbgxtlgougxTodVwDzzEouPKo3qFWvymFHWcnDi2vzV1ff6kas9ucW+o3yzJK9YB1AQ==}
+
+  micromark-util-subtokenize@2.1.0:
+    resolution: {integrity: sha512-XQLu552iSctvnEcgXw6+Sx75GflAPNED1qx7eBJ+wydBb2KCbRZe+NwvIEEMM83uml1+2WSXpBAcp9IUCgCYWA==}
+
+  micromark-util-symbol@2.0.1:
+    resolution: {integrity: sha512-vs5t8Apaud9N28kgCrRUdEed4UJ+wWNvicHLPxCa9ENlYuAY31M0ETy5y1vA33YoNPDFTghEbnh6efaE8h4x0Q==}
+
+  micromark-util-types@2.0.2:
+    resolution: {integrity: sha512-Yw0ECSpJoViF1qTU4DC6NwtC4aWGt1EkzaQB8KPPyCRR8z9TWeV0HbEFGTO+ZY1wB22zmxnJqhPyTpOVCpeHTA==}
+
+  micromark@4.0.2:
+    resolution: {integrity: sha512-zpe98Q6kvavpCr1NPVSCMebCKfD7CA2NqZ+rykeNhONIJBpc1tFKt9hucLGwha3jNTNI8lHpctWJWoimVF4PfA==}
+
+  minipass@7.1.3:
+    resolution: {integrity: sha512-tEBHqDnIoM/1rXME1zgka9g6Q2lcoCkxHLuc7ODJ5BxbP5d4c2Z5cGgtXAku59200Cx7diuHTOYfSBD8n6mm8A==}
+    engines: {node: '>=16 || 14 >=14.17'}
+
+  minizlib@3.1.0:
+    resolution: {integrity: sha512-KZxYo1BUkWD2TVFLr0MQoM8vUUigWD3LlD83a/75BqC+4qE0Hb1Vo5v1FgcfaNXvfXzr+5EhQ6ing/CaBijTlw==}
+    engines: {node: '>= 18'}
+
+  mrmime@2.0.1:
+    resolution: {integrity: sha512-Y3wQdFg2Va6etvQ5I82yUhGdsKrcYox6p7FfL1LbK2J4V01F9TGlepTIhnK24t7koZibmg82KGglhA1XK5IsLQ==}
+    engines: {node: '>=10'}
+
+  ms@2.1.3:
+    resolution: {integrity: sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==}
+
+  muggle-string@0.4.1:
+    resolution: {integrity: sha512-VNTrAak/KhO2i8dqqnqnAHOa3cYBwXEZe9h+D5h/1ZqFSTEFHdM65lR7RoIqq3tBBYavsOXV84NoHXZ0AkPyqQ==}
+
+  nanoid@3.3.12:
+    resolution: {integrity: sha512-ZB9RH/39qpq5Vu6Y+NmUaFhQR6pp+M2Xt76XBnEwDaGcVAqhlvxrl3B2bKS5D3NH3QR76v3aSrKaF/Kiy7lEtQ==}
+    engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
+    hasBin: true
+
+  neotraverse@0.6.18:
+    resolution: {integrity: sha512-Z4SmBUweYa09+o6pG+eASabEpP6QkQ70yHj351pQoEXIs8uHbaU2DWVmzBANKgflPa47A50PtB2+NgRpQvr7vA==}
+    engines: {node: '>= 10'}
+
+  nlcst-to-string@4.0.0:
+    resolution: {integrity: sha512-YKLBCcUYKAg0FNlOBT6aI91qFmSiFKiluk655WzPF+DDMA02qIyy8uiRqI8QXtcFpEvll12LpL5MXqEmAZ+dcA==}
+
+  node-fetch-native@1.6.7:
+    resolution: {integrity: sha512-g9yhqoedzIUm0nTnTqAQvueMPVOuIY16bqgAJJC8XOOubYFNwz6IER9qs0Gq2Xd0+CecCKFjtdDTMA4u4xG06Q==}
+
+  node-mock-http@1.0.4:
+    resolution: {integrity: sha512-8DY+kFsDkNXy1sJglUfuODx1/opAGJGyrTuFqEoN90oRc2Vk0ZbD4K2qmKXBBEhZQzdKHIVfEJpDU8Ak2NJEvQ==}
+
+  node-releases@2.0.44:
+    resolution: {integrity: sha512-5WUyunoPMsvvEhS8AxHtRzP+oA8UCkJ7YRxatWKjngndhDGLiqEVAQKWjFAiAiuL8zMRGzGSJxFnLetoa43qGQ==}
+
+  normalize-path@3.0.0:
+    resolution: {integrity: sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA==}
+    engines: {node: '>=0.10.0'}
+
+  nth-check@2.1.1:
+    resolution: {integrity: sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==}
+
+  ofetch@1.5.1:
+    resolution: {integrity: sha512-2W4oUZlVaqAPAil6FUg/difl6YhqhUR7x2eZY4bQCko22UXg3hptq9KLQdqFClV+Wu85UX7hNtdGTngi/1BxcA==}
+
+  ohash@2.0.11:
+    resolution: {integrity: sha512-RdR9FQrFwNBNXAr4GixM8YaRZRJ5PUWbKYbE5eOsrwAjJW0q2REGcf79oYPsLyskQCZG1PLN+S/K1V00joZAoQ==}
+
+  oniguruma-parser@0.12.2:
+    resolution: {integrity: sha512-6HVa5oIrgMC6aA6WF6XyyqbhRPJrKR02L20+2+zpDtO5QAzGHAUGw5TKQvwi5vctNnRHkJYmjAhRVQF2EKdTQw==}
+
+  oniguruma-to-es@4.3.6:
+    resolution: {integrity: sha512-csuQ9x3Yr0cEIs/Zgx/OEt9iBw9vqIunAPQkx19R/fiMq2oGVTgcMqO/V3Ybqefr1TBvosI6jU539ksaBULJyA==}
+
+  p-limit@6.2.0:
+    resolution: {integrity: sha512-kuUqqHNUqoIWp/c467RI4X6mmyuojY5jGutNU0wVTmEOOfcuwLqyMVoAi9MKi2Ak+5i9+nhmrK4ufZE8069kHA==}
+    engines: {node: '>=18'}
+
+  p-queue@8.1.1:
+    resolution: {integrity: sha512-aNZ+VfjobsWryoiPnEApGGmf5WmNsCo9xu8dfaYamG5qaLP7ClhLN6NgsFe6SwJ2UbLEBK5dv9x8Mn5+RVhMWQ==}
+    engines: {node: '>=18'}
+
+  p-timeout@6.1.4:
+    resolution: {integrity: sha512-MyIV3ZA/PmyBN/ud8vV9XzwTrNtR4jFrObymZYnZqMmW0zA8Z17vnT0rBgFE/TlohB+YCHqXMgZzb3Csp49vqg==}
+    engines: {node: '>=14.16'}
+
+  package-manager-detector@1.6.0:
+    resolution: {integrity: sha512-61A5ThoTiDG/C8s8UMZwSorAGwMJ0ERVGj2OjoW5pAalsNOg15+iQiPzrLJ4jhZ1HJzmC2PIHT2oEiH3R5fzNA==}
+
+  parse-entities@4.0.2:
+    resolution: {integrity: sha512-GG2AQYWoLgL877gQIKeRPGO1xF9+eG1ujIb5soS5gPvLQ1y2o8FL90w2QWNdf9I361Mpp7726c+lj3U0qK1uGw==}
+
+  parse-latin@7.0.0:
+    resolution: {integrity: sha512-mhHgobPPua5kZ98EF4HWiH167JWBfl4pvAIXXdbaVohtK7a6YBOy56kvhCqduqyo/f3yrHFWmqmiMg/BkBkYYQ==}
+
+  parse5@7.3.0:
+    resolution: {integrity: sha512-IInvU7fabl34qmi9gY8XOVxhYyMyuH2xUNpb2q8/Y+7552KlejkRvqvD19nMoUW/uQGGbqNpA6Tufu5FL5BZgw==}
+
+  path-browserify@1.0.1:
+    resolution: {integrity: sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g==}
+
+  piccolore@0.1.3:
+    resolution: {integrity: sha512-o8bTeDWjE086iwKrROaDf31K0qC/BENdm15/uH9usSC/uZjJOKb2YGiVHfLY4GhwsERiPI1jmwI2XrA7ACOxVw==}
+
+  picocolors@1.1.1:
+    resolution: {integrity: sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==}
+
+  picomatch@2.3.2:
+    resolution: {integrity: sha512-V7+vQEJ06Z+c5tSye8S+nHUfI51xoXIXjHQ99cQtKUkQqqO1kO/KCJUfZXuB47h/YBlDhah2H3hdUGXn8ie0oA==}
+    engines: {node: '>=8.6'}
+
+  picomatch@4.0.4:
+    resolution: {integrity: sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A==}
+    engines: {node: '>=12'}
+
+  playwright-core@1.59.1:
+    resolution: {integrity: sha512-HBV/RJg81z5BiiZ9yPzIiClYV/QMsDCKUyogwH9p3MCP6IYjUFu/MActgYAvK0oWyV9NlwM3GLBjADyWgydVyg==}
+    engines: {node: '>=18'}
+    hasBin: true
+
+  playwright@1.59.1:
+    resolution: {integrity: sha512-C8oWjPR3F81yljW9o5OxcWzfh6avkVwDD2VYdwIGqTkl+OGFISgypqzfu7dOe4QNLL2aqcWBmI3PMtLIK233lw==}
+    engines: {node: '>=18'}
+    hasBin: true
+
+  postcss-selector-parser@6.0.10:
+    resolution: {integrity: sha512-IQ7TZdoaqbT+LCpShg46jnZVlhWD2w6iQYAcYXfHARZ7X1t/UGhhceQDs5X0cGqKvYlHNOuv7Oa1xmb0oQuA3w==}
+    engines: {node: '>=4'}
+
+  postcss@8.5.14:
+    resolution: {integrity: sha512-SoSL4+OSEtR99LHFZQiJLkT59C5B1amGO1NzTwj7TT1qCUgUO6hxOvzkOYxD+vMrXBM3XJIKzokoERdqQq/Zmg==}
+    engines: {node: ^10 || ^12 || >=14}
+
+  prettier@3.8.3:
+    resolution: {integrity: sha512-7igPTM53cGHMW8xWuVTydi2KO233VFiTNyF5hLJqpilHfmn8C8gPf+PS7dUT64YcXFbiMGZxS9pCSxL/Dxm/Jw==}
+    engines: {node: '>=14'}
+    hasBin: true
+
+  prismjs@1.30.0:
+    resolution: {integrity: sha512-DEvV2ZF2r2/63V+tK8hQvrR2ZGn10srHbXviTlcv7Kpzw8jWiNTqbVgjO3IY8RxrrOUF8VPMQQFysYYYv0YZxw==}
+    engines: {node: '>=6'}
+
+  prompts@2.4.2:
+    resolution: {integrity: sha512-NxNv/kLguCA7p3jE8oL2aEBsrJWgAakBpgmgK6lpPWV+WuOmY6r2/zbAVnP+T8bQlA0nzHXSJSJW0Hq7ylaD2Q==}
+    engines: {node: '>= 6'}
+
+  property-information@7.1.0:
+    resolution: {integrity: sha512-TwEZ+X+yCJmYfL7TPUOcvBZ4QfoT5YenQiJuX//0th53DE6w0xxLEtfK3iyryQFddXuvkIk51EEgrJQ0WJkOmQ==}
+
+  radix3@1.1.2:
+    resolution: {integrity: sha512-b484I/7b8rDEdSDKckSSBA8knMpcdsXudlE/LNL639wFoHKwLbEkQFZHWEYwDC0wa0FKUcCY+GAF73Z7wxNVFA==}
+
+  react-dom@19.2.0:
+    resolution: {integrity: sha512-UlbRu4cAiGaIewkPyiRGJk0imDN2T3JjieT6spoL2UeSf5od4n5LB/mQ4ejmxhCFT1tYe8IvaFulzynWovsEFQ==}
+    peerDependencies:
+      react: ^19.2.0
+
+  react-refresh@0.17.0:
+    resolution: {integrity: sha512-z6F7K9bV85EfseRCp2bzrpyQ0Gkw1uLoCel9XBVWPg/TjRj94SkJzUTGfOa4bs7iJvBWtQG0Wq7wnI0syw3EBQ==}
+    engines: {node: '>=0.10.0'}
+
+  react@19.2.0:
+    resolution: {integrity: sha512-tmbWg6W31tQLeB5cdIBOicJDJRR2KzXsV7uSK9iNfLWQ5bIZfxuPEHp7M8wiHyHnn0DD1i7w3Zmin0FtkrwoCQ==}
+    engines: {node: '>=0.10.0'}
+
+  readdirp@4.1.2:
+    resolution: {integrity: sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg==}
+    engines: {node: '>= 14.18.0'}
+
+  readdirp@5.0.0:
+    resolution: {integrity: sha512-9u/XQ1pvrQtYyMpZe7DXKv2p5CNvyVwzUB6uhLAnQwHMSgKMBR62lc7AHljaeteeHXn11XTAaLLUVZYVZyuRBQ==}
+    engines: {node: '>= 20.19.0'}
+
+  recma-build-jsx@1.0.0:
+    resolution: {integrity: sha512-8GtdyqaBcDfva+GUKDr3nev3VpKAhup1+RvkMvUxURHpW7QyIvk9F5wz7Vzo06CEMSilw6uArgRqhpiUcWp8ew==}
+
+  recma-jsx@1.0.1:
+    resolution: {integrity: sha512-huSIy7VU2Z5OLv6oFLosQGGDqPqdO1iq6bWNAdhzMxSJP7RAso4fCZ1cKu8j9YHCZf3TPrq4dw3okhrylgcd7w==}
+    peerDependencies:
+      acorn: ^6.0.0 || ^7.0.0 || ^8.0.0
+
+  recma-parse@1.0.0:
+    resolution: {integrity: sha512-OYLsIGBB5Y5wjnSnQW6t3Xg7q3fQ7FWbw/vcXtORTnyaSFscOtABg+7Pnz6YZ6c27fG1/aN8CjfwoUEUIdwqWQ==}
+
+  recma-stringify@1.0.0:
+    resolution: {integrity: sha512-cjwII1MdIIVloKvC9ErQ+OgAtwHBmcZ0Bg4ciz78FtbT8In39aAYbaA7zvxQ61xVMSPE8WxhLwLbhif4Js2C+g==}
+
+  regex-recursion@6.0.2:
+    resolution: {integrity: sha512-0YCaSCq2VRIebiaUviZNs0cBz1kg5kVS2UKUfNIx8YVs1cN3AV7NTctO5FOKBA+UT2BPJIWZauYHPqJODG50cg==}
+
+  regex-utilities@2.3.0:
+    resolution: {integrity: sha512-8VhliFJAWRaUiVvREIiW2NXXTmHs4vMNnSzuJVhscgmGav3g9VDxLrQndI3dZZVVdp0ZO/5v0xmX516/7M9cng==}
+
+  regex@6.1.0:
+    resolution: {integrity: sha512-6VwtthbV4o/7+OaAF9I5L5V3llLEsoPyq9P1JVXkedTP33c7MfCG0/5NOPcSJn0TzXcG9YUrR0gQSWioew3LDg==}
+
+  rehype-parse@9.0.1:
+    resolution: {integrity: sha512-ksCzCD0Fgfh7trPDxr2rSylbwq9iYDkSn8TCDmEJ49ljEUBxDVCzCHv7QNzZOfODanX4+bWQ4WZqLCRWYLfhag==}
+
+  rehype-raw@7.0.0:
+    resolution: {integrity: sha512-/aE8hCfKlQeA8LmyeyQvQF3eBiLRGNlfBJEvWH7ivp9sBqs7TNqBL5X3v157rM4IFETqDnIOO+z5M/biZbo9Ww==}
+
+  rehype-recma@1.0.0:
+    resolution: {integrity: sha512-lqA4rGUf1JmacCNWWZx0Wv1dHqMwxzsDWYMTowuplHF3xH0N/MmrZ/G3BDZnzAkRmxDadujCjaKM2hqYdCBOGw==}
+
+  rehype-stringify@10.0.1:
+    resolution: {integrity: sha512-k9ecfXHmIPuFVI61B9DeLPN0qFHfawM6RsuX48hoqlaKSF61RskNjSm1lI8PhBEM0MRdLxVVm4WmTqJQccH9mA==}
+
+  rehype@13.0.2:
+    resolution: {integrity: sha512-j31mdaRFrwFRUIlxGeuPXXKWQxet52RBQRvCmzl5eCefn/KGbomK5GMHNMsOJf55fgo3qw5tST5neDuarDYR2A==}
+
+  remark-gfm@4.0.1:
+    resolution: {integrity: sha512-1quofZ2RQ9EWdeN34S79+KExV1764+wCUGop5CPL1WGdD0ocPpu91lzPGbwWMECpEpd42kJGQwzRfyov9j4yNg==}
+
+  remark-mdx@3.1.1:
+    resolution: {integrity: sha512-Pjj2IYlUY3+D8x00UJsIOg5BEvfMyeI+2uLPn9VO9Wg4MEtN/VTIq2NEJQfde9PnX15KgtHyl9S0BcTnWrIuWg==}
+
+  remark-parse@11.0.0:
+    resolution: {integrity: sha512-FCxlKLNGknS5ba/1lmpYijMUzX2esxW5xQqjWxw2eHFfS2MSdaHVINFmhjo+qN1WhZhNimq0dZATN9pH0IDrpA==}
+
+  remark-rehype@11.1.2:
+    resolution: {integrity: sha512-Dh7l57ianaEoIpzbp0PC9UKAdCSVklD8E5Rpw7ETfbTl3FqcOOgq5q2LVDhgGCkaBv7p24JXikPdvhhmHvKMsw==}
+
+  remark-smartypants@3.0.2:
+    resolution: {integrity: sha512-ILTWeOriIluwEvPjv67v7Blgrcx+LZOkAUVtKI3putuhlZm84FnqDORNXPPm+HY3NdZOMhyDwZ1E+eZB/Df5dA==}
+    engines: {node: '>=16.0.0'}
+
+  remark-stringify@11.0.0:
+    resolution: {integrity: sha512-1OSmLd3awB/t8qdoEOMazZkNsfVTeY4fTsgzcQFdXNq8ToTN4ZGwrMnlda4K6smTFKD+GRV6O48i6Z4iKgPPpw==}
+
+  request-light@0.5.8:
+    resolution: {integrity: sha512-3Zjgh+8b5fhRJBQZoy+zbVKpAQGLyka0MPgW3zruTF4dFFJ8Fqcfu9YsAvi/rvdcaTeWG3MkbZv4WKxAn/84Lg==}
+
+  request-light@0.7.0:
+    resolution: {integrity: sha512-lMbBMrDoxgsyO+yB3sDcrDuX85yYt7sS8BfQd11jtbW/z5ZWgLZRcEGLsLoYw7I0WSUGQBs8CC8ScIxkTX1+6Q==}
+
+  require-directory@2.1.1:
+    resolution: {integrity: sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==}
+    engines: {node: '>=0.10.0'}
+
+  require-from-string@2.0.2:
+    resolution: {integrity: sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw==}
+    engines: {node: '>=0.10.0'}
+
+  retext-latin@4.0.0:
+    resolution: {integrity: sha512-hv9woG7Fy0M9IlRQloq/N6atV82NxLGveq+3H2WOi79dtIYWN8OaxogDm77f8YnVXJL2VD3bbqowu5E3EMhBYA==}
+
+  retext-smartypants@6.2.0:
+    resolution: {integrity: sha512-kk0jOU7+zGv//kfjXEBjdIryL1Acl4i9XNkHxtM7Tm5lFiCog576fjNC9hjoR7LTKQ0DsPWy09JummSsH1uqfQ==}
+
+  retext-stringify@4.0.0:
+    resolution: {integrity: sha512-rtfN/0o8kL1e+78+uxPTqu1Klt0yPzKuQ2BfWwwfgIUSayyzxpM1PJzkKt4V8803uB9qSy32MvI7Xep9khTpiA==}
+
+  retext@9.0.0:
+    resolution: {integrity: sha512-sbMDcpHCNjvlheSgMfEcVrZko3cDzdbe1x/e7G66dFp0Ff7Mldvi2uv6JkJQzdRcvLYE8CA8Oe8siQx8ZOgTcA==}
+
+  rollup@4.60.3:
+    resolution: {integrity: sha512-pAQK9HalE84QSm4Po3EmWIZPd3FnjkShVkiMlz1iligWYkWQ7wHYd1PF/T7QZ5TVSD6uSTon5gBVMSM4JfBV+A==}
+    engines: {node: '>=18.0.0', npm: '>=8.0.0'}
+    hasBin: true
+
+  sax@1.6.0:
+    resolution: {integrity: sha512-6R3J5M4AcbtLUdZmRv2SygeVaM7IhrLXu9BmnOGmmACak8fiUtOsYNWUS4uK7upbmHIBbLBeFeI//477BKLBzA==}
+    engines: {node: '>=11.0.0'}
+
+  scheduler@0.27.0:
+    resolution: {integrity: sha512-eNv+WrVbKu1f3vbYJT/xtiF5syA5HPIMtf9IgY/nKg0sWqzAUEvqY/xm7OcZc/qafLx/iO9FgOmeSAp4v5ti/Q==}
+
+  semver@6.3.1:
+    resolution: {integrity: sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==}
+    hasBin: true
+
+  semver@7.8.0:
+    resolution: {integrity: sha512-AcM7dV/5ul4EekoQ29Agm5vri8JNqRyj39o0qpX6vDF2GZrtutZl5RwgD1XnZjiTAfncsJhMI48QQH3sN87YNA==}
+    engines: {node: '>=10'}
+    hasBin: true
+
+  sharp@0.34.5:
+    resolution: {integrity: sha512-Ou9I5Ft9WNcCbXrU9cMgPBcCK8LiwLqcbywW3t4oDV37n1pzpuNLsYiAV8eODnjbtQlSDwZ2cUEeQz4E54Hltg==}
+    engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
+
+  shiki@3.23.0:
+    resolution: {integrity: sha512-55Dj73uq9ZXL5zyeRPzHQsK7Nbyt6Y10k5s7OjuFZGMhpp4r/rsLBH0o/0fstIzX1Lep9VxefWljK/SKCzygIA==}
+
+  sisteransi@1.0.5:
+    resolution: {integrity: sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==}
+
+  sitemap@8.0.3:
+    resolution: {integrity: sha512-9Ew1tR2WYw8RGE2XLy7GjkusvYXy8Rg6y8TYuBuQMfIEdGcWoJpY2Wr5DzsEiL/TKCw56+YKTCCUHglorEYK+A==}
+    engines: {node: '>=14.0.0', npm: '>=6.0.0'}
+    hasBin: true
+
+  smol-toml@1.6.1:
+    resolution: {integrity: sha512-dWUG8F5sIIARXih1DTaQAX4SsiTXhInKf1buxdY9DIg4ZYPZK5nGM1VRIYmEbDbsHt7USo99xSLFu5Q1IqTmsg==}
+    engines: {node: '>= 18'}
+
+  source-map-js@1.2.1:
+    resolution: {integrity: sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==}
+    engines: {node: '>=0.10.0'}
+
+  source-map@0.7.6:
+    resolution: {integrity: sha512-i5uvt8C3ikiWeNZSVZNWcfZPItFQOsYTUAOkcUPGd8DqDy1uOUikjt5dG+uRlwyvR108Fb9DOd4GvXfT0N2/uQ==}
+    engines: {node: '>= 12'}
+
+  space-separated-tokens@2.0.2:
+    resolution: {integrity: sha512-PEGlAwrG8yXGXRjW32fGbg66JAlOAwbObuqVoJpv/mRgoWDQfgH1wDPvtzWyUSNAXBGSk8h755YDbbcEy3SH2Q==}
+
+  stream-replace-string@2.0.0:
+    resolution: {integrity: sha512-TlnjJ1C0QrmxRNrON00JvaFFlNh5TTG00APw23j74ET7gkQpTASi6/L2fuiav8pzK715HXtUeClpBTw2NPSn6w==}
+
+  string-width@4.2.3:
+    resolution: {integrity: sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==}
+    engines: {node: '>=8'}
+
+  string-width@7.2.0:
+    resolution: {integrity: sha512-tsaTIkKW9b4N+AEj+SVA+WhJzV7/zMhcSu78mLKWSk7cXMOSHsBKFWUs0fWwq8QyK3MgJBQRX6Gbi4kYbdvGkQ==}
+    engines: {node: '>=18'}
+
+  stringify-entities@4.0.4:
+    resolution: {integrity: sha512-IwfBptatlO+QCJUo19AqvrPNqlVMpW9YEL2LIVY+Rpv2qsjCGxaDLNRgeGsQWJhfItebuJhsGSLjaBbNSQ+ieg==}
+
+  strip-ansi@6.0.1:
+    resolution: {integrity: sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==}
+    engines: {node: '>=8'}
+
+  strip-ansi@7.2.0:
+    resolution: {integrity: sha512-yDPMNjp4WyfYBkHnjIRLfca1i6KMyGCtsVgoKe/z1+6vukgaENdgGBZt+ZmKPc4gavvEZ5OgHfHdrazhgNyG7w==}
+    engines: {node: '>=12'}
+
+  style-to-js@1.1.21:
+    resolution: {integrity: sha512-RjQetxJrrUJLQPHbLku6U/ocGtzyjbJMP9lCNK7Ag0CNh690nSH8woqWH9u16nMjYBAok+i7JO1NP2pOy8IsPQ==}
+
+  style-to-object@1.0.14:
+    resolution: {integrity: sha512-LIN7rULI0jBscWQYaSswptyderlarFkjQ+t79nzty8tcIAceVomEVlLzH5VP4Cmsv6MtKhs7qaAiwlcp+Mgaxw==}
+
+  svgo@3.3.2:
+    resolution: {integrity: sha512-OoohrmuUlBs8B8o6MB2Aevn+pRIH9zDALSR+6hhqVfa6fRwG/Qw9VUMSMW9VNg2CFc/MTIfabtdOVl9ODIJjpw==}
+    engines: {node: '>=14.0.0'}
+    hasBin: true
+
+  svgo@4.0.1:
+    resolution: {integrity: sha512-XDpWUOPC6FEibaLzjfe0ucaV0YrOjYotGJO1WpF0Zd+n6ZGEQUsSugaoLq9QkEZtAfQIxT42UChcssDVPP3+/w==}
+    engines: {node: '>=16'}
+    hasBin: true
+
+  tailwind-merge@3.3.1:
+    resolution: {integrity: sha512-gBXpgUm/3rp1lMZZrM/w7D8GKqshif0zAymAhbCyIt8KMe+0v9DQ7cdYLR4FHH/cKpdTXb+A/tKKU3eolfsI+g==}
+
+  tailwindcss@4.1.14:
+    resolution: {integrity: sha512-b7pCxjGO98LnxVkKjaZSDeNuljC4ueKUddjENJOADtubtdo8llTaJy7HwBMeLNSSo2N5QIAgklslK1+Ir8r6CA==}
+
+  tapable@2.3.3:
+    resolution: {integrity: sha512-uxc/zpqFg6x7C8vOE7lh6Lbda8eEL9zmVm/PLeTPBRhh1xCgdWaQ+J1CUieGpIfm2HdtsUpRv+HshiasBMcc6A==}
+    engines: {node: '>=6'}
+
+  tar@7.5.15:
+    resolution: {integrity: sha512-dzGK0boVlC4W5QFuQN1EFSl3bIDYsk7Tj40U6eIBnK2k/8ml7TZ5agbI5j5+qnoVcAA+rNtBml8SEiLxZpNqRQ==}
+    engines: {node: '>=18'}
+
+  tiny-inflate@1.0.3:
+    resolution: {integrity: sha512-pkY1fj1cKHb2seWDy0B16HeWyczlJA9/WW3u3c4z/NiWDsO3DOU5D7nhTLE9CF0yXv/QZFY7sEJmj24dK+Rrqw==}
+
+  tinyexec@1.1.2:
+    resolution: {integrity: sha512-dAqSqE/RabpBKI8+h26GfLq6Vb3JVXs30XYQjdMjaj/c2tS8IYYMbIzP599KtRj7c57/wYApb3QjgRgXmrCukA==}
+    engines: {node: '>=18'}
+
+  tinyglobby@0.2.16:
+    resolution: {integrity: sha512-pn99VhoACYR8nFHhxqix+uvsbXineAasWm5ojXoN8xEwK5Kd3/TrhNn1wByuD52UxWRLy8pu+kRMniEi6Eq9Zg==}
+    engines: {node: '>=12.0.0'}
+
+  trim-lines@3.0.1:
+    resolution: {integrity: sha512-kRj8B+YHZCc9kQYdWfJB2/oUl9rA99qbowYYBtr4ui4mZyAQ2JpvVBd/6U2YloATfqBhBTSMhTpgBHtU0Mf3Rg==}
+
+  trough@2.2.0:
+    resolution: {integrity: sha512-tmMpK00BjZiUyVyvrBK7knerNgmgvcV/KLVyuma/SC+TQN167GrMRciANTz09+k3zW8L8t60jWO1GpfkZdjTaw==}
+
+  tsconfck@3.1.6:
+    resolution: {integrity: sha512-ks6Vjr/jEw0P1gmOVwutM3B7fWxoWBL2KRDb1JfqGVawBmO5UsvmWOQFGHBPl5yxYz4eERr19E6L7NMv+Fej4w==}
+    engines: {node: ^18 || >=20}
+    deprecated: unmaintained
+    hasBin: true
+    peerDependencies:
+      typescript: ^5.0.0
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  tslib@2.8.1:
+    resolution: {integrity: sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==}
+
+  type-fest@4.41.0:
+    resolution: {integrity: sha512-TeTSQ6H5YHvpqVwBRcnLDCBnDOHWYu7IvGbHT6N8AOymcr9PJGjc1GTtiWZTYg0NCgYwvnYWEkVChQAr9bjfwA==}
+    engines: {node: '>=16'}
+
+  typesafe-path@0.2.2:
+    resolution: {integrity: sha512-OJabfkAg1WLZSqJAJ0Z6Sdt3utnbzr/jh+NAHoyWHJe8CMSy79Gm085094M9nvTPy22KzTVn5Zq5mbapCI/hPA==}
+
+  typescript-auto-import-cache@0.3.6:
+    resolution: {integrity: sha512-RpuHXrknHdVdK7wv/8ug3Fr0WNsNi5l5aB8MYYuXhq2UH5lnEB1htJ1smhtD5VeCsGr2p8mUDtd83LCQDFVgjQ==}
+
+  typescript@5.9.3:
+    resolution: {integrity: sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==}
+    engines: {node: '>=14.17'}
+    hasBin: true
+
+  ufo@1.6.4:
+    resolution: {integrity: sha512-JFNbkD1Svwe0KvGi8GOeLcP4kAWQ609twvCdcHxq1oSL8svv39ZuSvajcD8B+5D0eL4+s1Is2D/O6KN3qcTeRA==}
+
+  ultrahtml@1.6.0:
+    resolution: {integrity: sha512-R9fBn90VTJrqqLDwyMph+HGne8eqY1iPfYhPzZrvKpIfwkWZbcYlfpsb8B9dTvBfpy1/hqAD7Wi8EKfP9e8zdw==}
+
+  uncrypto@0.1.3:
+    resolution: {integrity: sha512-Ql87qFHB3s/De2ClA9e0gsnS6zXG27SkTiSJwjCc9MebbfapQfuPzumMIUMi38ezPZVNFcHI9sUIepeQfw8J8Q==}
+
+  undici-types@7.14.0:
+    resolution: {integrity: sha512-QQiYxHuyZ9gQUIrmPo3IA+hUl4KYk8uSA7cHrcKd/l3p1OTpZcM0Tbp9x7FAtXdAYhlasd60ncPpgu6ihG6TOA==}
+
+  unified@11.0.5:
+    resolution: {integrity: sha512-xKvGhPWw3k84Qjh8bI3ZeJjqnyadK+GEFtazSfZv/rKeTkTjOJho6mFqh2SM96iIcZokxiOpg78GazTSg8+KHA==}
+
+  unifont@0.7.4:
+    resolution: {integrity: sha512-oHeis4/xl42HUIeHuNZRGEvxj5AaIKR+bHPNegRq5LV1gdc3jundpONbjglKpihmJf+dswygdMJn3eftGIMemg==}
+
+  unist-util-find-after@5.0.0:
+    resolution: {integrity: sha512-amQa0Ep2m6hE2g72AugUItjbuM8X8cGQnFoHk0pGfrFeT9GZhzN5SW8nRsiGKK7Aif4CrACPENkA6P/Lw6fHGQ==}
+
+  unist-util-is@6.0.1:
+    resolution: {integrity: sha512-LsiILbtBETkDz8I9p1dQ0uyRUWuaQzd/cuEeS1hoRSyW5E5XGmTzlwY1OrNzzakGowI9Dr/I8HVaw4hTtnxy8g==}
+
+  unist-util-modify-children@4.0.0:
+    resolution: {integrity: sha512-+tdN5fGNddvsQdIzUF3Xx82CU9sMM+fA0dLgR9vOmT0oPT2jH+P1nd5lSqfCfXAw+93NhcXNY2qqvTUtE4cQkw==}
+
+  unist-util-position-from-estree@2.0.0:
+    resolution: {integrity: sha512-KaFVRjoqLyF6YXCbVLNad/eS4+OfPQQn2yOd7zF/h5T/CSL2v8NpN6a5TPvtbXthAGw5nG+PuTtq+DdIZr+cRQ==}
+
+  unist-util-position@5.0.0:
+    resolution: {integrity: sha512-fucsC7HjXvkB5R3kTCO7kUjRdrS0BJt3M/FPxmHMBOm8JQi2BsHAHFsy27E0EolP8rp0NzXsJ+jNPyDWvOJZPA==}
+
+  unist-util-remove-position@5.0.0:
+    resolution: {integrity: sha512-Hp5Kh3wLxv0PHj9m2yZhhLt58KzPtEYKQQ4yxfYFEO7EvHwzyDYnduhHnY1mDxoqr7VUwVuHXk9RXKIiYS1N8Q==}
+
+  unist-util-stringify-position@4.0.0:
+    resolution: {integrity: sha512-0ASV06AAoKCDkS2+xw5RXJywruurpbC4JZSm7nr7MOt1ojAzvyyaO+UxZf18j8FCF6kmzCZKcAgN/yu2gm2XgQ==}
+
+  unist-util-visit-children@3.0.0:
+    resolution: {integrity: sha512-RgmdTfSBOg04sdPcpTSD1jzoNBjt9a80/ZCzp5cI9n1qPzLZWF9YdvWGN2zmTumP1HWhXKdUWexjy/Wy/lJ7tA==}
+
+  unist-util-visit-parents@6.0.2:
+    resolution: {integrity: sha512-goh1s1TBrqSqukSc8wrjwWhL0hiJxgA8m4kFxGlQ+8FYQ3C/m11FcTs4YYem7V664AhHVvgoQLk890Ssdsr2IQ==}
+
+  unist-util-visit@5.1.0:
+    resolution: {integrity: sha512-m+vIdyeCOpdr/QeQCu2EzxX/ohgS8KbnPDgFni4dQsfSCtpz8UqDyY5GjRru8PDKuYn7Fq19j1CQ+nJSsGKOzg==}
+
+  unstorage@1.17.5:
+    resolution: {integrity: sha512-0i3iqvRfx29hkNntHyQvJTpf5W9dQ9ZadSoRU8+xVlhVtT7jAX57fazYO9EHvcRCfBCyi5YRya7XCDOsbTgkPg==}
+    peerDependencies:
+      '@azure/app-configuration': ^1.8.0
+      '@azure/cosmos': ^4.2.0
+      '@azure/data-tables': ^13.3.0
+      '@azure/identity': ^4.6.0
+      '@azure/keyvault-secrets': ^4.9.0
+      '@azure/storage-blob': ^12.26.0
+      '@capacitor/preferences': ^6 || ^7 || ^8
+      '@deno/kv': '>=0.9.0'
+      '@netlify/blobs': ^6.5.0 || ^7.0.0 || ^8.1.0 || ^9.0.0 || ^10.0.0
+      '@planetscale/database': ^1.19.0
+      '@upstash/redis': ^1.34.3
+      '@vercel/blob': '>=0.27.1'
+      '@vercel/functions': ^2.2.12 || ^3.0.0
+      '@vercel/kv': ^1 || ^2 || ^3
+      aws4fetch: ^1.0.20
+      db0: '>=0.2.1'
+      idb-keyval: ^6.2.1
+      ioredis: ^5.4.2
+      uploadthing: ^7.4.4
+    peerDependenciesMeta:
+      '@azure/app-configuration':
+        optional: true
+      '@azure/cosmos':
+        optional: true
+      '@azure/data-tables':
+        optional: true
+      '@azure/identity':
+        optional: true
+      '@azure/keyvault-secrets':
+        optional: true
+      '@azure/storage-blob':
+        optional: true
+      '@capacitor/preferences':
+        optional: true
+      '@deno/kv':
+        optional: true
+      '@netlify/blobs':
+        optional: true
+      '@planetscale/database':
+        optional: true
+      '@upstash/redis':
+        optional: true
+      '@vercel/blob':
+        optional: true
+      '@vercel/functions':
+        optional: true
+      '@vercel/kv':
+        optional: true
+      aws4fetch:
+        optional: true
+      db0:
+        optional: true
+      idb-keyval:
+        optional: true
+      ioredis:
+        optional: true
+      uploadthing:
+        optional: true
+
+  update-browserslist-db@1.2.3:
+    resolution: {integrity: sha512-Js0m9cx+qOgDxo0eMiFGEueWztz+d4+M3rGlmKPT+T4IS/jP4ylw3Nwpu6cpTTP8R1MAC1kF4VbdLt3ARf209w==}
+    hasBin: true
+    peerDependencies:
+      browserslist: '>= 4.21.0'
+
+  util-deprecate@1.0.2:
+    resolution: {integrity: sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==}
+
+  vfile-location@5.0.3:
+    resolution: {integrity: sha512-5yXvWDEgqeiYiBe1lbxYF7UMAIm/IcopxMHrMQDq3nvKcjPKIhZklUKL+AE7J7uApI4kwe2snsK+eI6UTj9EHg==}
+
+  vfile-message@4.0.3:
+    resolution: {integrity: sha512-QTHzsGd1EhbZs4AsQ20JX1rC3cOlt/IWJruk893DfLRr57lcnOeMaWG4K0JrRta4mIJZKth2Au3mM3u03/JWKw==}
+
+  vfile@6.0.3:
+    resolution: {integrity: sha512-KzIbH/9tXat2u30jf+smMwFCsno4wHVdNmzFyL+T/L3UGqqk6JKfVqOFOZEpZSHADH1k40ab6NUIXZq422ov3Q==}
+
+  vite@6.4.2:
+    resolution: {integrity: sha512-2N/55r4JDJ4gdrCvGgINMy+HH3iRpNIz8K6SFwVsA+JbQScLiC+clmAxBgwiSPgcG9U15QmvqCGWzMbqda5zGQ==}
+    engines: {node: ^18.0.0 || ^20.0.0 || >=22.0.0}
+    hasBin: true
+    peerDependencies:
+      '@types/node': ^18.0.0 || ^20.0.0 || >=22.0.0
+      jiti: '>=1.21.0'
+      less: '*'
+      lightningcss: ^1.21.0
+      sass: '*'
+      sass-embedded: '*'
+      stylus: '*'
+      sugarss: '*'
+      terser: ^5.16.0
+      tsx: ^4.8.1
+      yaml: ^2.4.2
+    peerDependenciesMeta:
+      '@types/node':
+        optional: true
+      jiti:
+        optional: true
+      less:
+        optional: true
+      lightningcss:
+        optional: true
+      sass:
+        optional: true
+      sass-embedded:
+        optional: true
+      stylus:
+        optional: true
+      sugarss:
+        optional: true
+      terser:
+        optional: true
+      tsx:
+        optional: true
+      yaml:
+        optional: true
+
+  vitefu@1.1.3:
+    resolution: {integrity: sha512-ub4okH7Z5KLjb6hDyjqrGXqWtWvoYdU3IGm/NorpgHncKoLTCfRIbvlhBm7r0YstIaQRYlp4yEbFqDcKSzXSSg==}
+    peerDependencies:
+      vite: ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0
+    peerDependenciesMeta:
+      vite:
+        optional: true
+
+  volar-service-css@0.0.70:
+    resolution: {integrity: sha512-K1qyOvBpE3rzdAv3e4/6Rv5yizrYPy5R/ne3IWCAzLBuMO4qBMV3kSqWzj6KUVe6S0AnN6wxF7cRkiaKfYMYJw==}
+    peerDependencies:
+      '@volar/language-service': ~2.4.0
+    peerDependenciesMeta:
+      '@volar/language-service':
+        optional: true
+
+  volar-service-emmet@0.0.70:
+    resolution: {integrity: sha512-xi5bC4m/VyE3zy/n2CXspKeDZs3qA41tHLTw275/7dNWM/RqE2z3BnDICQybHIVp/6G1iOQj5c1qXMgQC08TNg==}
+    peerDependencies:
+      '@volar/language-service': ~2.4.0
+    peerDependenciesMeta:
+      '@volar/language-service':
+        optional: true
+
+  volar-service-html@0.0.70:
+    resolution: {integrity: sha512-eR6vCgMdmYAo4n+gcT7DSyBQbwB8S3HZZvSagTf0sxNaD4WppMCFfpqWnkrlGStPKMZvMiejRRVmqsX9dYcTvQ==}
+    peerDependencies:
+      '@volar/language-service': ~2.4.0
+    peerDependenciesMeta:
+      '@volar/language-service':
+        optional: true
+
+  volar-service-prettier@0.0.70:
+    resolution: {integrity: sha512-Z6BCFSpGVCd8BPAsZ785Kce1BGlWd5ODqmqZGVuB14MJvrR4+CYz6cDy4F+igmE1gMifqfvMhdgT8Aud4M5ngg==}
+    peerDependencies:
+      '@volar/language-service': ~2.4.0
+      prettier: ^2.2 || ^3.0
+    peerDependenciesMeta:
+      '@volar/language-service':
+        optional: true
+      prettier:
+        optional: true
+
+  volar-service-typescript-twoslash-queries@0.0.70:
+    resolution: {integrity: sha512-IdD13Z9N2Bu8EM6CM0fDV1E69olEYGHDU25X51YXmq8Y0CmJ2LNj6gOiBJgpS5JGUqFzECVhMNBW7R0sPdRTMQ==}
+    peerDependencies:
+      '@volar/language-service': ~2.4.0
+    peerDependenciesMeta:
+      '@volar/language-service':
+        optional: true
+
+  volar-service-typescript@0.0.70:
+    resolution: {integrity: sha512-l46Bx4cokkUedTd74ojO5H/zqHZJ8SUuyZ0IB8JN4jfRqUM3bQFBHoOwlZCyZmOeO0A3RQNkMnFclxO4c++gsg==}
+    peerDependencies:
+      '@volar/language-service': ~2.4.0
+    peerDependenciesMeta:
+      '@volar/language-service':
+        optional: true
+
+  volar-service-yaml@0.0.70:
+    resolution: {integrity: sha512-0c8bXDBeoATF9F6iPIlOuYTuZAC4c+yi0siQo920u7eiBJk8oQmUmg9cDUbR4+Gl++bvGP4plj3fErbJuPqdcQ==}
+    peerDependencies:
+      '@volar/language-service': ~2.4.0
+    peerDependenciesMeta:
+      '@volar/language-service':
+        optional: true
+
+  vscode-css-languageservice@6.3.10:
+    resolution: {integrity: sha512-eq5N9Er3fC4vA9zd9EFhyBG90wtCCuXgRSpAndaOgXMh1Wgep5lBgRIeDgjZBW9pa+332yC9+49cZMW8jcL3MA==}
+
+  vscode-html-languageservice@5.6.2:
+    resolution: {integrity: sha512-ulCrSnFnfQ16YzvwnYUgEbUEl/ZG7u2eV27YhvLObSHKkb8fw1Z9cgsnUwjTEeDIdJDoTDTDpxuhQwoenoLNMg==}
+
+  vscode-json-languageservice@4.1.8:
+    resolution: {integrity: sha512-0vSpg6Xd9hfV+eZAaYN63xVVMOTmJ4GgHxXnkLCh+9RsQBkWKIghzLhW2B9ebfG+LQQg8uLtsQ2aUKjTgE+QOg==}
+    engines: {npm: '>=7.0.0'}
+
+  vscode-jsonrpc@8.2.0:
+    resolution: {integrity: sha512-C+r0eKJUIfiDIfwJhria30+TYWPtuHJXHtI7J0YlOmKAo7ogxP20T0zxB7HZQIFhIyvoBPwWskjxrvAtfjyZfA==}
+    engines: {node: '>=14.0.0'}
+
+  vscode-languageserver-protocol@3.17.5:
+    resolution: {integrity: sha512-mb1bvRJN8SVznADSGWM9u/b07H7Ecg0I3OgXDuLdn307rl/J3A9YD6/eYOssqhecL27hK1IPZAsaqh00i/Jljg==}
+
+  vscode-languageserver-textdocument@1.0.12:
+    resolution: {integrity: sha512-cxWNPesCnQCcMPeenjKKsOCKQZ/L6Tv19DTRIGuLWe32lyzWhihGVJ/rcckZXJxfdKCFvRLS3fpBIsV/ZGX4zA==}
+
+  vscode-languageserver-types@3.17.5:
+    resolution: {integrity: sha512-Ld1VelNuX9pdF39h2Hgaeb5hEZM2Z3jUrrMgWQAu82jMtZp7p3vJT3BzToKtZI7NgQssZje5o0zryOrhQvzQAg==}
+
+  vscode-languageserver@9.0.1:
+    resolution: {integrity: sha512-woByF3PDpkHFUreUa7Hos7+pUWdeWMXRd26+ZX2A8cFx6v/JPTtd4/uN0/jB6XQHYaOlHbio03NTHCqrgG5n7g==}
+    hasBin: true
+
+  vscode-nls@5.2.0:
+    resolution: {integrity: sha512-RAaHx7B14ZU04EU31pT+rKz2/zSl7xMsfIZuo8pd+KZO6PXtQmpevpq3vxvWNcrGbdmhM/rr5Uw5Mz+NBfhVng==}
+
+  vscode-uri@3.1.0:
+    resolution: {integrity: sha512-/BpdSx+yCQGnCvecbyXdxHDkuk55/G3xwnC0GqY4gmQ3j+A+g8kzzgB4Nk/SINjqn6+waqw3EgbVF2QKExkRxQ==}
+
+  web-namespaces@2.0.1:
+    resolution: {integrity: sha512-bKr1DkiNa2krS7qxNtdrtHAmzuYGFQLiQ13TsorsdT6ULTkPLKuu5+GsFpDlg6JFjUTwX2DyhMPG2be8uPrqsQ==}
+
+  which-pm-runs@1.1.0:
+    resolution: {integrity: sha512-n1brCuqClxfFfq/Rb0ICg9giSZqCS+pLtccdag6C2HyufBrh3fBOiy9nb6ggRMvWOVH5GrdJskj5iGTZNxd7SA==}
+    engines: {node: '>=4'}
+
+  widest-line@5.0.0:
+    resolution: {integrity: sha512-c9bZp7b5YtRj2wOe6dlj32MK+Bx/M/d+9VB2SHM1OtsUHR0aV0tdP6DWh/iMt0kWi1t5g1Iudu6hQRNd1A4PVA==}
+    engines: {node: '>=18'}
+
+  wrap-ansi@7.0.0:
+    resolution: {integrity: sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==}
+    engines: {node: '>=10'}
+
+  wrap-ansi@9.0.2:
+    resolution: {integrity: sha512-42AtmgqjV+X1VpdOfyTGOYRi0/zsoLqtXQckTmqTeybT+BDIbM/Guxo7x3pE2vtpr1ok6xRqM9OpBe+Jyoqyww==}
+    engines: {node: '>=18'}
+
+  xxhash-wasm@1.1.0:
+    resolution: {integrity: sha512-147y/6YNh+tlp6nd/2pWq38i9h6mz/EuQ6njIrmW8D1BS5nCqs0P6DG+m6zTGnNz5I+uhZ0SHxBs9BsPrwcKDA==}
+
+  y18n@5.0.8:
+    resolution: {integrity: sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==}
+    engines: {node: '>=10'}
+
+  yallist@3.1.1:
+    resolution: {integrity: sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==}
+
+  yallist@5.0.0:
+    resolution: {integrity: sha512-YgvUTfwqyc7UXVMrB+SImsVYSmTS8X/tSrtdNZMImM+n7+QTriRXyXim0mBrTXNeqzVF0KWGgHPeiyViFFrNDw==}
+    engines: {node: '>=18'}
+
+  yaml-language-server@1.20.0:
+    resolution: {integrity: sha512-qhjK/bzSRZ6HtTvgeFvjNPJGWdZ0+x5NREV/9XZWFjIGezew2b4r5JPy66IfOhd5OA7KeFwk1JfmEbnTvev0cA==}
+    hasBin: true
+
+  yaml@2.7.1:
+    resolution: {integrity: sha512-10ULxpnOCQXxJvBgxsn9ptjq6uviG/htZKk9veJGhlqn3w/DxQ631zFF+nlQXLwmImeS5amR2dl2U8sg6U9jsQ==}
+    engines: {node: '>= 14'}
+    hasBin: true
+
+  yaml@2.9.0:
+    resolution: {integrity: sha512-2AvhNX3mb8zd6Zy7INTtSpl1F15HW6Wnqj0srWlkKLcpYl/gMIMJiyuGq2KeI2YFxUPjdlB+3Lc10seMLtL4cA==}
+    engines: {node: '>= 14.6'}
+    hasBin: true
+
+  yargs-parser@21.1.1:
+    resolution: {integrity: sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==}
+    engines: {node: '>=12'}
+
+  yargs@17.7.2:
+    resolution: {integrity: sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==}
+    engines: {node: '>=12'}
+
+  yocto-queue@1.2.2:
+    resolution: {integrity: sha512-4LCcse/U2MHZ63HAJVE+v71o7yOdIe4cZ70Wpf8D/IyjDKYQLV5GD46B+hSTjJsvV5PztjvHoU580EftxjDZFQ==}
+    engines: {node: '>=12.20'}
+
+  yocto-spinner@0.2.3:
+    resolution: {integrity: sha512-sqBChb33loEnkoXte1bLg45bEBsOP9N1kzQh5JZNKj/0rik4zAPTNSAVPj3uQAdc6slYJ0Ksc403G2XgxsJQFQ==}
+    engines: {node: '>=18.19'}
+
+  yoctocolors@2.1.2:
+    resolution: {integrity: sha512-CzhO+pFNo8ajLM2d2IW/R93ipy99LWjtwblvC1RsoSUMZgyLbYFr221TnSNT7GjGdYui6P459mw9JH/g/zW2ug==}
+    engines: {node: '>=18'}
+
+  zod-to-json-schema@3.25.2:
+    resolution: {integrity: sha512-O/PgfnpT1xKSDeQYSCfRI5Gy3hPf91mKVDuYLUHZJMiDFptvP41MSnWofm8dnCm0256ZNfZIM7DSzuSMAFnjHA==}
+    peerDependencies:
+      zod: ^3.25.28 || ^4
+
+  zod-to-ts@1.2.0:
+    resolution: {integrity: sha512-x30XE43V+InwGpvTySRNz9kB7qFU8DlyEy7BsSTCHPH1R0QasMmHWZDCzYm6bVXtj/9NNJAZF3jW8rzFvH5OFA==}
+    peerDependencies:
+      typescript: ^4.9.4 || ^5.0.2
+      zod: ^3
+
+  zod@3.25.76:
+    resolution: {integrity: sha512-gzUt/qt81nXsFGKIFcC3YnfEAx5NkunCfnDlvuBSSFS02bcXu4Lmea0AFIUwbLWxWPx3d9p8S5QoaujKcNQxcQ==}
+
+  zwitch@2.0.4:
+    resolution: {integrity: sha512-bXE4cR/kVZhKZX/RjPEflHaKVhUVl85noU3v6b8apfQEc1x4A+zBxjZ4lN8LqGd6WZ3dl98pY4o717VFmoPp+A==}
+
+snapshots:
+
+  '@astrojs/check@0.9.9(prettier@3.8.3)(typescript@5.9.3)':
+    dependencies:
+      '@astrojs/language-server': 2.16.8(prettier@3.8.3)(typescript@5.9.3)
+      chokidar: 4.0.3
+      kleur: 4.1.5
+      typescript: 5.9.3
+      yargs: 17.7.2
+    transitivePeerDependencies:
+      - prettier
+      - prettier-plugin-astro
+
+  '@astrojs/compiler@2.13.1': {}
+
+  '@astrojs/internal-helpers@0.6.1': {}
+
+  '@astrojs/internal-helpers@0.7.5': {}
+
+  '@astrojs/language-server@2.16.8(prettier@3.8.3)(typescript@5.9.3)':
+    dependencies:
+      '@astrojs/compiler': 2.13.1
+      '@astrojs/yaml2ts': 0.2.3
+      '@jridgewell/sourcemap-codec': 1.5.5
+      '@volar/kit': 2.4.28(typescript@5.9.3)
+      '@volar/language-core': 2.4.28
+      '@volar/language-server': 2.4.28
+      '@volar/language-service': 2.4.28
+      muggle-string: 0.4.1
+      tinyglobby: 0.2.16
+      volar-service-css: 0.0.70(@volar/language-service@2.4.28)
+      volar-service-emmet: 0.0.70(@volar/language-service@2.4.28)
+      volar-service-html: 0.0.70(@volar/language-service@2.4.28)
+      volar-service-prettier: 0.0.70(@volar/language-service@2.4.28)(prettier@3.8.3)
+      volar-service-typescript: 0.0.70(@volar/language-service@2.4.28)
+      volar-service-typescript-twoslash-queries: 0.0.70(@volar/language-service@2.4.28)
+      volar-service-yaml: 0.0.70(@volar/language-service@2.4.28)
+      vscode-html-languageservice: 5.6.2
+      vscode-uri: 3.1.0
+    optionalDependencies:
+      prettier: 3.8.3
+    transitivePeerDependencies:
+      - typescript
+
+  '@astrojs/markdown-remark@6.3.10':
+    dependencies:
+      '@astrojs/internal-helpers': 0.7.5
+      '@astrojs/prism': 3.3.0
+      github-slugger: 2.0.0
+      hast-util-from-html: 2.0.3
+      hast-util-to-text: 4.0.2
+      import-meta-resolve: 4.2.0
+      js-yaml: 4.1.1
+      mdast-util-definitions: 6.0.0
+      rehype-raw: 7.0.0
+      rehype-stringify: 10.0.1
+      remark-gfm: 4.0.1
+      remark-parse: 11.0.0
+      remark-rehype: 11.1.2
+      remark-smartypants: 3.0.2
+      shiki: 3.23.0
+      smol-toml: 1.6.1
+      unified: 11.0.5
+      unist-util-remove-position: 5.0.0
+      unist-util-visit: 5.1.0
+      unist-util-visit-parents: 6.0.2
+      vfile: 6.0.3
+    transitivePeerDependencies:
+      - supports-color
+
+  '@astrojs/markdown-remark@6.3.2':
+    dependencies:
+      '@astrojs/internal-helpers': 0.6.1
+      '@astrojs/prism': 3.3.0
+      github-slugger: 2.0.0
+      hast-util-from-html: 2.0.3
+      hast-util-to-text: 4.0.2
+      import-meta-resolve: 4.2.0
+      js-yaml: 4.1.1
+      mdast-util-definitions: 6.0.0
+      rehype-raw: 7.0.0
+      rehype-stringify: 10.0.1
+      remark-gfm: 4.0.1
+      remark-parse: 11.0.0
+      remark-rehype: 11.1.2
+      remark-smartypants: 3.0.2
+      shiki: 3.23.0
+      smol-toml: 1.6.1
+      unified: 11.0.5
+      unist-util-remove-position: 5.0.0
+      unist-util-visit: 5.1.0
+      unist-util-visit-parents: 6.0.2
+      vfile: 6.0.3
+    transitivePeerDependencies:
+      - supports-color
+
+  '@astrojs/mdx@4.3.0(astro@5.16.13(@types/node@24.7.2)(jiti@2.7.0)(lightningcss@1.30.1)(rollup@4.60.3)(typescript@5.9.3)(yaml@2.9.0))':
+    dependencies:
+      '@astrojs/markdown-remark': 6.3.2
+      '@mdx-js/mdx': 3.1.1
+      acorn: 8.16.0
+      astro: 5.16.13(@types/node@24.7.2)(jiti@2.7.0)(lightningcss@1.30.1)(rollup@4.60.3)(typescript@5.9.3)(yaml@2.9.0)
+      es-module-lexer: 1.7.0
+      estree-util-visit: 2.0.0
+      hast-util-to-html: 9.0.5
+      kleur: 4.1.5
+      rehype-raw: 7.0.0
+      remark-gfm: 4.0.1
+      remark-smartypants: 3.0.2
+      source-map: 0.7.6
+      unist-util-visit: 5.1.0
+      vfile: 6.0.3
+    transitivePeerDependencies:
+      - supports-color
+
+  '@astrojs/prism@3.3.0':
+    dependencies:
+      prismjs: 1.30.0
+
+  '@astrojs/react@4.4.2(@types/node@24.7.2)(@types/react-dom@19.2.2(@types/react@19.2.2))(@types/react@19.2.2)(jiti@2.7.0)(lightningcss@1.30.1)(react-dom@19.2.0(react@19.2.0))(react@19.2.0)(yaml@2.9.0)':
+    dependencies:
+      '@types/react': 19.2.2
+      '@types/react-dom': 19.2.2(@types/react@19.2.2)
+      '@vitejs/plugin-react': 4.7.0(vite@6.4.2(@types/node@24.7.2)(jiti@2.7.0)(lightningcss@1.30.1)(yaml@2.9.0))
+      react: 19.2.0
+      react-dom: 19.2.0(react@19.2.0)
+      ultrahtml: 1.6.0
+      vite: 6.4.2(@types/node@24.7.2)(jiti@2.7.0)(lightningcss@1.30.1)(yaml@2.9.0)
+    transitivePeerDependencies:
+      - '@types/node'
+      - jiti
+      - less
+      - lightningcss
+      - sass
+      - sass-embedded
+      - stylus
+      - sugarss
+      - supports-color
+      - terser
+      - tsx
+      - yaml
+
+  '@astrojs/sitemap@3.7.0':
+    dependencies:
+      sitemap: 8.0.3
+      stream-replace-string: 2.0.0
+      zod: 3.25.76
+
+  '@astrojs/telemetry@3.3.0':
+    dependencies:
+      ci-info: 4.4.0
+      debug: 4.4.3
+      dlv: 1.1.3
+      dset: 3.1.4
+      is-docker: 3.0.0
+      is-wsl: 3.1.1
+      which-pm-runs: 1.1.0
+    transitivePeerDependencies:
+      - supports-color
+
+  '@astrojs/yaml2ts@0.2.3':
+    dependencies:
+      yaml: 2.9.0
+
+  '@axe-core/playwright@4.10.2(playwright-core@1.59.1)':
+    dependencies:
+      axe-core: 4.10.3
+      playwright-core: 1.59.1
+
+  '@babel/code-frame@7.29.0':
+    dependencies:
+      '@babel/helper-validator-identifier': 7.28.5
+      js-tokens: 4.0.0
+      picocolors: 1.1.1
+
+  '@babel/compat-data@7.29.3': {}
+
+  '@babel/core@7.29.0':
+    dependencies:
+      '@babel/code-frame': 7.29.0
+      '@babel/generator': 7.29.1
+      '@babel/helper-compilation-targets': 7.28.6
+      '@babel/helper-module-transforms': 7.28.6(@babel/core@7.29.0)
+      '@babel/helpers': 7.29.2
+      '@babel/parser': 7.29.3
+      '@babel/template': 7.28.6
+      '@babel/traverse': 7.29.0
+      '@babel/types': 7.29.0
+      '@jridgewell/remapping': 2.3.5
+      convert-source-map: 2.0.0
+      debug: 4.4.3
+      gensync: 1.0.0-beta.2
+      json5: 2.2.3
+      semver: 6.3.1
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/generator@7.29.1':
+    dependencies:
+      '@babel/parser': 7.29.3
+      '@babel/types': 7.29.0
+      '@jridgewell/gen-mapping': 0.3.13
+      '@jridgewell/trace-mapping': 0.3.31
+      jsesc: 3.1.0
+
+  '@babel/helper-compilation-targets@7.28.6':
+    dependencies:
+      '@babel/compat-data': 7.29.3
+      '@babel/helper-validator-option': 7.27.1
+      browserslist: 4.28.2
+      lru-cache: 5.1.1
+      semver: 6.3.1
+
+  '@babel/helper-globals@7.28.0': {}
+
+  '@babel/helper-module-imports@7.28.6':
+    dependencies:
+      '@babel/traverse': 7.29.0
+      '@babel/types': 7.29.0
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/helper-module-transforms@7.28.6(@babel/core@7.29.0)':
+    dependencies:
+      '@babel/core': 7.29.0
+      '@babel/helper-module-imports': 7.28.6
+      '@babel/helper-validator-identifier': 7.28.5
+      '@babel/traverse': 7.29.0
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/helper-plugin-utils@7.28.6': {}
+
+  '@babel/helper-string-parser@7.27.1': {}
+
+  '@babel/helper-validator-identifier@7.28.5': {}
+
+  '@babel/helper-validator-option@7.27.1': {}
+
+  '@babel/helpers@7.29.2':
+    dependencies:
+      '@babel/template': 7.28.6
+      '@babel/types': 7.29.0
+
+  '@babel/parser@7.29.3':
+    dependencies:
+      '@babel/types': 7.29.0
+
+  '@babel/plugin-transform-react-jsx-self@7.27.1(@babel/core@7.29.0)':
+    dependencies:
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
+
+  '@babel/plugin-transform-react-jsx-source@7.27.1(@babel/core@7.29.0)':
+    dependencies:
+      '@babel/core': 7.29.0
+      '@babel/helper-plugin-utils': 7.28.6
+
+  '@babel/template@7.28.6':
+    dependencies:
+      '@babel/code-frame': 7.29.0
+      '@babel/parser': 7.29.3
+      '@babel/types': 7.29.0
+
+  '@babel/traverse@7.29.0':
+    dependencies:
+      '@babel/code-frame': 7.29.0
+      '@babel/generator': 7.29.1
+      '@babel/helper-globals': 7.28.0
+      '@babel/parser': 7.29.3
+      '@babel/template': 7.28.6
+      '@babel/types': 7.29.0
+      debug: 4.4.3
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/types@7.29.0':
+    dependencies:
+      '@babel/helper-string-parser': 7.27.1
+      '@babel/helper-validator-identifier': 7.28.5
+
+  '@biomejs/biome@2.3.11':
+    optionalDependencies:
+      '@biomejs/cli-darwin-arm64': 2.3.11
+      '@biomejs/cli-darwin-x64': 2.3.11
+      '@biomejs/cli-linux-arm64': 2.3.11
+      '@biomejs/cli-linux-arm64-musl': 2.3.11
+      '@biomejs/cli-linux-x64': 2.3.11
+      '@biomejs/cli-linux-x64-musl': 2.3.11
+      '@biomejs/cli-win32-arm64': 2.3.11
+      '@biomejs/cli-win32-x64': 2.3.11
+
+  '@biomejs/cli-darwin-arm64@2.3.11':
+    optional: true
+
+  '@biomejs/cli-darwin-x64@2.3.11':
+    optional: true
+
+  '@biomejs/cli-linux-arm64-musl@2.3.11':
+    optional: true
+
+  '@biomejs/cli-linux-arm64@2.3.11':
+    optional: true
+
+  '@biomejs/cli-linux-x64-musl@2.3.11':
+    optional: true
+
+  '@biomejs/cli-linux-x64@2.3.11':
+    optional: true
+
+  '@biomejs/cli-win32-arm64@2.3.11':
+    optional: true
+
+  '@biomejs/cli-win32-x64@2.3.11':
+    optional: true
+
+  '@capsizecss/unpack@4.0.0':
+    dependencies:
+      fontkitten: 1.0.3
+
+  '@emmetio/abbreviation@2.3.3':
+    dependencies:
+      '@emmetio/scanner': 1.0.4
+
+  '@emmetio/css-abbreviation@2.1.8':
+    dependencies:
+      '@emmetio/scanner': 1.0.4
+
+  '@emmetio/css-parser@0.4.1':
+    dependencies:
+      '@emmetio/stream-reader': 2.2.0
+      '@emmetio/stream-reader-utils': 0.1.0
+
+  '@emmetio/html-matcher@1.3.0':
+    dependencies:
+      '@emmetio/scanner': 1.0.4
+
+  '@emmetio/scanner@1.0.4': {}
+
+  '@emmetio/stream-reader-utils@0.1.0': {}
+
+  '@emmetio/stream-reader@2.2.0': {}
+
+  '@emnapi/runtime@1.10.0':
+    dependencies:
+      tslib: 2.8.1
+    optional: true
+
+  '@esbuild/aix-ppc64@0.25.12':
+    optional: true
+
+  '@esbuild/android-arm64@0.25.12':
+    optional: true
+
+  '@esbuild/android-arm@0.25.12':
+    optional: true
+
+  '@esbuild/android-x64@0.25.12':
+    optional: true
+
+  '@esbuild/darwin-arm64@0.25.12':
+    optional: true
+
+  '@esbuild/darwin-x64@0.25.12':
+    optional: true
+
+  '@esbuild/freebsd-arm64@0.25.12':
+    optional: true
+
+  '@esbuild/freebsd-x64@0.25.12':
+    optional: true
+
+  '@esbuild/linux-arm64@0.25.12':
+    optional: true
+
+  '@esbuild/linux-arm@0.25.12':
+    optional: true
+
+  '@esbuild/linux-ia32@0.25.12':
+    optional: true
+
+  '@esbuild/linux-loong64@0.25.12':
+    optional: true
+
+  '@esbuild/linux-mips64el@0.25.12':
+    optional: true
+
+  '@esbuild/linux-ppc64@0.25.12':
+    optional: true
+
+  '@esbuild/linux-riscv64@0.25.12':
+    optional: true
+
+  '@esbuild/linux-s390x@0.25.12':
+    optional: true
+
+  '@esbuild/linux-x64@0.25.12':
+    optional: true
+
+  '@esbuild/netbsd-arm64@0.25.12':
+    optional: true
+
+  '@esbuild/netbsd-x64@0.25.12':
+    optional: true
+
+  '@esbuild/openbsd-arm64@0.25.12':
+    optional: true
+
+  '@esbuild/openbsd-x64@0.25.12':
+    optional: true
+
+  '@esbuild/openharmony-arm64@0.25.12':
+    optional: true
+
+  '@esbuild/sunos-x64@0.25.12':
+    optional: true
+
+  '@esbuild/win32-arm64@0.25.12':
+    optional: true
+
+  '@esbuild/win32-ia32@0.25.12':
+    optional: true
+
+  '@esbuild/win32-x64@0.25.12':
+    optional: true
+
+  '@img/colour@1.1.0': {}
+
+  '@img/sharp-darwin-arm64@0.34.5':
+    optionalDependencies:
+      '@img/sharp-libvips-darwin-arm64': 1.2.4
+    optional: true
+
+  '@img/sharp-darwin-x64@0.34.5':
+    optionalDependencies:
+      '@img/sharp-libvips-darwin-x64': 1.2.4
+    optional: true
+
+  '@img/sharp-libvips-darwin-arm64@1.2.4':
+    optional: true
+
+  '@img/sharp-libvips-darwin-x64@1.2.4':
+    optional: true
+
+  '@img/sharp-libvips-linux-arm64@1.2.4':
+    optional: true
+
+  '@img/sharp-libvips-linux-arm@1.2.4':
+    optional: true
+
+  '@img/sharp-libvips-linux-ppc64@1.2.4':
+    optional: true
+
+  '@img/sharp-libvips-linux-riscv64@1.2.4':
+    optional: true
+
+  '@img/sharp-libvips-linux-s390x@1.2.4':
+    optional: true
+
+  '@img/sharp-libvips-linux-x64@1.2.4':
+    optional: true
+
+  '@img/sharp-libvips-linuxmusl-arm64@1.2.4':
+    optional: true
+
+  '@img/sharp-libvips-linuxmusl-x64@1.2.4':
+    optional: true
+
+  '@img/sharp-linux-arm64@0.34.5':
+    optionalDependencies:
+      '@img/sharp-libvips-linux-arm64': 1.2.4
+    optional: true
+
+  '@img/sharp-linux-arm@0.34.5':
+    optionalDependencies:
+      '@img/sharp-libvips-linux-arm': 1.2.4
+    optional: true
+
+  '@img/sharp-linux-ppc64@0.34.5':
+    optionalDependencies:
+      '@img/sharp-libvips-linux-ppc64': 1.2.4
+    optional: true
+
+  '@img/sharp-linux-riscv64@0.34.5':
+    optionalDependencies:
+      '@img/sharp-libvips-linux-riscv64': 1.2.4
+    optional: true
+
+  '@img/sharp-linux-s390x@0.34.5':
+    optionalDependencies:
+      '@img/sharp-libvips-linux-s390x': 1.2.4
+    optional: true
+
+  '@img/sharp-linux-x64@0.34.5':
+    optionalDependencies:
+      '@img/sharp-libvips-linux-x64': 1.2.4
+    optional: true
+
+  '@img/sharp-linuxmusl-arm64@0.34.5':
+    optionalDependencies:
+      '@img/sharp-libvips-linuxmusl-arm64': 1.2.4
+    optional: true
+
+  '@img/sharp-linuxmusl-x64@0.34.5':
+    optionalDependencies:
+      '@img/sharp-libvips-linuxmusl-x64': 1.2.4
+    optional: true
+
+  '@img/sharp-wasm32@0.34.5':
+    dependencies:
+      '@emnapi/runtime': 1.10.0
+    optional: true
+
+  '@img/sharp-win32-arm64@0.34.5':
+    optional: true
+
+  '@img/sharp-win32-ia32@0.34.5':
+    optional: true
+
+  '@img/sharp-win32-x64@0.34.5':
+    optional: true
+
+  '@isaacs/fs-minipass@4.0.1':
+    dependencies:
+      minipass: 7.1.3
+
+  '@jridgewell/gen-mapping@0.3.13':
+    dependencies:
+      '@jridgewell/sourcemap-codec': 1.5.5
+      '@jridgewell/trace-mapping': 0.3.31
+
+  '@jridgewell/remapping@2.3.5':
+    dependencies:
+      '@jridgewell/gen-mapping': 0.3.13
+      '@jridgewell/trace-mapping': 0.3.31
+
+  '@jridgewell/resolve-uri@3.1.2': {}
+
+  '@jridgewell/sourcemap-codec@1.5.5': {}
+
+  '@jridgewell/trace-mapping@0.3.31':
+    dependencies:
+      '@jridgewell/resolve-uri': 3.1.2
+      '@jridgewell/sourcemap-codec': 1.5.5
+
+  '@mdx-js/mdx@3.1.1':
+    dependencies:
+      '@types/estree': 1.0.9
+      '@types/estree-jsx': 1.0.5
+      '@types/hast': 3.0.4
+      '@types/mdx': 2.0.13
+      acorn: 8.16.0
+      collapse-white-space: 2.1.0
+      devlop: 1.1.0
+      estree-util-is-identifier-name: 3.0.0
+      estree-util-scope: 1.0.0
+      estree-walker: 3.0.3
+      hast-util-to-jsx-runtime: 2.3.6
+      markdown-extensions: 2.0.0
+      recma-build-jsx: 1.0.0
+      recma-jsx: 1.0.1(acorn@8.16.0)
+      recma-stringify: 1.0.0
+      rehype-recma: 1.0.0
+      remark-mdx: 3.1.1
+      remark-parse: 11.0.0
+      remark-rehype: 11.1.2
+      source-map: 0.7.6
+      unified: 11.0.5
+      unist-util-position-from-estree: 2.0.0
+      unist-util-stringify-position: 4.0.0
+      unist-util-visit: 5.1.0
+      vfile: 6.0.3
+    transitivePeerDependencies:
+      - supports-color
+
+  '@oslojs/encoding@1.1.0': {}
+
+  '@playwright/test@1.59.1':
+    dependencies:
+      playwright: 1.59.1
+
+  '@rolldown/pluginutils@1.0.0-beta.27': {}
+
+  '@rollup/pluginutils@5.3.0(rollup@4.60.3)':
+    dependencies:
+      '@types/estree': 1.0.9
+      estree-walker: 2.0.2
+      picomatch: 4.0.4
+    optionalDependencies:
+      rollup: 4.60.3
+
+  '@rollup/rollup-android-arm-eabi@4.60.3':
+    optional: true
+
+  '@rollup/rollup-android-arm64@4.60.3':
+    optional: true
+
+  '@rollup/rollup-darwin-arm64@4.60.3':
+    optional: true
+
+  '@rollup/rollup-darwin-x64@4.60.3':
+    optional: true
+
+  '@rollup/rollup-freebsd-arm64@4.60.3':
+    optional: true
+
+  '@rollup/rollup-freebsd-x64@4.60.3':
+    optional: true
+
+  '@rollup/rollup-linux-arm-gnueabihf@4.60.3':
+    optional: true
+
+  '@rollup/rollup-linux-arm-musleabihf@4.60.3':
+    optional: true
+
+  '@rollup/rollup-linux-arm64-gnu@4.60.3':
+    optional: true
+
+  '@rollup/rollup-linux-arm64-musl@4.60.3':
+    optional: true
+
+  '@rollup/rollup-linux-loong64-gnu@4.60.3':
+    optional: true
+
+  '@rollup/rollup-linux-loong64-musl@4.60.3':
+    optional: true
+
+  '@rollup/rollup-linux-ppc64-gnu@4.60.3':
+    optional: true
+
+  '@rollup/rollup-linux-ppc64-musl@4.60.3':
+    optional: true
+
+  '@rollup/rollup-linux-riscv64-gnu@4.60.3':
+    optional: true
+
+  '@rollup/rollup-linux-riscv64-musl@4.60.3':
+    optional: true
+
+  '@rollup/rollup-linux-s390x-gnu@4.60.3':
+    optional: true
+
+  '@rollup/rollup-linux-x64-gnu@4.60.3':
+    optional: true
+
+  '@rollup/rollup-linux-x64-musl@4.60.3':
+    optional: true
+
+  '@rollup/rollup-openbsd-x64@4.60.3':
+    optional: true
+
+  '@rollup/rollup-openharmony-arm64@4.60.3':
+    optional: true
+
+  '@rollup/rollup-win32-arm64-msvc@4.60.3':
+    optional: true
+
+  '@rollup/rollup-win32-ia32-msvc@4.60.3':
+    optional: true
+
+  '@rollup/rollup-win32-x64-gnu@4.60.3':
+    optional: true
+
+  '@rollup/rollup-win32-x64-msvc@4.60.3':
+    optional: true
+
+  '@shikijs/core@3.23.0':
+    dependencies:
+      '@shikijs/types': 3.23.0
+      '@shikijs/vscode-textmate': 10.0.2
+      '@types/hast': 3.0.4
+      hast-util-to-html: 9.0.5
+
+  '@shikijs/engine-javascript@3.23.0':
+    dependencies:
+      '@shikijs/types': 3.23.0
+      '@shikijs/vscode-textmate': 10.0.2
+      oniguruma-to-es: 4.3.6
+
+  '@shikijs/engine-oniguruma@3.23.0':
+    dependencies:
+      '@shikijs/types': 3.23.0
+      '@shikijs/vscode-textmate': 10.0.2
+
+  '@shikijs/langs@3.23.0':
+    dependencies:
+      '@shikijs/types': 3.23.0
+
+  '@shikijs/themes@3.23.0':
+    dependencies:
+      '@shikijs/types': 3.23.0
+
+  '@shikijs/types@3.23.0':
+    dependencies:
+      '@shikijs/vscode-textmate': 10.0.2
+      '@types/hast': 3.0.4
+
+  '@shikijs/vscode-textmate@10.0.2': {}
+
+  '@tailwindcss/node@4.1.14':
+    dependencies:
+      '@jridgewell/remapping': 2.3.5
+      enhanced-resolve: 5.21.3
+      jiti: 2.7.0
+      lightningcss: 1.30.1
+      magic-string: 0.30.21
+      source-map-js: 1.2.1
+      tailwindcss: 4.1.14
+
+  '@tailwindcss/oxide-android-arm64@4.1.14':
+    optional: true
+
+  '@tailwindcss/oxide-darwin-arm64@4.1.14':
+    optional: true
+
+  '@tailwindcss/oxide-darwin-x64@4.1.14':
+    optional: true
+
+  '@tailwindcss/oxide-freebsd-x64@4.1.14':
+    optional: true
+
+  '@tailwindcss/oxide-linux-arm-gnueabihf@4.1.14':
+    optional: true
+
+  '@tailwindcss/oxide-linux-arm64-gnu@4.1.14':
+    optional: true
+
+  '@tailwindcss/oxide-linux-arm64-musl@4.1.14':
+    optional: true
+
+  '@tailwindcss/oxide-linux-x64-gnu@4.1.14':
+    optional: true
+
+  '@tailwindcss/oxide-linux-x64-musl@4.1.14':
+    optional: true
+
+  '@tailwindcss/oxide-wasm32-wasi@4.1.14':
+    optional: true
+
+  '@tailwindcss/oxide-win32-arm64-msvc@4.1.14':
+    optional: true
+
+  '@tailwindcss/oxide-win32-x64-msvc@4.1.14':
+    optional: true
+
+  '@tailwindcss/oxide@4.1.14':
+    dependencies:
+      detect-libc: 2.1.2
+      tar: 7.5.15
+    optionalDependencies:
+      '@tailwindcss/oxide-android-arm64': 4.1.14
+      '@tailwindcss/oxide-darwin-arm64': 4.1.14
+      '@tailwindcss/oxide-darwin-x64': 4.1.14
+      '@tailwindcss/oxide-freebsd-x64': 4.1.14
+      '@tailwindcss/oxide-linux-arm-gnueabihf': 4.1.14
+      '@tailwindcss/oxide-linux-arm64-gnu': 4.1.14
+      '@tailwindcss/oxide-linux-arm64-musl': 4.1.14
+      '@tailwindcss/oxide-linux-x64-gnu': 4.1.14
+      '@tailwindcss/oxide-linux-x64-musl': 4.1.14
+      '@tailwindcss/oxide-wasm32-wasi': 4.1.14
+      '@tailwindcss/oxide-win32-arm64-msvc': 4.1.14
+      '@tailwindcss/oxide-win32-x64-msvc': 4.1.14
+
+  '@tailwindcss/typography@0.5.19(tailwindcss@4.1.14)':
+    dependencies:
+      postcss-selector-parser: 6.0.10
+      tailwindcss: 4.1.14
+
+  '@tailwindcss/vite@4.1.14(vite@6.4.2(@types/node@24.7.2)(jiti@2.7.0)(lightningcss@1.30.1)(yaml@2.9.0))':
+    dependencies:
+      '@tailwindcss/node': 4.1.14
+      '@tailwindcss/oxide': 4.1.14
+      tailwindcss: 4.1.14
+      vite: 6.4.2(@types/node@24.7.2)(jiti@2.7.0)(lightningcss@1.30.1)(yaml@2.9.0)
+
+  '@trysound/sax@0.2.0': {}
+
+  '@types/babel__core@7.20.5':
+    dependencies:
+      '@babel/parser': 7.29.3
+      '@babel/types': 7.29.0
+      '@types/babel__generator': 7.27.0
+      '@types/babel__template': 7.4.4
+      '@types/babel__traverse': 7.28.0
+
+  '@types/babel__generator@7.27.0':
+    dependencies:
+      '@babel/types': 7.29.0
+
+  '@types/babel__template@7.4.4':
+    dependencies:
+      '@babel/parser': 7.29.3
+      '@babel/types': 7.29.0
+
+  '@types/babel__traverse@7.28.0':
+    dependencies:
+      '@babel/types': 7.29.0
+
+  '@types/debug@4.1.13':
+    dependencies:
+      '@types/ms': 2.1.0
+
+  '@types/estree-jsx@1.0.5':
+    dependencies:
+      '@types/estree': 1.0.9
+
+  '@types/estree@1.0.8': {}
+
+  '@types/estree@1.0.9': {}
+
+  '@types/hast@3.0.4':
+    dependencies:
+      '@types/unist': 3.0.3
+
+  '@types/mdast@4.0.4':
+    dependencies:
+      '@types/unist': 3.0.3
+
+  '@types/mdx@2.0.13': {}
+
+  '@types/ms@2.1.0': {}
+
+  '@types/nlcst@2.0.3':
+    dependencies:
+      '@types/unist': 3.0.3
+
+  '@types/node@17.0.45': {}
+
+  '@types/node@24.7.2':
+    dependencies:
+      undici-types: 7.14.0
+
+  '@types/react-dom@19.2.2(@types/react@19.2.2)':
+    dependencies:
+      '@types/react': 19.2.2
+
+  '@types/react@19.2.2':
+    dependencies:
+      csstype: 3.2.3
+
+  '@types/sax@1.2.7':
+    dependencies:
+      '@types/node': 24.7.2
+
+  '@types/unist@2.0.11': {}
+
+  '@types/unist@3.0.3': {}
+
+  '@ungap/structured-clone@1.3.1': {}
+
+  '@vitejs/plugin-react@4.7.0(vite@6.4.2(@types/node@24.7.2)(jiti@2.7.0)(lightningcss@1.30.1)(yaml@2.9.0))':
+    dependencies:
+      '@babel/core': 7.29.0
+      '@babel/plugin-transform-react-jsx-self': 7.27.1(@babel/core@7.29.0)
+      '@babel/plugin-transform-react-jsx-source': 7.27.1(@babel/core@7.29.0)
+      '@rolldown/pluginutils': 1.0.0-beta.27
+      '@types/babel__core': 7.20.5
+      react-refresh: 0.17.0
+      vite: 6.4.2(@types/node@24.7.2)(jiti@2.7.0)(lightningcss@1.30.1)(yaml@2.9.0)
+    transitivePeerDependencies:
+      - supports-color
+
+  '@volar/kit@2.4.28(typescript@5.9.3)':
+    dependencies:
+      '@volar/language-service': 2.4.28
+      '@volar/typescript': 2.4.28
+      typesafe-path: 0.2.2
+      typescript: 5.9.3
+      vscode-languageserver-textdocument: 1.0.12
+      vscode-uri: 3.1.0
+
+  '@volar/language-core@2.4.28':
+    dependencies:
+      '@volar/source-map': 2.4.28
+
+  '@volar/language-server@2.4.28':
+    dependencies:
+      '@volar/language-core': 2.4.28
+      '@volar/language-service': 2.4.28
+      '@volar/typescript': 2.4.28
+      path-browserify: 1.0.1
+      request-light: 0.7.0
+      vscode-languageserver: 9.0.1
+      vscode-languageserver-protocol: 3.17.5
+      vscode-languageserver-textdocument: 1.0.12
+      vscode-uri: 3.1.0
+
+  '@volar/language-service@2.4.28':
+    dependencies:
+      '@volar/language-core': 2.4.28
+      vscode-languageserver-protocol: 3.17.5
+      vscode-languageserver-textdocument: 1.0.12
+      vscode-uri: 3.1.0
+
+  '@volar/source-map@2.4.28': {}
+
+  '@volar/typescript@2.4.28':
+    dependencies:
+      '@volar/language-core': 2.4.28
+      path-browserify: 1.0.1
+      vscode-uri: 3.1.0
+
+  '@vscode/emmet-helper@2.11.0':
+    dependencies:
+      emmet: 2.4.11
+      jsonc-parser: 2.3.1
+      vscode-languageserver-textdocument: 1.0.12
+      vscode-languageserver-types: 3.17.5
+      vscode-uri: 3.1.0
+
+  '@vscode/l10n@0.0.18': {}
+
+  acorn-jsx@5.3.2(acorn@8.16.0):
+    dependencies:
+      acorn: 8.16.0
+
+  acorn@8.16.0: {}
+
+  ajv-draft-04@1.0.0(ajv@8.20.0):
+    optionalDependencies:
+      ajv: 8.20.0
+
+  ajv@8.20.0:
+    dependencies:
+      fast-deep-equal: 3.1.3
+      fast-uri: 3.1.2
+      json-schema-traverse: 1.0.0
+      require-from-string: 2.0.2
+
+  ansi-align@3.0.1:
+    dependencies:
+      string-width: 4.2.3
+
+  ansi-regex@5.0.1: {}
+
+  ansi-regex@6.2.2: {}
+
+  ansi-styles@4.3.0:
+    dependencies:
+      color-convert: 2.0.1
+
+  ansi-styles@6.2.3: {}
+
+  anymatch@3.1.3:
+    dependencies:
+      normalize-path: 3.0.0
+      picomatch: 2.3.2
+
+  arg@5.0.2: {}
+
+  argparse@2.0.1: {}
+
+  aria-query@5.3.2: {}
+
+  array-iterate@2.0.1: {}
+
+  astring@1.9.0: {}
+
+  astro@5.16.13(@types/node@24.7.2)(jiti@2.7.0)(lightningcss@1.30.1)(rollup@4.60.3)(typescript@5.9.3)(yaml@2.9.0):
+    dependencies:
+      '@astrojs/compiler': 2.13.1
+      '@astrojs/internal-helpers': 0.7.5
+      '@astrojs/markdown-remark': 6.3.10
+      '@astrojs/telemetry': 3.3.0
+      '@capsizecss/unpack': 4.0.0
+      '@oslojs/encoding': 1.1.0
+      '@rollup/pluginutils': 5.3.0(rollup@4.60.3)
+      acorn: 8.16.0
+      aria-query: 5.3.2
+      axobject-query: 4.1.0
+      boxen: 8.0.1
+      ci-info: 4.4.0
+      clsx: 2.1.1
+      common-ancestor-path: 1.0.1
+      cookie: 1.1.1
+      cssesc: 3.0.0
+      debug: 4.4.3
+      deterministic-object-hash: 2.0.2
+      devalue: 5.8.0
+      diff: 8.0.4
+      dlv: 1.1.3
+      dset: 3.1.4
+      es-module-lexer: 1.7.0
+      esbuild: 0.25.12
+      estree-walker: 3.0.3
+      flattie: 1.1.1
+      fontace: 0.4.1
+      github-slugger: 2.0.0
+      html-escaper: 3.0.3
+      http-cache-semantics: 4.2.0
+      import-meta-resolve: 4.2.0
+      js-yaml: 4.1.1
+      magic-string: 0.30.21
+      magicast: 0.5.3
+      mrmime: 2.0.1
+      neotraverse: 0.6.18
+      p-limit: 6.2.0
+      p-queue: 8.1.1
+      package-manager-detector: 1.6.0
+      piccolore: 0.1.3
+      picomatch: 4.0.4
+      prompts: 2.4.2
+      rehype: 13.0.2
+      semver: 7.8.0
+      shiki: 3.23.0
+      smol-toml: 1.6.1
+      svgo: 4.0.1
+      tinyexec: 1.1.2
+      tinyglobby: 0.2.16
+      tsconfck: 3.1.6(typescript@5.9.3)
+      ultrahtml: 1.6.0
+      unifont: 0.7.4
+      unist-util-visit: 5.1.0
+      unstorage: 1.17.5
+      vfile: 6.0.3
+      vite: 6.4.2(@types/node@24.7.2)(jiti@2.7.0)(lightningcss@1.30.1)(yaml@2.9.0)
+      vitefu: 1.1.3(vite@6.4.2(@types/node@24.7.2)(jiti@2.7.0)(lightningcss@1.30.1)(yaml@2.9.0))
+      xxhash-wasm: 1.1.0
+      yargs-parser: 21.1.1
+      yocto-spinner: 0.2.3
+      zod: 3.25.76
+      zod-to-json-schema: 3.25.2(zod@3.25.76)
+      zod-to-ts: 1.2.0(typescript@5.9.3)(zod@3.25.76)
+    optionalDependencies:
+      sharp: 0.34.5
+    transitivePeerDependencies:
+      - '@azure/app-configuration'
+      - '@azure/cosmos'
+      - '@azure/data-tables'
+      - '@azure/identity'
+      - '@azure/keyvault-secrets'
+      - '@azure/storage-blob'
+      - '@capacitor/preferences'
+      - '@deno/kv'
+      - '@netlify/blobs'
+      - '@planetscale/database'
+      - '@types/node'
+      - '@upstash/redis'
+      - '@vercel/blob'
+      - '@vercel/functions'
+      - '@vercel/kv'
+      - aws4fetch
+      - db0
+      - idb-keyval
+      - ioredis
+      - jiti
+      - less
+      - lightningcss
+      - rollup
+      - sass
+      - sass-embedded
+      - stylus
+      - sugarss
+      - supports-color
+      - terser
+      - tsx
+      - typescript
+      - uploadthing
+      - yaml
+
+  axe-core@4.10.3: {}
+
+  axobject-query@4.1.0: {}
+
+  bail@2.0.2: {}
+
+  base-64@1.0.0: {}
+
+  baseline-browser-mapping@2.10.29: {}
+
+  boolbase@1.0.0: {}
+
+  boxen@8.0.1:
+    dependencies:
+      ansi-align: 3.0.1
+      camelcase: 8.0.0
+      chalk: 5.6.2
+      cli-boxes: 3.0.0
+      string-width: 7.2.0
+      type-fest: 4.41.0
+      widest-line: 5.0.0
+      wrap-ansi: 9.0.2
+
+  browserslist@4.28.2:
+    dependencies:
+      baseline-browser-mapping: 2.10.29
+      caniuse-lite: 1.0.30001792
+      electron-to-chromium: 1.5.355
+      node-releases: 2.0.44
+      update-browserslist-db: 1.2.3(browserslist@4.28.2)
+
+  camelcase@8.0.0: {}
+
+  caniuse-lite@1.0.30001792: {}
+
+  ccount@2.0.1: {}
+
+  chalk@5.6.2: {}
+
+  character-entities-html4@2.1.0: {}
+
+  character-entities-legacy@3.0.0: {}
+
+  character-entities@2.0.2: {}
+
+  character-reference-invalid@2.0.1: {}
+
+  chokidar@4.0.3:
+    dependencies:
+      readdirp: 4.1.2
+
+  chokidar@5.0.0:
+    dependencies:
+      readdirp: 5.0.0
+
+  chownr@3.0.0: {}
+
+  ci-info@4.4.0: {}
+
+  cli-boxes@3.0.0: {}
+
+  cliui@8.0.1:
+    dependencies:
+      string-width: 4.2.3
+      strip-ansi: 6.0.1
+      wrap-ansi: 7.0.0
+
+  clsx@2.1.1: {}
+
+  collapse-white-space@2.1.0: {}
+
+  color-convert@2.0.1:
+    dependencies:
+      color-name: 1.1.4
+
+  color-name@1.1.4: {}
+
+  comma-separated-tokens@2.0.3: {}
+
+  commander@11.1.0: {}
+
+  commander@7.2.0: {}
+
+  common-ancestor-path@1.0.1: {}
+
+  convert-source-map@2.0.0: {}
+
+  cookie-es@1.2.3: {}
+
+  cookie@1.1.1: {}
+
+  crossws@0.3.5:
+    dependencies:
+      uncrypto: 0.1.3
+
+  css-select@5.2.2:
+    dependencies:
+      boolbase: 1.0.0
+      css-what: 6.2.2
+      domhandler: 5.0.3
+      domutils: 3.2.2
+      nth-check: 2.1.1
+
+  css-tree@2.2.1:
+    dependencies:
+      mdn-data: 2.0.28
+      source-map-js: 1.2.1
+
+  css-tree@2.3.1:
+    dependencies:
+      mdn-data: 2.0.30
+      source-map-js: 1.2.1
+
+  css-tree@3.2.1:
+    dependencies:
+      mdn-data: 2.27.1
+      source-map-js: 1.2.1
+
+  css-what@6.2.2: {}
+
+  cssesc@3.0.0: {}
+
+  csso@5.0.5:
+    dependencies:
+      css-tree: 2.2.1
+
+  csstype@3.2.3: {}
+
+  cva@1.0.0-beta.4(typescript@5.9.3):
+    dependencies:
+      clsx: 2.1.1
+    optionalDependencies:
+      typescript: 5.9.3
+
+  debug@4.4.3:
+    dependencies:
+      ms: 2.1.3
+
+  decode-named-character-reference@1.3.0:
+    dependencies:
+      character-entities: 2.0.2
+
+  defu@6.1.7: {}
+
+  dequal@2.0.3: {}
+
+  destr@2.0.5: {}
+
+  detect-libc@2.1.2: {}
+
+  deterministic-object-hash@2.0.2:
+    dependencies:
+      base-64: 1.0.0
+
+  devalue@5.8.0: {}
+
+  devlop@1.1.0:
+    dependencies:
+      dequal: 2.0.3
+
+  diff@8.0.4: {}
+
+  dlv@1.1.3: {}
+
+  dom-serializer@2.0.0:
+    dependencies:
+      domelementtype: 2.3.0
+      domhandler: 5.0.3
+      entities: 4.5.0
+
+  domelementtype@2.3.0: {}
+
+  domhandler@5.0.3:
+    dependencies:
+      domelementtype: 2.3.0
+
+  domutils@3.2.2:
+    dependencies:
+      dom-serializer: 2.0.0
+      domelementtype: 2.3.0
+      domhandler: 5.0.3
+
+  dset@3.1.4: {}
+
+  electron-to-chromium@1.5.355: {}
+
+  emmet@2.4.11:
+    dependencies:
+      '@emmetio/abbreviation': 2.3.3
+      '@emmetio/css-abbreviation': 2.1.8
+
+  emoji-regex@10.6.0: {}
+
+  emoji-regex@8.0.0: {}
+
+  enhanced-resolve@5.21.3:
+    dependencies:
+      graceful-fs: 4.2.11
+      tapable: 2.3.3
+
+  entities@4.5.0: {}
+
+  entities@6.0.1: {}
+
+  es-module-lexer@1.7.0: {}
+
+  esast-util-from-estree@2.0.0:
+    dependencies:
+      '@types/estree-jsx': 1.0.5
+      devlop: 1.1.0
+      estree-util-visit: 2.0.0
+      unist-util-position-from-estree: 2.0.0
+
+  esast-util-from-js@2.0.1:
+    dependencies:
+      '@types/estree-jsx': 1.0.5
+      acorn: 8.16.0
+      esast-util-from-estree: 2.0.0
+      vfile-message: 4.0.3
+
+  esbuild@0.25.12:
+    optionalDependencies:
+      '@esbuild/aix-ppc64': 0.25.12
+      '@esbuild/android-arm': 0.25.12
+      '@esbuild/android-arm64': 0.25.12
+      '@esbuild/android-x64': 0.25.12
+      '@esbuild/darwin-arm64': 0.25.12
+      '@esbuild/darwin-x64': 0.25.12
+      '@esbuild/freebsd-arm64': 0.25.12
+      '@esbuild/freebsd-x64': 0.25.12
+      '@esbuild/linux-arm': 0.25.12
+      '@esbuild/linux-arm64': 0.25.12
+      '@esbuild/linux-ia32': 0.25.12
+      '@esbuild/linux-loong64': 0.25.12
+      '@esbuild/linux-mips64el': 0.25.12
+      '@esbuild/linux-ppc64': 0.25.12
+      '@esbuild/linux-riscv64': 0.25.12
+      '@esbuild/linux-s390x': 0.25.12
+      '@esbuild/linux-x64': 0.25.12
+      '@esbuild/netbsd-arm64': 0.25.12
+      '@esbuild/netbsd-x64': 0.25.12
+      '@esbuild/openbsd-arm64': 0.25.12
+      '@esbuild/openbsd-x64': 0.25.12
+      '@esbuild/openharmony-arm64': 0.25.12
+      '@esbuild/sunos-x64': 0.25.12
+      '@esbuild/win32-arm64': 0.25.12
+      '@esbuild/win32-ia32': 0.25.12
+      '@esbuild/win32-x64': 0.25.12
+
+  escalade@3.2.0: {}
+
+  escape-string-regexp@5.0.0: {}
+
+  estree-util-attach-comments@3.0.0:
+    dependencies:
+      '@types/estree': 1.0.9
+
+  estree-util-build-jsx@3.0.1:
+    dependencies:
+      '@types/estree-jsx': 1.0.5
+      devlop: 1.1.0
+      estree-util-is-identifier-name: 3.0.0
+      estree-walker: 3.0.3
+
+  estree-util-is-identifier-name@3.0.0: {}
+
+  estree-util-scope@1.0.0:
+    dependencies:
+      '@types/estree': 1.0.9
+      devlop: 1.1.0
+
+  estree-util-to-js@2.0.0:
+    dependencies:
+      '@types/estree-jsx': 1.0.5
+      astring: 1.9.0
+      source-map: 0.7.6
+
+  estree-util-visit@2.0.0:
+    dependencies:
+      '@types/estree-jsx': 1.0.5
+      '@types/unist': 3.0.3
+
+  estree-walker@2.0.2: {}
+
+  estree-walker@3.0.3:
+    dependencies:
+      '@types/estree': 1.0.9
+
+  eventemitter3@5.0.4: {}
+
+  extend@3.0.2: {}
+
+  fast-deep-equal@3.1.3: {}
+
+  fast-uri@3.1.2: {}
+
+  fdir@6.5.0(picomatch@4.0.4):
+    optionalDependencies:
+      picomatch: 4.0.4
+
+  flattie@1.1.1: {}
+
+  fontace@0.4.1:
+    dependencies:
+      fontkitten: 1.0.3
+
+  fontkitten@1.0.3:
+    dependencies:
+      tiny-inflate: 1.0.3
+
+  fsevents@2.3.2:
+    optional: true
+
+  fsevents@2.3.3:
+    optional: true
+
+  gensync@1.0.0-beta.2: {}
+
+  get-caller-file@2.0.5: {}
+
+  get-east-asian-width@1.6.0: {}
+
+  github-slugger@2.0.0: {}
+
+  graceful-fs@4.2.11: {}
+
+  h3@1.15.11:
+    dependencies:
+      cookie-es: 1.2.3
+      crossws: 0.3.5
+      defu: 6.1.7
+      destr: 2.0.5
+      iron-webcrypto: 1.2.1
+      node-mock-http: 1.0.4
+      radix3: 1.1.2
+      ufo: 1.6.4
+      uncrypto: 0.1.3
+
+  hast-util-from-html@2.0.3:
+    dependencies:
+      '@types/hast': 3.0.4
+      devlop: 1.1.0
+      hast-util-from-parse5: 8.0.3
+      parse5: 7.3.0
+      vfile: 6.0.3
+      vfile-message: 4.0.3
+
+  hast-util-from-parse5@8.0.3:
+    dependencies:
+      '@types/hast': 3.0.4
+      '@types/unist': 3.0.3
+      devlop: 1.1.0
+      hastscript: 9.0.1
+      property-information: 7.1.0
+      vfile: 6.0.3
+      vfile-location: 5.0.3
+      web-namespaces: 2.0.1
+
+  hast-util-is-element@3.0.0:
+    dependencies:
+      '@types/hast': 3.0.4
+
+  hast-util-parse-selector@4.0.0:
+    dependencies:
+      '@types/hast': 3.0.4
+
+  hast-util-raw@9.1.0:
+    dependencies:
+      '@types/hast': 3.0.4
+      '@types/unist': 3.0.3
+      '@ungap/structured-clone': 1.3.1
+      hast-util-from-parse5: 8.0.3
+      hast-util-to-parse5: 8.0.1
+      html-void-elements: 3.0.0
+      mdast-util-to-hast: 13.2.1
+      parse5: 7.3.0
+      unist-util-position: 5.0.0
+      unist-util-visit: 5.1.0
+      vfile: 6.0.3
+      web-namespaces: 2.0.1
+      zwitch: 2.0.4
+
+  hast-util-to-estree@3.1.3:
+    dependencies:
+      '@types/estree': 1.0.9
+      '@types/estree-jsx': 1.0.5
+      '@types/hast': 3.0.4
+      comma-separated-tokens: 2.0.3
+      devlop: 1.1.0
+      estree-util-attach-comments: 3.0.0
+      estree-util-is-identifier-name: 3.0.0
+      hast-util-whitespace: 3.0.0
+      mdast-util-mdx-expression: 2.0.1
+      mdast-util-mdx-jsx: 3.2.0
+      mdast-util-mdxjs-esm: 2.0.1
+      property-information: 7.1.0
+      space-separated-tokens: 2.0.2
+      style-to-js: 1.1.21
+      unist-util-position: 5.0.0
+      zwitch: 2.0.4
+    transitivePeerDependencies:
+      - supports-color
+
+  hast-util-to-html@9.0.5:
+    dependencies:
+      '@types/hast': 3.0.4
+      '@types/unist': 3.0.3
+      ccount: 2.0.1
+      comma-separated-tokens: 2.0.3
+      hast-util-whitespace: 3.0.0
+      html-void-elements: 3.0.0
+      mdast-util-to-hast: 13.2.1
+      property-information: 7.1.0
+      space-separated-tokens: 2.0.2
+      stringify-entities: 4.0.4
+      zwitch: 2.0.4
+
+  hast-util-to-jsx-runtime@2.3.6:
+    dependencies:
+      '@types/estree': 1.0.9
+      '@types/hast': 3.0.4
+      '@types/unist': 3.0.3
+      comma-separated-tokens: 2.0.3
+      devlop: 1.1.0
+      estree-util-is-identifier-name: 3.0.0
+      hast-util-whitespace: 3.0.0
+      mdast-util-mdx-expression: 2.0.1
+      mdast-util-mdx-jsx: 3.2.0
+      mdast-util-mdxjs-esm: 2.0.1
+      property-information: 7.1.0
+      space-separated-tokens: 2.0.2
+      style-to-js: 1.1.21
+      unist-util-position: 5.0.0
+      vfile-message: 4.0.3
+    transitivePeerDependencies:
+      - supports-color
+
+  hast-util-to-parse5@8.0.1:
+    dependencies:
+      '@types/hast': 3.0.4
+      comma-separated-tokens: 2.0.3
+      devlop: 1.1.0
+      property-information: 7.1.0
+      space-separated-tokens: 2.0.2
+      web-namespaces: 2.0.1
+      zwitch: 2.0.4
+
+  hast-util-to-text@4.0.2:
+    dependencies:
+      '@types/hast': 3.0.4
+      '@types/unist': 3.0.3
+      hast-util-is-element: 3.0.0
+      unist-util-find-after: 5.0.0
+
+  hast-util-whitespace@3.0.0:
+    dependencies:
+      '@types/hast': 3.0.4
+
+  hastscript@9.0.1:
+    dependencies:
+      '@types/hast': 3.0.4
+      comma-separated-tokens: 2.0.3
+      hast-util-parse-selector: 4.0.0
+      property-information: 7.1.0
+      space-separated-tokens: 2.0.2
+
+  html-escaper@3.0.3: {}
+
+  html-void-elements@3.0.0: {}
+
+  http-cache-semantics@4.2.0: {}
+
+  husky@9.1.7: {}
+
+  import-meta-resolve@4.2.0: {}
+
+  inline-style-parser@0.2.7: {}
+
+  iron-webcrypto@1.2.1: {}
+
+  is-alphabetical@2.0.1: {}
+
+  is-alphanumerical@2.0.1:
+    dependencies:
+      is-alphabetical: 2.0.1
+      is-decimal: 2.0.1
+
+  is-decimal@2.0.1: {}
+
+  is-docker@3.0.0: {}
+
+  is-fullwidth-code-point@3.0.0: {}
+
+  is-hexadecimal@2.0.1: {}
+
+  is-inside-container@1.0.0:
+    dependencies:
+      is-docker: 3.0.0
+
+  is-plain-obj@4.1.0: {}
+
+  is-wsl@3.1.1:
+    dependencies:
+      is-inside-container: 1.0.0
+
+  jiti@2.7.0: {}
+
+  js-tokens@4.0.0: {}
+
+  js-yaml@4.1.1:
+    dependencies:
+      argparse: 2.0.1
+
+  jsesc@3.1.0: {}
+
+  json-schema-traverse@1.0.0: {}
+
+  json5@2.2.3: {}
+
+  jsonc-parser@2.3.1: {}
+
+  jsonc-parser@3.3.1: {}
+
+  kleur@3.0.3: {}
+
+  kleur@4.1.5: {}
+
+  lightningcss-darwin-arm64@1.30.1:
+    optional: true
+
+  lightningcss-darwin-x64@1.30.1:
+    optional: true
+
+  lightningcss-freebsd-x64@1.30.1:
+    optional: true
+
+  lightningcss-linux-arm-gnueabihf@1.30.1:
+    optional: true
+
+  lightningcss-linux-arm64-gnu@1.30.1:
+    optional: true
+
+  lightningcss-linux-arm64-musl@1.30.1:
+    optional: true
+
+  lightningcss-linux-x64-gnu@1.30.1:
+    optional: true
+
+  lightningcss-linux-x64-musl@1.30.1:
+    optional: true
+
+  lightningcss-win32-arm64-msvc@1.30.1:
+    optional: true
+
+  lightningcss-win32-x64-msvc@1.30.1:
+    optional: true
+
+  lightningcss@1.30.1:
+    dependencies:
+      detect-libc: 2.1.2
+    optionalDependencies:
+      lightningcss-darwin-arm64: 1.30.1
+      lightningcss-darwin-x64: 1.30.1
+      lightningcss-freebsd-x64: 1.30.1
+      lightningcss-linux-arm-gnueabihf: 1.30.1
+      lightningcss-linux-arm64-gnu: 1.30.1
+      lightningcss-linux-arm64-musl: 1.30.1
+      lightningcss-linux-x64-gnu: 1.30.1
+      lightningcss-linux-x64-musl: 1.30.1
+      lightningcss-win32-arm64-msvc: 1.30.1
+      lightningcss-win32-x64-msvc: 1.30.1
+
+  longest-streak@3.1.0: {}
+
+  lru-cache@11.3.6: {}
+
+  lru-cache@5.1.1:
+    dependencies:
+      yallist: 3.1.1
+
+  magic-string@0.30.21:
+    dependencies:
+      '@jridgewell/sourcemap-codec': 1.5.5
+
+  magicast@0.5.3:
+    dependencies:
+      '@babel/parser': 7.29.3
+      '@babel/types': 7.29.0
+      source-map-js: 1.2.1
+
+  markdown-extensions@2.0.0: {}
+
+  markdown-table@3.0.4: {}
+
+  mdast-util-definitions@6.0.0:
+    dependencies:
+      '@types/mdast': 4.0.4
+      '@types/unist': 3.0.3
+      unist-util-visit: 5.1.0
+
+  mdast-util-find-and-replace@3.0.2:
+    dependencies:
+      '@types/mdast': 4.0.4
+      escape-string-regexp: 5.0.0
+      unist-util-is: 6.0.1
+      unist-util-visit-parents: 6.0.2
+
+  mdast-util-from-markdown@2.0.3:
+    dependencies:
+      '@types/mdast': 4.0.4
+      '@types/unist': 3.0.3
+      decode-named-character-reference: 1.3.0
+      devlop: 1.1.0
+      mdast-util-to-string: 4.0.0
+      micromark: 4.0.2
+      micromark-util-decode-numeric-character-reference: 2.0.2
+      micromark-util-decode-string: 2.0.1
+      micromark-util-normalize-identifier: 2.0.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+      unist-util-stringify-position: 4.0.0
+    transitivePeerDependencies:
+      - supports-color
+
+  mdast-util-gfm-autolink-literal@2.0.1:
+    dependencies:
+      '@types/mdast': 4.0.4
+      ccount: 2.0.1
+      devlop: 1.1.0
+      mdast-util-find-and-replace: 3.0.2
+      micromark-util-character: 2.1.1
+
+  mdast-util-gfm-footnote@2.1.0:
+    dependencies:
+      '@types/mdast': 4.0.4
+      devlop: 1.1.0
+      mdast-util-from-markdown: 2.0.3
+      mdast-util-to-markdown: 2.1.2
+      micromark-util-normalize-identifier: 2.0.1
+    transitivePeerDependencies:
+      - supports-color
+
+  mdast-util-gfm-strikethrough@2.0.0:
+    dependencies:
+      '@types/mdast': 4.0.4
+      mdast-util-from-markdown: 2.0.3
+      mdast-util-to-markdown: 2.1.2
+    transitivePeerDependencies:
+      - supports-color
+
+  mdast-util-gfm-table@2.0.0:
+    dependencies:
+      '@types/mdast': 4.0.4
+      devlop: 1.1.0
+      markdown-table: 3.0.4
+      mdast-util-from-markdown: 2.0.3
+      mdast-util-to-markdown: 2.1.2
+    transitivePeerDependencies:
+      - supports-color
+
+  mdast-util-gfm-task-list-item@2.0.0:
+    dependencies:
+      '@types/mdast': 4.0.4
+      devlop: 1.1.0
+      mdast-util-from-markdown: 2.0.3
+      mdast-util-to-markdown: 2.1.2
+    transitivePeerDependencies:
+      - supports-color
+
+  mdast-util-gfm@3.1.0:
+    dependencies:
+      mdast-util-from-markdown: 2.0.3
+      mdast-util-gfm-autolink-literal: 2.0.1
+      mdast-util-gfm-footnote: 2.1.0
+      mdast-util-gfm-strikethrough: 2.0.0
+      mdast-util-gfm-table: 2.0.0
+      mdast-util-gfm-task-list-item: 2.0.0
+      mdast-util-to-markdown: 2.1.2
+    transitivePeerDependencies:
+      - supports-color
+
+  mdast-util-mdx-expression@2.0.1:
+    dependencies:
+      '@types/estree-jsx': 1.0.5
+      '@types/hast': 3.0.4
+      '@types/mdast': 4.0.4
+      devlop: 1.1.0
+      mdast-util-from-markdown: 2.0.3
+      mdast-util-to-markdown: 2.1.2
+    transitivePeerDependencies:
+      - supports-color
+
+  mdast-util-mdx-jsx@3.2.0:
+    dependencies:
+      '@types/estree-jsx': 1.0.5
+      '@types/hast': 3.0.4
+      '@types/mdast': 4.0.4
+      '@types/unist': 3.0.3
+      ccount: 2.0.1
+      devlop: 1.1.0
+      mdast-util-from-markdown: 2.0.3
+      mdast-util-to-markdown: 2.1.2
+      parse-entities: 4.0.2
+      stringify-entities: 4.0.4
+      unist-util-stringify-position: 4.0.0
+      vfile-message: 4.0.3
+    transitivePeerDependencies:
+      - supports-color
+
+  mdast-util-mdx@3.0.0:
+    dependencies:
+      mdast-util-from-markdown: 2.0.3
+      mdast-util-mdx-expression: 2.0.1
+      mdast-util-mdx-jsx: 3.2.0
+      mdast-util-mdxjs-esm: 2.0.1
+      mdast-util-to-markdown: 2.1.2
+    transitivePeerDependencies:
+      - supports-color
+
+  mdast-util-mdxjs-esm@2.0.1:
+    dependencies:
+      '@types/estree-jsx': 1.0.5
+      '@types/hast': 3.0.4
+      '@types/mdast': 4.0.4
+      devlop: 1.1.0
+      mdast-util-from-markdown: 2.0.3
+      mdast-util-to-markdown: 2.1.2
+    transitivePeerDependencies:
+      - supports-color
+
+  mdast-util-phrasing@4.1.0:
+    dependencies:
+      '@types/mdast': 4.0.4
+      unist-util-is: 6.0.1
+
+  mdast-util-to-hast@13.2.1:
+    dependencies:
+      '@types/hast': 3.0.4
+      '@types/mdast': 4.0.4
+      '@ungap/structured-clone': 1.3.1
+      devlop: 1.1.0
+      micromark-util-sanitize-uri: 2.0.1
+      trim-lines: 3.0.1
+      unist-util-position: 5.0.0
+      unist-util-visit: 5.1.0
+      vfile: 6.0.3
+
+  mdast-util-to-markdown@2.1.2:
+    dependencies:
+      '@types/mdast': 4.0.4
+      '@types/unist': 3.0.3
+      longest-streak: 3.1.0
+      mdast-util-phrasing: 4.1.0
+      mdast-util-to-string: 4.0.0
+      micromark-util-classify-character: 2.0.1
+      micromark-util-decode-string: 2.0.1
+      unist-util-visit: 5.1.0
+      zwitch: 2.0.4
+
+  mdast-util-to-string@4.0.0:
+    dependencies:
+      '@types/mdast': 4.0.4
+
+  mdn-data@2.0.28: {}
+
+  mdn-data@2.0.30: {}
+
+  mdn-data@2.27.1: {}
+
+  micromark-core-commonmark@2.0.3:
+    dependencies:
+      decode-named-character-reference: 1.3.0
+      devlop: 1.1.0
+      micromark-factory-destination: 2.0.1
+      micromark-factory-label: 2.0.1
+      micromark-factory-space: 2.0.1
+      micromark-factory-title: 2.0.1
+      micromark-factory-whitespace: 2.0.1
+      micromark-util-character: 2.1.1
+      micromark-util-chunked: 2.0.1
+      micromark-util-classify-character: 2.0.1
+      micromark-util-html-tag-name: 2.0.1
+      micromark-util-normalize-identifier: 2.0.1
+      micromark-util-resolve-all: 2.0.1
+      micromark-util-subtokenize: 2.1.0
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-extension-gfm-autolink-literal@2.1.0:
+    dependencies:
+      micromark-util-character: 2.1.1
+      micromark-util-sanitize-uri: 2.0.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-extension-gfm-footnote@2.1.0:
+    dependencies:
+      devlop: 1.1.0
+      micromark-core-commonmark: 2.0.3
+      micromark-factory-space: 2.0.1
+      micromark-util-character: 2.1.1
+      micromark-util-normalize-identifier: 2.0.1
+      micromark-util-sanitize-uri: 2.0.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-extension-gfm-strikethrough@2.1.0:
+    dependencies:
+      devlop: 1.1.0
+      micromark-util-chunked: 2.0.1
+      micromark-util-classify-character: 2.0.1
+      micromark-util-resolve-all: 2.0.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-extension-gfm-table@2.1.1:
+    dependencies:
+      devlop: 1.1.0
+      micromark-factory-space: 2.0.1
+      micromark-util-character: 2.1.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-extension-gfm-tagfilter@2.0.0:
+    dependencies:
+      micromark-util-types: 2.0.2
+
+  micromark-extension-gfm-task-list-item@2.1.0:
+    dependencies:
+      devlop: 1.1.0
+      micromark-factory-space: 2.0.1
+      micromark-util-character: 2.1.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-extension-gfm@3.0.0:
+    dependencies:
+      micromark-extension-gfm-autolink-literal: 2.1.0
+      micromark-extension-gfm-footnote: 2.1.0
+      micromark-extension-gfm-strikethrough: 2.1.0
+      micromark-extension-gfm-table: 2.1.1
+      micromark-extension-gfm-tagfilter: 2.0.0
+      micromark-extension-gfm-task-list-item: 2.1.0
+      micromark-util-combine-extensions: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-extension-mdx-expression@3.0.1:
+    dependencies:
+      '@types/estree': 1.0.9
+      devlop: 1.1.0
+      micromark-factory-mdx-expression: 2.0.3
+      micromark-factory-space: 2.0.1
+      micromark-util-character: 2.1.1
+      micromark-util-events-to-acorn: 2.0.3
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-extension-mdx-jsx@3.0.2:
+    dependencies:
+      '@types/estree': 1.0.9
+      devlop: 1.1.0
+      estree-util-is-identifier-name: 3.0.0
+      micromark-factory-mdx-expression: 2.0.3
+      micromark-factory-space: 2.0.1
+      micromark-util-character: 2.1.1
+      micromark-util-events-to-acorn: 2.0.3
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+      vfile-message: 4.0.3
+
+  micromark-extension-mdx-md@2.0.0:
+    dependencies:
+      micromark-util-types: 2.0.2
+
+  micromark-extension-mdxjs-esm@3.0.0:
+    dependencies:
+      '@types/estree': 1.0.9
+      devlop: 1.1.0
+      micromark-core-commonmark: 2.0.3
+      micromark-util-character: 2.1.1
+      micromark-util-events-to-acorn: 2.0.3
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+      unist-util-position-from-estree: 2.0.0
+      vfile-message: 4.0.3
+
+  micromark-extension-mdxjs@3.0.0:
+    dependencies:
+      acorn: 8.16.0
+      acorn-jsx: 5.3.2(acorn@8.16.0)
+      micromark-extension-mdx-expression: 3.0.1
+      micromark-extension-mdx-jsx: 3.0.2
+      micromark-extension-mdx-md: 2.0.0
+      micromark-extension-mdxjs-esm: 3.0.0
+      micromark-util-combine-extensions: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-factory-destination@2.0.1:
+    dependencies:
+      micromark-util-character: 2.1.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-factory-label@2.0.1:
+    dependencies:
+      devlop: 1.1.0
+      micromark-util-character: 2.1.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-factory-mdx-expression@2.0.3:
+    dependencies:
+      '@types/estree': 1.0.9
+      devlop: 1.1.0
+      micromark-factory-space: 2.0.1
+      micromark-util-character: 2.1.1
+      micromark-util-events-to-acorn: 2.0.3
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+      unist-util-position-from-estree: 2.0.0
+      vfile-message: 4.0.3
+
+  micromark-factory-space@2.0.1:
+    dependencies:
+      micromark-util-character: 2.1.1
+      micromark-util-types: 2.0.2
+
+  micromark-factory-title@2.0.1:
+    dependencies:
+      micromark-factory-space: 2.0.1
+      micromark-util-character: 2.1.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-factory-whitespace@2.0.1:
+    dependencies:
+      micromark-factory-space: 2.0.1
+      micromark-util-character: 2.1.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-util-character@2.1.1:
+    dependencies:
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-util-chunked@2.0.1:
+    dependencies:
+      micromark-util-symbol: 2.0.1
+
+  micromark-util-classify-character@2.0.1:
+    dependencies:
+      micromark-util-character: 2.1.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-util-combine-extensions@2.0.1:
+    dependencies:
+      micromark-util-chunked: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-util-decode-numeric-character-reference@2.0.2:
+    dependencies:
+      micromark-util-symbol: 2.0.1
+
+  micromark-util-decode-string@2.0.1:
+    dependencies:
+      decode-named-character-reference: 1.3.0
+      micromark-util-character: 2.1.1
+      micromark-util-decode-numeric-character-reference: 2.0.2
+      micromark-util-symbol: 2.0.1
+
+  micromark-util-encode@2.0.1: {}
+
+  micromark-util-events-to-acorn@2.0.3:
+    dependencies:
+      '@types/estree': 1.0.9
+      '@types/unist': 3.0.3
+      devlop: 1.1.0
+      estree-util-visit: 2.0.0
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+      vfile-message: 4.0.3
+
+  micromark-util-html-tag-name@2.0.1: {}
+
+  micromark-util-normalize-identifier@2.0.1:
+    dependencies:
+      micromark-util-symbol: 2.0.1
+
+  micromark-util-resolve-all@2.0.1:
+    dependencies:
+      micromark-util-types: 2.0.2
+
+  micromark-util-sanitize-uri@2.0.1:
+    dependencies:
+      micromark-util-character: 2.1.1
+      micromark-util-encode: 2.0.1
+      micromark-util-symbol: 2.0.1
+
+  micromark-util-subtokenize@2.1.0:
+    dependencies:
+      devlop: 1.1.0
+      micromark-util-chunked: 2.0.1
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+
+  micromark-util-symbol@2.0.1: {}
+
+  micromark-util-types@2.0.2: {}
+
+  micromark@4.0.2:
+    dependencies:
+      '@types/debug': 4.1.13
+      debug: 4.4.3
+      decode-named-character-reference: 1.3.0
+      devlop: 1.1.0
+      micromark-core-commonmark: 2.0.3
+      micromark-factory-space: 2.0.1
+      micromark-util-character: 2.1.1
+      micromark-util-chunked: 2.0.1
+      micromark-util-combine-extensions: 2.0.1
+      micromark-util-decode-numeric-character-reference: 2.0.2
+      micromark-util-encode: 2.0.1
+      micromark-util-normalize-identifier: 2.0.1
+      micromark-util-resolve-all: 2.0.1
+      micromark-util-sanitize-uri: 2.0.1
+      micromark-util-subtokenize: 2.1.0
+      micromark-util-symbol: 2.0.1
+      micromark-util-types: 2.0.2
+    transitivePeerDependencies:
+      - supports-color
+
+  minipass@7.1.3: {}
+
+  minizlib@3.1.0:
+    dependencies:
+      minipass: 7.1.3
+
+  mrmime@2.0.1: {}
+
+  ms@2.1.3: {}
+
+  muggle-string@0.4.1: {}
+
+  nanoid@3.3.12: {}
+
+  neotraverse@0.6.18: {}
+
+  nlcst-to-string@4.0.0:
+    dependencies:
+      '@types/nlcst': 2.0.3
+
+  node-fetch-native@1.6.7: {}
+
+  node-mock-http@1.0.4: {}
+
+  node-releases@2.0.44: {}
+
+  normalize-path@3.0.0: {}
+
+  nth-check@2.1.1:
+    dependencies:
+      boolbase: 1.0.0
+
+  ofetch@1.5.1:
+    dependencies:
+      destr: 2.0.5
+      node-fetch-native: 1.6.7
+      ufo: 1.6.4
+
+  ohash@2.0.11: {}
+
+  oniguruma-parser@0.12.2: {}
+
+  oniguruma-to-es@4.3.6:
+    dependencies:
+      oniguruma-parser: 0.12.2
+      regex: 6.1.0
+      regex-recursion: 6.0.2
+
+  p-limit@6.2.0:
+    dependencies:
+      yocto-queue: 1.2.2
+
+  p-queue@8.1.1:
+    dependencies:
+      eventemitter3: 5.0.4
+      p-timeout: 6.1.4
+
+  p-timeout@6.1.4: {}
+
+  package-manager-detector@1.6.0: {}
+
+  parse-entities@4.0.2:
+    dependencies:
+      '@types/unist': 2.0.11
+      character-entities-legacy: 3.0.0
+      character-reference-invalid: 2.0.1
+      decode-named-character-reference: 1.3.0
+      is-alphanumerical: 2.0.1
+      is-decimal: 2.0.1
+      is-hexadecimal: 2.0.1
+
+  parse-latin@7.0.0:
+    dependencies:
+      '@types/nlcst': 2.0.3
+      '@types/unist': 3.0.3
+      nlcst-to-string: 4.0.0
+      unist-util-modify-children: 4.0.0
+      unist-util-visit-children: 3.0.0
+      vfile: 6.0.3
+
+  parse5@7.3.0:
+    dependencies:
+      entities: 6.0.1
+
+  path-browserify@1.0.1: {}
+
+  piccolore@0.1.3: {}
+
+  picocolors@1.1.1: {}
+
+  picomatch@2.3.2: {}
+
+  picomatch@4.0.4: {}
+
+  playwright-core@1.59.1: {}
+
+  playwright@1.59.1:
+    dependencies:
+      playwright-core: 1.59.1
+    optionalDependencies:
+      fsevents: 2.3.2
+
+  postcss-selector-parser@6.0.10:
+    dependencies:
+      cssesc: 3.0.0
+      util-deprecate: 1.0.2
+
+  postcss@8.5.14:
+    dependencies:
+      nanoid: 3.3.12
+      picocolors: 1.1.1
+      source-map-js: 1.2.1
+
+  prettier@3.8.3: {}
+
+  prismjs@1.30.0: {}
+
+  prompts@2.4.2:
+    dependencies:
+      kleur: 3.0.3
+      sisteransi: 1.0.5
+
+  property-information@7.1.0: {}
+
+  radix3@1.1.2: {}
+
+  react-dom@19.2.0(react@19.2.0):
+    dependencies:
+      react: 19.2.0
+      scheduler: 0.27.0
+
+  react-refresh@0.17.0: {}
+
+  react@19.2.0: {}
+
+  readdirp@4.1.2: {}
+
+  readdirp@5.0.0: {}
+
+  recma-build-jsx@1.0.0:
+    dependencies:
+      '@types/estree': 1.0.9
+      estree-util-build-jsx: 3.0.1
+      vfile: 6.0.3
+
+  recma-jsx@1.0.1(acorn@8.16.0):
+    dependencies:
+      acorn: 8.16.0
+      acorn-jsx: 5.3.2(acorn@8.16.0)
+      estree-util-to-js: 2.0.0
+      recma-parse: 1.0.0
+      recma-stringify: 1.0.0
+      unified: 11.0.5
+
+  recma-parse@1.0.0:
+    dependencies:
+      '@types/estree': 1.0.9
+      esast-util-from-js: 2.0.1
+      unified: 11.0.5
+      vfile: 6.0.3
+
+  recma-stringify@1.0.0:
+    dependencies:
+      '@types/estree': 1.0.9
+      estree-util-to-js: 2.0.0
+      unified: 11.0.5
+      vfile: 6.0.3
+
+  regex-recursion@6.0.2:
+    dependencies:
+      regex-utilities: 2.3.0
+
+  regex-utilities@2.3.0: {}
+
+  regex@6.1.0:
+    dependencies:
+      regex-utilities: 2.3.0
+
+  rehype-parse@9.0.1:
+    dependencies:
+      '@types/hast': 3.0.4
+      hast-util-from-html: 2.0.3
+      unified: 11.0.5
+
+  rehype-raw@7.0.0:
+    dependencies:
+      '@types/hast': 3.0.4
+      hast-util-raw: 9.1.0
+      vfile: 6.0.3
+
+  rehype-recma@1.0.0:
+    dependencies:
+      '@types/estree': 1.0.9
+      '@types/hast': 3.0.4
+      hast-util-to-estree: 3.1.3
+    transitivePeerDependencies:
+      - supports-color
+
+  rehype-stringify@10.0.1:
+    dependencies:
+      '@types/hast': 3.0.4
+      hast-util-to-html: 9.0.5
+      unified: 11.0.5
+
+  rehype@13.0.2:
+    dependencies:
+      '@types/hast': 3.0.4
+      rehype-parse: 9.0.1
+      rehype-stringify: 10.0.1
+      unified: 11.0.5
+
+  remark-gfm@4.0.1:
+    dependencies:
+      '@types/mdast': 4.0.4
+      mdast-util-gfm: 3.1.0
+      micromark-extension-gfm: 3.0.0
+      remark-parse: 11.0.0
+      remark-stringify: 11.0.0
+      unified: 11.0.5
+    transitivePeerDependencies:
+      - supports-color
+
+  remark-mdx@3.1.1:
+    dependencies:
+      mdast-util-mdx: 3.0.0
+      micromark-extension-mdxjs: 3.0.0
+    transitivePeerDependencies:
+      - supports-color
+
+  remark-parse@11.0.0:
+    dependencies:
+      '@types/mdast': 4.0.4
+      mdast-util-from-markdown: 2.0.3
+      micromark-util-types: 2.0.2
+      unified: 11.0.5
+    transitivePeerDependencies:
+      - supports-color
+
+  remark-rehype@11.1.2:
+    dependencies:
+      '@types/hast': 3.0.4
+      '@types/mdast': 4.0.4
+      mdast-util-to-hast: 13.2.1
+      unified: 11.0.5
+      vfile: 6.0.3
+
+  remark-smartypants@3.0.2:
+    dependencies:
+      retext: 9.0.0
+      retext-smartypants: 6.2.0
+      unified: 11.0.5
+      unist-util-visit: 5.1.0
+
+  remark-stringify@11.0.0:
+    dependencies:
+      '@types/mdast': 4.0.4
+      mdast-util-to-markdown: 2.1.2
+      unified: 11.0.5
+
+  request-light@0.5.8: {}
+
+  request-light@0.7.0: {}
+
+  require-directory@2.1.1: {}
+
+  require-from-string@2.0.2: {}
+
+  retext-latin@4.0.0:
+    dependencies:
+      '@types/nlcst': 2.0.3
+      parse-latin: 7.0.0
+      unified: 11.0.5
+
+  retext-smartypants@6.2.0:
+    dependencies:
+      '@types/nlcst': 2.0.3
+      nlcst-to-string: 4.0.0
+      unist-util-visit: 5.1.0
+
+  retext-stringify@4.0.0:
+    dependencies:
+      '@types/nlcst': 2.0.3
+      nlcst-to-string: 4.0.0
+      unified: 11.0.5
+
+  retext@9.0.0:
+    dependencies:
+      '@types/nlcst': 2.0.3
+      retext-latin: 4.0.0
+      retext-stringify: 4.0.0
+      unified: 11.0.5
+
+  rollup@4.60.3:
+    dependencies:
+      '@types/estree': 1.0.8
+    optionalDependencies:
+      '@rollup/rollup-android-arm-eabi': 4.60.3
+      '@rollup/rollup-android-arm64': 4.60.3
+      '@rollup/rollup-darwin-arm64': 4.60.3
+      '@rollup/rollup-darwin-x64': 4.60.3
+      '@rollup/rollup-freebsd-arm64': 4.60.3
+      '@rollup/rollup-freebsd-x64': 4.60.3
+      '@rollup/rollup-linux-arm-gnueabihf': 4.60.3
+      '@rollup/rollup-linux-arm-musleabihf': 4.60.3
+      '@rollup/rollup-linux-arm64-gnu': 4.60.3
+      '@rollup/rollup-linux-arm64-musl': 4.60.3
+      '@rollup/rollup-linux-loong64-gnu': 4.60.3
+      '@rollup/rollup-linux-loong64-musl': 4.60.3
+      '@rollup/rollup-linux-ppc64-gnu': 4.60.3
+      '@rollup/rollup-linux-ppc64-musl': 4.60.3
+      '@rollup/rollup-linux-riscv64-gnu': 4.60.3
+      '@rollup/rollup-linux-riscv64-musl': 4.60.3
+      '@rollup/rollup-linux-s390x-gnu': 4.60.3
+      '@rollup/rollup-linux-x64-gnu': 4.60.3
+      '@rollup/rollup-linux-x64-musl': 4.60.3
+      '@rollup/rollup-openbsd-x64': 4.60.3
+      '@rollup/rollup-openharmony-arm64': 4.60.3
+      '@rollup/rollup-win32-arm64-msvc': 4.60.3
+      '@rollup/rollup-win32-ia32-msvc': 4.60.3
+      '@rollup/rollup-win32-x64-gnu': 4.60.3
+      '@rollup/rollup-win32-x64-msvc': 4.60.3
+      fsevents: 2.3.3
+
+  sax@1.6.0: {}
+
+  scheduler@0.27.0: {}
+
+  semver@6.3.1: {}
+
+  semver@7.8.0: {}
+
+  sharp@0.34.5:
+    dependencies:
+      '@img/colour': 1.1.0
+      detect-libc: 2.1.2
+      semver: 7.8.0
+    optionalDependencies:
+      '@img/sharp-darwin-arm64': 0.34.5
+      '@img/sharp-darwin-x64': 0.34.5
+      '@img/sharp-libvips-darwin-arm64': 1.2.4
+      '@img/sharp-libvips-darwin-x64': 1.2.4
+      '@img/sharp-libvips-linux-arm': 1.2.4
+      '@img/sharp-libvips-linux-arm64': 1.2.4
+      '@img/sharp-libvips-linux-ppc64': 1.2.4
+      '@img/sharp-libvips-linux-riscv64': 1.2.4
+      '@img/sharp-libvips-linux-s390x': 1.2.4
+      '@img/sharp-libvips-linux-x64': 1.2.4
+      '@img/sharp-libvips-linuxmusl-arm64': 1.2.4
+      '@img/sharp-libvips-linuxmusl-x64': 1.2.4
+      '@img/sharp-linux-arm': 0.34.5
+      '@img/sharp-linux-arm64': 0.34.5
+      '@img/sharp-linux-ppc64': 0.34.5
+      '@img/sharp-linux-riscv64': 0.34.5
+      '@img/sharp-linux-s390x': 0.34.5
+      '@img/sharp-linux-x64': 0.34.5
+      '@img/sharp-linuxmusl-arm64': 0.34.5
+      '@img/sharp-linuxmusl-x64': 0.34.5
+      '@img/sharp-wasm32': 0.34.5
+      '@img/sharp-win32-arm64': 0.34.5
+      '@img/sharp-win32-ia32': 0.34.5
+      '@img/sharp-win32-x64': 0.34.5
+
+  shiki@3.23.0:
+    dependencies:
+      '@shikijs/core': 3.23.0
+      '@shikijs/engine-javascript': 3.23.0
+      '@shikijs/engine-oniguruma': 3.23.0
+      '@shikijs/langs': 3.23.0
+      '@shikijs/themes': 3.23.0
+      '@shikijs/types': 3.23.0
+      '@shikijs/vscode-textmate': 10.0.2
+      '@types/hast': 3.0.4
+
+  sisteransi@1.0.5: {}
+
+  sitemap@8.0.3:
+    dependencies:
+      '@types/node': 17.0.45
+      '@types/sax': 1.2.7
+      arg: 5.0.2
+      sax: 1.6.0
+
+  smol-toml@1.6.1: {}
+
+  source-map-js@1.2.1: {}
+
+  source-map@0.7.6: {}
+
+  space-separated-tokens@2.0.2: {}
+
+  stream-replace-string@2.0.0: {}
+
+  string-width@4.2.3:
+    dependencies:
+      emoji-regex: 8.0.0
+      is-fullwidth-code-point: 3.0.0
+      strip-ansi: 6.0.1
+
+  string-width@7.2.0:
+    dependencies:
+      emoji-regex: 10.6.0
+      get-east-asian-width: 1.6.0
+      strip-ansi: 7.2.0
+
+  stringify-entities@4.0.4:
+    dependencies:
+      character-entities-html4: 2.1.0
+      character-entities-legacy: 3.0.0
+
+  strip-ansi@6.0.1:
+    dependencies:
+      ansi-regex: 5.0.1
+
+  strip-ansi@7.2.0:
+    dependencies:
+      ansi-regex: 6.2.2
+
+  style-to-js@1.1.21:
+    dependencies:
+      style-to-object: 1.0.14
+
+  style-to-object@1.0.14:
+    dependencies:
+      inline-style-parser: 0.2.7
+
+  svgo@3.3.2:
+    dependencies:
+      '@trysound/sax': 0.2.0
+      commander: 7.2.0
+      css-select: 5.2.2
+      css-tree: 2.3.1
+      css-what: 6.2.2
+      csso: 5.0.5
+      picocolors: 1.1.1
+
+  svgo@4.0.1:
+    dependencies:
+      commander: 11.1.0
+      css-select: 5.2.2
+      css-tree: 3.2.1
+      css-what: 6.2.2
+      csso: 5.0.5
+      picocolors: 1.1.1
+      sax: 1.6.0
+
+  tailwind-merge@3.3.1: {}
+
+  tailwindcss@4.1.14: {}
+
+  tapable@2.3.3: {}
+
+  tar@7.5.15:
+    dependencies:
+      '@isaacs/fs-minipass': 4.0.1
+      chownr: 3.0.0
+      minipass: 7.1.3
+      minizlib: 3.1.0
+      yallist: 5.0.0
+
+  tiny-inflate@1.0.3: {}
+
+  tinyexec@1.1.2: {}
+
+  tinyglobby@0.2.16:
+    dependencies:
+      fdir: 6.5.0(picomatch@4.0.4)
+      picomatch: 4.0.4
+
+  trim-lines@3.0.1: {}
+
+  trough@2.2.0: {}
+
+  tsconfck@3.1.6(typescript@5.9.3):
+    optionalDependencies:
+      typescript: 5.9.3
+
+  tslib@2.8.1:
+    optional: true
+
+  type-fest@4.41.0: {}
+
+  typesafe-path@0.2.2: {}
+
+  typescript-auto-import-cache@0.3.6:
+    dependencies:
+      semver: 7.8.0
+
+  typescript@5.9.3: {}
+
+  ufo@1.6.4: {}
+
+  ultrahtml@1.6.0: {}
+
+  uncrypto@0.1.3: {}
+
+  undici-types@7.14.0: {}
+
+  unified@11.0.5:
+    dependencies:
+      '@types/unist': 3.0.3
+      bail: 2.0.2
+      devlop: 1.1.0
+      extend: 3.0.2
+      is-plain-obj: 4.1.0
+      trough: 2.2.0
+      vfile: 6.0.3
+
+  unifont@0.7.4:
+    dependencies:
+      css-tree: 3.2.1
+      ofetch: 1.5.1
+      ohash: 2.0.11
+
+  unist-util-find-after@5.0.0:
+    dependencies:
+      '@types/unist': 3.0.3
+      unist-util-is: 6.0.1
+
+  unist-util-is@6.0.1:
+    dependencies:
+      '@types/unist': 3.0.3
+
+  unist-util-modify-children@4.0.0:
+    dependencies:
+      '@types/unist': 3.0.3
+      array-iterate: 2.0.1
+
+  unist-util-position-from-estree@2.0.0:
+    dependencies:
+      '@types/unist': 3.0.3
+
+  unist-util-position@5.0.0:
+    dependencies:
+      '@types/unist': 3.0.3
+
+  unist-util-remove-position@5.0.0:
+    dependencies:
+      '@types/unist': 3.0.3
+      unist-util-visit: 5.1.0
+
+  unist-util-stringify-position@4.0.0:
+    dependencies:
+      '@types/unist': 3.0.3
+
+  unist-util-visit-children@3.0.0:
+    dependencies:
+      '@types/unist': 3.0.3
+
+  unist-util-visit-parents@6.0.2:
+    dependencies:
+      '@types/unist': 3.0.3
+      unist-util-is: 6.0.1
+
+  unist-util-visit@5.1.0:
+    dependencies:
+      '@types/unist': 3.0.3
+      unist-util-is: 6.0.1
+      unist-util-visit-parents: 6.0.2
+
+  unstorage@1.17.5:
+    dependencies:
+      anymatch: 3.1.3
+      chokidar: 5.0.0
+      destr: 2.0.5
+      h3: 1.15.11
+      lru-cache: 11.3.6
+      node-fetch-native: 1.6.7
+      ofetch: 1.5.1
+      ufo: 1.6.4
+
+  update-browserslist-db@1.2.3(browserslist@4.28.2):
+    dependencies:
+      browserslist: 4.28.2
+      escalade: 3.2.0
+      picocolors: 1.1.1
+
+  util-deprecate@1.0.2: {}
+
+  vfile-location@5.0.3:
+    dependencies:
+      '@types/unist': 3.0.3
+      vfile: 6.0.3
+
+  vfile-message@4.0.3:
+    dependencies:
+      '@types/unist': 3.0.3
+      unist-util-stringify-position: 4.0.0
+
+  vfile@6.0.3:
+    dependencies:
+      '@types/unist': 3.0.3
+      vfile-message: 4.0.3
+
+  vite@6.4.2(@types/node@24.7.2)(jiti@2.7.0)(lightningcss@1.30.1)(yaml@2.9.0):
+    dependencies:
+      esbuild: 0.25.12
+      fdir: 6.5.0(picomatch@4.0.4)
+      picomatch: 4.0.4
+      postcss: 8.5.14
+      rollup: 4.60.3
+      tinyglobby: 0.2.16
+    optionalDependencies:
+      '@types/node': 24.7.2
+      fsevents: 2.3.3
+      jiti: 2.7.0
+      lightningcss: 1.30.1
+      yaml: 2.9.0
+
+  vitefu@1.1.3(vite@6.4.2(@types/node@24.7.2)(jiti@2.7.0)(lightningcss@1.30.1)(yaml@2.9.0)):
+    optionalDependencies:
+      vite: 6.4.2(@types/node@24.7.2)(jiti@2.7.0)(lightningcss@1.30.1)(yaml@2.9.0)
+
+  volar-service-css@0.0.70(@volar/language-service@2.4.28):
+    dependencies:
+      vscode-css-languageservice: 6.3.10
+      vscode-languageserver-textdocument: 1.0.12
+      vscode-uri: 3.1.0
+    optionalDependencies:
+      '@volar/language-service': 2.4.28
+
+  volar-service-emmet@0.0.70(@volar/language-service@2.4.28):
+    dependencies:
+      '@emmetio/css-parser': 0.4.1
+      '@emmetio/html-matcher': 1.3.0
+      '@vscode/emmet-helper': 2.11.0
+      vscode-uri: 3.1.0
+    optionalDependencies:
+      '@volar/language-service': 2.4.28
+
+  volar-service-html@0.0.70(@volar/language-service@2.4.28):
+    dependencies:
+      vscode-html-languageservice: 5.6.2
+      vscode-languageserver-textdocument: 1.0.12
+      vscode-uri: 3.1.0
+    optionalDependencies:
+      '@volar/language-service': 2.4.28
+
+  volar-service-prettier@0.0.70(@volar/language-service@2.4.28)(prettier@3.8.3):
+    dependencies:
+      vscode-uri: 3.1.0
+    optionalDependencies:
+      '@volar/language-service': 2.4.28
+      prettier: 3.8.3
+
+  volar-service-typescript-twoslash-queries@0.0.70(@volar/language-service@2.4.28):
+    dependencies:
+      vscode-uri: 3.1.0
+    optionalDependencies:
+      '@volar/language-service': 2.4.28
+
+  volar-service-typescript@0.0.70(@volar/language-service@2.4.28):
+    dependencies:
+      path-browserify: 1.0.1
+      semver: 7.8.0
+      typescript-auto-import-cache: 0.3.6
+      vscode-languageserver-textdocument: 1.0.12
+      vscode-nls: 5.2.0
+      vscode-uri: 3.1.0
+    optionalDependencies:
+      '@volar/language-service': 2.4.28
+
+  volar-service-yaml@0.0.70(@volar/language-service@2.4.28):
+    dependencies:
+      vscode-uri: 3.1.0
+      yaml-language-server: 1.20.0
+    optionalDependencies:
+      '@volar/language-service': 2.4.28
+
+  vscode-css-languageservice@6.3.10:
+    dependencies:
+      '@vscode/l10n': 0.0.18
+      vscode-languageserver-textdocument: 1.0.12
+      vscode-languageserver-types: 3.17.5
+      vscode-uri: 3.1.0
+
+  vscode-html-languageservice@5.6.2:
+    dependencies:
+      '@vscode/l10n': 0.0.18
+      vscode-languageserver-textdocument: 1.0.12
+      vscode-languageserver-types: 3.17.5
+      vscode-uri: 3.1.0
+
+  vscode-json-languageservice@4.1.8:
+    dependencies:
+      jsonc-parser: 3.3.1
+      vscode-languageserver-textdocument: 1.0.12
+      vscode-languageserver-types: 3.17.5
+      vscode-nls: 5.2.0
+      vscode-uri: 3.1.0
+
+  vscode-jsonrpc@8.2.0: {}
+
+  vscode-languageserver-protocol@3.17.5:
+    dependencies:
+      vscode-jsonrpc: 8.2.0
+      vscode-languageserver-types: 3.17.5
+
+  vscode-languageserver-textdocument@1.0.12: {}
+
+  vscode-languageserver-types@3.17.5: {}
+
+  vscode-languageserver@9.0.1:
+    dependencies:
+      vscode-languageserver-protocol: 3.17.5
+
+  vscode-nls@5.2.0: {}
+
+  vscode-uri@3.1.0: {}
+
+  web-namespaces@2.0.1: {}
+
+  which-pm-runs@1.1.0: {}
+
+  widest-line@5.0.0:
+    dependencies:
+      string-width: 7.2.0
+
+  wrap-ansi@7.0.0:
+    dependencies:
+      ansi-styles: 4.3.0
+      string-width: 4.2.3
+      strip-ansi: 6.0.1
+
+  wrap-ansi@9.0.2:
+    dependencies:
+      ansi-styles: 6.2.3
+      string-width: 7.2.0
+      strip-ansi: 7.2.0
+
+  xxhash-wasm@1.1.0: {}
+
+  y18n@5.0.8: {}
+
+  yallist@3.1.1: {}
+
+  yallist@5.0.0: {}
+
+  yaml-language-server@1.20.0:
+    dependencies:
+      '@vscode/l10n': 0.0.18
+      ajv: 8.20.0
+      ajv-draft-04: 1.0.0(ajv@8.20.0)
+      prettier: 3.8.3
+      request-light: 0.5.8
+      vscode-json-languageservice: 4.1.8
+      vscode-languageserver: 9.0.1
+      vscode-languageserver-textdocument: 1.0.12
+      vscode-languageserver-types: 3.17.5
+      vscode-uri: 3.1.0
+      yaml: 2.7.1
+
+  yaml@2.7.1: {}
+
+  yaml@2.9.0: {}
+
+  yargs-parser@21.1.1: {}
+
+  yargs@17.7.2:
+    dependencies:
+      cliui: 8.0.1
+      escalade: 3.2.0
+      get-caller-file: 2.0.5
+      require-directory: 2.1.1
+      string-width: 4.2.3
+      y18n: 5.0.8
+      yargs-parser: 21.1.1
+
+  yocto-queue@1.2.2: {}
+
+  yocto-spinner@0.2.3:
+    dependencies:
+      yoctocolors: 2.1.2
+
+  yoctocolors@2.1.2: {}
+
+  zod-to-json-schema@3.25.2(zod@3.25.76):
+    dependencies:
+      zod: 3.25.76
+
+  zod-to-ts@1.2.0(typescript@5.9.3)(zod@3.25.76):
+    dependencies:
+      typescript: 5.9.3
+      zod: 3.25.76
+
+  zod@3.25.76: {}
+
+  zwitch@2.0.4: {}
diff --git a/public/coi-serviceworker.js b/public/coi-serviceworker.js
new file mode 100644
index 000000000..97aef7013
--- /dev/null
+++ b/public/coi-serviceworker.js
@@ -0,0 +1,168 @@
+/*! coi-serviceworker v0.1.7 - Guido Zuidhof and contributors, licensed under MIT */
+let coepCredentialless = false;
+if (typeof window === "undefined") {
+  self.addEventListener("install", () => self.skipWaiting());
+  self.addEventListener("activate", (event) =>
+    event.waitUntil(self.clients.claim()),
+  );
+
+  self.addEventListener("message", (ev) => {
+    if (!ev.data) {
+      return;
+    } else if (ev.data.type === "deregister") {
+      self.registration
+        .unregister()
+        .then(() => {
+          return self.clients.matchAll();
+        })
+        .then((clients) => {
+          clients.forEach((client) => {
+            client.navigate(client.url);
+          });
+        });
+    } else if (ev.data.type === "coepCredentialless") {
+      coepCredentialless = ev.data.value;
+    }
+  });
+
+  self.addEventListener("fetch", (event) => {
+    const r = event.request;
+    if (r.cache === "only-if-cached" && r.mode !== "same-origin") {
+      return;
+    }
+
+    const request =
+      coepCredentialless && r.mode === "no-cors"
+        ? new Request(r, {
+            credentials: "omit",
+          })
+        : r;
+    event.respondWith(
+      fetch(request)
+        .then((response) => {
+          if (response.status === 0) {
+            return response;
+          }
+
+          const newHeaders = new Headers(response.headers);
+          newHeaders.set(
+            "Cross-Origin-Embedder-Policy",
+            coepCredentialless ? "credentialless" : "require-corp",
+          );
+          if (!coepCredentialless) {
+            newHeaders.set("Cross-Origin-Resource-Policy", "cross-origin");
+          }
+          newHeaders.set("Cross-Origin-Opener-Policy", "same-origin");
+
+          return new Response(response.body, {
+            status: response.status,
+            statusText: response.statusText,
+            headers: newHeaders,
+          });
+        })
+        .catch((e) => console.error(e)),
+    );
+  });
+} else {
+  (() => {
+    const reloadedBySelf = window.sessionStorage.getItem("coiReloadedBySelf");
+    window.sessionStorage.removeItem("coiReloadedBySelf");
+    const coepDegrading = reloadedBySelf === "coepdegrade";
+
+    // You can customize the behavior of this script through a global `coi` variable.
+    const coi = {
+      shouldRegister: () => !reloadedBySelf,
+      shouldDeregister: () => false,
+      coepCredentialless: () => true,
+      coepDegrade: () => true,
+      doReload: () => window.location.reload(),
+      quiet: false,
+      ...window.coi,
+    };
+
+    const n = navigator;
+    const controlling = n.serviceWorker?.controller;
+
+    // Record the failure if the page is served by serviceWorker.
+    if (controlling && !window.crossOriginIsolated) {
+      window.sessionStorage.setItem("coiCoepHasFailed", "true");
+    }
+    const coepHasFailed = window.sessionStorage.getItem("coiCoepHasFailed");
+
+    if (controlling) {
+      // Reload only on the first failure.
+      const reloadToDegrade =
+        coi.coepDegrade() && !(coepDegrading || window.crossOriginIsolated);
+      n.serviceWorker.controller.postMessage({
+        type: "coepCredentialless",
+        value:
+          reloadToDegrade || (coepHasFailed && coi.coepDegrade())
+            ? false
+            : coi.coepCredentialless(),
+      });
+      if (reloadToDegrade) {
+        !coi.quiet && console.log("Reloading page to degrade COEP.");
+        window.sessionStorage.setItem("coiReloadedBySelf", "coepdegrade");
+        coi.doReload("coepdegrade");
+      }
+
+      if (coi.shouldDeregister()) {
+        n.serviceWorker.controller.postMessage({ type: "deregister" });
+      }
+    }
+
+    // If we're already coi: do nothing. Perhaps it's due to this script doing its job, or COOP/COEP are
+    // already set from the origin server. Also if the browser has no notion of crossOriginIsolated, just give up here.
+    if (window.crossOriginIsolated !== false || !coi.shouldRegister()) return;
+
+    if (!window.isSecureContext) {
+      !coi.quiet &&
+        console.log(
+          "COOP/COEP Service Worker not registered, a secure context is required.",
+        );
+      return;
+    }
+
+    // In some environments (e.g. Firefox private mode) this won't be available
+    if (!n.serviceWorker) {
+      !coi.quiet &&
+        console.error(
+          "COOP/COEP Service Worker not registered, perhaps due to private mode.",
+        );
+      return;
+    }
+
+    n.serviceWorker.register(window.document.currentScript.src).then(
+      (registration) => {
+        !coi.quiet &&
+          console.log(
+            "COOP/COEP Service Worker registered",
+            registration.scope,
+          );
+
+        registration.addEventListener("updatefound", () => {
+          !coi.quiet &&
+            console.log(
+              "Reloading page to make use of updated COOP/COEP Service Worker.",
+            );
+          window.sessionStorage.setItem("coiReloadedBySelf", "updatefound");
+          coi.doReload();
+        });
+
+        // If the registration is active, but it's not controlling the page
+        if (registration.active && !n.serviceWorker.controller) {
+          !coi.quiet &&
+            console.log(
+              "Reloading page to make use of COOP/COEP Service Worker.",
+            );
+          window.sessionStorage.setItem("coiReloadedBySelf", "notcontrolling");
+          coi.doReload();
+        }
+      },
+      (err) => {
+        !coi.quiet &&
+          console.error("COOP/COEP Service Worker failed to register:", err);
+      },
+    );
+  })();
+}
diff --git a/public/downloads/logos/elixir-dark.svg b/public/downloads/logos/elixir-dark.svg
new file mode 100644
index 000000000..378c4fee0
--- /dev/null
+++ b/public/downloads/logos/elixir-dark.svg
@@ -0,0 +1 @@
+<svg fill="none" overflow="visible" preserveAspectRatio="none" style="display:block" viewBox="0 0 583 245" xmlns="http://www.w3.org/2000/svg"><g id="logo-elixir"><g id="symbol"><path fill="#8847B9" d="M125.504 111.281c-5.677-5.353-12.253-10.842-19.865-16.313-18.3-13.152-27.443-29.06-31.812-43.468 0 0-5.16 8.602-9.827 17.602C56.481 83.602 49.5 107.5 51 127c2.354 5.818 5.048 9.821 8.206 15.883 4.608 8.849 9.872 16.481 15.487 23.062q2.679.37 5.332.557c23.224 1.637 44.394-7.179 51.691-23.619 5.937-13.377-6.212-31.602-6.212-31.602"/><path fill="#B88CD9" d="M159.896 161.988C156.513 88.578 87.14 100.885 87.14 0a152 152 0 0 0-15.563 11.124s-4.4 18.453 2.25 40.376c4.37 14.409 13.512 30.316 31.812 43.468 7.612 5.471 14.188 10.96 19.865 16.313 28.735 27.099 34.392 50.707 34.392 50.707"/><path fill="#6E2E9E" d="M71.577 11.124S53.649 28.173 40.105 59.99a174 174 0 0 0-3.576 9.112S38.626 96.416 51 127c-1.5-19.5 5.481-43.398 13-57.898 4.667-9 9.826-17.602 9.826-17.602-6.648-21.923-2.25-40.376-2.25-40.376"/><path fill="var(--fill-0, #B88CD9)" d="M71.577 11.124c-21.02 17.105-36.483 38.81-47.545 60.844 0 0-4.218 20.93 1.717 48.915 0 0 .663-23.734 10.78-51.781a174 174 0 0 1 3.576-9.112C53.65 28.173 71.577 11.124 71.577 11.124"/><path fill="#8847B9" d="M24.032 71.968C6.572 106.745.076 142.345.001 161.988c0 0 14.733 24.636 53.497 32.921a120 120 0 0 0 15.4 2.237 132 132 0 0 1-5.031-5.074c-4.54-4.831-8.706-10.138-12.438-15.464-10.72-15.302-17.854-30.759-19.953-35.53-.463-.945-.643-1.494-.643-1.494-2.569-6.931-3.735-12.337-5.084-18.701-5.935-27.985-1.717-48.915-1.717-48.915"/><path fill="#6E2E9E" d="M110.056 194.096c36.101-8.969 49.84-32.108 49.84-32.108s-5.657-23.608-34.392-50.707c0 0 12.149 18.225 6.212 31.602-7.297 16.44-28.467 25.256-51.692 23.619a80 80 0 0 1-5.331-.557c11.201 13.13 23.797 22.076 35.363 28.151"/><path fill="#B88CD9" d="M160 165.169a120 120 0 0 0-.104-3.181s-13.739 23.139-49.84 32.108c20.82 10.936 38.302 12.573 38.302 12.573 7.387-12.093 11.642-26.301 11.642-41.5"/><path fill="#8847B9" d="M110.056 194.096c-8.678 2.156-18.649 3.493-30.031 3.493a138 138 0 0 1-11.127-.443c29.683 28.345 60.463 30.858 60.463 30.858a80.3 80.3 0 0 0 18.997-21.335s-17.482-1.637-38.302-12.573"/><path fill="#B88CD9" d="M68.898 197.146a120 120 0 0 1-15.4-2.237c.462 3.07.964 5.947 1.502 8.591 5.712 28.089 25.025 41.5 25.025 41.5 18.615 0 35.746-6.349 49.336-16.996 0 0-30.78-2.513-60.463-30.858"/><path fill="#A066CC" d="M.049 165.169C.049 209.258 35.855 245 80.025 245c0 0-19.313-13.411-25.025-41.5a171 171 0 0 1-1.502-8.591C14.734 186.624.001 161.988.001 161.988a80 80 0 0 0 .048 3.181"/><path fill="#531F7A" d="M80.025 197.589c11.382 0 21.353-1.337 30.031-3.493-11.566-6.075-24.162-15.021-35.363-28.151-5.615-6.581-10.879-14.213-15.487-23.062C56.048 136.821 53.354 132.818 51 127 38.626 96.416 36.529 69.102 36.529 69.102c-10.117 28.047-10.78 51.781-10.78 51.781 1.35 6.364 2.515 11.77 5.084 18.701 0 0 .218.528.643 1.494 2.099 4.771 9.233 20.228 19.953 35.53 3.732 5.326 7.898 10.633 12.438 15.464a132 132 0 0 0 5.031 5.074q.782.064 1.574.118c3.068.213 6.25.325 9.553.325"/></g><path id="name" fill="var(--fill-0, black)" d="M532.244 195.911v-92.758h14.262v16.087c8.809-12.326 20.764-18.385 34.397-16.713L583 116.524c-14.682-3.134-27.685 3.133-36.494 17.757v61.63zm-38.924 0v-92.758h14.262v92.758zm-2.727-128.064c0-5.432 4.404-9.82 9.858-9.82 5.453 0 9.857 4.388 9.857 9.82s-4.404 9.819-9.857 9.819c-5.454 0-9.858-4.387-9.858-9.82m-26.418 128.065-27.476-36.56-27.266 36.56h-16.779l35.656-47.006-34.817-45.752h16.989l26.846 35.724 26.427-35.724h16.779l-34.816 46.17 35.445 46.588zm-97.861 0v-92.758h14.263v92.758zm-2.726-128.064c0-5.432 4.404-9.82 9.858-9.82 5.453 0 9.857 4.388 9.857 9.82s-4.404 9.819-9.857 9.819c-5.454 0-9.858-4.387-9.858-9.82M327.39 195.911V48h14.262v147.911zM272.869 198C244.764 198 224 178.571 224 149.114c0-26.95 18.667-48.05 44.464-48.05 24.749 0 40.899 18.802 40.899 40.947 0 2.925-.21 5.432-.839 8.775h-70.472c.839 22.98 17.618 33.844 35.656 33.844 12.794 0 23.7-5.432 32.299-11.909l-5.034 17.967c-6.502 3.969-16.779 7.312-28.104 7.312m-33.768-58.705h56.209c0-13.37-11.116-25.069-26.636-25.069-15.311 0-26.217 10.236-29.573 25.069"/></g></svg>
\ No newline at end of file
diff --git a/public/downloads/logos/elixir-light.svg b/public/downloads/logos/elixir-light.svg
new file mode 100644
index 000000000..fe2ef9ca1
--- /dev/null
+++ b/public/downloads/logos/elixir-light.svg
@@ -0,0 +1 @@
+<svg fill="none" overflow="visible" preserveAspectRatio="none" style="display:block" viewBox="0 0 583 245" xmlns="http://www.w3.org/2000/svg"><g id="logo-elixir"><g id="symbol"><path fill="#8847B9" d="M125.504 111.281c-5.677-5.353-12.253-10.842-19.865-16.313-18.3-13.152-27.443-29.06-31.812-43.468 0 0-5.16 8.602-9.827 17.602C56.481 83.602 49.5 107.5 51 127c2.354 5.818 5.048 9.821 8.206 15.883 4.608 8.849 9.872 16.481 15.487 23.062q2.679.37 5.332.557c23.224 1.637 44.394-7.179 51.691-23.619 5.937-13.377-6.212-31.602-6.212-31.602"/><path fill="#B88CD9" d="M159.896 161.988C156.513 88.578 87.14 100.885 87.14 0a152 152 0 0 0-15.563 11.124s-4.4 18.453 2.25 40.376c4.37 14.409 13.512 30.316 31.812 43.468 7.612 5.471 14.188 10.96 19.865 16.313 28.735 27.099 34.392 50.707 34.392 50.707"/><path fill="#6E2E9E" d="M71.577 11.124S53.649 28.173 40.105 59.99a174 174 0 0 0-3.576 9.112S38.626 96.416 51 127c-1.5-19.5 5.481-43.398 13-57.898 4.667-9 9.826-17.602 9.826-17.602-6.648-21.923-2.25-40.376-2.25-40.376"/><path fill="var(--fill-0, #B88CD9)" d="M71.577 11.124c-21.02 17.105-36.483 38.81-47.545 60.844 0 0-4.218 20.93 1.717 48.915 0 0 .663-23.734 10.78-51.781a174 174 0 0 1 3.576-9.112C53.65 28.173 71.577 11.124 71.577 11.124"/><path fill="#8847B9" d="M24.032 71.968C6.572 106.745.076 142.345.001 161.988c0 0 14.733 24.636 53.497 32.921a120 120 0 0 0 15.4 2.237 132 132 0 0 1-5.031-5.074c-4.54-4.831-8.706-10.138-12.438-15.464-10.72-15.302-17.854-30.759-19.953-35.53-.463-.945-.643-1.494-.643-1.494-2.569-6.931-3.735-12.337-5.084-18.701-5.935-27.985-1.717-48.915-1.717-48.915"/><path fill="#6E2E9E" d="M110.056 194.096c36.101-8.969 49.84-32.108 49.84-32.108s-5.657-23.608-34.392-50.707c0 0 12.149 18.225 6.212 31.602-7.297 16.44-28.467 25.256-51.692 23.619a80 80 0 0 1-5.331-.557c11.201 13.13 23.797 22.076 35.363 28.151"/><path fill="#B88CD9" d="M160 165.169a120 120 0 0 0-.104-3.181s-13.739 23.139-49.84 32.108c20.82 10.936 38.302 12.573 38.302 12.573 7.387-12.093 11.642-26.301 11.642-41.5"/><path fill="#8847B9" d="M110.056 194.096c-8.678 2.156-18.649 3.493-30.031 3.493a138 138 0 0 1-11.127-.443c29.683 28.345 60.463 30.858 60.463 30.858a80.3 80.3 0 0 0 18.997-21.335s-17.482-1.637-38.302-12.573"/><path fill="#B88CD9" d="M68.898 197.146a120 120 0 0 1-15.4-2.237c.462 3.07.964 5.947 1.502 8.591 5.712 28.089 25.025 41.5 25.025 41.5 18.615 0 35.746-6.349 49.336-16.996 0 0-30.78-2.513-60.463-30.858"/><path fill="#A066CC" d="M.049 165.169C.049 209.258 35.855 245 80.025 245c0 0-19.313-13.411-25.025-41.5a171 171 0 0 1-1.502-8.591C14.734 186.624.001 161.988.001 161.988a80 80 0 0 0 .048 3.181"/><path fill="#531F7A" d="M80.025 197.589c11.382 0 21.353-1.337 30.031-3.493-11.566-6.075-24.162-15.021-35.363-28.151-5.615-6.581-10.879-14.213-15.487-23.062C56.048 136.821 53.354 132.818 51 127 38.626 96.416 36.529 69.102 36.529 69.102c-10.117 28.047-10.78 51.781-10.78 51.781 1.35 6.364 2.515 11.77 5.084 18.701 0 0 .218.528.643 1.494 2.099 4.771 9.233 20.228 19.953 35.53 3.732 5.326 7.898 10.633 12.438 15.464a132 132 0 0 0 5.031 5.074q.782.064 1.574.118c3.068.213 6.25.325 9.553.325"/></g><path id="name" fill="var(--fill-0, white)" d="M532.244 195.911v-92.758h14.262v16.087c8.809-12.326 20.764-18.385 34.397-16.713L583 116.524c-14.682-3.134-27.685 3.133-36.494 17.757v61.63zm-38.924 0v-92.758h14.262v92.758zm-2.727-128.064c0-5.432 4.404-9.82 9.858-9.82 5.453 0 9.857 4.388 9.857 9.82s-4.404 9.819-9.857 9.819c-5.454 0-9.858-4.387-9.858-9.82m-26.418 128.065-27.476-36.56-27.266 36.56h-16.779l35.656-47.006-34.817-45.752h16.989l26.846 35.724 26.427-35.724h16.779l-34.816 46.17 35.445 46.588zm-97.861 0v-92.758h14.263v92.758zm-2.726-128.064c0-5.432 4.404-9.82 9.858-9.82 5.453 0 9.857 4.388 9.857 9.82s-4.404 9.819-9.857 9.819c-5.454 0-9.858-4.387-9.858-9.82M327.39 195.911V48h14.262v147.911zM272.869 198C244.764 198 224 178.571 224 149.114c0-26.95 18.667-48.05 44.464-48.05 24.749 0 40.899 18.802 40.899 40.947 0 2.925-.21 5.432-.839 8.775h-70.472c.839 22.98 17.618 33.844 35.656 33.844 12.794 0 23.7-5.432 32.299-11.909l-5.034 17.967c-6.502 3.969-16.779 7.312-28.104 7.312m-33.768-58.705h56.209c0-13.37-11.116-25.069-26.636-25.069-15.311 0-26.217 10.236-29.573 25.069"/></g></svg>
\ No newline at end of file
diff --git a/images/cases/bg/change-graph.png b/public/images/cases/bg/change-graph.png
similarity index 100%
rename from images/cases/bg/change-graph.png
rename to public/images/cases/bg/change-graph.png
diff --git a/images/cases/bg/change.png b/public/images/cases/bg/change.png
similarity index 100%
rename from images/cases/bg/change.png
rename to public/images/cases/bg/change.png
diff --git a/images/cases/bg/cyanview-1.jpg b/public/images/cases/bg/cyanview-1.jpg
similarity index 100%
rename from images/cases/bg/cyanview-1.jpg
rename to public/images/cases/bg/cyanview-1.jpg
diff --git a/images/cases/bg/cyanview-2.jpg b/public/images/cases/bg/cyanview-2.jpg
similarity index 100%
rename from images/cases/bg/cyanview-2.jpg
rename to public/images/cases/bg/cyanview-2.jpg
diff --git a/images/cases/bg/cyanview-3.jpg b/public/images/cases/bg/cyanview-3.jpg
similarity index 100%
rename from images/cases/bg/cyanview-3.jpg
rename to public/images/cases/bg/cyanview-3.jpg
diff --git a/images/cases/bg/cyanview-4.jpg b/public/images/cases/bg/cyanview-4.jpg
similarity index 100%
rename from images/cases/bg/cyanview-4.jpg
rename to public/images/cases/bg/cyanview-4.jpg
diff --git a/images/cases/bg/discord.jpg b/public/images/cases/bg/discord.jpg
old mode 100755
new mode 100644
similarity index 100%
rename from images/cases/bg/discord.jpg
rename to public/images/cases/bg/discord.jpg
diff --git a/images/cases/bg/duffel.png b/public/images/cases/bg/duffel.png
similarity index 100%
rename from images/cases/bg/duffel.png
rename to public/images/cases/bg/duffel.png
diff --git a/images/cases/bg/farmbot.jpg b/public/images/cases/bg/farmbot.jpg
similarity index 100%
rename from images/cases/bg/farmbot.jpg
rename to public/images/cases/bg/farmbot.jpg
diff --git a/images/cases/bg/heroku.png b/public/images/cases/bg/heroku.png
similarity index 100%
rename from images/cases/bg/heroku.png
rename to public/images/cases/bg/heroku.png
diff --git a/images/cases/bg/met-france.png b/public/images/cases/bg/met-france.png
similarity index 100%
rename from images/cases/bg/met-france.png
rename to public/images/cases/bg/met-france.png
diff --git a/images/cases/bg/pepsico.jpg b/public/images/cases/bg/pepsico.jpg
similarity index 100%
rename from images/cases/bg/pepsico.jpg
rename to public/images/cases/bg/pepsico.jpg
diff --git a/images/cases/bg/remote.png b/public/images/cases/bg/remote.png
similarity index 100%
rename from images/cases/bg/remote.png
rename to public/images/cases/bg/remote.png
diff --git a/images/cases/bg/slab.png b/public/images/cases/bg/slab.png
similarity index 100%
rename from images/cases/bg/slab.png
rename to public/images/cases/bg/slab.png
diff --git a/images/cases/bg/sparkmeter-new-architecture.png b/public/images/cases/bg/sparkmeter-new-architecture.png
similarity index 100%
rename from images/cases/bg/sparkmeter-new-architecture.png
rename to public/images/cases/bg/sparkmeter-new-architecture.png
diff --git a/images/cases/bg/sparkmeter-old-architecture.png b/public/images/cases/bg/sparkmeter-old-architecture.png
similarity index 100%
rename from images/cases/bg/sparkmeter-old-architecture.png
rename to public/images/cases/bg/sparkmeter-old-architecture.png
diff --git a/images/cases/bg/v7.png b/public/images/cases/bg/v7.png
similarity index 100%
rename from images/cases/bg/v7.png
rename to public/images/cases/bg/v7.png
diff --git a/images/cases/bg/x-plane.jpg b/public/images/cases/bg/x-plane.jpg
similarity index 100%
rename from images/cases/bg/x-plane.jpg
rename to public/images/cases/bg/x-plane.jpg
diff --git a/images/contents/deps-tree-phoenix.svg b/public/images/contents/deps-tree-phoenix.svg
similarity index 100%
rename from images/contents/deps-tree-phoenix.svg
rename to public/images/contents/deps-tree-phoenix.svg
diff --git a/public/images/contents/exdoc-ecto-grouped-functions.png b/public/images/contents/exdoc-ecto-grouped-functions.png
new file mode 100644
index 000000000..9f5672314
Binary files /dev/null and b/public/images/contents/exdoc-ecto-grouped-functions.png differ
diff --git a/public/images/contents/exdoc-ecto-guides.gif b/public/images/contents/exdoc-ecto-guides.gif
new file mode 100644
index 000000000..808cfa876
Binary files /dev/null and b/public/images/contents/exdoc-ecto-guides.gif differ
diff --git a/public/images/contents/exdoc-erlang-telemetry.png b/public/images/contents/exdoc-erlang-telemetry.png
new file mode 100644
index 000000000..7a9441010
Binary files /dev/null and b/public/images/contents/exdoc-erlang-telemetry.png differ
diff --git a/public/images/contents/exdoc-full-text-search.png b/public/images/contents/exdoc-full-text-search.png
new file mode 100644
index 000000000..c448ceb6d
Binary files /dev/null and b/public/images/contents/exdoc-full-text-search.png differ
diff --git a/public/images/contents/exdoc-phoenix-current-design.png b/public/images/contents/exdoc-phoenix-current-design.png
new file mode 100644
index 000000000..30ccf9a32
Binary files /dev/null and b/public/images/contents/exdoc-phoenix-current-design.png differ
diff --git a/public/images/contents/exdoc-phoenix-original-design.jpg b/public/images/contents/exdoc-phoenix-original-design.jpg
new file mode 100644
index 000000000..0d4156407
Binary files /dev/null and b/public/images/contents/exdoc-phoenix-original-design.jpg differ
diff --git a/public/images/contents/exdoc-search-autocomplete.gif b/public/images/contents/exdoc-search-autocomplete.gif
new file mode 100644
index 000000000..f83209c0c
Binary files /dev/null and b/public/images/contents/exdoc-search-autocomplete.gif differ
diff --git a/public/images/contents/exdoc-source-code-link.gif b/public/images/contents/exdoc-source-code-link.gif
new file mode 100644
index 000000000..f1fa06770
Binary files /dev/null and b/public/images/contents/exdoc-source-code-link.gif differ
diff --git a/public/images/contents/exdoc-version-dropdown.gif b/public/images/contents/exdoc-version-dropdown.gif
new file mode 100644
index 000000000..a03c3d1c6
Binary files /dev/null and b/public/images/contents/exdoc-version-dropdown.gif differ
diff --git a/images/contents/exunit-ansi.png b/public/images/contents/exunit-ansi.png
similarity index 100%
rename from images/contents/exunit-ansi.png
rename to public/images/contents/exunit-ansi.png
diff --git a/images/contents/exunit-bare-assertion-diff.png b/public/images/contents/exunit-bare-assertion-diff.png
similarity index 100%
rename from images/contents/exunit-bare-assertion-diff.png
rename to public/images/contents/exunit-bare-assertion-diff.png
diff --git a/images/contents/exunit-diff.png b/public/images/contents/exunit-diff.png
similarity index 100%
rename from images/contents/exunit-diff.png
rename to public/images/contents/exunit-diff.png
diff --git a/images/contents/fast-fail.png b/public/images/contents/fast-fail.png
similarity index 100%
rename from images/contents/fast-fail.png
rename to public/images/contents/fast-fail.png
diff --git a/images/contents/gem.jpeg b/public/images/contents/gem.jpeg
similarity index 100%
rename from images/contents/gem.jpeg
rename to public/images/contents/gem.jpeg
diff --git a/images/contents/hash-dict-fetch.png b/public/images/contents/hash-dict-fetch.png
similarity index 100%
rename from images/contents/hash-dict-fetch.png
rename to public/images/contents/hash-dict-fetch.png
diff --git a/images/contents/hash-dict-update.png b/public/images/contents/hash-dict-update.png
similarity index 100%
rename from images/contents/hash-dict-update.png
rename to public/images/contents/hash-dict-update.png
diff --git a/images/contents/iex-auto-reload.mp4 b/public/images/contents/iex-auto-reload.mp4
similarity index 100%
rename from images/contents/iex-auto-reload.mp4
rename to public/images/contents/iex-auto-reload.mp4
diff --git a/images/contents/iex-coloring.png b/public/images/contents/iex-coloring.png
similarity index 100%
rename from images/contents/iex-coloring.png
rename to public/images/contents/iex-coloring.png
diff --git a/images/contents/iex-metadata.png b/public/images/contents/iex-metadata.png
similarity index 100%
rename from images/contents/iex-metadata.png
rename to public/images/contents/iex-metadata.png
diff --git a/images/contents/iex-pry.png b/public/images/contents/iex-pry.png
similarity index 100%
rename from images/contents/iex-pry.png
rename to public/images/contents/iex-pry.png
diff --git a/images/contents/livebook-boot-1.15.png b/public/images/contents/livebook-boot-1.15.png
similarity index 100%
rename from images/contents/livebook-boot-1.15.png
rename to public/images/contents/livebook-boot-1.15.png
diff --git a/public/images/contents/livebook-code-intellisense.mp4 b/public/images/contents/livebook-code-intellisense.mp4
new file mode 100644
index 000000000..cfe10e545
Binary files /dev/null and b/public/images/contents/livebook-code-intellisense.mp4 differ
diff --git a/images/contents/livebook-compile-1.15.png b/public/images/contents/livebook-compile-1.15.png
similarity index 100%
rename from images/contents/livebook-compile-1.15.png
rename to public/images/contents/livebook-compile-1.15.png
diff --git a/images/contents/string-help.png b/public/images/contents/string-help.png
similarity index 100%
rename from images/contents/string-help.png
rename to public/images/contents/string-help.png
diff --git a/images/contents/type-warning-case.png b/public/images/contents/type-warning-case.png
similarity index 100%
rename from images/contents/type-warning-case.png
rename to public/images/contents/type-warning-case.png
diff --git a/images/contents/type-warning-function-clause.png b/public/images/contents/type-warning-function-clause.png
similarity index 100%
rename from images/contents/type-warning-function-clause.png
rename to public/images/contents/type-warning-function-clause.png
diff --git a/images/contents/type-warning-in-editor.png b/public/images/contents/type-warning-in-editor.png
similarity index 100%
rename from images/contents/type-warning-in-editor.png
rename to public/images/contents/type-warning-in-editor.png
diff --git a/images/contents/type-warning-on-date-comparison.png b/public/images/contents/type-warning-on-date-comparison.png
similarity index 100%
rename from images/contents/type-warning-on-date-comparison.png
rename to public/images/contents/type-warning-on-date-comparison.png
diff --git a/images/contents/type-warning-on-struct-field.png b/public/images/contents/type-warning-on-struct-field.png
similarity index 100%
rename from images/contents/type-warning-on-struct-field.png
rename to public/images/contents/type-warning-on-struct-field.png
diff --git a/images/contents/type-warning-private.png b/public/images/contents/type-warning-private.png
similarity index 100%
rename from images/contents/type-warning-private.png
rename to public/images/contents/type-warning-private.png
diff --git a/public/images/logo/logo.png b/public/images/logo/logo.png
new file mode 100644
index 000000000..c75ab33e7
Binary files /dev/null and b/public/images/logo/logo.png differ
diff --git a/public/images/seo/favicon-128-elixir.png b/public/images/seo/favicon-128-elixir.png
new file mode 100644
index 000000000..73a4528fc
Binary files /dev/null and b/public/images/seo/favicon-128-elixir.png differ
diff --git a/public/images/seo/favicon-16-elixir.png b/public/images/seo/favicon-16-elixir.png
new file mode 100644
index 000000000..dea4c1f00
Binary files /dev/null and b/public/images/seo/favicon-16-elixir.png differ
diff --git a/public/images/seo/favicon-256-elixir.png b/public/images/seo/favicon-256-elixir.png
new file mode 100644
index 000000000..d3774ad0d
Binary files /dev/null and b/public/images/seo/favicon-256-elixir.png differ
diff --git a/public/images/seo/favicon-32-elixir.png b/public/images/seo/favicon-32-elixir.png
new file mode 100644
index 000000000..64a477136
Binary files /dev/null and b/public/images/seo/favicon-32-elixir.png differ
diff --git a/public/images/seo/favicon-512-elixir.png b/public/images/seo/favicon-512-elixir.png
new file mode 100644
index 000000000..5d49f9974
Binary files /dev/null and b/public/images/seo/favicon-512-elixir.png differ
diff --git a/public/images/seo/favicon-64-elixir.png b/public/images/seo/favicon-64-elixir.png
new file mode 100644
index 000000000..2c7b535d8
Binary files /dev/null and b/public/images/seo/favicon-64-elixir.png differ
diff --git a/public/images/seo/og-image-elixir.png b/public/images/seo/og-image-elixir.png
new file mode 100644
index 000000000..792c748bf
Binary files /dev/null and b/public/images/seo/og-image-elixir.png differ
diff --git a/install.bat b/public/install.bat
similarity index 99%
rename from install.bat
rename to public/install.bat
index fd65b83d9..da542cf7f 100755
--- a/install.bat
+++ b/public/install.bat
@@ -1,6 +1,6 @@
 @echo off
 REM See latest version at:
-REM https://github.com/elixir-lang/elixir-lang.github.com/blob/main/install.bat
+REM https://github.com/elixir-lang/elixir-lang.github.com/blob/main/public/install.bat
 
 setlocal EnableDelayedExpansion
 
diff --git a/install.sh b/public/install.sh
similarity index 99%
rename from install.sh
rename to public/install.sh
index f1647a15f..64f55b5c0 100755
--- a/install.sh
+++ b/public/install.sh
@@ -1,6 +1,6 @@
 #!/bin/sh
 # See latest version at:
-# https://github.com/elixir-lang/elixir-lang.github.com/blob/main/install.sh
+# https://github.com/elixir-lang/elixir-lang.github.com/blob/main/public/install.sh
 
 set -eu
 
diff --git a/public/robots.txt b/public/robots.txt
new file mode 100644
index 000000000..d4fe0df6d
--- /dev/null
+++ b/public/robots.txt
@@ -0,0 +1,4 @@
+User-agent: *
+Allow: /
+
+Sitemap: https://elixir-lang.org/sitemap-index.xml
diff --git a/scripts/optimize-svgs.mjs b/scripts/optimize-svgs.mjs
new file mode 100755
index 000000000..13a1756d0
--- /dev/null
+++ b/scripts/optimize-svgs.mjs
@@ -0,0 +1,70 @@
+#!/usr/bin/env node
+/**
+ * Optimize every SVG under src/assets/icons/ in place.
+ * Rejects files larger than 200 KB after optimization (catches raster images
+ * mistakenly committed as <svg> wrappers).
+ */
+import fs from "node:fs/promises";
+import path from "node:path";
+import { fileURLToPath } from "node:url";
+import { optimize } from "svgo";
+import config from "../svgo.config.mjs";
+
+const __dirname = path.dirname(fileURLToPath(import.meta.url));
+const ROOT = path.resolve(__dirname, "..");
+const ICONS = path.join(ROOT, "src/assets/icons");
+const SIZE_LIMIT = 200 * 1024;
+
+async function* walk(dir) {
+  for (const entry of await fs.readdir(dir, { withFileTypes: true })) {
+    const full = path.join(dir, entry.name);
+    if (entry.isDirectory()) {
+      yield* walk(full);
+    } else if (entry.isFile() && entry.name.endsWith(".svg")) {
+      yield full;
+    }
+  }
+}
+
+async function main() {
+  let count = 0;
+  let savedBytes = 0;
+  const oversized = [];
+
+  for await (const file of walk(ICONS)) {
+    const original = await fs.readFile(file, "utf-8");
+    const result = optimize(original, { ...config, path: file });
+    if (result.error) {
+      console.error(`✗ ${path.relative(ROOT, file)}: ${result.error}`);
+      process.exitCode = 1;
+      continue;
+    }
+    if (result.data.length > SIZE_LIMIT) {
+      oversized.push(`${path.relative(ROOT, file)} (${result.data.length} B)`);
+    }
+    if (result.data !== original) {
+      await fs.writeFile(file, result.data);
+      savedBytes += original.length - result.data.length;
+      console.log(
+        `✓ ${path.relative(ROOT, file)} (${original.length} → ${result.data.length} B)`,
+      );
+    }
+    count++;
+  }
+
+  console.log(
+    `\n${count} SVG${count === 1 ? "" : "s"} processed, ${savedBytes} B saved.`,
+  );
+
+  if (oversized.length) {
+    console.error(
+      `\n✗ ${oversized.length} SVG${oversized.length === 1 ? "" : "s"} exceed ${SIZE_LIMIT} bytes -- convert to AVIF/WebP or split:\n  ${oversized.join("\n  ")}`,
+    );
+    process.exitCode = 1;
+  }
+}
+
+main().catch((err) => {
+  console.error(err);
+  process.exit(1);
+});
diff --git a/src/assets/fonts/aeonik/aeonik-air-italic.otf b/src/assets/fonts/aeonik/aeonik-air-italic.otf
new file mode 100644
index 000000000..f5ddca065
Binary files /dev/null and b/src/assets/fonts/aeonik/aeonik-air-italic.otf differ
diff --git a/src/assets/fonts/aeonik/aeonik-air.otf b/src/assets/fonts/aeonik/aeonik-air.otf
new file mode 100644
index 000000000..f07344737
Binary files /dev/null and b/src/assets/fonts/aeonik/aeonik-air.otf differ
diff --git a/src/assets/fonts/aeonik/aeonik-black-italic.otf b/src/assets/fonts/aeonik/aeonik-black-italic.otf
new file mode 100644
index 000000000..6acd8168c
Binary files /dev/null and b/src/assets/fonts/aeonik/aeonik-black-italic.otf differ
diff --git a/src/assets/fonts/aeonik/aeonik-black.otf b/src/assets/fonts/aeonik/aeonik-black.otf
new file mode 100644
index 000000000..f34e4fe6e
Binary files /dev/null and b/src/assets/fonts/aeonik/aeonik-black.otf differ
diff --git a/src/assets/fonts/aeonik/aeonik-bold-italic.otf b/src/assets/fonts/aeonik/aeonik-bold-italic.otf
new file mode 100644
index 000000000..40ee06ef5
Binary files /dev/null and b/src/assets/fonts/aeonik/aeonik-bold-italic.otf differ
diff --git a/src/assets/fonts/aeonik/aeonik-bold.otf b/src/assets/fonts/aeonik/aeonik-bold.otf
new file mode 100644
index 000000000..dec59f31d
Binary files /dev/null and b/src/assets/fonts/aeonik/aeonik-bold.otf differ
diff --git a/src/assets/fonts/aeonik/aeonik-light-italic.otf b/src/assets/fonts/aeonik/aeonik-light-italic.otf
new file mode 100644
index 000000000..999415e76
Binary files /dev/null and b/src/assets/fonts/aeonik/aeonik-light-italic.otf differ
diff --git a/src/assets/fonts/aeonik/aeonik-light.otf b/src/assets/fonts/aeonik/aeonik-light.otf
new file mode 100644
index 000000000..2a7b77940
Binary files /dev/null and b/src/assets/fonts/aeonik/aeonik-light.otf differ
diff --git a/src/assets/fonts/aeonik/aeonik-medium-italic.otf b/src/assets/fonts/aeonik/aeonik-medium-italic.otf
new file mode 100644
index 000000000..676a22442
Binary files /dev/null and b/src/assets/fonts/aeonik/aeonik-medium-italic.otf differ
diff --git a/src/assets/fonts/aeonik/aeonik-medium.otf b/src/assets/fonts/aeonik/aeonik-medium.otf
new file mode 100644
index 000000000..cd9981f43
Binary files /dev/null and b/src/assets/fonts/aeonik/aeonik-medium.otf differ
diff --git a/src/assets/fonts/aeonik/aeonik-regular-italic.otf b/src/assets/fonts/aeonik/aeonik-regular-italic.otf
new file mode 100644
index 000000000..ab666da8f
Binary files /dev/null and b/src/assets/fonts/aeonik/aeonik-regular-italic.otf differ
diff --git a/src/assets/fonts/aeonik/aeonik-regular.otf b/src/assets/fonts/aeonik/aeonik-regular.otf
new file mode 100644
index 000000000..9bd378ed2
Binary files /dev/null and b/src/assets/fonts/aeonik/aeonik-regular.otf differ
diff --git a/src/assets/fonts/aeonik/aeonik-thin-italic.otf b/src/assets/fonts/aeonik/aeonik-thin-italic.otf
new file mode 100644
index 000000000..4da7c40c6
Binary files /dev/null and b/src/assets/fonts/aeonik/aeonik-thin-italic.otf differ
diff --git a/src/assets/fonts/aeonik/aeonik-thin.otf b/src/assets/fonts/aeonik/aeonik-thin.otf
new file mode 100644
index 000000000..c6e03b899
Binary files /dev/null and b/src/assets/fonts/aeonik/aeonik-thin.otf differ
diff --git a/src/assets/icons/blog/book.svg b/src/assets/icons/blog/book.svg
new file mode 100644
index 000000000..ee61f150c
--- /dev/null
+++ b/src/assets/icons/blog/book.svg
@@ -0,0 +1 @@
+<svg fill="none" aria-hidden="true" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 7v14m-9-3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z"/></svg>
\ No newline at end of file
diff --git a/src/assets/icons/community/discord-footer.svg b/src/assets/icons/community/discord-footer.svg
new file mode 100644
index 000000000..a6ab12e0a
--- /dev/null
+++ b/src/assets/icons/community/discord-footer.svg
@@ -0,0 +1 @@
+<svg fill="none" overflow="visible" style="display:block" viewBox="0 0 21.656 24" xmlns="http://www.w3.org/2000/svg"><g id="Group"><path id="Vector" fill="var(--fill-0, white)" d="M19.05 0c1.407 0 2.54 1.137 2.606 2.477V24l-2.676-2.273-1.468-1.336-1.606-1.399.668 2.204H2.54c-1.404 0-2.54-1.063-2.54-2.477V2.481C0 1.141 1.137.005 2.543.005h16.5zm-6.117 5.684h-.031l-.204.199c2.075.601 3.078 1.539 3.078 1.539-1.335-.668-2.543-1.004-3.746-1.14-.867-.133-1.739-.063-2.473 0h-.203c-.469 0-1.468.202-2.809.737-.465.204-.734.336-.734.336s1-1.004 3.21-1.539l-.136-.132s-1.671-.067-3.476 1.27c0 0-1.804 3.144-1.804 7.018 0 0 1 1.739 3.742 1.805 0 0 .402-.531.805-1-1.54-.469-2.14-1.406-2.14-1.406s.136.067.335.2h.059c.031 0 .047.015.062.031v.007c.016.016.032.027.059.027.332.137.66.27.93.403a8.5 8.5 0 0 0 1.8.535c.93.136 1.996.2 3.211 0 .598-.137 1.2-.266 1.8-.535.388-.2.868-.399 1.395-.739 0 0-.598.938-2.203 1.407.328.465.792 1 .792 1 2.746-.063 3.812-1.801 3.871-1.727 0-3.87-1.817-7.02-1.817-7.02-1.632-1.214-3.164-1.26-3.433-1.26l.055-.02zm.168 4.414c.704 0 1.27.598 1.27 1.332 0 .743-.57 1.34-1.27 1.34-.703 0-1.27-.598-1.27-1.332 0-.743.57-1.34 1.27-1.34m-4.543 0c.7 0 1.266.598 1.266 1.332 0 .743-.57 1.34-1.27 1.34-.703 0-1.273-.598-1.273-1.332 0-.743.57-1.34 1.274-1.34z"/></g></svg>
\ No newline at end of file
diff --git a/src/assets/icons/community/discord-icon.svg b/src/assets/icons/community/discord-icon.svg
new file mode 100644
index 000000000..e921f0a45
--- /dev/null
+++ b/src/assets/icons/community/discord-icon.svg
@@ -0,0 +1 @@
+<svg fill="none" overflow="visible" style="display:block" viewBox="0 0 32 24.771" xmlns="http://www.w3.org/2000/svg"><g id="Group"><path id="Vector" fill="var(--fill-0, #1A1221)" d="M27.107 2.075A26 26 0 0 0 20.505 0a19 19 0 0 0-.845 1.756 24.2 24.2 0 0 0-7.317 0A19 19 0 0 0 11.487 0 26 26 0 0 0 4.88 2.08C.702 8.393-.43 14.55.136 20.62c2.771 2.069 5.457 3.326 8.097 4.149a20 20 0 0 0 1.734-2.856 17 17 0 0 1-2.73-1.33q.343-.255.669-.53c5.265 2.464 10.986 2.464 16.188 0q.33.275.67.53a17 17 0 0 1-2.736 1.332c.5 1.003 1.08 1.959 1.734 2.856 2.643-.823 5.33-2.08 8.102-4.152.665-7.035-1.135-13.136-4.757-18.544M10.684 16.887c-1.58 0-2.877-1.476-2.877-3.273 0-1.796 1.269-3.275 2.877-3.275 1.609 0 2.905 1.476 2.877 3.275.003 1.797-1.268 3.273-2.877 3.273m10.632 0c-1.581 0-2.877-1.476-2.877-3.273 0-1.796 1.268-3.275 2.877-3.275s2.904 1.476 2.877 3.275c0 1.797-1.27 3.273-2.877 3.273"/></g></svg>
\ No newline at end of file
diff --git a/src/assets/icons/community/eef-logo.svg b/src/assets/icons/community/eef-logo.svg
new file mode 100644
index 000000000..930b4af88
--- /dev/null
+++ b/src/assets/icons/community/eef-logo.svg
@@ -0,0 +1 @@
+<svg fill="none" overflow="visible" style="display:block" viewBox="0 0 96 40" xmlns="http://www.w3.org/2000/svg"><g id="Frame 1171277885" clip-path="url(#a)"><path id="path10" fill="var(--fill-0, white)" d="M50.93 62.304c1.716 0 2.965 1.245 2.965 3.294 0 2.786-1.95 4.549-4.112 4.549-1.716 0-2.975-1.245-2.975-3.294 0-2.786 1.95-4.549 4.122-4.549m-35.953.11-.65 4.417c-.082.584-.142 1.102.06 1.487.183.353.518.573 1.016.573.497 0 .894-.22 1.178-.573.295-.361.403-.839.482-1.378l.015-.109.65-4.417h1.3l-.65 4.461c-.152 1.014-.386 1.752-.944 2.357-.528.584-1.28.915-2.214.915s-1.584-.33-1.95-.915c-.37-.582-.403-1.287-.27-2.241l.017-.116.65-4.46zm-5.778-.11c1.716 0 2.965 1.245 2.965 3.294 0 2.786-1.95 4.549-4.112 4.549-1.716 0-2.975-1.245-2.975-3.294 0-2.786 1.95-4.549 4.122-4.549m47.61.11 2.437 5.54.001-.01c.012-.097.103-.883.22-1.7l.013-.085.548-3.745h1.27l-1.108 7.6h-1.31l-2.487-5.606s-.1.801-.218 1.625l-.036.248-.548 3.733h-1.27l1.107-7.6zm-10.478 0-1.107 7.6h-1.3l1.107-7.6zm-2.051 0-.173 1.157H42.29l-.945 6.443h-1.279l.944-6.443h-1.827l.172-1.157zm-6.844-.01 1.493 7.61h-1.412l-.314-1.75h-2.58l-.822 1.75h-1.34l3.706-7.61zm-7.696.01c1.888 0 3.097 1.102 3.097 3.184 0 2.574-1.817 4.366-4.107 4.415l-.097.001h-2.152l1.106-7.6zm-8.032 0 2.437 5.54s.09-.783.21-1.626l.024-.169.548-3.745h1.27l-1.107 7.6h-1.31l-2.488-5.606s-.1.801-.218 1.625l-.036.248-.548 3.733h-1.27l1.108-7.6zm-16.641 0-.173 1.201h-2.66l-.315 2.137h2.508l-.173 1.178H1.746L1.3 70.014H0l1.107-7.6zm45.68 1.135c-1.38 0-2.578 1.233-2.578 3.128 0 1.366.74 2.214 1.797 2.214 1.39 0 2.579-1.256 2.579-3.15 0-1.355-.731-2.192-1.797-2.192m-41.73 0c-1.382 0-2.58 1.233-2.58 3.128 0 1.366.742 2.214 1.798 2.214 1.39 0 2.579-1.256 2.579-3.15 0-1.355-.732-2.192-1.798-2.192m20.601.066h-.904l-.761 5.188h.904c1.583 0 2.63-1.388 2.63-3.062 0-1.333-.59-2.126-1.869-2.126m6.925.43-1.432 3.073h1.95zm25.415-16.75c1.01 0 1.632.421 1.984.866l.037.048-.752 1.025c-.375-.441-.842-.76-1.36-.76-.63 0-1.137.352-1.137.969 0 .463.305.654.59.805l.04.021 1.015.518c.74.341 1.055.892 1.055 1.63 0 1.575-1.106 2.698-2.76 2.698-1.022 0-1.72-.566-2.095-1.12l-.038-.058.762-1.035c.446.65 1.015 1.002 1.614 1.002.7 0 1.188-.419 1.188-1.168 0-.462-.264-.66-.752-.892-.325-.154-.64-.32-.974-.474-.295-.132-.965-.506-.965-1.597 0-1.42 1.219-2.478 2.548-2.478m-12.436-.022c1.273 0 1.932.592 2.164.91l.02.026-.62 1.168c-.142-.287-.812-.87-1.767-.87-1.279 0-2.527 1.08-2.527 3.16 0 1.345.69 2.215 1.837 2.215.848 0 1.5-.406 1.963-.867l.057-.059.295 1.08c-.447.463-1.249 1.08-2.569 1.08-1.736 0-2.944-1.267-2.944-3.294 0-2.743 1.919-4.549 4.091-4.549m22.893.022c1.01 0 1.63.421 1.983.866l.037.048-.751 1.025c-.376-.441-.843-.76-1.36-.76-.63 0-1.138.352-1.138.969 0 .463.306.654.59.805l.04.021 1.015.518c.741.341 1.056.892 1.056 1.63 0 1.575-1.107 2.698-2.762 2.698-1.02 0-1.718-.566-2.094-1.12l-.037-.058.761-1.035c.447.65 1.015 1.002 1.614 1.002.7 0 1.188-.419 1.188-1.168 0-.462-.264-.66-.751-.892-.325-.154-.64-.32-.975-.474-.294-.132-.964-.506-.964-1.597 0-1.42 1.218-2.478 2.548-2.478m-16.883-.022c1.716 0 2.965 1.245 2.965 3.293 0 2.787-1.95 4.55-4.112 4.55-1.715 0-2.974-1.245-2.974-3.294 0-2.787 1.949-4.549 4.121-4.549m-20.557 0c1.68 0 2.318 1.002 2.515 1.303l.013.019-.985.848c-.264-.44-.751-.958-1.716-.958-1.37 0-2.538 1.233-2.538 3.194 0 1.388.731 2.203 1.787 2.203 1.074 0 1.578-.453 1.677-.553l.018-.02.203-1.399h-1.573l.162-1.112h2.833l-.447 3.05c-.294.254-1.3 1.267-3.066 1.267-1.685 0-2.954-1.145-2.954-3.26 0-2.83 1.99-4.582 4.07-4.582m52.921.11.762 5.408h.01l2.395-5.408h1.645l-.497 7.6h-1.28l.427-5.738h-.02l-2.559 5.771h-1.005l-.852-5.771h-.03l-1.29 5.738h-1.239l1.746-7.6zm-73.072 0-.934 6.41h2.314l-.172 1.19h-3.604l1.106-7.6zm30.384 0-.173 1.19h-2.832l-.274 1.883h2.67l-.173 1.179h-2.67l-.314 2.159h2.913l-.172 1.19H39.97l1.106-7.6zm-35.105 0c1.269 0 2.122.672 2.122 1.884 0 1.453-.708 2.085-1.697 2.432l-.07.024 1.31 3.26h-1.513L9.15 51.9h-.58l-.447 3.084H6.824l1.107-7.6zm-3.34 0-.172 1.19H3.758l-.274 1.883h2.67l-.173 1.179h-2.67l-.314 2.159H5.91l-.172 1.19H1.525l1.106-7.6zm77.925 0-.172 1.19h-2.833l-.274 1.883h2.67l-.172 1.179h-2.67l-.315 2.159h2.913l-.172 1.19H79.45l1.106-7.6zm-4.883 0-.172 1.157h-1.817l-.945 6.443h-1.279l.944-6.443H74.71l.173-1.157zm-58.505-.01 1.493 7.61h-1.411l-.315-1.751h-2.579l-.822 1.751h-1.34l3.706-7.61zm44.283.01 1.055 3.26 1.99-3.26h1.442l-2.965 4.472-.457 3.128H65.35l.457-3.128-1.655-4.472zm-39.613 0 2.437 5.54s.089-.784.209-1.626l.024-.169.548-3.745h1.27l-1.107 7.6h-1.31l-2.487-5.606s-.1.8-.218 1.625l-.036.247-.548 3.734h-1.269l1.107-7.6zm29.38 1.135c-1.381 0-2.579 1.233-2.579 3.128 0 1.366.741 2.214 1.797 2.214 1.39 0 2.578-1.256 2.578-3.15 0-1.355-.73-2.192-1.796-2.192m-34.943.495-1.431 3.073h1.949zm-10.7-.506h-.65l-.324 2.269h.65c.893 0 1.492-.386 1.492-1.333 0-.661-.457-.936-1.168-.936m64.94-18.703c.421 0 .763.366.763.817a1 1 0 0 1-.007.106l-.983 7.993c-.05.407-.373.71-.755.71h-7.667c-.42 0-.762-.365-.762-.816q0-.054.007-.107l.982-7.993c.05-.406.374-.71.756-.71zm-44.776 0c.42 0 .762.366.762.817a1 1 0 0 1-.006.106l-.98 7.993c-.05.407-.374.71-.757.71H4.06c-.421 0-.763-.365-.763-.816q0-.053.007-.107l.98-7.993c.05-.406.373-.71.756-.71zm30.97 0c.42 0 .762.366.762.817a1 1 0 0 1-.007.106l-.98 7.993c-.05.407-.373.71-.756.71h-24.83c-.422 0-.763-.365-.763-.816a1 1 0 0 1 .007-.107l.98-7.993c.05-.406.373-.71.756-.71zm32.904-15.128c.421 0 .763.366.763.817a1 1 0 0 1-.007.106l-.98 7.993c-.05.407-.373.71-.756.71h-24.83c-.421 0-.763-.365-.763-.816q0-.054.007-.107l.98-7.993c.05-.406.373-.71.756-.71zm-61.939 0c.421 0 .763.366.763.817a1 1 0 0 1-.007.106l-.98 7.993c-.05.407-.373.71-.756.71H5.994c-.42 0-.762-.365-.762-.816q0-.054.007-.107l.98-7.993c.05-.406.373-.71.756-.71zm30.97 0c.42 0 .762.366.762.817a1 1 0 0 1-.006.106l-.98 7.993c-.05.407-.374.71-.756.71H36.964c-.421 0-.762-.365-.762-.816q0-.054.006-.107l.98-7.993c.05-.406.374-.71.756-.71zM95.358-.108c.421 0 .763.366.763.817a1 1 0 0 1-.007.106l-.98 7.993c-.05.407-.373.71-.756.71H69.547c-.421 0-.763-.365-.763-.816a1 1 0 0 1 .007-.107l.98-7.993c.05-.406.373-.71.756-.71zm-61.939 0c.421 0 .763.366.763.817a1 1 0 0 1-.007.106l-.98 7.993c-.05.407-.373.71-.756.71H7.607c-.42 0-.762-.365-.762-.816q0-.053.007-.107l.98-7.993c.05-.406.373-.71.756-.71zm30.97 0c.42 0 .762.366.762.817a1 1 0 0 1-.006.106l-.98 7.993c-.05.407-.374.71-.756.71H38.577c-.421 0-.762-.365-.762-.816a1 1 0 0 1 .006-.107l.98-7.993c.05-.406.374-.71.756-.71z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h96v40H0z"/></clipPath></defs></svg>
\ No newline at end of file
diff --git a/src/assets/icons/community/slack-footer.svg b/src/assets/icons/community/slack-footer.svg
new file mode 100644
index 000000000..5fd7ac708
--- /dev/null
+++ b/src/assets/icons/community/slack-footer.svg
@@ -0,0 +1 @@
+<svg fill="none" overflow="visible" style="display:block" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g id="Isolation_Mode" fill="var(--fill-0, white)" clip-path="url(#a)"><path id="Vector" d="M5.06 15.172a2.52 2.52 0 0 1-2.52 2.522 2.52 2.52 0 0 1-2.52-2.522 2.52 2.52 0 0 1 2.52-2.522h2.52zm1.26 0a2.52 2.52 0 0 1 2.52-2.522 2.52 2.52 0 0 1 2.52 2.522v6.306A2.52 2.52 0 0 1 8.84 24a2.52 2.52 0 0 1-2.52-2.522z"/><path id="Vector_2" d="M8.84 5.045a2.52 2.52 0 0 1-2.52-2.523A2.52 2.52 0 0 1 8.84 0a2.52 2.52 0 0 1 2.52 2.522v2.523zm0 1.28a2.52 2.52 0 0 1 2.52 2.522 2.52 2.52 0 0 1-2.52 2.522H2.52A2.52 2.52 0 0 1 0 8.847a2.52 2.52 0 0 1 2.52-2.522z"/><path id="Vector_3" d="M18.94 8.847a2.52 2.52 0 0 1 2.52-2.522 2.52 2.52 0 0 1 2.52 2.522 2.52 2.52 0 0 1-2.52 2.522h-2.52zm-1.26 0a2.52 2.52 0 0 1-2.52 2.522 2.52 2.52 0 0 1-2.52-2.522V2.522A2.52 2.52 0 0 1 15.16 0a2.52 2.52 0 0 1 2.52 2.522z"/><path id="Vector_4" d="M15.16 18.955a2.52 2.52 0 0 1 2.52 2.523A2.52 2.52 0 0 1 15.16 24a2.52 2.52 0 0 1-2.52-2.522v-2.523zm0-1.26a2.52 2.52 0 0 1-2.52-2.523 2.52 2.52 0 0 1 2.52-2.522h6.32A2.52 2.52 0 0 1 24 15.172a2.52 2.52 0 0 1-2.52 2.522z"/></g><defs><clipPath id="a"><path fill="#fff" d="M0 0h24v24H0z"/></clipPath></defs></svg>
\ No newline at end of file
diff --git a/src/assets/icons/community/slack-sq-bl.svg b/src/assets/icons/community/slack-sq-bl.svg
new file mode 100644
index 000000000..24a1d0164
--- /dev/null
+++ b/src/assets/icons/community/slack-sq-bl.svg
@@ -0,0 +1 @@
+<svg fill="none" overflow="visible" style="display:block" viewBox="0 0 15.14 15.14" xmlns="http://www.w3.org/2000/svg"><g id="Group" fill="var(--fill-0, #1A1221)"><path id="Vector" d="M6.723 3.362a3.37 3.37 0 0 1-3.361 3.361A3.37 3.37 0 0 1 0 3.362 3.37 3.37 0 0 1 3.362 0h3.361z"/><path id="Vector_2" d="M8.417 3.362A3.37 3.37 0 0 1 11.778 0a3.37 3.37 0 0 1 3.362 3.362v8.417a3.37 3.37 0 0 1-3.362 3.361 3.37 3.37 0 0 1-3.361-3.361z"/></g></svg>
\ No newline at end of file
diff --git a/src/assets/icons/community/slack-sq-br.svg b/src/assets/icons/community/slack-sq-br.svg
new file mode 100644
index 000000000..768d50de6
--- /dev/null
+++ b/src/assets/icons/community/slack-sq-br.svg
@@ -0,0 +1 @@
+<svg fill="none" overflow="visible" style="display:block" viewBox="0 0 15.14 15.14" xmlns="http://www.w3.org/2000/svg"><g id="Group" fill="var(--fill-0, #1A1221)"><path id="Vector" d="M3.362 8.417a3.37 3.37 0 0 1 3.361 3.362 3.37 3.37 0 0 1-3.361 3.361A3.37 3.37 0 0 1 0 11.78V8.417z"/><path id="Vector_2" d="M3.362 6.723A3.37 3.37 0 0 1 0 3.362 3.37 3.37 0 0 1 3.362 0h8.417a3.37 3.37 0 0 1 3.361 3.362 3.37 3.37 0 0 1-3.362 3.361z"/></g></svg>
\ No newline at end of file
diff --git a/src/assets/icons/community/slack-sq-tl.svg b/src/assets/icons/community/slack-sq-tl.svg
new file mode 100644
index 000000000..24c287001
--- /dev/null
+++ b/src/assets/icons/community/slack-sq-tl.svg
@@ -0,0 +1 @@
+<svg fill="none" overflow="visible" style="display:block" viewBox="0 0 15.14 15.14" xmlns="http://www.w3.org/2000/svg"><g id="Group" fill="var(--fill-0, #1A1221)"><path id="Vector" d="M11.779 6.723a3.37 3.37 0 0 1-3.362-3.361A3.37 3.37 0 0 1 11.778 0a3.37 3.37 0 0 1 3.362 3.362v3.361z"/><path id="Vector_2" d="M11.779 8.417a3.37 3.37 0 0 1 3.361 3.361 3.37 3.37 0 0 1-3.362 3.362H3.362A3.37 3.37 0 0 1 0 11.778a3.37 3.37 0 0 1 3.362-3.361z"/></g></svg>
\ No newline at end of file
diff --git a/src/assets/icons/community/slack-sq-tr.svg b/src/assets/icons/community/slack-sq-tr.svg
new file mode 100644
index 000000000..968fe11f5
--- /dev/null
+++ b/src/assets/icons/community/slack-sq-tr.svg
@@ -0,0 +1 @@
+<svg fill="none" overflow="visible" style="display:block" viewBox="0 0 15.14 15.14" xmlns="http://www.w3.org/2000/svg"><g id="Group" fill="var(--fill-0, #1A1221)"><path id="Vector" d="M8.417 11.779a3.37 3.37 0 0 1 3.362-3.362 3.37 3.37 0 0 1 3.361 3.361 3.37 3.37 0 0 1-3.361 3.362H8.417z"/><path id="Vector_2" d="M6.723 11.779a3.37 3.37 0 0 1-3.361 3.361A3.37 3.37 0 0 1 0 11.778V3.362A3.37 3.37 0 0 1 3.362 0a3.37 3.37 0 0 1 3.361 3.362z"/></g></svg>
\ No newline at end of file
diff --git a/src/assets/icons/community/twitter-x.svg b/src/assets/icons/community/twitter-x.svg
new file mode 100644
index 000000000..fa0eacb6a
--- /dev/null
+++ b/src/assets/icons/community/twitter-x.svg
@@ -0,0 +1 @@
+<svg fill="none" overflow="visible" style="display:block" viewBox="0 0 19.569 20" xmlns="http://www.w3.org/2000/svg"><path id="Vector" fill="var(--fill-0, white)" d="M11.646 8.468 18.931 0h-1.726L10.88 7.353 5.827 0H0l7.64 11.12L0 20h1.726l6.68-7.765L13.742 20h5.827zm-2.364 2.749-.774-1.107-6.16-8.81H5l4.97 7.11.775 1.107 6.461 9.242h-2.651z"/></svg>
\ No newline at end of file
diff --git a/src/assets/icons/docs/book.svg b/src/assets/icons/docs/book.svg
new file mode 100644
index 000000000..dfdc734be
--- /dev/null
+++ b/src/assets/icons/docs/book.svg
@@ -0,0 +1 @@
+<svg fill="none" overflow="visible" style="display:block" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg"><g id="Frame" stroke="var(--stroke-0, #B88CD9)" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path id="Vector" d="M20 36.667c9.205 0 16.667-7.462 16.667-16.667S29.205 3.333 20 3.333 3.333 10.795 3.333 20 10.795 36.667 20 36.667"/><path id="Vector_2" d="m13.25 20.5 4.5 4.5 9-9"/></g></svg>
\ No newline at end of file
diff --git a/src/assets/icons/docs/download.svg b/src/assets/icons/docs/download.svg
new file mode 100644
index 000000000..dd571a884
--- /dev/null
+++ b/src/assets/icons/docs/download.svg
@@ -0,0 +1 @@
+<svg fill="none" overflow="visible" style="display:block" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><g id="Frame"><path id="Vector" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.25" d="M12 15V3m5 7-5 5-5-5m14 5v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/></g></svg>
diff --git a/src/assets/icons/logo-elixir-dark.svg b/src/assets/icons/logo-elixir-dark.svg
new file mode 100644
index 000000000..378c4fee0
--- /dev/null
+++ b/src/assets/icons/logo-elixir-dark.svg
@@ -0,0 +1 @@
+<svg fill="none" overflow="visible" preserveAspectRatio="none" style="display:block" viewBox="0 0 583 245" xmlns="http://www.w3.org/2000/svg"><g id="logo-elixir"><g id="symbol"><path fill="#8847B9" d="M125.504 111.281c-5.677-5.353-12.253-10.842-19.865-16.313-18.3-13.152-27.443-29.06-31.812-43.468 0 0-5.16 8.602-9.827 17.602C56.481 83.602 49.5 107.5 51 127c2.354 5.818 5.048 9.821 8.206 15.883 4.608 8.849 9.872 16.481 15.487 23.062q2.679.37 5.332.557c23.224 1.637 44.394-7.179 51.691-23.619 5.937-13.377-6.212-31.602-6.212-31.602"/><path fill="#B88CD9" d="M159.896 161.988C156.513 88.578 87.14 100.885 87.14 0a152 152 0 0 0-15.563 11.124s-4.4 18.453 2.25 40.376c4.37 14.409 13.512 30.316 31.812 43.468 7.612 5.471 14.188 10.96 19.865 16.313 28.735 27.099 34.392 50.707 34.392 50.707"/><path fill="#6E2E9E" d="M71.577 11.124S53.649 28.173 40.105 59.99a174 174 0 0 0-3.576 9.112S38.626 96.416 51 127c-1.5-19.5 5.481-43.398 13-57.898 4.667-9 9.826-17.602 9.826-17.602-6.648-21.923-2.25-40.376-2.25-40.376"/><path fill="var(--fill-0, #B88CD9)" d="M71.577 11.124c-21.02 17.105-36.483 38.81-47.545 60.844 0 0-4.218 20.93 1.717 48.915 0 0 .663-23.734 10.78-51.781a174 174 0 0 1 3.576-9.112C53.65 28.173 71.577 11.124 71.577 11.124"/><path fill="#8847B9" d="M24.032 71.968C6.572 106.745.076 142.345.001 161.988c0 0 14.733 24.636 53.497 32.921a120 120 0 0 0 15.4 2.237 132 132 0 0 1-5.031-5.074c-4.54-4.831-8.706-10.138-12.438-15.464-10.72-15.302-17.854-30.759-19.953-35.53-.463-.945-.643-1.494-.643-1.494-2.569-6.931-3.735-12.337-5.084-18.701-5.935-27.985-1.717-48.915-1.717-48.915"/><path fill="#6E2E9E" d="M110.056 194.096c36.101-8.969 49.84-32.108 49.84-32.108s-5.657-23.608-34.392-50.707c0 0 12.149 18.225 6.212 31.602-7.297 16.44-28.467 25.256-51.692 23.619a80 80 0 0 1-5.331-.557c11.201 13.13 23.797 22.076 35.363 28.151"/><path fill="#B88CD9" d="M160 165.169a120 120 0 0 0-.104-3.181s-13.739 23.139-49.84 32.108c20.82 10.936 38.302 12.573 38.302 12.573 7.387-12.093 11.642-26.301 11.642-41.5"/><path fill="#8847B9" d="M110.056 194.096c-8.678 2.156-18.649 3.493-30.031 3.493a138 138 0 0 1-11.127-.443c29.683 28.345 60.463 30.858 60.463 30.858a80.3 80.3 0 0 0 18.997-21.335s-17.482-1.637-38.302-12.573"/><path fill="#B88CD9" d="M68.898 197.146a120 120 0 0 1-15.4-2.237c.462 3.07.964 5.947 1.502 8.591 5.712 28.089 25.025 41.5 25.025 41.5 18.615 0 35.746-6.349 49.336-16.996 0 0-30.78-2.513-60.463-30.858"/><path fill="#A066CC" d="M.049 165.169C.049 209.258 35.855 245 80.025 245c0 0-19.313-13.411-25.025-41.5a171 171 0 0 1-1.502-8.591C14.734 186.624.001 161.988.001 161.988a80 80 0 0 0 .048 3.181"/><path fill="#531F7A" d="M80.025 197.589c11.382 0 21.353-1.337 30.031-3.493-11.566-6.075-24.162-15.021-35.363-28.151-5.615-6.581-10.879-14.213-15.487-23.062C56.048 136.821 53.354 132.818 51 127 38.626 96.416 36.529 69.102 36.529 69.102c-10.117 28.047-10.78 51.781-10.78 51.781 1.35 6.364 2.515 11.77 5.084 18.701 0 0 .218.528.643 1.494 2.099 4.771 9.233 20.228 19.953 35.53 3.732 5.326 7.898 10.633 12.438 15.464a132 132 0 0 0 5.031 5.074q.782.064 1.574.118c3.068.213 6.25.325 9.553.325"/></g><path id="name" fill="var(--fill-0, black)" d="M532.244 195.911v-92.758h14.262v16.087c8.809-12.326 20.764-18.385 34.397-16.713L583 116.524c-14.682-3.134-27.685 3.133-36.494 17.757v61.63zm-38.924 0v-92.758h14.262v92.758zm-2.727-128.064c0-5.432 4.404-9.82 9.858-9.82 5.453 0 9.857 4.388 9.857 9.82s-4.404 9.819-9.857 9.819c-5.454 0-9.858-4.387-9.858-9.82m-26.418 128.065-27.476-36.56-27.266 36.56h-16.779l35.656-47.006-34.817-45.752h16.989l26.846 35.724 26.427-35.724h16.779l-34.816 46.17 35.445 46.588zm-97.861 0v-92.758h14.263v92.758zm-2.726-128.064c0-5.432 4.404-9.82 9.858-9.82 5.453 0 9.857 4.388 9.857 9.82s-4.404 9.819-9.857 9.819c-5.454 0-9.858-4.387-9.858-9.82M327.39 195.911V48h14.262v147.911zM272.869 198C244.764 198 224 178.571 224 149.114c0-26.95 18.667-48.05 44.464-48.05 24.749 0 40.899 18.802 40.899 40.947 0 2.925-.21 5.432-.839 8.775h-70.472c.839 22.98 17.618 33.844 35.656 33.844 12.794 0 23.7-5.432 32.299-11.909l-5.034 17.967c-6.502 3.969-16.779 7.312-28.104 7.312m-33.768-58.705h56.209c0-13.37-11.116-25.069-26.636-25.069-15.311 0-26.217 10.236-29.573 25.069"/></g></svg>
\ No newline at end of file
diff --git a/src/assets/icons/logo-elixir-light.svg b/src/assets/icons/logo-elixir-light.svg
new file mode 100644
index 000000000..fe2ef9ca1
--- /dev/null
+++ b/src/assets/icons/logo-elixir-light.svg
@@ -0,0 +1 @@
+<svg fill="none" overflow="visible" preserveAspectRatio="none" style="display:block" viewBox="0 0 583 245" xmlns="http://www.w3.org/2000/svg"><g id="logo-elixir"><g id="symbol"><path fill="#8847B9" d="M125.504 111.281c-5.677-5.353-12.253-10.842-19.865-16.313-18.3-13.152-27.443-29.06-31.812-43.468 0 0-5.16 8.602-9.827 17.602C56.481 83.602 49.5 107.5 51 127c2.354 5.818 5.048 9.821 8.206 15.883 4.608 8.849 9.872 16.481 15.487 23.062q2.679.37 5.332.557c23.224 1.637 44.394-7.179 51.691-23.619 5.937-13.377-6.212-31.602-6.212-31.602"/><path fill="#B88CD9" d="M159.896 161.988C156.513 88.578 87.14 100.885 87.14 0a152 152 0 0 0-15.563 11.124s-4.4 18.453 2.25 40.376c4.37 14.409 13.512 30.316 31.812 43.468 7.612 5.471 14.188 10.96 19.865 16.313 28.735 27.099 34.392 50.707 34.392 50.707"/><path fill="#6E2E9E" d="M71.577 11.124S53.649 28.173 40.105 59.99a174 174 0 0 0-3.576 9.112S38.626 96.416 51 127c-1.5-19.5 5.481-43.398 13-57.898 4.667-9 9.826-17.602 9.826-17.602-6.648-21.923-2.25-40.376-2.25-40.376"/><path fill="var(--fill-0, #B88CD9)" d="M71.577 11.124c-21.02 17.105-36.483 38.81-47.545 60.844 0 0-4.218 20.93 1.717 48.915 0 0 .663-23.734 10.78-51.781a174 174 0 0 1 3.576-9.112C53.65 28.173 71.577 11.124 71.577 11.124"/><path fill="#8847B9" d="M24.032 71.968C6.572 106.745.076 142.345.001 161.988c0 0 14.733 24.636 53.497 32.921a120 120 0 0 0 15.4 2.237 132 132 0 0 1-5.031-5.074c-4.54-4.831-8.706-10.138-12.438-15.464-10.72-15.302-17.854-30.759-19.953-35.53-.463-.945-.643-1.494-.643-1.494-2.569-6.931-3.735-12.337-5.084-18.701-5.935-27.985-1.717-48.915-1.717-48.915"/><path fill="#6E2E9E" d="M110.056 194.096c36.101-8.969 49.84-32.108 49.84-32.108s-5.657-23.608-34.392-50.707c0 0 12.149 18.225 6.212 31.602-7.297 16.44-28.467 25.256-51.692 23.619a80 80 0 0 1-5.331-.557c11.201 13.13 23.797 22.076 35.363 28.151"/><path fill="#B88CD9" d="M160 165.169a120 120 0 0 0-.104-3.181s-13.739 23.139-49.84 32.108c20.82 10.936 38.302 12.573 38.302 12.573 7.387-12.093 11.642-26.301 11.642-41.5"/><path fill="#8847B9" d="M110.056 194.096c-8.678 2.156-18.649 3.493-30.031 3.493a138 138 0 0 1-11.127-.443c29.683 28.345 60.463 30.858 60.463 30.858a80.3 80.3 0 0 0 18.997-21.335s-17.482-1.637-38.302-12.573"/><path fill="#B88CD9" d="M68.898 197.146a120 120 0 0 1-15.4-2.237c.462 3.07.964 5.947 1.502 8.591 5.712 28.089 25.025 41.5 25.025 41.5 18.615 0 35.746-6.349 49.336-16.996 0 0-30.78-2.513-60.463-30.858"/><path fill="#A066CC" d="M.049 165.169C.049 209.258 35.855 245 80.025 245c0 0-19.313-13.411-25.025-41.5a171 171 0 0 1-1.502-8.591C14.734 186.624.001 161.988.001 161.988a80 80 0 0 0 .048 3.181"/><path fill="#531F7A" d="M80.025 197.589c11.382 0 21.353-1.337 30.031-3.493-11.566-6.075-24.162-15.021-35.363-28.151-5.615-6.581-10.879-14.213-15.487-23.062C56.048 136.821 53.354 132.818 51 127 38.626 96.416 36.529 69.102 36.529 69.102c-10.117 28.047-10.78 51.781-10.78 51.781 1.35 6.364 2.515 11.77 5.084 18.701 0 0 .218.528.643 1.494 2.099 4.771 9.233 20.228 19.953 35.53 3.732 5.326 7.898 10.633 12.438 15.464a132 132 0 0 0 5.031 5.074q.782.064 1.574.118c3.068.213 6.25.325 9.553.325"/></g><path id="name" fill="var(--fill-0, white)" d="M532.244 195.911v-92.758h14.262v16.087c8.809-12.326 20.764-18.385 34.397-16.713L583 116.524c-14.682-3.134-27.685 3.133-36.494 17.757v61.63zm-38.924 0v-92.758h14.262v92.758zm-2.727-128.064c0-5.432 4.404-9.82 9.858-9.82 5.453 0 9.857 4.388 9.857 9.82s-4.404 9.819-9.857 9.819c-5.454 0-9.858-4.387-9.858-9.82m-26.418 128.065-27.476-36.56-27.266 36.56h-16.779l35.656-47.006-34.817-45.752h16.989l26.846 35.724 26.427-35.724h16.779l-34.816 46.17 35.445 46.588zm-97.861 0v-92.758h14.263v92.758zm-2.726-128.064c0-5.432 4.404-9.82 9.858-9.82 5.453 0 9.857 4.388 9.857 9.82s-4.404 9.819-9.857 9.819c-5.454 0-9.858-4.387-9.858-9.82M327.39 195.911V48h14.262v147.911zM272.869 198C244.764 198 224 178.571 224 149.114c0-26.95 18.667-48.05 44.464-48.05 24.749 0 40.899 18.802 40.899 40.947 0 2.925-.21 5.432-.839 8.775h-70.472c.839 22.98 17.618 33.844 35.656 33.844 12.794 0 23.7-5.432 32.299-11.909l-5.034 17.967c-6.502 3.969-16.779 7.312-28.104 7.312m-33.768-58.705h56.209c0-13.37-11.116-25.069-26.636-25.069-15.311 0-26.217 10.236-29.573 25.069"/></g></svg>
\ No newline at end of file
diff --git a/src/assets/icons/use-elixir-for/broadway.png b/src/assets/icons/use-elixir-for/broadway.png
new file mode 100644
index 000000000..c0c0feba4
Binary files /dev/null and b/src/assets/icons/use-elixir-for/broadway.png differ
diff --git a/src/assets/icons/use-elixir-for/build-illustration.png b/src/assets/icons/use-elixir-for/build-illustration.png
new file mode 100644
index 000000000..a3780f3a2
Binary files /dev/null and b/src/assets/icons/use-elixir-for/build-illustration.png differ
diff --git a/src/assets/icons/use-elixir-for/erlang.png b/src/assets/icons/use-elixir-for/erlang.png
new file mode 100644
index 000000000..71f0e4248
Binary files /dev/null and b/src/assets/icons/use-elixir-for/erlang.png differ
diff --git a/src/assets/icons/use-elixir-for/nerves.png b/src/assets/icons/use-elixir-for/nerves.png
new file mode 100644
index 000000000..8e7889f5a
Binary files /dev/null and b/src/assets/icons/use-elixir-for/nerves.png differ
diff --git a/src/assets/icons/use-elixir-for/nx.png b/src/assets/icons/use-elixir-for/nx.png
new file mode 100644
index 000000000..dbd0c742b
Binary files /dev/null and b/src/assets/icons/use-elixir-for/nx.png differ
diff --git a/src/assets/icons/use-elixir-for/phoenix.svg b/src/assets/icons/use-elixir-for/phoenix.svg
new file mode 100644
index 000000000..5334f70ae
--- /dev/null
+++ b/src/assets/icons/use-elixir-for/phoenix.svg
@@ -0,0 +1 @@
+<svg fill="none" overflow="visible" style="display:block" viewBox="0 0 70 48" xmlns="http://www.w3.org/2000/svg"><path id="Vector" fill="var(--fill-0, #F0540D)" d="m26.287 33.478-.55-.1c-3.908-.73-6.377-3.1-7.546-6.83-.73-2.324.595-4.035 3.024-4.147 1.99-.094 3.352 1.054 4.556 2.389 1.552 1.72 2.975 3.558 4.5 5.305 2.195 2.515 4.782 4.134 8.32 3.634 3.173-.448 5.94-1.725 8.344-3.828.362-.316.76-.592 1.14-.886l-.24-.284c-2.02.63-4.08.84-6.185.735-3.184-.16-6.22-.828-8.935-2.582-2.478-1.6-4.305-3.746-5.173-6.611-.702-2.315.732-3.934 3.125-3.6.945.133 1.74.56 2.455 1.165.58.493 1.14 1.015 1.732 1.493 2.791 2.25 6.691 2.376 10.232-.068-5.823-.026-9.785-3.24-13.265-7.313-1.362-1.594-2.691-3.216-4.082-4.786-2.69-3.035-5.674-5.71-9.758-6.623C12.759-.623 7.72.14 2.884 2.361 1.92 2.803.994 3.32 0 4.149c.492 0 .76.006 1.028 0 2.44-.064 4.267 1.023 5.585 3.024.959 1.457 1.41 3.104 1.755 4.798.512 2.515.246 5.078.542 7.605.759 6.494 4.067 11.026 10.227 13.346 2.26.852 4.577 1.135 7.15.555M10.717 3.85c-.973.246-1.751-.148-2.552-.962 1.373-.342 2.583-.476 3.884-.528-.106.848-.605 1.306-1.331 1.49zm31.9 37.925c-.085-.626-.618-.901-1.037-1.228-1.85-1.446-4.017-1.958-6.313-2-1.37-.026-2.726-.128-4.018-.61-.592-.22-1.256-.505-1.24-1.272.015-.78.69-1 1.306-1.184.503-.15 1.023-.247 1.595-.382-1.455-.935-2.877-1.064-4.772-.3-2.983 1.202-5.924 1.06-8.897-.016-1.68-.609-3.17-1.564-4.72-2.409l-.043.03.04-.029c-.038-.117-.107-.12-.196-.054l.121.107c1.286 2.115 3.024 3.817 4.988 5.271 3.781 2.8 7.91 4.47 12.743 3.73a66 66 0 0 1 4.708-.553c1.974-.16 3.854.398 5.735.9m-9.111-30.345c-.105-.075-.206-.265-.42-.069 1.74 2.36 3.973 4.098 6.663 5.193 4.34 1.768 8.745 2.07 13.25.51 3.499-1.21 6.013-.027 7.32 3.38.189-3.955-2.131-6.837-5.824-7.4-2.079-.319-3.998.372-5.943.939-5.417 1.576-10.452.798-15.047-2.553m26.998 15.426c.705.058 1.412.123 2.117.185-1.595-1.405-3.538-1.517-5.505-1.405-2.993.17-5.15 1.904-7.117 3.972-1.734 1.825-3.3 3.87-5.885 4.604.044.078.055.118.067.118.348.005.696.02 1.043.005 3.756-.17 7.294-.965 10.108-3.7.887-.86 1.679-1.817 2.535-2.71.714-.747 1.579-1.16 2.637-1.07m-8.725-4.67c-2.803.246-5.237 1.409-7.524 2.943-1.76 1.18-3.642 1.738-5.758 1.37-.372-.066-.747-.115-1.12-.17l-.013.155c.135.07.264.151.404.208.352.14.7.308 1.066.395 4.07.97 7.967.474 11.48-1.803 2.214-1.435 4.506-1.707 6.99-1.337.252.039.502.083.754.108.233.022.477.254.792.003-2.171-1.574-4.511-2.096-7.071-1.872m-10.016-9.545c1.47.051 2.933-.143 4.471-1.059-.45.04-.64.04-.824.076-2.12.423-4.02-.04-5.715-1.383-.62-.493-1.252-.974-1.882-1.457-2.496-1.914-5.358-2.555-8.488-2.5.05.154.055.26.108.315 3.407 3.455 7.348 5.836 12.33 6.008M66.41 30.374c-2.107-2.098-4.936-2.367-7.553-.538 1.732.078 3.033.632 4.087 1.729q.555.59 1.179 1.105c1.595 1.29 4.297 1.352 5.877.155-1.855-.726-1.856-.726-3.59-2.452m-20.99 16.06c-1.853-3.46-4.966-4.24-8.563-4.009 1.06.29 2.064.76 2.967 1.39.838.587 1.542 1.31 2.237 2.055 1.374 1.473 3.522 2.376 4.945 2.07-.653-.411-1.234-.848-1.587-1.507m17.234-19.321q0-.033.003-.068l-.036-.003.02.017.013.053M42.72 41.858l-.073-.042a.1.1 0 0 0 .015.044c.006.008.038 0 .058-.002m-.073-.042-.008-.033-.022-.005.006.025z"/></svg>
\ No newline at end of file
diff --git a/src/assets/learning/adopting-elixir.png b/src/assets/learning/adopting-elixir.png
new file mode 100644
index 000000000..6e74bb209
Binary files /dev/null and b/src/assets/learning/adopting-elixir.png differ
diff --git a/images/learning/alchemist-camp.png b/src/assets/learning/alchemist-camp.png
similarity index 100%
rename from images/learning/alchemist-camp.png
rename to src/assets/learning/alchemist-camp.png
diff --git a/images/learning/concurrent-data-processing.jpg b/src/assets/learning/concurrent-data-processing.jpg
similarity index 100%
rename from images/learning/concurrent-data-processing.jpg
rename to src/assets/learning/concurrent-data-processing.jpg
diff --git a/images/learning/designing-elixir-systems.jpg b/src/assets/learning/designing-elixir-systems.jpg
similarity index 100%
rename from images/learning/designing-elixir-systems.jpg
rename to src/assets/learning/designing-elixir-systems.jpg
diff --git a/images/learning/educative-io-metaprogramming.png b/src/assets/learning/educative-io-metaprogramming.png
similarity index 100%
rename from images/learning/educative-io-metaprogramming.png
rename to src/assets/learning/educative-io-metaprogramming.png
diff --git a/src/assets/learning/elixir-in-action.png b/src/assets/learning/elixir-in-action.png
new file mode 100644
index 000000000..de0011aa9
Binary files /dev/null and b/src/assets/learning/elixir-in-action.png differ
diff --git a/images/learning/elixir-koans-logo.png b/src/assets/learning/elixir-koans-logo.png
similarity index 100%
rename from images/learning/elixir-koans-logo.png
rename to src/assets/learning/elixir-koans-logo.png
diff --git a/src/assets/learning/elixir-language-tour.png b/src/assets/learning/elixir-language-tour.png
new file mode 100644
index 000000000..280a7ac90
Binary files /dev/null and b/src/assets/learning/elixir-language-tour.png differ
diff --git a/images/learning/elixir-school.jpg b/src/assets/learning/elixir-school.jpg
similarity index 100%
rename from images/learning/elixir-school.jpg
rename to src/assets/learning/elixir-school.jpg
diff --git a/images/learning/elixir-streams-logo.png b/src/assets/learning/elixir-streams-logo.png
similarity index 100%
rename from images/learning/elixir-streams-logo.png
rename to src/assets/learning/elixir-streams-logo.png
diff --git a/src/assets/learning/elixir-succinctly.png b/src/assets/learning/elixir-succinctly.png
new file mode 100644
index 000000000..d6aef3044
Binary files /dev/null and b/src/assets/learning/elixir-succinctly.png differ
diff --git a/images/learning/elixircasts.png b/src/assets/learning/elixircasts.png
similarity index 100%
rename from images/learning/elixircasts.png
rename to src/assets/learning/elixircasts.png
diff --git a/images/learning/erlang-in-anger.png b/src/assets/learning/erlang-in-anger.png
similarity index 100%
rename from images/learning/erlang-in-anger.png
rename to src/assets/learning/erlang-in-anger.png
diff --git a/src/assets/learning/exercism-elixir.svg b/src/assets/learning/exercism-elixir.svg
new file mode 100644
index 000000000..ed5f3ced2
--- /dev/null
+++ b/src/assets/learning/exercism-elixir.svg
@@ -0,0 +1,49 @@
+<svg width="96" height="96" viewBox="0 0 96 96" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M44 2.30935C46.4752 0.880283 49.5248 0.880284 52 2.30935L85.5692 21.6905C88.0444 23.1196 89.5692 25.7606 89.5692 28.6187V67.3811C89.5692 70.2393 88.0444 72.8803 85.5692 74.3093L52 93.6905C49.5248 95.1196 46.4752 95.1196 44 93.6905L10.4308 74.3093C7.95557 72.8803 6.43078 70.2393 6.43078 67.3811V28.6187C6.43078 25.7606 7.95557 23.1196 10.4308 21.6905L44 2.30935Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M84.1907 22.9024L51.5701 4.06896C49.3322 2.77689 46.575 2.77689 44.337 4.06896L11.7165 22.9024C9.47853 24.1945 8.09991 26.5824 8.09991 29.1665V66.8335C8.09991 69.4176 9.47853 71.8055 11.7165 73.0975L44.337 91.931C46.575 93.2231 49.3322 93.2231 51.5701 91.931L84.1907 73.0975C86.4286 71.8055 87.8072 69.4176 87.8072 66.8335V29.1665C87.8072 26.5824 86.4286 24.1945 84.1907 22.9024ZM53.1201 1.38436C49.923 -0.461454 45.9841 -0.461455 42.7871 1.38436L10.1665 20.2178C6.96946 22.0637 5 25.4749 5 29.1665V66.8335C5 70.5251 6.96946 73.9363 10.1665 75.7821L42.7871 94.6156C45.9841 96.4614 49.923 96.4614 53.1201 94.6156L85.7406 75.7821C88.9377 73.9363 90.9071 70.5251 90.9071 66.8335V29.1665C90.9071 25.4749 88.9377 22.0637 85.7406 20.2178L53.1201 1.38436Z" fill="#7D41A4"/>
+<g clip-path="url(#clip0)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M49.5253 24.1208C46.038 25.357 42.6716 28.9648 39.4261 34.9444C34.5579 43.9138 28.2704 56.6595 36.9284 66.7509C40.9338 71.4196 47.5473 74.175 56.2265 69.811C63.1989 66.3053 65.1381 56.2447 62.6349 51.517C57.4713 41.7648 52.2326 39.3594 50.8298 33.3115C49.8945 29.2796 49.4597 26.216 49.5253 24.1208V24.1208Z" fill="url(#paint0_linear)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M49.5253 24C46.0203 25.2488 42.6539 28.8567 39.4261 34.8235C34.5844 43.7738 28.2704 56.5386 36.9284 66.6301C40.9338 71.2987 47.4622 72.8074 51.0847 70.0385C53.4462 68.2334 55.0523 66.5128 55.9777 62.8874C57.0081 58.8507 56.2175 53.416 55.6758 50.9194C54.9904 47.7602 54.766 44.2928 55.0027 40.5171C54.9193 40.4155 54.857 40.3394 54.8157 40.289C52.9298 37.981 51.4746 35.9706 50.8298 33.1907C49.8945 29.1587 49.4597 26.0952 49.5253 24V24Z" fill="url(#paint1_linear)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M46.6231 25.5703C43.3585 28.1504 40.9312 32.4782 39.3412 38.5536C36.9561 47.6666 36.6977 56.0703 37.5389 60.9584C39.1695 70.4341 47.6232 74.0309 56.2944 69.6203C61.6308 66.906 63.8534 61.0797 63.7357 54.7555C63.6137 48.2072 50.9597 40.7859 48.7186 35.321C47.2246 31.6777 46.5261 28.4275 46.6231 25.5703V25.5703Z" fill="url(#paint2_linear)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M54.8996 42.6555C58.8148 47.6767 59.6683 51.1721 57.4599 53.1416C54.1474 56.0959 46.0469 58.0235 41.0075 54.4497C37.6479 52.0673 36.3767 46.9563 37.194 39.1169C35.8072 42.0132 34.6346 44.9472 33.6763 47.9188C32.7179 50.8905 32.4381 54.0002 32.8367 57.2481C34.0377 59.6779 36.9578 61.3007 41.597 62.1165C48.5558 63.3402 55.1421 62.7355 59.5616 60.5077C62.5079 59.0224 63.9014 57.5439 63.7423 56.0722C63.8486 53.8988 63.1784 51.8298 61.7317 49.8654C60.2849 47.9009 58.0076 45.4976 54.8996 42.6555V42.6555Z" fill="url(#paint3_linear)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M39.5994 37.6418C39.5667 41.2682 40.4991 44.7155 42.3967 47.9837C45.2431 52.886 48.5656 57.7301 53.5375 61.7454C56.8521 64.4223 59.5006 65.2871 61.4829 64.3399C59.8547 67.254 58.1234 68.6819 56.289 68.6236C53.5375 68.5363 50.1824 67.3338 44.8068 60.8739C41.2231 56.5672 38.7714 52.4934 37.4518 48.6525C37.6611 47.1288 37.883 45.611 38.1175 44.0994C38.352 42.5877 38.846 40.4352 39.5994 37.6418V37.6418Z" fill="url(#paint4_linear)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M48.0085 42.6184C48.3126 45.5725 49.4621 50.2981 48.0085 53.4443C46.5548 56.5906 39.8404 62.2744 41.6939 67.2814C43.5473 72.2884 48.0641 71.1643 50.8974 68.8568C53.7307 66.5493 55.2473 62.7973 55.5834 60.1587C55.9196 57.52 54.7791 52.4429 54.4082 48.0267C54.1609 45.0826 54.3287 42.5583 54.9115 40.4539L54.0433 39.3614L48.9333 37.8484C48.114 39.059 47.8057 40.649 48.0085 42.6184V42.6184Z" fill="url(#paint5_linear)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M49.8325 27.9861C48.1786 28.685 46.6116 30.0697 45.1315 32.1404C42.9114 35.2465 41.7806 37.1084 42.6176 43.2653C43.1756 47.37 43.575 51.1462 43.8158 54.5939L50.973 33.7987C50.7099 32.7391 50.4911 31.7821 50.3165 30.9278C50.1419 30.0735 49.9806 29.0929 49.8325 27.9861V27.9861Z" fill="url(#paint6_linear)"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M50.9593 33.7573C49.1424 34.8178 47.7345 36.9905 46.7357 40.2754C45.7369 43.5603 44.8231 48.1525 43.9943 54.052C45.0997 50.2997 45.8329 47.5819 46.194 45.8986C46.7357 43.3738 46.9207 39.8033 48.359 37.3793C49.3178 35.7633 50.1846 34.5559 50.9593 33.7573V33.7573Z" fill="#330A4C" fill-opacity="0.316321"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M42.5466 68.9536C45.5366 69.3808 47.1001 69.7605 47.237 70.0929C47.4425 70.5915 46.8585 71.0475 45.1988 70.741C44.0924 70.5367 43.2083 69.9409 42.5466 68.9536Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M44.0487 27.9861C42.4041 29.9508 40.9791 32.0336 39.7735 34.2347C38.568 36.4358 37.7066 38.0779 37.1894 39.161C37.0291 39.9688 36.9508 41.1607 36.9546 42.7368C36.9584 44.3129 37.0948 46.0654 37.3636 47.9941C37.599 44.2172 38.3195 40.551 39.5251 36.9956C40.7308 33.4403 42.2387 30.4371 44.0487 27.9861V27.9861Z" fill="#EDEDED" fill-opacity="0.603261"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear" x1="48.8535" y1="27.6586" x2="47.1884" y2="71.9638" gradientUnits="userSpaceOnUse">
+<stop stop-color="#D9D8DC"/>
+<stop offset="1" stop-color="white" stop-opacity="0.385275"/>
+</linearGradient>
+<linearGradient id="paint1_linear" x1="49.6062" y1="27.6474" x2="32.2041" y2="65.7878" gradientUnits="userSpaceOnUse">
+<stop stop-color="#8D67AF" stop-opacity="0.671932"/>
+<stop offset="1" stop-color="#9F8DAF"/>
+</linearGradient>
+<linearGradient id="paint2_linear" x1="51.5488" y1="40.0048" x2="51.5488" y2="70.6758" gradientUnits="userSpaceOnUse">
+<stop stop-color="#26053D" stop-opacity="0.761634"/>
+<stop offset="1" stop-color="#B7B4B4" stop-opacity="0.277683"/>
+</linearGradient>
+<linearGradient id="paint3_linear" x1="35.8117" y1="42.0788" x2="43.6199" y2="62.7623" gradientUnits="userSpaceOnUse">
+<stop stop-color="#91739F" stop-opacity="0.45955"/>
+<stop offset="1" stop-color="#32054F" stop-opacity="0.539912"/>
+</linearGradient>
+<linearGradient id="paint4_linear" x1="56.6822" y1="67.5131" x2="35.2105" y2="49.7216" gradientUnits="userSpaceOnUse">
+<stop stop-color="#463D49" stop-opacity="0.331182"/>
+<stop offset="1" stop-color="#340A50" stop-opacity="0.821388"/>
+</linearGradient>
+<linearGradient id="paint5_linear" x1="52.2689" y1="40.294" x2="37.1252" y2="63.3317" gradientUnits="userSpaceOnUse">
+<stop stop-color="#715383" stop-opacity="0.145239"/>
+<stop offset="1" stop-color="#F4F4F4" stop-opacity="0.233639"/>
+</linearGradient>
+<linearGradient id="paint6_linear" x1="53.7172" y1="47.3207" x2="42.9927" y2="46.666" gradientUnits="userSpaceOnUse">
+<stop stop-color="#A5A1A8" stop-opacity="0.356091"/>
+<stop offset="1" stop-color="#370C50" stop-opacity="0.581975"/>
+</linearGradient>
+<clipPath id="clip0">
+<rect width="48" height="48" fill="white" transform="translate(24 24)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/images/learning/flashcards_army.jpg b/src/assets/learning/flashcards_army.jpg
similarity index 100%
rename from images/learning/flashcards_army.jpg
rename to src/assets/learning/flashcards_army.jpg
diff --git a/images/learning/groxio-elixir.png b/src/assets/learning/groxio-elixir.png
similarity index 100%
rename from images/learning/groxio-elixir.png
rename to src/assets/learning/groxio-elixir.png
diff --git a/images/learning/groxio-otp.png b/src/assets/learning/groxio-otp.png
similarity index 100%
rename from images/learning/groxio-otp.png
rename to src/assets/learning/groxio-otp.png
diff --git a/src/assets/learning/joy-of-elixir.png b/src/assets/learning/joy-of-elixir.png
new file mode 100644
index 000000000..9bd3498ea
Binary files /dev/null and b/src/assets/learning/joy-of-elixir.png differ
diff --git a/images/learning/learn-elixir-dev.png b/src/assets/learning/learn-elixir-dev.png
similarity index 100%
rename from images/learning/learn-elixir-dev.png
rename to src/assets/learning/learn-elixir-dev.png
diff --git a/images/learning/learn-elixir-tv.png b/src/assets/learning/learn-elixir-tv.png
similarity index 100%
rename from images/learning/learn-elixir-tv.png
rename to src/assets/learning/learn-elixir-tv.png
diff --git a/src/assets/learning/learn-functional-programming.png b/src/assets/learning/learn-functional-programming.png
new file mode 100644
index 000000000..c07534048
Binary files /dev/null and b/src/assets/learning/learn-functional-programming.png differ
diff --git a/images/learning/metaprogramming-elixir.jpg b/src/assets/learning/metaprogramming-elixir.jpg
similarity index 100%
rename from images/learning/metaprogramming-elixir.jpg
rename to src/assets/learning/metaprogramming-elixir.jpg
diff --git a/images/learning/pragmaticstudio-elixir.png b/src/assets/learning/pragmaticstudio-elixir.png
similarity index 100%
rename from images/learning/pragmaticstudio-elixir.png
rename to src/assets/learning/pragmaticstudio-elixir.png
diff --git a/src/assets/learning/programming-elixir.png b/src/assets/learning/programming-elixir.png
new file mode 100644
index 000000000..77794017d
Binary files /dev/null and b/src/assets/learning/programming-elixir.png differ
diff --git a/images/learning/running-in-production-logo.jpg b/src/assets/learning/running-in-production-logo.jpg
similarity index 100%
rename from images/learning/running-in-production-logo.jpg
rename to src/assets/learning/running-in-production-logo.jpg
diff --git a/images/learning/techschool.png b/src/assets/learning/techschool.png
similarity index 100%
rename from images/learning/techschool.png
rename to src/assets/learning/techschool.png
diff --git a/images/learning/thinking-elixir-pattern-matching-course-tile-190px.png b/src/assets/learning/thinking-elixir-pattern-matching-course-tile-190px.png
similarity index 100%
rename from images/learning/thinking-elixir-pattern-matching-course-tile-190px.png
rename to src/assets/learning/thinking-elixir-pattern-matching-course-tile-190px.png
diff --git a/images/learning/toy-robot.png b/src/assets/learning/toy-robot.png
similarity index 100%
rename from images/learning/toy-robot.png
rename to src/assets/learning/toy-robot.png
diff --git a/src/assets/logos/adobe.svg b/src/assets/logos/adobe.svg
new file mode 100644
index 000000000..04c2ce861
--- /dev/null
+++ b/src/assets/logos/adobe.svg
@@ -0,0 +1,19 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 54.424461 14.339843" fill="#fa0c00">
+   <g>
+      <path d="M 5.996094,0 H 0 v 14.339843 z m 0,0" />
+      <path d="m 10.214844,0 h 5.988281 v 14.339843 z m 0,0" />
+      <path d="m 8.105469,5.285156 3.816406,9.054687 H 9.417969 L 8.277344,11.457031 H 5.484375 Z m 0,0" />
+   </g>
+   <g>
+      <path
+         d="m 25.985303,9.11922 0.707031,2.027344 c 0.02344,0.05078 0.05859,0.07422 0.121094,0.07422 h 1.359375 c 0.07422,0 0.08594,-0.03516 0.07422,-0.109375 L 25.438428,3.310627 c -0.01172,-0.0625 -0.02344,-0.074219 -0.08594,-0.074219 h -1.6875 c -0.04687,0 -0.07422,0.035156 -0.07422,0.085937 -0.02344,0.410157 -0.05859,0.535157 -0.109375,0.65625 l -2.503906,7.121094 c -0.01172,0.08594 0.01563,0.121094 0.08594,0.121094 h 1.214843 c 0.07422,0 0.109375,-0.02344 0.136719,-0.09766 L 23.082959,9.11922 Z M 23.469678,7.795002 c 0.367187,-1.109375 0.851562,-2.53125 1.046875,-3.34375 h 0.01172 c 0.242188,0.851562 0.8125,2.539062 1.070313,3.34375 z m 0,0" />
+      <path
+         d="m 31.857666,11.341877 c 0.730469,0 1.507813,-0.132813 2.296875,-0.472657 0.0625,-0.02344 0.07422,-0.05078 0.07422,-0.109375 -0.02344,-0.21875 -0.05078,-0.535156 -0.05078,-0.777343 v -7.34375 c 0,-0.046875 0,-0.070313 -0.05859,-0.070313 h -1.324219 c -0.05078,0 -0.07422,0.023438 -0.07422,0.085938 V 5.142658 C 32.513916,5.11922 32.369385,5.107502 32.19751,5.107502 c -2.136719,0 -3.449219,1.410156 -3.449219,3.171875 0,2.042968 1.347656,3.0625 3.109375,3.0625 z m 0.863281,-1.359375 c -0.21875,0.070312 -0.460937,0.097656 -0.707031,0.097656 -0.96875,0 -1.761719,-0.546875 -1.761719,-1.875 0,-1.175781 0.816407,-1.871094 1.898438,-1.871094 0.21875,0 0.410156,0.023438 0.570312,0.085938 z m 0,0" />
+      <path
+         d="m 38.453285,5.107502 c -1.824219,0 -2.953125,1.398437 -2.953125,3.125 0,1.542968 0.898438,3.109375 2.925781,3.109375 1.714844,0 2.917969,-1.261719 2.917969,-3.148438 0,-1.664062 -1.019531,-3.085937 -2.890625,-3.085937 z m -0.07422,1.226562 c 1.03125,0 1.46875,0.886719 1.46875,1.898438 0,1.25 -0.644531,1.871093 -1.394531,1.871093 -0.925781,0 -1.472656,-0.777343 -1.472656,-1.898437 0,-1.152344 0.582031,-1.871094 1.398437,-1.871094 z m 0,0" />
+      <path
+         d="m 42.712968,2.568439 c -0.05078,0 -0.08594,0.023438 -0.08594,0.085938 v 8.3125 c 0,0.03516 0.03516,0.09766 0.08594,0.109375 0.582031,0.179687 1.191406,0.265625 1.820312,0.265625 1.800781,0 3.550781,-1.117188 3.550781,-3.367188 0,-1.628906 -1.117187,-2.867187 -2.867187,-2.867187 -0.402344,0 -0.777344,0.0625 -1.105469,0.171875 L 44.09578,2.666095 c 0,-0.085937 -0.02344,-0.097656 -0.109375,-0.097656 z m 3.875,5.554688 c 0,1.347656 -0.921875,1.980468 -1.917969,1.980468 -0.207031,0 -0.390625,-0.01172 -0.558594,-0.0625 V 6.49422 c 0.191406,-0.074218 0.421875,-0.136718 0.847656,-0.136718 0.960938,0 1.628907,0.609375 1.628907,1.765625 z m 0,0" />
+      <path
+         d="m 53.026024,8.560627 c 0.59375,0 1.082031,-0.011719 1.25,-0.050782 0.0625,-0.011718 0.08594,-0.035156 0.09766,-0.085937 0.03516,-0.132813 0.05078,-0.410156 0.05078,-0.75 0,-1.15625 -0.695312,-2.566406 -2.492187,-2.566406 -1.835938,0 -2.855469,1.496093 -2.855469,3.183593 0,1.496094 0.789063,3.050782 3,3.050782 0.828125,0 1.363281,-0.132813 1.824219,-0.351563 0.04687,-0.02344 0.07031,-0.0625 0.07031,-0.132812 V 9.845783 c 0,-0.058594 -0.03516,-0.070313 -0.07031,-0.046875 -0.460938,0.195312 -0.960938,0.292969 -1.507813,0.292969 -1.238281,0 -1.800781,-0.683594 -1.835937,-1.53125 z m -2.46875,-1.046875 c 0.09766,-0.59375 0.472656,-1.238282 1.3125,-1.238282 0.925781,0 1.167969,0.777344 1.167969,1.128907 0,0.011718 0,0.0625 0,0.097656 -0.05078,0.011719 -0.207032,0.011719 -0.667969,0.011719 z m 0,0" />
+   </g>
+</svg>
\ No newline at end of file
diff --git a/src/assets/logos/apple.svg b/src/assets/logos/apple.svg
new file mode 100644
index 000000000..7bdf0a58c
--- /dev/null
+++ b/src/assets/logos/apple.svg
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="utf-8"?>
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 2423.5 829" style="enable-background:new 0 0 2423.5 829;" xml:space="preserve">
+<path d="M563.7,440.5c-1-104.9,85.7-155.3,89.6-157.7c-48.8-71.3-124.6-81.1-151.6-82.2c-64.5-6.6-125.9,38-158.7,38
+	s-83.3-37.1-136.8-36c-70.4,1-135.3,40.9-171.6,103.9C-38.4,433.1,16,621.1,87.3,724c34.9,50.3,76.3,107,130.9,104.9
+	c52.6-2.1,72.4-34,135.8-34s81.3,34,136.8,33c56.5-1.1,92.3-51.4,126.9-101.9C657.5,667.5,674,611,675,608
+	C673.7,607.5,564.9,565.8,563.7,440.5"/>
+<path d="M459.4,132.4c29-35.1,48.5-83.8,43.2-132.4c-41.7,1.7-92.2,27.8-122.1,62.9c-26.8,31-50.3,80.6-43.9,128.2
+	C382.9,194.7,430.5,167.4,459.4,132.4 M929.4,543.6l-48,145.5h-61.7l157.1-462.4h72l157.7,462.4h-63.8l-49.4-145.5H929.4z
+	 M1081,496.9l-45.2-133.1c-10.3-30.2-17.1-57.6-24-84.4h-1.3c-6.9,27.4-14.4,55.5-23.3,83.7l-45.2,133.7L1081,496.9z M1253.3,465.4
+	c0-42.5-1.3-76.9-2.8-108.4h54.2l2.8,57h1.3c24.7-40.5,63.8-64.5,118-64.5c80.3,0,140.6,67.9,140.6,168.8
+	c0,119.4-72.7,178.3-150.9,178.3c-43.9,0-82.3-19.2-102.2-52.1h-1.3v180.4h-59.7V465.4z M1312.9,553.9c0,9,1.3,17.1,2.8,24.7
+	c11,41.8,47.3,70.7,90.6,70.7c63.8,0,100.9-52.1,100.9-128.3c0-66.6-35-123.4-98.8-123.4c-41.1,0-79.5,29.5-91.3,74.8
+	c-2.1,7.5-4.1,16.5-4.1,24.7L1312.9,553.9L1312.9,553.9z M1629.8,465.4c0-42.5-1.3-76.9-2.8-108.4h54.2l2.8,57h1.3
+	c24.7-40.5,63.8-64.5,118-64.5c80.3,0,140.6,67.9,140.6,168.8c0,119.4-72.7,178.3-150.9,178.3c-43.9,0-82.3-19.2-102.2-52.1h-1.3
+	v180.4h-59.7V465.4z M1689.5,553.9c0,9,1.3,17.1,2.8,24.7c11,41.8,47.3,70.7,90.6,70.7c63.8,0,100.9-52.1,100.9-128.3
+	c0-66.6-35-123.4-98.8-123.4c-41.1,0-79.5,29.5-91.3,74.8c-2.1,7.5-4.1,16.5-4.1,24.7L1689.5,553.9L1689.5,553.9z M2006.4,202h60.4
+	v487h-60.4V202z M2188.2,534c1.3,81.6,53.5,115.3,113.8,115.3c43.2,0,69.3-7.5,91.9-17.1l10.3,43.2c-21.2,9.6-57.6,20.6-110.4,20.6
+	c-102.2,0-163.3-67.2-163.3-167.4s59-179.1,155.7-179.1c108.4,0,137.2,95.3,137.2,156.4c0,12.4-1.3,21.9-2.1,28.1H2188.2z
+	 M2365.2,490.8c0.7-38.4-15.8-98.1-83.7-98.1c-61.1,0-87.8,56.3-92.6,98.1H2365.2z"/>
+</svg>
diff --git a/src/assets/logos/bbc.svg b/src/assets/logos/bbc.svg
new file mode 100644
index 000000000..334200e00
--- /dev/null
+++ b/src/assets/logos/bbc.svg
@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="560" height="160" fill="none" version="1.1" viewBox="0 0 560 160" xmlns="http://www.w3.org/2000/svg">
+  <g fill="#000">
+    <path d="m45 35h33.8c9.95 0 17.7 1.99 23.1 5.98 5.46 3.99 8.2 9.71 8.2 17.2 0 4.28-0.979 7.99-2.94 11.1-1.96 3.15-4.85 5.64-8.69 7.49 5.3 1.76 9.36 4.55 12.2 8.37 2.82 3.82 4.22 8.46 4.22 13.9 0 5.37-1.37 9.99-4.1 13.8-2.73 3.86-6.63 6.84-11.7 8.94-5.06 2.1-11.1 3.15-18.2 3.15h-35.9zm-45 125h160v-160h-160zm77.1-110c9.71 0 14.6 3.57 14.6 10.7 0 3.69-1.24 6.57-3.73 8.62-2.49 2.06-6.1 3.08-10.8 3.08h-13.8v-22.4zm2.32 36.5h-16.2v24.3h15.9c5.46 0 9.67-1.03 12.6-3.08 2.94-2.06 4.41-5.01 4.41-8.87 0-8.22-5.59-12.3-16.8-12.3z"/>
+    <path d="m245 35h33.8c9.95 0 17.7 1.99 23.1 5.98 5.46 3.99 8.2 9.71 8.2 17.2 0 4.28-0.979 7.99-2.94 11.1-1.96 3.15-4.86 5.64-8.69 7.49 5.3 1.76 9.36 4.55 12.2 8.37 2.82 3.82 4.22 8.46 4.22 13.9 0 5.37-1.37 9.99-4.1 13.8-2.73 3.86-6.63 6.84-11.7 8.94-5.06 2.1-11.1 3.15-18.2 3.15h-35.9zm-45 125h160v-160h-160zm77.1-110c9.71 0 14.6 3.57 14.6 10.7 0 3.69-1.24 6.57-3.73 8.62-2.49 2.06-6.1 3.08-10.8 3.08h-13.8v-22.4zm2.32 36.5h-16.2v24.3h15.9c5.46 0 9.67-1.03 12.6-3.08 2.94-2.06 4.41-5.01 4.41-8.87 0-8.22-5.59-12.3-16.8-12.3z"/>
+    <path d="m502 124c4.91-1.19 9.23-2.82 13-4.87v-17.1c-7.87 4.85-16.5 7.28-25.8 7.28-6.1 0-11.3-1.15-15.6-3.45-4.28-2.3-7.54-5.65-9.78-10.1-2.25-4.4-3.37-9.73-3.37-16 0-6.25 1.16-11.6 3.49-15.9 2.33-4.36 5.67-7.69 10-9.99 4.36-2.3 9.63-3.45 15.8-3.45 4.49 0 8.77 0.598 12.8 1.79 4.06 1.19 7.83 2.94 11.3 5.24v-17.5c-3.81-1.97-7.94-3.47-12.4-4.5-4.45-1.03-9.17-1.54-14.2-1.54-7.2 0-13.7 1.07-19.5 3.21s-10.8 5.22-14.9 9.25c-4.15 4.03-7.33 8.86-9.53 14.5-2.2 5.63-3.3 11.9-3.3 18.9 0 7.16 1.06 13.6 3.18 19.3 2.12 5.72 5.16 10.5 9.15 14.5 3.98 3.95 8.85 6.97 14.6 9.07 5.76 2.1 12.2 3.15 19.4 3.15 5.42 0 10.6-0.598 15.5-1.79zm58 35.8h-160v-160h160z"/>
+  </g>
+</svg>
diff --git a/images/cases/logos/change.png b/src/assets/logos/change.png
similarity index 100%
rename from images/cases/logos/change.png
rename to src/assets/logos/change.png
diff --git a/images/cases/logos/community.png b/src/assets/logos/community.png
similarity index 100%
rename from images/cases/logos/community.png
rename to src/assets/logos/community.png
diff --git a/images/cases/logos/cyanview.png b/src/assets/logos/cyanview.png
similarity index 100%
rename from images/cases/logos/cyanview.png
rename to src/assets/logos/cyanview.png
diff --git a/src/assets/logos/dashbit.png b/src/assets/logos/dashbit.png
new file mode 100644
index 000000000..57b2594b4
Binary files /dev/null and b/src/assets/logos/dashbit.png differ
diff --git a/src/assets/logos/discord.svg b/src/assets/logos/discord.svg
new file mode 100644
index 000000000..eae73383d
--- /dev/null
+++ b/src/assets/logos/discord.svg
@@ -0,0 +1,35 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="126.5mm" height="20.22mm" version="1.1" viewBox="0 0 126.5 20.22" xmlns="http://www.w3.org/2000/svg" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#">
+ <defs>
+  <clipPath id="vlpb">
+   <rect transform="translate(0 11.76)" width="292" height="56.47" style="fill:#fff"/>
+  </clipPath>
+  <clipPath id="vlpa">
+   <rect transform="translate(0 11.76)" width="292" height="56.47" style="fill:#fff"/>
+  </clipPath>
+ </defs>
+ <title>Discord textlogo (2021)</title>
+ <metadata>
+  <rdf:RDF>
+    <dc:format>image/svg+xml</dc:format>
+    <dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
+    <dc:title/>
+  </rdf:RDF>
+ </metadata>
+ <g transform="translate(-69.81 -143.4)">
+  <g transform="matrix(.6527 0 0 .6466 5.831 127.6)" style="fill:none">
+   <g clip-path="url(#vlpb)">
+    <g clip-path="url(#vlpa)">
+     <path d="m98.03 26.15h15.66c3.776 0 6.966 0.5965 9.583 1.784 2.61 1.187 4.567 2.843 5.864 4.963 1.296 2.12 1.95 4.546 1.95 7.279 0 2.675-0.677 5.102-2.031 7.273-1.354 2.177-3.414 3.897-6.185 5.166s-6.203 1.905-10.3 1.905h-14.54zm14.38 21.16c2.542 0 4.499-0.6428 5.864-1.923 1.366-1.286 2.049-3.034 2.049-5.252 0-2.056-0.609-3.695-1.825-4.922-1.216-1.228-3.058-1.847-5.52-1.847h-4.9v13.94z" style="fill:#23272a;stroke-width:.9941"/>
+     <path d="m154.5 54.49c-2.169-0.5675-4.126-1.39-5.864-2.473v-6.729c1.314 1.025 3.075 1.87 5.284 2.536 2.209 0.6602 4.344 0.9902 6.409 0.9902 0.964 0 1.693-0.1274 2.186-0.3822 0.494-0.2547 0.741-0.5617 0.741-0.9149 0-0.4053-0.132-0.7412-0.402-1.013-0.27-0.2721-0.792-0.498-1.566-0.6891l-4.82-1.094c-2.76-0.6485-4.717-1.546-5.881-2.699-1.165-1.147-1.745-2.652-1.745-4.517 0-1.569 0.505-2.93 1.527-4.094 1.015-1.164 2.461-2.062 4.337-2.693 1.877-0.637 4.068-0.9555 6.587-0.9555 2.249 0 4.309 0.2432 6.186 0.7297 1.876 0.4865 3.425 1.106 4.659 1.865v6.364c-1.263-0.7586-2.709-1.355-4.361-1.807-1.647-0.4459-3.339-0.6659-5.084-0.6659-2.519 0-3.775 0.4343-3.775 1.297 0 0.4054 0.195 0.7065 0.585 0.9092 0.39 0.2027 1.107 0.4112 2.146 0.6312l4.016 0.7297c2.623 0.4575 4.579 1.262 5.864 2.409 1.286 1.147 1.928 2.843 1.928 5.09 0 2.461-1.061 4.413-3.19 5.861-2.129 1.448-5.147 2.172-9.06 2.172-2.301-0.0057-4.538-0.2895-6.707-0.857z" style="fill:#23272a;stroke-width:.9941"/>
+     <path d="m183 53.63c-2.3-1.135-4.039-2.675-5.198-4.621s-1.744-4.135-1.744-6.567c0-2.432 0.602-4.61 1.807-6.526s2.972-3.423 5.302-4.517c2.329-1.094 5.112-1.639 8.354-1.639 4.016 0 7.35 0.8513 10 2.554v7.418c-0.935-0.6486-2.026-1.176-3.271-1.581-1.245-0.4053-2.576-0.6081-3.999-0.6081-2.49 0-4.435 0.4575-5.841 1.378s-2.111 2.12-2.111 3.608c0 1.459 0.682 2.652 2.048 3.59 1.366 0.9323 3.345 1.401 5.944 1.401 1.337 0 2.657-0.1969 3.959-0.5849 1.297-0.3938 2.416-0.8744 3.351-1.442v7.175c-2.943 1.784-6.357 2.675-10.24 2.675-3.27-0.01156-6.059-0.5791-8.36-1.714z" style="fill:#23272a;stroke-width:.9941"/>
+     <path d="m211.5 53.63c-2.318-1.135-4.085-2.687-5.302-4.662-1.216-1.975-1.83-4.175-1.83-6.608 0-2.432 0.608-4.604 1.83-6.509 1.222-1.905 2.978-3.399 5.285-4.482 2.3-1.083 5.049-1.621 8.233-1.621 3.185 0 5.933 0.5386 8.234 1.621 2.301 1.083 4.057 2.565 5.262 4.459 1.205 1.894 1.807 4.065 1.807 6.527 0 2.432-0.602 4.633-1.807 6.607-1.205 1.975-2.967 3.527-5.285 4.662-2.318 1.135-5.055 1.703-8.216 1.703-3.162 0-5.899-0.5618-8.211-1.697zm12.2-7.192c0.976-0.9844 1.469-2.287 1.469-3.909 0-1.621-0.488-2.913-1.469-3.868-0.975-0.9613-2.307-1.442-3.993-1.442-1.716 0-3.059 0.4806-4.04 1.442-0.975 0.9614-1.463 2.247-1.463 3.868 0 1.621 0.488 2.924 1.463 3.909 0.976 0.9845 2.324 1.483 4.04 1.483 1.686-0.0058 3.018-0.498 3.993-1.483z" style="fill:#23272a;stroke-width:.9941"/>
+     <path d="m259.2 31.26v8.756c-1.021-0.6776-2.341-1.013-3.976-1.013-2.141 0-3.793 0.6545-4.941 1.963-1.153 1.309-1.727 3.347-1.727 6.104v7.459h-9.84v-23.71h9.64v7.54c0.533-2.757 1.4-4.789 2.593-6.104 1.188-1.309 2.725-1.963 4.596-1.963 1.417 0 2.634 0.3243 3.655 0.9728z" style="fill:#23272a;stroke-width:.9941"/>
+     <path d="m291.9 25.34v29.19h-9.841v-5.31c-0.832 1.998-2.094 3.521-3.792 4.563-1.699 1.037-3.799 1.558-6.289 1.558-2.226 0-4.165-0.5444-5.824-1.639-1.658-1.094-2.937-2.594-3.838-4.5-0.895-1.905-1.349-4.059-1.349-6.469-0.028-2.484 0.448-4.714 1.429-6.689 0.976-1.975 2.358-3.515 4.137-4.621 1.779-1.106 3.81-1.662 6.088-1.662 4.688 0 7.832 2.056 9.438 6.162v-10.58zm-11.31 20.94c1.004-0.9845 1.503-2.264 1.503-3.828 0-1.511-0.488-2.745-1.463-3.689-0.976-0.9439-2.313-1.419-3.994-1.419-1.658 0-2.983 0.4806-3.976 1.442-0.993 0.9614-1.486 2.206-1.486 3.747 0 1.54 0.493 2.797 1.486 3.77 0.993 0.9728 2.301 1.459 3.936 1.459 1.658-0.0057 2.989-0.498 3.994-1.482z" style="fill:#23272a;stroke-width:.9941"/>
+     <path d="m139.4 33.34c2.709 0 4.906-1.991 4.906-4.448s-2.197-4.447-4.906-4.447c-2.71 0-4.906 1.991-4.906 4.447s2.196 4.448 4.906 4.448z" style="fill:#23272a;stroke-width:.9941"/>
+     <path d="m134.5 36.4c3.006 1.309 6.736 1.367 9.811 0v18.25h-9.811z" style="fill:#23272a;stroke-width:.9941"/>
+    </g>
+   </g>
+  </g>
+ </g>
+</svg>
diff --git a/images/cases/logos/duffel.png b/src/assets/logos/duffel.png
similarity index 100%
rename from images/cases/logos/duffel.png
rename to src/assets/logos/duffel.png
diff --git a/src/assets/logos/farmbot.png b/src/assets/logos/farmbot.png
new file mode 100644
index 000000000..77d4338cc
Binary files /dev/null and b/src/assets/logos/farmbot.png differ
diff --git a/src/assets/logos/hca-healthcare.svg b/src/assets/logos/hca-healthcare.svg
new file mode 100644
index 000000000..a8e6245e1
--- /dev/null
+++ b/src/assets/logos/hca-healthcare.svg
@@ -0,0 +1,38 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 276.6 117.9">
+  <!-- Generator: Adobe Illustrator 29.8.2, SVG Export Plug-In . SVG Version: 2.1.1 Build 3)  -->
+  <defs>
+    <style>
+      .st0 {
+        fill: #e05929;
+      }
+
+      .st1 {
+        fill: #03173e;
+      }
+    </style>
+  </defs>
+  <g id="Layer_2">
+    <g id="LOGOS_GO_HERE">
+      <path class="st1" d="M24.9,117.3v-2c1.3,0,2.7-.2,3.9-.5.5-.2.8-.5.9-.9.3-.6.5-1.3.5-1.9v-14.4H11.4v14c-.2.9.3,2,1.1,2.7.6.6,2,.9,4.1,1.1v2H0v-2c2.5-.2,4.1-.5,4.7-.9.5-.6.8-1.4.8-2.2v-29.2c0-2.2-1.7-3.6-5.3-3.9v-2h16.6v2c-1.4,0-2.8.3-4.1.9-.8.6-1.3,1.6-1.1,2.7v12.4h18.8v-12.2c0-2.2-1.7-3.6-5.3-3.9v-2h16.6v2c-1.4,0-2.8.3-4.1.9-.8.6-1.3,1.6-1.1,2.7v28.9c0,.9.3,2,1.1,2.5,1.3.6,2.7,1.1,4.1,1.1v2l-16.8.3h0Z"/>
+      <path class="st1" d="M65.4,110.7c-2.7,4.9-6.4,7.4-11.4,7.4s-7.4-1.4-9.7-4.1c-2.4-2.8-3.5-6.4-3.5-10.8-.2-3.8,1.3-7.4,3.6-10.2,2.2-2.8,5.6-4.4,9.1-4.2,3.6,0,6.4,1.1,8.5,3.1,1.9,2.2,3,5,3,8.8v1.9h-18.7c0,3.9.8,7.1,2.4,9.3s4.2,3.5,6.9,3.3c1.4,0,3-.3,4.2-1.1,1.6-1.1,2.8-2.5,3.6-4.2l2,.9h0ZM59.1,100c0-6.3-1.9-9.4-5.8-9.4s-3.8.9-5,2.5c-1.4,2-2.2,4.4-2.2,6.9h13Z"/>
+      <path class="st1" d="M93.8,116.8c-1.4.6-3,.9-4.5,1.1-3,0-4.7-1.4-5.2-4.1h-.2c-2.2,2.7-5.5,4.2-8.9,4.2s-3.8-.6-5.2-1.9c-1.4-1.3-2-3.1-2-5-.2-2,.6-3.9,1.9-5.3,1.3-1.3,3.5-2.4,6.6-3.5,2.7-.8,5.2-1.7,7.7-2.8v-2.8c0-1.6-.5-3-1.4-4.2-.9-1.3-2.5-1.9-3.9-1.7-1.4-.2-2.8.3-3.9,1.4,0,.6.2,1.1.3,1.7s.3,1.4.3,2-.3,1.4-.9,1.9c-.6.5-1.6.8-2.4.8-1.9,0-2.7-1.1-2.7-3.3s1.1-3.1,3.1-4.5c2-1.3,4.4-2,6.7-2,3.9,0,6.6.8,8,2.4,1.6,1.6,2.2,3.8,2.2,6.9l-.2,14c0,.8.2,1.6.8,2.2.3.5.8.6,1.3.8.9.2,1.9.2,2.7.2l-.2,1.7h0ZM83.9,101.7c-4.1,1.3-6.9,2.5-8.5,3.8-1.4,1.1-2.2,3-2.2,4.9,0,3,1.4,4.5,4.4,4.5s4.2-1.1,6.1-3.3l.2-9.9h0Z"/>
+      <path class="st1" d="M95.5,117.3v-1.9l1.4-.2c1.9-.2,2.8-1.1,2.8-2.7v-29.3c0-.9-.3-1.9-.9-2.7-.6-.9-2.2-1.4-4.7-1.6v-1.9l10.5-.6.5.5v35.3c0,1.9,1.4,3,4.2,3.3v1.9l-13.8-.2h0Z"/>
+      <path class="st1" d="M127.8,116c-2.4,1.1-4.9,1.7-7.5,1.7-4.2,0-6.4-2.2-6.4-6.7v-18.8h-5v-2.7h5.2v-8.6h5.2v8.6h8v2.7h-8v15.5c0,2.5.3,4.4.9,5.3s1.7,1.4,3.6,1.4,2.7-.2,4.1-.5v2h0Z"/>
+      <path class="st1" d="M147.6,117.3v-1.9l1.4-.2c1.9-.2,2.8-1.1,2.8-2.7v-14.4c0-1.6-.5-3.1-1.4-4.5-.8-1.1-2-1.7-3.5-1.7-3-.2-5.8,1.6-7.2,4.2v16c0,1.9,1.4,3,4.2,3.1v1.9h-13.6v-1.9l1.4-.2c1.9-.2,2.7-1.1,2.7-2.7v-29.3c0-.8-.2-1.4-.5-2.2-.3-.6-.8-1.1-1.4-1.4-1.1-.3-2.4-.5-3.5-.5v-1.9l10.4-.6.5.5v16.3h.2c1.4-1.6,3.1-3,5.2-3.9,1.4-.5,2.8-.8,4.4-.8,5.2,0,7.7,3.1,7.7,9.3v14.4c0,1.9,1.4,3,4.1,3.1v1.9h-13.8Z"/>
+      <path class="st1" d="M185.7,110.8c-1.1,2-2.8,3.9-4.9,5.2-1.9,1.3-4.1,2-6.4,2-4.1,0-7.2-1.4-9.4-4.1-2.4-2.7-3.5-6.3-3.5-10.8s1.3-7.4,3.8-10.4c2.4-2.8,5.8-4.4,9.6-4.2,2.4-.2,4.9.6,6.7,2,1.6,1.3,2.5,3.3,2.5,5.3s-.9,3.6-2.8,3.6-1.9-.3-2.7-.8c-.6-.5-.9-1.1-.9-1.9s.2-1.7.3-2.5c.2-.9.3-1.6.5-2-.5-.9-1.7-1.4-3.8-1.4s-4.2,1.3-5.2,3.1c-1.4,2-2,5.2-2,9.1-.2,3,.6,6.1,2.4,8.6,1.4,2,3.6,3.3,6.1,3.3s5.8-1.7,8-5.3l1.7,1.1h0Z"/>
+      <path class="st1" d="M213.5,116.8c-1.4.6-3,.9-4.5,1.1-3,0-4.7-1.4-5.2-4.1h-.2c-2.2,2.7-5.5,4.2-9.1,4.2s-3.8-.6-5.2-1.9c-1.4-1.3-2-3.1-2-5-.2-2,.6-3.9,1.9-5.3,1.3-1.3,3.5-2.4,6.6-3.5,2.7-.8,5.2-1.7,7.7-2.8v-2.8c0-1.6-.5-3-1.4-4.2-.9-1.3-2.5-1.9-3.9-1.7-1.4-.2-2.8.3-3.9,1.4,0,.6.2,1.1.3,1.7.2.6.2,1.4.2,2s-.3,1.4-.9,1.9c-.6.5-1.6.8-2.4.8-1.9,0-2.7-1.1-2.7-3.3s1.1-3.1,3.1-4.5c2-1.3,4.4-2,6.7-2,3.9,0,6.6.8,8,2.4,1.6,1.6,2.2,3.8,2.2,6.9l-.2,14c0,.8.2,1.6.8,2.2.3.5.8.6,1.3.8.9.2,1.9.2,2.7.2l.2,1.7h0ZM203.6,101.7c-4.1,1.3-6.9,2.5-8.5,3.8-1.4,1.1-2.2,3-2.2,4.9,0,3,1.4,4.5,4.4,4.5s4.2-1.1,6.1-3.3l.2-9.9h0Z"/>
+      <path class="st1" d="M230.9,91.9c-2.5.2-4.5,1.4-6.1,4.1v16.2c0,.9.3,1.7.9,2.2.6.5,2,.8,4.4.9v1.9h-14.7v-1.9l1.4-.2c1.9-.2,2.7-1.1,2.7-2.7v-17.3c0-2.5-1.4-3.8-4.4-3.8v-1.9l9.3-.6.5.5v3.9h.2c2.5-3.1,5-4.7,7.8-4.7s2.2.3,3,1.1,1.3,2,1.1,3.1c0,.9-.2,1.9-.8,2.7-.5.6-1.3,1.1-2,.9-.8,0-1.7-.2-2.4-.8-.6-.5-.9-1.1-.9-1.9,0-.5,0-1.3.2-1.9h0Z"/>
+      <path class="st1" d="M261.8,110.7c-2.7,4.9-6.4,7.4-11.4,7.4s-7.4-1.4-9.9-4.1c-2.4-2.7-3.5-6.4-3.5-10.8-.2-3.8,1.3-7.4,3.6-10.2,2.2-2.8,5.6-4.4,9.1-4.2,3.6,0,6.4,1.1,8.5,3.1,1.9,2.2,3,5,3,8.8v1.9h-18.5c0,3.9.8,7.1,2.4,9.3s4.2,3.5,6.9,3.3c1.4,0,3-.3,4.2-1.1,1.6-1.1,2.8-2.5,3.6-4.2l2,.9h0ZM255.5,100c0-6.3-1.9-9.4-5.8-9.4s-3.8.9-5,2.5c-1.4,2-2.2,4.4-2.2,6.9h13Z"/>
+      <path class="st1" d="M14.1,28.2h28.4c.3,0,.6-.3.6-.6V3.4c0-.6.5-1.3,1.3-1.3h10.4c.6,0,1.3.5,1.3,1.3h0v62.1c0,.6-.5,1.3-1.3,1.3h-10.4c-.6,0-1.3-.5-1.3-1.3h0v-24.8c0-.3-.3-.6-.6-.6H14.1c-.3,0-.6.3-.6.6h0v24.8c0,.6-.5,1.3-1.3,1.3H1.9c-.6,0-1.3-.5-1.3-1.3V3.4c0-.6.5-1.3,1.3-1.3h10.5c.6,0,1.1.5,1.1,1.1h0v24.3c0,.3.3.6.6.6h0Z"/>
+      <path class="st1" d="M123.7,20.3l-8.6,4.7c-.5.3-1.3.2-1.6-.3-1.1-1.7-2.4-3.5-3.8-5.2-3.5-4.2-8.5-6.3-14.4-6.3-11.4,0-19.9,8.6-19.9,21.2s8.8,21.2,19.9,21.2,10.2-2,14-5.8c1.6-1.7,2.8-3.6,4.1-5.5.3-.5,1.1-.6,1.6-.3h0l9.1,4.4c.5.5.6,1.1.3,1.7-1.3,2.5-2.8,4.7-4.4,6.9-6.1,7.1-15.1,11.1-24.5,11-19.3,0-32.9-14.1-32.9-33.6S76.2.9,95.5.9s19.9,4.5,25.3,12.2c1.3,1.7,2.4,3.6,3.5,5.5.2.5,0,1.3-.5,1.7h0Z"/>
+      <path class="st1" d="M189.9,65.2L165.6,2.8c-.2-.5-.6-.8-1.1-.8h-14.1c-.5,0-.9.3-1.1.8l-24.3,62.4c-.2.6,0,1.3.6,1.4h11.3c.5,0,.9-.3,1.1-.8l5.2-14c.2-.2.3-.3.6-.3h9.7c5.8-.3,9.9-5.2,9.9-11.1s-.3-.6-.6-.6h-14c-.3,0-.6-.3-.6-.6v-.2l8.5-22.7c.2-.3.5-.5.8-.3.2,0,.3.2.3.3l18.5,49.7c.2.5.6.8,1.1.8h11.3c.6,0,1.1-.5,1.3-1.1.2-.2.2-.3,0-.5h0Z"/>
+      <path class="st0" d="M204,45.6h7.4c2.8,0,5.2,2.4,5.2,5.2v7.4c0,4.5,3.6,8.8,8.2,8.8s.5-.3.5-.5h0v-18.5c0-6.1-5-11.1-11.1-11.1h-18.3c-.3,0-.5.2-.5.5,0,4.5,4.2,8.3,8.8,8.3h0Z"/>
+      <path class="st0" d="M204,22.4h7.4c2.8,0,5.2-2.4,5.2-5.2h0v-7.4c0-4.5,3.6-8.8,8.2-8.8s.5.2.5.5v18.3c0,6.1-5,11.1-11.1,11.1h-18.3c-.3,0-.5-.2-.5-.5,0-4.5,4.2-8.2,8.8-8.2h0Z"/>
+      <path class="st0" d="M252.2,45.6h-7.4c-2.8,0-5.2,2.4-5.2,5.2v7.4c0,4.5-3.6,8.8-8.2,8.8s-.5-.3-.5-.5h0v-18.5c0-6.1,5-11.1,11.1-11.1h18.3c.3,0,.5.2.5.5,0,4.5-4.2,8.3-8.8,8.3h0Z"/>
+      <path class="st0" d="M252.2,22.4h-7.4c-2.8,0-5.2-2.4-5.2-5.2h0v-7.4c0-4.5-3.6-8.8-8.2-8.8s-.5.2-.5.5v18.3c0,6.1,5,11.1,11.1,11.1h18.3c.3,0,.5-.2.5-.5h0c0-4.5-4.2-8.2-8.8-8.2h0Z"/>
+      <path class="st0" d="M229.4,28.7c1.1,1.6,2.5,3,4.1,4.1,1.3.8,1.3,1.7,0,2.5-1.6,1.1-3,2.5-4.1,4.1-.8,1.3-1.7,1.3-2.5,0-1.1-1.6-2.5-3-4.1-4.1-1.3-.8-1.3-1.7,0-2.5,1.6-1.1,3-2.5,4.1-4.1.6-1.3,1.6-1.3,2.5,0h0Z"/>
+      <path class="st1" d="M274.8,84.2c.2,3.5-2.7,6.4-6.1,6.4-3.5.2-6.4-2.7-6.4-6.1-.2-3.5,2.7-6.4,6.1-6.4h.2c3.5,0,6.3,2.7,6.3,6.1h0ZM263.8,84.2c0,2.7,2,4.9,4.5,4.9h.2c2.5,0,4.7-2,4.7-4.7v-.2c0-2.7-2-4.7-4.7-4.7s-4.7,2.2-4.7,4.7h0ZM267.6,87.5h-1.4v-6.1c.8-.2,1.6-.2,2.4-.2s1.4.2,2.2.5c.5.3.6.8.6,1.4s-.6,1.3-1.3,1.4h0c.6.3,1.1.8,1.1,1.4s.2,1.1.5,1.6h-1.6c-.3-.5-.5-.9-.5-1.6-.2-.6-.5-.9-1.3-.9h-.6l-.2,2.5h0ZM267.6,84h.6c.8,0,1.4-.3,1.4-.9s-.5-.9-1.3-.9h-.8s0,1.9,0,1.9Z"/>
+    </g>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/src/assets/logos/heroku.svg b/src/assets/logos/heroku.svg
new file mode 100644
index 000000000..0463bb13e
--- /dev/null
+++ b/src/assets/logos/heroku.svg
@@ -0,0 +1,47 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1399.31 792">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #5a1ba9;
+      }
+
+      .cls-2 {
+        fill: #0d9dda;
+      }
+    </style>
+  </defs>
+  <g>
+    <path class="cls-1" d="M373.36,227.87h-242.11c-16.71,0-30.26,13.55-30.26,30.26v275.74c0,16.71,13.55,30.26,30.26,30.26h242.11c16.71,0,30.26-13.55,30.26-30.26v-275.74c0-16.71-13.55-30.26-30.26-30.26ZM386.81,533.87c0,7.42-6.03,13.45-13.45,13.45h-242.11c-7.42,0-13.45-6.03-13.45-13.45v-275.74c0-7.42,6.03-13.45,13.45-13.45h242.11c7.42,0,13.45,6.03,13.45,13.45v275.74Z"/>
+    <polygon class="cls-1" points="176.65 513.69 214.48 480.07 176.65 446.44 176.65 513.69"/>
+    <path class="cls-1" d="M313.33,377.4c-6.78-6.86-19.22-15.03-40-15.03-22.8,0-46.26,5.93-63.05,11.39v-95.46h-33.63v145.82l23.75-10.76c.38-.17,38.73-17.37,72.92-17.37,17.07,0,20.85,9.43,21.02,17.28v100.42h33.63v-100.88c.02-2.15-.18-20.79-14.64-35.41Z"/>
+    <path class="cls-1" d="M269.12,332.95h33.63c15.21-17.24,22.95-35.55,25.22-54.64h-33.63c-3.71,19.06-12.01,37.3-25.22,54.64Z"/>
+  </g>
+  <g>
+    <g>
+      <path class="cls-1" d="M513.44,467.17l-1.86,5.98c-2.09-.46-4.12-.65-6.08-.59-6.14.07-9.21,3.43-9.21,10.09v4.12h12.55v6.37h-12.55v43.52h-8.33v-43.52h-8.72v-5.29l8.72-1.08v-4.31c0-5.29,1.4-9.36,4.21-12.2,2.81-2.84,6.99-4.3,12.55-4.36,3.2,0,6.11.42,8.72,1.27Z"/>
+      <path class="cls-1" d="M517.95,497.95c0-3.66-.23-7.38-.69-11.17h7.94c.33,2.22.55,4.87.69,7.94h.2c2.87-6.21,8.1-9.31,15.68-9.31.52,0,1.47.1,2.84.29l-.49,7.15c-.65-.13-1.67-.2-3.04-.2-4.77,0-8.43,1.6-10.98,4.8-2.55,3.2-3.82,7.35-3.82,12.45v26.76h-8.33v-38.72Z"/>
+      <path class="cls-1" d="M597.73,511.57c0,5.16-1,9.75-2.99,13.77-1.99,4.02-4.87,7.14-8.62,9.36-3.76,2.22-8.25,3.33-13.48,3.33s-9.64-1.13-13.43-3.38c-3.79-2.25-6.67-5.37-8.63-9.36-1.96-3.98-2.94-8.56-2.94-13.72,0-7.97,2.19-14.32,6.57-19.06,4.38-4.74,10.52-7.11,18.43-7.11,5.29,0,9.81,1.1,13.57,3.28,3.76,2.19,6.62,5.24,8.58,9.16,1.96,3.92,2.94,8.49,2.94,13.72ZM556.27,511.57c0,5.95,1.36,10.73,4.07,14.36,2.71,3.63,6.81,5.44,12.3,5.44s9.7-1.81,12.45-5.44c2.74-3.63,4.12-8.41,4.12-14.36s-1.37-10.68-4.12-14.21c-2.75-3.53-6.9-5.29-12.45-5.29s-9.67,1.76-12.35,5.29c-2.68,3.53-4.02,8.27-4.02,14.21Z"/>
+      <path class="cls-1" d="M608.51,497.95c0-3.66-.23-7.38-.69-11.17h7.94c.33,1.76.55,4.12.69,7.06h.2c1.57-2.48,3.77-4.51,6.62-6.08,2.84-1.57,6.13-2.35,9.85-2.35,4.25,0,7.71.9,10.39,2.7,2.68,1.8,4.64,4.26,5.88,7.4h.2c1.7-3.14,4.02-5.6,6.96-7.4,2.94-1.8,6.47-2.7,10.58-2.7s7.55.9,10.29,2.7c2.75,1.8,4.77,4.15,6.08,7.06,1.3,2.91,1.96,6.09,1.96,9.56v31.95h-8.33v-30.78c0-3.86-.93-7.09-2.79-9.7-1.86-2.61-4.85-3.92-8.97-3.92-3.01,0-5.58.78-7.74,2.35-2.16,1.57-3.79,3.66-4.9,6.27-1.11,2.61-1.67,5.42-1.67,8.43v27.35h-8.33v-30.97c0-3.79-.95-6.97-2.84-9.56-1.9-2.58-4.87-3.87-8.92-3.87-4.31,0-7.74,1.52-10.29,4.56-2.55,3.04-3.82,6.78-3.82,11.22v28.62h-8.33v-38.72Z"/>
+      <path class="cls-1" d="M849.93,530.19l4.41-5.49c2.81,2.22,5.72,3.82,8.72,4.8,3.01.98,6.4,1.47,10.19,1.47,4.7,0,8.51-1.09,11.42-3.28,2.91-2.19,4.36-5.37,4.36-9.56,0-2.94-.69-5.32-2.06-7.15-1.37-1.83-3.27-3.3-5.68-4.41-2.42-1.11-5.62-2.19-9.61-3.23-6.47-1.7-11.3-4-14.5-6.91-3.2-2.91-4.8-6.97-4.8-12.2,0-5.81,2.17-10.35,6.52-13.62,4.35-3.27,9.88-4.9,16.61-4.9,4.25,0,8.08.56,11.52,1.67,3.43,1.11,6.62,2.74,9.56,4.9l-3.92,5.68c-2.74-1.76-5.47-3.07-8.18-3.92-2.71-.85-5.7-1.27-8.97-1.27-4.38,0-7.91.93-10.59,2.79-2.68,1.86-4.02,4.56-4.02,8.09s1.23,6.19,3.67,7.99c2.45,1.8,6.45,3.42,12.01,4.85,6.99,1.83,12.28,4.31,15.88,7.45,3.59,3.14,5.39,7.78,5.39,13.92,0,4.44-1.1,8.2-3.28,11.27-2.19,3.07-5.14,5.38-8.87,6.91-3.73,1.53-7.91,2.3-12.55,2.3-9.02,0-16.76-2.71-23.23-8.13Z"/>
+      <path class="cls-1" d="M905.3,523.04c0-6.47,2.34-10.96,7.01-13.48,4.67-2.51,11.71-3.77,21.12-3.77,2.28,0,4.02.03,5.19.1v-2.84c0-3.72-1.01-6.5-3.04-8.33-2.02-1.83-5.13-2.74-9.31-2.74-5.29,0-10.29,1.41-15,4.21l-2.94-5.59c5.62-3.46,11.76-5.2,18.42-5.2,6.99,0,12.1,1.63,15.34,4.9,3.24,3.27,4.85,8.23,4.85,14.9v20.39c0,3.59.23,7.29.69,11.07h-7.65c-.46-2.87-.69-5.13-.69-6.76h-.29c-1.83,2.68-4.13,4.7-6.91,6.08-2.78,1.37-6.35,2.06-10.73,2.06-4.84,0-8.72-1.29-11.67-3.87-2.94-2.58-4.41-6.29-4.41-11.12ZM938.63,518.23v-6.47l-4.41-.1c-4.9,0-8.81.33-11.71.98-2.91.65-5.06,1.76-6.47,3.33-1.41,1.57-2.11,3.76-2.11,6.57s.85,5.08,2.55,6.62c1.7,1.54,4.05,2.3,7.06,2.3s5.85-.67,8.14-2.01c2.29-1.34,4.02-3.02,5.19-5.05,1.18-2.03,1.77-4.08,1.77-6.18Z"/>
+      <path class="cls-1" d="M970.97,467.27v69.39h-8.33v-69.39h8.33Z"/>
+      <path class="cls-1" d="M1029.19,514.71h-37.05c.33,5.1,1.86,9.15,4.61,12.15,2.75,3.01,6.67,4.51,11.76,4.51,3.01,0,5.7-.41,8.09-1.23,2.38-.82,4.79-2.04,7.2-3.68l3.73,5.39c-2.81,2.03-5.8,3.56-8.97,4.61-3.17,1.04-6.68,1.57-10.54,1.57-7.65,0-13.61-2.42-17.89-7.25-4.28-4.83-6.42-11.27-6.42-19.31,0-5.16.91-9.7,2.75-13.62,1.83-3.92,4.49-6.97,7.99-9.16,3.49-2.19,7.69-3.28,12.59-3.28,7.25,0,12.79,2.35,16.61,7.06,3.82,4.7,5.73,10.95,5.73,18.72,0,1.57-.07,2.74-.2,3.53ZM1021.25,508.24c-.13-4.96-1.41-8.95-3.82-11.96-2.42-3-5.91-4.51-10.49-4.51s-8.23,1.55-10.78,4.66c-2.55,3.1-3.92,7.04-4.12,11.81h29.21Z"/>
+      <path class="cls-1" d="M1072.21,490.69l-3.73,5.19c-3.86-2.68-8.04-4.02-12.55-4.02-3.14,0-5.58.6-7.35,1.81-1.77,1.21-2.65,2.93-2.65,5.15,0,1.63.36,2.97,1.08,4.02.72,1.05,1.92,1.93,3.63,2.65,1.7.72,4.18,1.47,7.45,2.25,5.1,1.24,8.87,3.06,11.32,5.44,2.45,2.38,3.68,5.51,3.68,9.36,0,4.9-1.83,8.71-5.49,11.42-3.66,2.71-8.17,4.07-13.52,4.07-7.19,0-13.2-1.93-18.03-5.78l3.82-5.19c2.22,1.5,4.41,2.61,6.57,3.33,2.16.72,4.61,1.08,7.35,1.08,3.33,0,5.96-.72,7.89-2.16,1.93-1.44,2.89-3.49,2.89-6.17,0-1.76-.36-3.19-1.08-4.26-.72-1.08-1.91-1.98-3.58-2.69-1.67-.72-4.17-1.5-7.5-2.35-5.16-1.31-8.92-3.07-11.27-5.29-2.35-2.22-3.53-5.29-3.53-9.21,0-4.25,1.65-7.63,4.95-10.15,3.3-2.51,7.66-3.77,13.09-3.77,6.4,0,11.92,1.76,16.56,5.29Z"/>
+      <path class="cls-1" d="M1113.97,467.17l-1.86,5.98c-2.09-.46-4.12-.65-6.08-.59-6.14.07-9.21,3.43-9.21,10.09v4.12h12.55v6.37h-12.55v43.52h-8.33v-43.52h-8.72v-5.29l8.72-1.08v-4.31c0-5.29,1.4-9.36,4.21-12.2,2.81-2.84,6.99-4.3,12.55-4.36,3.2,0,6.11.42,8.72,1.27Z"/>
+      <path class="cls-1" d="M1165.03,511.57c0,5.16-1,9.75-2.99,13.77-1.99,4.02-4.87,7.14-8.62,9.36-3.76,2.22-8.25,3.33-13.48,3.33s-9.64-1.13-13.43-3.38c-3.79-2.25-6.67-5.37-8.63-9.36-1.96-3.98-2.94-8.56-2.94-13.72,0-7.97,2.19-14.32,6.57-19.06,4.38-4.74,10.52-7.11,18.43-7.11,5.29,0,9.81,1.1,13.57,3.28,3.76,2.19,6.62,5.24,8.58,9.16,1.96,3.92,2.94,8.49,2.94,13.72ZM1123.57,511.57c0,5.95,1.36,10.73,4.07,14.36,2.71,3.63,6.81,5.44,12.3,5.44s9.7-1.81,12.45-5.44c2.74-3.63,4.12-8.41,4.12-14.36s-1.37-10.68-4.12-14.21c-2.75-3.53-6.9-5.29-12.45-5.29s-9.67,1.76-12.35,5.29c-2.68,3.53-4.02,8.27-4.02,14.21Z"/>
+      <path class="cls-1" d="M1175.81,497.95c0-3.66-.23-7.38-.69-11.17h7.94c.33,2.22.55,4.87.69,7.94h.2c2.87-6.21,8.1-9.31,15.68-9.31.52,0,1.47.1,2.84.29l-.49,7.15c-.65-.13-1.67-.2-3.04-.2-4.77,0-8.43,1.6-10.98,4.8-2.55,3.2-3.82,7.35-3.82,12.45v26.76h-8.33v-38.72Z"/>
+      <path class="cls-1" d="M1230.21,485.4c3.14,0,6.13.48,8.97,1.42,2.84.95,5.37,2.27,7.59,3.97l-3.33,5.78c-3.79-2.81-8.2-4.21-13.23-4.21-5.36,0-9.41,1.75-12.15,5.24-2.74,3.5-4.12,8.18-4.12,14.06s1.37,10.41,4.12,13.97c2.75,3.56,6.76,5.34,12.06,5.34,4.51,0,8.98-1.41,13.43-4.21l3.04,5.88c-4.96,3.59-10.65,5.39-17.05,5.39-5.62,0-10.23-1.26-13.82-3.77-3.59-2.51-6.19-5.76-7.79-9.75-1.6-3.98-2.4-8.27-2.4-12.84,0-7.97,2.19-14.34,6.57-19.11,4.38-4.77,10.42-7.16,18.13-7.16Z"/>
+      <path class="cls-1" d="M1298.13,514.71h-37.05c.33,5.1,1.86,9.15,4.61,12.15,2.75,3.01,6.67,4.51,11.76,4.51,3.01,0,5.7-.41,8.09-1.23,2.38-.82,4.79-2.04,7.2-3.68l3.73,5.39c-2.81,2.03-5.8,3.56-8.97,4.61-3.17,1.04-6.68,1.57-10.54,1.57-7.65,0-13.61-2.42-17.89-7.25-4.28-4.83-6.42-11.27-6.42-19.31,0-5.16.91-9.7,2.75-13.62,1.83-3.92,4.49-6.97,7.99-9.16,3.49-2.19,7.69-3.28,12.59-3.28,7.25,0,12.79,2.35,16.61,7.06,3.82,4.7,5.73,10.95,5.73,18.72,0,1.57-.07,2.74-.2,3.53ZM1290.19,508.24c-.13-4.96-1.41-8.95-3.82-11.96-2.42-3-5.91-4.51-10.49-4.51s-8.23,1.55-10.78,4.66c-2.55,3.1-3.92,7.04-4.12,11.81h29.21Z"/>
+      <path class="cls-2" d="M760.54,474.34c1.98-2.12,4.38-3.79,7.04-4.91,2.64-1.17,5.49-1.78,8.37-1.78,3.84.02,7.61,1.07,10.91,3.06,3.3,1.99,6.02,4.83,7.87,8.24,3.38-1.5,7.03-2.29,10.73-2.31,7.05,0,13.81,2.83,18.79,7.88,4.98,5.04,7.78,11.88,7.78,19.02s-2.8,13.97-7.78,19.02c-4.98,5.04-11.74,7.88-18.79,7.88-1.73.03-3.46-.18-5.15-.6-2.38,4.34-6.32,7.59-11,9.07-4.71,1.44-9.79,1.07-14.25-1.04-1.69,4.12-4.62,7.6-8.37,9.95-3.71,2.44-8.06,3.68-12.49,3.56-4.39-.04-8.66-1.47-12.21-4.07-3.58-2.59-6.3-6.21-7.8-10.39-1.4.3-2.82.45-4.25.44-3.59-.06-7.1-1.07-10.2-2.92-3.09-1.85-5.65-4.48-7.44-7.64-1.78-3.16-2.72-6.73-2.73-10.36,0-3.63.92-7.21,2.69-10.37,1.79-3.15,4.38-5.76,7.5-7.57-2.29-5.36-2.55-11.39-.73-16.94,1.83-5.52,5.56-10.19,10.52-13.15,4.99-2.98,10.9-3.99,16.58-2.82,5.72.99,10.86,4.12,14.41,8.77h0Z"/>
+    </g>
+    <g>
+      <path class="cls-1" d="M479.29,254.05h33.52v46.09h41.23v-46.09h33.53v124.03h-33.53v-50.12h-41.23v50.12h-33.52v-124.03Z"/>
+      <path class="cls-1" d="M630.74,254.05h88.49v27.82h-54.97v20.11h39.22v26.15h-39.22v22.96h57.83v26.99h-91.35v-124.03Z"/>
+      <path class="cls-1" d="M758.91,254.05h48.44c31.84,0,51.29,10.56,51.29,40.39,0,19.44-8.22,30.68-24.47,36.2l26.31,47.44h-35.53l-23.97-43.07h-9.22v43.07h-32.85v-124.03ZM806.17,309.53c13.74,0,19.78-3.86,19.78-14.24s-6.03-14.08-19.78-14.08h-14.41v28.33h14.41Z"/>
+      <path class="cls-1" d="M893.61,316.06c0-45.41,31-64.36,61.01-64.36s60.84,18.95,60.84,64.36-31.01,64.36-60.84,64.36-61.01-18.94-61.01-64.36ZM981.93,316.06c0-22.79-9.89-36.7-27.32-36.7s-27.49,13.91-27.49,36.7,9.89,37.55,27.49,37.55,27.32-14.75,27.32-37.55Z"/>
+      <path class="cls-1" d="M1052.77,254.05h33.52v44.92l34.2-44.92h38.88l-41.74,48.94,45.42,75.09h-37.88l-29.33-49.62-9.56,11.06v38.55h-33.52v-124.03Z"/>
+      <path class="cls-1" d="M1194.01,328.3v-74.25h33.52v74.09c0,17.09,5.53,24.8,18.94,24.8s18.77-7.71,18.77-24.8v-74.09h32.85v74.25c0,32.86-15.75,51.62-51.96,51.62s-52.13-18.76-52.13-51.62Z"/>
+    </g>
+  </g>
+</svg>
\ No newline at end of file
diff --git a/src/assets/logos/jump.svg b/src/assets/logos/jump.svg
new file mode 100644
index 000000000..6a7609c8d
--- /dev/null
+++ b/src/assets/logos/jump.svg
@@ -0,0 +1 @@
+<svg class="block h-auto" width="80" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 79.6 25" fill="currentColor"><path d="M30,1.8v12.8c0,.9-.2,2.2-1.1,3.4-.9,1.3-2.4,2.2-4.5,2.2-2.1,0-3.6-.9-4.5-2.2-.8-1.2-1.1-2.5-1.1-3.4h4c0,.3,0,.7.3,1,0,.1.2.2.4.3.1,0,.4.2.8.2s.7,0,.8-.2c.1,0,.3-.2.4-.3.2-.3.3-.7.3-1h0V1.8h4ZM69.9,25h-3.9V6.7h3.4l.3,1.3h.1c.6-.8,1.9-1.6,3.8-1.6,3.4,0,6.1,2.8,6.1,6.9s-2.8,6.9-6.1,6.9-3.1-.7-3.5-1.3h-.1v6.2ZM72.8,16.5c1.7,0,2.9-1.2,2.9-3.3s-1.3-3.2-2.9-3.2-2.9,1.2-2.9,3.2,1.3,3.3,2.9,3.3ZM49.3,19.8h-3.9V6.7h3.4l.3,1.2h.1c.4-.6,1.6-1.4,3.1-1.4s3.2,1.1,3.6,1.8h.1c.6-.9,2-1.8,4-1.8s4.9,2.2,4.9,5.4v8.1h-3.9v-7.5c0-1.4-.7-2.2-1.9-2.2s-2,.9-2,2.2v7.5h-3.9v-7.5c0-1.4-.8-2.2-1.9-2.2s-2,.9-2,2.2v7.5ZM36.6,20.1c-3,0-5.2-2.1-5.2-5.5v-7.9h3.9v7.3c0,1.4,1,2.5,2.4,2.5s2.4-1,2.4-2.5v-7.3h3.9v13.2h-3.4l-.3-1.2h-.1c-.6.7-2,1.4-3.7,1.4ZM7.7,4.7c4.3,0,7.7,3.5,7.7,7.7s-3.5,7.7-7.7,7.7S0,16.7,0,12.4s3.5-7.7,7.7-7.7ZM18.3,0c2.2,0,4,1.8,4,4s-1.8,4-4,4-4-1.8-4-4,1.8-4,4-4Z"></path></svg>
diff --git a/images/cases/logos/met-france.svg b/src/assets/logos/met-france.svg
similarity index 100%
rename from images/cases/logos/met-france.svg
rename to src/assets/logos/met-france.svg
diff --git a/src/assets/logos/mux.svg b/src/assets/logos/mux.svg
new file mode 100644
index 000000000..6fcfc3338
--- /dev/null
+++ b/src/assets/logos/mux.svg
@@ -0,0 +1,5 @@
+<svg width="387" height="121" viewBox="0 0 387 121" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M240.34 0C231.948 0 225.146 6.75374 225.146 15.0837V60.3443C225.146 76.9849 211.506 90.5237 194.74 90.5237C177.975 90.5237 164.334 76.9849 164.334 60.3443V15.0837C164.334 6.75374 157.53 0 149.14 0C140.75 0 133.946 6.75374 133.946 15.0837V60.3443C133.946 93.6182 161.219 120.689 194.743 120.689C228.266 120.689 255.54 93.6182 255.54 60.3443V15.0837C255.54 6.75374 248.735 0 240.345 0H240.34ZM240.34 25.4629C234.565 25.4629 229.883 20.8164 229.883 15.0837C229.883 9.35096 234.565 4.70444 240.34 4.70444C246.116 4.70444 250.798 9.35096 250.798 15.0837C250.798 20.8164 246.116 25.4629 240.34 25.4629Z" fill="#242628"/>
+<path d="M304.382 60.3443L269.526 94.9409C263.592 100.831 263.592 110.382 269.526 116.271C275.459 122.161 285.082 122.161 291.016 116.271L325.872 81.6748L360.728 116.271C366.662 122.161 376.285 122.161 382.219 116.271C388.153 110.382 388.153 100.831 382.219 94.9409L347.363 60.3443L382.219 25.7477C388.153 19.8581 388.153 10.3068 382.219 4.4172C376.285 -1.4724 366.662 -1.4724 360.728 4.4172L325.872 39.0138L291.016 4.4172C285.082 -1.4724 275.459 -1.4724 269.526 4.4172C263.592 10.3068 263.592 19.8581 269.526 25.7477L304.382 60.3443ZM371.472 115.984C365.697 115.984 361.015 111.338 361.015 105.605C361.015 99.8723 365.697 95.2257 371.472 95.2257C377.248 95.2257 381.93 99.8723 381.93 105.605C381.93 111.338 377.248 115.984 371.472 115.984Z" fill="#242628"/>
+<path d="M112.214 1.14895C106.536 -1.18517 99.999 0.103787 95.6532 4.4172L60.7971 39.0138L25.9409 4.4172C21.5951 0.103787 15.0582 -1.18517 9.37977 1.14895C3.70132 3.48307 0 8.98164 0 15.0837V105.605C0 113.935 6.80441 120.689 15.1968 120.689C23.5893 120.689 30.3937 113.935 30.3937 105.605V51.4954L50.053 71.0084C55.9868 76.898 65.6098 76.898 71.5436 71.0084L91.2029 51.4954V105.605C91.2029 113.935 98.0073 120.689 106.4 120.689C114.792 120.689 121.597 113.935 121.597 105.605V15.0837C121.597 8.98406 117.895 3.48307 112.217 1.14895H112.214ZM106.4 115.987C100.624 115.987 95.9426 111.34 95.9426 105.607C95.9426 99.8747 100.624 95.2282 106.4 95.2282C112.175 95.2282 116.857 99.8747 116.857 105.607C116.857 111.34 112.175 115.987 106.4 115.987Z" fill="#242628"/>
+</svg>
diff --git a/src/assets/logos/pagerduty.svg b/src/assets/logos/pagerduty.svg
new file mode 100644
index 000000000..696e1705c
--- /dev/null
+++ b/src/assets/logos/pagerduty.svg
@@ -0,0 +1,37 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 23.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
+<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+	 viewBox="0 0 974.8 200" style="enable-background:new 0 0 974.8 200;" xml:space="preserve">
+<style type="text/css">
+	.st0{fill:#06AC38;}
+</style>
+<g>
+	<path class="st0" d="M950.5,41.9l-22,62.4c-4,11.2-6,17.6-9.7,28.4h-0.4c-2.9-9.3-5.5-16.8-9.3-27.8l-21.4-63.1h-25.6l44.3,115.8
+		c-1,2.5-2,5.1-3.1,7.8c-3.7,9-12.5,14.9-22.2,14.9l-11,0V200h11.3c18.3,0,34.8-11.1,41.6-28.2c14.1-35.3,38.1-95.4,51.8-129.9
+		H950.5z"/>
+	<path class="st0" d="M336.2,135.4c0,41.9-19.2,64.6-58,64.6c-28.9,0-46.3-15.2-52.5-38.1h23.4c4,10.6,12.3,20.1,29.5,20.1
+		c26.5,0,35.9-16.5,35.9-47.9c-0.2,0-0.2-0.2-0.4-0.2c-5.7,9.9-18.5,18.7-38.8,18.7c-32.6,0-53.4-23.6-53.4-56.7
+		c0-34.4,22.5-57.6,53.6-57.6c20.1,0,32.2,8.6,38.8,18.1c-0.2-2.4-0.2-4.9-0.2-7.3v-7.3h22.1V135.4z M246.2,95.7
+		c0,22.5,12.6,38.6,34.2,38.6c19.4,0,34.4-13.7,34.4-39.3c0-22.7-13.2-37.9-34.4-37.9S246.2,72.3,246.2,95.7z"/>
+	<path class="st0" d="M372.7,105.6c0.9,20.3,13.9,36.4,36.4,36.4c15.9,0,23.6-7.5,29.5-17.4h22.3c-6.6,20.9-24.9,35.9-52.7,35.9
+		c-35.7,0-58-24-58-60.2c0-36.2,23.2-61.7,58-61.7c37.7,0,55.1,28.7,55.1,59.8v7.3H372.7z M440.1,88c-2-18.3-13.5-31.3-32.4-31.3
+		c-18.1,0-32,11.9-34.2,31.3H440.1z"/>
+	<path class="st0" d="M499,41.9v14.8c3.7-10.8,15-17.6,28-17.6c2.9,0,4.2,0.2,5.7,0.4v20.3c-2-0.4-5.3-0.7-7.7-0.7
+		c-20.9,0-24.9,15.4-24.9,38.6v60h-22.3v-95c0-7.3,0-13.7-0.2-20.7H499z"/>
+	<path class="st0" d="M761.7,141.1c-6,9.9-17.2,19.4-36.8,19.4c-26.9,0-40.1-16.5-40.1-46.5V41.9H707v63.7
+		c0,22.7,7.5,36.4,25.6,36.4c23.8,0,28-21.6,28-47V41.9h22.3v98.3c0,6,0,11.7,0.2,17.4h-21.4V141.1z"/>
+	<path class="st0" d="M833,41.9h21.6v17.2H833v69.5c0,11,5.5,14.3,14.1,14.3c1.5,0,4.2-0.2,5.5-0.4V159c-3.3,0.4-5.7,0.9-8.6,0.9
+		c-20.5,0-33.5-6.8-33.5-30V59.1h-17.4V41.9h17.4V10.6H833V41.9z"/>
+	<g>
+		<rect y="115.6" class="st0" width="23.1" height="42"/>
+		<path class="st0" d="M87,7.7C74.6,1.1,66,0,45.7,0H0v95.6h23.1h3h19.4c18.1,0,31.6-1.1,43.5-9c13-8.6,19.7-22.9,19.7-39.4
+			C108.7,29.3,100.4,15,87,7.7z M50.8,75.6H23.1V20.5l26.1-0.2C73,20,84.9,28.4,84.9,47.4C84.9,67.8,70.2,75.6,50.8,75.6z"/>
+	</g>
+	<path class="st0" d="M546.3,0h38.6c57.8,0.4,85.6,28.6,85.8,79.2c0.2,43.1-22.1,77.9-82,78.5l-42.3,0V0z M569.7,138l13.5,0
+		c41.9,0,63.8-16,63.8-58.9c-0.1-37.7-21.8-59.3-61.6-59.3c-7.7,0-15.7,0.2-15.7,0.2V138z"/>
+	<path class="st0" d="M189.7,157.7c-0.7-4.6-0.7-7.5-1.1-15.9c-8.8,12.6-20.5,18.1-39,18.1c-24.3,0-41.9-11.9-41.9-33.5
+		c0-24.9,23.8-33.1,54.7-37.3c7.7-1.1,16.3-2,23.8-2.6c0-22.9-12.7-29.8-26-29.8s-23,9.3-23,21.5h-21.6c0-23.5,18.5-39.3,45.1-39.3
+		s47.1,11,47.1,53.4v22.5c0,18.7,0.9,32.4,2.9,43H189.7z M131.7,126.1c0,10.8,8.8,17.6,22.9,17.6c20.7,0,31.8-12.6,31.8-35.1
+		c0-2.9,0-4.9,0.2-6.2C148.9,106.3,131.7,110,131.7,126.1z"/>
+</g>
+</svg>
diff --git a/images/cases/logos/pepsico.png b/src/assets/logos/pepsico.png
similarity index 100%
rename from images/cases/logos/pepsico.png
rename to src/assets/logos/pepsico.png
diff --git a/src/assets/logos/plausible.svg b/src/assets/logos/plausible.svg
new file mode 100644
index 000000000..617e245db
--- /dev/null
+++ b/src/assets/logos/plausible.svg
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg id="Layer_2" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 245.7709455 60.0000321"><defs><style>.cls-1{fill:url(#New_Gradient_Swatch_1);}.cls-1,.cls-2,.cls-3{stroke-width:0px;}.cls-2{fill:url(#New_Gradient_Swatch_1-2);}.cls-3{fill:#1f2961;}</style><linearGradient id="New_Gradient_Swatch_1" x1="14.8413403" y1="22.5436904" x2="27.4731407" y2="44.6493411" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#909cf7"/><stop offset="1" stop-color="#4b38d8"/></linearGradient><linearGradient id="New_Gradient_Swatch_1-2" x1="7.9837957" y1="-1.3582919" x2="21.0009873" y2="21.4217935" xlink:href="#New_Gradient_Swatch_1"/></defs><g id="Plausible_-_Branding"><g id="Gradient_Logo_-_Purple_Gradient_on_White"><path id="Wordmark_-_Black" style="fill:#1f2961" d="M61.4259774,46.5168043V15.9681768h12.9613709c1.8329397,0,3.4763029.4294862,4.9315593,1.2873563,1.4545216.8586049,2.6107175,2.0294967,3.4693224,3.5130426.8578702,1.4839133,1.2873563,3.157403,1.2873563,5.0189996,0,1.8913557-.4294862,3.5935023-1.2873563,5.1057051-.8586049,1.513305-2.0148008,2.713221-3.4693224,3.6004829-1.4552564.8879966-3.0986196,1.3310765-4.9315593,1.3310765h-6.4151052v10.6919645h-6.5462657ZM67.8848028,29.9332741h5.7607726c.6980528,0,1.3233612-.1814937,1.8766598-.5455834.5521965-.3633549.9960111-.8508896,1.3307091-1.4618695.3343306-.6109799.5022306-1.3094001.5022306-2.0948932s-.1679001-1.4684827-.5022306-2.0508056c-.3346979-.5819556-.7785126-1.0474466-1.3307091-1.3968404-.5532987-.3490264-1.178607-.5235396-1.8766598-.5235396h-5.7607726v8.0735317ZM88.2212853,46.5168043V14.2226774h6.1972393v32.2941269h-6.1972393ZM108.0342281,46.953271c-1.92038,0-3.6515509-.523907-5.1931454-1.5709862-1.5426967-1.0474466-2.7646565-2.4725765-3.6658794-4.2768593-.9023251-1.803548-1.3531202-3.8690495-1.3531202-6.1972393,0-2.3270876.4585105-4.3925891,1.3747966-6.1968719.9166535-1.803548,2.1602897-3.2143494,3.7312759-4.2331391,1.5709862-1.0180549,3.3605731-1.527266,5.368026-1.527266,1.1345195,0,2.1742508.1675327,3.120296.5018632.9449431.3346979,1.7741563.792841,2.4872723,1.3744292.7127486.582323,1.3160132,1.2513515,1.8112633,2.0074529.4941479.7572036.8435417,1.5713536,1.0474466,2.4439196l-1.3094001-.2182333v-5.6296121h6.1535191v23.0860757h-6.240592v-5.5425392l1.396473-.1307931c-.2332966.8148848-.6109799,1.5860494-1.1348869,2.3131265-.5235396.7274445-1.1712591,1.3744292-1.9420564,1.9420564-.7711646.5672597-1.6363827,1.0184223-2.596389,1.3527528-.9600063.3339632-1.978796.5018632-3.0548995.5018632ZM109.7360074,41.5852449c1.1635438,0,2.1823335-.2759146,3.0548995-.8288459.8729334-.5525639,1.5493098-1.3310765,2.0294967-2.3348029.4798195-1.0037264.7200966-2.1746182.7200966-3.51341,0-1.3090327-.2402771-2.4578806-.7200966-3.4472786-.4801868-.9890306-1.1565633-1.7675432-2.0294967-2.3348029-.872566-.5676271-1.8913557-.851257-3.0548995-.851257-1.1345195,0-2.1312654.2836299-2.9891356.851257-.8586049.5672597-1.5349814,1.3457723-2.0294967,2.3348029-.4948827.989398-.7417729,2.1382459-.7417729,3.4472786,0,1.3387918.2468903,2.5096835.7417729,3.51341.4945153,1.0037264,1.1708917,1.782239,2.0294967,2.3348029.8578702.5529313,1.8546161.8288459,2.9891356.8288459ZM134.436422,46.953271c-1.6874508,0-3.1353593-.3710702-4.3422558-1.1128431-1.2076313-.7417729-2.1382459-1.803548-2.792946-3.1856925-.6547-1.3817771-.9816827-3.0475516-.9816827-4.9969559v-14.2270509h6.1968719v13.2233244c0,1.0474466.1745132,1.9571196.5235396,2.7275495.3493938.7711646.8435417,1.3604682,1.4839133,1.7675432.6396368.4074424,1.4251299.6109799,2.3564793.6109799.6690285,0,1.2873563-.1091167,1.8549835-.32735.5672597-.2182333,1.0614077-.5305201,1.4835459-.9383299.4214035-.407075.7487535-.8872618.9820501-1.4401931.2325618-.5521965.3490264-1.148848.3490264-1.7892195v-13.8343043h6.1968719v23.0860757h-5.8911982l-.2182333-4.7566787,1.1345195-.523907c-.3490264,1.0768383-.9313494,2.051173-1.7454994,2.9241064-.8148848.872566-1.7892195,1.5566577-2.9241064,2.051173-1.1345195.4941479-2.3564793.7417729-3.6658794.7417729ZM160.882336,46.953271c-2.1533092,0-4.0659739-.3567417-5.7387288-1.069123-1.6734897-.7127486-3.0185273-1.6947987-4.0365822-2.9457828l3.8837453-3.316853c.8729334.9600063,1.8615966,1.651446,2.9678266,2.0728494,1.1051278.4221382,2.210623.6330237,3.3164856.6330237.4364667,0,.8361938-.0507007,1.2002834-.1528368.3633549-.1017688.6763764-.2468903.9383299-.4364667.2615861-.1888417.4581431-.4214035.5889361-.6980528.1311604-.276282.196557-.5742403.196557-.8946098,0-.6396368-.2536738-1.1476376-.7854931-1.4839133-.2870439-.1815012-.7421403-.3710702-1.3531202-.5893035s-1.396473-.4581431-2.3564793-.7200966c-1.4839133-.3776833-2.7426127-.8214979-3.7749961-1.3310765-1.0331181-.5084764-1.8546161-1.0834514-2.465596-1.723823-.5235396-.6106125-.9240015-1.2722931-1.2002834-1.9854091-.2766493-.7127486-.4144229-1.5055897-.4144229-2.3785231,0-1.0474466.2325618-2.000105.6980528-2.8583425.4651236-.8578702,1.1128431-1.59303,1.9420564-2.2040099s1.7818716-1.0834514,2.8587099-1.4181494c1.0757361-.3343306,2.210623-.5018632,3.4039259-.5018632,1.1925681,0,2.3564793.1458563,3.4913662.4360993,1.1345195.2913452,2.1885792.7057681,3.1636488,1.2440036.9747021.5386028,1.8255918,1.1712591,2.5530363,1.8983362l-3.3164856,3.6658794c-.523907-.4945153-1.1128431-.9453104-1.7675432-1.3531202-.6547-.407075-1.3310765-.7267097-2.0294967-.9600063-.6980528-.2325618-1.3240959-.3490264-1.8762924-.3490264-.4952501,0-.9383299.0437201-1.3310765.1307931-.3927465.0874403-.7200966.2259487-.9820501.4147903-.2615861.1895764-.4581431.4144229-.5889361.6763764-.1311604.2619535-.196557.5529313-.196557.8729334,0,.3203695.079725.6256757.2399097.9162861.1598174.2913452.3853986.5386028.6767438.7417729.3196347.1748806.7921062.3784181,1.4181494.6109799.6253084.2332966,1.476198.4952501,2.5530363.7854931,1.396473.3787855,2.5816932.8005563,3.5567627,1.2656799.9743348.4658584,1.7524799,1.0037264,2.3348029,1.6147063.4941479.523907.8578702,1.1205584,1.0907993,1.7892195.2325618.6697633.3493938,1.4115362.3493938,2.2256862,0,1.4258647-.4004619,2.6915446-1.2002834,3.7970398-.8005563,1.1058626-1.8983362,1.978796-3.2948092,2.6184328s-2.9674592.9600063-4.713326.9600063ZM177.2035453,18.71777c-1.1933029,0-2.1239175-.2979583-2.792946-.8946098-.6697633-.596284-1.0037264-1.4328452-1.0037264-2.5096835,0-.9886632.3416785-1.7958327,1.0254028-2.4218758.683357-.6253084,1.6073584-.9383299,2.7712696-.9383299,1.1925681,0,2.1235501.2986931,2.792946.8946098.6690285.5966514,1.0037264,1.4185168,1.0037264,2.465596,0,.989398-.3424133,1.8042828-1.0254028,2.4439196-.6840917.6403716-1.6080932.9603737-2.7712696.9603737ZM174.1486458,46.5168043v-23.0860757h6.1968719v23.0860757h-6.1968719ZM199.4166876,46.953271c-1.0187897,0-2.0074529-.1458563-2.9678266-.4364667-.9600063-.2906104-1.8325723-.6907049-2.6184328-1.2002834-.7854931-.5084764-1.4398257-1.0907993-1.9637327-1.7454994-.5235396-.6547-.8586049-1.3310765-1.0037264-2.0291293l1.396473-.523907-.3053063,5.4113788h-5.8478455V14.2226774h6.240592v14.61943l-1.2219598-.4798195c.1745132-.6984202.5084764-1.3747966,1.0037264-2.0294967.4941479-.6543327,1.1194563-1.2362882,1.8766598-1.7454994.7561014-.5088438,1.5853146-.9089382,2.4872723-1.2002834.9015903-.290243,1.8329397-.4360993,2.792946-.4360993,2.0074529,0,3.803653.5165591,5.3897024,1.5489424,1.5853146,1.0331181,2.8293182,2.4516349,3.7312759,4.2551829.9015903,1.8042828,1.3531202,3.8697843,1.3531202,6.1968719,0,2.3281898-.444182,4.3933239-1.3310765,6.1972393-.8879966,1.8042828-2.1165696,3.2224322-3.6879232,4.2548155-1.5709862,1.0331181-3.3458773,1.5493098-5.3239385,1.5493098ZM197.9327743,41.6726852c1.1631764,0,2.1746182-.2836299,3.0332231-.8508896.8575028-.5676271,1.5342466-1.3531202,2.0291293-2.3568467.4945153-1.0037264.7417729-2.1742508.7417729-3.5130426,0-1.3090327-.2399097-2.4725765-.7200966-3.4909988-.4798195-1.0180549-1.1562053-1.8039154-2.0291293-2.3568467-.8729334-.5521965-1.8917231-.8292132-3.0548995-.8292132-1.1639112,0-2.1819661.2770167-3.0548995.8292132-.872566.5529313-1.5493098,1.3387918-2.0291293,2.3568467-.4801868,1.0184223-.7200966,2.1819661-.7200966,3.4909988,0,1.3387918.2399097,2.5093161.7200966,3.5130426.4798195,1.0037264,1.1565633,1.7892195,2.0291293,2.3568467.8729334.5672597,1.8909883.8508896,3.0548995.8508896ZM213.5992835,46.5168043V14.2226774h6.1972393v32.2941269h-6.1972393ZM235.7246181,46.953271c-2.5023356,0-4.6912822-.5088438-6.5679421-1.5276334-1.8762924-1.0180549-3.3315488-2.4145279-4.3639322-4.189419-1.0331181-1.7741563-1.5493098-3.8110009-1.5493098-6.109799,0-1.803548.2906104-3.447646.8729334-4.9311919.5815882-1.4839133,1.396473-2.7712696,2.4439196-3.8624364,1.0474466-1.0907993,2.2910828-1.934341,3.7312759-2.5309925,1.4401931-.5959167,3.0038314-.8946098,4.6912822-.8946098,1.5709862,0,3.0255078.2909778,4.3642996.8729334,1.3376896.582323,2.4942529,1.3894925,3.4693224,2.4218758.9743348,1.0331181,1.723823,2.2550779,2.2473626,3.6658794.523907,1.4115362.7564688,2.9314544.6984202,4.5604892l-.0437201,1.9200126h-18.5472629l-1.0037264-3.7966724h14.4449168l-.6980528.7854931v-.9600063c-.0587834-.7854931-.3130216-1.4905264-.7638167-2.1165696-.4515299-.6253084-1.0254028-1.1198236-1.723823-1.4839133-.6984202-.3633549-1.4839133-.545216-2.3564793-.545216-1.2807432,0-2.3641946.2472576-3.2514565.7417729-.8876292.4948827-1.5640057,1.2219598-2.0291293,2.1819661-.4658584.9600063-.6984202,2.1239175-.6984202,3.4913662,0,1.396473.2979583,2.6041043.8946098,3.6221592.5959167,1.0187897,1.4401931,1.8108959,2.5313599,2.3785231,1.0907993.5672597,2.3785231.8508896,3.862069.8508896,1.0180549,0,1.9490369-.15945,2.792946-.4801868.8435417-.3196347,1.7458668-.872566,2.7058731-1.6584265l2.9674592,4.1460662c-.8439091.7568362-1.7748911,1.3894925-2.792946,1.8983362-1.0187897.5092111-2.0662363.8946098-3.1419724,1.1565633-1.0768383.2615861-2.1386133.3927465-3.1860599.3927465Z"/><g id="Symbol_-_Purple_Gradient"><path class="cls-1" d="M45.2456059,22.6027536c-1.0911024,10.4557623-10.2327486,18.2272825-20.7452872,18.2272807h-4.047804v9.570007c0,5.3019285-4.2980623,9.5999908-9.5999908,9.5999908H3.3599854c-1.8556687,0-3.3599854-1.5043167-3.3599854-3.3599854v-19.7025146l5.0380685-7.0686343c.9118097-1.2793096,2.587965-1.7566996,4.0369945-1.1497867l2.8657142,1.2002785c1.4444817.6050081,3.1153774.12945,4.0247968-1.1455083l6.7172007-9.417163c.9071158-1.2717288,2.5743943-1.7450816,4.0144283-1.1397262l5.5198678,2.3204187c1.4430268.6066135,3.1137697.1319561,4.0223175-1.1427389l6.4594145-9.0625757c2.0248091,3.5597961,3.0145069,7.7887694,2.5468032,12.2706573Z"/><path class="cls-2" d="M3.2920959,28.8726296c.82329-1.1551271,2.0209115-2.0434967,3.4138697-2.3114381,1.0861554-.2089265,2.156905-.0992829,3.1472499.3155174l2.8649902,1.1999512c.1651001.0691528.3388672.104187.5164795.104187.4365845,0,.8488159-.2124634,1.1026611-.5683594l6.5942097-9.2447929c.8231505-1.154021,2.0204067-2.0410099,3.4124878-2.3083136,1.0821376-.2077892,2.1463585-.0989034,3.1282512.3138487l5.5198364,2.3204346c.1665649.0700684.3417969.1055298.5206909.1055298.4351807,0,.8456421-.2113647,1.0979614-.5653687l6.9192505-9.7077637C37.8272145,3.3644409,31.7802174,0,24.9450124,0H3.3599904C1.5043217,0,.000005,1.5043167.000005,3.3599854v30.1316528l3.2920909-4.6190085Z"/></g></g></g></svg>
\ No newline at end of file
diff --git a/src/assets/logos/rbc-black.svg b/src/assets/logos/rbc-black.svg
new file mode 100644
index 000000000..db4743a19
--- /dev/null
+++ b/src/assets/logos/rbc-black.svg
@@ -0,0 +1,17 @@
+<?xml version="1.0"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150.7 50">
+  <defs>
+    <g id="rbc-crest">
+      <path fill="#fff" d="M38.6 44.4c0 1.7-.7 2.6-2 3.1-5.1 2-11.2 3-17 3-5.8 0-11.9-1-17-3-1.3-.5-2-1.5-2-3.1V.6h38v43.8z"/>
+      <path fill="#000" d="M10.8 27.3c-5.3-3.3-7-4.7-7.2-6.9 0-.4.1-1.2.3-1.7l-.5-.3c-.4.6-.7 1.4-.7 2.2 0 1.2.4 2.2.9 2.9.7 1.1 1.5 1.9 3.4 3.3 2.1 1.6 3.5 3.4 4.3 5.3h.3V30c2.8 1.6 5.3 3.1 6.5 5.7h.3c-.5-2.8-2-4.9-7.6-8.4zM35 35.7h-.4c0-2-1.8-2.5-3.7-2.5H25c.2 1 .3 2.1.1 3.2h-.3c-.5-4.4-3-6.6-6.5-8.9v2H18c-.9-2.1-3-4-4.9-5.4-.5-.4-1-.7-1.6-1.1v2.2h-.3c-.8-2.2-2.3-3.8-4.4-5.7-2.3-2.1-3.2-3.3-3.7-4.7-.3-.9-.4-1.6-.4-2.5 0-1.7.8-3.2 1.9-3.8v.8c-.5.7-.8 1.6-.8 2.5 0 .8.2 1.7.6 2.5 1.3 2.5 5.6 5.5 8.4 7.3 8.6 5.7 10.3 6.7 11.7 9.8.2.3.3.8.4 1.3 1.2-.2 5.7-.9 6.6-1 .2 0 .5-.1.7-.1.8-.5 1.4-1.1 1.9-1.9l-3.3-.3c-.2.4-.3.7-.5.9H30c.1-.3.2-.7.2-1l-.8-.1V29l.9-.1c.2-.9.3-1.8.3-2.6l-4.1-.2v1.2h-.3c-.1-.4-.2-.8-.2-1.2l-.9-.1v-.3h.9c-.1-1.1-.1-2.1-.1-3l-2.4-.1c.1.2.2.4.3.7.5 1.5.4 3.2.2 4h-.3c0-.9-.3-2-.6-2.7-.7-1.6-2.2-3-4.7-4.6v2h-.3c-.8-2.6-2.9-4.1-6-5.7C9.5 15 8.7 13.4 8.9 11l.9.5c.2 2.3 2 3.6 3.8 3.6 1.1 0 2.1-.2 3.1-.3 1.4-.3 2.7-.5 3.8-.1v-1.4h-.9c-.3.3-.9.6-1.8.6-1 0-2.9-.6-2.9-2.7 0-1.9 1.6-2.1 2.8-2.1h2.2c.3 0 .5-.1.6-.2.1-.1.2-.3.2-.5v-.9-1.4h-5.9v2.3l-2.2-.9V7h1.1v-.9h-4v-2H8.4c-.7 0-1.6.5-1.6 1.5-.1 1 .3 1.8 1.3 1.8h.2v1.1h-.2c-1.7 0-3-1.3-3-3 0-1.8 1.5-3.1 3.3-3.1h2.9v1.9h11.2v2.9c0 .5 0 1.1-.1 1.5 0 .3-.1.8-.7 1.3-.3.3-.9.4-1.7.4-.3 0-1.1 0-2-.1-1.3-.1-1.6.4-1.7.9v.3c.6-.5 1.4-.8 2.4-.5 1.7.5 2.2.6 3.1-.1l.1.2c-.1.1-.3.4-.5.5h.8V16l2.5-1.5h7.1s3 1.6 3.5 1.8c.4.2.6.5.7.9.1.3 0 .8-.2 1.1-.1.2-.9 1.5-1.4 2.2 1.2 1.3 2 3.2 2 5.2 0 1.9-.7 4.2-2.9 6 1 .3 1.6.9 2.1 1.6l-.6 2.4zM19.1 11.8c-1-.2-1.6-.1-2.1.5.3.1.6.2 1 .2.6-.1.9-.4 1.1-.7zm-.6 6.4l2.8-1.7c-.6-.3-1.2-.5-1.9-.5-1 0-2.6.4-3.4.6.4.3 1.7 1.1 2.5 1.6zm12.6.2l.4-.5-.6-.9.1-.2 1.7.9-.4 1.1c.3.1.5.3.9.5l1.1-1.8-2.9-1.5h-6.3L20 19.1c1 .7 1.8 1.4 2.5 2.1 1.4-2 3.8-3.3 6.2-3.3.8.2 1.7.2 2.4.5zm-.5 7.1c0-.9-.2-1.8-.3-2.5l-3.3-.1c-.2 1-.4 2-.5 2.9l4.1-.3zm1.2-2.4c.1.9.1 1.7.1 2.4l3.3-.2c-.1-.8-.3-1.5-.6-2.1l-2.8-.1zM30.1 22c-.3-1.2-.8-2-1-2.4h-.4c-.2 0-.5 0-.7.1-.3.8-.6 1.7-.8 2.5l2.9-.2zm.9-2c.2.7.4 1.3.6 1.9l2-.1C32.9 21 32 20.4 31 20zm3.7 8.5c.2-.6.4-1.1.4-1.8l-3.4-.2c-.2 1-.4 1.8-.7 2.5l3.7-.5zm-8.5-8.4c-1.2.5-1.9 1.2-2.7 2.2l2.4-.1c.1-1 .2-1.7.3-2.1z"/>
+      <g>
+        <path fill="#000" d="M21.9 40.8c1-.2 1.9-.9 1.9-2 0-1-.4-2.1-3.4-2.1h-5.1v.1c.2 0 .4.2.6.3.3.3.5.8.5 1.5v7.6h4.2c2.3 0 4-.9 4-2.9-.2-1.8-1.4-2.5-2.7-2.5zm-2.2-3.3c1.1 0 1.8.2 1.8 1.4s-1 1.6-2.1 1.6h-1v-2.9c.1-.1.7-.1 1.3-.1zm.1 7.7h-1.4v-3.9h1.3c1.8 0 2.5.5 2.5 1.9s-.9 2-2.4 2zM11.5 46.1h2.7l-3.5-4.5c1.4-.4 2.4-1.1 2.4-2.5 0-1.6-1-2.5-3.5-2.5H4.3v.1c.3 0 .5.2.7.3.4.4.5.9.5 1.7v7.4h2.2v-4.2h.8l3 4.2zm-3.9-8.6h1.5c1.2 0 1.9.4 1.9 1.7 0 1.2-.8 1.9-2.2 1.9H7.6v-3.6zM33.3 37.9c.6.3.8.8.8.8h.1l.5-1.6s-.9-.6-2.9-.6c-3.1 0-5.4 1.6-5.4 4.9 0 3.8 2.7 4.8 5.2 4.8 2.3 0 3.1-.7 3.1-.7v-1.1s-.8.7-2.5.7c-1.4 0-3.5-.6-3.5-3.8 0-2.9 1.2-3.9 2.9-3.9.9.1 1.4.3 1.7.5z"/>
+      </g>
+    </g>
+    <mask id="rbc-crest-mask" maskUnits="userSpaceOnUse" x="0" y="0" width="38.6" height="50">
+      <use href="#rbc-crest"/>
+    </mask>
+  </defs>
+  <rect width="38.6" height="50" fill="#000" mask="url(#rbc-crest-mask)"/>
+  <path fill="#000" d="M43.5 49.8c-1.3 0-2.4-1-2.4-2.4 0-1.3 1.1-2.4 2.4-2.4 1.3 0 2.4 1.1 2.4 2.4 0 1.4-1.1 2.4-2.4 2.4zm0-4.3c-1 0-1.8.8-1.8 1.9 0 1.1.8 1.9 1.8 1.9s1.8-.9 1.8-1.9c.1-1-.8-1.9-1.8-1.9zm.2.6c.5 0 .8.3.8.8 0 .4-.3.7-.6.7l.1.1c.2.2.6 1 .6 1H44l-.2-.4c-.3-.5-.3-.6-.4-.7h-.1v1.1h-.5V46h.9zm-.5 1.1h.2c.2 0 .3 0 .4-.1.1-.1.1-.2.1-.3 0-.2-.1-.3-.2-.3h-.5v.7zM61.2 4.1c1.2 0 2.3.2 3 .8.8.6 1.3 1.4 1.3 2.6 0 .9-.3 1.6-.8 2.2-.4.5-1 .9-1.6 1.1l3.9 5.5h-3l-3.4-5.1h-1.5v5.1h-2.4V6.6c0-.8 0-1.4-.3-1.8-.2-.2-.5-.4-.8-.4v-.3h5.6zm-.5 1.3h-1.8v4.5h1.7c1.7 0 2.3-1.4 2.3-2.3 0-1.2-.7-2.2-2.2-2.2zM72.2 16.7c-2.6 0-4.6-2-4.6-4.9 0-2.8 2.1-4.9 4.6-4.9 2.6 0 4.6 2 4.6 4.9.1 2.9-2 4.9-4.6 4.9zm0-8.5C71 8.2 70 9.6 70 11.8s1 3.6 2.3 3.6 2.3-1.4 2.3-3.6c-.1-2.2-1-3.6-2.4-3.6zM83.3 16.3c-.5 1.3-1.4 3.3-2.9 5l-1.7-1.4c1.7-1.4 2.4-2.4 2.9-3.6l-4-9.2h2.5l2.7 6.7c1.5-3.5 1.8-5.5 2-6.7H87l-3.7 9.2zM96.4 16.3h-.5c-.3-.2-.6-.3-.9-.3-.2 0-.5.1-.9.2-.5.2-1.1.4-1.8.4-1.7 0-3.1-.9-3.8-2.1-.4-.8-.6-1.7-.6-2.7 0-1.9.8-3.2 1.9-4.1.8-.6 1.8-.9 2.8-.9.8 0 1.7.2 2.2.4l1.6-.4v9.5zm-3.7-8c-1.3 0-2.5 1.1-2.5 3.5 0 1.4.3 2.5 1 3 .3.3.7.5 1.3.5.6 0 1.3-.3 1.6-.6v-6c-.4-.3-1-.4-1.4-.4zM101.5 16.3h-2.3V2.5h2.3v13.8zM113.9 4.1c2.7 0 3.9 1.4 3.9 2.9 0 1.3-.8 2.2-1.9 2.6 1.7.5 2.6 1.5 2.6 3.1 0 .9-.4 1.8-1.2 2.5-.8.7-2 1.1-3.3 1.1h-5V6.6c0-.8 0-1.4-.3-1.8-.2-.2-.5-.4-.8-.4v-.3h6zm-.6 5.1c1.2 0 2-.8 2-2 0-1-.8-1.8-2.2-1.8h-1.7v3.8h1.9zm0 5.8c1.7 0 2.6-1.1 2.6-2.5 0-1.2-1-2.1-2.3-2.1h-2.2V15h1.9zM128.8 16.3h-.5c-.3-.2-.6-.3-.9-.3-.2 0-.5.1-.9.2-.5.2-1.1.4-1.8.4-1.7 0-3.1-.9-3.8-2.1-.4-.8-.6-1.7-.6-2.7 0-1.9.8-3.2 1.9-4.1.8-.6 1.8-.9 2.8-.9.8 0 1.7.2 2.2.4l1.6-.4v9.5zm-3.6-8c-1.3 0-2.5 1.1-2.5 3.5 0 1.4.3 2.5 1 3 .3.3.7.5 1.3.5.6 0 1.3-.3 1.6-.6v-6c-.5-.3-1-.4-1.4-.4zM137.4 16.3v-5.2c0-.9-.1-1.6-.4-2-.3-.6-.9-.8-1.5-.8s-1.2.2-1.6.4v7.5h-2.3V7.1h.5c.4.2.7.3.9.3.3 0 .6-.1.9-.2.5-.2 1-.4 1.9-.4 1.4 0 2.5.6 3.2 1.6.4.7.6 1.6.6 2.6v5.3h-2.2zM146.7 11l4.6 5.3h-2.9l-3.9-4.5v4.5h-2.3V2.5h2.3v8.8c2.3-2.3 3-3.2 3.4-4.2h2.8l-4 3.9zM60.3 37.5c-2.6 0-4.6-2-4.6-4.9 0-2.8 2.1-4.9 4.6-4.9 2.6 0 4.6 2 4.6 4.9 0 2.9-2 4.9-4.6 4.9zm0-8.5C59 29 58 30.4 58 32.6s1 3.6 2.3 3.6 2.3-1.4 2.3-3.6-1-3.6-2.3-3.6zM72.7 25.2c-.8-.4-1.4-.7-1.9-.7-.9 0-1.3.8-1.3 2.8v.7H72v1.4h-2.5v7.8h-2.2v-9.6c0-1.1.1-2 .5-2.7.7-1.2 1.9-1.7 3.2-1.7.8 0 1.6.2 2.4.4l-.7 1.6zM86.6 27.3c-.6-.8-1.7-1.5-2.9-1.5-1.6 0-3.8 1.2-3.8 5.2s2.7 5.2 4.5 5.2c1.8 0 2.8-1.2 2.8-1.2v1.6s-1.1.8-3.5.8c-3.2 0-6.4-1.8-6.4-6.4 0-4.2 2.9-6.4 6.4-6.4 1.8 0 3.2.6 3.7.9l-.8 1.8zM97.5 37.2H97c-.3-.2-.6-.3-.9-.3-.2 0-.5.1-.9.2-.5.2-1.1.4-1.8.4-1.7 0-3.1-.9-3.8-2.1-.4-.8-.6-1.7-.6-2.7 0-1.9.8-3.2 1.9-4.1.8-.6 1.8-.9 2.8-.9.8 0 1.7.2 2.2.4l1.6-.4v9.5zm-3.7-8.1c-1.3 0-2.5 1.1-2.5 3.5 0 1.4.3 2.5 1 3 .3.3.7.5 1.3.5.6 0 1.3-.3 1.6-.6v-6c-.4-.3-1-.4-1.4-.4zM106 37.2V32c0-.9-.1-1.6-.4-2-.3-.6-.9-.8-1.5-.8s-1.2.2-1.6.4v7.5h-2.3v-9.2h.5c.4.2.7.3.9.3.3 0 .6-.1.9-.2.5-.2 1-.4 1.9-.4 1.4 0 2.5.6 3.2 1.6.4.7.6 1.6.6 2.6v5.3l-2.2.1zM118.9 37.2h-.5c-.3-.2-.6-.3-.9-.3-.2 0-.5.1-.9.2-.5.2-1.1.4-1.8.4-1.7 0-3.1-.9-3.8-2.1-.4-.8-.6-1.7-.6-2.7 0-1.9.8-3.2 1.9-4.1.8-.6 1.8-.9 2.8-.9.8 0 1.7.2 2.2.4l1.6-.4v9.5zm-3.7-8.1c-1.3 0-2.5 1.1-2.5 3.5 0 1.4.3 2.5 1 3 .3.3.7.5 1.3.5.6 0 1.3-.3 1.6-.6v-6c-.4-.3-1-.4-1.4-.4zM129.8 37.2h-.5c-.4-.2-.6-.3-1-.3-.2 0-.5.1-.9.2-.5.2-1.1.4-1.8.4-1.8 0-3.1-.9-3.9-2.1-.4-.8-.6-1.7-.6-2.7 0-1.8.7-3.1 1.9-4 .7-.6 1.8-.9 2.9-.9.5 0 1.1.1 1.6.3v-4.6h2.3v13.7zm-2.2-7.9c-.3-.1-.7-.2-1.2-.2-1.5 0-2.9 1.1-2.9 3.5 0 1.6.7 3.5 2.5 3.5.6 0 1.3-.3 1.6-.5v-6.3zM140.6 37.2h-.5c-.3-.2-.6-.3-.9-.3-.2 0-.5.1-.9.2-.5.2-1.1.4-1.8.4-1.7 0-3.1-.9-3.8-2.1-.4-.8-.6-1.7-.6-2.7 0-1.9.8-3.2 1.9-4.1.8-.6 1.8-.9 2.8-.9.8 0 1.7.2 2.2.4l1.6-.4v9.5zm-3.7-8.1c-1.3 0-2.5 1.1-2.5 3.5 0 1.4.3 2.5 1 3 .3.3.7.5 1.3.5.6 0 1.3-.3 1.6-.6v-6c-.4-.3-.9-.4-1.4-.4z"/>
+</svg>
diff --git a/src/assets/logos/rbc-blue.svg b/src/assets/logos/rbc-blue.svg
new file mode 100644
index 000000000..4bd08a440
--- /dev/null
+++ b/src/assets/logos/rbc-blue.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150.7 50"><g id="Layer_2_2_"><path fill="#0051a5" d="M38.6 44.4c0 1.7-.7 2.6-2 3.1-5.1 2-11.2 3-17 3-5.8 0-11.9-1-17-3-1.3-.5-2-1.5-2-3.1V.6h38v43.8z"/><path fill="#fedf01" d="M10.8 27.3c-5.3-3.3-7-4.7-7.2-6.9 0-.4.1-1.2.3-1.7l-.5-.3c-.4.6-.7 1.4-.7 2.2 0 1.2.4 2.2.9 2.9.7 1.1 1.5 1.9 3.4 3.3 2.1 1.6 3.5 3.4 4.3 5.3h.3V30c2.8 1.6 5.3 3.1 6.5 5.7h.3c-.5-2.8-2-4.9-7.6-8.4zM35 35.7h-.4c0-2-1.8-2.5-3.7-2.5H25c.2 1 .3 2.1.1 3.2h-.3c-.5-4.4-3-6.6-6.5-8.9v2H18c-.9-2.1-3-4-4.9-5.4-.5-.4-1-.7-1.6-1.1v2.2h-.3c-.8-2.2-2.3-3.8-4.4-5.7-2.3-2.1-3.2-3.3-3.7-4.7-.3-.9-.4-1.6-.4-2.5 0-1.7.8-3.2 1.9-3.8v.8c-.5.7-.8 1.6-.8 2.5 0 .8.2 1.7.6 2.5 1.3 2.5 5.6 5.5 8.4 7.3 8.6 5.7 10.3 6.7 11.7 9.8.2.3.3.8.4 1.3 1.2-.2 5.7-.9 6.6-1 .2 0 .5-.1.7-.1.8-.5 1.4-1.1 1.9-1.9l-3.3-.3c-.2.4-.3.7-.5.9H30c.1-.3.2-.7.2-1l-.8-.1V29l.9-.1c.2-.9.3-1.8.3-2.6l-4.1-.2v1.2h-.3c-.1-.4-.2-.8-.2-1.2l-.9-.1v-.3h.9c-.1-1.1-.1-2.1-.1-3l-2.4-.1c.1.2.2.4.3.7.5 1.5.4 3.2.2 4h-.3c0-.9-.3-2-.6-2.7-.7-1.6-2.2-3-4.7-4.6v2h-.3c-.8-2.6-2.9-4.1-6-5.7C9.5 15 8.7 13.4 8.9 11l.9.5c.2 2.3 2 3.6 3.8 3.6 1.1 0 2.1-.2 3.1-.3 1.4-.3 2.7-.5 3.8-.1v-1.4h-.9c-.3.3-.9.6-1.8.6-1 0-2.9-.6-2.9-2.7 0-1.9 1.6-2.1 2.8-2.1h2.2c.3 0 .5-.1.6-.2.1-.1.2-.3.2-.5v-.9-1.4h-5.9v2.3l-2.2-.9V7h1.1v-.9h-4v-2H8.4c-.7 0-1.6.5-1.6 1.5-.1 1 .3 1.8 1.3 1.8h.2v1.1h-.2c-1.7 0-3-1.3-3-3 0-1.8 1.5-3.1 3.3-3.1h2.9v1.9h11.2v2.9c0 .5 0 1.1-.1 1.5 0 .3-.1.8-.7 1.3-.3.3-.9.4-1.7.4-.3 0-1.1 0-2-.1-1.3-.1-1.6.4-1.7.9v.3c.6-.5 1.4-.8 2.4-.5 1.7.5 2.2.6 3.1-.1l.1.2c-.1.1-.3.4-.5.5h.8V16l2.5-1.5h7.1s3 1.6 3.5 1.8c.4.2.6.5.7.9.1.3 0 .8-.2 1.1-.1.2-.9 1.5-1.4 2.2 1.2 1.3 2 3.2 2 5.2 0 1.9-.7 4.2-2.9 6 1 .3 1.6.9 2.1 1.6l-.6 2.4zM19.1 11.8c-1-.2-1.6-.1-2.1.5.3.1.6.2 1 .2.6-.1.9-.4 1.1-.7zm-.6 6.4l2.8-1.7c-.6-.3-1.2-.5-1.9-.5-1 0-2.6.4-3.4.6.4.3 1.7 1.1 2.5 1.6zm12.6.2l.4-.5-.6-.9.1-.2 1.7.9-.4 1.1c.3.1.5.3.9.5l1.1-1.8-2.9-1.5h-6.3L20 19.1c1 .7 1.8 1.4 2.5 2.1 1.4-2 3.8-3.3 6.2-3.3.8.2 1.7.2 2.4.5zm-.5 7.1c0-.9-.2-1.8-.3-2.5l-3.3-.1c-.2 1-.4 2-.5 2.9l4.1-.3zm1.2-2.4c.1.9.1 1.7.1 2.4l3.3-.2c-.1-.8-.3-1.5-.6-2.1l-2.8-.1zM30.1 22c-.3-1.2-.8-2-1-2.4h-.4c-.2 0-.5 0-.7.1-.3.8-.6 1.7-.8 2.5l2.9-.2zm.9-2c.2.7.4 1.3.6 1.9l2-.1C32.9 21 32 20.4 31 20zm3.7 8.5c.2-.6.4-1.1.4-1.8l-3.4-.2c-.2 1-.4 1.8-.7 2.5l3.7-.5zm-8.5-8.4c-1.2.5-1.9 1.2-2.7 2.2l2.4-.1c.1-1 .2-1.7.3-2.1z"/><g><path fill="#fff" d="M21.9 40.8c1-.2 1.9-.9 1.9-2 0-1-.4-2.1-3.4-2.1h-5.1v.1c.2 0 .4.2.6.3.3.3.5.8.5 1.5v7.6h4.2c2.3 0 4-.9 4-2.9-.2-1.8-1.4-2.5-2.7-2.5zm-2.2-3.3c1.1 0 1.8.2 1.8 1.4s-1 1.6-2.1 1.6h-1v-2.9c.1-.1.7-.1 1.3-.1zm.1 7.7h-1.4v-3.9h1.3c1.8 0 2.5.5 2.5 1.9s-.9 2-2.4 2zM11.5 46.1h2.7l-3.5-4.5c1.4-.4 2.4-1.1 2.4-2.5 0-1.6-1-2.5-3.5-2.5H4.3v.1c.3 0 .5.2.7.3.4.4.5.9.5 1.7v7.4h2.2v-4.2h.8l3 4.2zm-3.9-8.6h1.5c1.2 0 1.9.4 1.9 1.7 0 1.2-.8 1.9-2.2 1.9H7.6v-3.6zM33.3 37.9c.6.3.8.8.8.8h.1l.5-1.6s-.9-.6-2.9-.6c-3.1 0-5.4 1.6-5.4 4.9 0 3.8 2.7 4.8 5.2 4.8 2.3 0 3.1-.7 3.1-.7v-1.1s-.8.7-2.5.7c-1.4 0-3.5-.6-3.5-3.8 0-2.9 1.2-3.9 2.9-3.9.9.1 1.4.3 1.7.5z"/></g></g><path fill="#0051a5" d="M43.5 49.8c-1.3 0-2.4-1-2.4-2.4 0-1.3 1.1-2.4 2.4-2.4 1.3 0 2.4 1.1 2.4 2.4 0 1.4-1.1 2.4-2.4 2.4zm0-4.3c-1 0-1.8.8-1.8 1.9 0 1.1.8 1.9 1.8 1.9s1.8-.9 1.8-1.9c.1-1-.8-1.9-1.8-1.9zm.2.6c.5 0 .8.3.8.8 0 .4-.3.7-.6.7l.1.1c.2.2.6 1 .6 1H44l-.2-.4c-.3-.5-.3-.6-.4-.7h-.1v1.1h-.5V46h.9zm-.5 1.1h.2c.2 0 .3 0 .4-.1.1-.1.1-.2.1-.3 0-.2-.1-.3-.2-.3h-.5v.7zM61.2 4.1c1.2 0 2.3.2 3 .8.8.6 1.3 1.4 1.3 2.6 0 .9-.3 1.6-.8 2.2-.4.5-1 .9-1.6 1.1l3.9 5.5h-3l-3.4-5.1h-1.5v5.1h-2.4V6.6c0-.8 0-1.4-.3-1.8-.2-.2-.5-.4-.8-.4v-.3h5.6zm-.5 1.3h-1.8v4.5h1.7c1.7 0 2.3-1.4 2.3-2.3 0-1.2-.7-2.2-2.2-2.2zM72.2 16.7c-2.6 0-4.6-2-4.6-4.9 0-2.8 2.1-4.9 4.6-4.9 2.6 0 4.6 2 4.6 4.9.1 2.9-2 4.9-4.6 4.9zm0-8.5C71 8.2 70 9.6 70 11.8s1 3.6 2.3 3.6 2.3-1.4 2.3-3.6c-.1-2.2-1-3.6-2.4-3.6zM83.3 16.3c-.5 1.3-1.4 3.3-2.9 5l-1.7-1.4c1.7-1.4 2.4-2.4 2.9-3.6l-4-9.2h2.5l2.7 6.7c1.5-3.5 1.8-5.5 2-6.7H87l-3.7 9.2zM96.4 16.3h-.5c-.3-.2-.6-.3-.9-.3-.2 0-.5.1-.9.2-.5.2-1.1.4-1.8.4-1.7 0-3.1-.9-3.8-2.1-.4-.8-.6-1.7-.6-2.7 0-1.9.8-3.2 1.9-4.1.8-.6 1.8-.9 2.8-.9.8 0 1.7.2 2.2.4l1.6-.4v9.5zm-3.7-8c-1.3 0-2.5 1.1-2.5 3.5 0 1.4.3 2.5 1 3 .3.3.7.5 1.3.5.6 0 1.3-.3 1.6-.6v-6c-.4-.3-1-.4-1.4-.4zM101.5 16.3h-2.3V2.5h2.3v13.8zM113.9 4.1c2.7 0 3.9 1.4 3.9 2.9 0 1.3-.8 2.2-1.9 2.6 1.7.5 2.6 1.5 2.6 3.1 0 .9-.4 1.8-1.2 2.5-.8.7-2 1.1-3.3 1.1h-5V6.6c0-.8 0-1.4-.3-1.8-.2-.2-.5-.4-.8-.4v-.3h6zm-.6 5.1c1.2 0 2-.8 2-2 0-1-.8-1.8-2.2-1.8h-1.7v3.8h1.9zm0 5.8c1.7 0 2.6-1.1 2.6-2.5 0-1.2-1-2.1-2.3-2.1h-2.2V15h1.9zM128.8 16.3h-.5c-.3-.2-.6-.3-.9-.3-.2 0-.5.1-.9.2-.5.2-1.1.4-1.8.4-1.7 0-3.1-.9-3.8-2.1-.4-.8-.6-1.7-.6-2.7 0-1.9.8-3.2 1.9-4.1.8-.6 1.8-.9 2.8-.9.8 0 1.7.2 2.2.4l1.6-.4v9.5zm-3.6-8c-1.3 0-2.5 1.1-2.5 3.5 0 1.4.3 2.5 1 3 .3.3.7.5 1.3.5.6 0 1.3-.3 1.6-.6v-6c-.5-.3-1-.4-1.4-.4zM137.4 16.3v-5.2c0-.9-.1-1.6-.4-2-.3-.6-.9-.8-1.5-.8s-1.2.2-1.6.4v7.5h-2.3V7.1h.5c.4.2.7.3.9.3.3 0 .6-.1.9-.2.5-.2 1-.4 1.9-.4 1.4 0 2.5.6 3.2 1.6.4.7.6 1.6.6 2.6v5.3h-2.2zM146.7 11l4.6 5.3h-2.9l-3.9-4.5v4.5h-2.3V2.5h2.3v8.8c2.3-2.3 3-3.2 3.4-4.2h2.8l-4 3.9zM60.3 37.5c-2.6 0-4.6-2-4.6-4.9 0-2.8 2.1-4.9 4.6-4.9 2.6 0 4.6 2 4.6 4.9 0 2.9-2 4.9-4.6 4.9zm0-8.5C59 29 58 30.4 58 32.6s1 3.6 2.3 3.6 2.3-1.4 2.3-3.6-1-3.6-2.3-3.6zM72.7 25.2c-.8-.4-1.4-.7-1.9-.7-.9 0-1.3.8-1.3 2.8v.7H72v1.4h-2.5v7.8h-2.2v-9.6c0-1.1.1-2 .5-2.7.7-1.2 1.9-1.7 3.2-1.7.8 0 1.6.2 2.4.4l-.7 1.6zM86.6 27.3c-.6-.8-1.7-1.5-2.9-1.5-1.6 0-3.8 1.2-3.8 5.2s2.7 5.2 4.5 5.2c1.8 0 2.8-1.2 2.8-1.2v1.6s-1.1.8-3.5.8c-3.2 0-6.4-1.8-6.4-6.4 0-4.2 2.9-6.4 6.4-6.4 1.8 0 3.2.6 3.7.9l-.8 1.8zM97.5 37.2H97c-.3-.2-.6-.3-.9-.3-.2 0-.5.1-.9.2-.5.2-1.1.4-1.8.4-1.7 0-3.1-.9-3.8-2.1-.4-.8-.6-1.7-.6-2.7 0-1.9.8-3.2 1.9-4.1.8-.6 1.8-.9 2.8-.9.8 0 1.7.2 2.2.4l1.6-.4v9.5zm-3.7-8.1c-1.3 0-2.5 1.1-2.5 3.5 0 1.4.3 2.5 1 3 .3.3.7.5 1.3.5.6 0 1.3-.3 1.6-.6v-6c-.4-.3-1-.4-1.4-.4zM106 37.2V32c0-.9-.1-1.6-.4-2-.3-.6-.9-.8-1.5-.8s-1.2.2-1.6.4v7.5h-2.3v-9.2h.5c.4.2.7.3.9.3.3 0 .6-.1.9-.2.5-.2 1-.4 1.9-.4 1.4 0 2.5.6 3.2 1.6.4.7.6 1.6.6 2.6v5.3l-2.2.1zM118.9 37.2h-.5c-.3-.2-.6-.3-.9-.3-.2 0-.5.1-.9.2-.5.2-1.1.4-1.8.4-1.7 0-3.1-.9-3.8-2.1-.4-.8-.6-1.7-.6-2.7 0-1.9.8-3.2 1.9-4.1.8-.6 1.8-.9 2.8-.9.8 0 1.7.2 2.2.4l1.6-.4v9.5zm-3.7-8.1c-1.3 0-2.5 1.1-2.5 3.5 0 1.4.3 2.5 1 3 .3.3.7.5 1.3.5.6 0 1.3-.3 1.6-.6v-6c-.4-.3-1-.4-1.4-.4zM129.8 37.2h-.5c-.4-.2-.6-.3-1-.3-.2 0-.5.1-.9.2-.5.2-1.1.4-1.8.4-1.8 0-3.1-.9-3.9-2.1-.4-.8-.6-1.7-.6-2.7 0-1.8.7-3.1 1.9-4 .7-.6 1.8-.9 2.9-.9.5 0 1.1.1 1.6.3v-4.6h2.3v13.7zm-2.2-7.9c-.3-.1-.7-.2-1.2-.2-1.5 0-2.9 1.1-2.9 3.5 0 1.6.7 3.5 2.5 3.5.6 0 1.3-.3 1.6-.5v-6.3zM140.6 37.2h-.5c-.3-.2-.6-.3-.9-.3-.2 0-.5.1-.9.2-.5.2-1.1.4-1.8.4-1.7 0-3.1-.9-3.8-2.1-.4-.8-.6-1.7-.6-2.7 0-1.9.8-3.2 1.9-4.1.8-.6 1.8-.9 2.8-.9.8 0 1.7.2 2.2.4l1.6-.4v9.5zm-3.7-8.1c-1.3 0-2.5 1.1-2.5 3.5 0 1.4.3 2.5 1 3 .3.3.7.5 1.3.5.6 0 1.3-.3 1.6-.6v-6c-.4-.3-.9-.4-1.4-.4z"/></svg>
\ No newline at end of file
diff --git a/images/cases/logos/remote.png b/src/assets/logos/remote.png
similarity index 100%
rename from images/cases/logos/remote.png
rename to src/assets/logos/remote.png
diff --git a/images/cases/logos/slab.png b/src/assets/logos/slab.png
similarity index 100%
rename from images/cases/logos/slab.png
rename to src/assets/logos/slab.png
diff --git a/src/assets/logos/software-mansion.svg b/src/assets/logos/software-mansion.svg
new file mode 100644
index 000000000..3ad6102ce
--- /dev/null
+++ b/src/assets/logos/software-mansion.svg
@@ -0,0 +1,27 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%" preserveAspectRatio="none" viewBox="0 0 79 40" fill="none" style="display: block;">
+  <g clip-path="url(#clip0_206_658)">
+    <path fill-rule="evenodd" clip-rule="evenodd" d="M0.0690918 0.0689697H69.831L78.7931 9.02713V39.931H8.99667L0.0690918 31.0074V0.0689697ZM1.10403 1.83848V30.5789L8.69355 38.1651V9.45503L1.10403 1.83848ZM1.83232 1.10345L9.42596 8.72414H77.0264L69.4024 1.10345H1.83232ZM77.7582 38.8966H9.72848V9.75863H77.7582V38.8966Z" fill="currentColor"/>
+    <path d="M21.9406 21.2758C21.9406 22.3103 21.2506 23.2069 19.5947 23.2069C18.8703 23.2069 18.2838 23.0345 17.7664 22.8276V21.3793C18.3183 21.6552 18.9738 21.8276 19.5602 21.8276C20.1122 21.8276 20.3882 21.6552 20.3882 21.3448C20.3882 20.3793 17.7664 20.6896 17.7664 18.7241C17.7664 17.5172 18.7323 16.7931 20.0777 16.7931C20.6297 16.7931 21.1471 16.931 21.6991 17.2414V18.7241C20.9747 18.2758 20.4572 18.1379 20.0432 18.1379C19.5602 18.1379 19.2843 18.3103 19.2843 18.6207C19.2843 19.5517 21.9406 19.1724 21.9406 21.2758Z" fill="currentColor"/>
+    <path d="M23.2861 20C23.2861 18.2414 24.735 16.7931 26.4944 16.7931C28.2538 16.7931 29.7027 18.2414 29.7027 20C29.7027 21.7586 28.2538 23.2069 26.4944 23.2069C24.7005 23.1724 23.2861 21.7586 23.2861 20ZM28.1158 20C28.1158 19.0345 27.3914 18.3103 26.4944 18.3103C25.5975 18.3103 24.8385 19.0345 24.8385 20C24.8385 20.9655 25.563 21.6896 26.4599 21.6896C27.3569 21.6896 28.1158 20.9655 28.1158 20Z" fill="currentColor"/>
+    <path d="M33.2558 16.4138V16.9311H35.2912L34.6012 18.3793H33.2903V23.069H31.8069V18.3793H30.772V16.9311H31.8069V16.3449C31.8069 14.4828 32.7728 13.5518 34.2908 13.5518C34.6702 13.5518 35.0152 13.6207 35.3257 13.6897V15.138C35.0497 15.0345 34.7392 15 34.4287 15C33.6008 14.9656 33.2558 15.5173 33.2558 16.4138Z" fill="currentColor"/>
+    <path d="M38.396 18.3793V20.8276C38.396 21.4828 38.7754 21.7586 39.3619 21.7586C39.7414 21.7586 40.1209 21.6552 40.4313 21.4483V22.931C40.0174 23.1034 39.6379 23.2069 39.0859 23.2069C37.7405 23.2069 36.9126 22.4828 36.9126 21V18.3793H36.0156V16.931H36.9126V15.3793L38.396 15V16.9655H40.4313V18.4138H38.396V18.3793Z" fill="currentColor"/>
+    <path d="M51.1604 16.931L49.194 23.069H47.7106L46.3652 18.8621L44.9853 23.069H43.4674L41.501 16.931H43.1914L44.2953 21.0345L45.6062 16.931H47.0896L48.4005 21.0345L49.5045 16.931C49.5045 16.931 51.1604 16.931 51.1604 16.931Z" fill="currentColor"/>
+    <path d="M51.9539 20C51.9539 18.2414 53.2303 16.7931 54.9897 16.7931C55.6796 16.7931 56.2316 17 56.6456 17.3448V16.931H58.129V23.069H56.6801V22.5862C56.2661 22.9655 55.6796 23.2069 54.9552 23.2069C53.2303 23.1724 51.9539 21.7586 51.9539 20ZM56.7836 20C56.7836 19.0345 56.0591 18.3103 55.1622 18.3103C54.2652 18.3103 53.5408 19.0345 53.5408 20C53.5408 20.9655 54.2652 21.6896 55.1622 21.6896C56.0246 21.6896 56.7836 20.9655 56.7836 20Z" fill="currentColor"/>
+    <path d="M60.1987 16.9311H61.6476V17.7932C62.0961 16.9656 62.9241 16.8276 63.6485 16.8276V18.5863C62.6136 18.3104 61.6821 18.8966 61.6821 20.2069V23.069H60.1987V16.9311Z" fill="currentColor"/>
+    <path d="M68.3401 21.7586C68.9266 21.7586 69.6165 21.6552 70.3065 21.3793L69.5475 22.931C69.2025 23.069 68.6851 23.2069 68.0641 23.2069C65.8908 23.2069 64.5798 21.8621 64.5798 20C64.5798 18.2414 65.8908 16.7931 67.7881 16.7931C69.0646 16.7931 70.0995 17.4483 70.5135 18.2758V20.4827H66.1667C66.4082 21.2414 67.0982 21.7586 68.3401 21.7586ZM66.1667 19.3448H69.375C69.168 18.6207 68.5471 18.1724 67.7536 18.1724C66.9602 18.1724 66.3737 18.6552 66.1667 19.3448Z" fill="currentColor"/>
+    <path d="M26.3564 28.2414V32.2759H24.873V28.4828C24.873 27.8276 24.3901 27.4483 23.9071 27.4483C23.3896 27.4483 22.9411 27.8276 22.9411 28.4828V32.2759H21.4577V28.4828C21.4577 27.8276 20.9748 27.4483 20.4918 27.4483C19.9743 27.4483 19.5259 27.8276 19.5259 28.4828V32.2759H17.939V26.1725H19.3879V26.6208C19.8363 26.1725 20.2848 26.0345 20.8713 26.0345C21.5267 26.0345 22.0787 26.3104 22.4582 26.8277C22.9756 26.2759 23.5966 26.0345 24.3211 26.0345C25.4595 26.0345 26.3564 26.9311 26.3564 28.2414Z" fill="currentColor"/>
+    <path d="M27.9431 29.2069C27.9431 27.4483 29.2195 26 30.9789 26C31.6689 26 32.2208 26.2069 32.6348 26.5517V26.1379H34.1182V32.2759H32.6693V31.7931C32.2553 32.1724 31.6689 32.4138 30.9444 32.4138C29.2195 32.4138 27.9431 30.9655 27.9431 29.2069ZM32.7728 29.2069C32.7728 28.2414 32.0484 27.5172 31.1514 27.5172C30.2545 27.5172 29.53 28.2414 29.53 29.2069C29.53 30.1724 30.2545 30.8966 31.1514 30.8966C32.0139 30.931 32.7728 30.1724 32.7728 29.2069Z" fill="currentColor"/>
+    <path d="M36.1191 26.1725H37.5681V26.6208C38.0165 26.1725 38.603 26.0345 39.1894 26.0345C40.4659 26.0345 41.5008 27.0001 41.5008 28.3104V32.2759H40.0174V28.6208C40.0174 27.9656 39.4999 27.4483 38.8445 27.4483C38.189 27.4483 37.6715 27.9656 37.6715 28.6208V32.2759H36.1881V26.1725H36.1191Z" fill="currentColor"/>
+    <path d="M47.4689 30.4828C47.4689 31.5172 46.779 32.4138 45.1231 32.4138C44.3986 32.4138 43.8121 32.2414 43.2947 32.0345V30.5862C43.8466 30.8621 44.5021 31.0345 45.0886 31.0345C45.6405 31.0345 45.9165 30.8621 45.9165 30.5517C45.9165 29.5862 43.2947 29.8966 43.2947 27.931C43.2947 26.7241 44.2606 26 45.606 26C46.158 26 46.6755 26.1379 47.2274 26.4483V27.931C46.503 27.4828 45.9855 27.3448 45.5715 27.3448C45.0886 27.3448 44.8126 27.5172 44.8126 27.8276C44.7781 28.7586 47.4689 28.4138 47.4689 30.4828Z" fill="currentColor"/>
+    <path d="M50.6772 26.1725V32.3104H49.1938V26.1725H50.6772Z" fill="currentColor"/>
+    <path d="M52.2297 29.2069C52.2297 27.4483 53.6786 26 55.438 26C57.1974 26 58.6463 27.4483 58.6463 29.2069C58.6463 30.9655 57.1974 32.4138 55.438 32.4138C53.6786 32.4138 52.2297 30.9655 52.2297 29.2069ZM57.0594 29.2069C57.0594 28.2414 56.335 27.5172 55.438 27.5172C54.5411 27.5172 53.8166 28.2414 53.8166 29.2069C53.8166 30.1724 54.5411 30.8966 55.438 30.8966C56.335 30.8966 57.0594 30.1724 57.0594 29.2069Z" fill="currentColor"/>
+    <path d="M60.1987 26.1725H61.6476V26.6208C62.0961 26.1725 62.6826 26.0345 63.269 26.0345C64.5455 26.0345 65.5804 27.0001 65.5804 28.3104V32.2759H64.097V28.6208C64.097 27.9656 63.5795 27.4483 62.9241 27.4483C62.2686 27.4483 61.7511 27.9656 61.7511 28.6208V32.2759H60.2677V26.1725H60.1987Z" fill="currentColor"/>
+    <path d="M68.4782 30.5863V30.8277H67.9607V32.276H67.6847V30.8277H67.1672V30.5863H68.4782Z" fill="currentColor"/>
+    <path d="M69.0647 30.5863L69.6167 31.9311L70.1341 30.5863H70.4791V32.276H70.2031V31.0346L69.6857 32.276H69.4442L68.9957 31.0346V32.276H68.7197V30.5863H69.0647Z" fill="currentColor"/>
+  </g>
+  <defs>
+    <clipPath id="clip0_206_658">
+      <rect width="79" height="40" fill="white"/>
+    </clipPath>
+  </defs>
+</svg>
diff --git a/images/cases/logos/sparkmeter.png b/src/assets/logos/sparkmeter.png
similarity index 100%
rename from images/cases/logos/sparkmeter.png
rename to src/assets/logos/sparkmeter.png
diff --git a/src/assets/logos/spotify.png b/src/assets/logos/spotify.png
new file mode 100644
index 000000000..5b07b5c37
Binary files /dev/null and b/src/assets/logos/spotify.png differ
diff --git a/src/assets/logos/supabase.svg b/src/assets/logos/supabase.svg
new file mode 100644
index 000000000..51f753141
--- /dev/null
+++ b/src/assets/logos/supabase.svg
@@ -0,0 +1,22 @@
+<svg width="365" height="71" viewBox="0 0 365 71" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_3_124)">
+<path d="M95.0986 41.9112C95.4747 45.4277 98.6732 51.4557 107.956 51.4557C116.046 51.4557 119.935 46.3067 119.935 41.2834C119.935 36.7623 116.861 33.0575 110.778 31.8016L106.387 30.8598C104.694 30.5458 103.566 29.6039 103.566 28.0969C103.566 26.3386 105.321 25.0201 107.517 25.0201C111.029 25.0201 112.346 27.3434 112.597 29.1644L119.558 27.5946C119.182 24.2666 116.234 18.6781 107.454 18.6781C100.806 18.6781 95.9141 23.2619 95.9141 28.7876C95.9141 33.1202 98.6105 36.6996 104.569 38.0181L108.646 38.96C111.029 39.4623 111.97 40.5927 111.97 41.9741C111.97 43.6067 110.653 45.0509 107.893 45.0509C104.256 45.0509 102.436 42.7903 102.248 40.3414L95.0986 41.9112Z" fill="black"/>
+<path d="M146.592 50.5139H154.557C154.431 49.4464 154.243 47.3115 154.243 44.9253V19.62H145.901V37.5786C145.901 41.1579 143.769 43.6695 140.069 43.6695C136.18 43.6695 134.424 40.9066 134.424 37.453V19.62H126.082V39.1485C126.082 45.8673 130.347 51.3302 137.811 51.3302C141.071 51.3302 144.648 50.0744 146.341 47.1859C146.341 48.4417 146.466 49.886 146.592 50.5139Z" fill="black"/>
+<path d="M171.487 62.4446V47.5001C172.991 49.5721 176.128 51.2677 180.393 51.2677C189.11 51.2677 194.942 44.3603 194.942 35.0043C194.942 25.8366 189.737 18.9294 180.706 18.9294C176.066 18.9294 172.616 21.0015 171.236 23.3877V19.6201H163.146V62.4446H171.487ZM186.727 35.0671C186.727 40.5929 183.34 43.7953 179.075 43.7953C174.811 43.7953 171.362 40.5301 171.362 35.0671C171.362 29.6042 174.811 26.4017 179.075 26.4017C183.34 26.4017 186.727 29.6042 186.727 35.0671Z" fill="black"/>
+<path d="M199.666 42.0996C199.666 46.9347 203.68 51.393 210.266 51.393C214.843 51.393 217.791 49.258 219.359 46.809C219.359 48.0021 219.484 49.6975 219.672 50.5138H227.324C227.136 49.4464 226.948 47.2486 226.948 45.616V30.4202C226.948 24.2037 223.31 18.6781 213.527 18.6781C205.248 18.6781 200.794 24.0153 200.293 28.8504L207.694 30.4202C207.945 27.7202 209.952 25.3968 213.589 25.3968C217.102 25.3968 218.795 27.2178 218.795 29.4155C218.795 30.483 218.231 31.3622 216.474 31.6133L208.886 32.7436C203.743 33.4971 199.666 36.5739 199.666 42.0996ZM212.021 45.1765C209.325 45.1765 208.007 43.4183 208.007 41.5973C208.007 39.2112 209.7 38.0181 211.833 37.7042L218.795 36.6367V38.0181C218.795 43.4811 215.533 45.1765 212.021 45.1765Z" fill="black"/>
+<path d="M243.448 50.5141V46.7465C245.078 49.3838 248.339 51.2676 252.605 51.2676C261.386 51.2676 267.156 44.2976 267.156 34.9415C267.156 25.7738 261.95 18.8039 252.918 18.8039C248.339 18.8039 244.953 20.8132 243.573 23.0108V5.05225H235.357V50.5141H243.448ZM258.813 35.0042C258.813 40.6556 255.427 43.7952 251.162 43.7952C246.96 43.7952 243.448 40.5929 243.448 35.0042C243.448 29.3529 246.96 26.2761 251.162 26.2761C255.427 26.2761 258.813 29.3529 258.813 35.0042Z" fill="black"/>
+<path d="M271.879 42.0996C271.879 46.9347 275.892 51.393 282.477 51.393C287.055 51.393 290.004 49.258 291.571 46.809C291.571 48.0021 291.697 49.6975 291.885 50.5138H299.536C299.349 49.4464 299.161 47.2486 299.161 45.616V30.4202C299.161 24.2037 295.523 18.6781 285.739 18.6781C277.46 18.6781 273.007 24.0153 272.506 28.8504L279.905 30.4202C280.157 27.7202 282.164 25.3968 285.801 25.3968C289.314 25.3968 291.007 27.2178 291.007 29.4155C291.007 30.483 290.443 31.3622 288.686 31.6133L281.098 32.7436C275.955 33.4971 271.879 36.5739 271.879 42.0996ZM284.234 45.1765C281.537 45.1765 280.219 43.4183 280.219 41.5973C280.219 39.2112 281.912 38.0181 284.046 37.7042L291.007 36.6367V38.0181C291.007 43.4811 287.746 45.1765 284.234 45.1765Z" fill="black"/>
+<path d="M304.934 41.9112C305.309 45.4277 308.508 51.4557 317.79 51.4557C325.881 51.4557 329.769 46.3067 329.769 41.2834C329.769 36.7623 326.697 33.0575 320.613 31.8016L316.222 30.8598C314.529 30.5458 313.401 29.6039 313.401 28.0969C313.401 26.3386 315.156 25.0201 317.351 25.0201C320.864 25.0201 322.181 27.3434 322.433 29.1644L329.393 27.5946C329.017 24.2666 326.069 18.6781 317.289 18.6781C310.64 18.6781 305.749 23.2619 305.749 28.7876C305.749 33.1202 308.445 36.6996 314.404 38.0181L318.481 38.96C320.864 39.4623 321.805 40.5927 321.805 41.9741C321.805 43.6067 320.488 45.0509 317.728 45.0509C314.09 45.0509 312.272 42.7903 312.084 40.3414L304.934 41.9112Z" fill="black"/>
+<path d="M342.438 31.5505C342.627 28.7249 345.01 25.4596 349.338 25.4596C354.104 25.4596 356.111 28.4737 356.237 31.5505H342.438ZM357.052 39.588C356.049 42.3507 353.916 44.2974 350.028 44.2974C345.888 44.2974 342.438 41.3461 342.251 37.2647H364.327C364.327 37.1389 364.452 35.8832 364.452 34.6901C364.452 24.7689 358.746 18.6781 349.212 18.6781C341.31 18.6781 334.034 25.0828 334.034 34.9413C334.034 45.3648 341.497 51.4557 349.965 51.4557C357.553 51.4557 362.446 46.9974 364.014 41.6601L357.052 39.588Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M34.2734 3.06101C34.2297 0.146871 30.5511 -1.10374 28.7366 1.17872L1.3583 35.622C-1.87322 39.6874 1.02513 45.683 6.22193 45.683H34.5344L34.8673 67.879C34.9111 70.793 38.5897 72.0433 40.4038 69.7611L67.7823 35.3176C71.0135 31.2522 68.1152 25.257 62.9186 25.257H34.4192L34.2734 3.06101Z" fill="url(#paint0_linear_3_124)"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_3_124" x1="-11.3956" y1="-17.5003" x2="54.8968" y2="87.5216" gradientUnits="userSpaceOnUse">
+<stop stop-color="#9501FF"/>
+<stop offset="1" stop-color="#6E9EDE"/>
+</linearGradient>
+<clipPath id="clip0_3_124">
+<rect width="364.743" height="70.9397" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/images/cases/logos/v7.png b/src/assets/logos/v7.png
similarity index 100%
rename from images/cases/logos/v7.png
rename to src/assets/logos/v7.png
diff --git a/images/cases/logos/veeps.svg b/src/assets/logos/veeps.svg
old mode 100755
new mode 100644
similarity index 100%
rename from images/cases/logos/veeps.svg
rename to src/assets/logos/veeps.svg
diff --git a/images/cases/logos/x-plane.png b/src/assets/logos/x-plane.png
similarity index 100%
rename from images/cases/logos/x-plane.png
rename to src/assets/logos/x-plane.png
diff --git a/src/components/blog/ArticleMeta.astro b/src/components/blog/ArticleMeta.astro
new file mode 100644
index 000000000..908f072e1
--- /dev/null
+++ b/src/components/blog/ArticleMeta.astro
@@ -0,0 +1,63 @@
+---
+import DotSeparator from "@/components/ui/DotSeparator.astro";
+
+type Tone = "accent" | "muted";
+
+interface Props {
+  date: Date;
+  author: string;
+  category: string;
+  categoryHref?: string;
+  tone?: Tone;
+  dateFormat?: "long" | "long-numeric";
+  class?: string;
+}
+
+const {
+  date,
+  author,
+  category,
+  categoryHref,
+  tone = "accent",
+  dateFormat = "long",
+  class: className,
+} = Astro.props as Props;
+
+const formattedDate = date.toLocaleDateString("en-US", {
+  year: "numeric",
+  month: "long",
+  day: dateFormat === "long-numeric" ? "numeric" : "2-digit",
+});
+
+const href = categoryHref ?? `/blog/?category=${encodeURIComponent(category)}`;
+
+const textClass = tone === "muted" ? "text-black/80" : "text-purple-60";
+const dotTone = tone === "muted" ? "black-muted" : "purple";
+const categoryHoverClass =
+  tone === "muted" ? "hover:text-purple-70" : "hover:text-purple-70";
+---
+
+<p
+  class:list={[
+    "flex flex-wrap items-center gap-x-3 gap-y-1 font-sans text-body font-normal",
+    textClass,
+    className,
+  ]}
+>
+  <span>{formattedDate}</span>
+  <DotSeparator tone={dotTone} />
+  <span>by {author}</span>
+  <DotSeparator tone={dotTone} />
+  <span>
+    in{" "}
+    <a
+      href={href}
+      class:list={[
+        "underline decoration-solid underline-offset-2 transition-colors duration-fast ease-out-quart",
+        categoryHoverClass,
+      ]}
+    >
+      {category}
+    </a>
+  </span>
+</p>
diff --git a/src/components/blog/PostRow.astro b/src/components/blog/PostRow.astro
new file mode 100644
index 000000000..62fa5f713
--- /dev/null
+++ b/src/components/blog/PostRow.astro
@@ -0,0 +1,69 @@
+---
+import type { CollectionEntry } from "astro:content";
+import ArticleMeta from "@/components/blog/ArticleMeta.astro";
+import ArrowRight from "@/components/ui/icons/ArrowRight.astro";
+import { blogPostUrl } from "@/lib/content-loaders";
+
+type Post = CollectionEntry<"blog">;
+
+interface Props {
+  post: Post;
+}
+
+const { post } = Astro.props as Props;
+const { title, excerpt, date, author, category } = post.data;
+
+const href = blogPostUrl(post);
+---
+
+<article
+  class="flex flex-col items-stretch gap-6 lg:flex-row lg:items-start lg:justify-between lg:gap-8"
+>
+  <div class="flex min-w-0 flex-1 flex-col gap-6">
+    <div class="flex flex-col gap-3">
+      <h2 class="font-sans text-h3 font-medium leading-tight text-black">
+        <a
+          href={href}
+          class="transition-colors duration-fast ease-out-quart hover:text-purple-60"
+        >
+          {title}
+        </a>
+      </h2>
+
+      <ArticleMeta
+        date={date}
+        author={author}
+        category={category}
+        tone="accent"
+      />
+    </div>
+
+    {excerpt && (
+      <p
+        class="max-w-[800px] font-sans text-body font-normal text-black/80"
+      >
+        {excerpt}
+      </p>
+    )}
+  </div>
+
+  <div class="shrink-0">
+    <a
+      href={href}
+      class="group inline-flex shrink-0 items-center justify-center rounded-sm border border-gray-20 px-6 py-4 transition-all duration-base ease-out-quart will-change-transform hover:scale-[1.02] hover:border-gray-40 hover:bg-purple-0 active:scale-[0.98]"
+    >
+      <span class="inline-flex items-center justify-center px-2">
+        <span
+          class="text-center font-sans text-body font-medium leading-6 text-black"
+        >
+          Read the article
+        </span>
+      </span>
+      <span
+        class="inline-flex size-6 items-center justify-center transition-transform duration-fast ease-out-quart group-hover:translate-x-0.5"
+      >
+        <ArrowRight size={24} />
+      </span>
+    </a>
+  </div>
+</article>
diff --git a/src/components/cases/CaseCard.astro b/src/components/cases/CaseCard.astro
new file mode 100644
index 000000000..fd0da7265
--- /dev/null
+++ b/src/components/cases/CaseCard.astro
@@ -0,0 +1,111 @@
+---
+import { Image } from "astro:assets";
+import type { CollectionEntry } from "astro:content";
+import ArrowRight from "@/components/ui/icons/ArrowRight.astro";
+
+type Case = CollectionEntry<"cases">;
+
+interface Props {
+  entry: Case;
+}
+
+const { entry } = Astro.props;
+const { title, summary, company, logo, logoAlt, url, tags } = entry.data;
+const logoClass = company === "Farmbot" ? "p-2" : undefined;
+
+const TAG_DISPLAY: Record<string, string> = {
+  otp: "OTP",
+  mqtt: "MQTT",
+  iot: "IOT",
+  paas: "PaaS",
+  udp: "UDP",
+  xml: "XML",
+  api: "API",
+  gov: "Gov",
+  "real-time": "Real-Time",
+  "biz-intelligence": "Biz-Intelligence",
+  "open-data": "Open-Data",
+  "virtual-spaces": "Virtual-Spaces",
+  "computer-vision": "Computer-Vision",
+};
+
+function displayTag(raw: string): string {
+  if (TAG_DISPLAY[raw]) return TAG_DISPLAY[raw];
+  return raw
+    .split("-")
+    .map((part) =>
+      part.length === 0 ? part : part[0].toUpperCase() + part.slice(1),
+    )
+    .join("-");
+}
+---
+
+<article class="group flex flex-col gap-6 md:gap-8">
+  <a
+    href={url}
+    aria-label={`Read case: ${title}`}
+    class="relative flex h-[175px] w-full items-center justify-center overflow-hidden border border-gray-0 bg-white-10 p-6 transition-all duration-base ease-out-quart hover:border-gray-20 md:h-[210px]"
+  >
+    <Image
+      src={logo}
+      alt={logoAlt ?? `${company} logo`}
+      widths={[300, 600]}
+      sizes="(min-width: 1024px) 400px, 80vw"
+      loading="lazy"
+      decoding="async"
+      class:list={[
+        "block max-h-[95px] w-auto max-w-[55%] shrink-0 object-contain transition-transform duration-base ease-out-quart group-hover:scale-[1.02] md:max-h-[108px]",
+        logoClass,
+      ]}
+    />
+  </a>
+
+  <div class="flex flex-col gap-3">
+    {tags.length > 0 && (
+      <ul class="flex flex-wrap items-center gap-x-3 gap-y-1">
+        {tags.map((tag: string, idx: number) => (
+          <li class="inline-flex items-center gap-3">
+            <span class="font-sans text-body font-normal text-purple-60">
+              {displayTag(tag)}
+            </span>
+            {idx < tags.length - 1 && (
+              <span
+                class="inline-block size-1.5 rounded-full bg-purple-60"
+                aria-hidden="true"
+              ></span>
+            )}
+          </li>
+        ))}
+      </ul>
+    )}
+
+    <h3 class="font-sans text-h3 font-medium leading-tight text-black">
+      <a
+        href={url}
+        class="transition-colors duration-fast ease-out-quart hover:text-purple-60"
+      >
+        {title}
+      </a>
+    </h3>
+
+    <p class="line-clamp-3 font-sans text-body font-normal text-black/80">
+      {summary}
+    </p>
+  </div>
+
+  <div class="mt-auto pt-2">
+    <a
+      href={url}
+      class="group/btn inline-flex shrink-0 items-center justify-center rounded-sm border border-gray-20 px-6 py-4 transition-all duration-base ease-out-quart will-change-transform hover:scale-[1.02] hover:border-gray-40 hover:bg-purple-0 active:scale-[0.98]"
+    >
+      <span class="inline-flex items-center justify-center px-2">
+        <span class="text-center font-sans text-body font-medium leading-6 text-black">
+          Read more
+        </span>
+      </span>
+      <span class="inline-flex size-6 items-center justify-center transition-transform duration-fast ease-out-quart group-hover/btn:translate-x-0.5">
+        <ArrowRight size={24} />
+      </span>
+    </a>
+  </div>
+</article>
diff --git a/src/components/cases/CaseMediaCard.astro b/src/components/cases/CaseMediaCard.astro
new file mode 100644
index 000000000..ac1d6886e
--- /dev/null
+++ b/src/components/cases/CaseMediaCard.astro
@@ -0,0 +1,79 @@
+---
+import { Image } from "astro:assets";
+import Button from "@/components/ui/Button.astro";
+import type { CaseMediaEntry } from "@/data/case-media";
+
+interface Props extends CaseMediaEntry {
+  action: "Listen" | "Watch";
+}
+
+const { company, title, source, excerpt, url, logo, action } =
+  Astro.props as Props;
+const logoClass = company === "Mux" ? "p-2" : undefined;
+---
+
+<article class="group flex h-full flex-col items-start gap-6">
+  <a
+    href={url}
+    target="_blank"
+    rel="noopener noreferrer"
+    aria-label={`${action}: ${title} (opens in a new tab)`}
+    class="relative flex h-[175px] w-full items-center justify-center overflow-hidden border border-gray-0 bg-white-10 p-6 transition-all duration-base ease-out-quart hover:border-gray-20 md:h-[210px]"
+  >
+    {typeof logo === "string" ? (
+      <img
+        src={logo}
+        alt={`${company} logo`}
+        width="246"
+        height="60"
+        loading="lazy"
+        decoding="async"
+        class:list={[
+          "block max-h-[95px] w-auto max-w-[55%] shrink-0 object-contain transition-transform duration-base ease-out-quart group-hover:scale-[1.02] md:max-h-[108px]",
+          logoClass,
+        ]}
+      />
+    ) : (
+      <Image
+        src={logo}
+        alt={`${company} logo`}
+        widths={[300, 600]}
+        sizes="(min-width: 1024px) 400px, 80vw"
+        loading="lazy"
+        decoding="async"
+        class:list={[
+          "block max-h-[95px] w-auto max-w-[55%] shrink-0 object-contain transition-transform duration-base ease-out-quart group-hover:scale-[1.02] md:max-h-[108px]",
+          logoClass,
+        ]}
+      />
+    )}
+  </a>
+
+  <div class="flex flex-col gap-3">
+    <p class="font-sans text-body font-normal text-purple-60">{source}</p>
+    <h3 class="font-sans text-h3 font-medium leading-tight text-black">
+      <a
+        href={url}
+        target="_blank"
+        rel="noopener noreferrer"
+        class="transition-colors duration-fast ease-out-quart hover:text-purple-60"
+      >
+        {title}
+      </a>
+    </h3>
+    <p class="font-sans text-body font-normal text-black/80">{excerpt}</p>
+  </div>
+
+  <div class="mt-auto pt-2">
+    <Button
+      href={url}
+      variant="outline"
+      external
+      arrow
+      class="border-gray-20"
+      ariaLabel={`${action}: ${company} (opens in a new tab)`}
+    >
+      {action}
+    </Button>
+  </div>
+</article>
diff --git a/src/components/home/ElixirInProduction.astro b/src/components/home/ElixirInProduction.astro
new file mode 100644
index 000000000..c979229af
--- /dev/null
+++ b/src/components/home/ElixirInProduction.astro
@@ -0,0 +1,77 @@
+---
+import adobeLogo from "@/assets/logos/adobe.svg";
+import appleLogo from "@/assets/logos/apple.svg";
+import bbcLogo from "@/assets/logos/bbc.svg";
+import changeLogo from "@/assets/logos/change.png";
+import discordLogo from "@/assets/logos/discord.svg";
+import pagerDutyLogo from "@/assets/logos/pagerduty.svg";
+import royalBankOfCanadaLogo from "@/assets/logos/rbc-black.svg";
+import spotifyLogo from "@/assets/logos/spotify.png";
+import supabaseLogo from "@/assets/logos/supabase.svg";
+import Button from "@/components/ui/Button.astro";
+import LogoMarquee from "@/components/ui/LogoMarquee.astro";
+import Reveal from "@/components/ui/Reveal.astro";
+import SectionHeading from "@/components/ui/SectionHeading.astro";
+
+const logos = [
+  { name: "Discord", src: discordLogo, width: 210, height: 34 },
+  { name: "Adobe", src: adobeLogo, width: 190, height: 50 },
+  {
+    name: "Apple",
+    src: appleLogo,
+    width: 170,
+    height: 58,
+  },
+  { name: "Spotify", src: spotifyLogo, width: 210, height: 58 },
+  { name: "Supabase", src: supabaseLogo, width: 210, height: 41 },
+  { name: "BBC", src: bbcLogo, width: 170, height: 49 },
+  { name: "Change.org", src: changeLogo, width: 210, height: 41 },
+  { name: "PagerDuty", src: pagerDutyLogo, width: 210, height: 43 },
+  {
+    name: "Royal Bank of Canada",
+    src: royalBankOfCanadaLogo,
+    width: 190,
+    height: 63,
+  },
+];
+---
+
+<section class="bg-white-10 text-text-primary">
+  <div class="mx-auto w-full max-w-[1536px] pb-20 md:pb-24 lg:pb-28">
+    <Reveal>
+      <div
+        class="mx-auto flex max-w-[1000px] flex-col items-center gap-5 px-6 text-center md:px-12"
+      >
+        <SectionHeading
+          title="Elixir in production"
+          description="Elixir is used by solopreneurs and Fortune 500 companies alike, supporting teams that value developer happiness as well as large-scale operations, across diverse industries and applications."
+          size="lg"
+          tone="light"
+          align="center"
+          descriptionClass="md:text-lead"
+        />
+      </div>
+    </Reveal>
+
+    <Reveal class="mt-8 block">
+      <LogoMarquee
+        logos={logos}
+        ariaLabel="Companies using Elixir in production"
+      />
+    </Reveal>
+
+    <Reveal delay={1}>
+      <div class="mt-8 flex justify-center px-6 md:px-12">
+        <Button
+          href="/cases/"
+          variant="outline"
+          tone="on-light"
+          arrow
+          class="border-gray-20 hover:border-gray-40 hover:bg-purple-0"
+        >
+          See our cases
+        </Button>
+      </div>
+    </Reveal>
+  </div>
+</section>
diff --git a/src/components/home/Hero.astro b/src/components/home/Hero.astro
new file mode 100644
index 000000000..a0495df28
--- /dev/null
+++ b/src/components/home/Hero.astro
@@ -0,0 +1,67 @@
+---
+import HeroCodeEditor from "@/components/home/HeroCodeEditor";
+import { EXAMPLES } from "@/components/home/hero-examples";
+import Button from "@/components/ui/Button.astro";
+import Reveal from "@/components/ui/Reveal.astro";
+import {
+  getElixirHighlighter,
+  highlightElixir,
+} from "@/utilities/elixir-highlight";
+
+// The editor island highlights the pristine examples from this
+// build-time output; shiki is only loaded in the browser once the
+// user edits the code.
+const highlighter = await getElixirHighlighter();
+const highlightedExamples = EXAMPLES.map((example) =>
+  highlightElixir(highlighter, example.code),
+);
+---
+
+<section class="bg-black text-white">
+  <div class="mx-auto max-w-[1440px] px-6 pt-12 pb-16 md:px-10 md:pt-16 md:pb-20 xl:px-12 xl:pt-24 xl:pb-30">
+    <div class="flex flex-col items-stretch gap-12 lg:items-center xl:flex-row xl:items-start xl:justify-between xl:gap-12">
+      <div class="flex w-full flex-col items-start gap-10 md:gap-12 lg:max-w-[600px] xl:w-[580px] xl:max-w-none xl:shrink-0 xl:gap-14">
+        <div class="flex w-full flex-col gap-6">
+          <div class="flex flex-col gap-6">
+            <Reveal eager delay={0} class="w-fit">
+              <a
+                href="/blog/2026/06/03/elixir-v1-20-0-released/"
+                class="inline-flex w-fit items-center justify-center overflow-clip rounded-full border border-gray-60 bg-gray-100 px-4 py-2 font-sans text-small font-normal text-white-10 transition-colors duration-fast ease-out-quart hover:border-gray-40 md:text-body"
+              >
+                Elixir v1.20 released
+              </a>
+            </Reveal>
+            <Reveal eager delay={2}>
+              <h1
+                class="font-sans text-[2.25rem] font-medium leading-[1.1] text-white-10 sm:text-[2.75rem] md:text-[3.5rem] md:leading-[1.08] xl:text-display xl:leading-[1.0625]"
+              >
+                Simple from zero to scale
+              </h1>
+            </Reveal>
+          </div>
+
+          <Reveal eager delay={4} as="ul"
+            class="list-disc font-sans text-body font-normal text-white-10 md:text-lead"
+          >
+            <li class="mb-1 ms-6 md:ms-[30px]">Fast development with robust practices</li>
+            <li class="mb-1 ms-6 md:ms-[30px]">Grows from solo developers to teams of hundreds</li>
+            <li class="mb-1 ms-6 md:ms-[30px]">Scales from single servers to global networks</li>
+            <li class="ms-6 md:ms-[30px]">Built on decades of Erlang reliability and fault-tolerance</li>
+          </Reveal>
+        </div>
+
+        <Reveal eager delay={6}
+          class="flex w-full flex-col items-stretch gap-4 sm:w-auto sm:flex-row sm:flex-wrap sm:items-start"
+        >
+          <Button href="/install/" variant="primary" arrow class="w-full sm:w-auto">Install now</Button>
+          <Button href="https://hexdocs.pm/elixir/introduction.html" variant="outline" tone="on-dark" external arrow class="w-full sm:w-auto">Get started</Button>
+        </Reveal>
+      </div>
+
+      <Reveal eager delay={8} variant="right"
+        class="w-full max-w-[544px] xl:w-[544px] xl:shrink-0">
+        <HeroCodeEditor client:idle highlightedExamples={highlightedExamples} />
+      </Reveal>
+    </div>
+  </div>
+</section>
diff --git a/src/components/home/HeroCodeEditor.tsx b/src/components/home/HeroCodeEditor.tsx
new file mode 100644
index 000000000..9a73c4ad9
--- /dev/null
+++ b/src/components/home/HeroCodeEditor.tsx
@@ -0,0 +1,168 @@
+import { Fragment, useState } from "react";
+import { EXAMPLES } from "@/components/home/hero-examples";
+import type { HighlightedLine } from "@/utilities/elixir-highlight";
+import { tokenStyle } from "@/utilities/highlight-style";
+
+function ArrowIcon({ direction = "right" }: { direction?: "left" | "right" }) {
+  return (
+    <svg
+      width="24"
+      height="24"
+      viewBox="0 0 20 20"
+      fill="none"
+      aria-hidden="true"
+      className={direction === "left" ? "-scale-x-100" : undefined}
+    >
+      <path
+        d="M4.16669 10H15.8334M15.8334 10L10.8334 5M15.8334 10L10.8334 15"
+        stroke="currentColor"
+        strokeWidth="1.5"
+        strokeLinecap="round"
+        strokeLinejoin="round"
+      />
+    </svg>
+  );
+}
+
+function ExampleDots({
+  count,
+  activeIdx,
+  onSelect,
+  titles,
+}: {
+  count: number;
+  activeIdx: number;
+  onSelect: (i: number) => void;
+  titles: string[];
+}) {
+  return (
+    <div
+      className="flex items-center gap-2"
+      role="tablist"
+      aria-label="Code examples"
+    >
+      {titles.slice(0, count).map((title, i) => {
+        const active = i === activeIdx;
+        return (
+          <button
+            key={title}
+            type="button"
+            role="tab"
+            aria-selected={active}
+            aria-current={active ? "true" : undefined}
+            aria-label={`Example ${i + 1}: ${title}`}
+            onClick={() => onSelect(i)}
+            className={
+              active
+                ? "size-2.5 shrink-0 cursor-pointer rounded-full bg-white-10 outline-none transition-colors duration-fast ease-out-quart focus-visible:ring-2 focus-visible:ring-purple-40 focus-visible:ring-offset-2 focus-visible:ring-offset-black"
+                : "size-2.5 shrink-0 cursor-pointer rounded-full bg-gray-60 outline-none transition-colors duration-fast ease-out-quart hover:bg-gray-40 focus-visible:ring-2 focus-visible:ring-purple-40 focus-visible:ring-offset-2 focus-visible:ring-offset-black"
+            }
+          />
+        );
+      })}
+    </div>
+  );
+}
+
+export default function HeroCodeEditor({
+  highlightedExamples,
+}: {
+  // Per example, per line: shiki tokens produced at build time.
+  highlightedExamples: HighlightedLine[][];
+}) {
+  const [idx, setIdx] = useState(0);
+  const example = EXAMPLES[idx];
+  const highlightedLines = highlightedExamples[idx];
+  const showExample = (nextRaw: number) => {
+    const next =
+      ((nextRaw % EXAMPLES.length) + EXAMPLES.length) % EXAMPLES.length;
+    setIdx(next);
+  };
+
+  return (
+    <div className="flex w-full max-w-[544px] flex-col gap-6 [color-scheme:dark] xl:w-[544px] xl:shrink-0 xl:self-stretch xl:justify-end">
+      {/* Title + prev/next row (above the editor frame) */}
+      <div className="flex w-full items-center justify-between gap-4 md:gap-6">
+        <p
+          className="min-w-0 flex-1 font-sans text-body font-normal text-white-10 text-xl"
+          aria-live="polite"
+        >
+          {example.title}
+        </p>
+        <div className="flex shrink-0 items-center justify-end gap-3">
+          <button
+            type="button"
+            onClick={() => showExample(idx - 1)}
+            aria-label="Previous example"
+            className="inline-flex size-12 cursor-pointer items-center justify-center rounded-sm border border-gray-40 text-white-10 outline-none transition-all duration-base ease-out-quart will-change-transform hover:scale-[1.02] hover:border-purple-60 hover:bg-white/5 focus-visible:ring-2 focus-visible:ring-purple-50 active:scale-[0.98]"
+          >
+            <ArrowIcon direction="left" />
+          </button>
+          <button
+            type="button"
+            onClick={() => showExample(idx + 1)}
+            aria-label="Next example"
+            className="inline-flex size-12 cursor-pointer items-center justify-center rounded-sm border border-gray-40 text-white-10 outline-none transition-all duration-base ease-out-quart will-change-transform hover:scale-[1.02] hover:border-purple-60 hover:bg-white/5 focus-visible:ring-2 focus-visible:ring-purple-50 active:scale-[0.98]"
+          >
+            <ArrowIcon direction="right" />
+          </button>
+        </div>
+      </div>
+
+      {/* Editor frame */}
+      <div className="w-full rounded-[22px] bg-purple-60 p-1.5">
+        <div className="flex flex-col overflow-hidden rounded-2xl bg-black">
+          <div className="flex min-h-10 items-center border-b border-gray-80 px-4 py-2">
+            <ExampleDots
+              count={EXAMPLES.length}
+              activeIdx={idx}
+              onSelect={showExample}
+              titles={EXAMPLES.map((e) => e.title)}
+            />
+          </div>
+
+          <pre className="m-0 min-h-52 overflow-hidden whitespace-pre-wrap break-words px-4 py-2 font-mono text-body font-light leading-[26px] text-white-10 sm:py-3">
+            {highlightedLines.map((line, li) => (
+              // biome-ignore lint/suspicious/noArrayIndexKey: static highlighted lines have no stateful children
+              <Fragment key={li}>
+                {li > 0 && "\n"}
+                {line.map((token, ti) => (
+                  // biome-ignore lint/suspicious/noArrayIndexKey: see above
+                  <span key={ti} style={tokenStyle(token)}>
+                    {token.text}
+                  </span>
+                ))}
+              </Fragment>
+            ))}
+          </pre>
+        </div>
+      </div>
+
+      <div className="flex w-full flex-col gap-3">
+        <p className="font-sans text-body font-normal leading-[26px] text-white-10">
+          Output
+        </p>
+        <div className="flex max-h-80 w-full flex-col gap-2 overflow-auto">
+          {example.precanned.stdout && (
+            <pre className="whitespace-pre-wrap break-words font-mono text-body font-normal leading-[26px] text-gray-20">
+              {example.precanned.stdout}
+            </pre>
+          )}
+          {example.precanned.value && (
+            <div className="flex w-full items-start gap-2">
+              <span
+                className="inline-flex size-6 shrink-0 items-center justify-center text-purple-40"
+                aria-hidden="true"
+              >
+                <ArrowIcon direction="right" />
+              </span>
+              <pre className="min-w-0 flex-1 whitespace-pre-wrap break-words font-mono text-lead font-normal leading-[normal] text-purple-40">
+                {example.precanned.value}
+              </pre>
+            </div>
+          )}
+        </div>
+      </div>
+    </div>
+  );
+}
diff --git a/src/components/home/ShapedByMany.astro b/src/components/home/ShapedByMany.astro
new file mode 100644
index 000000000..a2afa6e3b
--- /dev/null
+++ b/src/components/home/ShapedByMany.astro
@@ -0,0 +1,132 @@
+---
+import discordIcon from "@/assets/icons/community/discord-icon.svg?raw";
+import eefLogo from "@/assets/icons/community/eef-logo.svg?raw";
+import slackSqBl from "@/assets/icons/community/slack-sq-bl.svg?raw";
+import slackSqBr from "@/assets/icons/community/slack-sq-br.svg?raw";
+import slackSqTl from "@/assets/icons/community/slack-sq-tl.svg?raw";
+import slackSqTr from "@/assets/icons/community/slack-sq-tr.svg?raw";
+import Button from "@/components/ui/Button.astro";
+import ArrowRight from "@/components/ui/icons/ArrowRight.astro";
+import Reveal from "@/components/ui/Reveal.astro";
+
+const links = [
+  { label: "Team", href: "/development/", icon: "none" as const },
+  {
+    label: "Slack",
+    href: "https://elixir-lang.slack.com",
+    icon: "slack" as const,
+    external: true,
+  },
+  {
+    label: "Forum",
+    href: "https://elixirforum.com",
+    icon: "none" as const,
+    external: true,
+  },
+  {
+    label: "Discord",
+    href: "https://discord.gg/elixir",
+    icon: "discord" as const,
+    external: true,
+  },
+];
+---
+
+<section class="bg-white-10 text-text-primary">
+  <Reveal>
+    <div
+      class="mx-auto flex w-full max-w-[1440px] flex-col items-center gap-5 px-6 pt-10 pb-10 md:px-12 md:pt-16 md:pb-16"
+    >
+      <h2
+        class="text-center font-sans text-[2.25rem] font-medium leading-[1.1] text-black sm:text-[2.75rem] md:text-[3rem] lg:text-h1"
+      >
+        Shaped by many
+      </h2>
+      <p
+        class="max-w-[900px] text-center font-sans text-body font-normal text-black/80 md:text-lead"
+      >
+        Elixir is shaped by the contributions of many. The Elixir Team steers
+        the language and the Erlang Ecosystem Foundation supports Elixir and
+        the broader Erlang community.
+      </p>
+    </div>
+  </Reveal>
+
+  <Reveal delay={1}>
+    <div class="mx-auto flex w-full max-w-7xl items-start px-4 pb-20 md:px-12 md:pb-[112px]">
+      <div class="flex w-full flex-col items-stretch xl:h-[306px] xl:flex-row xl:items-center">
+        <article
+          class="flex w-full shrink-0 flex-col items-start gap-12 self-stretch border border-gray-0 bg-black p-8 text-white md:p-12 xl:w-1/2"
+        >
+          <div class="flex w-full flex-col items-start gap-6">
+            <span
+              class="block h-8 w-20 md:h-10 md:w-24"
+              role="img"
+              aria-label="Erlang Ecosystem Foundation"
+              set:html={eefLogo}
+            />
+            <h3
+              class="font-sans text-[1.75rem] font-medium leading-tight text-white md:text-h3"
+            >
+              Erlang Ecosystem Foundation
+            </h3>
+          </div>
+          <Button
+            href="https://erlef.org"
+            variant="outline"
+            tone="on-dark"
+            external
+            arrow
+          >
+            Join the foundation
+          </Button>
+        </article>
+
+        {/* Borders: the ul provides top + left edges; each cell provides right + bottom.
+           Negative margin overlaps the ul's top/left with the EEF card's bottom/right
+           so the shared perimeter stays 1px. */}
+        <ul class="grid w-full flex-1 -mt-px grid-cols-2 grid-rows-2 self-stretch border-t border-l border-gray-0 xl:mt-0 xl:-ml-px">
+          {links.map((l) => (
+            <li>
+              <a
+                href={l.href}
+                target={l.external ? "_blank" : undefined}
+                rel={l.external ? "noopener noreferrer" : undefined}
+                class="group flex h-full min-h-[120px] items-center justify-between gap-4 border-r border-b border-gray-0 p-6 transition-colors duration-fast ease-out-quart hover:bg-purple-0 md:p-12"
+              >
+                <span class="flex items-center gap-3 md:gap-4">
+                  {l.icon === "slack" && (
+                    <span
+                      class="grid h-6 w-6 shrink-0 grid-cols-2 grid-rows-2 gap-[1.3px] md:h-8 md:w-8 md:gap-[1.72px]"
+                      aria-hidden="true"
+                    >
+                      <span class="size-full" set:html={slackSqTl} />
+                      <span class="size-full" set:html={slackSqTr} />
+                      <span class="size-full" set:html={slackSqBl} />
+                      <span class="size-full" set:html={slackSqBr} />
+                    </span>
+                  )}
+                  {l.icon === "discord" && (
+                    <span
+                      class="block size-6 shrink-0 md:size-8"
+                      aria-hidden="true"
+                      set:html={discordIcon}
+                    />
+                  )}
+                  <span class="font-sans text-body font-medium text-black md:text-lead">
+                    {l.label}
+                  </span>
+                </span>
+                <span
+                  class="inline-flex size-6 items-center justify-center text-black transition-transform duration-fast ease-out-quart group-hover:translate-x-0.5 group-hover:text-purple-60"
+                >
+                  <ArrowRight size={24} />
+                </span>
+              </a>
+            </li>
+          ))}
+        </ul>
+      </div>
+    </div>
+  </Reveal>
+</section>
diff --git a/src/components/home/Stewards.astro b/src/components/home/Stewards.astro
new file mode 100644
index 000000000..3118eb698
--- /dev/null
+++ b/src/components/home/Stewards.astro
@@ -0,0 +1,134 @@
+---
+import dashbitLogo from "@/assets/logos/dashbit.png";
+import jumpLogo from "@/assets/logos/jump.svg?raw";
+import softwareMansionLogo from "@/assets/logos/software-mansion.svg?raw";
+import BrandLogo from "@/components/ui/BrandLogo.astro";
+import Button from "@/components/ui/Button.astro";
+import Reveal from "@/components/ui/Reveal.astro";
+import SectionHeading from "@/components/ui/SectionHeading.astro";
+---
+
+<section class="bg-white-10 text-text-primary">
+  <Reveal>
+    <div
+      class="mx-auto flex w-full max-w-[1440px] flex-col items-center justify-center gap-6 px-6 pb-10 md:px-12 md:pb-16"
+    >
+      <SectionHeading
+        title="Elixir Open Source Stewards"
+        description="Companies investing in the Elixir ecosystem by employing or sponsoring developers to work full-time on open-source tooling."
+        size="md"
+        tone="light"
+        align="center"
+        descriptionClass="max-w-2xl"
+      />
+    </div>
+  </Reveal>
+
+  <Reveal delay={1}>
+    <div
+      class="mx-auto flex w-full max-w-7xl flex-col items-center px-4 pb-20 md:px-12 md:pb-[112px]"
+    >
+      <ul
+        aria-label="Open source steward companies"
+        class="grid w-full grid-cols-1 border-t border-l border-gray-0 md:grid-cols-2 xl:grid-cols-3"
+      >
+        <li class="flex h-66 border-r border-b border-gray-0">
+          <a
+            href="https://swmansion.com/"
+            target="_blank"
+            rel="noopener noreferrer"
+            aria-label="Software Mansion (opens in a new tab)"
+            class="flex h-full w-full flex-col gap-4 px-8 pt-12 pb-10 transition-colors duration-base ease-out-quart hover:bg-purple-0"
+          >
+            <div class="flex h-20 shrink-0 items-center justify-center">
+              <span
+                role="img"
+                aria-label="Software Mansion"
+                class="block w-40"
+                set:html={softwareMansionLogo}
+              />
+            </div>
+            <div class="flex h-20 shrink-0 items-center justify-center">
+              <p class="pt-4 text-center font-sans text-body text-black/80 lg:pt-0">
+                Membrane, Popcorn, LiveDebugger, Legion. Building Elixir tooling
+                across the whole stack since 2016.
+              </p>
+            </div>
+          </a>
+        </li>
+
+        <li class="flex h-66 border-r border-b border-gray-0">
+          <a
+            href="https://dashbit.co/"
+            target="_blank"
+            rel="noopener noreferrer"
+            aria-label="Dashbit (opens in a new tab)"
+            class="flex h-full w-full flex-col gap-4 px-8 pt-12 pb-10 transition-colors duration-base ease-out-quart hover:bg-purple-0"
+          >
+            <div class="flex h-20 shrink-0 items-center justify-center">
+              <div class="scale-[1.6] md:scale-[1.5] lg:scale-[1.2]">
+                <BrandLogo
+                  src={dashbitLogo}
+                  alt="Dashbit"
+                  width={192}
+                  height={40}
+                />
+              </div>
+            </div>
+            <div class="flex h-20 shrink-0 items-center justify-center">
+              <p class="pt-4 text-center font-sans text-body text-black/80 lg:pt-0">
+                Creators of Elixir, Livebook, Broadway, Plug, and more. Dashbit
+                helps companies adopt and grow Elixir in production.
+              </p>
+            </div>
+          </a>
+        </li>
+
+        <li class="flex h-66 border-r border-b border-gray-0">
+          <a
+            href="https://jump.ai/"
+            target="_blank"
+            rel="noopener noreferrer"
+            aria-label="Jump (opens in a new tab)"
+            class="flex h-full w-full flex-col gap-4 px-8 pt-12 pb-10 transition-colors duration-base ease-out-quart hover:bg-purple-0"
+          >
+            <div class="flex h-20 shrink-0 items-center justify-center">
+              <span
+                role="img"
+                aria-label="Jump"
+                class="block w-40 [&_svg]:w-full"
+                set:html={jumpLogo}
+              />
+            </div>
+            <div class="flex h-20 shrink-0 items-center justify-center">
+              <p class="pt-4 text-center font-sans text-body text-black/80 lg:pt-0">
+                Trusted AI for advisors and financial professionals. Contributors
+                to Expert LSP, Quokka, and more.
+              </p>
+            </div>
+          </a>
+        </li>
+
+        <li
+          class="flex h-66 flex-col gap-4 border-r border-b border-gray-0 bg-black px-8 pt-12 pb-10 text-white"
+        >
+          <div class="flex h-20 shrink-0 items-center">
+            <h3 class="font-sans text-h3 font-medium leading-tight text-white">
+              Your company
+            </h3>
+          </div>
+          <div class="flex h-20 shrink-0 items-start">
+            <Button
+              href="/stewards/"
+              variant="outline"
+              tone="on-dark"
+              arrow
+            >
+              Learn more
+            </Button>
+          </div>
+        </li>
+      </ul>
+    </div>
+  </Reveal>
+</section>
diff --git a/src/components/home/UseElixirFor.astro b/src/components/home/UseElixirFor.astro
new file mode 100644
index 000000000..eaedd8147
--- /dev/null
+++ b/src/components/home/UseElixirFor.astro
@@ -0,0 +1,829 @@
+---
+import { Image } from "astro:assets";
+import broadwayLogo from "@/assets/icons/use-elixir-for/broadway.png";
+import buildIllustration from "@/assets/icons/use-elixir-for/build-illustration.png";
+import erlangLogo from "@/assets/icons/use-elixir-for/erlang.png";
+import nervesLogo from "@/assets/icons/use-elixir-for/nerves.png";
+import nxLogo from "@/assets/icons/use-elixir-for/nx.png";
+import phoenixSvg from "@/assets/icons/use-elixir-for/phoenix.svg?raw";
+import ArrowRight from "@/components/ui/icons/ArrowRight.astro";
+import Reveal from "@/components/ui/Reveal.astro";
+import SectionHeading from "@/components/ui/SectionHeading.astro";
+import {
+  getElixirHighlighter,
+  type HighlightedLine,
+  highlightElixir,
+} from "@/utilities/elixir-highlight";
+import { tokenStyle } from "@/utilities/highlight-style";
+
+type CodeLine = { text: string; comment?: boolean };
+
+type CategoryDef = {
+  id: string;
+  label: string;
+  icon: string;
+  activeRow: number;
+  code: CodeLine[];
+};
+
+// Icons use currentColor so the sidebar can tint them with each category's
+// brand colour (set on the wrapping span via CATEGORY_COLORS).
+const ICONS = {
+  web: `<path d="M12 17V21M8 21H16M4 3H20C21.1046 3 22 3.89543 22 5V15C22 16.1046 21.1046 17 20 17H4C2.89543 17 2 16.1046 2 15V5C2 3.89543 2.89543 3 4 3Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" />`,
+  embedded: `<rect x="5" y="5" width="14" height="14" rx="1.5" stroke="currentColor" stroke-width="1.5" /><rect x="9" y="9" width="6" height="6" stroke="currentColor" stroke-width="1.5" /><path d="M9 2v3M15 2v3M9 19v3M15 19v3M2 9h3M2 15h3M19 9h3M19 15h3" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />`,
+  ml: `<circle cx="6" cy="6" r="2.25" stroke="currentColor" stroke-width="1.5" /><circle cx="18" cy="6" r="2.25" stroke="currentColor" stroke-width="1.5" /><circle cx="6" cy="18" r="2.25" stroke="currentColor" stroke-width="1.5" /><circle cx="18" cy="18" r="2.25" stroke="currentColor" stroke-width="1.5" /><circle cx="12" cy="12" r="2.75" stroke="currentColor" stroke-width="1.5" /><path d="M7.75 7.5l2.5 3M16.25 7.5l-2.5 3M7.75 16.5l2.5-3M16.25 16.5l-2.5-3" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />`,
+  data: `<path d="M4 4v16h16" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" /><rect x="8" y="13" width="2.5" height="5" rx="0.5" stroke="currentColor" stroke-width="1.5" /><rect x="12.75" y="9" width="2.5" height="9" rx="0.5" stroke="currentColor" stroke-width="1.5" /><rect x="17.5" y="5.5" width="2.5" height="12.5" rx="0.5" stroke="currentColor" stroke-width="1.5" />`,
+  iot: `<circle cx="12" cy="12" r="1.75" fill="currentColor" /><path d="M8.5 15.5a5 5 0 0 1 0-7M15.5 8.5a5 5 0 0 1 0 7" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" /><path d="M5.5 18.5a9 9 0 0 1 0-13M18.5 5.5a9 9 0 0 1 0 13" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />`,
+} as const;
+
+const categoriesData: CategoryDef[] = [
+  {
+    id: "web",
+    label: "Web development",
+    icon: ICONS.web,
+    activeRow: 0,
+    code: [
+      {
+        text: "# Update server state from browser events",
+        comment: true,
+      },
+      { text: "defmodule MyAppWeb.CounterLive do" },
+      { text: "  use MyAppWeb, :live_view" },
+      { text: "" },
+      { text: "  def mount(_params, _session, socket) do" },
+      { text: "    {:ok, assign(socket, count: 0)}" },
+      { text: "  end" },
+      { text: "" },
+      { text: '  def handle_event("increment", _, socket) do' },
+      { text: "    {:noreply, update(socket, :count, &(&1 + 1))}" },
+      { text: "  end" },
+      { text: "end" },
+    ],
+  },
+  {
+    id: "embedded",
+    label: "Embedded systems",
+    icon: ICONS.embedded,
+    activeRow: 1,
+    code: [
+      { text: "# Control hardware from a supervised process", comment: true },
+      { text: "def handle_info(:toggle_led, %{led: led} = state) do" },
+      { text: "  next_level = 1 - state.level" },
+      { text: "" },
+      { text: "  :ok = Circuits.GPIO.write(led, next_level)" },
+      { text: "  Process.send_after(self(), :toggle_led, 500)" },
+      { text: "" },
+      { text: "  {:noreply, %{state | level: next_level}}" },
+      { text: "end" },
+    ],
+  },
+  {
+    id: "ml",
+    label: "Machine Learning",
+    icon: ICONS.ml,
+    activeRow: 2,
+    code: [
+      { text: "# Run a pre-trained model with Nx acceleration", comment: true },
+      { text: "{:ok, model} =" },
+      {
+        text: '  Bumblebee.load_model({:hf, "google/vit"})',
+      },
+      { text: "{:ok, featurizer} =" },
+      {
+        text: '  Bumblebee.load_featurizer({:hf, "google/vit"})',
+      },
+      { text: "" },
+      { text: "serving =" },
+      { text: "  Bumblebee.Vision.image_classification(model, featurizer," },
+      { text: "    compile: [batch_size: 1]," },
+      { text: "    defn_options: [compiler: EXLA]" },
+      { text: "  )" },
+      { text: "" },
+      { text: "Nx.Serving.run(serving, image)" },
+    ],
+  },
+  {
+    id: "data",
+    label: "Data and media",
+    icon: ICONS.data,
+    activeRow: 3,
+    code: [
+      {
+        text: "# Broadway controls demand and applies backpressure",
+        comment: true,
+      },
+      { text: "Broadway.start_link(MyPipeline," },
+      { text: "  producer: [" },
+      { text: "    module: BroadwaySQS.Producer" },
+      { text: "  ]," },
+      { text: "  processors: [" },
+      { text: "    default: [concurrency: 50]" },
+      { text: "  ]," },
+      { text: "  batchers: [" },
+      { text: "    storage: [batch_size: 100, batch_timeout: 1_000]" },
+      { text: "  ]" },
+      { text: ")" },
+    ],
+  },
+  {
+    id: "iot",
+    label: "IoT & Distributed Systems",
+    icon: ICONS.iot,
+    activeRow: 4,
+    code: [
+      { text: "# Connect nodes through Erlang distribution", comment: true },
+      { text: 'edge_nodes = [:"edge@factory-1", :"edge@factory-2"]' },
+      { text: "" },
+      { text: "Enum.each(edge_nodes, &Node.connect/1)" },
+      { text: "" },
+      {
+        text: "# Execute concurrently across every connected node",
+        comment: true,
+      },
+      { text: ":erpc.multicall(" },
+      { text: "  edge_nodes," },
+      { text: "  Sensor, :read_temperature, []" },
+      { text: ")" },
+    ],
+  },
+];
+
+type LogoMeta =
+  | {
+      kind: "svg";
+      svg: string;
+      width: number;
+      height: number;
+      alt: string;
+      url: string;
+    }
+  | {
+      kind: "image";
+      src: ImageMetadata;
+      width: number;
+      height: number;
+      alt: string;
+      url: string;
+      // Dark logos (Erlang) need a white plate to be visible on the dark card.
+      boxed?: boolean;
+    };
+
+type CardRow = {
+  logo: LogoMeta;
+  description: string;
+  tags: PackageName[];
+};
+
+const PACKAGE_URLS = {
+  Phoenix: "https://www.phoenixframework.org/",
+  LiveView: "https://github.com/phoenixframework/phoenix_live_view",
+  Ecto: "https://github.com/elixir-ecto/ecto",
+  Plug: "https://github.com/elixir-plug/plug",
+  Nerves: "https://nerves-project.org/",
+  AtomVM: "https://atomvm.org/",
+  Nx: "https://github.com/elixir-nx",
+  Livebook: "https://livebook.dev/",
+  Bumblebee: "https://github.com/elixir-nx/bumblebee",
+  Axon: "https://github.com/elixir-nx/axon",
+  Broadway: "https://elixir-broadway.org/",
+  Membrane: "https://membrane.stream/",
+  EMQX: "https://www.emqx.com/en",
+  RabbitMQ: "https://www.rabbitmq.com/",
+  Riak: "https://riak.com/",
+} as const;
+
+type PackageName = keyof typeof PACKAGE_URLS;
+
+const rows: CardRow[] = [
+  {
+    logo: {
+      kind: "svg",
+      svg: phoenixSvg,
+      width: 70,
+      height: 48,
+      alt: "Phoenix",
+      url: PACKAGE_URLS.Phoenix,
+    },
+    description:
+      "The Phoenix web framework delivers rapid development, LiveView adds real-time features with minimal code, and Ecto makes your data layer a joy to work with. Ship faster, at scale.",
+    tags: ["Phoenix", "LiveView", "Ecto", "Plug"],
+  },
+  {
+    logo: {
+      kind: "image",
+      src: nervesLogo,
+      width: 59,
+      height: 48,
+      alt: "Nerves",
+      url: PACKAGE_URLS.Nerves,
+    },
+    description:
+      "Nerves packages your entire application into compact firmware, with over-the-air updates and telecom-grade fault-tolerance, while AtomVM brings Elixir to devices as small as microcontrollers.",
+    tags: ["Nerves", "AtomVM"],
+  },
+  {
+    logo: {
+      kind: "image",
+      src: nxLogo,
+      width: 44,
+      height: 48,
+      alt: "Nx",
+      url: PACKAGE_URLS.Nx,
+    },
+    description:
+      "Numerical Elixir (Nx) brings GPU-accelerated tensors to Elixir, while Livebook makes exploration interactive: run pre-trained models, visualize data, and deploy - all in one place.",
+    tags: ["Nx", "Livebook", "Bumblebee", "Axon"],
+  },
+  {
+    logo: {
+      kind: "image",
+      src: broadwayLogo,
+      width: 167,
+      height: 48,
+      alt: "Broadway",
+      url: PACKAGE_URLS.Broadway,
+    },
+    description:
+      "Process data at scale with backpressure and concurrency. Broadway handles millions of events from queues, while Membrane gives you composable pipelines for audio, video, and beyond.",
+    tags: ["Broadway", "Membrane"],
+  },
+  {
+    logo: {
+      kind: "image",
+      src: erlangLogo,
+      width: 55,
+      height: 48,
+      alt: "Erlang",
+      url: "https://www.erlang.org/",
+      boxed: true,
+    },
+    description:
+      "Thanks to the Erlang VM, Elixir also excels at IoT, distributed systems, and everything the Erlang is renowned for. Explore some excellent Erlang projects below.",
+    tags: ["EMQX", "RabbitMQ", "Riak"],
+  },
+];
+
+// Each snippet is highlighted as a whole (comment lines included, so
+// line indices stay aligned); comment lines are rendered separately
+// with the category accent colour instead of their shiki tokens.
+const highlighter = await getElixirHighlighter();
+const highlightedCode: Record<string, HighlightedLine[]> = Object.fromEntries(
+  categoriesData.map((cat) => [
+    cat.id,
+    highlightElixir(highlighter, cat.code.map((line) => line.text).join("\n")),
+  ]),
+);
+
+const DEFAULT_TAB = "web";
+const defaultEntry = categoriesData.find((c) => c.id === DEFAULT_TAB);
+if (!defaultEntry) {
+  throw new Error(`DEFAULT_TAB "${DEFAULT_TAB}" not in categoriesData`);
+}
+const defaultActiveRow = defaultEntry.activeRow;
+
+const tabConfig = JSON.stringify(
+  Object.fromEntries(categoriesData.map((c) => [c.id, c.activeRow])),
+);
+
+const CATEGORY_COLORS: Record<
+  string,
+  {
+    panel: string;
+    panelActive: string;
+    panelOnCard: string;
+    chrome: string;
+    chromeActive: string;
+    chromeOnCard: string;
+    comment: string;
+    commentActive: string;
+    commentOnCard: string;
+    iconBox: string;
+    tab: string;
+    star: string;
+  }
+> = {
+  web: {
+    panel: "bg-[#f0682a]",
+    panelActive: "data-[active]:bg-[#f0682a]",
+    panelOnCard: "group-data-[active]/card:bg-[#f0682a]",
+    chrome: "bg-[#ca3f00]",
+    chromeActive: "group-data-[active]:bg-[#ca3f00]",
+    chromeOnCard: "group-data-[active]/card:bg-[#ca3f00]",
+    comment: "text-[#f47c46]",
+    commentActive: "group-data-[active]:text-[#f47c46]",
+    commentOnCard: "group-data-[active]/card:text-[#f47c46]",
+    iconBox: "bg-[#f0682a]/24 text-[#f0682a]",
+    tab: "data-[active]:border-[#f0682a] data-[active]:bg-[#f0682a]/10 data-[active]:text-white",
+    star: "#f0682a",
+  },
+  embedded: {
+    panel: "bg-[#3ba7c6]",
+    panelActive: "data-[active]:bg-[#3ba7c6]",
+    panelOnCard: "group-data-[active]/card:bg-[#3ba7c6]",
+    chrome: "bg-[#0a7695]",
+    chromeActive: "group-data-[active]:bg-[#0a7695]",
+    chromeOnCard: "group-data-[active]/card:bg-[#0a7695]",
+    comment: "text-[#5bbfdc]",
+    commentActive: "group-data-[active]:text-[#5bbfdc]",
+    commentOnCard: "group-data-[active]/card:text-[#5bbfdc]",
+    iconBox: "bg-[#3ba7c6]/24 text-[#3ba7c6]",
+    tab: "data-[active]:border-[#3ba7c6] data-[active]:bg-[#3ba7c6]/10 data-[active]:text-white",
+    star: "#3ba7c6",
+  },
+  ml: {
+    panel: "bg-[#ff87a7]",
+    panelActive: "data-[active]:bg-[#ff87a7]",
+    panelOnCard: "group-data-[active]/card:bg-[#ff87a7]",
+    chrome: "bg-[#c24063]",
+    chromeActive: "group-data-[active]:bg-[#c24063]",
+    chromeOnCard: "group-data-[active]/card:bg-[#c24063]",
+    comment: "text-[#ff87a7]",
+    commentActive: "group-data-[active]:text-[#ff87a7]",
+    commentOnCard: "group-data-[active]/card:text-[#ff87a7]",
+    iconBox: "bg-[#ff87a7]/24 text-[#ff87a7]",
+    tab: "data-[active]:border-[#ff87a7] data-[active]:bg-[#ff87a7]/10 data-[active]:text-white",
+    star: "#ff87a7",
+  },
+  data: {
+    panel: "bg-[#ffc267]",
+    panelActive: "data-[active]:bg-[#ffc267]",
+    panelOnCard: "group-data-[active]/card:bg-[#ffc267]",
+    chrome: "bg-[#f79200]",
+    chromeActive: "group-data-[active]:bg-[#f79200]",
+    chromeOnCard: "group-data-[active]/card:bg-[#f79200]",
+    comment: "text-[#ffc267]",
+    commentActive: "group-data-[active]:text-[#ffc267]",
+    commentOnCard: "group-data-[active]/card:text-[#ffc267]",
+    iconBox: "bg-[#ffc267]/24 text-[#ffc267]",
+    tab: "data-[active]:border-[#ffc267] data-[active]:bg-[#ffc267]/10 data-[active]:text-white",
+    star: "#ffc267",
+  },
+  iot: {
+    panel: "bg-[#a90533]",
+    panelActive: "data-[active]:bg-[#a90533]",
+    panelOnCard: "group-data-[active]/card:bg-[#a90533]",
+    chrome: "bg-[#730020]",
+    chromeActive: "group-data-[active]:bg-[#730020]",
+    chromeOnCard: "group-data-[active]/card:bg-[#730020]",
+    comment: "text-[#ff2461]",
+    commentActive: "group-data-[active]:text-[#ff2461]",
+    commentOnCard: "group-data-[active]/card:text-[#ff2461]",
+    iconBox: "bg-[#ff2461]/24 text-[#ff2461]",
+    tab: "data-[active]:border-[#ff2461] data-[active]:bg-[#ff2461]/10 data-[active]:text-white",
+    star: "#ff2461",
+  },
+};
+
+const starConfig = JSON.stringify(
+  Object.fromEntries(
+    Object.entries(CATEGORY_COLORS).map(([id, c]) => [id, c.star]),
+  ),
+);
+---
+
+<section class="bg-black text-white" data-use-elixir>
+  <div class="mx-auto w-full max-w-[1440px] pb-20">
+    <Reveal>
+      <div class="flex items-center px-6 pt-16 pb-8 md:px-12 md:pt-20 md:pb-16">
+        <SectionHeading title="Use Elixir for" size="lg" tone="dark" />
+      </div>
+    </Reveal>
+
+    <div class="scrollbar-none hidden overflow-x-auto px-6 pb-6 md:block lg:hidden" data-mobile-tabs>
+      <div class="flex min-w-max gap-2">
+        {categoriesData.map((cat) => (
+          <button
+            type="button"
+            data-tab={cat.id}
+            data-active={cat.id === DEFAULT_TAB ? "" : undefined}
+            class:list={[
+              "shrink-0 cursor-pointer rounded-full border border-gray-60 px-4 py-2 font-sans text-small font-medium text-white/60 transition-colors",
+              CATEGORY_COLORS[cat.id].tab,
+            ]}
+          >
+            {cat.label}
+          </button>
+        ))}
+      </div>
+    </div>
+
+    <div class="flex w-full items-start">
+      <aside
+        class="hidden w-[330px] shrink-0 flex-col gap-6 self-start border-t border-gray-60 p-12 lg:sticky lg:top-20 lg:flex"
+        data-sidebar
+      >
+        {categoriesData.map((cat) => (
+          <button
+            type="button"
+            data-tab={cat.id}
+            data-active={cat.id === DEFAULT_TAB ? "" : undefined}
+            class="group flex cursor-pointer items-center text-left transition-colors duration-fast ease-out-quart"
+            aria-pressed={cat.id === DEFAULT_TAB ? "true" : "false"}
+          >
+            {/* Width + margin + opacity all tween together so the label
+               slides into place instead of jumping when the icon appears. */}
+            <span
+              class:list={[
+                "flex h-10 w-0 mr-0 shrink-0 items-center justify-center overflow-hidden rounded-[6px] opacity-0 transition-[width,margin,opacity] duration-base ease-out-quart group-data-[active]:w-10 group-data-[active]:mr-4 group-data-[active]:opacity-100",
+                CATEGORY_COLORS[cat.id].iconBox,
+              ]}
+              aria-hidden="true"
+            >
+              <svg
+                width="24"
+                height="24"
+                viewBox="0 0 24 24"
+                fill="none"
+                xmlns="http://www.w3.org/2000/svg"
+                set:html={cat.icon}
+              />
+            </span>
+            <span
+              class="whitespace-nowrap font-sans text-body font-normal text-white/60 transition-colors duration-fast ease-out-quart group-data-[active]:font-medium group-data-[active]:text-white group-hover:text-white/80 group-data-[active]:group-hover:text-white"
+            >
+              {cat.label}
+            </span>
+          </button>
+        ))}
+      </aside>
+
+      <div class="flex min-w-0 flex-1 flex-col">
+        {rows.map((row, i) => (
+          <Reveal delay={Math.min(i, 3)} class={i !== 0 ? "-mt-px" : undefined}>
+            <article
+              data-card={i}
+              data-active={i === defaultActiveRow ? "" : undefined}
+              class="group/card flex w-full flex-col justify-between gap-8 overflow-clip border border-gray-60 p-6 opacity-70 transition-opacity duration-base ease-out-quart data-[active]:opacity-100 md:p-12 xl:h-[400px] xl:gap-0"
+            >
+              <div class="flex flex-col items-start gap-8">
+                <div
+                  class="flex h-12 shrink-0 items-center grayscale transition-[filter] duration-base ease-out-quart group-data-[active]/card:grayscale-0"
+                  data-card-logo
+                >
+                  <a
+                    href={row.logo.url}
+                    target="_blank"
+                    rel="noopener noreferrer"
+                    aria-label={`${row.logo.alt} website (opens in a new tab)`}
+                    class="transition-opacity duration-fast ease-out-quart hover:opacity-75"
+                  >
+                    {row.logo.kind === "svg" ? (
+                      <span
+                        class="block h-12"
+                        style={`width: ${row.logo.width}px`}
+                        aria-hidden="true"
+                        set:html={row.logo.svg}
+                      />
+                    ) : row.logo.boxed ? (
+                      <span class="flex items-center bg-white p-1">
+                        <Image
+                          src={row.logo.src}
+                          width={row.logo.width}
+                          height={row.logo.height}
+                          densities={[1, 2]}
+                          alt=""
+                          loading="lazy"
+                          class="block h-10 w-auto max-w-none"
+                        />
+                      </span>
+                    ) : (
+                      <Image
+                        src={row.logo.src}
+                        width={row.logo.width}
+                        height={row.logo.height}
+                        densities={[1, 2]}
+                        alt=""
+                        loading="lazy"
+                        class="block h-12 w-auto max-w-none"
+                      />
+                    )}
+                  </a>
+                </div>
+                <div class="max-w-[500px]">
+                  <p class="font-sans text-lead font-normal text-white">
+                    {row.description}
+                  </p>
+                </div>
+              </div>
+
+              <div class="flex flex-col gap-8">
+                <span class="block h-px w-8 bg-gray-60" aria-hidden="true"></span>
+                <ul class="flex flex-wrap items-center gap-3">
+                  {row.tags.map((tag, idx) => (
+                    <Fragment>
+                      <li>
+                        <a
+                          href={PACKAGE_URLS[tag]}
+                          target="_blank"
+                          rel="noopener noreferrer"
+                          class="font-sans text-lead font-medium text-white transition-colors duration-fast ease-out-quart hover:text-purple-30"
+                        >
+                          {tag}
+                        </a>
+                      </li>
+                      {idx < row.tags.length - 1 && (
+                        <li aria-hidden="true">
+                          <svg
+                            width="14"
+                            height="14"
+                            viewBox="0 0 14 14"
+                            fill="none"
+                            xmlns="http://www.w3.org/2000/svg"
+                            data-star
+                          >
+                            <path
+                              d="M7 0L8.89064 5.10936L14 7L8.89064 8.89064L7 14L5.10936 8.89064L0 7L5.10936 5.10936L7 0Z"
+                              fill="#746284"
+                              class="transition-[fill] duration-[450ms] ease-out-quart"
+                            />
+                          </svg>
+                        </li>
+                      )}
+                    </Fragment>
+                  ))}
+                </ul>
+              </div>
+
+              <div
+                class:list={[
+                  "flex w-full items-end justify-center overflow-clip px-3 pt-3 sm:px-4 sm:pt-4 md:px-6 md:pt-6 md:h-[300px] xl:hidden transition-colors duration-base ease-out-quart",
+                  "bg-gray-100",
+                  CATEGORY_COLORS[categoriesData[i].id].panelOnCard,
+                ]}
+                aria-hidden="true"
+              >
+                <div
+                  class:list={[
+                    "flex min-w-0 flex-1 flex-col items-start self-stretch overflow-clip rounded-tl-[22px] rounded-tr-[22px] px-1.5 pt-1.5 transition-colors duration-base ease-out-quart",
+                    "bg-gray-80",
+                    CATEGORY_COLORS[categoriesData[i].id].chromeOnCard,
+                  ]}
+                >
+                  <div class="flex w-full min-w-0 flex-1 flex-col items-start self-stretch overflow-clip rounded-tl-[16px] rounded-tr-[16px] bg-black">
+                    <div class="flex w-full items-center gap-1.5 border-b border-gray-60 p-3 md:p-4">
+                      <span class="size-2 rounded-full bg-gray-60"></span>
+                      <span class="size-2 rounded-full bg-gray-60"></span>
+                      <span class="size-2 rounded-full bg-gray-60"></span>
+                    </div>
+                    <div class="flex w-full flex-1 items-start overflow-x-auto p-3 sm:p-4 md:p-6">
+                      <pre class="whitespace-pre font-mono text-[0.8125rem] font-light leading-[1.45] text-white sm:text-caption md:text-small md:leading-normal"><code>{categoriesData[i].code.map((line, li) => (
+                        <Fragment>
+                          {line.comment ? (
+                            <span class:list={["text-white/80", CATEGORY_COLORS[categoriesData[i].id].commentOnCard]}>{line.text}</span>
+                          ) : (
+                            highlightedCode[categoriesData[i].id][li].map((t) => (
+                              <span style={tokenStyle(t)}>{t.text}</span>
+                            ))
+                          )}
+                          {li < categoriesData[i].code.length - 1 && "\n"}
+                        </Fragment>
+                      ))}</code></pre>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </article>
+          </Reveal>
+        ))}
+
+        <Reveal delay={3} class="lg:-mt-px">
+          <article
+            class="flex w-full flex-col justify-between gap-8 overflow-clip border border-gray-60 p-6 md:p-12 xl:h-[400px] xl:gap-0 xl:border-r-0"
+          >
+            <div class="flex flex-col items-start gap-5">
+              <h3
+                class="font-sans text-[2rem] font-medium leading-tight text-white sm:text-[2.25rem] md:text-[2.625rem]"
+              >
+                What will you build?
+              </h3>
+              <p class="font-sans text-body font-normal text-white">
+                The ecosystem grows every day. Explore thousands of community
+                packages on Hex and find the tools for your next project.
+              </p>
+            </div>
+            <div class="flex flex-wrap items-start gap-4">
+              <a
+                href="/install/"
+                class="group inline-flex items-center justify-center rounded-sm bg-purple-60 px-6 py-4 transition-all duration-base ease-out-quart will-change-transform hover:scale-[1.02] hover:bg-purple-70 active:scale-[0.98]"
+              >
+                <span class="inline-flex items-center justify-center px-2">
+                  <span class="text-center font-sans text-body font-medium leading-6 text-white">
+                    Install now
+                  </span>
+                </span>
+                <span class="inline-flex size-6 items-center justify-center transition-transform duration-fast ease-out-quart group-hover:translate-x-0.5">
+                  <ArrowRight size={24} />
+                </span>
+              </a>
+              <a
+                href="https://hex.pm/packages"
+                target="_blank"
+                rel="noopener noreferrer"
+                class="inline-flex items-center justify-center rounded-sm border border-gray-40 px-6 py-4 transition-all duration-base ease-out-quart will-change-transform hover:scale-[1.02] hover:border-purple-60 hover:bg-white/5 active:scale-[0.98]"
+              >
+                <span class="inline-flex items-center justify-center px-2">
+                  <span class="text-center font-sans text-body font-medium leading-6 text-white">
+                    See all packages
+                  </span>
+                </span>
+              </a>
+            </div>
+          </article>
+        </Reveal>
+      </div>
+
+      <div class="hidden w-[600px] shrink-0 flex-col xl:-ml-px xl:flex">
+        {rows.map((_, i) => {
+          const owner = categoriesData.find((c) => c.activeRow === i);
+          if (!owner) return null;
+          const initialActive = owner.id === DEFAULT_TAB;
+          const colors = CATEGORY_COLORS[owner.id];
+          return (
+            <Reveal delay={Math.min(i, 3)} class={i !== 0 ? "-mt-px" : undefined}>
+              <div data-panel={i} class="relative flex h-[400px] w-full flex-col">
+                <div
+                  data-panel-cat={owner.id}
+                  data-active={initialActive ? "" : undefined}
+                  aria-hidden={initialActive ? "false" : "true"}
+                  class:list={[
+                    "group flex h-full w-full items-end justify-center overflow-clip px-12 pt-8 opacity-70 transition-[opacity,background-color,border-color] duration-[450ms] ease-out-expo data-[active]:opacity-100",
+                    "border border-gray-60 bg-gray-100 data-[active]:border-transparent",
+                    colors.panelActive,
+                  ]}
+                >
+                  <div
+                    class:list={[
+                      "flex h-full min-w-0 flex-1 flex-col items-start overflow-clip rounded-tl-[22px] rounded-tr-[22px] px-1.5 pt-1.5 transition-colors duration-[450ms] ease-out-expo bg-gray-80",
+                      colors.chromeActive,
+                    ]}
+                  >
+                    <div
+                      class="flex h-full w-full min-w-0 flex-1 flex-col items-start overflow-clip rounded-tl-[16px] rounded-tr-[16px] bg-black"
+                    >
+                      <div
+                        class="flex w-full items-center gap-1.5 border-b border-gray-60 p-4"
+                        aria-hidden="true"
+                      >
+                        <span class="size-2 rounded-full bg-gray-60"></span>
+                        <span class="size-2 rounded-full bg-gray-60"></span>
+                        <span class="size-2 rounded-full bg-gray-60"></span>
+                      </div>
+                      <div class="flex w-full flex-1 items-start px-8 py-5">
+                        <pre class="whitespace-pre font-mono text-small font-light text-white"><code>{owner.code.map((line, li) => (
+                          <Fragment>
+                            {line.comment ? (
+                              <span class:list={["text-white/80", colors.commentActive]}>{line.text}</span>
+                            ) : (
+                              highlightedCode[owner.id][li].map((t) => (
+                                <span style={tokenStyle(t)}>{t.text}</span>
+                              ))
+                            )}
+                            {li < owner.code.length - 1 && "\n"}
+                          </Fragment>
+                        ))}</code></pre>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </Reveal>
+          );
+        })}
+
+        <Reveal delay={3} class="-mt-px">
+          <div
+            class="relative flex h-[400px] w-full items-end justify-end overflow-clip border border-l-0 border-gray-60"
+          >
+            <img
+              src={buildIllustration.src}
+              width="600"
+              height="393"
+              loading="lazy"
+              alt=""
+              class="block h-auto w-full max-w-none opacity-80"
+            />
+          </div>
+        </Reveal>
+      </div>
+    </div>
+  </div>
+</section>
+
+<script is:inline define:vars={{ tabConfig, starConfig }}>
+  (() => {
+    let cleanup = null;
+
+    function init() {
+      cleanup?.();
+      cleanup = null;
+
+      const config = JSON.parse(tabConfig);
+      const stars = JSON.parse(starConfig);
+      const root = document.querySelector("[data-use-elixir]");
+      if (!root) return;
+
+      const tabs = root.querySelectorAll("[data-tab]");
+      const cards = root.querySelectorAll("[data-card]");
+      const panels = root.querySelectorAll("[data-panel]");
+
+      function setActive(catId) {
+        const activeRow = config[catId];
+        if (activeRow == null) return;
+        const activeStar = stars[catId] ?? "#746284";
+
+        tabs.forEach((t) => {
+          const match = t.getAttribute("data-tab") === catId;
+          if (match) {
+            t.setAttribute("data-active", "");
+            t.setAttribute("aria-pressed", "true");
+          } else {
+            t.removeAttribute("data-active");
+            t.setAttribute("aria-pressed", "false");
+          }
+        });
+
+        cards.forEach((c, i) => {
+          if (i === activeRow) c.setAttribute("data-active", "");
+          else c.removeAttribute("data-active");
+          const starPaths = c.querySelectorAll("[data-star] path");
+          starPaths.forEach((path) => {
+            path.setAttribute("fill", i === activeRow ? activeStar : "#746284");
+          });
+        });
+
+        panels.forEach((p) => {
+          const panel = p.querySelector("[data-panel-cat]");
+          if (!panel) return;
+          const match = panel.getAttribute("data-panel-cat") === catId;
+          panel.toggleAttribute("data-active", match);
+          panel.setAttribute("aria-hidden", match ? "false" : "true");
+        });
+      }
+
+      function scrollToActiveCard(catId) {
+        const activeRow = config[catId];
+        if (activeRow == null) return;
+        const card = root.querySelector(`[data-card="${activeRow}"]`);
+        if (!card) return;
+        const target = window.scrollY + card.getBoundingClientRect().top - 104;
+        const reduceMotion = window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+        window.scrollTo({ top: target, behavior: reduceMotion ? "auto" : "smooth" });
+      }
+
+      let suppressSpyUntil = 0;
+
+      tabs.forEach((t) => {
+        t.addEventListener("click", () => {
+          const cat = t.getAttribute("data-tab");
+          if (!cat) return;
+          suppressSpyUntil = performance.now() + 1000;
+          setActive(cat);
+          scrollToActiveCard(cat);
+        });
+      });
+
+      const reverseConfig = {};
+      for (const [catId, row] of Object.entries(config)) reverseConfig[row] = catId;
+
+      let lastSpyIdx = -1;
+      let spyScheduled = false;
+
+      function runSpy() {
+        spyScheduled = false;
+        if (performance.now() < suppressSpyUntil) return;
+
+        // Card becomes active once at least half the viewport is filled with it.
+        const triggerY = window.innerHeight * 0.5;
+        let bestIdx = -1;
+        let bestOffset = -Infinity;
+        cards.forEach((card, idx) => {
+          const offset = card.getBoundingClientRect().top - triggerY;
+          if (offset <= 0 && offset > bestOffset) {
+            bestOffset = offset;
+            bestIdx = idx;
+          }
+        });
+
+        if (bestIdx === -1) bestIdx = 0;
+        if (bestIdx === lastSpyIdx) return;
+        lastSpyIdx = bestIdx;
+        const catId = reverseConfig[bestIdx];
+        if (catId) setActive(catId);
+      }
+
+      function onScroll() {
+        if (spyScheduled) return;
+        spyScheduled = true;
+        requestAnimationFrame(runSpy);
+      }
+
+      window.addEventListener("scroll", onScroll, { passive: true });
+
+      cleanup = () => {
+        window.removeEventListener("scroll", onScroll);
+      };
+    }
+
+    document.addEventListener("astro:page-load", init);
+  })();
+</script>
diff --git a/src/components/home/WhyElixir.astro b/src/components/home/WhyElixir.astro
new file mode 100644
index 000000000..da81d08a8
--- /dev/null
+++ b/src/components/home/WhyElixir.astro
@@ -0,0 +1,70 @@
+---
+import FeatureCard from "@/components/ui/FeatureCard.astro";
+import Reveal from "@/components/ui/Reveal.astro";
+import SectionHeading from "@/components/ui/SectionHeading.astro";
+
+type WhyCard = {
+  title: string;
+  body: string;
+  bodyLinks?: Record<string, string>;
+  tone: "light" | "dark";
+  cta?: { label: string; href: string };
+};
+
+const cards: WhyCard[] = [
+  {
+    title: "Maintenance",
+    body: "Elixir helps developers write clear and purposeful code that focuses on your data and your domain. Thanks to immutability, memory safety, and Elixir's [gradual type system], you can build systems that recover from failures and are easy to maintain.",
+    bodyLinks: {
+      "gradual type system": "/blog/2026/06/03/elixir-v1-20-0-released/",
+    },
+    tone: "light",
+  },
+  {
+    title: "Scalability",
+    body: "A single Elixir codebase can scale vertically (on multi-core machines) and horizontally (communicating across nodes), excelling at message-oriented and web real-time systems. Combined with projects like [Numerical Elixir], Elixir scales across cores, clusters, and GPUs.",
+    bodyLinks: { "Numerical Elixir": "https://github.com/elixir-nx" },
+    tone: "light",
+  },
+  {
+    title: "Loved by developers",
+    body: "Voted one of the world's most admired languages several years in a row.",
+    tone: "dark",
+    cta: { label: "Go to survey", href: "https://survey.stackoverflow.co/" },
+  },
+  {
+    title: "Productivity",
+    body: "Elixir ships with a package manager, code formatter, and best in class documentation. Projects like IEx (interactive shell) and [Livebook] (interactive notebooks) enable rapid prototyping and live-debugging of running systems.",
+    bodyLinks: { Livebook: "https://livebook.dev/" },
+    tone: "light",
+  },
+];
+---
+
+<section class="bg-(--color-white-10) text-(--color-text-primary)">
+  <div class="mx-auto flex w-full max-w-[1536px] flex-col px-6 md:px-12">
+    <Reveal>
+      <SectionHeading
+        title="Why Elixir?"
+        size="hero"
+        tone="light"
+        align="center"
+        font="display"
+        class="pb-12 pt-12 md:pb-16 md:pt-16"
+      />
+    </Reveal>
+    <Reveal delay={1}>
+      <div class="grid border-t border-l border-(--color-border-on-light) mb-20 md:grid-cols-2 md:mb-24 lg:mb-28">
+        {cards.map((card) => (
+          <FeatureCard
+            title={card.title}
+            body={card.body}
+            bodyLinks={card.bodyLinks}
+            tone={card.tone}
+            cta={card.cta ? { ...card.cta, external: true } : undefined}
+          />
+        ))}
+      </div>
+    </Reveal>
+  </div>
+</section>
diff --git a/src/components/home/hero-examples.ts b/src/components/home/hero-examples.ts
new file mode 100644
index 000000000..afda56c64
--- /dev/null
+++ b/src/components/home/hero-examples.ts
@@ -0,0 +1,57 @@
+// Shared between Hero.astro and the client-side example carousel.
+
+export type Example = {
+  title: string;
+  code: string;
+  precanned: { value: string; stdout?: string };
+};
+
+export const EXAMPLES: Example[] = [
+  {
+    title: "Composable data transformations",
+    code: `"hello world"
+|> String.split()
+|> Enum.map(fn word ->
+  String.capitalize(word)
+end)
+|> Enum.join(" ")`,
+    precanned: { value: `"Hello World"` },
+  },
+  {
+    title: "Control-flow with pattern matching",
+    code: `case Integer.parse("42px") do
+  {number, "pt"} -> {:points, number}
+  {number, "px"} -> {:pixels, number}
+  {_number, _unit} -> {:error, :unknown_unit}
+  :error -> {:error, :not_a_number}
+end`,
+    precanned: { value: `{:pixels, 42}` },
+  },
+  {
+    title: "Concurrency via lightweight processes",
+    code: `# Spawn thousands of concurrent processes
+for i <- 1..1000 do
+  spawn(fn ->
+    IO.puts("Hi")
+  end)
+end`,
+    precanned: {
+      value: `[1000 process identifiers]`,
+      stdout: `Hi
+Hi
+…
+Hi`,
+    },
+  },
+  {
+    title: "Distributed message passing",
+    code: `parent = self()
+Node.spawn(node(), fn ->
+  send(parent, {:greeter, "Joe"})
+end)
+receive do
+  {:greeter, name} -> "Hello #{name}"
+end`,
+    precanned: { value: `"Hello Joe"` },
+  },
+];
diff --git a/src/components/install/AskQuestionsContent.astro b/src/components/install/AskQuestionsContent.astro
new file mode 100644
index 000000000..4575786db
--- /dev/null
+++ b/src/components/install/AskQuestionsContent.astro
@@ -0,0 +1,50 @@
+---
+import { bodyP, bulletRow, linkInline, proseWrap } from "./_install-tokens";
+---
+
+<div class:list={[proseWrap]}>
+  <p class={bodyP}>
+    After Elixir is up and running, it is common to have questions as you learn
+    and use the language. There are many places where you can ask questions,
+    here are some of them:
+  </p>
+
+  <ul class="flex flex-col gap-3">
+    <li class={bulletRow}>
+      <span aria-hidden="true">-</span>
+      <a href="irc://irc.libera.chat/elixir" class={linkInline}>#elixir on irc.libera.chat</a>
+    </li>
+    <li class={bulletRow}>
+      <span aria-hidden="true">-</span>
+      <a href="http://elixirforum.com" target="_blank" rel="noopener noreferrer" class={linkInline}>Elixir Forum</a>
+    </li>
+    <li class={bulletRow}>
+      <span aria-hidden="true">-</span>
+      <a href="https://elixir-slack.community" target="_blank" rel="noopener noreferrer" class={linkInline}>Elixir on Slack</a>
+    </li>
+    <li class={bulletRow}>
+      <span aria-hidden="true">-</span>
+      <a href="https://discord.gg/elixir" target="_blank" rel="noopener noreferrer" class={linkInline}>Elixir on Discord</a>
+    </li>
+  </ul>
+
+  <p class={bodyP}>When asking questions, remember these two tips:</p>
+
+  <ul class="flex flex-col gap-4">
+    <li class="font-sans text-body font-normal text-black/80">
+      <span aria-hidden="true">- </span>
+      Instead of asking <em>"how to do X in Elixir"</em>, ask{" "}
+      <em>"how to solve Y in Elixir"</em>. In other words, don't ask how to
+      implement a particular solution, instead describe the problem at hand.
+      Stating the problem gives more context and less bias for a correct answer.
+    </li>
+    <li class="font-sans text-body font-normal text-black/80">
+      <span aria-hidden="true">- </span>
+      In case things are not working as expected, please include as much
+      information as you can in your report - for example, your Elixir version,
+      the code snippet, and the error message alongside the error stacktrace.
+    </li>
+  </ul>
+
+  <p class="font-sans text-body font-medium text-black">Enjoy!</p>
+</div>
diff --git a/src/components/install/InstallErlangContent.astro b/src/components/install/InstallErlangContent.astro
new file mode 100644
index 000000000..832af90d5
--- /dev/null
+++ b/src/components/install/InstallErlangContent.astro
@@ -0,0 +1,60 @@
+---
+import {
+  bodyP,
+  bulletRow,
+  codeBlock,
+  linkInline,
+  proseWrap,
+} from "./_install-tokens";
+
+interface Props {
+  minimumOtp: string;
+}
+
+const { minimumOtp } = Astro.props;
+---
+
+<div class:list={[proseWrap]}>
+  <p class={bodyP}>
+    The only prerequisite for Elixir is Erlang, version {minimumOtp} or later.
+    When installing Elixir, Erlang is generally installed automatically for
+    you. However, if you want to install Erlang manually, you might check:
+  </p>
+
+  <ul class="flex flex-col gap-3">
+    <li class={bulletRow}>
+      <span aria-hidden="true">-</span>
+      <a href="http://www.erlang.org/downloads.html" target="_blank" rel="noopener noreferrer" class={linkInline}>
+        Source code distribution and Windows installers from Erlang's official website
+      </a>
+    </li>
+    <li class={bulletRow}>
+      <span aria-hidden="true">-</span>
+      <a href="https://www.erlang-solutions.com/resources/download.html" target="_blank" rel="noopener noreferrer" class={linkInline}>
+        Precompiled packages for some Unix-like installations
+      </a>
+    </li>
+    <li class={bulletRow}>
+      <span aria-hidden="true">-</span>
+      <a href="https://docs.riak.com/riak/kv/latest/setup/installing/source/erlang/" target="_blank" rel="noopener noreferrer" class={linkInline}>
+        A general list of installation methods from the Riak documentation
+      </a>
+    </li>
+  </ul>
+
+  <p class={bodyP}>
+    After Erlang is installed, you should be able to open up the command line
+    (or command prompt) and check the Erlang version by typing{" "}
+    <code class="font-mono">erl -s erlang halt</code>. You will see some
+    information similar to:
+  </p>
+
+  <pre class={codeBlock} tabindex="0">Erlang/OTP {minimumOtp} [64-bit] [smp:2:2] [...]</pre>
+
+  <p class={bodyP}>
+    Notice that depending on how you installed Erlang, Erlang binaries might
+    not be available in your PATH. Be sure to have Erlang binaries in your{" "}
+    <a href="https://en.wikipedia.org/wiki/Environment_variable" target="_blank" rel="noopener noreferrer" class={linkInline}>PATH</a>,
+    otherwise Elixir won't work!
+  </p>
+</div>
diff --git a/src/components/install/InstallScriptsContent.astro b/src/components/install/InstallScriptsContent.astro
new file mode 100644
index 000000000..16b4652b6
--- /dev/null
+++ b/src/components/install/InstallScriptsContent.astro
@@ -0,0 +1,55 @@
+---
+import { bodyP, codeBlock, linkInline, proseWrap } from "./_install-tokens";
+
+interface Props {
+  version: string;
+  recommendedOtp: string;
+}
+
+const { version, recommendedOtp } = Astro.props;
+
+// DO NOT add whitespace between <pre> and its `{...}` expression: `whitespace-pre`
+// would surface source indentation as visible leading space on the first code line.
+const stableArtifact = `${version}-otp-${recommendedOtp.split(".")[0]}`;
+---
+
+<div class:list={[proseWrap]}>
+  <p class={bodyP}>
+    Elixir and Erlang/OTP can be quickly installed for macOS, Windows, or
+    Ubuntu using an <code class="font-mono">install.sh</code> /
+    <code class="font-mono">install.bat</code> script.
+  </p>
+
+  <div class="flex flex-col gap-4">
+    <p class="font-sans text-body font-medium text-black">
+      If you are using bash (macOS / Ubuntu / Windows), run:
+    </p>
+    <pre class={codeBlock} tabindex="0">{`curl -fsSO https://elixir-lang.org/install.sh
+sh install.sh elixir@${version} otp@${recommendedOtp}
+installs_dir=$HOME/.elixir-install/installs
+export PATH=$installs_dir/otp/${recommendedOtp}/bin:$PATH
+export PATH=$installs_dir/elixir/${stableArtifact}/bin:$PATH
+iex`}</pre>
+  </div>
+
+  <div class="flex flex-col gap-4">
+    <p class="font-sans text-body font-medium text-black">
+      If you are using PowerShell (Windows), run:
+    </p>
+    <pre class={codeBlock} tabindex="0">{`curl.exe -fsSO https://elixir-lang.org/install.bat
+.\\install.bat elixir@${version} otp@${recommendedOtp}
+$installs_dir = "$env:USERPROFILE\\.elixir-install\\installs"
+$env:PATH = "$installs_dir\\otp\\${recommendedOtp}\\bin;$env:PATH"
+$env:PATH = "$installs_dir\\elixir\\${stableArtifact}\\bin;$env:PATH"
+iex.bat`}</pre>
+  </div>
+
+  <p class={bodyP}>
+    You may want to{" "}
+    <a href="#set-path" class={linkInline}>set the <code class="font-mono">$PATH</code> environment variable</a>
+    {" "}for your whole system. Use{" "}
+    <code class="font-mono">install.sh --help</code> or{" "}
+    <code class="font-mono">install.bat --help</code> to learn more about
+    available arguments and options.
+  </p>
+</div>
diff --git a/src/components/install/OsInstallContent.astro b/src/components/install/OsInstallContent.astro
new file mode 100644
index 000000000..3315efd1a
--- /dev/null
+++ b/src/components/install/OsInstallContent.astro
@@ -0,0 +1,361 @@
+---
+import {
+  bodyP,
+  bulletRow,
+  bulletSub,
+  codeBlock,
+  codeInline,
+  h3,
+  h4,
+  linkInline,
+  sectionWrap,
+} from "./_install-tokens";
+
+interface Props {
+  version: string;
+  otpVersions: number[];
+}
+
+const { version, otpVersions } = Astro.props;
+---
+
+<div class:list={[sectionWrap]}>
+  <div class="flex w-full flex-col gap-6">
+    <h3 class={h3}>macOS</h3>
+    <ul class="flex flex-col gap-4">
+      <li>
+        <span class={bulletRow}>
+          <span aria-hidden="true">-</span>
+          Using <a href="#install-scripts" class={linkInline}>install scripts</a>
+        </span>
+      </li>
+      <li class="flex flex-col gap-2">
+        <span class={bulletRow}>
+          <span aria-hidden="true">-</span>
+          Using <a href="https://brew.sh" target="_blank" rel="noopener noreferrer" class={linkInline}>Homebrew</a>
+        </span>
+        <span class={bulletSub}>
+          <span class="text-black/80" aria-hidden="true">◦</span>
+          Run:
+          <code class={codeInline}>brew install elixir</code>
+        </span>
+      </li>
+      <li class="flex flex-col gap-2">
+        <span class={bulletRow}>
+          <span aria-hidden="true">-</span>
+          Using <a href="https://www.macports.org" target="_blank" rel="noopener noreferrer" class={linkInline}>Macports</a>
+        </span>
+        <span class={bulletSub}>
+          <span class="text-black/80" aria-hidden="true">◦</span>
+          Run:
+          <code class={codeInline}>sudo port install elixir</code>
+        </span>
+      </li>
+      <li>
+        <span class={bulletRow}>
+          <span aria-hidden="true">-</span>
+          Using <a href="#version-managers" class={linkInline}>version managers</a>
+        </span>
+      </li>
+    </ul>
+  </div>
+
+  <div class="flex w-full flex-col gap-12">
+    <div class="flex flex-col gap-4">
+      <h3 class={h3}>GNU/Linux</h3>
+      <p class={bodyP}>
+        Below we list steps for installing Elixir in different distributions.
+        If your distribution is not listed or the steps below do not work, you
+        may consider using <a href="#version-managers" class={linkInline}>version managers</a>.
+      </p>
+    </div>
+
+    <div class="flex flex-col gap-6">
+      <h4 class={h4}>Distributions</h4>
+      <ul class="flex flex-col gap-3">
+        <li class="flex flex-col gap-2">
+          <span class={bulletRow}>
+            <span aria-hidden="true">-</span>
+            <strong>Arch Linux</strong>
+            <span class="font-normal">(Community repository)</span>
+          </span>
+          <span class={bulletSub}>
+            <span class="text-black/80" aria-hidden="true">◦</span>
+            Run:
+            <code class={codeInline}>pacman -S elixir</code>
+          </span>
+        </li>
+
+        <li class="flex flex-col gap-2">
+          <span class={bulletRow}>
+            <span aria-hidden="true">-</span>
+            <strong>Fedora</strong>
+          </span>
+          <div class="flex flex-col gap-2 pl-5 md:pl-7">
+            <span class="flex flex-wrap items-center gap-2 font-sans text-body font-normal text-black">
+              <span class="text-black/80" aria-hidden="true">◦</span>
+              Rawhide keeps more recent versions:
+              <code class={codeInline}>sudo dnf --repo=rawhide install elixir elixir-doc erlang erlang-doc</code>
+            </span>
+            <span class="flex flex-wrap items-center gap-2 font-sans text-body font-normal text-black">
+              <span class="text-black/80" aria-hidden="true">◦</span>
+              The default distribution lags behind:
+              <code class={codeInline}>sudo dnf install elixir erlang</code>
+            </span>
+            <span class="flex flex-wrap items-center gap-2 font-sans text-body font-normal text-black">
+              <span class="text-black/80" aria-hidden="true">◦</span>
+              Documentation packages:
+              <code class={codeInline}>sudo dnf install elixir-doc erlang-doc</code>
+            </span>
+          </div>
+        </li>
+
+        <li class="flex flex-col gap-2">
+          <span class={bulletRow}>
+            <span aria-hidden="true">-</span>
+            <strong>Gentoo</strong>
+          </span>
+          <span class={bulletSub}>
+            <span class="text-black/80" aria-hidden="true">◦</span>
+            Run:
+            <code class={codeInline}>emerge --ask dev-lang/elixir</code>
+          </span>
+        </li>
+
+        <li class="flex flex-col gap-2">
+          <span class={bulletRow}>
+            <span aria-hidden="true">-</span>
+            <strong>GNU Guix</strong>
+          </span>
+          <span class={bulletSub}>
+            <span class="text-black/80" aria-hidden="true">◦</span>
+            Run:
+            <code class={codeInline}>guix package -i elixir</code>
+          </span>
+        </li>
+
+        <li class="flex flex-col gap-2">
+          <span class={bulletRow}>
+            <span aria-hidden="true">-</span>
+            <strong>Ubuntu</strong>
+          </span>
+          <div class="flex flex-col gap-3 pl-5 md:pl-7">
+            <span class="flex items-baseline gap-2 font-sans text-body font-normal text-black">
+              <span class="text-black/80" aria-hidden="true">◦</span>
+              Using <a href="#install-scripts" class={linkInline}>install scripts</a>
+            </span>
+            <p class="flex flex-col gap-2 font-sans text-body font-normal text-black">
+              <span class="flex items-baseline gap-2">
+                <span class="text-black/80" aria-hidden="true">◦</span>
+                <span>
+                  The packages in <code class="font-mono">apt</code> tend to lag several versions behind. You may
+                  use <a href="https://launchpad.net/~rabbitmq" target="_blank" rel="noopener noreferrer" class={linkInline}>RabbitMQ Packages</a>,
+                  which are likely newer than <code class="font-mono">apt</code>:
+                </span>
+              </span>
+              <code class:list={[codeBlock]} tabindex="0">{`sudo add-apt-repository ppa:rabbitmq/rabbitmq-erlang
+sudo apt update
+sudo apt install git elixir erlang`}</code>
+            </p>
+          </div>
+        </li>
+      </ul>
+    </div>
+
+  </div>
+
+  <div class="flex w-full flex-col gap-6">
+    <h3 class={h3}>BSD</h3>
+    <ul class="flex flex-col gap-3">
+      <li class="flex flex-col gap-3">
+        <span class={bulletRow}>
+          <span aria-hidden="true">-</span>
+          <strong>FreeBSD</strong>
+        </span>
+        <p class="pl-5 font-sans text-body font-normal text-black md:pl-7">
+          <span class="text-black/80" aria-hidden="true">◦ </span>
+          The latest Elixir release is named{" "}
+          <a href="https://freshports.org/lang/elixir-devel" target="_blank" rel="noopener noreferrer" class={linkInline}>lang/elixir-devel</a>.
+          The default Elixir,{" "}
+          <a href="https://freshports.org/lang/elixir" target="_blank" rel="noopener noreferrer" class={linkInline}>lang/elixir</a>,
+          may lag slightly as dependent ports are often not able to be updated
+          to the newest Elixir release immediately.
+        </p>
+        <div class="flex flex-col gap-3 pl-5 md:pl-7">
+          <span class="font-sans text-body font-medium text-black">
+            <span class="text-black/80" aria-hidden="true">◦ </span>
+            Using ports
+          </span>
+          <span class={bulletSub}>
+            <span class="text-black/80" aria-hidden="true">◦</span>
+            Run:
+            <code class={codeInline}>cd /usr/ports/lang/elixir && make install clean</code>
+          </span>
+        </div>
+        <div class="flex flex-col gap-3 pl-5 md:pl-7">
+          <span class="font-sans text-body font-medium text-black">
+            <span class="text-black/80" aria-hidden="true">◦ </span>
+            Using pkg
+          </span>
+          <span class={bulletSub}>
+            <span class="text-black/80" aria-hidden="true">◦</span>
+            Run:
+            <code class={codeInline}>pkg install elixir</code>
+            <span>or</span>
+            <code class={codeInline}>pkg install elixir-devel</code>
+          </span>
+        </div>
+      </li>
+
+      <li class="flex flex-col gap-2">
+        <span class={bulletRow}>
+          <span aria-hidden="true">-</span>
+          <strong>OpenBSD</strong>
+        </span>
+        <span class={bulletSub}>
+          <span class="text-black/80" aria-hidden="true">◦</span>
+          Run:
+          <code class={codeInline}>pkg_add elixir</code>
+        </span>
+      </li>
+    </ul>
+  </div>
+
+  <div class="flex w-full flex-col gap-6">
+    <h3 class={h3}>Windows</h3>
+    <ul class="flex flex-col gap-3">
+      <li class="flex flex-col gap-3">
+        <span class={bulletRow}>
+          <span aria-hidden="true">-</span>
+          <strong>Using Windows installers</strong>
+        </span>
+        <div class="flex flex-col gap-2 pl-5 md:pl-7">
+          <span class="flex items-baseline gap-2 font-sans text-body font-normal text-black">
+            <span class="text-black/80" aria-hidden="true">◦</span>
+            <a href="https://www.erlang.org/downloads.html" target="_blank" rel="noopener noreferrer" class={linkInline}>
+              Download and run the Erlang installer
+            </a>
+          </span>
+          <span class="flex items-baseline gap-2 font-sans text-body font-normal text-black">
+            <span class="text-black/80" aria-hidden="true">◦</span>
+            Download and run the Elixir installer compatible with your Erlang/OTP version:
+          </span>
+          <ul class="ml-7 flex flex-col gap-1 md:ml-9">
+            {otpVersions.map((otp) => (
+              <li class="font-sans text-body font-normal text-black">
+                <a
+                  href={`https://github.com/elixir-lang/elixir/releases/download/v${version}/elixir-otp-${otp}.exe`}
+                  target="_blank"
+                  rel="noopener noreferrer"
+                  class={linkInline}
+                >Elixir {version} on Erlang {otp}</a>
+              </li>
+            ))}
+          </ul>
+          <p class="font-sans text-body font-normal text-black/80">
+            Run <code class="font-mono">erl</code> in the terminal if you are unsure of your Erlang/OTP version.
+            Previous Elixir versions are available on the{" "}
+            <a href="https://github.com/elixir-lang/elixir/releases" target="_blank" rel="noopener noreferrer" class={linkInline}>Releases</a> page.
+          </p>
+        </div>
+      </li>
+
+      <li>
+        <span class={bulletRow}>
+          <span aria-hidden="true">-</span>
+          Using <a href="#install-scripts" class={linkInline}>install scripts</a>
+        </span>
+      </li>
+
+      <li class="flex flex-col gap-2">
+        <span class={bulletRow}>
+          <span aria-hidden="true">-</span>
+          Using <a href="https://scoop.sh" target="_blank" rel="noopener noreferrer" class={linkInline}>Scoop</a>
+        </span>
+        <div class="flex flex-col gap-2 pl-5 md:pl-7">
+          <span class="flex flex-wrap items-center gap-2 font-sans text-body font-normal text-black">
+            <span class="text-black/80" aria-hidden="true">◦</span>
+            Install Erlang:
+            <code class={codeInline}>scoop install erlang</code>
+          </span>
+          <span class="flex flex-wrap items-center gap-2 font-sans text-body font-normal text-black">
+            <span class="text-black/80" aria-hidden="true">◦</span>
+            Install Elixir:
+            <code class={codeInline}>scoop install elixir</code>
+          </span>
+        </div>
+      </li>
+
+      <li class="flex flex-col gap-2">
+        <span class={bulletRow}>
+          <span aria-hidden="true">-</span>
+          Using <a href="https://community.chocolatey.org" target="_blank" rel="noopener noreferrer" class={linkInline}>Chocolatey</a>
+        </span>
+        <span class={bulletSub}>
+          <span class="text-black/80" aria-hidden="true">◦</span>
+          Install Elixir (installs Erlang as a dependency):
+          <code class={codeInline}>choco install elixir</code>
+        </span>
+      </li>
+
+      <li>
+        <span class={bulletRow}>
+          <span aria-hidden="true">-</span>
+          Using <a href="#version-managers" class={linkInline}>version managers</a>
+        </span>
+      </li>
+    </ul>
+  </div>
+
+  <div class="flex w-full flex-col gap-4">
+    <h3 class={h3}>Raspberry Pi and embedded devices</h3>
+    <p class="font-sans text-body font-normal text-black">
+      To build and package an Elixir application, with the whole operating
+      system, and burn that into a disk or deploy it elsewhere,{" "}
+      <a href="https://www.nerves-project.org" target="_blank" rel="noopener noreferrer" class={linkInline}>check out the Nerves project</a>.
+    </p>
+    <p class={bodyP}>
+      If you want to install Elixir as part of an existing Operating System,
+      please follow the relevant steps above for your Operating System or
+      install from precompiled/source.
+    </p>
+  </div>
+
+  <div class="flex w-full flex-col gap-4">
+    <h3 class={h3}>Docker</h3>
+    <p class={bodyP}>
+      If you are familiar with Docker you can use the official Docker image to
+      get started quickly with Elixir.
+    </p>
+    <ul class="flex flex-col gap-4">
+      <li class="flex flex-col gap-2">
+        <span class={bulletRow}>
+          <span aria-hidden="true">-</span>
+          Enter interactive mode
+        </span>
+        <span class={bulletSub}>
+          <span class="text-black/80" aria-hidden="true">◦</span>
+          Run:
+          <code class={codeInline}>docker run -it --rm elixir</code>
+        </span>
+      </li>
+      <li class="flex flex-col gap-2">
+        <span class={bulletRow}>
+          <span aria-hidden="true">-</span>
+          Enter bash within container with installed <code class="font-mono">elixir</code>
+        </span>
+        <span class={bulletSub}>
+          <span class="text-black/80" aria-hidden="true">◦</span>
+          Run:
+          <code class={codeInline}>docker run -it --rm elixir bash</code>
+        </span>
+      </li>
+    </ul>
+    <p class={bodyP}>
+      The above will automatically point to the latest Erlang and Elixir
+      available. For production usage, we recommend using{" "}
+      <a href="https://hub.docker.com/r/hexpm/elixir" target="_blank" rel="noopener noreferrer" class={linkInline}>Hex.pm Docker images</a>,
+      which are immutable and point to a specific Erlang and Elixir version.
+    </p>
+  </div>
+</div>
diff --git a/src/components/install/PrecompiledPackagesContent.astro b/src/components/install/PrecompiledPackagesContent.astro
new file mode 100644
index 000000000..1f8330d94
--- /dev/null
+++ b/src/components/install/PrecompiledPackagesContent.astro
@@ -0,0 +1,96 @@
+---
+import { bodyP, codeBlock, h4, linkInline, proseWrap } from "./_install-tokens";
+
+interface Props {
+  version: string;
+  otpVersions: number[];
+}
+
+const { version, otpVersions } = Astro.props;
+---
+
+<div class:list={[proseWrap]}>
+  <p class={bodyP}>
+    Elixir provides a precompiled package for every release. First{" "}
+    <a href="#install-erlang" class={linkInline}>install Erlang</a> and then
+    download the appropriate precompiled Elixir below. You can consult your
+    Erlang/OTP version by running <code class="font-mono">erl -s halt</code>:
+  </p>
+
+  <ul class="flex flex-col gap-3">
+    {otpVersions.map((otp) => (
+      <li class="font-sans text-body font-medium text-black">
+        <span aria-hidden="true">- </span>
+        <a
+          href={`https://github.com/elixir-lang/elixir/releases/download/v${version}/elixir-otp-${otp}.zip`}
+          target="_blank"
+          rel="noopener noreferrer"
+          class={linkInline}
+        >Elixir {version} on Erlang/OTP {otp}</a>
+      </li>
+    ))}
+  </ul>
+
+  <p class={bodyP}>
+    Once you download the release, unpack it, and you are ready to run the{" "}
+    <code class="font-mono">elixir</code> and <code class="font-mono">iex</code>
+    commands from the <code class="font-mono">bin</code> directory. However,
+    we recommend you to{" "}
+    <a href="#set-path" class={linkInline}>add Elixir's bin path to your PATH environment variable</a> to ease development.
+  </p>
+
+  <div class="flex flex-col gap-4">
+    <h4 class={h4}>Mirrors and nightly builds</h4>
+    <p class={bodyP}>
+      The links above point directly to the GitHub release. We also host and
+      mirror precompiled packages and nightly builds globally via{" "}
+      <code class="font-mono">builds.hex.pm</code> using the following URL
+      scheme:
+    </p>
+    <pre class={codeBlock} tabindex="0">https://builds.hex.pm/builds/elixir/${`{ELIXIR_VERSION}`}-otp-${`{OTP_VERSION}`}.zip</pre>
+    <p class={bodyP}>
+      For example, to use Elixir v1.13.3 with Erlang/OTP 24.x, use:
+    </p>
+    <pre class={codeBlock} tabindex="0">https://builds.hex.pm/builds/elixir/v1.13.3-otp-24.zip</pre>
+    <p class={bodyP}>
+      To use nightly for a given Erlang/OTP version (such as 25), use:
+    </p>
+    <pre class={codeBlock} tabindex="0">https://builds.hex.pm/builds/elixir/main-otp-25.zip</pre>
+    <p class={bodyP}>
+      For a list of all builds, use:
+    </p>
+    <pre class={codeBlock} tabindex="0">https://builds.hex.pm/builds/elixir/builds.txt</pre>
+  </div>
+
+  <div class="flex flex-col gap-4">
+    <h4 class={h4}>Compiling from source</h4>
+    <p class={bodyP}>
+      You can download and compile Elixir in a few steps. The first one is to{" "}
+      <a href="#install-erlang" class={linkInline}>install Erlang</a>. You will
+      also need <a href="https://www.gnu.org/software/make/" target="_blank" rel="noopener noreferrer" class={linkInline}>make</a> available.
+    </p>
+    <p class={bodyP}>
+      Next download the source code (
+      <a href={`https://github.com/elixir-lang/elixir/archive/v${version}.zip`} target="_blank" rel="noopener noreferrer" class={linkInline}>.zip</a>,{" "}
+      <a href={`https://github.com/elixir-lang/elixir/archive/v${version}.tar.gz`} target="_blank" rel="noopener noreferrer" class={linkInline}>.tar.gz</a>
+      ) of the{" "}
+      <a href={`https://github.com/elixir-lang/elixir/releases/tag/v${version}`} target="_blank" rel="noopener noreferrer" class={linkInline}>latest release</a>,
+      unpack it and then run <code class="font-mono">make</code> inside the
+      unpacked directory. If you are running on Windows,{" "}
+      <a href="https://github.com/elixir-lang/elixir/wiki/Windows" target="_blank" rel="noopener noreferrer" class={linkInline}>read this page on setting up your environment for compiling Elixir</a>.
+    </p>
+    <p class={bodyP}>
+      After compiling, you are ready to run the <code class="font-mono">elixir</code>
+      and <code class="font-mono">iex</code> commands from the{" "}
+      <code class="font-mono">bin</code> directory. We recommend you to{" "}
+      <a href="#set-path" class={linkInline}>add Elixir's bin path to your PATH environment variable</a> to ease development.
+    </p>
+    <p class={bodyP}>
+      In case you are feeling a bit more adventurous, you can also compile from
+      main:
+    </p>
+    <pre class={codeBlock} tabindex="0">{`git clone https://github.com/elixir-lang/elixir.git
+cd elixir
+make clean compile`}</pre>
+  </div>
+</div>
diff --git a/src/components/install/SetPathContent.astro b/src/components/install/SetPathContent.astro
new file mode 100644
index 000000000..dca97c746
--- /dev/null
+++ b/src/components/install/SetPathContent.astro
@@ -0,0 +1,25 @@
+---
+import { bodyP, codeBlock, linkInline, proseWrap } from "./_install-tokens";
+---
+
+<div class:list={[proseWrap]}>
+  <p class={bodyP}>
+    It is highly recommended to add Elixir's bin path to your PATH environment
+    variable to ease development.
+  </p>
+
+  <p class={bodyP}>
+    On Windows, there are{" "}
+    <a href="http://www.computerhope.com/issues/ch000549.htm" target="_blank" rel="noopener noreferrer" class={linkInline}>instructions for different versions</a>
+    {" "}explaining the process.
+  </p>
+
+  <p class={bodyP}>
+    On Unix systems, you need to{" "}
+    <a href="https://unix.stackexchange.com/a/117470/101951" target="_blank" rel="noopener noreferrer" class={linkInline}>find your shell profile file</a>,
+    and then add to the end of this file the following line reflecting the path
+    to your Elixir installation:
+  </p>
+
+  <pre class={codeBlock} tabindex="0">export PATH="$PATH:/path/to/elixir/bin"</pre>
+</div>
diff --git a/src/components/install/VersionManagersContent.astro b/src/components/install/VersionManagersContent.astro
new file mode 100644
index 000000000..72f427a34
--- /dev/null
+++ b/src/components/install/VersionManagersContent.astro
@@ -0,0 +1,37 @@
+---
+import { bodyP, linkInline, linkStrong, proseWrap } from "./_install-tokens";
+---
+
+<div class:list={[proseWrap]}>
+  <p class={bodyP}>
+    There are many tools that allow developers to install and manage multiple
+    Erlang and Elixir versions. They are useful if you have multiple projects
+    running on different Elixir or Erlang versions, can't install Erlang or
+    Elixir as mentioned above, or if the version provided by your package
+    manager is outdated. Here are some of those tools:
+  </p>
+  <ul class="flex flex-col gap-3">
+    <li class="flex items-baseline gap-2 font-sans text-body font-medium text-black">
+      <span aria-hidden="true">-</span>
+      <a href="https://asdf-vm.com" target="_blank" rel="noopener noreferrer" class={linkInline}>asdf</a>
+      <span class="font-normal text-black">
+        - install and manage different Elixir and Erlang versions
+      </span>
+    </li>
+    <li class="flex items-baseline gap-2 font-sans text-body font-medium text-black">
+      <span aria-hidden="true">-</span>
+      <a href="https://mise.en.dev" target="_blank" rel="noopener noreferrer" class={linkInline}>mise</a>
+      <span class="font-normal text-black"> - install and manage different Elixir and Erlang versions</span>
+    </li>
+    <li class="flex items-baseline gap-2 font-sans text-body font-medium text-black">
+      <span aria-hidden="true">-</span>
+      <a href="https://github.com/kerl/kerl" target="_blank" rel="noopener noreferrer" class={linkInline}>kerl</a>
+      <span class="font-normal text-black"> - install and manage different Erlang versions</span>
+    </li>
+  </ul>
+  <p class={bodyP}>
+    Keep in mind that each Elixir version supports specific Erlang/OTP
+    versions.{" "}
+    <a href="/docs" class={linkStrong}>See the supported versions alongside our docs.</a>
+  </p>
+</div>
diff --git a/src/components/install/_install-tokens.ts b/src/components/install/_install-tokens.ts
new file mode 100644
index 000000000..d24f9f24a
--- /dev/null
+++ b/src/components/install/_install-tokens.ts
@@ -0,0 +1,25 @@
+export const codeInline =
+  "inline-block w-full max-w-full break-words border border-purple-40 bg-purple-10 px-2 py-1 font-mono text-body font-normal text-purple-90 md:inline-flex md:w-auto md:max-w-none md:items-center md:break-normal";
+
+export const codeBlock =
+  "block w-full overflow-x-auto whitespace-pre border border-purple-40 bg-purple-10 p-3 font-mono text-small leading-relaxed text-purple-90 md:p-4 md:text-body";
+
+export const linkInline =
+  "underline decoration-solid underline-offset-2 transition-colors hover:text-purple-70";
+
+export const linkStrong =
+  "font-medium text-purple-70 underline decoration-solid underline-offset-2 transition-colors hover:text-purple-60";
+
+export const h3 = "font-sans text-[2rem] font-medium leading-tight text-black";
+export const h4 =
+  "font-sans text-[1.5rem] font-medium leading-tight text-black";
+export const bodyP = "font-sans text-body font-normal text-black/80";
+export const bodyPDark = "font-sans text-body font-normal text-black";
+export const bulletRow =
+  "flex flex-wrap items-baseline gap-2 font-sans text-body font-medium text-black";
+export const bulletSub =
+  "flex flex-wrap items-center gap-2 pl-5 font-sans text-body font-normal text-black md:pl-7";
+export const sectionWrap =
+  "flex flex-col gap-8 px-6 pt-8 pb-10 md:gap-10 md:px-12 md:pt-12 md:pb-16";
+export const proseWrap =
+  "flex flex-col gap-6 px-6 pt-8 pb-10 md:px-12 md:pt-12 md:pb-16";
diff --git a/src/components/layout/MobileMenu.tsx b/src/components/layout/MobileMenu.tsx
new file mode 100644
index 000000000..ad06de1e5
--- /dev/null
+++ b/src/components/layout/MobileMenu.tsx
@@ -0,0 +1,189 @@
+import { useEffect, useState } from "react";
+import type { NavItem } from "@/data/navigation";
+import { cn } from "@/utilities/classname";
+
+interface MobileMenuProps {
+  items: NavItem[];
+  ctaLabel: string;
+  ctaHref: string;
+  ctaExternal?: boolean;
+  tone?: "light" | "dark";
+}
+
+export function MobileMenu({
+  items,
+  ctaLabel,
+  ctaHref,
+  ctaExternal = false,
+  tone = "light",
+}: MobileMenuProps) {
+  const [open, setOpen] = useState(false);
+
+  useEffect(() => {
+    if (!open) return;
+    const previous = document.body.style.overflow;
+    document.body.style.overflow = "hidden";
+    const onKey = (e: KeyboardEvent) => {
+      if (e.key === "Escape") setOpen(false);
+    };
+    window.addEventListener("keydown", onKey);
+    return () => {
+      document.body.style.overflow = previous;
+      window.removeEventListener("keydown", onKey);
+    };
+  }, [open]);
+
+  const isDark = tone === "dark";
+
+  return (
+    <>
+      <button
+        type="button"
+        aria-label={open ? "Close menu" : "Open menu"}
+        aria-expanded={open}
+        onClick={() => setOpen((o) => !o)}
+        className={cn(
+          "inline-flex h-10 w-10 items-center justify-center rounded-full transition-colors duration-(--duration-fast) ease-(--ease-out-quart) lg:hidden",
+          isDark
+            ? "text-(--color-white) hover:bg-(--color-white)/10"
+            : "text-(--color-black) hover:bg-(--color-purple-0)",
+        )}
+      >
+        <svg
+          width={24}
+          height={24}
+          viewBox="0 0 24 24"
+          fill="none"
+          aria-hidden="true"
+        >
+          {open ? (
+            <path
+              d="M6 6l12 12M18 6L6 18"
+              stroke="currentColor"
+              strokeWidth={1.75}
+              strokeLinecap="round"
+            />
+          ) : (
+            <path
+              d="M4 7h16M4 12h16M4 17h16"
+              stroke="currentColor"
+              strokeWidth={1.75}
+              strokeLinecap="round"
+            />
+          )}
+        </svg>
+      </button>
+
+      <div
+        className={cn(
+          "fixed inset-0 z-50 bg-(--color-black) text-(--color-white) transition-opacity duration-(--duration-base) ease-(--ease-out-quart) lg:hidden",
+          open
+            ? "pointer-events-auto opacity-100"
+            : "pointer-events-none opacity-0",
+        )}
+        // Panel stays in DOM (opacity-0) for animation; `inert` removes it
+        // from tab order + a11y tree when closed (paired with aria-hidden).
+        inert={!open}
+        aria-hidden={!open}
+        onClick={(e) => {
+          if (e.target === e.currentTarget) setOpen(false);
+        }}
+      >
+        <div className="flex h-full flex-col px-6 pb-10 pt-24">
+          <nav aria-label="Mobile" className="flex flex-1 flex-col gap-1">
+            {items.map((item, i) => (
+              <a
+                key={item.href}
+                href={item.href}
+                target={item.external ? "_blank" : undefined}
+                rel={item.external ? "noopener noreferrer" : undefined}
+                onClick={() => setOpen(false)}
+                style={{
+                  transitionDelay: open ? `${i * 60 + 80}ms` : "0ms",
+                }}
+                className={cn(
+                  "group flex items-center justify-between border-b border-(--color-gray-100) py-5 font-sans text-[1.5rem] font-medium text-(--color-white) transition-[transform,opacity,color] duration-(--duration-base) ease-(--ease-out-quart) hover:text-(--color-purple-40)",
+                  open
+                    ? "translate-y-0 opacity-100"
+                    : "translate-y-3 opacity-0",
+                )}
+              >
+                {item.label}
+                <svg
+                  width={20}
+                  height={20}
+                  viewBox="0 0 20 20"
+                  fill="none"
+                  aria-hidden="true"
+                  className="text-(--color-white) transition-all duration-(--duration-fast) ease-(--ease-out-quart) group-hover:translate-x-0.5 group-hover:text-(--color-purple-40)"
+                >
+                  <path
+                    d="M4.17 10h11.67M15.83 10l-5-5M15.83 10l-5 5"
+                    stroke="currentColor"
+                    strokeWidth={1.5}
+                    strokeLinecap="round"
+                    strokeLinejoin="round"
+                  />
+                </svg>
+              </a>
+            ))}
+          </nav>
+
+          <a
+            href={ctaHref}
+            target={ctaExternal ? "_blank" : undefined}
+            rel={ctaExternal ? "noopener noreferrer" : undefined}
+            onClick={() => setOpen(false)}
+            style={{
+              transitionDelay: open ? `${items.length * 60 + 80}ms` : "0ms",
+            }}
+            className={cn(
+              "group mt-8 inline-flex h-14 items-center justify-center gap-2 rounded-sm bg-(--color-purple-60) px-6 font-sans text-body font-medium text-(--color-white) transition-[transform,opacity,background-color] duration-(--duration-base) ease-(--ease-out-quart) hover:bg-(--color-purple-70)",
+              open ? "translate-y-0 opacity-100" : "translate-y-3 opacity-0",
+            )}
+          >
+            {ctaLabel}
+            <svg
+              width={20}
+              height={20}
+              viewBox="0 0 20 20"
+              fill="none"
+              aria-hidden="true"
+              className="transition-transform duration-(--duration-fast) ease-(--ease-out-quart) group-hover:translate-x-0.5"
+            >
+              <path
+                d="M4.17 10h11.67M15.83 10l-5-5M15.83 10l-5 5"
+                stroke="currentColor"
+                strokeWidth={1.5}
+                strokeLinecap="round"
+                strokeLinejoin="round"
+              />
+            </svg>
+          </a>
+        </div>
+
+        <button
+          type="button"
+          aria-label="Close menu"
+          onClick={() => setOpen(false)}
+          className="absolute right-6 top-7 inline-flex h-10 w-10 items-center justify-center rounded-full text-(--color-white) transition-colors duration-(--duration-fast) ease-(--ease-out-quart) hover:bg-(--color-white)/10"
+        >
+          <svg
+            width={24}
+            height={24}
+            viewBox="0 0 24 24"
+            fill="none"
+            aria-hidden="true"
+          >
+            <path
+              d="M6 6l12 12M18 6L6 18"
+              stroke="currentColor"
+              strokeWidth={1.75}
+              strokeLinecap="round"
+            />
+          </svg>
+        </button>
+      </div>
+    </>
+  );
+}
diff --git a/src/components/layout/SiteFooter.astro b/src/components/layout/SiteFooter.astro
new file mode 100644
index 000000000..9a875db8b
--- /dev/null
+++ b/src/components/layout/SiteFooter.astro
@@ -0,0 +1,149 @@
+---
+import discordIcon from "@/assets/icons/community/discord-footer.svg?raw";
+import slackIcon from "@/assets/icons/community/slack-footer.svg?raw";
+import twitterIcon from "@/assets/icons/community/twitter-x.svg?raw";
+import Logo from "@/components/ui/Logo.astro";
+import { footerColumns, footerSocials } from "@/data/navigation";
+
+const year = new Date().getFullYear();
+
+const importantLinks = footerColumns[0];
+const community = footerColumns[1];
+
+const socialIcons: Record<string, string> = {
+  "Twitter / X": twitterIcon,
+  Slack: slackIcon,
+  Discord: discordIcon,
+};
+---
+
+<footer
+  transition:persist
+  transition:name="site-footer"
+  class="bg-black text-white"
+>
+  <div
+    data-reveal
+    data-reveal-eager
+    class:list={[
+      "footer-grid mx-auto w-full max-w-[1440px] py-10",
+      "flex flex-col items-stretch gap-y-6",
+      "md:gap-y-0",
+      "lg:grid lg:grid-cols-[1fr_1fr_1fr] lg:items-stretch lg:py-10",
+    ]}
+    style={`grid-template-areas:
+      "logo links community"
+      "copy links community";`}
+  >
+    <div
+      class="order-1 flex flex-col items-start px-6 pt-8 md:px-12 md:pt-12 lg:order-none lg:items-start lg:pt-12 lg:px-12"
+      style="grid-area: logo;"
+    >
+      <a href="/" aria-label="Elixir home" class="inline-flex">
+        <Logo theme="light" class="h-14 w-auto md:h-20" />
+      </a>
+    </div>
+
+    <div
+      class="order-2 flex flex-col items-start gap-6 px-6 pt-4 md:px-12 md:py-12 lg:order-none lg:flex-1 lg:px-12 lg:pt-12 lg:pb-6"
+      style="grid-area: links;"
+    >
+      <h3 class="font-sans text-lead font-normal text-white/70">
+        {importantLinks.title}
+      </h3>
+      <ul class="flex flex-col items-start gap-5">
+        {importantLinks.items.map((item) => (
+          <li>
+            <a
+              href={item.href}
+              target={item.external ? "_blank" : undefined}
+              rel={item.external ? "noopener noreferrer" : undefined}
+              class="font-sans text-small font-normal text-white transition-colors duration-fast ease-out-quart hover:text-purple-40 md:text-body"
+            >
+              {item.label}
+            </a>
+          </li>
+        ))}
+      </ul>
+    </div>
+
+    <div
+      class="order-3 flex flex-col items-start gap-6 pt-4 md:pt-0 px-6 md:px-12 md:py-12 lg:order-none lg:px-12 lg:py-12"
+      style="grid-area: community;"
+    >
+      <h3 class="font-sans text-lead font-normal text-white/70">
+        {community.title}
+      </h3>
+      <ul class="flex flex-col items-start gap-5">
+        {community.items.map((item) => (
+          <li>
+            <a
+              href={item.href}
+              target={item.external ? "_blank" : undefined}
+              rel={item.external ? "noopener noreferrer" : undefined}
+              class="font-sans text-small font-normal text-white transition-colors duration-fast ease-out-quart hover:text-purple-40 md:text-body"
+            >
+              {item.label}
+            </a>
+          </li>
+        ))}
+      </ul>
+
+      <ul
+        class="mt-auto flex items-center justify-start gap-5 pt-3 lg:gap-4"
+        aria-label="Social media"
+      >
+        {footerSocials.map((s) => (
+          <li>
+            <a
+              href={s.href}
+              target="_blank"
+              rel="noopener noreferrer"
+              aria-label={s.label}
+              class="inline-flex size-6 items-center justify-center text-white transition-opacity duration-fast ease-out-quart hover:opacity-70"
+            >
+              <span
+                class="block size-6"
+                aria-hidden="true"
+                set:html={socialIcons[s.label]}
+              />
+            </a>
+          </li>
+        ))}
+      </ul>
+    </div>
+
+    <div
+      class="order-4 flex flex-col gap-2 px-6 pb-8 md:px-12 md:pb-12 lg:order-none lg:self-end lg:px-12 lg:pt-0 lg:pb-12"
+      style="grid-area: copy;"
+    >
+      <p class="font-sans text-body font-normal text-white">
+        © 2012-{year} The Elixir Team.
+      </p>
+      <p class="font-sans text-body font-normal text-white">
+        Elixir and the Elixir logo are <a
+          href="/trademarks/"
+          class="underline decoration-solid underline-offset-2 transition-colors duration-fast ease-out-quart hover:text-purple-40"
+          >registered trademarks of The Elixir Team</a
+        >.
+      </p>
+      <p class="font-sans text-body font-normal text-white">
+        Website designed and developed by <a
+          href="https://swmansion.com"
+          class="underline decoration-solid underline-offset-2 transition-colors duration-fast ease-out-quart hover:text-purple-40"
+          >Software Mansion</a
+        >.
+      </p>
+    </div>
+  </div>
+</footer>
+
+<style>
+  /* Tailwind v4 doesn't reliably generate arbitrary min-[1440px]:grid-cols-[...]
+     utilities, so the 720+360+360 column lock is declared here directly. */
+  @media (min-width: 90rem) {
+    .footer-grid {
+      grid-template-columns: 720px 360px 360px;
+    }
+  }
+</style>
diff --git a/src/components/layout/SiteHeader.astro b/src/components/layout/SiteHeader.astro
new file mode 100644
index 000000000..aa62350cb
--- /dev/null
+++ b/src/components/layout/SiteHeader.astro
@@ -0,0 +1,98 @@
+---
+import { MobileMenu } from "@/components/layout/MobileMenu.tsx";
+import ArrowRight from "@/components/ui/icons/ArrowRight.astro";
+import Logo from "@/components/ui/Logo.astro";
+import { headerCta, primaryNav } from "@/data/navigation";
+import { cn } from "@/utilities/classname";
+
+interface Props {
+  tone?: "light" | "dark";
+}
+
+const { tone = "light" } = Astro.props as Props;
+const pathname = Astro.url.pathname;
+
+const isActive = (href: string) => {
+  if (href === "/") return pathname === "/";
+  return pathname.startsWith(href);
+};
+
+const isDark = tone === "dark";
+
+const headerClass = isDark
+  ? "bg-black text-white border-gray-60"
+  : "bg-white-10 text-black border-gray-0";
+
+const navTextColor = isDark ? "text-white" : "text-black";
+const hoverColor = isDark ? "hover:text-purple-40" : "hover:text-purple-60";
+const activeColor = isDark ? "text-purple-40" : "text-purple-60";
+---
+
+<header class={cn("sticky top-0 z-40 w-full border-b border-solid", headerClass)}>
+  <div class="mx-auto flex h-20 w-full max-w-[1440px] items-center justify-between px-6 md:px-12">
+    <a
+      href="/"
+      class="inline-flex items-center justify-center py-4"
+      aria-label="Elixir home"
+    >
+      <Logo
+        theme={isDark ? "light" : "dark"}
+        class="h-[46px] w-[109.46px]"
+      />
+    </a>
+
+    <nav
+      aria-label="Primary"
+      class="absolute left-1/2 top-1/2 hidden -translate-x-1/2 -translate-y-1/2 lg:flex"
+    >
+      <ul class="flex items-center gap-10">
+        {primaryNav.map((item) => (
+          <li>
+            <a
+              href={item.href}
+              class={cn(
+                "whitespace-nowrap text-center font-sans text-body font-light leading-normal transition-colors duration-fast ease-out-quart",
+                navTextColor,
+                hoverColor,
+                isActive(item.href) && activeColor,
+              )}
+            >
+              {item.label}
+            </a>
+          </li>
+        ))}
+      </ul>
+    </nav>
+
+    <div class="hidden h-full items-center py-4 lg:flex">
+      <a
+        href={headerCta.href}
+        target={headerCta.external ? "_blank" : undefined}
+        rel={headerCta.external ? "noopener noreferrer" : undefined}
+        class={cn(
+          "group inline-flex items-center gap-1 transition-all duration-base ease-out-quart will-change-transform hover:scale-[1.02] active:scale-[0.98]",
+          navTextColor,
+          hoverColor,
+        )}
+      >
+        <span class="whitespace-nowrap text-center font-sans text-body font-light leading-normal">
+          {headerCta.label}
+        </span>
+        <span class="inline-flex size-5 items-center justify-center transition-transform duration-fast ease-out-quart group-hover:translate-x-0.5">
+          <ArrowRight size={20} />
+        </span>
+      </a>
+    </div>
+
+    <div class="flex lg:hidden">
+      <MobileMenu
+        client:load
+        items={primaryNav}
+        ctaLabel={headerCta.label}
+        ctaHref={headerCta.href}
+        ctaExternal={headerCta.external}
+        tone={tone}
+      />
+    </div>
+  </div>
+</header>
diff --git a/src/components/layout/TopBanner.astro b/src/components/layout/TopBanner.astro
new file mode 100644
index 000000000..dfa93c4f6
--- /dev/null
+++ b/src/components/layout/TopBanner.astro
@@ -0,0 +1,20 @@
+---
+import { topBannerHref } from "@/data/navigation";
+---
+
+<a
+  href={topBannerHref}
+  target="_blank"
+  rel="noopener noreferrer"
+  class="block w-full bg-purple-70 transition-colors duration-fast ease-out-quart hover:bg-purple-80"
+>
+  <div class="flex w-full items-center justify-center px-4 py-3 md:px-2.5">
+    <div class="flex w-full max-w-[1440px] items-center justify-center px-0 md:px-12">
+      <p
+        class="font-sans text-caption leading-5 text-white-10 text-center md:whitespace-nowrap md:text-small md:leading-6"
+      >
+        <span class="font-normal">Happening soon: </span><span class="font-medium">ElixirConf (9–11 September 2026)</span><span class="font-normal">. Get your ticket </span><span class="font-medium text-white underline decoration-solid">here</span><span class="font-normal">!</span>
+      </p>
+    </div>
+  </div>
+</a>
diff --git a/src/components/page/PageHero.astro b/src/components/page/PageHero.astro
new file mode 100644
index 000000000..40dc10812
--- /dev/null
+++ b/src/components/page/PageHero.astro
@@ -0,0 +1,152 @@
+---
+import Reveal from "@/components/ui/Reveal.astro";
+
+interface ResourceLink {
+  label: string;
+  href: string;
+  external?: boolean;
+}
+
+interface Props {
+  title: string;
+  description: string;
+  callout?: {
+    title: string;
+    description: string;
+  };
+  resources?: {
+    title: string;
+    items: ResourceLink[];
+  };
+  /** Right-column body text rendered as raw HTML so callers can include <a> tags. */
+  note?: string;
+}
+
+const { title, description, callout, resources, note } = Astro.props as Props;
+const hasAside = Boolean(callout || resources || note);
+---
+
+<section class="bg-black text-white">
+  <div class="mx-auto w-full max-w-[1440px] px-6 py-16 md:px-12 md:py-20 lg:py-24">
+    <div class:list={[
+      "flex flex-col items-stretch gap-12",
+      hasAside && "lg:flex-row lg:items-end lg:gap-36",
+    ]}>
+      {/* Cap description width when there's no aside so long copy wraps to ~60-65
+         chars instead of stretching across the full width. With an aside, the
+         aside already bounds the left column. */}
+      <div class="flex flex-1 flex-col items-start gap-6">
+        <Reveal eager delay={0}>
+          <h1 class="font-sans text-[2.5rem] font-medium leading-[1.1] text-white md:text-[3rem] lg:text-[4rem] lg:leading-[1.09]">
+            {title}
+          </h1>
+        </Reveal>
+        <Reveal eager delay={2}>
+          <p
+            class:list={[
+              "font-sans text-lead font-normal text-white-10",
+              !hasAside && "lg:max-w-[600px]",
+            ]}
+          >
+            {description}
+          </p>
+        </Reveal>
+      </div>
+
+      {callout && (
+        <Reveal eager delay={4} variant="right" class="flex flex-1 items-start justify-start lg:justify-end">
+          <aside
+            class="flex w-full max-w-[500px] items-start gap-3 rounded-[12px] border border-gray-60 bg-gray-100 p-4"
+          >
+            <span
+              class="inline-flex size-6 shrink-0 items-center justify-center text-gray-0"
+              aria-hidden="true"
+            >
+              <svg
+                width="24"
+                height="24"
+                viewBox="0 0 24 24"
+                fill="none"
+                xmlns="http://www.w3.org/2000/svg"
+              >
+                <circle
+                  cx="12"
+                  cy="12"
+                  r="10"
+                  stroke="currentColor"
+                  stroke-width="1.5"
+                />
+                <path
+                  d="M12 7.5v5"
+                  stroke="currentColor"
+                  stroke-width="1.5"
+                  stroke-linecap="round"
+                />
+                <circle cx="12" cy="16" r="1" fill="currentColor" />
+              </svg>
+            </span>
+            <div class="flex flex-1 flex-col gap-2">
+              <p class="font-sans text-lead font-medium text-gray-0">
+                {callout.title}
+              </p>
+              <p class="font-sans text-body font-normal text-gray-20">
+                {callout.description}
+              </p>
+            </div>
+          </aside>
+        </Reveal>
+      )}
+
+      {note && (
+        <Reveal eager delay={4} variant="right" class="flex flex-1 items-start justify-start lg:justify-end">
+          <aside class="flex w-full max-w-[600px] items-stretch gap-8 lg:pl-8">
+            <span
+              class="hidden w-px shrink-0 self-stretch bg-gray-60 lg:block"
+              aria-hidden="true"
+            ></span>
+            <p
+              class="font-sans text-body font-normal text-white lg:max-w-[400px] [&_a]:text-purple-40 [&_a]:underline [&_a]:underline-offset-2 [&_a]:transition-colors [&_a]:duration-fast [&_a:hover]:text-purple-30"
+              set:html={note}
+            />
+          </aside>
+        </Reveal>
+      )}
+
+      {resources && (
+        <Reveal eager delay={4} variant="right" class="flex flex-1 items-start justify-start lg:justify-end">
+          <aside
+            class="flex w-full max-w-[600px] items-stretch gap-8 lg:pl-8"
+          >
+            <span
+              class="hidden w-px shrink-0 self-stretch bg-gray-60 lg:block"
+              aria-hidden="true"
+            ></span>
+            <div class="flex w-full flex-col gap-6 lg:max-w-[400px]">
+              <p class="font-sans text-lead font-medium text-white">
+                {resources.title}
+              </p>
+              <ul class="flex flex-col gap-2">
+                {resources.items.map((r) => (
+                  <li class="flex items-baseline gap-3">
+                    <span
+                      class="inline-block size-1.5 shrink-0 translate-y-[-3px] rounded-full bg-purple-40"
+                      aria-hidden="true"
+                    ></span>
+                    <a
+                      href={r.href}
+                      target={r.external ? "_blank" : undefined}
+                      rel={r.external ? "noopener noreferrer" : undefined}
+                      class="font-sans text-body font-normal text-white underline decoration-solid underline-offset-2 transition-colors duration-fast ease-out-quart hover:text-purple-40"
+                    >
+                      {r.label}
+                    </a>
+                  </li>
+                ))}
+              </ul>
+            </div>
+          </aside>
+        </Reveal>
+      )}
+    </div>
+  </div>
+</section>
diff --git a/src/components/page/StandalonePage.astro b/src/components/page/StandalonePage.astro
new file mode 100644
index 000000000..f74ad81ff
--- /dev/null
+++ b/src/components/page/StandalonePage.astro
@@ -0,0 +1,36 @@
+---
+import PageHero from "@/components/page/PageHero.astro";
+import BaseLayout from "@/layouts/BaseLayout.astro";
+
+interface Props {
+  title: string;
+  description: string;
+  seoDescription?: string;
+  developmentContent?: boolean;
+}
+
+const {
+  title,
+  description,
+  seoDescription = description,
+  developmentContent = false,
+} = Astro.props;
+---
+
+<BaseLayout seo={{ title, description: seoDescription }} headerTone="dark">
+  <PageHero title={title} description={description} />
+
+  <section class="bg-white-10 text-text-primary">
+    <div
+      class="mx-auto w-full max-w-[860px] px-6 pt-12 pb-20 md:px-12 md:pt-20 md:pb-28"
+    >
+      <article
+        data-reveal
+        data-development-content={developmentContent || undefined}
+        class="blog-prose"
+      >
+        <slot />
+      </article>
+    </div>
+  </section>
+</BaseLayout>
diff --git a/src/components/ui/AsideCard.astro b/src/components/ui/AsideCard.astro
new file mode 100644
index 000000000..847e08814
--- /dev/null
+++ b/src/components/ui/AsideCard.astro
@@ -0,0 +1,30 @@
+---
+interface Props {
+  /** Raw inline SVG markup (24x24, currentColor). */
+  icon: string;
+  title: string;
+  body: string;
+  class?: string;
+}
+
+const { icon, title, body, class: className } = Astro.props as Props;
+---
+
+<div
+  class:list={[
+  "flex w-full flex-col gap-4 bg-purple-10 p-6",
+  className,
+  ]}
+>
+  <div class="flex items-center gap-3">
+  <span
+  class="inline-flex size-6 shrink-0 items-center justify-center text-gray-60"
+  aria-hidden="true"
+  set:html={icon}
+  />
+  <p class="font-sans text-body font-medium text-black">{title}</p>
+  </div>
+  <p class="font-sans text-small font-normal italic text-gray-60">
+  {body}
+  </p>
+</div>
diff --git a/src/components/ui/BrandLogo.astro b/src/components/ui/BrandLogo.astro
new file mode 100644
index 000000000..654364735
--- /dev/null
+++ b/src/components/ui/BrandLogo.astro
@@ -0,0 +1,65 @@
+---
+import { Image } from "astro:assets";
+
+// Brand logo with optional vertical crop for square source assets that
+// should display as a horizontal strip. Wrapper is CSS-scaled per breakpoint.
+
+interface Props {
+  src: ImageMetadata;
+  alt: string;
+  width: number;
+  height: number;
+  /** When set, render the image at cropFrom x cropFrom and crop to
+   *  width x height (vertically centered). */
+  cropFrom?: number;
+  class?: string;
+}
+
+const {
+  src,
+  alt,
+  width,
+  height,
+  cropFrom,
+  class: className,
+} = Astro.props as Props;
+
+const isCropped = typeof cropFrom === "number";
+const cropOffset = isCropped ? -(cropFrom - height) / 2 : 0;
+---
+
+<div
+  class:list={[
+  "origin-center scale-[0.6] md:scale-[0.8] lg:scale-100",
+  className,
+  ]}
+>
+  {isCropped ? (
+  <div
+  class="relative overflow-hidden"
+  style={`width: ${width}px; height: ${height}px;`}
+  >
+  <Image
+  src={src}
+  alt={alt}
+  width={cropFrom}
+  height={cropFrom}
+  densities={[1, 2]}
+  loading="lazy"
+  class="absolute left-0 block max-w-none"
+  style={`top: ${cropOffset}px; width: ${cropFrom}px; height: ${cropFrom}px;`}
+  />
+  </div>
+  ) : (
+  <Image
+  src={src}
+  alt={alt}
+  width={width}
+  height={height}
+  densities={[1, 2]}
+  loading="lazy"
+  class="block max-w-none"
+  style={`width: ${width}px; height: ${height}px;`}
+  />
+  )}
+</div>
diff --git a/src/components/ui/Button.astro b/src/components/ui/Button.astro
new file mode 100644
index 000000000..9b3724fdc
--- /dev/null
+++ b/src/components/ui/Button.astro
@@ -0,0 +1,108 @@
+---
+import ArrowRight from "@/components/ui/icons/ArrowRight.astro";
+import { cn } from "@/utilities/classname";
+
+// "secondary" and "white" are legacy aliases mapped to "outline" for back-compat.
+type Variant = "primary" | "outline" | "ghost" | "secondary" | "white";
+type Tone = "on-dark" | "on-light";
+type Size = "md" | "icon" | "sm" | "lg";
+
+interface Props {
+  href?: string;
+  type?: "button" | "submit" | "reset";
+  variant?: Variant;
+  tone?: Tone;
+  size?: Size;
+  arrow?: boolean;
+  reverseIcon?: boolean;
+  external?: boolean;
+  class?: string;
+  id?: string;
+  ariaLabel?: string;
+  disabled?: boolean;
+}
+
+const {
+  href,
+  type = "button",
+  variant = "primary",
+  tone = "on-light",
+  size = "md",
+  arrow = false,
+  reverseIcon = false,
+  external = false,
+  class: className,
+  id,
+  ariaLabel,
+  disabled = false,
+} = Astro.props as Props;
+
+const Tag = href ? "a" : "button";
+
+const base =
+  "group inline-flex shrink-0 items-center justify-center transition-all duration-base ease-out-quart outline-none cursor-pointer select-none will-change-transform hover:scale-[1.02] active:scale-[0.98] disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:scale-100";
+
+const resolvedVariant: "primary" | "outline" | "ghost" =
+  variant === "secondary" || variant === "white"
+    ? "outline"
+    : (variant as "primary" | "outline" | "ghost");
+
+const resolvedSize: "md" | "icon" = size === "icon" ? "icon" : "md";
+
+const sizeClass =
+  resolvedSize === "icon"
+    ? "size-12 overflow-clip rounded-sm p-2.5"
+    : "rounded-sm px-6 py-4";
+
+let variantClass = "";
+if (resolvedVariant === "primary") {
+  variantClass = "bg-purple-60 text-white hover:bg-purple-70";
+} else if (resolvedVariant === "outline") {
+  variantClass =
+    tone === "on-dark"
+      ? "border border-gray-40 text-white hover:border-purple-60 hover:bg-white/5"
+      : "border border-gray-0 text-black hover:border-gray-20 hover:bg-purple-0";
+} else {
+  variantClass =
+    tone === "on-dark"
+      ? "text-white hover:text-purple-40"
+      : "text-black hover:text-purple-60";
+}
+
+const externalAttrs =
+  href && external ? { target: "_blank", rel: "noopener noreferrer" } : {};
+---
+
+<Tag
+  id={id}
+  href={href}
+  type={Tag === "button" ? type : undefined}
+  aria-label={ariaLabel}
+  disabled={Tag === "button" ? disabled : undefined}
+  class={cn(base, sizeClass, variantClass, className)}
+  {...externalAttrs}
+>
+  {resolvedSize === "icon" ? (
+    <span
+      class:list={[
+        "inline-flex size-6 items-center justify-center",
+        reverseIcon && "-scale-x-100",
+      ]}
+    >
+      <ArrowRight size={24} />
+    </span>
+  ) : (
+    <>
+      <span class="inline-flex items-center justify-center px-2">
+        <span class="text-center font-sans text-body font-medium leading-6">
+          <slot />
+        </span>
+      </span>
+      {arrow && (
+        <span class="inline-flex size-6 items-center justify-center transition-transform duration-fast ease-out-quart group-hover:translate-x-0.5">
+          <ArrowRight size={24} />
+        </span>
+      )}
+    </>
+  )}
+</Tag>
diff --git a/src/components/ui/Card.astro b/src/components/ui/Card.astro
new file mode 100644
index 000000000..90df2ac66
--- /dev/null
+++ b/src/components/ui/Card.astro
@@ -0,0 +1,42 @@
+---
+import { cn } from "@/utilities/classname";
+
+interface Props {
+  as?: "article" | "div" | "a" | "li";
+  href?: string;
+  tone?: "default" | "muted" | "outline" | "dark";
+  hoverable?: boolean;
+  class?: string;
+}
+
+const {
+  as,
+  href,
+  tone = "default",
+  hoverable = false,
+  class: className,
+} = Astro.props as Props;
+
+const Tag = href ? "a" : (as ?? "article");
+const isInteractive = !!href || hoverable;
+
+const toneClass = {
+  default: "bg-(--color-white) border border-(--color-border-on-light)",
+  muted: "bg-(--color-surface-muted) border border-transparent",
+  outline: "bg-transparent border border-(--color-border-on-light)",
+  dark: "bg-(--color-gray-100) border border-(--color-border-on-dark) text-(--color-text-on-dark)",
+}[tone];
+---
+
+<Tag
+  href={href}
+  class={cn(
+    "group block rounded-(--radius-lg) p-6 md:p-8 transition-all duration-(--duration-base) ease-(--ease-out-quart)",
+    toneClass,
+    isInteractive &&
+      "cursor-pointer hover:-translate-y-1 hover:shadow-(--shadow-elevated)",
+    className,
+  )}
+>
+  <slot />
+</Tag>
diff --git a/src/components/ui/Container.astro b/src/components/ui/Container.astro
new file mode 100644
index 000000000..281376ebe
--- /dev/null
+++ b/src/components/ui/Container.astro
@@ -0,0 +1,43 @@
+---
+import { cn } from "@/utilities/classname";
+
+interface Props {
+  as?:
+    | "div"
+    | "section"
+    | "header"
+    | "footer"
+    | "main"
+    | "article"
+    | "aside"
+    | "nav";
+  size?: "default" | "narrow" | "wide" | "full";
+  class?: string;
+  id?: string;
+}
+
+const {
+  as: Tag = "div",
+  size = "default",
+  class: className,
+  id,
+} = Astro.props as Props;
+
+const sizeClass = {
+  default: "max-w-[var(--container-max-content)]",
+  narrow: "max-w-[48rem]",
+  wide: "max-w-[var(--container-max)]",
+  full: "max-w-none",
+}[size];
+---
+
+<Tag
+  id={id}
+  class={cn(
+    "mx-auto w-full px-[var(--container-padding-mobile)] md:px-[var(--container-padding-tablet)] xl:px-[var(--container-padding-desktop)]",
+    sizeClass,
+    className,
+  )}
+>
+  <slot />
+</Tag>
diff --git a/src/components/ui/DotSeparator.astro b/src/components/ui/DotSeparator.astro
new file mode 100644
index 000000000..2c8d83dd5
--- /dev/null
+++ b/src/components/ui/DotSeparator.astro
@@ -0,0 +1,25 @@
+---
+type Tone = "purple" | "purple-soft" | "black-muted";
+
+interface Props {
+  tone?: Tone;
+  class?: string;
+}
+
+const { tone = "purple", class: className } = Astro.props as Props;
+
+const TONE_CLASS: Record<Tone, string> = {
+  purple: "bg-purple-60",
+  "purple-soft": "bg-purple-40",
+  "black-muted": "bg-black/40",
+};
+---
+
+<span
+  aria-hidden="true"
+  class:list={[
+    "inline-block size-1.5 shrink-0 rounded-full",
+    TONE_CLASS[tone],
+    className,
+  ]}
+></span>
diff --git a/src/components/ui/EmptyState.astro b/src/components/ui/EmptyState.astro
new file mode 100644
index 000000000..a828a8b21
--- /dev/null
+++ b/src/components/ui/EmptyState.astro
@@ -0,0 +1,66 @@
+---
+import Button from "@/components/ui/Button.astro";
+import Heading from "@/components/ui/Heading.astro";
+import Text from "@/components/ui/Text.astro";
+import { cn } from "@/utilities/classname";
+
+interface Props {
+  title: string;
+  description?: string;
+  ctaLabel?: string;
+  ctaHref?: string;
+  tone?: "default" | "on-dark";
+  class?: string;
+}
+
+const {
+  title,
+  description,
+  ctaLabel,
+  ctaHref,
+  tone = "default",
+  class: className,
+} = Astro.props as Props;
+
+const surfaceClass =
+  tone === "on-dark"
+    ? "bg-(--color-gray-100)/40 border-(--color-gray-100)"
+    : "bg-(--color-surface-muted) border-(--color-border-on-light)";
+---
+
+<div
+  class={cn(
+    "flex flex-col items-center justify-center gap-4 rounded-(--radius-lg) border p-12 text-center",
+    surfaceClass,
+    className,
+  )}
+>
+  <div
+    class="flex h-14 w-14 items-center justify-center rounded-full bg-(--color-purple-10) text-(--color-brand)"
+    aria-hidden="true"
+  >
+    <svg width={28} height={28} viewBox="0 0 28 28" fill="none">
+      <path
+        d="M9 14h10M14 9v10"
+        stroke="currentColor"
+        stroke-width={1.75}
+        stroke-linecap="round"></path>
+    </svg>
+  </div>
+
+  <Heading as="h3" size="h4" tone={tone === "on-dark" ? "on-dark" : "default"}>
+    {title}
+  </Heading>
+
+  {description && (
+    <Text tone={tone === "on-dark" ? "muted-on-dark" : "muted"} class="max-w-md">
+      {description}
+    </Text>
+  )}
+
+  {ctaLabel && ctaHref && (
+    <Button href={ctaHref} variant="primary" arrow class="mt-2">
+      {ctaLabel}
+    </Button>
+  )}
+</div>
diff --git a/src/components/ui/FeatureCard.astro b/src/components/ui/FeatureCard.astro
new file mode 100644
index 000000000..4411d1b8a
--- /dev/null
+++ b/src/components/ui/FeatureCard.astro
@@ -0,0 +1,90 @@
+---
+import Button from "@/components/ui/Button.astro";
+
+// The card carries only its right + bottom borders; the parent grid provides the
+// top + left edges so the perimeter is exactly 1px across rows.
+type Tone = "light" | "dark";
+
+export interface FeatureCta {
+  label: string;
+  href: string;
+  external?: boolean;
+}
+
+interface Props {
+  title: string;
+  body: string;
+  bodyLinks?: Record<string, string>;
+  tone?: Tone;
+  cta?: FeatureCta;
+  as?: "h2" | "h3" | "h4";
+  class?: string;
+}
+
+const {
+  title,
+  body,
+  bodyLinks = {},
+  tone = "light",
+  cta,
+  as: As = "h3",
+  class: className,
+} = Astro.props as Props;
+
+const isDark = tone === "dark";
+const bodyParts = body.split(/(\[[^\]]+\])/g);
+---
+
+<article
+  class:list={[
+    "flex h-full flex-col gap-4 border-r border-b border-(--color-border-on-light) p-8 md:p-12",
+    isDark && "justify-between bg-(--color-black) text-(--color-white)",
+    className,
+  ]}
+>
+  <div class="flex flex-col gap-4">
+    <As
+      class:list={[
+        "font-(family-name:--font-display) text-[1.75rem] font-medium md:text-[2rem]",
+        isDark ? "text-(--color-white)" : "text-(--color-black)",
+      ]}
+    >
+      {title}
+    </As>
+    <p
+      class:list={[
+        "text-[1.125rem] leading-[1.5]",
+        isDark ? "text-(--color-white-10)" : "text-(--color-black)/80",
+      ]}
+    >
+      {bodyParts.map((part) => {
+        const label = part.match(/^\[([^\]]+)\]$/)?.[1];
+        const href = label ? bodyLinks[label] : undefined;
+        const external = href?.startsWith("http");
+        return href ? (
+          <a
+            href={href}
+            target={external ? "_blank" : undefined}
+            rel={external ? "noopener noreferrer" : undefined}
+            class="text-purple-70 underline decoration-solid underline-offset-2 transition-colors duration-fast ease-out-quart hover:text-purple-80"
+            set:text={label}
+          />
+        ) : (
+          part
+        );
+      })}
+    </p>
+  </div>
+  {cta && (
+    <Button
+      href={cta.href}
+      variant="outline"
+      tone={isDark ? "on-dark" : "on-light"}
+      external={cta.external}
+      arrow
+      class="w-fit"
+    >
+      {cta.label}
+    </Button>
+  )}
+</article>
diff --git a/src/components/ui/FilteredListing.astro b/src/components/ui/FilteredListing.astro
new file mode 100644
index 000000000..6c3fa3ad4
--- /dev/null
+++ b/src/components/ui/FilteredListing.astro
@@ -0,0 +1,260 @@
+---
+// `<elixir-filtered-listing>` owns URL state + emits `filterchange`
+// { activeTab, activePage }; row rendering is up to the consuming page.
+interface Props {
+  name: string;
+  tabFilterName?: string;
+  paginationName?: string;
+  defaultTab: string;
+  pageSize: number;
+  counts: Record<string, number>;
+  validTabIds: string[];
+  paramTab: string;
+  paramPage: string;
+  class?: string;
+}
+
+const {
+  name,
+  tabFilterName,
+  paginationName,
+  defaultTab,
+  pageSize,
+  counts,
+  validTabIds,
+  paramTab,
+  paramPage,
+  class: className,
+} = Astro.props as Props;
+
+const resolvedTabFilterName = tabFilterName ?? `${name}-tab`;
+const resolvedPaginationName = paginationName ?? name;
+
+const config = JSON.stringify({
+  pageSize,
+  counts,
+  defaultTab,
+  validTabIds,
+  paramTab,
+  paramPage,
+  tabFilterName: resolvedTabFilterName,
+  paginationName: resolvedPaginationName,
+});
+---
+
+<elixir-filtered-listing
+  data-name={name}
+  data-config={config}
+  class:list={[className]}
+>
+  <slot />
+</elixir-filtered-listing>
+
+<script>
+  type Config = {
+    pageSize: number;
+    counts: Record<string, number>;
+    defaultTab: string;
+    validTabIds: string[];
+    paramTab: string;
+    paramPage: string;
+    tabFilterName: string;
+    paginationName: string;
+  };
+
+  class ElixirFilteredListing extends HTMLElement {
+    private config!: Config;
+    private activeTab = "";
+    private activePage = 1;
+    private tabFilter: HTMLElement | null = null;
+    private pagination: HTMLElement | null = null;
+    private onTabChange = (e: Event) => {
+      const detail = (e as CustomEvent<{ id: string }>).detail;
+      const id = detail?.id;
+      if (typeof id !== "string" || id === this.activeTab) return;
+      this.activeTab = id;
+      this.activePage = 1;
+      this.emitChange();
+      this.refreshChildren();
+      this.writeURL();
+      this.scrollToFilter();
+    };
+    private onPageChange = (e: Event) => {
+      const detail = (e as CustomEvent<{ page: number }>).detail;
+      const page = detail?.page;
+      if (typeof page !== "number" || page === this.activePage) return;
+      this.activePage = page;
+      this.emitChange();
+      this.refreshChildren();
+      this.writeURL();
+      this.scrollToFilter();
+    };
+    private onPopState = () => {
+      this.readURL();
+      this.refreshChildren();
+      this.emitChange();
+    };
+
+    connectedCallback() {
+      const raw = this.getAttribute("data-config");
+      if (!raw) return;
+      this.config = JSON.parse(raw) as Config;
+      this.activeTab = this.config.defaultTab;
+      this.activePage = 1;
+
+      this.tabFilter = this.querySelector(
+        `elixir-tab-filter[data-name="${this.config.tabFilterName}"]`,
+      );
+      this.pagination = this.querySelector(
+        `elixir-pagination[data-name="${this.config.paginationName}"]`,
+      );
+
+      this.tabFilter?.addEventListener("change", this.onTabChange);
+      this.pagination?.addEventListener("change", this.onPageChange);
+      window.addEventListener("popstate", this.onPopState);
+
+      // Hard-load sync. SPA navs go through the page-load listener below.
+      this.refreshFromURL();
+    }
+
+    refreshFromURL() {
+      if (!this.config) return;
+      this.readURL();
+      this.refreshChildren();
+    }
+
+    get state(): { activeTab: string; activePage: number } {
+      return { activeTab: this.activeTab, activePage: this.activePage };
+    }
+
+    disconnectedCallback() {
+      this.tabFilter?.removeEventListener("change", this.onTabChange);
+      this.pagination?.removeEventListener("change", this.onPageChange);
+      window.removeEventListener("popstate", this.onPopState);
+    }
+
+    private totalPages(tab: string): number {
+      const c = this.config.counts[tab] ?? 0;
+      return Math.max(1, Math.ceil(c / this.config.pageSize));
+    }
+
+    private readURL() {
+      const url = new URL(window.location.href);
+      const t = url.searchParams.get(this.config.paramTab);
+      this.activeTab =
+        t && this.config.validTabIds.includes(t) ? t : this.config.defaultTab;
+      const raw = url.searchParams.get(this.config.paramPage) ?? "1";
+      const p = parseInt(raw, 10);
+      const max = this.totalPages(this.activeTab);
+      this.activePage =
+        Number.isFinite(p) && p >= 1 ? Math.min(p, max) : 1;
+    }
+
+    private writeURL() {
+      const url = new URL(window.location.href);
+      if (this.activeTab === this.config.defaultTab) {
+        url.searchParams.delete(this.config.paramTab);
+      } else {
+        url.searchParams.set(this.config.paramTab, this.activeTab);
+      }
+      if (this.activePage === 1) {
+        url.searchParams.delete(this.config.paramPage);
+      } else {
+        url.searchParams.set(this.config.paramPage, String(this.activePage));
+      }
+      const next = url.pathname + url.search + url.hash;
+      const current =
+        window.location.pathname +
+        window.location.search +
+        window.location.hash;
+      if (next !== current) {
+        // Preserve history.state - ClientRouter stores {index,scrollX,scrollY}
+        // there and needs it for popstate; passing null breaks browser-back.
+        window.history.replaceState(window.history.state, "", next);
+      }
+    }
+
+    private refreshChildren() {
+      if (this.tabFilter) {
+        this.tabFilter.setAttribute("data-active", this.activeTab);
+      }
+      if (this.pagination) {
+        this.pagination.setAttribute(
+          "data-total",
+          String(this.totalPages(this.activeTab)),
+        );
+        this.pagination.setAttribute("data-page", String(this.activePage));
+      }
+    }
+
+    private scrollToFilter() {
+      if (!this.tabFilter) return;
+
+      // Sticky filter (mobile) is already at top:80, so scroll to the first
+      // row instead. Desktop's in-flow filter keeps the original behaviour.
+      const filterParent = this.tabFilter.parentElement;
+      const stickyHost =
+        filterParent &&
+        window.getComputedStyle(filterParent).position === "sticky"
+          ? filterParent
+          : window.getComputedStyle(this.tabFilter).position === "sticky"
+            ? this.tabFilter
+            : null;
+
+      let target: number;
+      if (stickyHost) {
+        /* First visible row, not the rows container - parent gap + row
+         * top padding would otherwise leave a 32-48px gap above the item. */
+        const firstItem = this.querySelector<HTMLElement>(
+          "[data-rows] > :not(.hidden)",
+        );
+        if (!firstItem) return;
+        const filterBottom = stickyHost.getBoundingClientRect().bottom;
+        target =
+          window.scrollY +
+          firstItem.getBoundingClientRect().top -
+          filterBottom -
+          16;
+      } else {
+        target =
+          window.scrollY + this.tabFilter.getBoundingClientRect().top - 100;
+      }
+
+      if (Math.abs(target - window.scrollY) < 4) return;
+      const reduce = window.matchMedia(
+        "(prefers-reduced-motion: reduce)",
+      ).matches;
+      window.scrollTo({
+        top: Math.max(0, target),
+        behavior: reduce ? "auto" : "smooth",
+      });
+    }
+
+    private emitChange() {
+      this.dispatchEvent(
+        new CustomEvent("filterchange", {
+          detail: {
+            activeTab: this.activeTab,
+            activePage: this.activePage,
+          },
+          bubbles: true,
+        }),
+      );
+    }
+  }
+
+  if (!customElements.get("elixir-filtered-listing")) {
+    customElements.define("elixir-filtered-listing", ElixirFilteredListing);
+  }
+
+  // ClientRouter upgrades custom elements before location.href commits,
+  // so we re-sync from astro:page-load (fires after the URL has settled).
+  if (!(window as unknown as { __elixirFLBound?: boolean }).__elixirFLBound) {
+    (window as unknown as { __elixirFLBound?: boolean }).__elixirFLBound = true;
+    document.addEventListener("astro:page-load", () => {
+      document
+        .querySelectorAll<ElixirFilteredListing>("elixir-filtered-listing")
+        .forEach((el) => el.refreshFromURL?.());
+    });
+  }
+</script>
diff --git a/src/components/ui/Heading.astro b/src/components/ui/Heading.astro
new file mode 100644
index 000000000..0f864ab01
--- /dev/null
+++ b/src/components/ui/Heading.astro
@@ -0,0 +1,51 @@
+---
+import { cn } from "@/utilities/classname";
+
+interface Props {
+  as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+  size?: "display" | "h1" | "h2" | "h3" | "h4";
+  weight?: "regular" | "medium" | "bold" | "black";
+  tone?: "default" | "on-dark" | "muted" | "brand";
+  class?: string;
+  id?: string;
+}
+
+const {
+  as: Tag = "h2",
+  size = "h2",
+  weight = "bold",
+  tone = "default",
+  class: className,
+  id,
+} = Astro.props as Props;
+
+const sizeClass = {
+  display:
+    "text-[2.5rem] sm:text-[3rem] md:text-[3.75rem] lg:text-[4.5rem] leading-[1.05] tracking-[-0.02em]",
+  h1: "text-[2rem] sm:text-[2.5rem] md:text-[3rem] lg:text-[3.5rem] leading-[1.1] tracking-[-0.015em]",
+  h2: "text-[1.75rem] sm:text-[2rem] md:text-[2.25rem] lg:text-[2.5rem] leading-[1.15] tracking-[-0.01em]",
+  h3: "text-[1.375rem] sm:text-[1.5rem] md:text-[1.75rem] lg:text-[1.875rem] leading-[1.2]",
+  h4: "text-[1.125rem] sm:text-[1.25rem] md:text-[1.5rem] leading-[1.25]",
+}[size];
+
+const weightClass = {
+  regular: "font-normal",
+  medium: "font-medium",
+  bold: "font-bold",
+  black: "font-black",
+}[weight];
+
+const toneClass = {
+  default: "text-(--color-text-primary)",
+  "on-dark": "text-(--color-text-on-dark)",
+  muted: "text-(--color-text-muted-on-light)",
+  brand: "text-(--color-brand)",
+}[tone];
+---
+
+<Tag
+  id={id}
+  class={cn("font-(family-name:--font-display)", sizeClass, weightClass, toneClass, className)}
+>
+  <slot />
+</Tag>
diff --git a/src/components/ui/Link.astro b/src/components/ui/Link.astro
new file mode 100644
index 000000000..d597d5e37
--- /dev/null
+++ b/src/components/ui/Link.astro
@@ -0,0 +1,60 @@
+---
+import ArrowRight from "@/components/ui/icons/ArrowRight.astro";
+import { cn } from "@/utilities/classname";
+
+interface Props {
+  href: string;
+  external?: boolean;
+  arrow?: boolean;
+  underline?: "always" | "hover" | "none";
+  tone?: "default" | "on-dark" | "brand" | "muted";
+  class?: string;
+}
+
+const {
+  href,
+  external,
+  arrow = false,
+  underline = "hover",
+  tone = "default",
+  class: className,
+} = Astro.props as Props;
+
+const isExternal = external ?? /^https?:\/\//.test(href);
+
+const toneClass = {
+  default: "text-(--color-text-primary) hover:text-(--color-brand)",
+  "on-dark": "text-(--color-white) hover:text-(--color-purple-30)",
+  brand: "text-(--color-brand) hover:text-(--color-purple-70)",
+  muted: "text-(--color-text-muted-on-light) hover:text-(--color-text-primary)",
+}[tone];
+
+const underlineClass = {
+  always: "underline underline-offset-4 decoration-1",
+  hover:
+    "relative after:absolute after:bottom-0 after:left-0 after:h-px after:w-0 after:bg-current after:transition-all after:duration-(--duration-base) after:ease-(--ease-out-quart) hover:after:w-full",
+  none: "",
+}[underline];
+
+const externalAttrs = isExternal
+  ? { target: "_blank", rel: "noopener noreferrer" }
+  : {};
+---
+
+<a
+  href={href}
+  class={cn(
+    "group inline-flex items-center gap-1 transition-colors duration-(--duration-fast) ease-(--ease-out-quart)",
+    toneClass,
+    underlineClass,
+    className,
+  )}
+  {...externalAttrs}
+>
+  <slot />
+  {arrow && (
+    <span class="inline-flex h-5 w-5 items-center justify-center transition-transform duration-(--duration-fast) ease-(--ease-out-quart) group-hover:translate-x-0.5">
+      <ArrowRight />
+    </span>
+  )}
+</a>
diff --git a/src/components/ui/Logo.astro b/src/components/ui/Logo.astro
new file mode 100644
index 000000000..b3e524c03
--- /dev/null
+++ b/src/components/ui/Logo.astro
@@ -0,0 +1,31 @@
+---
+import logoDark from "@/assets/icons/logo-elixir-dark.svg?raw";
+import logoLight from "@/assets/icons/logo-elixir-light.svg?raw";
+import { cn } from "@/utilities/classname";
+
+interface Props {
+  // "dark" is for light backgrounds; "light" is for dark backgrounds.
+  theme?: "light" | "dark";
+  class?: string;
+  ariaLabel?: string;
+}
+
+const {
+  theme = "dark",
+  class: className,
+  ariaLabel = "Elixir",
+} = Astro.props as Props;
+
+const rawSvg = theme === "light" ? logoLight : logoDark;
+const svg = rawSvg
+  .replace(/\swidth="[^"]*"/, "")
+  .replace(/\sheight="[^"]*"/, "")
+  .replace(/\spreserveAspectRatio="[^"]*"/, "");
+---
+
+<span
+  role="img"
+  aria-label={ariaLabel}
+  class={cn("inline-flex items-center [&>svg]:h-full [&>svg]:w-auto", className)}
+  set:html={svg}
+/>
diff --git a/src/components/ui/LogoGrid.astro b/src/components/ui/LogoGrid.astro
new file mode 100644
index 000000000..ef08d735b
--- /dev/null
+++ b/src/components/ui/LogoGrid.astro
@@ -0,0 +1,46 @@
+---
+import BrandLogo from "@/components/ui/BrandLogo.astro";
+
+// Borders: ul carries top + left; each li carries right + bottom, so all
+// seams are exactly 1px no matter how many columns the grid breaks into.
+export interface LogoEntry {
+  name: string;
+  src: ImageMetadata;
+  width: number;
+  height: number;
+  /** Source is a square that must be cropped to a horizontal strip. */
+  square?: boolean;
+}
+
+interface Props {
+  logos: LogoEntry[];
+  ariaLabel?: string;
+  class?: string;
+}
+
+const { logos, ariaLabel, class: className } = Astro.props as Props;
+---
+
+<ul
+  aria-label={ariaLabel}
+  class:list={[
+    "grid w-full grid-cols-2 border-t border-l border-gray-0 lg:grid-cols-4",
+    className,
+  ]}
+>
+  {logos.map((logo) => (
+    <li
+      class="flex h-[120px] flex-col items-start border-r border-b border-gray-0 p-6 md:h-[140px] md:p-8 lg:h-[160px] lg:p-12"
+    >
+      <div class="flex h-full w-full flex-col items-center justify-center">
+        <BrandLogo
+          src={logo.src}
+          alt={logo.name}
+          width={logo.width}
+          height={logo.height}
+          cropFrom={logo.square ? logo.width : undefined}
+        />
+      </div>
+    </li>
+  ))}
+</ul>
diff --git a/src/components/ui/LogoMarquee.astro b/src/components/ui/LogoMarquee.astro
new file mode 100644
index 000000000..ead021a3d
--- /dev/null
+++ b/src/components/ui/LogoMarquee.astro
@@ -0,0 +1,132 @@
+---
+import BrandLogo from "@/components/ui/BrandLogo.astro";
+
+// Track is the logos duplicated end-to-end (second half aria-hidden) so the
+// loop seams cleanly. Keyframe distance per breakpoint lives in <style> below.
+export interface MarqueeLogoEntry {
+  name: string;
+  src: ImageMetadata;
+  width: number;
+  height: number;
+  square?: boolean;
+}
+
+interface Props {
+  logos: MarqueeLogoEntry[];
+  ariaLabel?: string;
+  /** Must match the surface behind the marquee so the edge fade dissolves cleanly. */
+  fadeColor?: "white" | "black";
+  class?: string;
+}
+
+const {
+  logos,
+  ariaLabel = "Logo marquee",
+  fadeColor = "white",
+  class: className,
+} = Astro.props as Props;
+
+const track = [...logos, ...logos];
+const marqueeStyle = [
+  `--logo-marquee-mobile-distance: -${logos.length * 212}px`,
+  `--logo-marquee-md-distance: -${logos.length * 272}px`,
+  `--logo-marquee-lg-distance: -${logos.length * 336}px`,
+  `--logo-marquee-duration: ${logos.length * 5.5}s`,
+].join("; ");
+
+// Literal class strings per fade colour so Tailwind JIT picks them up.
+const FADE_FROM_LEFT: Record<"white" | "black", string> = {
+  white: "bg-gradient-to-r from-white via-white/80 to-transparent",
+  black: "bg-gradient-to-r from-black via-black/80 to-transparent",
+};
+const FADE_FROM_RIGHT: Record<"white" | "black", string> = {
+  white: "bg-gradient-to-l from-white via-white/80 to-transparent",
+  black: "bg-gradient-to-l from-black via-black/80 to-transparent",
+};
+---
+
+<div
+  class:list={["logo-marquee relative w-full overflow-hidden", className]}
+  aria-label={ariaLabel}
+  style={marqueeStyle}
+>
+  <ul
+    class="logo-marquee-track ml-4 flex w-max items-center gap-3 md:ml-6 lg:ml-12"
+  >
+    {track.map((logo, i) => (
+      <li
+        class="flex h-[100px] w-[200px] shrink-0 items-center justify-center rounded-[16px] px-4 py-3 md:h-[120px] md:w-[260px] md:rounded-[20px] md:px-5 md:py-4 lg:h-[140px] lg:w-[324px] lg:px-6"
+        aria-hidden={i >= logos.length ? "true" : undefined}
+      >
+        <BrandLogo
+          src={logo.src}
+          alt={logo.name}
+          width={logo.width}
+          height={logo.height}
+          cropFrom={logo.square ? logo.width : undefined}
+          class="brightness-0"
+        />
+      </li>
+    ))}
+  </ul>
+
+  {/* Gradient overlays instead of CSS mask-image: Safari masking is buggy
+     with overflow:hidden + animated children. */}
+  <div
+    class:list={[
+      "pointer-events-none absolute inset-y-0 left-0 z-10 w-16 md:w-24 lg:w-36",
+      FADE_FROM_LEFT[fadeColor],
+    ]}
+    aria-hidden="true"
+  ></div>
+  <div
+    class:list={[
+      "pointer-events-none absolute inset-y-0 right-0 z-10 w-16 md:w-24 lg:w-36",
+      FADE_FROM_RIGHT[fadeColor],
+    ]}
+    aria-hidden="true"
+  ></div>
+</div>
+
+<style>
+  .logo-marquee-track {
+    animation: logo-marquee-mobile var(--logo-marquee-duration) linear infinite;
+    will-change: transform;
+  }
+
+  .logo-marquee:hover .logo-marquee-track,
+  .logo-marquee:focus-within .logo-marquee-track {
+    animation-play-state: paused;
+  }
+
+  @keyframes logo-marquee-mobile {
+    from { transform: translateX(0); }
+    to   { transform: translateX(var(--logo-marquee-mobile-distance)); }
+  }
+
+  @media (min-width: 48rem) {
+    .logo-marquee-track {
+      animation-name: logo-marquee-md;
+    }
+    @keyframes logo-marquee-md {
+      from { transform: translateX(0); }
+      to   { transform: translateX(var(--logo-marquee-md-distance)); }
+    }
+  }
+
+  @media (min-width: 64rem) {
+    .logo-marquee-track {
+      animation-name: logo-marquee-lg;
+    }
+    @keyframes logo-marquee-lg {
+      from { transform: translateX(0); }
+      to   { transform: translateX(var(--logo-marquee-lg-distance)); }
+    }
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    .logo-marquee-track {
+      animation: none;
+    }
+  }
+</style>
diff --git a/src/components/ui/Pagination.astro b/src/components/ui/Pagination.astro
new file mode 100644
index 000000000..644806825
--- /dev/null
+++ b/src/components/ui/Pagination.astro
@@ -0,0 +1,207 @@
+---
+import ArrowRight from "@/components/ui/icons/ArrowRight.astro";
+
+// `<elixir-pagination>` custom element. Update via data-total/data-page
+// attributes; listen for `change` events with `{ page }` detail.
+interface Props {
+  name: string;
+  total: number;
+  page?: number;
+  ariaLabel?: string;
+  class?: string;
+}
+
+const {
+  name,
+  total,
+  page = 1,
+  ariaLabel = "Pagination",
+  class: className,
+} = Astro.props as Props;
+---
+
+<elixir-pagination
+  data-name={name}
+  data-total={total}
+  data-page={page}
+  aria-label={ariaLabel}
+  class:list={[
+    "flex flex-wrap items-center justify-center gap-1.5 sm:gap-2",
+    className,
+  ]}
+>
+  <button
+    type="button"
+    data-prev
+    aria-label="Previous page"
+    class="group inline-flex size-14 cursor-pointer items-center justify-center rounded-[8px] border border-gray-20 text-black transition-all duration-base ease-out-quart hover:scale-[1.02] hover:bg-purple-0 active:scale-[0.98] disabled:cursor-not-allowed disabled:border-gray-0 disabled:text-black/40 disabled:hover:scale-100 disabled:hover:bg-transparent"
+  >
+    <span class="-scale-x-100"><ArrowRight size={20} /></span>
+  </button>
+  <div data-list class="flex items-center gap-0.5 sm:gap-1"></div>
+  <button
+    type="button"
+    data-next
+    aria-label="Next page"
+    class="group inline-flex size-14 cursor-pointer items-center justify-center rounded-[8px] border border-gray-20 text-black transition-all duration-base ease-out-quart hover:scale-[1.02] hover:bg-purple-0 active:scale-[0.98] disabled:cursor-not-allowed disabled:border-gray-0 disabled:text-black/40 disabled:hover:scale-100 disabled:hover:bg-transparent"
+  >
+    <ArrowRight size={20} />
+  </button>
+</elixir-pagination>
+
+<script>
+  // Desktop (>=sm) packs up to 7 chips (first/last/current±1 + start/end
+  // pads); mobile compacts to first/current/last with ellipses (max 5).
+  function buildLabels(
+    current: number,
+    total: number,
+    compact: boolean,
+  ): (number | "...")[] {
+    if (total <= (compact ? 5 : 7)) {
+      return Array.from({ length: total }, (_, i) => i + 1);
+    }
+
+    const pages = new Set<number>([1, total]);
+
+    if (compact) {
+      if (current <= 2) {
+        pages.add(2);
+      } else if (current >= total - 1) {
+        pages.add(total - 1);
+      } else {
+        pages.add(current);
+      }
+    } else {
+      for (let i = current - 1; i <= current + 1; i++) {
+        if (i > 1 && i < total) pages.add(i);
+      }
+      if (current <= 4) {
+        for (let i = 2; i <= 5; i++) pages.add(i);
+      }
+      if (current >= total - 3) {
+        for (let i = total - 4; i < total; i++) pages.add(i);
+      }
+    }
+
+    const sorted = [...pages].sort((a, b) => a - b);
+    const out: (number | "...")[] = [];
+    for (let i = 0; i < sorted.length; i++) {
+      if (i > 0 && sorted[i] - sorted[i - 1] > 1) out.push("...");
+      out.push(sorted[i]);
+    }
+    return out;
+  }
+
+  class ElixirPagination extends HTMLElement {
+    static get observedAttributes() {
+      return ["data-total", "data-page"];
+    }
+
+    private prevBtn!: HTMLButtonElement;
+    private nextBtn!: HTMLButtonElement;
+    private list!: HTMLElement;
+    private mounted = false;
+    private compactMq = window.matchMedia("(max-width: 639.98px)");
+    private onMqChange = () => this.render();
+
+    connectedCallback() {
+      if (this.mounted) return;
+      this.mounted = true;
+
+      this.prevBtn = this.querySelector("[data-prev]") as HTMLButtonElement;
+      this.nextBtn = this.querySelector("[data-next]") as HTMLButtonElement;
+      this.list = this.querySelector("[data-list]") as HTMLElement;
+
+      this.prevBtn.addEventListener("click", () => {
+        const cur = this.getActivePage();
+        if (cur > 1) this.dispatchPageChange(cur - 1);
+      });
+      this.nextBtn.addEventListener("click", () => {
+        const cur = this.getActivePage();
+        if (cur < this.getTotalPages()) this.dispatchPageChange(cur + 1);
+      });
+
+      this.compactMq.addEventListener("change", this.onMqChange);
+
+      this.render();
+    }
+
+    disconnectedCallback() {
+      this.compactMq.removeEventListener("change", this.onMqChange);
+    }
+
+    attributeChangedCallback() {
+      if (!this.mounted) return;
+      this.render();
+    }
+
+    private getTotalPages(): number {
+      const n = Number(this.getAttribute("data-total") ?? 1);
+      return Number.isFinite(n) && n > 0 ? n : 1;
+    }
+
+    private getActivePage(): number {
+      const n = Number(this.getAttribute("data-page") ?? 1);
+      return Number.isFinite(n) && n > 0 ? n : 1;
+    }
+
+    private dispatchPageChange(page: number) {
+      this.dispatchEvent(
+        new CustomEvent("change", {
+          detail: { page },
+          bubbles: true,
+        }),
+      );
+    }
+
+    private render() {
+      const total = this.getTotalPages();
+      const active = Math.min(this.getActivePage(), total);
+      const compact = this.compactMq.matches;
+      const labels = buildLabels(active, total, compact);
+
+      const chipSize = "size-14";
+      const chipBase = `inline-flex ${chipSize} items-center justify-center rounded-[8px] font-sans text-body font-normal transition-all duration-base ease-out-quart`;
+
+      this.list.innerHTML = "";
+      for (const label of labels) {
+        const btn = document.createElement("button");
+        btn.type = "button";
+        if (label === "...") {
+          btn.disabled = true;
+          btn.setAttribute("aria-hidden", "true");
+          btn.tabIndex = -1;
+          // Tailwind v4 Preflight no longer sets button { cursor: pointer },
+          // so every chip needs an explicit cursor class.
+          btn.className = `${chipBase} cursor-default text-black/40`;
+          btn.textContent = "...";
+        } else {
+          const page = label;
+          const isActive = page === active;
+          btn.dataset.page = String(page);
+          btn.setAttribute("aria-label", `Page ${page}`);
+          btn.setAttribute("aria-current", isActive ? "page" : "false");
+          btn.className = [
+            chipBase,
+            "cursor-pointer hover:scale-[1.02] active:scale-[0.98]",
+            isActive
+              ? "bg-purple-50 text-white hover:bg-purple-60"
+              : "text-black/80 hover:bg-purple-0",
+          ].join(" ");
+          btn.textContent = String(page);
+          btn.addEventListener("click", () => this.dispatchPageChange(page));
+        }
+        this.list.appendChild(btn);
+      }
+
+      this.prevBtn.disabled = active <= 1;
+      this.nextBtn.disabled = active >= total;
+
+      this.style.display = total <= 1 ? "none" : "";
+    }
+  }
+
+  if (!customElements.get("elixir-pagination")) {
+    customElements.define("elixir-pagination", ElixirPagination);
+  }
+</script>
diff --git a/src/components/ui/Reveal.astro b/src/components/ui/Reveal.astro
new file mode 100644
index 000000000..d938e3311
--- /dev/null
+++ b/src/components/ui/Reveal.astro
@@ -0,0 +1,44 @@
+---
+import { cn } from "@/utilities/classname";
+
+// Markup contract; paint/IO in scripts/reveal.ts, offsets in styles/style.css.
+// `delay` is a stagger index (0, 1, 2 ...) -> N * 15ms in CSS.
+
+type Props = {
+  delay?: number;
+  variant?: "up" | "down" | "left" | "right" | "fade" | "scale";
+  eager?: boolean;
+  as?:
+    | "div"
+    | "section"
+    | "article"
+    | "li"
+    | "ul"
+    | "ol"
+    | "header"
+    | "footer"
+    | "aside"
+    | "nav"
+    | "span";
+  class?: string;
+};
+
+const props = Astro.props as Props;
+const {
+  delay = 0,
+  variant = "up",
+  eager = false,
+  as: Tag = "div",
+  class: className,
+} = props;
+---
+
+<Tag
+  data-reveal
+  data-reveal-variant={variant !== "up" ? variant : undefined}
+  data-reveal-eager={eager ? "" : undefined}
+  style={`--reveal-delay: ${delay}`}
+  class={cn(className)}
+>
+  <slot />
+</Tag>
diff --git a/src/components/ui/Section.astro b/src/components/ui/Section.astro
new file mode 100644
index 000000000..66a41a009
--- /dev/null
+++ b/src/components/ui/Section.astro
@@ -0,0 +1,38 @@
+---
+import { cn } from "@/utilities/classname";
+
+interface Props {
+  as?: "section" | "div" | "article" | "aside";
+  tone?: "default" | "dark" | "muted" | "brand";
+  spacing?: "sm" | "md" | "lg" | "xl" | "none";
+  class?: string;
+  id?: string;
+}
+
+const {
+  as: Tag = "section",
+  tone = "default",
+  spacing = "lg",
+  class: className,
+  id,
+} = Astro.props as Props;
+
+const toneClass = {
+  default: "bg-(--color-white) text-(--color-text-primary)",
+  dark: "bg-(--color-black) text-(--color-text-on-dark)",
+  muted: "bg-(--color-surface-muted) text-(--color-text-primary)",
+  brand: "bg-(--color-brand) text-(--color-text-on-dark)",
+}[tone];
+
+const spacingClass = {
+  none: "",
+  sm: "py-12 md:py-16",
+  md: "py-16 md:py-20 lg:py-24",
+  lg: "py-20 md:py-28 lg:py-32",
+  xl: "py-24 md:py-36 lg:py-44",
+}[spacing];
+---
+
+<Tag id={id} class={cn("relative", toneClass, spacingClass, className)}>
+  <slot />
+</Tag>
diff --git a/src/components/ui/SectionHeading.astro b/src/components/ui/SectionHeading.astro
new file mode 100644
index 000000000..aa6ad5ca8
--- /dev/null
+++ b/src/components/ui/SectionHeading.astro
@@ -0,0 +1,83 @@
+---
+type Size = "hero" | "lg" | "md" | "sm";
+type Tone = "light" | "dark";
+type Align = "left" | "center";
+type FontFamily = "sans" | "display";
+
+interface Props {
+  as?: "h1" | "h2" | "h3";
+  title: string;
+  description?: string;
+  size?: Size;
+  tone?: Tone;
+  align?: Align;
+  font?: FontFamily;
+  class?: string;
+  descriptionClass?: string;
+}
+
+const {
+  as: As = "h2",
+  title,
+  description,
+  size = "lg",
+  tone = "light",
+  align = "left",
+  font = "sans",
+  class: className,
+  descriptionClass,
+} = Astro.props as Props;
+
+const SIZE_CLASS: Record<Size, string> = {
+  hero: "text-[2.5rem] md:text-[3rem] lg:text-[3.5rem]",
+  lg: "text-[2.25rem] leading-[1.1] sm:text-[2.75rem] md:text-[3rem] lg:text-h1",
+  md: "text-[1.875rem] leading-[1.15] sm:text-[2.25rem] md:text-[2.5rem] lg:text-h2",
+  sm: "text-[2rem] leading-tight md:text-[2.5rem]",
+};
+
+const TONE_CLASS: Record<Tone, string> = {
+  light: "text-black",
+  dark: "text-white",
+};
+
+const TONE_DESCRIPTION: Record<Tone, string> = {
+  light: "text-black/80",
+  dark: "text-white-10",
+};
+
+const ALIGN_CLASS: Record<Align, string> = {
+  left: "",
+  center: "text-center",
+};
+
+const FONT_CLASS: Record<FontFamily, string> = {
+  sans: "font-sans",
+  display: "font-(family-name:--font-display)",
+};
+---
+
+<As
+  class:list={[
+    "font-medium",
+    FONT_CLASS[font],
+    SIZE_CLASS[size],
+    TONE_CLASS[tone],
+    ALIGN_CLASS[align],
+    className,
+  ]}
+>
+  {title}
+</As>
+
+{description && (
+  <p
+    class:list={[
+      "font-sans text-body font-normal",
+      TONE_DESCRIPTION[tone],
+      ALIGN_CLASS[align],
+      descriptionClass,
+    ]}
+  >
+    {description}
+  </p>
+)}
diff --git a/src/components/ui/SidebarLayout.astro b/src/components/ui/SidebarLayout.astro
new file mode 100644
index 000000000..e38ea17a8
--- /dev/null
+++ b/src/components/ui/SidebarLayout.astro
@@ -0,0 +1,73 @@
+---
+type AsideWidth = "260" | "360";
+type Gap = "0" | "12" | "16";
+type StickyTop = "20" | "32";
+
+interface Props {
+  asideWidth?: AsideWidth;
+  gap?: Gap;
+  stickyTop?: StickyTop;
+  centerOnLg?: boolean;
+  asidePadTopLg?: boolean;
+  asideLabel?: string;
+  showAsideOnMobile?: boolean;
+  class?: string;
+  asideClass?: string;
+}
+
+const {
+  asideWidth = "260",
+  gap = "16",
+  stickyTop = "20",
+  centerOnLg = false,
+  asidePadTopLg = false,
+  asideLabel,
+  showAsideOnMobile = true,
+  class: className,
+  asideClass,
+} = Astro.props as Props;
+
+const ASIDE_WIDTH: Record<AsideWidth, string> = {
+  "260": "lg:w-[260px]",
+  "360": "lg:w-[360px]",
+};
+
+const GAP_LG: Record<Gap, string> = {
+  "0": "lg:gap-0",
+  "12": "lg:gap-12",
+  "16": "lg:gap-16",
+};
+
+const STICKY_TOP: Record<StickyTop, string> = {
+  "20": "lg:top-20",
+  "32": "lg:top-32",
+};
+
+const mobileGap = showAsideOnMobile ? "gap-12" : "gap-0";
+---
+
+<div
+  class:list={[
+    "flex flex-col items-start lg:flex-row",
+    mobileGap,
+    GAP_LG[gap],
+    centerOnLg && "lg:justify-center",
+    className,
+  ]}
+>
+  <slot name="main" />
+  <aside
+    aria-label={asideLabel}
+    class:list={[
+      "shrink-0 lg:self-start",
+      ASIDE_WIDTH[asideWidth],
+      "lg:sticky",
+      STICKY_TOP[stickyTop],
+      asidePadTopLg && "lg:pt-1",
+      showAsideOnMobile ? "w-full" : "hidden lg:flex lg:flex-col",
+      asideClass,
+    ]}
+  >
+    <slot name="aside" />
+  </aside>
+</div>
diff --git a/src/components/ui/SteppedNav.astro b/src/components/ui/SteppedNav.astro
new file mode 100644
index 000000000..03894e9ad
--- /dev/null
+++ b/src/components/ui/SteppedNav.astro
@@ -0,0 +1,110 @@
+---
+// Scroll-linked step nav; `step.id` must match the target section id.
+// `variant="mobile"` for the top pill row, `"desktop"` for the sidebar aside.
+export interface StepItem {
+  id: string;
+  number: string;
+  label: string;
+  hasContent: boolean;
+}
+
+interface Props {
+  steps: StepItem[];
+  activeId?: string;
+  mobileAriaLabel?: string;
+  variant: "mobile" | "desktop";
+  mobileLayout?: "scroll" | "stack";
+  class?: string;
+}
+
+const {
+  steps,
+  activeId,
+  mobileAriaLabel = "Sections",
+  variant,
+  mobileLayout = "scroll",
+  class: className,
+} = Astro.props as Props;
+
+const defaultActive =
+  activeId ?? steps.find((s) => s.hasContent)?.id ?? steps[0]?.id ?? "";
+---
+
+{variant === "mobile" && (
+  <nav
+    aria-label={mobileAriaLabel}
+    data-stepped-nav-mobile
+    class:list={[
+      mobileLayout === "scroll"
+        ? "scrollbar-none overflow-x-auto pb-2 lg:hidden"
+        : "pb-2 lg:hidden",
+      className,
+    ]}
+  >
+    <div
+      class:list={[
+        mobileLayout === "scroll"
+          ? "flex min-w-max gap-2"
+          : "flex flex-col items-stretch gap-2",
+      ]}
+    >
+      {steps.map((s) => (
+        <button
+          type="button"
+          data-tab={s.id}
+          data-active={s.id === defaultActive ? "" : undefined}
+          disabled={!s.hasContent}
+          class:list={[
+            "rounded-full border border-gray-0 px-4 py-2 font-sans text-small font-medium transition-colors",
+            mobileLayout === "scroll" ? "shrink-0" : "w-full text-left",
+            s.hasContent
+              ? "text-black/60 data-[active]:border-purple-60 data-[active]:bg-purple-60/10 data-[active]:text-black"
+              : "cursor-not-allowed text-black/30",
+          ]}
+        >
+          {s.number}. {s.label}
+        </button>
+      ))}
+    </div>
+  </nav>
+)}
+
+{variant === "desktop" && (
+  <Fragment>
+    {steps.map((s) => (
+      <button
+        type="button"
+        data-tab={s.id}
+        data-active={s.id === defaultActive ? "" : undefined}
+        disabled={!s.hasContent}
+        class:list={[
+          "group flex items-center gap-4 text-left transition-colors duration-fast ease-out-quart",
+          !s.hasContent && "cursor-not-allowed",
+        ]}
+        aria-pressed={s.id === defaultActive ? "true" : "false"}
+      >
+        <span
+          class:list={[
+            "inline-flex size-9 shrink-0 items-center justify-center rounded-[6px] font-sans text-body font-medium transition-colors duration-base ease-out-quart",
+            s.hasContent
+              ? "bg-gray-0 text-black/40 group-data-[active]:bg-purple-60/[0.24] group-data-[active]:text-purple-70"
+              : "bg-gray-0/60 text-black/20",
+          ]}
+          aria-hidden="true"
+        >
+          {s.number}
+        </span>
+        <span
+          class:list={[
+            "whitespace-nowrap font-sans text-body font-normal transition-colors duration-fast ease-out-quart group-data-[active]:font-medium",
+            s.hasContent
+              ? "text-black/60 group-data-[active]:text-black group-hover:text-black"
+              : "text-black/30",
+          ]}
+        >
+          {s.label}
+        </span>
+      </button>
+    ))}
+  </Fragment>
+)}
diff --git a/src/components/ui/TabFilter.astro b/src/components/ui/TabFilter.astro
new file mode 100644
index 000000000..0ded388bc
--- /dev/null
+++ b/src/components/ui/TabFilter.astro
@@ -0,0 +1,167 @@
+---
+// `<elixir-tab-filter>` custom element. Pages listen for `change` events
+// ({ id } detail) and push new selections via setAttribute('data-active', id).
+export interface TabItem {
+  /** Stable, URL-safe id used in URLs + event detail. */
+  id: string;
+  label: string;
+}
+
+interface Props {
+  name: string;
+  tabs: TabItem[];
+  active: string;
+  ariaLabel?: string;
+  class?: string;
+}
+
+const {
+  name,
+  tabs,
+  active,
+  ariaLabel = "Filter",
+  class: className,
+} = Astro.props as Props;
+---
+
+<elixir-tab-filter
+  data-name={name}
+  data-active={active}
+  role="tablist"
+  aria-label={ariaLabel}
+  class:list={[
+    "scrollbar-none relative flex items-stretch overflow-x-auto overflow-y-hidden touch-pan-x overscroll-x-contain",
+    className,
+  ]}
+>
+  <div class="flex shrink-0 items-stretch border-b-2 border-gray-0">
+    {tabs.map((t) => (
+      <button
+        type="button"
+        role="tab"
+        data-id={t.id}
+        data-active={t.id === active ? "" : undefined}
+        aria-selected={t.id === active ? "true" : "false"}
+        class="group relative shrink-0 cursor-pointer px-6 py-4 transition-colors duration-fast ease-out-quart"
+      >
+        <span
+          class="block whitespace-nowrap font-sans text-body font-normal text-black/60 transition-colors duration-fast ease-out-quart group-data-[active]:font-semibold group-data-[active]:text-black group-hover:text-black"
+        >
+          {t.label}
+        </span>
+        <span
+          class="absolute -bottom-1 left-0 right-0 hidden h-1 rounded-full bg-purple-60 group-data-[active]:block"
+          aria-hidden="true"
+        ></span>
+      </button>
+    ))}
+  </div>
+  <div
+    class="hidden flex-1 self-end border-b-2 border-gray-0 lg:block"
+    aria-hidden="true"
+  ></div>
+</elixir-tab-filter>
+
+<script>
+  class ElixirTabFilter extends HTMLElement {
+    static get observedAttributes() {
+      return ["data-active"];
+    }
+    private mounted = false;
+    // First sync uses behavior:"auto" so the strip doesn't smooth-scroll from
+    // offset=0 when the URL specifies a non-default tab on page load.
+    private firstSync = true;
+
+    // Browsers convert vertical wheel deltaY on overflow-x:auto into
+    // scrollLeft; intercept to keep vertical scroll on the page.
+    private onWheel = (e: WheelEvent) => {
+      if (this.scrollWidth <= this.clientWidth) return;
+      e.preventDefault();
+      const absX = Math.abs(e.deltaX);
+      const absY = Math.abs(e.deltaY);
+      if (absY > 0.5) {
+        window.scrollBy({ top: e.deltaY, left: 0, behavior: "auto" });
+        return;
+      }
+      if (absX > 0.5) {
+        this.scrollLeft += e.deltaX;
+      }
+    };
+
+    connectedCallback() {
+      if (this.mounted) return;
+      this.mounted = true;
+      this.querySelectorAll<HTMLButtonElement>("button[data-id]").forEach(
+        (btn) => {
+          btn.addEventListener("click", () => {
+            const id = btn.getAttribute("data-id");
+            if (!id || id === this.getAttribute("data-active")) return;
+            this.setAttribute("data-active", id);
+            this.dispatchEvent(
+              new CustomEvent("change", {
+                detail: { id },
+                bubbles: true,
+              }),
+            );
+          });
+        },
+      );
+      // passive: false because onWheel calls preventDefault.
+      this.addEventListener("wheel", this.onWheel, { passive: false });
+      this.syncActiveStyling();
+    }
+
+    disconnectedCallback() {
+      this.removeEventListener("wheel", this.onWheel);
+    }
+
+    attributeChangedCallback() {
+      if (!this.mounted) return;
+      this.syncActiveStyling();
+    }
+
+    private syncActiveStyling() {
+      const active = this.getAttribute("data-active");
+      this.querySelectorAll<HTMLButtonElement>("button[data-id]").forEach(
+        (btn) => {
+          const match = btn.getAttribute("data-id") === active;
+          if (match) btn.setAttribute("data-active", "");
+          else btn.removeAttribute("data-active");
+          btn.setAttribute("aria-selected", match ? "true" : "false");
+        },
+      );
+      this.scrollActiveIntoView();
+    }
+
+    // scrollTo on `this` only - never scrollIntoView, which can walk up to
+    // ancestors and shift vertical scroll.
+    private scrollActiveIntoView() {
+      const active = this.querySelector<HTMLButtonElement>(
+        "button[data-active]",
+      );
+      if (!active) return;
+      if (this.scrollWidth <= this.clientWidth + 1) return;
+
+      const containerRect = this.getBoundingClientRect();
+      const btnRect = active.getBoundingClientRect();
+      const offset =
+        btnRect.left +
+        btnRect.width / 2 -
+        (containerRect.left + containerRect.width / 2);
+      if (Math.abs(offset) < 4) return;
+
+      const reduceMotion = window.matchMedia(
+        "(prefers-reduced-motion: reduce)",
+      ).matches;
+      this.scrollBy({
+        left: offset,
+        behavior: this.firstSync || reduceMotion ? "auto" : "smooth",
+      });
+      this.firstSync = false;
+    }
+  }
+
+  if (!customElements.get("elixir-tab-filter")) {
+    customElements.define("elixir-tab-filter", ElixirTabFilter);
+  }
+</script>
diff --git a/src/components/ui/Text.astro b/src/components/ui/Text.astro
new file mode 100644
index 000000000..e7612ffc9
--- /dev/null
+++ b/src/components/ui/Text.astro
@@ -0,0 +1,44 @@
+---
+import { cn } from "@/utilities/classname";
+
+interface Props {
+  as?: "p" | "span" | "div";
+  size?: "lead" | "body" | "small" | "caption";
+  weight?: "regular" | "medium" | "bold";
+  tone?: "default" | "on-dark" | "muted" | "muted-on-dark" | "brand";
+  class?: string;
+}
+
+const {
+  as: Tag = "p",
+  size = "body",
+  weight = "regular",
+  tone = "default",
+  class: className,
+} = Astro.props as Props;
+
+const sizeClass = {
+  lead: "text-[1.125rem] md:text-[1.25rem] leading-[1.5]",
+  body: "text-[1rem] leading-[1.6]",
+  small: "text-[0.875rem] leading-[1.5]",
+  caption: "text-[0.75rem] leading-[1.4]",
+}[size];
+
+const weightClass = {
+  regular: "font-normal",
+  medium: "font-medium",
+  bold: "font-bold",
+}[weight];
+
+const toneClass = {
+  default: "text-(--color-text-primary)",
+  "on-dark": "text-(--color-text-on-dark)",
+  muted: "text-(--color-text-muted-on-light)",
+  "muted-on-dark": "text-(--color-text-muted-on-dark)",
+  brand: "text-(--color-brand)",
+}[tone];
+---
+
+<Tag class={cn(sizeClass, weightClass, toneClass, className)}>
+  <slot />
+</Tag>
diff --git a/src/components/ui/icons/ArrowRight.astro b/src/components/ui/icons/ArrowRight.astro
new file mode 100644
index 000000000..ee4606de4
--- /dev/null
+++ b/src/components/ui/icons/ArrowRight.astro
@@ -0,0 +1,25 @@
+---
+interface Props {
+  size?: number;
+  class?: string;
+}
+
+const { size = 20, class: className } = Astro.props;
+---
+
+<svg
+  width={size}
+  height={size}
+  viewBox="0 0 20 20"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+  aria-hidden="true"
+  class={className}
+>
+  <path
+    d="M4.16669 10H15.8334M15.8334 10L10.8334 5M15.8334 10L10.8334 15"
+    stroke="currentColor"
+    stroke-width="1.5"
+    stroke-linecap="round"
+    stroke-linejoin="round"></path>
+</svg>
diff --git a/src/components/ui/icons/Copy.astro b/src/components/ui/icons/Copy.astro
new file mode 100644
index 000000000..d07f127dc
--- /dev/null
+++ b/src/components/ui/icons/Copy.astro
@@ -0,0 +1,25 @@
+---
+interface Props {
+  size?: number;
+  class?: string;
+}
+
+const { size = 16, class: className } = Astro.props;
+---
+
+<svg
+  width={size}
+  height={size}
+  viewBox="0 0 16 16"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+  aria-hidden="true"
+  class={className}
+>
+  <path
+    d="M5.333 5.333V3.467c0-.747 0-1.12.146-1.405a1.333 1.333 0 01.583-.583c.285-.146.658-.146 1.405-.146h5.067c.747 0 1.12 0 1.405.146.25.128.455.333.583.583.146.285.146.658.146 1.405v5.067c0 .747 0 1.12-.146 1.405a1.333 1.333 0 01-.583.583c-.285.146-.658.146-1.405.146h-1.867M3.467 14.667h5.066c.747 0 1.12 0 1.405-.146.25-.128.456-.333.584-.584.145-.284.145-.657.145-1.404V7.467c0-.747 0-1.12-.145-1.405a1.333 1.333 0 00-.584-.583c-.284-.146-.658-.146-1.405-.146H3.467c-.747 0-1.12 0-1.405.146a1.333 1.333 0 00-.583.583c-.146.285-.146.658-.146 1.405v5.066c0 .747 0 1.12.146 1.405.128.25.333.456.583.583.285.146.658.146 1.405.146z"
+    stroke="currentColor"
+    stroke-width="1.25"
+    stroke-linecap="round"
+    stroke-linejoin="round"></path>
+</svg>
diff --git a/src/components/ui/icons/Github.astro b/src/components/ui/icons/Github.astro
new file mode 100644
index 000000000..0bc9a8b4b
--- /dev/null
+++ b/src/components/ui/icons/Github.astro
@@ -0,0 +1,24 @@
+---
+interface Props {
+  size?: number;
+  class?: string;
+}
+
+const { size = 20, class: className } = Astro.props;
+---
+
+<svg
+  width={size}
+  height={size}
+  viewBox="0 0 20 20"
+  fill="currentColor"
+  xmlns="http://www.w3.org/2000/svg"
+  aria-hidden="true"
+  class={className}
+>
+  <path
+    fill-rule="evenodd"
+    clip-rule="evenodd"
+    d="M10 0C4.477 0 0 4.484 0 10.017c0 4.425 2.865 8.18 6.839 9.504.5.092.682-.217.682-.483 0-.237-.008-.868-.013-1.703-2.782.605-3.369-1.343-3.369-1.343-.454-1.158-1.11-1.466-1.11-1.466-.908-.62.069-.608.069-.608 1.003.07 1.531 1.032 1.531 1.032.892 1.53 2.341 1.088 2.91.832.092-.647.35-1.088.636-1.338-2.22-.253-4.555-1.113-4.555-4.951 0-1.093.39-1.988 1.029-2.688-.103-.253-.446-1.272.098-2.65 0 0 .84-.27 2.75 1.026A9.564 9.564 0 0110 4.844c.85.004 1.705.115 2.504.337 1.909-1.296 2.747-1.027 2.747-1.027.546 1.379.203 2.398.1 2.651.64.7 1.028 1.595 1.028 2.688 0 3.848-2.339 4.695-4.566 4.943.359.31.678.92.678 1.855 0 1.338-.012 2.419-.012 2.747 0 .268.18.58.688.482A10.02 10.02 0 0020 10.017C20 4.484 15.522 0 10 0z"
+  ></path>
+</svg>
diff --git a/src/components/ui/icons/Menu.astro b/src/components/ui/icons/Menu.astro
new file mode 100644
index 000000000..50575d9f4
--- /dev/null
+++ b/src/components/ui/icons/Menu.astro
@@ -0,0 +1,24 @@
+---
+interface Props {
+  size?: number;
+  class?: string;
+}
+
+const { size = 24, class: className } = Astro.props;
+---
+
+<svg
+  width={size}
+  height={size}
+  viewBox="0 0 24 24"
+  fill="none"
+  xmlns="http://www.w3.org/2000/svg"
+  aria-hidden="true"
+  class={className}
+>
+  <path
+    d="M4 7h16M4 12h16M4 17h16"
+    stroke="currentColor"
+    stroke-width="1.75"
+    stroke-linecap="round"></path>
+</svg>
diff --git a/src/components/ui/icons/Twitter.astro b/src/components/ui/icons/Twitter.astro
new file mode 100644
index 000000000..2f2a94e1d
--- /dev/null
+++ b/src/components/ui/icons/Twitter.astro
@@ -0,0 +1,22 @@
+---
+interface Props {
+  size?: number;
+  class?: string;
+}
+
+const { size = 20, class: className } = Astro.props;
+---
+
+<svg
+  width={size}
+  height={size}
+  viewBox="0 0 20 20"
+  fill="currentColor"
+  xmlns="http://www.w3.org/2000/svg"
+  aria-hidden="true"
+  class={className}
+>
+  <path
+    d="M15.46 1.83h2.83l-6.18 7.06 7.27 9.61h-5.7l-4.47-5.84-5.11 5.84H1.27l6.61-7.55L0 1.83h5.84l4.04 5.34 5.58-5.34zm-.99 14.96h1.57L5.6 3.4H3.92l10.55 13.39z"
+  ></path>
+</svg>
diff --git a/_posts/2012-04-24-a-peek-inside-elixir-s-parallel-compiler.markdown b/src/content/blog/a-peek-inside-elixir-s-parallel-compiler.md
similarity index 95%
rename from _posts/2012-04-24-a-peek-inside-elixir-s-parallel-compiler.markdown
rename to src/content/blog/a-peek-inside-elixir-s-parallel-compiler.md
index 1d6e639b5..1e9995837 100644
--- a/_posts/2012-04-24-a-peek-inside-elixir-s-parallel-compiler.markdown
+++ b/src/content/blog/a-peek-inside-elixir-s-parallel-compiler.md
@@ -1,10 +1,10 @@
 ---
-layout: post
-title: A peek inside Elixir's Parallel Compiler
-authors:
--  José Valim
-category: Internals
-excerpt: Today, a parallel compiler just landed in Elixir main. The goal of the parallel compiler is to compile files in parallel, automatically detecting dependencies between files. In this blog post, we are going to take a peek into the parallel compiler internals and learn more about Erlang and Elixir in the process.
+title: "A peek inside Elixir's Parallel Compiler"
+excerpt: "Today, a parallel compiler just landed in Elixir main. The goal of the parallel compiler is to compile files in parallel, automatically detecting dependencies between files. In this blog post, we are going to take a peek into the parallel compiler internals and learn more about Erlang and Elixir in the process."
+date: 2012-04-24
+author: "José Valim"
+category: "Internals"
+tags: []
 ---
 
 Today, a parallel compiler just landed in Elixir main. The goal of the parallel compiler is to compile files in parallel, automatically detecting dependencies between files. In this blog post, we are going to take a peek into the parallel compiler internals and learn more about Erlang and Elixir in the process.
@@ -75,7 +75,7 @@ In order to customize this process, we are going to take a look at Erlang's erro
 
 ## Custom error handler
 
-By default, Elixir (and Erlang) code is autoloaded. This means that, if we invoke `List.delete` and the module `List` was not loaded yet, the Erlang VM is going to look into the `ebin` directory (the directory where we put compiled files) and try to load it. This process is controlled by the [`error_handler` module in Erlang](https://www.erlang.org/doc/man/error_handler.html) via two callback functions: `undefined_function` and `undefined_lambda`.
+By default, Elixir (and Erlang) code is autoloaded. This means that, if we invoke `List.delete` and the module `List` was not loaded yet, the Erlang VM is going to look into the `ebin` directory (the directory where we put compiled files) and try to load it. This process is controlled by the [`error_handler` module in Erlang](http://www.erlang.org/doc/man/error_handler.html) via two callback functions: `undefined_function` and `undefined_lambda`.
 
 As discussed in the previous section, we want to extend the error handler to actually stop the currently running process whenever a module is not found and resume the process only after we ensure the module is compiled. To do that, we can simply define our own error handler and ask Erlang to use it. Our custom error handler is defined as follows:
 
diff --git a/_posts/2016-07-14-announcing-genstage.markdown b/src/content/blog/announcing-genstage.md
similarity index 85%
rename from _posts/2016-07-14-announcing-genstage.markdown
rename to src/content/blog/announcing-genstage.md
index d40b9a0bf..f7c52b0a2 100644
--- a/_posts/2016-07-14-announcing-genstage.markdown
+++ b/src/content/blog/announcing-genstage.md
@@ -1,15 +1,15 @@
 ---
-layout: post
-title: Announcing GenStage
-authors:
--  José Valim
-category: Announcements
-excerpt: GenStage is a new Elixir behaviour for exchanging events with back-pressure between Elixir processes. In this blog post we will cover the background that led us to GenStage, some example use cases, and what we are exploring for future releases.
+title: "Announcing GenStage"
+excerpt: "GenStage is a new Elixir behaviour for exchanging events with back-pressure between Elixir processes. In this blog post we will cover the background that led us to GenStage, some example use cases, and what we are exploring for future releases."
+date: 2016-07-14
+author: "José Valim"
+category: "Announcements"
+tags: []
 ---
 
 Today we are glad to announce the official release of GenStage. GenStage is a new Elixir behaviour for exchanging events with back-pressure between Elixir processes. In the short-term, we expect GenStage to replace the use cases for GenEvent as well as providing a composable abstraction for consuming data from third-party systems.
 
-In this blog post we will cover the background that led us to GenStage, some example use cases, and what we are exploring for future releases. If instead you are looking for a quick reference, [check the project source code](https://github.com/elixir-lang/gen_stage) and [access its documentation](https://gen-stage.hexdocs.pm/0.3.0/Experimental.GenStage.html).
+In this blog post we will cover the background that led us to GenStage, some example use cases, and what we are exploring for future releases. If instead you are looking for a quick reference, [check the project source code](https://github.com/elixir-lang/gen_stage) and [access its documentation](https://hexdocs.pm/gen_stage/Experimental.GenStage.html).
 
 ## Background
 
@@ -46,13 +46,13 @@ File.stream!("path/to/some/file")
 |> Enum.to_list()
 ```
 
-By using `File.stream!` and `Stream.flat_map`, we build a lazy computation that will emit a single line, break that line into words, and emit such words one by one without building huge lists in memory when enumerated. The functions in the [Stream module](https://elixir.hexdocs.pm/Stream.html) just express the computation we want to perform. The computation itself, like traversing the file or breaking into words in `flat_map`, only happens when we call a function in the `Enum` module. We have covered [the foundation for Enum and Streams](https://dashbit.co/blog/introducing-reducees) in another article.
+By using `File.stream!` and `Stream.flat_map`, we build a lazy computation that will emit a single line, break that line into words, and emit such words one by one without building huge lists in memory when enumerated. The functions in the [Stream module](https://hexdocs.pm/elixir/Stream.html) just express the computation we want to perform. The computation itself, like traversing the file or breaking into words in `flat_map`, only happens when we call a function in the `Enum` module. We have covered [the foundation for Enum and Streams](https://dashbit.co/blog/introducing-reducees) in another article.
 
 The solution above allows us to work with large datasets without loading them all into memory. For large files, it is going to provide much better performance than the eager version. However, the solution above still does not leverage concurrency. For a machine with more than one core, which is the huge majority of machines we have available today, it is a suboptimal solution.
 
 That said, how could we leverage concurrency in the example above?
 
-During my ElixirConf 2015 keynote, [I discussed one of the most immediate solutions to this problem](https://www.youtube.com/watch?v=9RB1JCKe3GY) which was to convert parts of your pipeline to separate processes:
+During my ElixirConf 2015 keynote, [I discussed one of the most immediate solutions to this problem](http://confreaks.tv/videos/elixirconf2015-keynote) which was to convert parts of your pipeline to separate processes:
 
 ```elixir
 File.stream!("path/to/some/file")
@@ -193,7 +193,7 @@ Process.sleep(:infinity)
 
 By simply starting multiple consumers, the stage `B` will now receive demand from multiple stages and dispatch events to those stages which are now running concurrently, always picking the stage that is able to process more items. We can also leverage concurrency from the opposite direction: if the producer is the slow stage in a pipeline, you can start multiple producers and have each consumer subscribe to them.
 
-In order to know which consumer should receive a particular event, producer stages depend on a behaviour called [`GenStage.Dispatcher`](https://gen-stage.hexdocs.pm/0.3.0/Experimental.GenStage.Dispatcher.html). The default dispatcher is the `GenStage.DemandDispatcher` we have briefly described above: it will collect the demand from different consumers and dispatch to the one with highest demand. This means if one consumer is slow, maybe because we increased its sleeping time to 10 seconds, it will receive less items.
+In order to know which consumer should receive a particular event, producer stages depend on a behaviour called [`GenStage.Dispatcher`](https://hexdocs.pm/gen_stage/Experimental.GenStage.Dispatcher.html). The default dispatcher is the `GenStage.DemandDispatcher` we have briefly described above: it will collect the demand from different consumers and dispatch to the one with highest demand. This means if one consumer is slow, maybe because we increased its sleeping time to 10 seconds, it will receive less items.
 
 ### GenStage for data-ingestion
 
@@ -205,9 +205,9 @@ During the Elixir London Meetup, I have live-coded a short example that shows ho
 
 ### GenStage for event dispatching
 
-Another scenario where GenStage can be useful today is to replace cases where developers would have used [GenEvent](https://elixir.hexdocs.pm/GenEvent.html) in the past. For those unfamiliar with GenEvent, it is a behaviour where events are sent to an "event manager" which then proceeds to invoke "event handlers" for each event. GenEvent, however, has one big flaw: the event manager and all event handlers run in the same process. This means GenEvent handlers cannot easily leverage concurrency without forcing developers to implement those mechanisms themselves. Furthermore, GenEvent handlers have very awkward error semantics. Because event handlers are not separate processes, we cannot simply rely on supervisors restarting them.
+Another scenario where GenStage can be useful today is to replace cases where developers would have used [GenEvent](https://hexdocs.pm/elixir/GenEvent.html) in the past. For those unfamiliar with GenEvent, it is a behaviour where events are sent to an "event manager" which then proceeds to invoke "event handlers" for each event. GenEvent, however, has one big flaw: the event manager and all event handlers run in the same process. This means GenEvent handlers cannot easily leverage concurrency without forcing developers to implement those mechanisms themselves. Furthermore, GenEvent handlers have very awkward error semantics. Because event handlers are not separate processes, we cannot simply rely on supervisors restarting them.
 
-GenStage solves those problems by having a producer as the event manager. The producer itself should be configured to use [`GenStage.BroadcastDispatcher`](https://gen-stage.hexdocs.pm/0.3.0/Experimental.GenStage.BroadcastDispatcher.html) as its dispatcher. The broadcast dispatcher will guarantee events are dispatched to all consumers in a way that does not exceed the demand of any of the consumers. This allows us to leverage concurrency and having the "event manager" as a producer gives us much more flexibility in terms of buffering and reacting to failures.
+GenStage solves those problems by having a producer as the event manager. The producer itself should be configured to use [`GenStage.BroadcastDispatcher`](https://hexdocs.pm/gen_stage/Experimental.GenStage.BroadcastDispatcher.html) as its dispatcher. The broadcast dispatcher will guarantee events are dispatched to all consumers in a way that does not exceed the demand of any of the consumers. This allows us to leverage concurrency and having the "event manager" as a producer gives us much more flexibility in terms of buffering and reacting to failures.
 
 Let's see an example of building an event manager as a producer:
 
@@ -295,7 +295,7 @@ Such guarantees that, if a supervised `EventHandler` crashes, the supervisor wil
 
 With the release of GenStage v0.3.0, we have reached an important milestone as `GenStage` can be used as both event managers and a way to exchange events between processes, often external data sources, with back-pressure.
 
-The v0.3.0 release also includes the [`GenStage.stream`](https://gen-stage.hexdocs.pm/0.3.0/Experimental.GenStage.html#stream/1) function, which allows us to consume data from a GenStage as a stream, and [`GenStage.from_enumerable`](https://gen-stage.hexdocs.pm/0.3.0/Experimental.GenStage.html#from_enumerable/2) which allows us to use an enumerable or a stream, like `File.stream!`, as a producer. Closing the gap between stages and streams.
+The v0.3.0 release also includes the [`GenStage.stream`](https://hexdocs.pm/gen_stage/Experimental.GenStage.html#stream/1) function, which allows us to consume data from a GenStage as a stream, and [`GenStage.from_enumerable`](https://hexdocs.pm/gen_stage/Experimental.GenStage.html#from_enumerable/2) which allows us to use an enumerable or a stream, like `File.stream!`, as a producer. Closing the gap between stages and streams.
 
 However, we are far from done!
 
@@ -320,7 +320,7 @@ File.stream!("path/to/some/file")
 |> Enum.to_list()
 ```
 
-While the above is helpful when working with large or infinite collections, it still does not leverage concurrency. To address that, we are currently exploring a solution named [`GenStage.Flow`](https://gen-stage.hexdocs.pm/0.5.0/Experimental.Flow.html), that allows us to express our computations similarly to streams, except they will run across multiple stages instead of a single process:
+While the above is helpful when working with large or infinite collections, it still does not leverage concurrency. To address that, we are currently exploring a solution named [`GenStage.Flow`](https://hexdocs.pm/gen_stage/Experimental.Flow.html), that allows us to express our computations similarly to streams, except they will run across multiple stages instead of a single process:
 
 ```elixir
 alias Experimental.GenStage.Flow
@@ -351,12 +351,12 @@ File.stream!("path/to/some/file", read_ahead: 100_000) # NEW!
 |> Enum.to_list()
 ```
 
-Flow will look at the computations we want to perform and start a series of stages to execute our code while keeping the amount of data being transferred between processes to a minimum. If you are interested in `GenStage.Flow` and how the computations above are spread across multiple stages, [we have written some documentation based on the prototypes we have built so far](https://gen-stage.hexdocs.pm/0.5.0/Experimental.Flow.html). The code itself is coming in future GenStage releases. We will also have to consider how the `GenStage.Flow` API mirrors the functions in `Enum` and `Stream` to make the path from eager to concurrent clearer.
+Flow will look at the computations we want to perform and start a series of stages to execute our code while keeping the amount of data being transferred between processes to a minimum. If you are interested in `GenStage.Flow` and how the computations above are spread across multiple stages, [we have written some documentation based on the prototypes we have built so far](https://hexdocs.pm/gen_stage/Experimental.Flow.html). The code itself is coming in future GenStage releases. We will also have to consider how the `GenStage.Flow` API mirrors the functions in `Enum` and `Stream` to make the path from eager to concurrent clearer.
 
 For the word counting problem with a fixed data, early experiments show a linear increase in performance with a fixed overhead of 20%. In other words, a dataset that takes 60s with a single core, takes 36s on a machine with 2 cores and 18s in one with 4 cores. All of those gains by simply moving your computations from streams to Flow. We plan to benchmark on machines with over 40 cores soon.
 
-We are very excited with the possibilities GenStage brings to developers and all new paths it allows us to explore and research. So give it a try and let us know! [GenStage, Flows, and more will also be the topic of my keynote at ElixirConf 2016](https://www.elixirconf.com/) and we hope to see you there.
+We are very excited with the possibilities GenStage brings to developers and all new paths it allows us to explore and research. So give it a try and let us know! [GenStage, Flows, and more will also be the topic of my keynote at ElixirConf 2016](http://www.elixirconf.com/) and we hope to see you there.
 
-Finally, we want to thank the [akka-streams and reactive-streams projects](https://github.com/reactive-streams) which provided us guidance in implementing the demand-driven exchange between stages as well as the [Apache Spark](https://spark.apache.org/) and [Apache Beam](https://beam.incubator.apache.org/) initiatives that inspire the work behind `GenStage.Flow`.
+Finally, we want to thank the [akka-streams and reactive-streams projects](http://reactive-streams.io) which provided us guidance in implementing the demand-driven exchange between stages as well as the [Apache Spark](http://spark.apache.org/) and [Apache Beam](http://beam.incubator.apache.org/) initiatives that inspire the work behind `GenStage.Flow`.
 
 Happy coding!
diff --git a/_posts/2021-07-29-bootstraping-a-multiplayer-server-with-elixir-at-x-plane.markdown b/src/content/blog/bootstraping-a-multiplayer-server-with-elixir-at-x-plane.md
similarity index 79%
rename from _posts/2021-07-29-bootstraping-a-multiplayer-server-with-elixir-at-x-plane.markdown
rename to src/content/blog/bootstraping-a-multiplayer-server-with-elixir-at-x-plane.md
index 34a096c00..a20ae213c 100644
--- a/_posts/2021-07-29-bootstraping-a-multiplayer-server-with-elixir-at-x-plane.markdown
+++ b/src/content/blog/bootstraping-a-multiplayer-server-with-elixir-at-x-plane.md
@@ -1,12 +1,10 @@
 ---
-layout: post
-title: Bootstrapping a multiplayer server with Elixir at X-Plane
-authors:
--  José Valim
-category: Elixir in Production
-excerpt: A case study of how Elixir is being used at X-Plane.
-logo: /images/cases/logos/x-plane.png
-tags: multiplayer udp otp
+title: "Bootstrapping a multiplayer server with Elixir at X-Plane"
+excerpt: "A case study of how Elixir is being used at X-Plane."
+date: 2021-07-29
+author: "José Valim"
+category: "Elixir in Production"
+tags: ["multiplayer", "udp", "otp"]
 ---
 
 *Welcome to our series of case studies about companies using Elixir in production. [See all cases](/cases.html) we have published so far.*
@@ -37,11 +35,11 @@ They eventually settled on three top contenders: Rust, Go, and Elixir. Elixir to
 
 ## Modeling multiplayer with Elixir
 
-Ready to give Elixir a try, Tyler picked up a couple books but soon realized the language's [Getting Started guide](https://elixir.hexdocs.pm/introduction.html) provided the background he needed. He explains: "while the introductory guide covers the language constructs, the advanced guide on the website has you build an actual project with TCP connections, with the basic architectural patterns we would use in production."
+Ready to give Elixir a try, Tyler picked up a couple books but soon realized the language's [Getting Started guide](https://hexdocs.pm/elixir/introduction.html) provided the background he needed. He explains: "while the introductory guide covers the language constructs, the advanced guide on the website has you build an actual project with TCP connections, with the basic architectural patterns we would use in production."
 
 However, instead of jumping headfirst into the multiplayer server, he decided to give Elixir a try on a smaller problem. He wrote a web proxy to the National Oceanic and Atmospheric Administration (NOAA) weather services and put it in production. This experience taught him the importance of leveraging all of the instrumentation and metrics provided by the Erlang VM. They chose [AppSignal](https://www.appsignal.com/) to help consume and digest this information.
 
-Two weeks later, he started working on the server by implementing [the UDP-centric RakNet protocol in Elixir](https://web.archive.org/web/20250214141931/https://en.wikipedia.org/wiki/RakNet). Unfortunately, there is little documentation, so they had to refer to the reference implementation in C++ most of the time. Luckily, thanks to its roots in telecommunication and network services, [Elixir and Erlang have built-in support for parsing binary packets](https://elixir.hexdocs.pm/Kernel.SpecialForms.html#%3C%3C%3E%3E/1), which made the task a joy. The team also mapped each UDP connection to distinct lightweight threads of execution in Elixir, which we call _processes_. Elixir processes are cheap, isolated, concurrent, and are fairly scheduled by the runtime. This design allowed the X-Plane team to fully leverage the properties of robustness and predictable latency that first attracted them to the platform. Their implementation is written on top of Erlang's [gen_udp](https://www.erlang.org/doc/man/gen_udp.html) and [is open source](https://github.com/X-Plane/elixir-raknet).
+Two weeks later, he started working on the server by implementing [the UDP-centric RakNet protocol in Elixir](https://en.wikipedia.org/wiki/RakNet). Unfortunately, there is little documentation, so they had to refer to the reference implementation in C++ most of the time. Luckily, thanks to its roots in telecommunication and network services, [Elixir and Erlang have built-in support for parsing binary packets](https://hexdocs.pm/elixir/Kernel.SpecialForms.html#%3C%3C%3E%3E/1), which made the task a joy. The team also mapped each UDP connection to distinct lightweight threads of execution in Elixir, which we call _processes_. Elixir processes are cheap, isolated, concurrent, and are fairly scheduled by the runtime. This design allowed the X-Plane team to fully leverage the properties of robustness and predictable latency that first attracted them to the platform. Their implementation is written on top of Erlang's [gen_udp](http://www.erlang.org/doc/man/gen_udp.html) and [is open source](https://github.com/X-Plane/elixir-raknet).
 
 Five months after choosing Elixir, they began welcoming beta testers into the server. The community's reaction was overwhelmingly positive, and the new multiplayer experience led to a strong uptick in the number of subscriptions as it went live a month later.
 
@@ -51,6 +49,6 @@ At the moment, X-Plane's player base in North America is powered by a single ser
 
 For deployments, they use a blue-green strategy, alternating between two servers of the same capacity. Tyler explains: "We are aware the Erlang VM provides hot code swapping and distribution, but we are taking the simplest route whenever possible. It is much easier for us to alternate between two servers during deployments, as the servers are stable and we don't deploy frequently. Similarly, when it comes to distribution, we prefer to scale vertically or set up different servers in different regions for players across the globe."
 
-Paul McCarty, who joined the project after launch, can attest to its simplicity: "even without prior Elixir experience, I was able to jump in and add new functionality to our HTTP APIs early on." Those APIs are built on top of [Plug](https://github.com/elixir-lang/plug) to power their chat services, provide information about connected users, and more. He concludes: "When adding new features, the server development is never the bottleneck."
+Paul McCarty, who joined the project after launch, can attest to its simplicity: "even without prior Elixir experience, I was able to jump in and add new functionality to our HTTP APIs early on." Those APIs are built on top of [Plug](http://github.com/elixir-lang/plug) to power their chat services, provide information about connected users, and more. He concludes: "When adding new features, the server development is never the bottleneck."
 
 Paul and Tyler finished our conversation with a curious anecdote: a couple months ago, they distributed an updated client version with debug code in it. This additional code caused each connected user to constantly ping the server every 100ms, even if not in multiplayer mode. This caused their traffic to increase 1000x! They only discovered this increase 2 weeks later when they saw the CPU usage in their Elixir server went from 5% to 21%. Once they found out the root cause and how the system handled it, they realized they didn't have to rush a client update to remove the debug code and they chose to maintain their regular release cycle. At the end of the day, it was a perfect example of the confidence they gained and built around the language and platform.
diff --git a/_posts/2022-12-22-cheatsheets-and-8-other-features-in-exdoc-that-improve-the-developer-experience.markdown b/src/content/blog/cheatsheets-and-8-other-features-in-exdoc-that-improve-the-developer-experience.md
similarity index 78%
rename from _posts/2022-12-22-cheatsheets-and-8-other-features-in-exdoc-that-improve-the-developer-experience.markdown
rename to src/content/blog/cheatsheets-and-8-other-features-in-exdoc-that-improve-the-developer-experience.md
index 46b70a4ea..f6b7af738 100644
--- a/_posts/2022-12-22-cheatsheets-and-8-other-features-in-exdoc-that-improve-the-developer-experience.markdown
+++ b/src/content/blog/cheatsheets-and-8-other-features-in-exdoc-that-improve-the-developer-experience.md
@@ -1,19 +1,19 @@
 ---
-layout: post
-title: "Cheatsheets and other 8 ExDoc features that improve the developer experience"
-authors:
-- Hugo Baraúna
-category: Announcements
-excerpt: This post explains the motivation behind the new ExDoc Cheatsheet feature. It also highlights other ExDoc features that show how ExDoc has been evolving to make the documentation experience in Elixir better and better.
+title: "Cheatsheets and 7 other ExDoc features that improve the developer experience"
+excerpt: "This post explains the motivation behind the new ExDoc Cheatsheet feature. It also highlights other ExDoc features that show how ExDoc has been evolving to make the documentation experience in Elixir better and better."
+date: 2022-12-22
+author: "Hugo Baraúna"
+category: "Announcements"
+tags: []
 ---
 
-ExDoc has a cool new feature, [cheatsheets](https://ex-doc.hexdocs.pm/cheatsheet.html)!
+ExDoc has a cool new feature, [cheatsheets](https://hexdocs.pm/ex_doc/cheatsheet.html)!
 
 In this blog post, we'll explain what that new feature is and the motivation behind it. We'll also take the opportunity to highlight other ExDoc features that show how it has been evolving to make the documentation experience in Elixir better and better.
 
 ## What are ExDoc cheatsheets and how they improve the documentation experience
 
-ExDoc's cheatsheets are Markdown files with the `.cheatmd` extension. You can see [an example](https://ecto.hexdocs.pm/crud.html) of how the Ecto project is using them.
+ExDoc's cheatsheets are Markdown files with the `.cheatmd` extension. You can see [an example](https://hexdocs.pm/ecto/crud.html) of how the Ecto project is using them.
 
 Writing and reading cheatsheets is not exactly new to developers. What ExDoc brings to the table is the possibility of integrating cheatsheets alongside the rest of the documentation of an Elixir project, instead of hosting them in a different place.
 
@@ -25,7 +25,7 @@ ExDoc cheatsheets represent one step further in the direction of making document
 
 ExDoc cheatsheets are inspired by [devhints.io](https://devhints.io) from [Rico Sta. Cruz](https://twitter.com/rstacruz), and were contributed by [Paulo Valim](https://twitter.com/paulovalim) and [Yordis Prieto](https://twitter.com/alchemist_ubi).
 
-## Eight features that show how ExDoc has improved developer experience over time
+## Seven features that show how ExDoc has improved developer experience over time
 
 We added cheatsheets to ExDoc because we value developer experience and believe documentation is a core aspect of it.
 
@@ -38,12 +38,12 @@ Here are some of the features added to ExDoc over the years that make reading an
 As developers, we may not have the skill to make beautifully designed UIs. That doesn't mean we don't appreciate it. Here's what documentation generated with ExDoc looked like almost ten years ago, with its original layout based on [YARD](https://yardoc.org/):
 
 ![Screenshot of the Phoenix v0.5.0 documentation generated with an early version
-of ExDoc](https://i.imgur.com/O9xKjR8.jpg)
+of ExDoc](/images/contents/exdoc-phoenix-original-design.jpg)
 
 Here's what it looks like today:
 
 ![Screenshot of the Phoenix v1.6.15 documentation generated with current
-ExDoc](https://i.imgur.com/ZKI1T23.png)
+ExDoc](/images/contents/exdoc-phoenix-current-design.png)
 
 The evolution of ExDoc's design helped documentation be more visually appealing and easier to read and navigate.
 
@@ -52,16 +52,16 @@ The evolution of ExDoc's design helped documentation be more visually appealing
 Sometimes you're reading the documentation of a library, and you want to know more about the implementation of a function. Or, you found something in the documentation that could be improved and wants to help. In those situations, it's helpful to go from the documentation to the source code. ExDoc makes that dead easy. For every module, function, or page, ExDoc gives you a link that you can click to go directly to the project's source code on GitHub:
 
 ![Short screencast of a user clicking on the "link to source code" button on the
-documentation for a function](https://i.imgur.com/PXvoeDk.gif)
+documentation for a function](/images/contents/exdoc-source-code-link.gif)
 
 ### Guides
 
 One of the most common formats of library documentation is an API reference. But depending on your needs, that's not the most approachable format. For example, it's not optimal when you're just getting started with a library or when you want to learn how to solve a specific problem using it. That's why ExDoc allows writing other types of docs besides API references, like *"Getting started" guides* or *How-tos*.
 
-Look at how [Ecto's documentation](https://ecto.hexdocs.pm/getting-started.html) uses that, for example:
+Look at how [Ecto's documentation](https://hexdocs.pm/ecto/getting-started.html) uses that, for example:
 
 ![Screencast of a user exploring the guides in the Ecto
-documentation](https://i.imgur.com/KInZb4x.gif)
+documentation](/images/contents/exdoc-ecto-guides.gif)
 
 ### Custom grouping of modules, functions, and pages in the sidebar
 
@@ -70,7 +70,7 @@ Sometimes your library has dozens of modules. Sometimes, one given module has a
 Here's an example of how Ecto use grouped functions for its `Repo` module:
 
 ![Screenshot of the sidebar of the Ecto documentation, showing grouped functions
-in the `Ecto.Repo` module](https://i.imgur.com/ZE7N312.png)
+in the `Ecto.Repo` module](/images/contents/exdoc-ecto-grouped-functions.png)
 
 Instead of listing the ~40 functions of `Ecto.Repo` as a single extensive list, it presents them grouped by five cohesive topics:
 
@@ -80,43 +80,26 @@ Instead of listing the ~40 functions of `Ecto.Repo` as a single extensive list,
 - Runtime API
 - User callbacks
 
-The same functionality is available for modules and pages (guides, how-tos, and so on). Phoenix is a [good example](https://phoenix.hexdocs.pm/overview.html) of how that's used.
+The same functionality is available for modules and pages (guides, how-tos, and so on). Phoenix is a [good example](https://hexdocs.pm/phoenix/overview.html) of how that's used.
 
 ### Full-text search
 
 Sometimes you don't know or don't remember the name of the function that you're looking for. For example, let's say you're looking for a function for dealing with file system directories.
 
-Although there's no function or module called "directory" in Elixir, when you type "directory" in [Elixir's documentation](https://elixir.hexdocs.pm/search.html?q=directory), it will return all the entries that have the word "directory" inside the documentation. It will even return entries with variations of the word "directory", like "directories", doing a fuzzy search.
+Although there's no function or module called "directory" in Elixir, when you type "directory" in [Elixir's documentation](https://hexdocs.pm/elixir/search.html?q=directory), it will return all the entries that have the word "directory" inside the documentation. It will even return entries with variations of the word "directory", like "directories", doing a fuzzy search.
 
 ![Screenshot of the result of searching for "directory" in the Elixir
-documentation](https://i.imgur.com/IHHuej8.png)
+documentation](/images/contents/exdoc-full-text-search.png)
 
 The search bar also supports autocompletion for module and function names:
 
 ![Screencast of a user typing the word "Enum" in the search bar of Elixir's
 documentation and letting it autocomplete the module. Then, the user types
 "Range" and both modules and functions show
-up.](https://i.imgur.com/2cmsuDi.gif)
+up.](/images/contents/exdoc-search-autocomplete.gif)
 
 The best part is that full-text search is fully implemented on the client-side, which means ExDoc pages can be fully hosted as static websites (for example on GitHub Pages).
 
-### Keyboard shortcuts to navigate to docs of other Hex packages
-
-It's common for an application to have dependencies. While coding, we usually need to read the documentation of more than one of those dependencies.
-
-One solution is to keep a window open for the documentation of each dependency. However, ExDoc offers another option: a keyboard shortcut to search and go to another package documentation within the same window.
-
-Here's what it looks like:
-
-![Screencast of a user enabling the `g` shortcut to search through dependencies
-documentation and then using it to search for "phoenix_live" in the
-documentation for Nerves.](https://i.imgur.com/I9uJxUF.gif)
-
-There are more keyboard shortcuts to help you navigate within and between documentation:
-
-![Screenshot of the keyboard shortcuts that you can enable in
-ExDoc](https://i.imgur.com/qdoNUx9.png)
-
 ### A version dropdown to switch to other versions
 
 Keeping our application updated with the latest versions of all its dependencies can be challenging. So, it's common to need to look at the documentation of an older version of a library we're using. ExDoc makes it simple to do that.
@@ -125,7 +108,7 @@ When you access the documentation of a project, there's a dropdown that you can
 
 ![Screencast of a user typing the version dropdown under the application name in
 the "timex" documentation, revealing all the
-versions.](https://i.imgur.com/1krcY5g.gif)
+versions.](/images/contents/exdoc-version-dropdown.gif)
 
 ### Livebook integration
 
@@ -135,22 +118,18 @@ One of the ways Elixir developers have been using Livebook is for documentation.
 
 With that in mind, ExDoc offers the possibility of integrating Livebook notebooks. That means one can host Livebook-based documentation together with the API reference.
 
-Here's an [example of using Livebook inside ExDoc for writing a Usage Guide](https://req-sandbox.hexdocs.pm/usage.html):
-
-![Screencast of a user navigating through the "req_sandbox" documentation,
-finding a Livebook, clicking "Run in Livebook", and using the Livebook that
-opens up on their local machine.](https://i.imgur.com/FxOLs0Y.gif)
+Here's an [example of using Livebook inside ExDoc for writing a Usage Guide](https://hexdocs.pm/req_sandbox/usage.html).
 
 ### Bonus: Erlang support
 
 [EEP 48](https://www.erlang.org/eeps/eep-0048) proposed a standardized way for how BEAM languages could store API documentation. This allows any BEAM language to read documentation generated by each other.
 
-By leveraging that work, ExDoc can generate documentation for an Erlang project. For example, Telemetry is a library written in Erlang that has [its documentation](https://telemetry.hexdocs.pm/readme.html) generated with ExDoc.
+By leveraging that work, ExDoc can generate documentation for an Erlang project. For example, Telemetry is a library written in Erlang that has [its documentation](https://hexdocs.pm/telemetry/readme.html) generated with ExDoc.
 
 ![Screenshot of "telemetry" documentation generated with
-ExDoc](https://i.imgur.com/C4Idbuh.png)
+ExDoc](/images/contents/exdoc-erlang-telemetry.png)
 
-By using ExDoc to also generate documentation for Erlang-based projects, we can have more consistency in the user experience along the BEAM ecosystem. See the great [`rebar3_ex_doc`](https://rebar3-ex-doc.hexdocs.pm/) plugin to get started.
+By using ExDoc to also generate documentation for Erlang-based projects, we can have more consistency in the user experience along the BEAM ecosystem. See the great [`rebar3_ex_doc`](https://hexdocs.pm/rebar3_ex_doc/) plugin to get started.
 
 ### Bonus: Doctests
 
diff --git a/_posts/2025-03-25-cyanview-elixir-case.markdown b/src/content/blog/cyanview-elixir-case.md
similarity index 98%
rename from _posts/2025-03-25-cyanview-elixir-case.markdown
rename to src/content/blog/cyanview-elixir-case.md
index 48c021eae..def371bae 100644
--- a/_posts/2025-03-25-cyanview-elixir-case.markdown
+++ b/src/content/blog/cyanview-elixir-case.md
@@ -1,13 +1,10 @@
 ---
-layout: post
 title: "Cyanview: Coordinating Super Bowl's visual fidelity with Elixir"
-authors:
-- Lars Wikman
-- José Valim
-category: Elixir in Production
-excerpt: A case study of how Elixir is being used at Cyanview.
-logo: /images/cases/logos/cyanview.png
-tags: superbowl mqtt
+excerpt: "A case study of how Elixir is being used at Cyanview."
+date: 2025-03-25
+author: "Lars Wikman, José Valim"
+category: "Elixir in Production"
+tags: ["superbowl", "mqtt"]
 ---
 
 How do you coordinate visual fidelity across two hundred cameras for a live event like the Super Bowl?
@@ -89,4 +86,3 @@ Development is highly active, with complementary products already in place along
 ## In summary
 
 A high-quality product delivering the right innovation at the right time in an industry that's been underserved in terms of good integration. Elixir provided serious leverage for developing a lot of integrations with high confidence and consistent reliability. In an era where productivity and lean, efficient teams are everything, Cyanview is a prime example of how Elixir empowers small teams to achieve an outsized impact.
-
diff --git a/_posts/2020-10-27-delivering-social-change-with-elixir-at-change.org.markdown b/src/content/blog/delivering-social-change-with-elixir-at-change.org.md
similarity index 96%
rename from _posts/2020-10-27-delivering-social-change-with-elixir-at-change.org.markdown
rename to src/content/blog/delivering-social-change-with-elixir-at-change.org.md
index 8e58ec64c..b5697f23a 100644
--- a/_posts/2020-10-27-delivering-social-change-with-elixir-at-change.org.markdown
+++ b/src/content/blog/delivering-social-change-with-elixir-at-change.org.md
@@ -1,13 +1,11 @@
 ---
-layout: post
-title: Delivering social change with Elixir at Change.org
-authors:
--  José Valim
-category: Elixir in Production
-excerpt: A case study of how Elixir is being used at Change.org.
-flagship: true
-logo: /images/cases/logos/change.png
-tags: social broadway
+title: "Delivering social change with Elixir at Change.org"
+excerpt: "A case study of how Elixir is being used at Change.org."
+date: 2020-10-27
+author: "José Valim"
+category: "Elixir in Production"
+tags: ["social", "broadway"]
+slug: "delivering-social-change-with-elixir-at-change.org"
 ---
 
 *Welcome to our series of case studies about companies using Elixir in production. [See all cases](/cases.html) we have published so far.*
diff --git a/_posts/2026-02-26-eager-literal-intersections.markdown b/src/content/blog/eager-literal-intersections.md
similarity index 98%
rename from _posts/2026-02-26-eager-literal-intersections.markdown
rename to src/content/blog/eager-literal-intersections.md
index e62d7fb02..0fef6f159 100644
--- a/_posts/2026-02-26-eager-literal-intersections.markdown
+++ b/src/content/blog/eager-literal-intersections.md
@@ -1,10 +1,10 @@
 ---
-layout: post
 title: "Lazy BDDs with eager literal intersections"
-authors:
-- José Valim
-category: Internals
-excerpt: "This article explores the latest batch of optimizations we did to set-theoretic types and their representation"
+excerpt: "This article explores the latest batch of optimizations we did to set-theoretic types and their representation."
+date: 2026-02-26
+author: "José Valim"
+category: "Internals"
+tags: []
 ---
 
 In [a previous article](/blog/2025/12/02/lazier-bdds-for-set-theoretic-types/),
diff --git a/_posts/2013-08-08-elixir-design-goals.markdown b/src/content/blog/elixir-design-goals.md
similarity index 93%
rename from _posts/2013-08-08-elixir-design-goals.markdown
rename to src/content/blog/elixir-design-goals.md
index adb8c1c54..46021cb2a 100644
--- a/_posts/2013-08-08-elixir-design-goals.markdown
+++ b/src/content/blog/elixir-design-goals.md
@@ -1,10 +1,10 @@
 ---
-layout: post
-title: Elixir Design Goals
-authors:
--  José Valim
-category: Internals
-excerpt: Highlight of Elixir design goals.
+title: "Elixir Design Goals"
+excerpt: "Highlight of Elixir design goals."
+date: 2013-08-08
+author: "José Valim"
+category: "Internals"
+tags: []
 ---
 
 During the last year, we have spoken at many conferences spreading the word about Elixir. We [usually started with introducing the Erlang VM](https://vimeo.com/53221562), then went on to talk about Elixir goals, saving some time at the end to do a live demo, showing some goodies like exchanging information between remote nodes and even hot code swapping.
@@ -25,9 +25,9 @@ We frequently say that **the Erlang VM is Elixir's strongest asset**.
 
 All Elixir code is executed inside light-weight processes (actors), each with its own state, that exchange messages between each other. The Erlang VM multiplexes those processes onto many cores, making it trivial to run code concurrently.
 
-In fact if you compile any Elixir code, including the Elixir source, you will see all cores on your machine being used out of the box. With [technologies like Parallella](https://www.parallella.org/board/) becoming more accessible and affordable, it is hard to ignore the power you can get out of the Erlang VM.
+In fact if you compile any Elixir code, including the Elixir source, you will see all cores on your machine being used out of the box. With [technologies like Parallella](http://www.parallella.org/board/) becoming more accessible and affordable, it is hard to ignore the power you can get out of the Erlang VM.
 
-Finally, the Erlang VM was designed to build systems that run forever, self-heal and scale. Joe Armstrong, one of Erlang's creators, has recently given an excellent talk [about the design decisions behind OTP and the VM](https://www.infoq.com/presentations/self-heal-scalable-system).
+Finally, the Erlang VM was designed to build systems that run forever, self-heal and scale. Joe Armstrong, one of Erlang's creators, has recently given an excellent talk [about the design decisions behind OTP and the VM](http://www.infoq.com/presentations/self-heal-scalable-system).
 
 Nothing that we are describing here is particularly new. Open source projects like CouchDB, Riak, RabbitMQ, Chef11 and companies like Ericsson, Heroku, Basho, Klarna and Wooga are already enjoying the benefits provided by the Erlang VM, some of them for quite a long time.
 
@@ -203,9 +203,9 @@ Enum.map set, fn(x) -> x * 2 end
 #=> [2, 4, 6]
 ```
 
-Not only that, any developer can **extend** the `Enum` module to work with any data type as long as the data type implements [the `Enumerable` protocol](https://elixir.hexdocs.pm/Enumerable.html) (protocols in Elixir are based on Clojure's protocol). This is extremely convenient because the developer needs to know only the `Enum` API for enumeration, instead of memorizing specific APIs for sets, lists, dicts, etc.
+Not only that, any developer can **extend** the `Enum` module to work with any data type as long as the data type implements [the `Enumerable` protocol](https://hexdocs.pm/elixir/Enumerable.html) (protocols in Elixir are based on Clojure's protocol). This is extremely convenient because the developer needs to know only the `Enum` API for enumeration, instead of memorizing specific APIs for sets, lists, dicts, etc.
 
-There are many other protocols exposed by the language, like [the `Inspect` protocol](https://elixir.hexdocs.pm/Inspect.html) for pretty printing data structures and [the `Access` protocol](https://elixir.hexdocs.pm/Access.html) for accessing key-value data by key. By being extensible, Elixir ensures developers can work **with** the language, instead of **against** the language.
+There are many other protocols exposed by the language, like [the `Inspect` protocol](https://hexdocs.pm/elixir/Inspect.html) for pretty printing data structures and [the `Access` protocol](https://hexdocs.pm/elixir/Access.html) for accessing key-value data by key. By being extensible, Elixir ensures developers can work **with** the language, instead of **against** the language.
 
 ## Summing up
 
@@ -213,4 +213,4 @@ The goal of this post was to sumarize the language goals: compatibility, product
 
 We also hope to have clarified what Elixir brings to the Erlang VM, in particular, meta-programming through macros, polymorphic constructs for extensibility and a data-focused standard library with extensible and consistent APIs for diverse types, including strict and lazy enumeration, unicode handling, a test framework and more.
 
-Give Elixir a try! You can start with our [getting started guide](https://elixir.hexdocs.pm/introduction.html), or check out our sidebar for other learning resources.
+Give Elixir a try! You can start with our [getting started guide](https://hexdocs.pm/elixir/introduction.html), or check out our sidebar for other learning resources.
diff --git a/src/content/blog/elixir-on-xen.md b/src/content/blog/elixir-on-xen.md
new file mode 100644
index 000000000..c98ea7839
--- /dev/null
+++ b/src/content/blog/elixir-on-xen.md
@@ -0,0 +1,71 @@
+---
+title: "Elixir on Xen"
+excerpt: "The Erlang on Xen team has added support for Elixir and we will tell you how you can use it."
+date: 2013-05-02
+author: "José Valim"
+category: "Announcements"
+tags: []
+---
+
+Elixir uses Erlang underneath, all the way down. Thanks to this, an Elixir project can run on the recently revealed "OS-less" Erlang VM called LING VM. LING VM is the core technology of [Erlang on Xen](http://erlangonxen.org).
+
+## Why Xen?
+
+[Xen](https://en.wikipedia.org/wiki/Xen) is an open-source baremetal hypervisor that allows many operating systems to run on the same hardware. Xen is frequently used for server virtualization, Infrastructure as a Service (IaaS) and security applications.
+
+Elixir on Xen runs on top of the Xen Hypervisor (via the LING VM) but with no traditional OS underneath it, taking away numerous administrative, scalability, and performance issues. This  limits options of a malicious attacker, making it an excellent choice for high-security applications, and reduces startup latency, allowing developers to spawn new VMs in less than 100 milliseconds.
+
+You can learn more about Xen and the LING VM on the [Erlang on Xen website](http://erlangonxen.org).
+
+## Getting started
+
+In order to run Elixir on the LING VM, you need to produce a Xen image of your Elixir project. This can be done with the help of the [lingex project](https://github.com/maximk/lingex), created by the LING VM team.
+
+Producing an Elixir image using the free Erlang on Xen Build Service requires just a few steps:
+
+1. Add a dependency on `lingex` to your `mix.exs` file:
+
+          def deps do
+            [ { :lingex, github: "maximk/lingex" } ]
+          end
+
+2. Run `mix deps.get` to update your dependencies. This adds a few custom tasks
+to the mix tool (`lingex.build`, `lingex.image`, and `lingex.build_image`)
+
+3. Set `lingex` options. Add the following lines to your `mix.exs` file:
+
+          def project do
+            [ lingex_opts: [
+                build_host: "build.erlangonxen.org:8080",
+          			username: "test",
+          			password: "test" ] ]
+          end
+
+4. Optionally, you may register with the build service [here](http://build.erlangonxen.org/register) and update the credentials accordingly. For the complete list of recognized options see the build service documentation.
+
+5. Run `mix lingex.build_image`. This will archive all `*.beam` files of your project and submit them to the build service.
+
+6. The build process will complete in about 30s. An image file called 'vmling' will appear in the current directory, ready to boot as a Xen guest. The image file will contain LING VM and your project code.
+
+And this is all. Erlang on Xen is going to boot the Erlang VM and the standard Erlang shell. You can access Elixir shell in a couple steps:
+
+1. In the Erlang shell, first start IEx:
+
+          1> application:start(iex).
+          ok
+
+2. Then hit `Ctrl+G`. This will open up the user switch command interface from the Erlang shell.
+
+3. In the user switch interface, type:
+
+          User switch command
+           --> s 'Elixir.IEx'
+           --> c
+
+This will bring you to Interactive Elixir and you can execute Elixir expressions as usual!
+
+## Summing up
+
+Running Elixir on Xen opens up many possibilities to Elixir developers. We are very thankful for the work done by [Erlang on Xen team](http://erlangonxen.org), who added support for Elixir and the `lingex` build tool.
+
+Erlang on Xen (and consequently Elixir on Xen) is still in active development, so don't forget to read more about its concepts, use cases and limitations on [Erlang on Xen website](http://erlangonxen.org/).
diff --git a/_posts/2025-02-26-elixir-openchain-certification.markdown b/src/content/blog/elixir-openchain-certification.md
similarity index 96%
rename from _posts/2025-02-26-elixir-openchain-certification.markdown
rename to src/content/blog/elixir-openchain-certification.md
index 76285ea70..b9d7996fe 100644
--- a/_posts/2025-02-26-elixir-openchain-certification.markdown
+++ b/src/content/blog/elixir-openchain-certification.md
@@ -1,12 +1,10 @@
 ---
-layout: post
 title: "Announcing Elixir OpenChain Certification"
-authors:
-  - Jonatan Männchen
-  - José Valim
-category: Announcements
 excerpt: "The Elixir project now meets OpenChain (ISO/IEC 5230). Each release ships with Source SBoMs in CycloneDX 1.6 and SPDX 2.3, plus attestation."
-tags: openchain compliance
+date: 2025-02-26
+author: "The Elixir Team"
+category: "Announcements"
+tags: ["openchain", "compliance"]
 ---
 
 We are pleased to share that the Elixir project now complies with
diff --git a/_posts/2025-06-02-elixir-outreach-stipend-for-speakers.markdown b/src/content/blog/elixir-outreach-stipend-for-speakers.md
similarity index 96%
rename from _posts/2025-06-02-elixir-outreach-stipend-for-speakers.markdown
rename to src/content/blog/elixir-outreach-stipend-for-speakers.md
index 1bca122fc..cf8509ef7 100644
--- a/_posts/2025-06-02-elixir-outreach-stipend-for-speakers.markdown
+++ b/src/content/blog/elixir-outreach-stipend-for-speakers.md
@@ -1,10 +1,10 @@
 ---
-layout: post
 title: "Elixir Outreach stipend for speakers and trainers"
-authors:
-- José Valim
-category: Announcements
-excerpt: "We announce the Elixir Outreach stipend in partnership with Dashbit, Oban, and the Erlang Ecosystem Foundation"
+excerpt: "We announce the Elixir Outreach stipend in partnership with Dashbit, Oban, and the Erlang Ecosystem Foundation."
+date: 2025-06-02
+author: "José Valim"
+category: "Announcements"
+tags: []
 ---
 
 [Dashbit](https://dashbit.co), [Oban](https://oban.pro), and the [Erlang Ecosystem Foundation (EEF)](https://erlef.org) are glad to announce a new program, which we will trial over the next 12 months, called "Elixir Outreach". Our goal is to provide funds to community members who want to present Elixir and Erlang to other ecosystems and communities, while respecting our joint values.
@@ -39,4 +39,4 @@ This is a new effort for all involved! Please be patient while we figure out the
 
 If you are looking for conferences to speak at, [Dave Aronson keeps a list of CFPs closing soon](https://www.codosaur.us/speaking/cfps-ending-soon) and there are likely others available. Note, we don’t necessarily endorse all of the conferences listed nor guarantee they meet the requirements above, but the list may help you get the ball rolling.
 
-Thanks to Parker Selbert, Shannon Selbert, Brian Cardarella, Alistair Woodman, and Lee Barney for feedback and helping make this a reality.
\ No newline at end of file
+Thanks to Parker Selbert, Shannon Selbert, Brian Cardarella, Alistair Woodman, and Lee Barney for feedback and helping make this a reality.
diff --git a/_posts/2013-12-11-elixir-s-new-continuable-enumerators.markdown b/src/content/blog/elixir-s-new-continuable-enumerators.md
similarity index 96%
rename from _posts/2013-12-11-elixir-s-new-continuable-enumerators.markdown
rename to src/content/blog/elixir-s-new-continuable-enumerators.md
index 9ad5875a6..82b9cccbe 100644
--- a/_posts/2013-12-11-elixir-s-new-continuable-enumerators.markdown
+++ b/src/content/blog/elixir-s-new-continuable-enumerators.md
@@ -1,11 +1,10 @@
 ---
-layout: post
-title: Elixir's new continuable enumerators
-authors:
--  Peter Minten
-category: Internals
-excerpt: In 0.12.0 Elixir's enumerators have gained the ability to suspend value
-         production and to terminate early.
+title: "Elixir's new continuable enumerators"
+excerpt: "In 0.12.0 Elixir's enumerators have gained the ability to suspend value."
+date: 2013-12-11
+author: "Peter Minten"
+category: "Internals"
+tags: []
 ---
 
 As you may have heard in the upcoming 0.12.0 release Elixir's enumerators gained
@@ -98,7 +97,7 @@ producer "stop for now but be prepared to continue where you left off later".
 
 At CodeMeshIO José Valim and Jessica Kerr sat down and discussed this problem.
 They came up with a solution inspired by a [Monad.Reader
-article](https://themonadreader.files.wordpress.com/2010/05/issue16.pdf) (third
+article](http://themonadreader.files.wordpress.com/2010/05/issue16.pdf) (third
 article). It's an elegant extension of the old system, based on a simple idea.
 Instead of returning only an accumulator at every step (for every produced
 value) the consumer returns a combination of an accumulator and an instruction
diff --git a/_posts/2013-07-13-elixir-v0-10-0-released.markdown b/src/content/blog/elixir-v0-10-0-released.md
similarity index 77%
rename from _posts/2013-07-13-elixir-v0-10-0-released.markdown
rename to src/content/blog/elixir-v0-10-0-released.md
index e8735f9cd..d40b666b4 100644
--- a/_posts/2013-07-13-elixir-v0-10-0-released.markdown
+++ b/src/content/blog/elixir-v0-10-0-released.md
@@ -1,10 +1,10 @@
 ---
-layout: post
-title: Elixir v0.10.0 released
-authors:
--  José Valim
-category: Releases
-excerpt: Elixir v0.10.0 is out with support for streams, sets, pretty printing and many improvements for Mix and ExUnit.
+title: "Elixir v0.10.0 released"
+excerpt: "Elixir v0.10.0 is out with support for streams, sets, pretty printing and many improvements for Mix and ExUnit."
+date: 2013-07-13
+author: "José Valim"
+category: "Releases"
+tags: []
 ---
 
 Elixir v0.10.0 is released with support for streams, sets and many improvements to the Mix and ExUnit applications.
@@ -55,19 +55,19 @@ Stream.repeatedly(fn -> :random.uniform end) |> Enum.take(3)
 #=> [0.4435846174457203, 0.7230402056221108, 0.94581636451987]
 ```
 
-`Stream.repeatedly/1` returns an infinite stream but that's ok we just need its first three elements. You can learn more about [stream and related functions in `Stream` module documentation](https://elixir.hexdocs.pm/Stream.html).
+`Stream.repeatedly/1` returns an infinite stream but that's ok we just need its first three elements. You can learn more about [stream and related functions in `Stream` module documentation](https://hexdocs.pm/elixir/Stream.html).
 
 ## Sets
 
-This release also adds [the Sets API](https://elixir.hexdocs.pm/Set.html) to Elixir and a HashSet implementation. The HashSet implementation follows [the same design goals as the HashDict implementation](/blog/2013/01/27/elixir-v0-8-0-released/) released at the beginning of this year, starting with a compact representation and expanding and contracting as needed.
+This release also adds [the Sets API](https://hexdocs.pm/elixir/Set.html) to Elixir and a HashSet implementation. The HashSet implementation follows [the same design goals as the HashDict implementation](/blog/2013/01/27/elixir-v0-8-0-released/) released at the beginning of this year, starting with a compact representation and expanding and contracting as needed.
 
-This feature was a contribution from [Joseph Wilk](https://github.com/josephwilk) and he talks about its implementation and provides some benchmarks [on his blog](https://blog.josephwilk.net/elixir/sets-in-elixir.html).
+This feature was a contribution from [Joseph Wilk](https://github.com/josephwilk) and he talks about its implementation and provides some benchmarks [on his blog](http://blog.josephwilk.net/elixir/sets-in-elixir.html).
 
 ## Pretty printing
 
-Another addition to this release is pretty printing. The pretty printing started as an implementation of the [Wadler paper](https://homepages.inf.ed.ac.uk/wadler/papers/prettier/prettier.pdf) by [Jonns Mostovoys](https://github.com/manpages) which was then improved by [Gustavo Brunoro](https://github.com/brunoro) under his Google Summer of Code project as described in [Lindig's _Strictly Prettier_ paper](https://lindig.github.io/papers/strictly-pretty-2000.pdf).
+Another addition to this release is pretty printing. The pretty printing started as an implementation of the [Wadler paper](http://homepages.inf.ed.ac.uk/wadler/papers/prettier/prettier.pdf) by [Jonns Mostovoys](https://github.com/manpages) which was then improved by [Gustavo Brunoro](https://github.com/brunoro) under his Google Summer of Code project as described in [Lindig's _Strictly Prettier_ paper](http://citeseerx.ist.psu.edu/viewdoc/summary?doi=10.1.1.34.2200).
 
-As soon as you upgrade to Elixir v0.10.0 and start IEx, you will get pretty printing for all data structures provided by Elixir. We have also added documentation to the `Inspect` module about [adding pretty printing to your own structures](https://elixir.hexdocs.pm/Inspect.html) as well as [using the document algebra for any other kind of formatting](https://elixir.hexdocs.pm/Inspect.Algebra.html).
+As soon as you upgrade to Elixir v0.10.0 and start IEx, you will get pretty printing for all data structures provided by Elixir. We have also added documentation to the `Inspect` module about [adding pretty printing to your own structures](https://hexdocs.pm/elixir/Inspect.html) as well as [using the document algebra for any other kind of formatting](https://hexdocs.pm/elixir/Inspect.Algebra.html).
 
 ## Other improvements
 
@@ -79,8 +79,8 @@ Other notable improvements are:
 
 * We are also working hard on Windows support, improving its command-line tools and working towards a green test suite, thanks to [Tom Jansens](https://github.com/tojans);
 
-* Meta-programming in Elixir was also improved by the addition of the `binding/0` and `binding/1` macros plus the additions of `Macro.expand_once/2` and `Macro.expand_all/2` to the [`Macro` module](https://elixir.hexdocs.pm/Macro.html);
+* Meta-programming in Elixir was also improved by the addition of the `binding/0` and `binding/1` macros plus the additions of `Macro.expand_once/2` and `Macro.expand_all/2` to the [`Macro` module](https://hexdocs.pm/elixir/Macro.html);
 
-There are also improvements to typespecs, error messages, many bug fixes and some backwards incompatible changes. We have posted a detailed [upgrade instructions on the mailing list](https://groups.google.com/g/elixir-lang-talk/c/ksrefrgK1eY). For a general overview, [check out the CHANGELOG](https://github.com/elixir-lang/elixir/blob/v0.10.0/CHANGELOG.md).
+There are also improvements to typespecs, error messages, many bug fixes and some backwards incompatible changes. We have posted a detailed [upgrade instructions on the mailing list](https://groups.google.com/forum/?fromgroups#!topic/elixir-lang-talk/ksrefrgK1eY). For a general overview, [check out the CHANGELOG](https://github.com/elixir-lang/elixir/blob/v0.10.0/CHANGELOG.md).
 
-Give Elixir a try! You can start with our [getting started guide](https://elixir.hexdocs.pm/introduction.html), or check out our sidebar for other learning resources.
+Give Elixir a try! You can start with our [getting started guide](https://hexdocs.pm/elixir/introduction.html), or check out our sidebar for other learning resources.
diff --git a/_posts/2013-11-05-elixir-v0-11-0-released.markdown b/src/content/blog/elixir-v0-11-0-released.md
similarity index 85%
rename from _posts/2013-11-05-elixir-v0-11-0-released.markdown
rename to src/content/blog/elixir-v0-11-0-released.md
index 8abe93fdd..d394fdf20 100644
--- a/_posts/2013-11-05-elixir-v0-11-0-released.markdown
+++ b/src/content/blog/elixir-v0-11-0-released.md
@@ -1,10 +1,10 @@
 ---
-layout: post
-title: Elixir v0.11.0 released
-authors:
--  José Valim
-category: Releases
-excerpt: Elixir v0.11.0 is out and it focus on improving and optimizing the patterns often used by the community.
+title: "Elixir v0.11.0 released"
+excerpt: "Elixir v0.11.0 is out and it focus on improving and optimizing the patterns often used by the community."
+date: 2013-11-05
+author: "José Valim"
+category: "Releases"
+tags: []
 ---
 
 After 4 months, Elixir v0.11.0 has been released with 832 commits since the previous minor release, done by more than 40 contributors. Although we have some great features in this release, the major focus in those 4 months was improving the common patterns used by the community and streamlining the existing workflows.
@@ -23,7 +23,7 @@ In this new release, IEx also supports a very simple debugging mechanism called
 
 ![IEx pry example](/images/contents/iex-pry.png)
 
-In Elixir, your code runs in many processes that talk to each other and the Elixir shell is no different. `IEx.pry` allows another process to take over the shell, allowing the developer to inspect the binding and halt the execution of the process being "pried" (i.e. the one that invoked `IEx.pry`). We called this feature `pry` as a gentle reminder that you can only inspect existing information, you cannot change the binding over a pried process. For more information, check the docs for [`IEx.pry/0`](https://iex.hexdocs.pm/IEx.html#pry/0).
+In Elixir, your code runs in many processes that talk to each other and the Elixir shell is no different. `IEx.pry` allows another process to take over the shell, allowing the developer to inspect the binding and halt the execution of the process being "pried" (i.e. the one that invoked `IEx.pry`). We called this feature `pry` as a gentle reminder that you can only inspect existing information, you cannot change the binding over a pried process. For more information, check the docs for [`IEx.pry/1`](https://hexdocs.pm/iex/IEx.html#pry/1).
 
 ## ExUnit
 
@@ -60,14 +60,14 @@ fun.(1..3)
 #=> true
 ```
 
-You can learn more about the [new capture operator in our docs](https://elixir.hexdocs.pm/Kernel.SpecialForms.html#&/1).
+You can learn more about the [new capture operator in our docs](https://hexdocs.pm/elixir/Kernel.SpecialForms.html#&/1).
 
-We have also pushed improvements to [the String module](https://elixir.hexdocs.pm/String.html), including new APIs. In particular, in order to know that `String.length("josé")` has length 4 (even though it takes 5 bytes to be represented in UTF-8), we need to use some algorithms defined by the Unicode Standard. These have been implemented as specified in the [extended grapheme cluster algorithm, defined in the version 6.3.0 of the Unicode Standard](https://www.unicode.org/reports/tr29/).
+We have also pushed improvements to [the String module](https://hexdocs.pm/elixir/String.html), including new APIs. In particular, in order to know that `String.length("josé")` has length 4 (even though it takes 5 bytes to be represented in UTF-8), we need to use some algorithms defined by the Unicode Standard. These have been implemented as specified in the [extended grapheme cluster algorithm, defined in the version 6.3.0 of the Unicode Standard](http://www.unicode.org/reports/tr29/).
 
-In the optimization front, we have pushed the first iteration of a [feature called Protocol consolidation](https://groups.google.com/g/elixir-lang-core/c/RoXAUtoyjk4), which speeds up the polymorphic dispatch done by protocols, sometimes reducing the dispatching time to 10% of the original time. We will continue working in upcoming releases to integrate protocol consolidation as a regular part of the developer workflow.
+In the optimization front, we have pushed the first iteration of a [feature called Protocol consolidation](https://groups.google.com/forum/#!topic/elixir-lang-core/RoXAUtoyjk4), which speeds up the polymorphic dispatch done by protocols, sometimes reducing the dispatching time to 10% of the original time. We will continue working in upcoming releases to integrate protocol consolidation as a regular part of the developer workflow.
 
 And finally, a minor but frequently asked feature has finally arrived into Elixir: variables follow the same rules as other identifiers in the language, which means developers can now name their variables `is_atom?`. For a general overview, [check out the CHANGELOG](https://github.com/elixir-lang/elixir/blob/v0.11.0/CHANGELOG.md).
 
-Give Elixir a try! You can start with our [getting started guide](https://elixir.hexdocs.pm/introduction.html), or check out our sidebar for other learning resources.
+Give Elixir a try! You can start with our [getting started guide](https://hexdocs.pm/elixir/introduction.html), or check out our sidebar for other learning resources.
 
 **PS:** We have just released v0.11.1 which addresses a regression in Mix and improves the dependencies update process.
diff --git a/_posts/2013-12-15-elixir-v0-12-0-released.markdown b/src/content/blog/elixir-v0-12-0-released.md
similarity index 91%
rename from _posts/2013-12-15-elixir-v0-12-0-released.markdown
rename to src/content/blog/elixir-v0-12-0-released.md
index c5ed5b8be..dd2c49115 100644
--- a/_posts/2013-12-15-elixir-v0-12-0-released.markdown
+++ b/src/content/blog/elixir-v0-12-0-released.md
@@ -1,10 +1,10 @@
 ---
-layout: post
-title: Elixir v0.12.0 released
-authors:
--  José Valim
-category: Releases
-excerpt: Elixir v0.12.0 is out with improved enumerables, build patterns and welcoming a new member to our team
+title: "Elixir v0.12.0 released"
+excerpt: "Elixir v0.12.0 is out with improved enumerables, build patterns and welcoming a new member to our team."
+date: 2013-12-15
+author: "José Valim"
+category: "Releases"
+tags: []
 ---
 
 Elixir v0.12.0 has been released with improved enumerables, build patterns and welcoming a new member to our team.
@@ -50,4 +50,4 @@ Eric is also maintainer of both [Ecto](https://github.com/elixir-ecto/ecto) and
 
 There were other small changes, like additions to the `Float` module and improvements the to the typespec syntax. To see the full list, please [see the CHANGELOG](https://github.com/elixir-lang/elixir/blob/v0.12.0/CHANGELOG.md).
 
-Give Elixir a try! You can start with our [getting started guide](https://elixir.hexdocs.pm/introduction.html), or check out our sidebar for other learning resources.
+Give Elixir a try! You can start with our [getting started guide](https://hexdocs.pm/elixir/introduction.html), or check out our sidebar for other learning resources.
diff --git a/_posts/2014-04-21-elixir-v0-13-0-released.markdown b/src/content/blog/elixir-v0-13-0-released.md
similarity index 87%
rename from _posts/2014-04-21-elixir-v0-13-0-released.markdown
rename to src/content/blog/elixir-v0-13-0-released.md
index 1adcefa00..cc84d1628 100644
--- a/_posts/2014-04-21-elixir-v0-13-0-released.markdown
+++ b/src/content/blog/elixir-v0-13-0-released.md
@@ -1,10 +1,10 @@
 ---
-layout: post
-title: Elixir v0.13.0 released, hex.pm and ElixirConf announced
-authors:
--  José Valim
-category: Releases
-excerpt: "Elixir v0.13.0 comes with substantial improvements to the language: maps, structs, comprehensiona and more. It also marks the announcement of the hex.pm package manager and the announcement of ElixirConf!"
+title: "Elixir v0.13.0 released, hex.pm and ElixirConf announced"
+excerpt: "Elixir v0.13.0 comes with substantial improvements to the language: maps, structs, comprehensiona and more. It also marks the announcement of the hex.pm package manager and the announcement of ElixirConf."
+date: 2014-04-21
+author: "José Valim"
+category: "Releases"
+tags: []
 ---
 
 Hello folks!
@@ -15,7 +15,7 @@ Before we go into the changes, let's briefly talk about ElixirConf!
 
 ## ElixirConf
 
-We are excited to announce [ElixirConf](https://elixirconf.com), the first ever Elixir conference, happening July 25-26, 2014 in Austin, TX. The Call For Proposals is open and we are waiting for your talks!
+We are excited to announce [ElixirConf](http://elixirconf.com), the first ever Elixir conference, happening July 25-26, 2014 in Austin, TX. The Call For Proposals is open and we are waiting for your talks!
 
 The registration is also open and we hope you will join us on this exciting event. We welcome Elixir developers and enthusiasts that are looking forward to be part of our thrilling community!
 
@@ -29,13 +29,13 @@ In a nutshell, here is what new:
 
 * Elixir v0.13 also provides structs, an alternative to Elixir records. Structs are more flexible than records, provide faster polymorphic operations, and still provide the same compile-time guarantees many came to love in records;
 
-* The [Getting Started guide](https://elixir.hexdocs.pm/introduction.html) was rewritten from scratch. The previous guide was comprised of 7 chapters and was about to become 2 years old. The new guide features 20 chapters, it explores the new maps and structs (which are part of this release), and it goes deeper into topics like IO and File handling. It also includes an extra guide, still in development, about [Meta-Programming in Elixir](https://elixir.hexdocs.pm/quote-and-unquote.html);
+* The [Getting Started guide](https://hexdocs.pm/elixir/introduction.html) was rewritten from scratch. The previous guide was comprised of 7 chapters and was about to become 2 years old. The new guide features 20 chapters, it explores the new maps and structs (which are part of this release), and it goes deeper into topics like IO and File handling. It also includes an extra guide, still in development, about [Meta-Programming in Elixir](https://hexdocs.pm/elixir/quote-and-unquote.html);
 
-* Elixir v0.13 provides a new comprehension syntax that not only works with lists, but with any [`Enumerable`](https://elixir.hexdocs.pm/Enumerable.html). The output of a comprehension is also extensible via the [`Collectable`](https://elixir.hexdocs.pm/Collectable.html) protocol;
+* Elixir v0.13 provides a new comprehension syntax that not only works with lists, but with any [`Enumerable`](https://hexdocs.pm/elixir/Enumerable.html). The output of a comprehension is also extensible via the [`Collectable`](https://hexdocs.pm/elixir/Collectable.html) protocol;
 
 * Mix, Elixir's build tool, has been improved in order to provide better workflows when compiling projects and working with dependencies;
 
-* There are many other changes, like the addition of [StringIO](https://elixir.hexdocs.pm/StringIO.html), support for [tags and filters in ExUnit](https://ex-unit.hexdocs.pm/ExUnit.Case.html) and more. Please check the [CHANGELOG](https://github.com/elixir-lang/elixir/blob/v0.13.0/CHANGELOG.md) for the complete list.
+* There are many other changes, like the addition of [StringIO](https://hexdocs.pm/elixir/StringIO.html), support for [tags and filters in ExUnit](https://hexdocs.pm/ex_unit/ExUnit.Case.html) and more. Please check the [CHANGELOG](https://github.com/elixir-lang/elixir/blob/v0.13.0/CHANGELOG.md) for the complete list.
 
 Even with all those improvements, Elixir v0.13.0 is backwards compatible with Elixir v0.12.5 and upgrading should be a clean process.
 
@@ -69,7 +69,7 @@ iex> %{"other" => value} = map
 
 A map pattern will match any map that has all the keys specified in the pattern. The values for the matching keys must also match. For example, `%{"hello" => world}` will match any map that has the key `"hello"` and assign the value to `world`, while `%{"hello" => "world"}` will match any map that has the key `"hello"` with value equals to `"world"`. An empty map pattern (`%{}`) will match all maps.
 
-Developers can use the functions in the [`Map` module](https://elixir.hexdocs.pm/Map.html) to work with maps. For more information on maps and how they compare to other associative data structures in the language, please check the [Maps chapter in our new Getting Started guide](https://elixir.hexdocs.pm/keywords-and-maps.html). Elixir Sips has also released two episodes that cover maps ([part 1](https://web.archive.org/web/20260514135945/http://elixirsips.com/episodes/054_maps_part_1.html) and [part 2](https://web.archive.org/web/20260514135945/http://elixirsips.com/episodes/055_maps_part_2.html)).
+Developers can use the functions in the [`Map` module](https://hexdocs.pm/elixir/Map.html) to work with maps. For more information on maps and how they compare to other associative data structures in the language, please check the [Maps chapter in our new Getting Started guide](https://hexdocs.pm/elixir/keywords-and-maps.html). Elixir Sips has also released two episodes that cover maps ([part 1](http://elixirsips.com/episodes/054_maps_part_1.html) and [part 2](http://elixirsips.com/episodes/055_maps_part_2.html)).
 
 Maps also provide special syntax for creating, accessing and updating maps with atom keys:
 
@@ -145,7 +145,7 @@ Since maps are meant to replace many cases of records in Erlang, we saw with the
 3. Compile-time structures with compile-time errors
 4. The basic foundation for polymorphism in Elixir
 
-Maps naturally solve issues `1.` and `2.` above. In particular, maps that have same keys share the same key-space in memory. That's why the update operation `%{map | ...}` we have seen above is relevant: if we know we are updating an existing key, the new map created as result of the update operation can share the same key space as the old map without extra checks. For more details on why Maps are efficient, I would recommend [reading Joe's blog post on the matter](https://web.archive.org/web/20161220040820/http://joearms.github.io/2014/02/01/big-changes-to-erlang.html).
+Maps naturally solve issues `1.` and `2.` above. In particular, maps that have same keys share the same key-space in memory. That's why the update operation `%{map | ...}` we have seen above is relevant: if we know we are updating an existing key, the new map created as result of the update operation can share the same key space as the old map without extra checks. For more details on why Maps are efficient, I would recommend [reading Joe's blog post on the matter](http://joearms.github.io/2014/02/01/big-changes-to-erlang.html).
 
 Structs were added to address features `3.` and `4.`. A struct needs to be explicitly defined via `defstruct`:
 
@@ -180,13 +180,13 @@ The `__struct__` field is also used for polymorphic dispatch in protocols, addre
 
 It is interesting to note that structs solve both drawbacks we have earlier mentioned regarding records. Structs are purely data and polymorphic dispatch is now faster and more robust as it happens only for explicitly tagged structs.
 
-For more information on structs, check out the [Structs chapter in the getting started guide](https://elixir.hexdocs.pm/structs.html) (you may also want to read the new [Protocols chapter](https://elixir.hexdocs.pm/protocols.html) after it).
+For more information on structs, check out the [Structs chapter in the getting started guide](https://hexdocs.pm/elixir/structs.html) (you may also want to read the new [Protocols chapter](https://hexdocs.pm/elixir/protocols.html) after it).
 
 ## Maps, structs and the future
 
 With the introduction of maps and structs, some deprecations will arrive on upcoming releases. First of all, the `ListDict` data structure is being deprecated and phased out. Records are also being deprecated from the language, although it is going to be a longer process, as many projects and Elixir itself still use records in diverse occasions.
 
-Note though only Elixir records are being deprecated. Erlang records, which are basically syntax sugar around tuples, will remain in the language for the rare cases Elixir developers need to interact with Erlang libraries that provide records. In particular, the [Record](https://elixir.hexdocs.pm/Record.html) has been updated to provide the new Record API (while keeping the old one for backwards compatibility).
+Note though only Elixir records are being deprecated. Erlang records, which are basically syntax sugar around tuples, will remain in the language for the rare cases Elixir developers need to interact with Erlang libraries that provide records. In particular, the [Record](https://hexdocs.pm/elixir/Record.html) has been updated to provide the new Record API (while keeping the old one for backwards compatibility).
 
 Finally, structs are still in active development and new features, like `@derive`, should land in upcoming Elixir releases. For those interested, the [original maps and structs proposal is still available](https://gist.github.com/josevalim/b30c881df36801611d13).
 
@@ -223,7 +223,7 @@ iex> for <<c <- " hello world ">>, c != ?\s, into: "", do: <<c>>
 "helloworld"
 ```
 
-Sets, maps and other dictionaries can also be given with the `:into` option. In general, the `:into` accepts any structure as long as it implements the [`Collectable` protocol](https://elixir.hexdocs.pm/Collectable.html).
+Sets, maps and other dictionaries can also be given with the `:into` option. In general, the `:into` accepts any structure as long as it implements the [`Collectable` protocol](https://hexdocs.pm/elixir/Collectable.html).
 
 For example, the `IO` module provides streams, that are both `Enumerable` and `Collectable`. You can implement an echo terminal that returns whatever is typed into the shell, but in upcase, using comprehensions:
 
@@ -276,8 +276,8 @@ That said, in the next months we plan to:
 
 * Integrate applications configuration (provided by OTP) right into Mix;
 * Provide an Elixir logger that knows how to print and format Elixir exceptions and stacktraces;
-* Properly expose the functionality provided by Applications, Supervisors, GenServers and GenEvents and study how they can integrate with Elixir. For example, how to consume events from GenEvent as a [stream of data](https://elixir.hexdocs.pm/Stream.html)?
-* Study how patterns like tasks and agents can be integrated into the language, often picking up the lessons learned by libraries like [e2](https://e2project.org/erlang.html) and [functionality exposed by OTP itself](https://www.erlang.org/doc/man/rpc.html);
+* Properly expose the functionality provided by Applications, Supervisors, GenServers and GenEvents and study how they can integrate with Elixir. For example, how to consume events from GenEvent as a [stream of data](https://hexdocs.pm/elixir/Stream.html)?
+* Study how patterns like tasks and agents can be integrated into the language, often picking up the lessons learned by libraries like [e2](http://e2project.org/erlang.html) and [functionality exposed by OTP itself](http://www.erlang.org/doc/man/rpc.html);
 * Rewrite the Mix and ExUnit guides to focus on applications and OTP as a whole, rebranding it to "Building Apps with Mix and OTP";
 
-You can learn more about Elixir in our [Getting Started guide](https://elixir.hexdocs.pm/introduction.html) and download this release in the [v0.13 announcement](https://github.com/elixir-lang/elixir/releases/tag/v0.13.0). We hope to see you at [ElixirConf](https://elixirconf.com/) as well as pushing your packages to [hex.pm](https://hex.pm/).
+You can learn more about Elixir in our [Getting Started guide](https://hexdocs.pm/elixir/introduction.html) and download this release in the [v0.13 announcement](https://github.com/elixir-lang/elixir/releases/tag/v0.13.0). We hope to see you at [ElixirConf](http://elixirconf.com/) as well as pushing your packages to [hex.pm](https://hex.pm/).
diff --git a/_posts/2014-06-17-elixir-v0-14-0-released.markdown b/src/content/blog/elixir-v0-14-0-released.md
similarity index 88%
rename from _posts/2014-06-17-elixir-v0-14-0-released.markdown
rename to src/content/blog/elixir-v0-14-0-released.md
index 34672bf27..7006a4709 100644
--- a/_posts/2014-06-17-elixir-v0-14-0-released.markdown
+++ b/src/content/blog/elixir-v0-14-0-released.md
@@ -1,10 +1,10 @@
 ---
-layout: post
-title: Elixir v0.14.0 released
-authors:
--  José Valim
-category: Releases
-excerpt: "Elixir v0.14.0 is released and expands the work on structs and bringing more of OTP right into Elixir and Mix"
+title: "Elixir v0.14.0 released"
+excerpt: "Elixir v0.14.0 is released and expands the work on structs and bringing more of OTP right into Elixir and Mix."
+date: 2014-06-17
+author: "José Valim"
+category: "Releases"
+tags: []
 ---
 
 Hello everyone!
@@ -41,7 +41,7 @@ Structs allow us to provide default values for a map fields. Structs also valida
 #=> ** (CompileError) iex:2: unknown key :unknown for struct User
 ```
 
-We say structs are *raw* because they do not implement any of the protocols that are implemented for maps  by default. For instance, we can call `Enum.each/2` for a map, which uses the [`Enumerable`](https://elixir.hexdocs.pm/Enumerable.html) protocol:
+We say structs are *raw* because they do not implement any of the protocols that are implemented for maps  by default. For instance, we can call `Enum.each/2` for a map, which uses the [`Enumerable`](https://hexdocs.pm/elixir/Enumerable.html) protocol:
 
 ```elixir
 Enum.each %{foo: :bar}, fn {k, v} ->
@@ -135,19 +135,19 @@ update_in dungeon.rooms[room_id].users[user_id].device_codes, &Set.delete(&1, co
 put_in dungeon, [:rooms, room_id, :users, user_id, :username], "new username"
 ```
 
-You can read more information about nested access in [the Access protocol documentation](https://elixir.hexdocs.pm/Access.html) and in the docs for [`get_in/2`](https://elixir.hexdocs.pm/Kernel.html#get_in/2) and friends.
+You can read more information about nested access in [the Access protocol documentation](https://hexdocs.pm/elixir/Access.html) and in the docs for [`get_in/2`](https://hexdocs.pm/elixir/Kernel.html#get_in/2) and friends.
 
 ## Mix and OTP
 
 OTP is a set of libraries that ships with Erlang. Erlang developers use OTP to build robust, fault-tolerant applications.
 
-In v0.14.0, Elixir closely integrates with OTP by providing modules for building [servers](https://elixir.hexdocs.pm/GenServer.html), [supervisors](https://elixir.hexdocs.pm/Supervisor.html) and [applications](https://elixir.hexdocs.pm/Application.html).
+In v0.14.0, Elixir closely integrates with OTP by providing modules for building [servers](https://hexdocs.pm/elixir/GenServer.html), [supervisors](https://hexdocs.pm/elixir/Supervisor.html) and [applications](https://hexdocs.pm/elixir/Application.html).
 
-We have also introduced the concepts of [agents](https://elixir.hexdocs.pm/Agent.html) and the idea of [tasks](https://elixir.hexdocs.pm/Task.html), which can be supervised and distributed. Application configuration has been made first class in Mix, allowing developers to configure their dependencies, sometimes even using different configurations per environment (dev, test or prod by default).
+We have also introduced the concepts of [agents](https://hexdocs.pm/elixir/Agent.html) and the idea of [tasks](https://hexdocs.pm/elixir/Task.html), which can be supervised and distributed. Application configuration has been made first class in Mix, allowing developers to configure their dependencies, sometimes even using different configurations per environment (dev, test or prod by default).
 
-This functionality is at the core of building applications in Erlang and Elixir. For this reason we have published a new guide called [Mix and OTP](https://elixir.hexdocs.pm/introduction-to-mix.html) where we build a distributed key-value store to help explore all concepts mentioned above. The guide is quite fresh, so please do submit pull requests for typos and mistakes. Feedback is also welcome!
+This functionality is at the core of building applications in Erlang and Elixir. For this reason we have published a new guide called [Mix and OTP](https://hexdocs.pm/elixir/introduction-to-mix.html) where we build a distributed key-value store to help explore all concepts mentioned above. The guide is quite fresh, so please do submit pull requests for typos and mistakes. Feedback is also welcome!
 
-Note "Mix and OTP" is our most advanced guide so far and it expects you to have read our introductory guide. In case you haven't yet, you can [get started here](https://elixir.hexdocs.pm/introduction.html).
+Note "Mix and OTP" is our most advanced guide so far and it expects you to have read our introductory guide. In case you haven't yet, you can [get started here](https://hexdocs.pm/elixir/introduction.html).
 
 ## What's next?
 
@@ -155,12 +155,12 @@ With v0.14.0 we have reached many of the milestones [we have set in the previous
 
 * Provide an Elixir logger that knows how to print and format Elixir exceptions and stacktraces. Work has already started on this front as Elixir already prints errors coming from the application startup nicely;
 
-* Continue the work of cleaning up the [Kernel module](https://elixir.hexdocs.pm/Kernel.html). In v0.14.0, we added alternatives for conversion functions, like `integer_to_binary/1` to `Integer.to_string/1`, now they must be properly deprecated and removed;
+* Continue the work of cleaning up the [Kernel module](https://hexdocs.pm/elixir/Kernel.html). In v0.14.0, we added alternatives for conversion functions, like `integer_to_binary/1` to `Integer.to_string/1`, now they must be properly deprecated and removed;
 
 * Support mix aliases, allowing developers to easily define Mix shortcuts for their favorite tasks;
 
 * Solve all remaining [open issues](https://github.com/elixir-lang/elixir/issues?state=open). We have always kept the issues tracker tidy and there is little work left to solve the existing issues. Note we have also listed all [upcoming backwards incompatible changes](https://github.com/elixir-lang/elixir/issues?labels=Note%3ABackwards+incompatible&page=1&state=open). Many of those changes will actually be deprecated first and developers should be able to follow along without breaking changes in minor releases, but they are breaking changes in the sense they work in v0.14.0 but will work differently by the time v1.0 is released;
 
-That's all for now! Elixir developers can see [a summary of all changes in v0.14.0 in the release notes](https://github.com/elixir-lang/elixir/releases/tag/v0.14.0). In case you are new around here, you can get started with Elixir by reading [our Getting Started guide](https://elixir.hexdocs.pm/introduction.html).
+That's all for now! Elixir developers can see [a summary of all changes in v0.14.0 in the release notes](https://github.com/elixir-lang/elixir/releases/tag/v0.14.0). In case you are new around here, you can get started with Elixir by reading [our Getting Started guide](https://hexdocs.pm/elixir/introduction.html).
 
-We hope to see you all this July at [ElixirConf](https://elixirconf.com/)!
+We hope to see you all this July at [ElixirConf](http://elixirconf.com/)!
diff --git a/_posts/2014-08-07-elixir-v0-15-0-released.markdown b/src/content/blog/elixir-v0-15-0-released.md
similarity index 91%
rename from _posts/2014-08-07-elixir-v0-15-0-released.markdown
rename to src/content/blog/elixir-v0-15-0-released.md
index 8a819a2ee..3f623dbb7 100644
--- a/_posts/2014-08-07-elixir-v0-15-0-released.markdown
+++ b/src/content/blog/elixir-v0-15-0-released.md
@@ -1,10 +1,10 @@
 ---
-layout: post
-title: Elixir v0.15.0 released
-authors:
--  José Valim
-category: Releases
-excerpt: "Elixir v0.15.0 introduces Elixir's Logger, Mix aliases and is the last stop before Elixir v1.0. We are also glad to welcome Alexei into our team!"
+title: "Elixir v0.15.0 released"
+excerpt: "Elixir v0.15.0 introduces Elixir's Logger, Mix aliases and is the last stop before Elixir v1.0. We are also glad to welcome Alexei into our team."
+date: 2014-08-07
+author: "José Valim"
+category: "Releases"
+tags: []
 ---
 
 Hello everyone!
@@ -17,7 +17,7 @@ If you are interested in the specific details for this release, [please check ou
 
 ## Logger
 
-Elixir now ships with a new application called logger. This application provides [the Logger module](https://logger.hexdocs.pm/Logger.html), which is the main API developers will use for logging:
+Elixir now ships with a new application called logger. This application provides [the Logger module](https://hexdocs.pm/logger/Logger.html), which is the main API developers will use for logging:
 
 ```elixir
 require Logger
@@ -71,7 +71,7 @@ Function: #Function<20.90072148/0 in :erl_eval.expr/5>
 As soon as we started working on Logger, we realized we could go further than simply translating Erlang messages and provide a fully featured logger library. At this moment, Logger also supports:
 
   * 4 log levels: debug, info, warn and error
-  * Custom formatting: you can specify a format string that tells exactly how messages should be logged. The default string is: "$time $metadata[$level] $message\n" but [many attributes are supported](https://logger.hexdocs.pm/Logger.Formatter.html)
+  * Custom formatting: you can specify a format string that tells exactly how messages should be logged. The default string is: "$time $metadata[$level] $message\n" but [many attributes are supported](https://hexdocs.pm/logger/Logger.Formatter.html)
   * Custom translators: so you can translate log messages coming from any Erlang application into Elixir syntax
   * Metadata: metadata allows developers to store information in the current process that will be available to all logged messages. For example, a web application can generate a `request_id`, store it as metadata, and all messages logged during that request will be properly identified with `request_id=...` in the log
 
@@ -137,7 +137,7 @@ In other words, aliases can be three different structures:
   2. An anonymous function (that is invoked passing the task arguments)
   3. A list containing strings or anonymous functions
 
-You can find more information about aliases by reading the [Mix documentation](https://mix.hexdocs.pm/) (there is a section about Aliases around the middle).
+You can find more information about aliases by reading the [Mix documentation](https://hexdocs.pm/mix/) (there is a section about Aliases around the middle).
 
 We also would like to thank [Anthony Grimes](https://github.com/raynes) for the support and [Phil Halgelberg](https://github.com/technomancy) for [the work on Lein](https://github.com/technomancy/leiningen) which Mix borrows a lot from.
 
@@ -151,7 +151,7 @@ At the beginning of this summer, [Chris Hyndman](https://github.com/chyndman) jo
 
 Chris has also built an [Elixir Web Installer for Windows](https://github.com/elixir-lang/elixir-windows-setup). The web installer checks all available Elixir versions and allows you to pick which one to install. It will also fetch and install Erlang in your machine in case it has not been installed yet.
 
-If you want to give Elixir and the Web Installer a try, note that the original download link is no longer available, but Windows installers are now available on the [Elixir releases page](https://github.com/elixir-lang/elixir/releases). And, if [Chocolatey](https://chocolatey.org/) is your thing, remember you can also install Elixir on Windows by running `cinst elixir`.
+If you want to give Elixir and the Web Installer a try, you can [download the current version here](https://repo.hex.pm/elixir-websetup.exe). And, if [Chocolatey](https://chocolatey.org/) is your thing, remember you can also install Elixir on Windows by running `cinst elixir`.
 
 ## Welcome Alexei!
 
@@ -163,4 +163,4 @@ Alexei is also interested in how we can extend our tooling to the Erlang ecosyst
 
 We are very close to launch Elixir v1.0! All planned features are already in Elixir's codebase and at the moment there are only [four open issues in our tracker tagged with the v1.0 milestone](https://github.com/elixir-lang/elixir/issues?q=is%3Aopen+is%3Aissue+milestone%3Av1.0).
 
-Our estimated date for the first release candidate for Elixir v1.0 is August 30th. This means there is no better time to learn Elixir than now! If you haven't started yet, you can get started with Elixir by reading [our Getting Started guide](https://elixir.hexdocs.pm/introduction.html) or by checking one of the many "Learning Resources" on the sidebar.
+Our estimated date for the first release candidate for Elixir v1.0 is August 30th. This means there is no better time to learn Elixir than now! If you haven't started yet, you can get started with Elixir by reading [our Getting Started guide](https://hexdocs.pm/elixir/introduction.html) or by checking one of the many "Learning Resources" on the sidebar.
diff --git a/_posts/2012-05-25-elixir-v0-5-0-released.markdown b/src/content/blog/elixir-v0-5-0-released.md
similarity index 55%
rename from _posts/2012-05-25-elixir-v0-5-0-released.markdown
rename to src/content/blog/elixir-v0-5-0-released.md
index 3d55867b0..07a634249 100644
--- a/_posts/2012-05-25-elixir-v0-5-0-released.markdown
+++ b/src/content/blog/elixir-v0-5-0-released.md
@@ -1,44 +1,43 @@
 ---
-layout: post
-title: Elixir v0.5.0 released
-authors:
--  José Valim
-category: Releases
-excerpt: Let's discuss the goals behind the language first release
-
+title: "Elixir v0.5.0 released"
+excerpt: "We have finally released Elixir v0.5.0! This marks the first release since the language was rewritten. In this blog post, we will discuss what we achieved during this time and what are the next steps."
+date: 2012-05-25
+author: "José Valim"
+category: "Releases"
+tags: []
 ---
 
-We have finally released Elixir v0.5.0! This marks the first release since the language was rewritten. In this blog post, we will discuss the goals behind the language and what are the next steps!
+We have finally released [Elixir](/) v0.5.0! This marks the first release since the language was rewritten. In this blog post, we will discuss what we achieved during this time and what are the next steps!
 
-If you don't care about any of these, you can go straight to our [Getting Started guide](https://elixir.hexdocs.pm/introduction.html). If you do, keep on reading!
+If you don't care about any of these, you can go straight to our [Getting Started guide](https://hexdocs.pm/elixir/introduction.html). If you do, keep on reading!
 
 ## Looking back
 
-I have started working in Elixir at the beginning of 2011. Around April that year, I had tagged version v0.3.0 that was stable enough for me to start using in my own projects. However, after using it in a couple projects, I was not happy with some of the design decisions taken early on.
+I have started working in Elixir at the beginning of 2011. Around April that year, I had released the version v0.3.0 that was stable enough for me to start using in my own projects. However, after using it in a couple projects quickly reviewed that I was not happy with some of the design decisions taken early on.
 
-At that time, Elixir attempted to be a considerable departure from Erlang and that quickly revealed to be a poor choice: in order to use any Erlang module, we first would have to provide an Elixir wrapper for it. Any new function or module in new Erlang releases would have to be wrapped first in Elixir, which means we would always play catch up with Erlang.
+At that time, Elixir attempted to be a considerable departure from Erlang and that revealed very fast to a bad design decision because, in order to use any Erlang module, we first would have to provide an Elixir wrapper for it. Any new function or module in new Erlang releases would have to be wrapped first in Elixir, which means we would always play catch up with Erlang.
 
-After not feeling productive enough with that Elixir version, I have decided to take a break from Elixir to study old, new, and emerging languages. The challenge was to not re-invent Erlang as a language, but how to provide the productivity and flexibility I expect from Elixir while staying a 100% compatible with Erlang.
+After not feeling productive enough with that Elixir version, I have decided to take a break from Elixir to study old, new and emerging languages. The challenge was to not re-invent Erlang as a language, but how to provide the productivity and flexibility I expect from Elixir while staying a 100% compatible with Erlang.
 
 It was around October 2011, during a short stay in San Francisco, that I came up with what would be [the foundation of Elixir's current version](https://github.com/josevalim/lego-lang) with the help of Yehuda Katz. Development of the new Elixir version started a few days before 2012 and continued steady when the new year came in.
 
-Around February of that year, feeling confident enough about the direction the language was moving (and initial benchmarks I had made at that point), I have pitched Elixir to [my company, Plataformatec](https://plataformatec.com.br/), and they have accepted to sponsor Elixir. With their help, Elixir developed even faster and that's what we are going to take a look next.
+Around February of that year, feeling confident enough about the direction the language was moving (and initial benchmarks I had made at that point), I have pitched Elixir to [my company, Plataformatec](http://plataformatec.com.br/), and they have accepted to sponsor Elixir. With their help, Elixir developed even faster and that's what we are going to take a look next.
 
 ## Where we are
 
 One of the goals we have set was to have a good website and documentation before the next official release. With the help of the Plataformatec team, we created a logo for Elixir and put this website live.
 
-[We also worked on pygments support](https://web.archive.org/web/20160804045840/https://bitbucket.org/birkenfeld/pygments-main/pull-requests/57/add-elixir-and-elixir-console-lexers), a [documentation generation tool](https://github.com/elixir-lang/ex_doc) and many others. Soon, GitHub was able to syntax highlight Elixir code and our API documentation went live.
+At the same time, [we were working on pygments support](https://bitbucket.org/birkenfeld/pygments-main/pull-request/57/add-elixir-and-elixir-console-lexers), a [documentation generation tool](https://github.com/elixir-lang/ex_doc) and many others. Soon, GitHub was able to syntax highlight Elixir code and [our API documentation was online](/).
 
 At the same time, people started to gather around #elixir-lang channel on irc.freenode.net (now migrated to #elixir on irc.libera.chat) to [play with Elixir](https://github.com/elixir-lang/elixir/tree/main/lib/mix), [start their](https://github.com/guedes/exdate) [own projects](https://github.com/yrashk/validatex) and [tutorials](https://github.com/alco/elixir/wiki/Erlang-Syntax:-A-Crash-Course).
 
-Although the initial release was scheduled to April 2012, the feedback from early developers forced us to review some architectural and syntax decisions, which were extremely important to shape the language as it is today.
+Although the initial release was scheduled to April 2012, the feedback from such early developers forced us to review some design and syntax decisions and were extremely important to shape the language as it is today.
 
-With v0.5.0 finally out, we are committing to a stable syntax and a basic standard library. In the last couple days before the release, we have been working on streamlining the documentation and ensuring Elixir works out-of-the-box on Mac, Linux and Windows machines!
+With v0.5.0 finally out, we are committing to a stable syntax and a basic standard library. In the last couple days before the release, we have been working on streamlining the documentation and ensure Elixir works on Mac, Linux and Windows machines!
 
 ## Looking forward
 
-There are still many, many things to do! In the next months, we will continue working on growing our community, promoting talks, and other documentation material. A huge thanks to [Alexei Sholik](https://twitter.com/true_droid) who is moving this area forward.
+There are still many, many things to do! In the next months, we will continue working on growing our community, talks and other documentation material. A huge thanks to [Alexei Sholik](https://twitter.com/true_droid) who is moving this area forward.
 
 We will also work on better integration and documentation on building Erlang systems. Erlang ships with the [Open Telecom Platform](https://en.wikipedia.org/wiki/Open_Telecom_Platform) which provides many tools to build distributed applications. In v0.5.0, all these tools are already available but we want to make the build process even simpler.
 
@@ -46,4 +45,4 @@ In parallel, we will improve our [documentation generation tool](https://github.
 
 Finally, we will continue improving the Standard Library. Although Elixir's goal is to rely on Erlang the most as possible, we also want to provide a small Standard Library which makes better use of Elixir semantics. For the next weeks, we will focus on improving the IO and File manipulation modules. New data types may also appear, for example, ranges come to my mind.
 
-Check out our [home page](/) and the [getting started guide](https://elixir.hexdocs.pm/introduction.html) for more information. Welcome aboard and grab a cup of Elixir, because you are certainly going to enjoy the ride!
+Check out our [home page](/) and the [getting started guide](https://hexdocs.pm/elixir/introduction.html) for more information. Welcome aboard and grab a cup of Elixir, because you are certainly going to enjoy the ride!
diff --git a/_posts/2012-08-01-elixir-v0-6-0-released.markdown b/src/content/blog/elixir-v0-6-0-released.md
similarity index 57%
rename from _posts/2012-08-01-elixir-v0-6-0-released.markdown
rename to src/content/blog/elixir-v0-6-0-released.md
index 3a7e6709e..b097f6139 100644
--- a/_posts/2012-08-01-elixir-v0-6-0-released.markdown
+++ b/src/content/blog/elixir-v0-6-0-released.md
@@ -1,21 +1,20 @@
 ---
-layout: post
-title: Elixir v0.6.0 released
-authors:
--  José Valim
-category: Releases
-excerpt: We have finally released Elixir v0.6.0! This release includes a build tool called Mix, support for Erlang typespecs, many improvements to IEx and improved IO, File and Macro support.
-
+title: "Elixir v0.6.0 released"
+excerpt: "We have finally released Elixir v0.6.0! This release includes a build tool called Mix, support for Erlang typespecs, many improvements to IEx and improved IO, File and Macro support."
+date: 2012-08-01
+author: "José Valim"
+category: "Releases"
+tags: []
 ---
 
-We have finally released Elixir v0.6.0! This release includes a build tool called Mix, support for Erlang typespecs, many improvements to IEx and improved IO, File and Macro support.
+We have finally released [Elixir](/) v0.6.0! This release includes a build tool called Mix, support for Erlang typespecs, many improvements to IEx and improved IO, File and Macro support.
 
 ## What's new
 
-With Elixir's first public release, we have set three major goals for release v0.6.0:
+When [we released version v0.5.0](/blog/2012/05/25/elixir-v0-5-0-released/), we have set three major goals for release v0.6.0:
 
 1. Provide a build tool that makes it easy to create, compile and test Elixir projects;
-2. Support [Erlang typespecs](https://www.erlang.org/doc/reference_manual/typespec.html);
+2. Support [Erlang typespecs](http://www.erlang.org/doc/reference_manual/typespec.html);
 3. Improve IO and File modules to be more robust and complete.
 
 Our interactive shell (IEx) also had many improvements, thanks to the Elixir developer community. We now have easy access to documentation, remote shells, autocomplete and much more. In order to show you a bit of what you can do in this release, we have prepared a short (~6 min) screencast:
@@ -25,4 +24,4 @@ Our interactive shell (IEx) also had many improvements, thanks to the Elixir dev
 
 That's it. For the next months, we will continue improving Elixir (you can see some ideas floating around in the [issues tracker](https://github.com/elixir-lang/elixir/issues)) but we will start to focus on other tools and libraries for the community.
 
-Thank you and don't forget to [give Elixir a try](https://elixir.hexdocs.pm/introduction.html)!
+Thank you and don't forget to [give Elixir a try](https://hexdocs.pm/elixir/introduction.html)!
diff --git a/_posts/2012-10-20-elixir-v0-7-0-released.markdown b/src/content/blog/elixir-v0-7-0-released.md
similarity index 73%
rename from _posts/2012-10-20-elixir-v0-7-0-released.markdown
rename to src/content/blog/elixir-v0-7-0-released.md
index b2784e35a..e303a5863 100644
--- a/_posts/2012-10-20-elixir-v0-7-0-released.markdown
+++ b/src/content/blog/elixir-v0-7-0-released.md
@@ -1,11 +1,10 @@
 ---
-layout: post
-title: Elixir v0.7.0 released
-authors:
--  José Valim
-category: Releases
-excerpt: Elixir v0.7.0 is released with many improvements! Read on for more information.
-
+title: "Elixir v0.7.0 released"
+excerpt: "Elixir v0.7.0 is released with many improvements! Read on for more information."
+date: 2012-10-20
+author: "José Valim"
+category: "Releases"
+tags: []
 ---
 
 Elixir v0.7.0 was released with bug fixes and many improvements, like a `String` module to handle UTF-8 binaries and support to environments and nested dependencies in Mix.
@@ -16,4 +15,4 @@ This release also includes some backwards incompatible changes, but the majority
 
 For more information, read out the [CHANGELOG](https://github.com/elixir-lang/elixir/blob/v0.7.0/CHANGELOG.md).
 
-Thank you and don't forget to [give Elixir a try](https://elixir.hexdocs.pm/introduction.html)!
+Thank you and don't forget to [give Elixir a try](https://hexdocs.pm/elixir/introduction.html)!
diff --git a/src/content/blog/elixir-v0-7-1-released.md b/src/content/blog/elixir-v0-7-1-released.md
new file mode 100644
index 000000000..392b97fe5
--- /dev/null
+++ b/src/content/blog/elixir-v0-7-1-released.md
@@ -0,0 +1,20 @@
+---
+title: "Elixir v0.7.1 released"
+excerpt: "Elixir v0.7.1 was released to celebrate the end of a two months journey traveling around Europe, United States and Brazil talking about Elixir."
+date: 2012-11-18
+author: "José Valim"
+category: "Releases"
+tags: []
+---
+
+Elixir v0.7.1 was released this weekend to celebrate the end of a two months journey traveling around Europe, United States and Brazil talking about and exposing Elixir to new developers.
+
+This is a minor release that contains a couple enhancements regarding UTF-8, [dialyzer](http://www.erlang.org/doc/man/dialyzer.html) support and bug fixes.
+
+During this time traveling around, we have spoken at many conferences, as [Strange Loop](http://thestrangeloop.com/), [Øredev](http://oredev.org/), [QCon SP](http://qconsp.com/) and [Rupy](http://rupy.eu/) as well as at different companies. Developers from different backgrounds have shown interest in Elixir, [written about it](http://spin.atomicobject.com/2012/10/31/elixir-erlang-and-the-dining-philosophers/), and contributed to the language. As of today, Elixir is powered by 51 different contributors!
+
+In case you missed any of those conferences, [the talk I presented at Øredev is available and you can watch it now](https://vimeo.com/53221562). The slides are also available below.
+
+If you want to hear more about Elixir at a conference or an event, please let us know. Thank you and don't forget to [give Elixir a try](https://hexdocs.pm/elixir/introduction.html)!
+
+<script async class="speakerdeck-embed" data-id="cf4727401449013077d112313d1a82a3" data-ratio="1.2994923857868" src="//speakerdeck.com/assets/embed.js"></script>
diff --git a/src/content/blog/elixir-v0-7-2-released.md b/src/content/blog/elixir-v0-7-2-released.md
new file mode 100644
index 000000000..2f83c977e
--- /dev/null
+++ b/src/content/blog/elixir-v0-7-2-released.md
@@ -0,0 +1,53 @@
+---
+title: "Elixir v0.7.2 released"
+excerpt: "Elixir v0.7.2 is released, new, improved type specifications syntax and many other improvements."
+date: 2012-12-04
+author: "Yurii Rashkovskii"
+category: "Releases"
+tags: []
+---
+
+Hot out of the oven! We just released Elixir v0.7.2 with a number of delicious improvements.
+
+One of the most important changes in this minor release is a partial rehaul of
+the type specification syntax.
+
+Here's the gist:
+
+```elixir
+@spec myfun(integer), do: integer
+# becomes
+@spec myfun(integer) :: integer
+
+@type a :: fun
+# becomes
+@type a :: (... -> any) or ((...) -> any) or (fun(...) -> any)
+
+@type a :: fun(do: integer)
+# becomes
+@type a :: (() -> integer) or (fun() -> integer)
+
+@type a :: fun(integer, do: integer)
+# becomes
+@type a :: (integer -> integer) or ((integer) -> integer) or (fun(integer) -> integer)
+
+@type a :: fun(integer, integer, do: integer)
+# becomes
+@type a :: (integer, integer -> integer) or ((integer, integer) -> integer) or (fun(integer, integer) -> integer)
+```
+
+Another change is that Mix now echoes the output of external tools
+such as git and rebar, and handles exit status correctly. This have previously
+led to some less-than-perfect workflows.
+
+We've also added a more compact and visual form of the `function` helper. Now,
+instead of `function(Enum, :all?, 2)` you can use `function(Enum.all?/2)`.
+
+We've also figured out how to achieve an up to 6x [performance increase](https://github.com/elixir-lang/elixir/blob/v0.7.2/lib/elixir/lib/kernel.ex#L1386-L1417)
+under some circumstances when using records.
+
+...and [many other fixes & improvements](https://github.com/elixir-lang/elixir/blob/v0.7.2/CHANGELOG.md).
+
+Lastly, but not least importantly, I'd like to mention that we're very excited about how the community around Elixir is building up. Thank you all for being around and supporting us!
+
+[Learn more about Elixir](https://hexdocs.pm/elixir/introduction.html)!
diff --git a/_posts/2013-01-27-elixir-v0-8-0-released.markdown b/src/content/blog/elixir-v0-8-0-released.md
similarity index 79%
rename from _posts/2013-01-27-elixir-v0-8-0-released.markdown
rename to src/content/blog/elixir-v0-8-0-released.md
index 7c8f87c70..09f64f429 100644
--- a/_posts/2013-01-27-elixir-v0-8-0-released.markdown
+++ b/src/content/blog/elixir-v0-8-0-released.md
@@ -1,10 +1,10 @@
 ---
-layout: post
-title: Elixir v0.8.0 released
-authors:
--  José Valim
-category: Releases
-excerpt: On the last 9th January, we celebrated two years since Elixir's first commit and to celebrate this occasion we have prepared a big release. Elixir v0.8 is out, with documentation, optimizations, bug fixes and shiny new features. Let's take a look at them!
+title: "Elixir v0.8.0 released"
+excerpt: "On the last 9th January, we celebrated two years since Elixir's first commit and to celebrate this occasion we have prepared a big release. Elixir v0.8 is out, with documentation, optimizations, bug fixes and shiny new features. Let's take a look at them."
+date: 2013-01-27
+author: "José Valim"
+category: "Releases"
+tags: []
 ---
 
 On the last 9th January, we celebrated [two years since Elixir's first commit](https://github.com/elixir-lang/elixir/commit/337c3f2d569a42ebd5fcab6fef18c5e012f9be5b) and to celebrate this occasion we have prepared a big release. Elixir v0.8 is out, with documentation, optimizations, bug fixes and shiny new features. Let's take a look at them!
@@ -19,7 +19,7 @@ And applications can be started directly from the command line as well:
 
     elixir --app my_app
 
-We have written a whole [guide chapter about creating OTP applications, supervisors and servers](https://elixir.hexdocs.pm/supervisor-and-application.html). Give it a try!
+We have written a whole [guide chapter about creating OTP applications, supervisors and servers](https://hexdocs.pm/elixir/supervisor-and-application.html). Give it a try!
 
 ## Improved Unicode support
 
@@ -29,9 +29,9 @@ Elixir favors the use of UTF-8 binaries since its first release. In the latest r
 String.capitalize("fiN") #=> "Fin"
 ```
 
-The example above contains a string with only two codepoints, [the codepoint fi](https://www.fileformat.info/info/unicode/char/FB01/index.htm) and [the codepoint n](https://www.fileformat.info/info/unicode/char/006E/index.htm). Look how Elixir properly capitalizes the string, returning a new string made of three codepoints (all ascii letters).
+The example above contains a string with only two codepoints, [the codepoint fi](http://www.fileformat.info/info/unicode/char/FB01/index.htm) and [the codepoint n](http://www.fileformat.info/info/unicode/char/006E/index.htm). Look how Elixir properly capitalizes the string, returning a new string made of three codepoints (all ascii letters).
 
-Learn more about [Unicode support with the String module](https://elixir.hexdocs.pm/String.html).
+Learn more about [Unicode support with the String module](https://hexdocs.pm/elixir/String.html).
 
 ## AST metadata
 
@@ -71,15 +71,15 @@ When some code call the `unless` macro above, in previous Elixir versions, it wo
 
 Elixir v0.8 ensures that the `unless` macro above will expand to the same `if` macro available when quoted, guaranteeing different libraries can integrate easily without imposing hidden requirements.
 
-You can read more about [macros in the getting started guide](https://elixir.hexdocs.pm/case-cond-and-if.html) or [go deep into the quote macro docs](https://elixir.hexdocs.pm/Kernel.SpecialForms.html#quote/2).
+You can read more about [macros in the getting started guide](https://hexdocs.pm/elixir/case-cond-and-if.html) or [go deep into the quote macro docs](https://hexdocs.pm/elixir/Kernel.SpecialForms.html#quote/2).
 
 ## A new way to manipulate pathnames
 
-Elixir v0.8 contains a bit of house cleaning too. We have created [the Path module](https://elixir.hexdocs.pm/Path.html) to accommodate functions used to manipulate filesystem paths and have also added functions like [`System.tmp_dir` and `System.user_home`](https://elixir.hexdocs.pm/System.html) which are meant to work across different operating systems and are very handy when scripting.
+Elixir v0.8 contains a bit of house cleaning too. We have created [the Path module](https://hexdocs.pm/elixir/Path.html) to accommodate functions used to manipulate filesystem paths and have also added functions like [`System.tmp_dir` and `System.user_home`](https://hexdocs.pm/elixir/System.html) which are meant to work across different operating systems and are very handy when scripting.
 
 ## The new HashDict
 
-For last but not least, Elixir ships with a [new HashDict implementation](https://github.com/elixir-lang/elixir/blob/main/lib/elixir/lib/hash_dict.ex). In Erlang, there are different key-value store implementations and often you need to pick which one is the best for you based on the average size of the dictionary. Generally speaking, [orddicts](https://www.erlang.org/doc/man/orddict.html) are efficient and fast when you want to hold a handful of items, otherwise you should consider [gb_trees](https://www.erlang.org/doc/man/gb_trees.html) unless you want to hold thousands of items, when then [dict](https://www.erlang.org/doc/man/dict.html) becomes your best option. The fact those implementations do not provide the same API, makes it harder to change your code when you realize another implementation would be better fit.
+For last but not least, Elixir ships with a [new HashDict implementation](https://github.com/elixir-lang/elixir/blob/main/lib/elixir/lib/hash_dict.ex). In Erlang, there are different key-value store implementations and often you need to pick which one is the best for you based on the average size of the dictionary. Generally speaking, [orddicts](http://www.erlang.org/doc/man/orddict.html) are efficient and fast when you want to hold a handful of items, otherwise you should consider [gb_trees](http://www.erlang.org/doc/man/gb_trees.html) unless you want to hold thousands of items, when then [dict](http://www.erlang.org/doc/man/dict.html) becomes your best option. The fact those implementations do not provide the same API, makes it harder to change your code when you realize another implementation would be better fit.
 
 For Elixir, we decided to have a single dictionary implementation that would scale as needed. It would start as a compact representation for a handful of items and expand and rehash accordingly as new items are added or removed, providing fast access and modification times on all ranges. We are glad to say our goals were reached and a new `HashDict` implementation ships with Elixir v0.8.
 
@@ -101,4 +101,4 @@ We continue actively working on Elixir and this release is the [result of our ef
 
 Also, we previously announced Elixir is going to be released frequently, every 2 to 4 weeks. We have made a small detour to get v0.8.0 out of the door, but we are back to our regular schedule as of today!
 
-[Celebrate with us and give Elixir a try](https://elixir.hexdocs.pm/introduction.html)!
+[Celebrate with us and give Elixir a try](https://hexdocs.pm/elixir/introduction.html)!
diff --git a/src/content/blog/elixir-v0-8-2-released.md b/src/content/blog/elixir-v0-8-2-released.md
new file mode 100644
index 000000000..17b11087e
--- /dev/null
+++ b/src/content/blog/elixir-v0-8-2-released.md
@@ -0,0 +1,50 @@
+---
+title: "Elixir v0.8.2 released"
+excerpt: "Elixir v0.8.2 is released with bug fixes, better Erlang R16 support and doctests."
+date: 2013-04-29
+author: "José Valim"
+category: "Releases"
+tags: []
+---
+
+The past week we have released Elixir v0.8.2. It contains many bug fixes and better support for Erlang R16, including [the new built-in functions `insert_elem/3` and `delete_elem/2`](https://github.com/elixir-lang/elixir/commit/0fad1883df9da541628e8485d28372fd4b977b89).
+
+We have also added extensive support to ANSI escape codes. For example, by simply upgrading to the latest Elixir you will get colored output from your test suites:
+
+![ANSI escape with ExUnit](/images/contents/exunit-ansi.png)
+
+We have also added colored output to Interactive Elixir (IEx) but it requires Erlang R16.
+
+Finally, Elixir has always given special attention to documentation. You can easily document functions with the `@doc` attribute:
+
+```elixir
+defmodule Math do
+  @doc """
+  Add two numbers together.
+
+  ## Examples
+
+      iex> Math.add(1, 2)
+      3
+
+  """
+  def add(a, b) do
+    a + b
+  end
+end
+```
+
+The documentation above is embedded into the module and can be easily retrieved at runtime. For example, by typing `h Math.add/2` into Interactive Elixir, we can access the documentation for that module.
+
+Elixir v0.8.2 takes this to the next level by adding support to doctests. Given the example above, you can configure Elixir to automatically run the code samples in your documentation by including a call to the `doctest` macro in your test suite:
+
+```elixir
+defmodule MathTest do
+  use ExUnit.Case, async: true
+  doctest Math
+end
+```
+
+You can learn more about [doctests on our documentation page](https://hexdocs.pm/ex_unit/ExUnit.DocTest.html) and get more information about our latest release [on the CHANGELOG](https://github.com/elixir-lang/elixir/blob/ed27611f48ba150404c95fe15f1d6058a4287330/CHANGELOG.md).
+
+If you are new to Elixir, [it's easy to get started with](https://hexdocs.pm/elixir/introduction.html)!
diff --git a/_posts/2013-05-23-elixir-v0-9-0-released.markdown b/src/content/blog/elixir-v0-9-0-released.md
similarity index 87%
rename from _posts/2013-05-23-elixir-v0-9-0-released.markdown
rename to src/content/blog/elixir-v0-9-0-released.md
index 50a1a05c0..001c58bb0 100644
--- a/_posts/2013-05-23-elixir-v0-9-0-released.markdown
+++ b/src/content/blog/elixir-v0-9-0-released.md
@@ -1,10 +1,10 @@
 ---
-layout: post
-title: Elixir v0.9.0 released
-authors:
--  José Valim
-category: Releases
-excerpt: Elixir v0.9.0 is released with support for reducers, umbrella projects, faster compilation times and dropped support for R15 and earlier OTP versions.
+title: "Elixir v0.9.0 released"
+excerpt: "Elixir v0.9.0 is released with support for reducers, umbrella projects, faster compilation times and dropped support for R15 and earlier OTP versions."
+date: 2013-05-23
+author: "José Valim"
+category: "Releases"
+tags: []
 ---
 
 While [Programming Elixir](https://pragprog.com/book/elixir/programming-elixir) was being announced, we have been working on Elixir v0.9.0 which is finally out. This release contains new features, important performance optimizations and bug fixes.
@@ -25,7 +25,7 @@ defrecord User, name: nil, age: nil
 
 Records are a good scenario because they are implemented in Elixir, using Elixir macros, and they also define a module underneath, which exercises the Erlang VM compilation stack.
 
-We have used [fprof](https://www.erlang.org/doc/man/fprof.html) to identify the bottlenecks and made the compilation stack 35% faster. We have also identified bottlenecks coming from Erlang and [pushed some patches](https://github.com/erlang/otp/commit/32b194495f353dde014b00008a630eeff2a71056) that should benefit both Elixir and Erlang code.
+We have used [fprof](http://www.erlang.org/doc/man/fprof.html) to identify the bottlenecks and made the compilation stack 35% faster. We have also identified bottlenecks coming from Erlang and [pushed some patches](https://github.com/erlang/otp/commit/32b194495f353dde014b00008a630eeff2a71056) that should benefit both Elixir and Erlang code.
 
 A special thanks to [Yurii Rashkovskii](https://github.com/yrashk) for the data and profiling.
 
@@ -115,7 +115,7 @@ This approach solves all the problems above:
 * Reducers do not dictate how a type should be enumerated. This means types like `Range` and `HashDict` can provide a much faster implementation for Reducers;
 * Furthermore, the end result is a cleaner implementation of most of `Enum` functions (the [reducers pull request](https://github.com/elixir-lang/elixir/pull/1102) removes over 500LOC) and better performance!
 
-Reducers also opens up room for lazy and parallel enumeration, as [the Clojure community has already proven](https://clojure.org/news/2012/05/08/reducers) and something we are looking forward to explore on upcoming releases.
+Reducers also opens up room for lazy and parallel enumeration, as [the Clojure community has already proven](http://clojure.com/blog/2012/05/08/reducers-a-library-and-model-for-collection-processing.html) and something we are looking forward to explore on upcoming releases.
 
 A special thanks to [Eric Meadows-Jonsson](https://github.com/ericmj) for implementing this feature!
 
@@ -124,11 +124,11 @@ A special thanks to [Eric Meadows-Jonsson](https://github.com/ericmj) for implem
 We have also many other smaller improvements:
 
 * Our CLI now supports `--hidden` and `--cookie` flags which are useful for distributed modes;
-* Our test framework, ExUnit, is now able to capture all the communication that happens with a registered IO device, like `:stdio` and `:stderr`, via [`ExUnit.CaptureIO`](https://ex-unit.hexdocs.pm/ExUnit.CaptureIO.html). This is very useful for testing how your software reacts to some inputs and what it prints to the terminal;
+* Our test framework, ExUnit, is now able to capture all the communication that happens with a registered IO device, like `:stdio` and `:stderr`, via [`ExUnit.CaptureIO`](https://hexdocs.pm/ex_unit/ExUnit.CaptureIO.html). This is very useful for testing how your software reacts to some inputs and what it prints to the terminal;
 * `IEx` now allows files to be imported into the shell with `import_file` and also loads `~/.iex` on startup for custom configuration;
 * The `String`, `Enum` and `Dict` modules got more convenience functions that goes from checking unicode character validity to taking values out of a dictionary;
 * And many, many more!
 
 A huge thank you to our community for sending bug reports, providing bug fixes and contributing all those amazing features. And when are **you** joining us? :)
 
-Give Elixir a try! You can start with our [getting started guide](https://elixir.hexdocs.pm/introduction.html), or [check this 30 minute video from PragProg](https://www.youtube.com/watch?v=a-off4Vznjs&feature=youtu.be) or buy the beta version of [Programming Elixir](https://pragprog.com/book/elixir/programming-elixir).
+Give Elixir a try! You can start with our [getting started guide](https://hexdocs.pm/elixir/introduction.html), or [check this 30 minute video from PragProg](https://www.youtube.com/watch?v=a-off4Vznjs&feature=youtu.be) or buy the beta version of [Programming Elixir](https://pragprog.com/book/elixir/programming-elixir).
diff --git a/_posts/2014-09-18-elixir-v1-0-0-released.markdown b/src/content/blog/elixir-v1-0-0-released.md
similarity index 73%
rename from _posts/2014-09-18-elixir-v1-0-0-released.markdown
rename to src/content/blog/elixir-v1-0-0-released.md
index 010e3b74d..54c7a91b8 100644
--- a/_posts/2014-09-18-elixir-v1-0-0-released.markdown
+++ b/src/content/blog/elixir-v1-0-0-released.md
@@ -1,10 +1,10 @@
 ---
-layout: post
-title: Elixir v1.0 released
-authors:
--  José Valim
-category: Releases
-excerpt: Elixir v1.0 is finally out!
+title: "Elixir v1.0 released"
+excerpt: "Elixir v1.0 is finally out."
+date: 2014-09-18
+author: "José Valim"
+category: "Releases"
+tags: []
 ---
 
 We are glad to announce Elixir v1.0 is finally out. It has been 8005 commits [by 189 contributors](https://github.com/elixir-lang/elixir/graphs/contributors?from=2011-01-12&to=2014-09-10&type=c), including the initial commit on [January 9th, 2011](https://github.com/elixir-lang/elixir/commit/337c3f2d569a42ebd5fcab6fef18c5e012f9be5b)!
@@ -19,16 +19,16 @@ Elixir leverages the Erlang VM, known for running low-latency, distributed and f
 
 This release is the consolidation of all the work done through the years. With v1.0, we have reached a stable milestone for the growth of software and projects written in Elixir.
 
-Elixir will follow [semantic versioning](https://semver.org), which means code written for Elixir v1.0 will continue to compile and run correctly for all versions under the v1 branch (e.g. v1.0.1, v1.1.0, v1.2.0).
+Elixir will follow [semantic versioning](http://semver.org), which means code written for Elixir v1.0 will continue to compile and run correctly for all versions under the v1 branch (e.g. v1.0.1, v1.1.0, v1.2.0).
 
 Elixir is composed of 6 applications, all under the same versioning constraints:
 
-  * [Elixir](https://elixir.hexdocs.pm/) - the Elixir compiler, runtime and the standard library
-  * [EEx](https://eex.hexdocs.pm/) - Elixir's templating library, useful for generating any kind of document dynamically
-  * [ExUnit](https://ex-unit.hexdocs.pm/) - Elixir's unit test library, with support for concurrent testing, custom formatters, filters and much more
-  * [IEx](https://iex.hexdocs.pm/) - Elixir's interactive shell with code reloading, auto-complete, and easy access to documentation, typespecs and more
-  * [Logger](https://logger.hexdocs.pm/) - the latest addition to the group, Logger provides reliable logging and configurable backends (with syslog, file and many other backends provided by the community)
-  * [Mix](https://mix.hexdocs.pm/) - Elixir's build tool that generates, compiles and tests projects as well as manages your dependencies
+  * [Elixir](https://hexdocs.pm/elixir/) - the Elixir compiler, runtime and the standard library
+  * [EEx](https://hexdocs.pm/eex/) - Elixir's templating library, useful for generating any kind of document dynamically
+  * [ExUnit](https://hexdocs.pm/ex_unit/) - Elixir's unit test library, with support for concurrent testing, custom formatters, filters and much more
+  * [IEx](https://hexdocs.pm/iex/) - Elixir's interactive shell with code reloading, auto-complete, and easy access to documentation, typespecs and more
+  * [Logger](https://hexdocs.pm/logger/) - the latest addition to the group, Logger provides reliable logging and configurable backends (with syslog, file and many other backends provided by the community)
+  * [Mix](https://hexdocs.pm/mix/) - Elixir's build tool that generates, compiles and tests projects as well as manages your dependencies
 
 With v1.0, we are providing a stable platform for the community to leverage and extend, and we are extremely excited with the projects and possibilities that are ahead of us!
 
@@ -54,8 +54,8 @@ These expectations also apply to future releases under the v1 branch, except for
 
 ## Learn more
 
-You can get started with Elixir via our [Getting Started guide](https://elixir.hexdocs.pm/introduction.html). There are quite some Elixir books out there too, now getting sent to the presses, quite a few can be found in the sidebar, which also includes screencasts and other resources.
+You can get started with Elixir via our [Getting Started guide](https://hexdocs.pm/elixir/introduction.html). There are quite some Elixir books out there too, now getting sent to the presses, quite a few can be found in the sidebar, which also includes screencasts and other resources.
 
-You can also learn more about Elixir by checking out [the videos from ElixirConf 2014](https://www.youtube.com/playlist?list=PLE7tQUdRKcyakbmyFcmznq2iNtL80mCsT), the first (and so far the best) Elixir conference ever! You can learn more about [the language history](https://www.youtube.com/watch?v=aZXc11eOEpI), [how Elixir can change the way you code](https://www.youtube.com/watch?v=5hDVftaPQwY) or [even hear stories of how Elixir is being used in production](https://www.youtube.com/watch?v=5LRDICEETRE).
+You can also learn more about Elixir by checking out [the videos from ElixirConf 2014](http://www.confreaks.com/events/elixirconf2014), the first (and so far the best) Elixir conference ever! You can learn more about [the language history](http://www.confreaks.com/videos/4134-elixirconf2014-keynote-elixir), [how Elixir can change the way you code](http://www.confreaks.com/videos/4119-elixirconf2014-opening-keynote-think-different) or [even hear stories of how Elixir is being used in production](http://www.confreaks.com/videos/4131-elixirconf2014-otp-in-production-the-nitty-gritty-details-of-game-servers).
 
-Finally, by popular demand, we have [released some Elixir stickers](https://web.archive.org/web/20141231001621/https://www.stickermule.com/user/1070631438/stickers), which are available with a discounted price to celebrate v1.0!
+Finally, by popular demand, we have [released some Elixir stickers](http://www.stickermule.com/user/1070631438/stickers), which are available with a discounted price to celebrate v1.0!
diff --git a/_posts/2015-09-28-elixir-v1-1-0-released.markdown b/src/content/blog/elixir-v1-1-0-released.md
similarity index 50%
rename from _posts/2015-09-28-elixir-v1-1-0-released.markdown
rename to src/content/blog/elixir-v1-1-0-released.md
index 711498805..b5b1f965d 100644
--- a/_posts/2015-09-28-elixir-v1-1-0-released.markdown
+++ b/src/content/blog/elixir-v1-1-0-released.md
@@ -1,27 +1,27 @@
 ---
-layout: post
-title: Elixir v1.1 released
-authors:
--  José Valim
-category: Releases
-excerpt: Elixir v1.1 brings enhancements, bug fixes, performance improvements and more into Elixir.
+title: "Elixir v1.1 released"
+excerpt: "Elixir v1.1 brings enhancements, bug fixes, performance improvements and more into Elixir."
+date: 2015-09-28
+author: "José Valim"
+category: "Releases"
+tags: []
 ---
 
 Elixir v1.1 has been released and it brings enhancements, bug fixes, performance improvements and more into Elixir.
 
 Elixir v1.1 supports both Erlang 17 and Erlang 18. This is, however, the last release supporting Erlang 17, so upgrading to Erlang 18 is advised. Elixir v1.2 will introduce features that are Erlang 18 only.
 
-On the standard library side, about 40 new functions have been added to Elixir public APIs. For example, [`Enum`](https://elixir.hexdocs.pm/1.1.0/Enum.html) got [`dedup/1`](https://elixir.hexdocs.pm/1.1.0/Enum.html#dedup/1), [`random/1`](https://elixir.hexdocs.pm/1.1.0/Enum.html#random/1), and a couple more. The [`String`](https://elixir.hexdocs.pm/1.1.0/String.html) module can now [calculate the distance between strings](https://elixir.hexdocs.pm/1.1.0/String.html#jaro_distance/2). We use this feature to provide suggestions whenever an unknown task name is given when using Mix. You can also [yield to](https://elixir.hexdocs.pm/1.1.0/Task.html#yield/2) and [shutdown](https://elixir.hexdocs.pm/1.1.0/Task.html#shutdown/2) tasks in the [`Task`](https://elixir.hexdocs.pm/1.1.0/Task.html) module.
+On the standard library side, about 40 new functions have been added to Elixir public APIs. For example, [`Enum`](/docs/v1.1/elixir/Enum.html) got [`dedup/1`](/docs/v1.1/elixir/Enum.html#dedup/1), [`random/1`](/docs/v1.1/elixir/Enum.html#random/1), and a couple more. The [`String`](/docs/v1.1/elixir/String.html) module can now [calculate the distance between strings](/docs/v1.1/elixir/String.html#jaro_distance/2). We use this feature to provide suggestions whenever an unknown task name is given when using Mix. You can also [yield to](/docs/v1.1/elixir/Task.html#yield/2) and [shutdown](/docs/v1.1/elixir/Task.html#shutdown/2) tasks in the [`Task`](/docs/v1.1/elixir/Task.html) module.
 
-The applications that ship with Elixir also has seen improvements and bug fixes. [ExUnit](https://ex-unit.hexdocs.pm/1.1.0/ExUnit.html), Elixir's test framework, now has support for skipping tests via tags `@tag :skip`, as well as the ability to capture logs via `@tag :capture_log`, ensuring that all log messages during the tests are captured. Even better, in case of failures, all captured log messages are printed along-side the test error report.
+The applications that ship with Elixir also has seen improvements and bug fixes. [ExUnit](/docs/v1.1/ex_unit/ExUnit.html), Elixir's test framework, now has support for skipping tests via tags `@tag :skip`, as well as the ability to capture logs via `@tag :capture_log`, ensuring that all log messages during the tests are captured. Even better, in case of failures, all captured log messages are printed along-side the test error report.
 
-Mix ships with a [`mix profile.fprof`](https://mix.hexdocs.pm/1.1.0/Mix.Tasks.Profile.Fprof.html), useful for profiling your application code. The [`mix app.start`](https://mix.hexdocs.pm/1.1.0/Mix.Tasks.App.Start.html) has also been publicly documented. Although you likely won't invoke it directly through the command line, it is useful when writing your own tasks that require the current application to be up and running.
+Mix ships with a [`mix profile.fprof`](/docs/v1.1/mix/Mix.Tasks.Profile.Fprof.html), useful for profiling your application code. The [`mix app.start`](/docs/v1.1/mix/Mix.Tasks.App.Start.html) has also been publicly documented. Although you likely won't invoke it directly through the command line, it is useful when writing your own tasks that require the current application to be up and running.
 
 Mix also provides faster re-compilation times. Every time you compile your Elixir code, Mix generates a graph of the dependencies between source files. For example, if `a.ex` depends on `b.ex`, every time `b.ex` changes, `a.ex` must be recompiled. Elixir v1.1 improves this tracking by separating compile-time dependencies from runtime ones, recompiling a file only if a compile-time dependency changed. In projects that have a main dispatch entity, like a web-app router, we have seen `mix compile` go from recompiling the whole project to one or two files per run.
 
 We have also seen great progress on areas that go beyond the source code. In particular, we have added a [CODE\_OF\_CONDUCT.md](https://github.com/elixir-lang/elixir/blob/v1.1/CODE_OF_CONDUCT.md) to guarantee our community continues to grow into a safe and welcoming place for everyone.
 
-We have also released a new ExDoc version. It provides a [beautiful, clean and readable way to navigate the Elixir documentation](https://elixir.hexdocs.pm/1.1.0) and it is available to any Elixir project. The latest version includes initial support for User Guides and we have more features and improvements coming on the way.
+We have also released a new ExDoc version. It provides a [beautiful, clean and readable way to navigate the Elixir documentation](https://hexdocs.pm/elixir/1.1.0) and it is available to any Elixir project. The latest version includes initial support for User Guides and we have more features and improvements coming on the way.
 
 The full list of changes is available in our [release notes](https://github.com/elixir-lang/elixir/releases/tag/v1.1.0). Don't forget to check [the Install section](/install.html) to get Elixir installed.
 
diff --git a/_posts/2020-01-27-elixir-v1-10-0-released.markdown b/src/content/blog/elixir-v1-10-0-released.md
similarity index 93%
rename from _posts/2020-01-27-elixir-v1-10-0-released.markdown
rename to src/content/blog/elixir-v1-10-0-released.md
index aef828ec5..e1fae2463 100644
--- a/_posts/2020-01-27-elixir-v1-10-0-released.markdown
+++ b/src/content/blog/elixir-v1-10-0-released.md
@@ -1,10 +1,10 @@
 ---
-layout: post
-title: Elixir v1.10 released
-authors:
--  José Valim
-category: Releases
-excerpt: Elixir v1.10 is out with standard library, compiler, and releases improvements.
+title: "Elixir v1.10 released"
+excerpt: "Elixir v1.10 is out with standard library, compiler, and releases improvements."
+date: 2020-01-27
+author: "José Valim"
+category: "Releases"
+tags: []
 ---
 
 Elixir v1.10 comes with improvements to the standard library, the compiler, as well as several additions to the [`mix release` feature added in v1.9](/blog/2019/06/24/elixir-v1-9-0-released/). In particular, this version adds a lot of polish to existing features, such as our configuration system and our sorting APIs.
@@ -31,7 +31,7 @@ See the [full release notes for more improvements](https://github.com/elixir-lan
 
 ## Improvements to sort-based APIs in Enum
 
-[`Enum.sort/1`](https://elixir.hexdocs.pm/Enum.html#sort/1) in Elixir by default sorts from lowest to highest:
+[`Enum.sort/1`](https://hexdocs.pm/elixir/Enum.html#sort/1) in Elixir by default sorts from lowest to highest:
 
 ```elixir
 iex> Enum.sort(["banana", "apple", "pineapple"])
@@ -139,7 +139,7 @@ In previous Elixir versions, Elixir would compile a database of cross references
 
 Although this database was not public, developers would still use it to run their own checks against their projects. With time, developers would request more data to be included in the database, which was problematic as Elixir itself did not have a use for the additional data, and the database was not meant to be used externally in the first place.
 
-In Elixir v1.10, we have addressed these problems by [introducing compiler tracing](https://elixir.hexdocs.pm/Code.html#module-compilation-tracers). The compiler tracing allows developers to listen to events as they are emitted by the compiler, so they can store all of the information they need - and only the information they need.
+In Elixir v1.10, we have addressed these problems by [introducing compiler tracing](https://hexdocs.pm/elixir/Code.html#module-compilation-tracers). The compiler tracing allows developers to listen to events as they are emitted by the compiler, so they can store all of the information they need - and only the information they need.
 
 Elixir itself is using the new compiler tracing to provide new functionality. One advantage of this approach is that developers can now disable undefined function warnings directly on the callsite. For example, imagine you have an optional dependency which may not be available in some cases. You can tell the compiler to skip warning on calls to optional modules with:
 
@@ -150,11 +150,11 @@ Previously, this information had to be added to the overall project configuratio
 
 ### Other enhancements
 
-Elixir's calendar data types got many improvements, such as sigil support for third-party calendars, as well as the additions of [`DateTime.now!/2`](https://elixir.hexdocs.pm/DateTime.html#now!/2), [`DateTime.shift_zone!/3`](https://elixir.hexdocs.pm/DateTime.html#shift_zone!/3), and [`NaiveDateTime.local_now/0`](https://elixir.hexdocs.pm/NaiveDateTime.html#local_now/0).
+Elixir's calendar data types got many improvements, such as sigil support for third-party calendars, as well as the additions of [`DateTime.now!/2`](https://hexdocs.pm/elixir/DateTime.html#now!/2), [`DateTime.shift_zone!/3`](https://hexdocs.pm/elixir/DateTime.html#shift_zone!/3), and [`NaiveDateTime.local_now/0`](https://hexdocs.pm/elixir/NaiveDateTime.html#local_now/0).
 
-There are many improvements related to Elixir's AST in this release too. [`Code.string_to_quoted/2`](https://elixir.hexdocs.pm/Code.html#string_to_quoted/2) has two new options, `:token_metadata` and `:literal_encoder`, that give more control over Elixir's parser. This information was already available to the Elixir code formatter and has now been made public. These changes alongside compiler tracing means tools like [Credo](https://github.com/rrrene/credo), [Boundary](https://github.com/sasa1977/boundary), and IDE integrations have an even better foundation to analyze the source code.
+There are many improvements related to Elixir's AST in this release too. [`Code.string_to_quoted/2`](https://hexdocs.pm/elixir/Code.html#string_to_quoted/2) has two new options, `:token_metadata` and `:literal_encoder`, that give more control over Elixir's parser. This information was already available to the Elixir code formatter and has now been made public. These changes alongside compiler tracing means tools like [Credo](https://github.com/rrrene/credo), [Boundary](https://github.com/sasa1977/boundary), and IDE integrations have an even better foundation to analyze the source code.
 
-[ExUnit](https://ex-unit.hexdocs.pm), our test framework, ships two small but important improvements: `ExUnit.CaptureIO` can now be used by tests that run concurrently and we have added "pattern-matching diffing". To understand the last feature, take this code:
+[ExUnit](https://hexdocs.pm/ex_unit), our test framework, ships two small but important improvements: `ExUnit.CaptureIO` can now be used by tests that run concurrently and we have added "pattern-matching diffing". To understand the last feature, take this code:
 
 ```elixir
 assert %{"status" => 200, "body" => %{"key" => "foo"}} = json_payload
@@ -166,6 +166,6 @@ Finally, this release also adds two new guards, `is_struct/1` and `is_map_key/2`
 
 To learn what else is new, you can read the [full release notes](https://github.com/elixir-lang/elixir/releases/tag/v1.10.0).
 
-Check [the Install section](/install.html) to get Elixir installed and read our [Getting Started guide](https://elixir.hexdocs.pm/introduction.html) to learn more.
+Check [the Install section](/install.html) to get Elixir installed and read our [Getting Started guide](https://hexdocs.pm/elixir/introduction.html) to learn more.
 
 Have fun!
diff --git a/_posts/2020-10-06-elixir-v1-11-0-released.markdown b/src/content/blog/elixir-v1-11-0-released.md
similarity index 93%
rename from _posts/2020-10-06-elixir-v1-11-0-released.markdown
rename to src/content/blog/elixir-v1-11-0-released.md
index 9be867499..8c33f4516 100644
--- a/_posts/2020-10-06-elixir-v1-11-0-released.markdown
+++ b/src/content/blog/elixir-v1-11-0-released.md
@@ -1,23 +1,23 @@
 ---
-layout: post
-title: Elixir v1.11 released
-authors:
--  José Valim
-category: Releases
-excerpt: Elixir v1.11 is out with improvements to the compiler and tighter integration with Erlang/OTP
+title: "Elixir v1.11 released"
+excerpt: "Elixir v1.11 is out with improvements to the compiler and tighter integration with Erlang/OTP."
+date: 2020-10-06
+author: "José Valim"
+category: "Releases"
+tags: []
 ---
 
 Over the last releases, the Elixir team has been focusing on the compiler, both in terms of catching more mistakes at compilation time and making it faster. Elixir v1.11 has made excellent progress on both fronts. This release also includes many other goodies, such as tighter Erlang integration, support for more guard expressions, built-in datetime formatting, and other calendar enhancements.
 
-During this period, we have also started [publishing a series of production cases](/cases.html) on our website, featuring Elixir's usage at [Farmbot](/blog/2020/08/20/embedded-elixir-at-farmbot/) and [Heroku](/blog/2020/09/24/paas-with-elixir-at-Heroku/), with many more cases coming soon.
+During this period, we have also started [publishing a series of production cases](/cases.html) on our website, featuring Elixir's usage at [Farmbot](/blog/2020/08/20/embedded-elixir-at-farmbot/) and [Heroku](/blog/2020/09/24/paas-with-elixir-at-heroku/), with many more cases coming soon.
 
 For now, let's focus on what's new in Elixir v1.11.
 
 ## Tighter Erlang integration
 
-On the footsteps of v1.10, we have further integrated with Erlang's new logger by adding four new log levels: `notice`, `critical`, `alert`, and `emergency`, matching all log levels found in the Syslog standard. The `Logger` module now supports structured logging by passing maps and keyword lists to its various functions. It is also possible to specify the log level per module, via the [`Logger.put_module_level/2`](https://logger.hexdocs.pm/Logger.html#put_module_level/2) function. Log levels per application will be added in future releases.
+On the footsteps of v1.10, we have further integrated with Erlang's new logger by adding four new log levels: `notice`, `critical`, `alert`, and `emergency`, matching all log levels found in the Syslog standard. The `Logger` module now supports structured logging by passing maps and keyword lists to its various functions. It is also possible to specify the log level per module, via the [`Logger.put_module_level/2`](https://hexdocs.pm/logger/Logger.html#put_module_level/2) function. Log levels per application will be added in future releases.
 
-IEx also has been improved to show the documentation for Erlang modules directly from your Elixir terminal. For example, here is a clip of me accessing the documentation for [Erlang's gen_server module](https://www.erlang.org/doc/apps/stdlib/gen_server.html):
+IEx also has been improved to show the documentation for Erlang modules directly from your Elixir terminal. For example, here is a clip of me accessing the documentation for [Erlang's gen_server module](erlang.org/doc/man/gen_server.html):
 
 <script id="asciicast-1Kqwwkn0wMl0feePvWQwHe85G" src="https://asciinema.org/a/1Kqwwkn0wMl0feePvWQwHe85G.js" async></script><noscript><p><a href="https://asciinema.org/a/iAOk0yaZtQDsuJqn2sXa1FRQW">See the example in asciinema</a></p></noscript>
 
@@ -182,7 +182,7 @@ Elixir v1.9 introduced a new configuration file called `config/releases.exs`. Ho
 
 This new configuration file was considered a very useful addition to releases. Therefore, we are also introducing `config/runtime.exs`, which is executed after the code compilation on all environments (dev, test, and prod) - for both Mix and releases. Our goal is to provide a better runtime configuration experience to developers, in contrast to our current configuration system which has been mostly compile-time centric.
 
-`config/runtime.exs` works the same as any other configuration file in Elixir. However, given `config/runtime.exs` is meant to run in production systems, where our `Mix` build tool is not available, developers must not use [`Mix.env()`](https://mix.hexdocs.pm/Mix.html#env/0) or [`Mix.target()`](https://mix.hexdocs.pm/Mix.html#target/0) in `config/runtime.exs`. Instead, they must use the new `config_env()` and `config_target()`, which have been added to the [`Config`](https://elixir.hexdocs.pm/Config.html) module.
+`config/runtime.exs` works the same as any other configuration file in Elixir. However, given `config/runtime.exs` is meant to run in production systems, where our `Mix` build tool is not available, developers must not use [`Mix.env()`](https://hexdocs.pm/mix/Mix.html#env/0) or [`Mix.target()`](https://hexdocs.pm/mix/Mix.html#target/0) in `config/runtime.exs`. Instead, they must use the new `config_env()` and `config_target()`, which have been added to the [`Config`](https://hexdocs.pm/elixir/Config.html) module.
 
 While `config/releases.exs` will continue to be supported, developers can migrate to `config/runtime.exs` without loss of functionality. For example, a `config/releases.exs` file such as this one
 
@@ -208,18 +208,18 @@ end
 
 If both files are available, releases will pick the now preferred `config/runtime.exs` instead of `config/releases.exs`.
 
-To wrap it all up, `Mix` also includes a new task called [`mix app.config`](https://mix.hexdocs.pm/Mix.Tasks.App.Config.html). This task loads all applications and configures them, without starting them. Whenever you write your own Mix tasks, you will typically want to invoke either `mix app.start` or `mix app.config` before running your own code. Which one is better depends if you want your applications running or only configured.
+To wrap it all up, `Mix` also includes a new task called [`mix app.config`](https://hexdocs.pm/mix/Mix.Tasks.App.Config.html). This task loads all applications and configures them, without starting them. Whenever you write your own Mix tasks, you will typically want to invoke either `mix app.start` or `mix app.config` before running your own code. Which one is better depends if you want your applications running or only configured.
 
 ## Other improvements
 
 Elixir v1.11 adds the `is_struct/2`, `is_exception/1`, and `is_exception/2` guards. It also adds support for the `map.field` syntax in guards.
 
-The Calendar module ships with a new [`Calendar.strftime/3`](https://elixir.hexdocs.pm/Calendar.html#strftime/3) function, which provides datetime formatting based on the `strftime` format. The [`Date`](https://elixir.hexdocs.pm/Date.html) module got new functions for working with weeks and months, such as `Date.beginning_of_month/1` and `Date.end_of_week/2`. Finally, all calendar types got conversion functions from and to gregorian timestamps, such as `Date.from_gregorian_days/2` and `NaiveDateTime.to_gregorian_seconds/1`.
+The Calendar module ships with a new [`Calendar.strftime/3`](https://hexdocs.pm/elixir/Calendar.html#strftime/3) function, which provides datetime formatting based on the `strftime` format. The [`Date`](https://hexdocs.pm/elixir/Date.html) module got new functions for working with weeks and months, such as `Date.beginning_of_month/1` and `Date.end_of_week/2`. Finally, all calendar types got conversion functions from and to gregorian timestamps, such as `Date.from_gregorian_days/2` and `NaiveDateTime.to_gregorian_seconds/1`.
 
-Finally, to bring visibility to the compiler tracking improvements described in previous sections, we have also added new features to [`mix xref`](https://mix.hexdocs.pm/Mix.Tasks.Xref.html). `mix xref` is a task that describes cross-references between files in your projects and can be helpful to diagnose large compilation cycles in projects.
+Finally, to bring visibility to the compiler tracking improvements described in previous sections, we have also added new features to [`mix xref`](https://hexdocs.pm/mix/Mix.Tasks.Xref.html). `mix xref` is a task that describes cross-references between files in your projects and can be helpful to diagnose large compilation cycles in projects.
 
 For a complete list of all changes, see the [full release notes](https://github.com/elixir-lang/elixir/releases/tag/v1.11.0).
 
-Check [the Install section](/install.html) to get Elixir installed and read our [Getting Started guide](https://elixir.hexdocs.pm/introduction.html) to learn more.
+Check [the Install section](/install.html) to get Elixir installed and read our [Getting Started guide](https://hexdocs.pm/elixir/introduction.html) to learn more.
 
 Have fun!
diff --git a/_posts/2021-05-19-elixir-v1-12-0-released.markdown b/src/content/blog/elixir-v1-12-0-released.md
similarity index 86%
rename from _posts/2021-05-19-elixir-v1-12-0-released.markdown
rename to src/content/blog/elixir-v1-12-0-released.md
index dda24bb3e..bc9d6d12b 100644
--- a/_posts/2021-05-19-elixir-v1-12-0-released.markdown
+++ b/src/content/blog/elixir-v1-12-0-released.md
@@ -1,10 +1,10 @@
 ---
-layout: post
-title: Elixir v1.12 released
-authors:
--  José Valim
-category: Releases
-excerpt: Elixir v1.12 is out with improvements to scripting, tighter Erlang/OTP 24 integration, stepped ranges, and dozen of new functions across the standard library
+title: "Elixir v1.12 released"
+excerpt: "Elixir v1.12 is out with improvements to scripting, tighter Erlang/OTP 24 integration, stepped ranges, and dozen of new functions across the standard library."
+date: 2021-05-19
+author: "José Valim"
+category: "Releases"
+tags: []
 ---
 
 Elixir v1.12 is out with improvements to scripting, tighter Erlang/OTP 24 integration, stepped ranges, and dozen of new functions across the standard library. Overall this is a small release, which continues our tradition of bringing Elixir developers quality of life improvements every 6 months. Some of these improvements directly relates with the [recent efforts of bringing Numerical Computing to Elixir](https://dashbit.co/blog/nx-numerical-elixir-is-now-publicly-available).
@@ -40,7 +40,7 @@ This is particularly useful when your tests get stuck and you want to know which
 
 [Erlang/OTP 24 ships with JIT compilation](https://blog.erlang.org/My-OTP-24-Highlights/) and Elixir developers don't have to do anything to reap its benefits. There are many other features in Erlang/OTP 24 to look forwards to and Elixir v1.12 provides integration with many of them: such as support for 16bit floats in bitstrings as well as performance improvements in the compiler and during code evaluation.
 
-Another excellent feature in Erlang/OTP 24 is the implementation of [EEP 54](https://www.erlang.org/eeps/eep-0054.html), which provides extended error information for many functions in Erlang's stdlib. Elixir v1.12 fully leverages this feature to improve reporting for errors coming from Erlang. For example, in earlier OTP versions, inserting an invalid argument into an ETS table that no longer exists would simply error with `ArgumentError`:
+Another excellent feature in Erlang/OTP 24 is the implementation of [EEP 54](http://www.erlang.org/eeps/eep-0054.html), which provides extended error information for many functions in Erlang's stdlib. Elixir v1.12 fully leverages this feature to improve reporting for errors coming from Erlang. For example, in earlier OTP versions, inserting an invalid argument into an ETS table that no longer exists would simply error with `ArgumentError`:
 
 <script type="text/javascript" src="https://asciinema.org/a/1s79Cwf2JvSLYihAahIobVyBm.js" id="asciicast-1s79Cwf2JvSLYihAahIobVyBm" async></script><noscript><p><a href="https://asciinema.org/a/1s79Cwf2JvSLYihAahIobVyBm">See the example in asciinema</a></p></noscript>
 
@@ -56,13 +56,13 @@ Elixir has had support for ranges from before its v1.0 release. Ranges support o
 
 Unfortunately, due to this inference, it is not possible to have empty ranges. For example, if you want to create a list of `n` elements, you cannot express it with a range from `1..n`, as `1..0` (for `n=0`) is a decreasing range with two elements.
 
-Elixir v1.12 supports stepped ranges via [the `first..last//step` notation](https://elixir.hexdocs.pm/1.12/Kernel.html#..///3). For example: `1..10//2` will emit the numbers `1`, `3`, `5`, `7`, and `9`. You can consider the `//` operator as an equivalent to "range division", as it effectively divides the number of elements in the range by `step`, rounding up on inexact scenarios. Steps can be either positive (increasing ranges) or negative (decreasing ranges). Stepped ranges bring more expressive power to Elixir ranges and they elegantly solve the empty range problem, as they allow the direction of the steps to be explicitly declared instead of inferred.
+Elixir v1.12 supports stepped ranges via [the `first..last//step` notation](https://hexdocs.pm/elixir/1.12/Kernel.html#..///3). For example: `1..10//2` will emit the numbers `1`, `3`, `5`, `7`, and `9`. You can consider the `//` operator as an equivalent to "range division", as it effectively divides the number of elements in the range by `step`, rounding up on inexact scenarios. Steps can be either positive (increasing ranges) or negative (decreasing ranges). Stepped ranges bring more expressive power to Elixir ranges and they elegantly solve the empty range problem, as they allow the direction of the steps to be explicitly declared instead of inferred.
 
-As of Elixir v1.12, implicitly decreasing ranges are soft-deprecated and warnings will be emitted in future Elixir versions based on our [deprecation policy](https://elixir.hexdocs.pm/compatibility-and-deprecations.html#deprecations).
+As of Elixir v1.12, implicitly decreasing ranges are soft-deprecated and warnings will be emitted in future Elixir versions based on our [deprecation policy](https://hexdocs.pm/elixir/compatibility-and-deprecations.html#deprecations).
 
 ## `then/2` and `tap/2`
 
-Two new functions have been added to `Kernel` module, in order to ease working with pipelines. [`tap/2`](https://elixir.hexdocs.pm/1.12/Kernel.html#tap/2) passes the given argument to an anonymous function, returning the argument itself. [`then/2`](https://elixir.hexdocs.pm/1.12/Kernel.html#then/2) passes the given argument to an anonymous function, returning the result. The following:
+Two new functions have been added to `Kernel` module, in order to ease working with pipelines. [`tap/2`](https://hexdocs.pm/elixir/1.12/Kernel.html#tap/2) passes the given argument to an anonymous function, returning the argument itself. [`then/2`](https://hexdocs.pm/elixir/1.12/Kernel.html#then/2) passes the given argument to an anonymous function, returning the result. The following:
 
 ```elixir
 "hello world"
@@ -93,10 +93,10 @@ IEx got two important quality of life improvements in this release. Hitting tab
 
 Elixir v1.12 has also added many functions across the standard library. The `Enum` module received additions such as `Enum.count_until/2`, `Enum.product/1`, `Enum.zip_with/2`, and more. The `Integer` module now includes `Integer.pow/2` and `Integer.extended_gcd/2`.
 
-The `Code` module got a [`cursor_context/2`](https://elixir.hexdocs.pm/1.12/Code.html#cursor_context/2) function, which is now used to power `IEx` autocompletion and it is [used by projects such as Livebook to provide intellisense](https://user-images.githubusercontent.com/17034772/115117125-533b2900-9f9d-11eb-94a9-a2cf2ccb7388.mp4).
+The `Code` module got a [`cursor_context/2`](https://hexdocs.pm/elixir/1.12/Code.html#cursor_context/2) function, which is now used to power `IEx` autocompletion and it is [used by projects such as Livebook to provide intellisense](/images/contents/livebook-code-intellisense.mp4).
 
-The EEx application has also been extended to provide metadata on text segments. This has enabled the Surface and Phoenix LiveView teams to implement [a new template language called HEEx](https://github.com/phoenixframework/phoenix_live_view/pull/1440), which validates both HTML and EEx. Finally, the `Registry` module supports the `:compressed` option, which is useful for GraphQL applications managing hundreds of thousands of subscriptions via [Absinthe](https://absinthe.hexdocs.pm/).
+The EEx application has also been extended to provide metadata on text segments. This has enabled the Surface and Phoenix LiveView teams to implement [a new template language called HEEx](https://github.com/phoenixframework/phoenix_live_view/pull/1440), which validates both HTML and EEx. Finally, the `Registry` module supports the `:compressed` option, which is useful for GraphQL applications managing hundreds of thousands of subscriptions via [Absinthe](http://absinthe-graphql.org/).
 
-For a complete list of all changes, see the [full release notes](https://github.com/elixir-lang/elixir/releases/tag/v1.12.0). Check [the Install section](/install.html) to get Elixir installed and read our [Getting Started guide](https://elixir.hexdocs.pm/introduction.html) to learn more.
+For a complete list of all changes, see the [full release notes](https://github.com/elixir-lang/elixir/releases/tag/v1.12.0). Check [the Install section](/install.html) to get Elixir installed and read our [Getting Started guide](https://hexdocs.pm/elixir/introduction.html) to learn more.
 
 Have fun!
diff --git a/_posts/2021-12-03-elixir-v1-13-0-released.markdown b/src/content/blog/elixir-v1-13-0-released.md
similarity index 88%
rename from _posts/2021-12-03-elixir-v1-13-0-released.markdown
rename to src/content/blog/elixir-v1-13-0-released.md
index ccbfc7c4a..1becbd095 100644
--- a/_posts/2021-12-03-elixir-v1-13-0-released.markdown
+++ b/src/content/blog/elixir-v1-13-0-released.md
@@ -1,10 +1,10 @@
 ---
-layout: post
-title: Elixir v1.13 released
-authors:
-- José Valim
-category: Releases
-excerpt: Elixir v1.13 is out with a focus on developer tooling
+title: "Elixir v1.13 released"
+excerpt: "Elixir v1.13 is out with a focus on developer tooling."
+date: 2021-12-03
+author: "José Valim"
+category: "Releases"
+tags: []
 ---
 
 Elixir v1.13 has just been released!
@@ -44,13 +44,13 @@ To give a more practical example, take a regular [Phoenix project](https://phoen
 
 ## Code fragments
 
-The [`Code`](https://elixir.hexdocs.pm/Code.html) module got a companion module called [`Code.Fragment`](https://elixir.hexdocs.pm/Code.Fragment.html).
+The [`Code`](https://hexdocs.pm/elixir/Code.html) module got a companion module called [`Code.Fragment`](https://hexdocs.pm/elixir/Code.Fragment.html).
 
 The `Code` module works with complete code. For example, its functions will consider the snippet `123 +` as invalid, since the right-hand side of `+` is missing. However, our tooling, such as editors, REPLs, and code notebooks must still parse and understand such snippets, in order to provide code completion, argument suggestion, etc.
 
 That's the goal of the `Code.Fragment` module. It contains different heuristics to analyze and return context informational of code fragments, which are code snippets that may be incomplete.
 
-To better show the benefits of said improvements, let's talk about IEx, Elixir's interactive shell. IEx has been rewritten to use `Code.Fragment` and, in the process, it gained new functionality as part of its autocompletion system (available by hitting TAB). For example, it can now autocomplete sigils, used to [create regexes](https://elixir.hexdocs.pm/Kernel.html#sigil_r/2) or [lists of words](https://elixir.hexdocs.pm/Kernel.html#sigil_w/2), and their terminators:
+To better show the benefits of said improvements, let's talk about IEx, Elixir's interactive shell. IEx has been rewritten to use `Code.Fragment` and, in the process, it gained new functionality as part of its autocompletion system (available by hitting TAB). For example, it can now autocomplete sigils, used to [create regexes](https://hexdocs.pm/elixir/Kernel.html#sigil_r/2) or [lists of words](https://hexdocs.pm/elixir/Kernel.html#sigil_w/2), and their terminators:
 
 <script id="asciicast-By0cGpu9xSUgflc24cVlLgPgY" src="https://asciinema.org/a/By0cGpu9xSUgflc24cVlLgPgY.js" async></script><noscript><p><a href="https://asciinema.org/a/By0cGpu9xSUgflc24cVlLgPgY">See the example in asciinema</a></p></noscript>
 
@@ -58,11 +58,11 @@ Similarly, you can now autocomplete struct names and their fields:
 
 <script id="asciicast-A44auZ00saSud3l7DbOL4IMYn" src="https://asciinema.org/a/A44auZ00saSud3l7DbOL4IMYn.js" async></script><noscript><p><a href="https://asciinema.org/a/A44auZ00saSud3l7DbOL4IMYn">See the example in asciinema</a></p></noscript>
 
-Overall, we hope the `Code.Fragment` module will become the shared foundation to power many of the tools in the ecosystem. We have also added new reflection APIs to [`Module`](https://elixir.hexdocs.pm/Module.html), which can then be used to power code intelligence features.
+Overall, we hope the `Code.Fragment` module will become the shared foundation to power many of the tools in the ecosystem. We have also added new reflection APIs to [`Module`](https://hexdocs.pm/elixir/Module.html), which can then be used to power code intelligence features.
 
 ## mix xref
 
-[`mix xref`](https://mix.hexdocs.pm/Mix.Tasks.Xref.html) is a tool that analyzes relationships between files. By analyzing the compile-time and runtime dependencies between them, it allows developers to understand what has to be recompiled whenever a file changes.
+[`mix xref`](https://hexdocs.pm/mix/Mix.Tasks.Xref.html) is a tool that analyzes relationships between files. By analyzing the compile-time and runtime dependencies between them, it allows developers to understand what has to be recompiled whenever a file changes.
 
 Elixir v1.13 comes with many improvements to `mix xref`, such as:
 
@@ -96,7 +96,7 @@ Or even [Zig](https://ziglang.org/), [via the Zigler project](https://github.com
     }
     """
 
-However, while you can format Elixir source code with [`mix format`](https://mix.hexdocs.pm/Mix.Tasks.Format.html), you could not format the code inside snippets.
+However, while you can format Elixir source code with [`mix format`](https://hexdocs.pm/mix/Mix.Tasks.Format.html), you could not format the code inside snippets.
 
 Elixir v1.13 solves this by adding plugins to `mix format`. Plugins can teach the formatter how to format new files and how to format sigils, via the `Mix.Tasks.Format` behaviour.
 
@@ -140,14 +140,14 @@ We are looking forward to see how this new functionality will be used by communi
       1 | hello + * world
         |         ^
 
-The `Code` module has also been augmented with two functions: [`Code.string_to_quoted_with_comments/2`](https://elixir.hexdocs.pm/Code.html#string_to_quoted_with_comments/2) and [`Code.quoted_to_algebra/2`](https://elixir.hexdocs.pm/Code.html#quoted_to_algebra/2). Those functions allow someone to retrieve the Elixir AST with their original source code comments, and then convert this AST to formatted code. In other words, those functions provide a wrapper around the Elixir Code Formatter, supporting developers who wish to create tools that directly manipulate and custom format Elixir source code.
+The `Code` module has also been augmented with two functions: [`Code.string_to_quoted_with_comments/2`](https://hexdocs.pm/elixir/Code.html#string_to_quoted_with_comments/2) and [`Code.quoted_to_algebra/2`](https://hexdocs.pm/elixir/Code.html#quoted_to_algebra/2). Those functions allow someone to retrieve the Elixir AST with their original source code comments, and then convert this AST to formatted code. In other words, those functions provide a wrapper around the Elixir Code Formatter, supporting developers who wish to create tools that directly manipulate and custom format Elixir source code.
 
-`elixir --short-version` has been added to quickly get the Elixir version, without booting the Erlang VM. The `Task` module includes performance optimizations and [new](https://elixir.hexdocs.pm/Task.html#ignore/1) [functions](https://elixir.hexdocs.pm/Task.html#completed/1). Finally, `mix test --profile-require=time` has been added to debug loading times of test suites and the recently added [`Mix.install/2`](https://mix.hexdocs.pm/Mix.html#install/2) has been improved with new options and environment variables.
+`elixir --short-version` has been added to quickly get the Elixir version, without booting the Erlang VM. The `Task` module includes performance optimizations and [new](https://hexdocs.pm/elixir/Task.html#ignore/1) [functions](https://hexdocs.pm/elixir/Task.html#completed/1). Finally, `mix test --profile-require=time` has been added to debug loading times of test suites and the recently added [`Mix.install/2`](https://hexdocs.pm/mix/Mix.html#install#2) has been improved with new options and environment variables.
 
 ## Learn more
 
 For a complete list of all changes, see the [full release notes](https://github.com/elixir-lang/elixir/releases/tag/v1.13.0). You can also [watch my ElixirConf 2021 keynote about Elixir v1.13](https://youtu.be/ydjx2kKHzrM) to learn more.
 
-Check [the Install section](/install.html) to get Elixir installed and read our [Getting Started guide](https://elixir.hexdocs.pm/introduction.html) to learn more.
+Check [the Install section](/install.html) to get Elixir installed and read our [Getting Started guide](https://hexdocs.pm/elixir/introduction.html) to learn more.
 
 Have fun!
diff --git a/_posts/2022-09-01-elixir-v1-14-0-released.markdown b/src/content/blog/elixir-v1-14-0-released.md
similarity index 93%
rename from _posts/2022-09-01-elixir-v1-14-0-released.markdown
rename to src/content/blog/elixir-v1-14-0-released.md
index c87a459c3..9fc865aca 100644
--- a/_posts/2022-09-01-elixir-v1-14-0-released.markdown
+++ b/src/content/blog/elixir-v1-14-0-released.md
@@ -1,10 +1,10 @@
 ---
-layout: post
-title: Elixir v1.14 released
-authors:
-- Andrea Leopardi
-category: Releases
-excerpt: Elixir v1.14 is out with a focus on debugging and developer experience
+title: "Elixir v1.14 released"
+excerpt: "Elixir v1.14 is out with a focus on debugging and developer experience."
+date: 2022-09-01
+author: "Andrea Leopardi"
+category: "Releases"
+tags: []
 ---
 
 Elixir v1.14 has just been released. 🎉
@@ -15,7 +15,7 @@ Note: this announcement contains [asciinema](https://asciinema.org) snippets. Yo
 
 ## `dbg`
 
-[`Kernel.dbg/2`](https://elixir.hexdocs.pm/Kernel.html#dbg/2) is a new macro that's somewhat similar to [`IO.inspect/2`](https://elixir.hexdocs.pm/IO.html#inspect/2), but specifically tailored for **debugging**.
+[`Kernel.dbg/2`](https://hexdocs.pm/elixir/Kernel.html#dbg/2) is a new macro that's somewhat similar to [`IO.inspect/2`](https://hexdocs.pm/elixir/IO.html#inspect/2), but specifically tailored for **debugging**.
 
 When called, it prints the value of whatever you pass to it, plus the debugged code itself as well as its location.
 
@@ -55,7 +55,7 @@ As an another example of the power behind `dbg`, the Livebook team has implement
 
 ## PartitionSupervisor
 
-[`PartitionSupervisor`](https://elixir.hexdocs.pm/PartitionSupervisor.html) implements a new supervisor type. It is designed to help when you have a single supervised process that becomes a bottleneck. If that process' state can be easily partitioned, then you can use `PartitionSupervisor` to supervise multiple isolated copies of that process running concurrently, each assigned its own partition.
+[`PartitionSupervisor`](https://hexdocs.pm/elixir/PartitionSupervisor.html) implements a new supervisor type. It is designed to help when you have a single supervised process that becomes a bottleneck. If that process' state can be easily partitioned, then you can use `PartitionSupervisor` to supervise multiple isolated copies of that process running concurrently, each assigned its own partition.
 
 For example, imagine you have a `ErrorReporter` process that you use to report errors to a monitoring service.
 
@@ -143,7 +143,7 @@ Enum.to_list(1..10//3)
 #=> [1, 4, 7, 10]
 ```
 
-Stepped ranges are particularly useful for numerical operations involving vectors and matrices (see [Nx](https://github.com/elixir-nx/nx), for example). However, the Elixir standard library was not making use of stepped ranges in its APIs. Elixir v1.14 starts to take advantage of steps with support for stepped ranges in a couple of functions. One of them is [`Enum.slice/2`](https://elixir.hexdocs.pm/Enum.html#slice/2):
+Stepped ranges are particularly useful for numerical operations involving vectors and matrices (see [Nx](https://github.com/elixir-nx/nx), for example). However, the Elixir standard library was not making use of stepped ranges in its APIs. Elixir v1.14 starts to take advantage of steps with support for stepped ranges in a couple of functions. One of them is [`Enum.slice/2`](https://hexdocs.pm/elixir/Enum.html#slice/2):
 
 ```elixir
 letters = ["a", "b", "c", "d", "e", "f", "g", "h", "i", "j"]
@@ -151,7 +151,7 @@ Enum.slice(letters, 0..5//2)
 #=> ["a", "c", "e"]
 ```
 
-[`binary_slice/2`](https://elixir.hexdocs.pm/Kernel.html#binary_slice/2) (and [`binary_slice/3`](https://elixir.hexdocs.pm/Kernel.html#binary_slice/3) for completeness) has been added to the `Kernel` module, that works with bytes and also support stepped ranges:
+[`binary_slice/2`](https://hexdocs.pm/elixir/Kernel.html#binary_slice/2) (and [`binary_slice/3`](https://hexdocs.pm/elixir/Kernel.html#binary_slice/3) for completeness) has been added to the `Kernel` module, that works with bytes and also support stepped ranges:
 
 ```elixir
 binary_slice("Elixir", 1..5//2)
@@ -181,12 +181,12 @@ MapSet.put(fruits, :pear)
 
 The `MapSet.new/1` expression evaluates to exactly the struct that we're inspecting. This allows us to hide the internals of `MapSet`, while keeping it as valid Elixir code. This expression-based inspection has been implemented for `Version.Requirement`, `MapSet`, and `Date.Range`.
 
-Finally, we have improved the `Inspect` protocol for structs so that fields are inspected in the order they are declared in `defstruct`. The option `:optional` has also been added when deriving the `Inspect` protocol, giving developers more control over the struct representation. See [the updated documentation for `Inspect`](https://elixir.hexdocs.pm/Inspect.html) for a general rundown on the approaches and options available.
+Finally, we have improved the `Inspect` protocol for structs so that fields are inspected in the order they are declared in `defstruct`. The option `:optional` has also been added when deriving the `Inspect` protocol, giving developers more control over the struct representation. See [the updated documentation for `Inspect`](https://hexdocs.pm/elixir/Inspect.html) for a general rundown on the approaches and options available.
 
 ## Learn more
 
 For a complete list of all changes, see the [full release notes](https://github.com/elixir-lang/elixir/releases/tag/v1.14.0).
 
-Check [the Install section](/install.html) to get Elixir installed and read our [Getting Started guide](https://elixir.hexdocs.pm/introduction.html) to learn more.
+Check [the Install section](/install.html) to get Elixir installed and read our [Getting Started guide](https://hexdocs.pm/elixir/introduction.html) to learn more.
 
 Happy debugging!
diff --git a/_posts/2023-06-19-elixir-v1-15-0-released.markdown b/src/content/blog/elixir-v1-15-0-released.md
similarity index 94%
rename from _posts/2023-06-19-elixir-v1-15-0-released.markdown
rename to src/content/blog/elixir-v1-15-0-released.md
index 9be4f5ee7..361b85868 100644
--- a/_posts/2023-06-19-elixir-v1-15-0-released.markdown
+++ b/src/content/blog/elixir-v1-15-0-released.md
@@ -1,10 +1,10 @@
 ---
-layout: post
-title: Elixir v1.15 released
-authors:
-- José Valim
-category: Releases
-excerpt: Elixir v1.15 with improvements to compilation and boot times.
+title: "Elixir v1.15 released"
+excerpt: "Elixir v1.15 with improvements to compilation and boot times."
+date: 2023-06-19
+author: "José Valim"
+category: "Releases"
+tags: []
 ---
 
 Elixir v1.15 has just been released. 🎉
@@ -114,7 +114,7 @@ at the top of your `mix.exs` to bring the old behaviour back.
 ## Integration with Erlang/OTP logger
 
 This release provides additional features such as global logger
-metadata and [file logging](https://logger.hexdocs.pm/Logger.html#module-erlang-otp-handlers) (with rotation and compression) out of the box!
+metadata and [file logging](https://hexdocs.pm/logger/Logger.html#module-erlang-otp-handlers) (with rotation and compression) out of the box!
 
 This release also soft-deprecates Elixir's Logger Backends in
 favor of Erlang's Logger handlers. Elixir will automatically
@@ -155,7 +155,7 @@ config :logger, :default_handler,
 Finally, the previous Logger Backends API is now soft-deprecated.
 If you implement your own backends, you want to consider migrating to
 [`:logger_backends`](https://github.com/elixir-lang/logger_backends)
-in the long term. See the new [`Logger`](https://logger.hexdocs.pm)
+in the long term. See the new [`Logger`](https://hexdocs.pm/logger)
 documentation for more information on the new features and compatibility.
 
 ## Learn more
@@ -164,7 +164,7 @@ For a complete list of all changes, see the
 [full release notes](https://github.com/elixir-lang/elixir/releases/tag/v1.15.0).
 
 Check [the Install section](/install.html) to get Elixir installed and
-read our [Getting Started guide](https://elixir.hexdocs.pm/introduction.html)
+read our [Getting Started guide](https://hexdocs.pm/elixir/introduction.html)
 to learn more.
 
 Happy compiling!
diff --git a/_posts/2023-12-22-elixir-v1-16-0-released.markdown b/src/content/blog/elixir-v1-16-0-released.md
similarity index 86%
rename from _posts/2023-12-22-elixir-v1-16-0-released.markdown
rename to src/content/blog/elixir-v1-16-0-released.md
index cd46cb6ee..f3e8534a7 100644
--- a/_posts/2023-12-22-elixir-v1-16-0-released.markdown
+++ b/src/content/blog/elixir-v1-16-0-released.md
@@ -1,10 +1,10 @@
 ---
-layout: post
-title: Elixir v1.16 released
-authors:
-- José Valim
-category: Releases
-excerpt: Elixir v1.16 released with compiler diagnostics and extensive documentation
+title: "Elixir v1.16 released"
+excerpt: "Elixir v1.16 released with compiler diagnostics and extensive documentation."
+date: 2023-12-22
+author: "José Valim"
+category: "Releases"
+tags: []
 ---
 
 Elixir v1.16 has just been released. 🎉
@@ -100,7 +100,7 @@ references, tutorials, cheatsheets, and more](/blog/2022/12/22/cheatsheets-and-8
 However, because many of the language tutorials and reference documentation
 were written before ExDoc, they were maintained separately as part of the
 official website, separate from the language source code. With Elixir v1.16,
-[we have moved our learning material to the language repository](https://elixir.hexdocs.pm/introduction.html).
+[we have moved our learning material to the language repository](https://hexdocs.pm/elixir/introduction.html).
 This provides several benefits:
 
 1. Tutorials are versioned alongside their relevant Elixir version
@@ -110,15 +110,15 @@ This provides several benefits:
 3. ExDoc will autolink module and function names in tutorials to their relevant API documentation
 
 Another feature we have incorporated in this release is the addition
-of cheatsheets, starting with [a cheatsheet for the Enum module](https://elixir.hexdocs.pm/main/enum-cheat.html).
+of cheatsheets, starting with [a cheatsheet for the Enum module](https://hexdocs.pm/elixir/main/enum-cheat.html).
 If you would like to contribute future cheatsheets to Elixir itself,
 feel free to start a discussion and collect feedback on the
 [Elixir Forum](https://elixirforum.com/).
 
 Finally, we have started enriching our documentation with
 [Mermaid.js](https://mermaid.js.org/) diagrams. You can find examples
-in the [GenServer](https://elixir.hexdocs.pm/GenServer.html)
-and [Supervisor](https://elixir.hexdocs.pm/Supervisor.html) docs.
+in the [GenServer](https://hexdocs.pm/elixir/GenServer.html)
+and [Supervisor](https://hexdocs.pm/elixir/Supervisor.html) docs.
 
 Elixir has always been praised by its excellent documentation and
 we are glad to continue to raise the bar for the whole ecosystem.
@@ -127,8 +127,8 @@ we are glad to continue to raise the bar for the whole ecosystem.
 
 Elixir v1.16 incorporates and extends the work on [Understanding Code Smells
 in Elixir Functional Language](https://github.com/lucasvegi/Elixir-Code-Smells/blob/main/etc/2023-emse-code-smells-elixir.pdf),
-by Lucas Vegi and Marco Tulio Valente, from [ASERG/DCC/UFMG](https://aserg.labsoft.dcc.ufmg.br/),
-into [the official documention in the form of anti-patterns](https://elixir.hexdocs.pm/what-anti-patterns.html).
+by Lucas Vegi and Marco Tulio Valente, from [ASERG/DCC/UFMG](http://aserg.labsoft.dcc.ufmg.br/),
+into [the official documention in the form of anti-patterns](https://hexdocs.pm/elixir/what-anti-patterns.html).
 Our goal is to provide examples of potential pitfalls for library and
 application developers, with additional context and guidance on how
 to improve their codebases.
@@ -141,10 +141,10 @@ their prevalence in actual codebases).
 
 To incorporate the anti-patterns into the language, we trimmed the list down
 to keep only anti-patterns which are unambiguous and actionable, and divided
-them into four categories: [code-related](https://elixir.hexdocs.pm/code-anti-patterns.html),
-[design-related](https://elixir.hexdocs.pm/design-anti-patterns.html),
-[process-related](https://elixir.hexdocs.pm/process-anti-patterns.html),
-and [meta-programming](https://elixir.hexdocs.pm/macro-anti-patterns.html).
+them into four categories: [code-related](https://hexdocs.pm/elixir/code-anti-patterns.html),
+[design-related](https://hexdocs.pm/elixir/design-anti-patterns.html),
+[process-related](https://hexdocs.pm/elixir/process-anti-patterns.html),
+and [meta-programming](https://hexdocs.pm/elixir/macro-anti-patterns.html).
 Then we collected more community feedback during the release candidate
 period, further refining and removing unclear guidance.
 
@@ -166,16 +166,16 @@ the initial core for set-theoretic types into the Elixir compiler, with the
 goal of running automated analysis in patterns and guards. This is [the first
 step outlined in a previous article](/blog/2023/06/22/type-system-updates-research-dev/)
 and is sponsored by [Fresha](https://www.fresha.com) ([they are hiring!](https://www.fresha.com/careers/openings?department=engineering)),
-[Starfish*](https://starfish.team) ([they are hiring!](https://starfish.team/)),
+[Starfish*](https://starfish.team) ([they are hiring!](https://starfish.team/jobs/experienced-elixir-developer)),
 and [Dashbit](https://dashbit.co).
 
 ## Learn more
 
 Other notable changes in this release are:
 
-* the addition of [`String.replace_invalid/2`](https://elixir.hexdocs.pm/String.html#replace_invalid/2), to help deal with invalid UTF-8 encoding
+* the addition of [`String.replace_invalid/2`](https://hexdocs.pm/elixir/String.html#replace_invalid/2), to help deal with invalid UTF-8 encoding
 
-* the addition of the `:limit` option in [`Task.yield_many/2`](https://elixir.hexdocs.pm/Task.html#yield_many/2) that limits the maximum number of tasks to yield
+* the addition of the `:limit` option in [`Task.yield_many/2`](https://hexdocs.pm/elixir/Task.html#yield_many/2) that limits the maximum number of tasks to yield
 
 * improved binary pattern matching by allowing prefix binary matches, such as `<<^prefix::binary, rest::binary>>`
 
@@ -183,7 +183,7 @@ For a complete list of all changes, see the
 [full release notes](https://github.com/elixir-lang/elixir/releases/tag/v1.16.0).
 
 Check [the Install section](/install.html) to get Elixir installed and
-read our [Getting Started guide](https://elixir.hexdocs.pm/introduction.html)
+read our [Getting Started guide](https://hexdocs.pm/elixir/introduction.html)
 to learn more.
 
 Happy learning!
diff --git a/_posts/2024-06-12-elixir-v1-17-0-released.markdown b/src/content/blog/elixir-v1-17-0-released.md
similarity index 97%
rename from _posts/2024-06-12-elixir-v1-17-0-released.markdown
rename to src/content/blog/elixir-v1-17-0-released.md
index c946bf365..ba7ae418e 100644
--- a/_posts/2024-06-12-elixir-v1-17-0-released.markdown
+++ b/src/content/blog/elixir-v1-17-0-released.md
@@ -1,10 +1,10 @@
 ---
-layout: post
 title: "Elixir v1.17 released: set-theoretic data types, calendar durations, and Erlang/OTP 27 support"
-authors:
-- Andrea Leopardi
-category: Releases
-excerpt: "Elixir v1.17 released: set-theoretic data types, calendar durations, and Erlang/OTP 27 support"
+excerpt: "Elixir v1.17 released: set-theoretic data types, calendar durations, and Erlang/OTP 27 support."
+date: 2024-06-12
+author: "Andrea Leopardi"
+category: "Releases"
+tags: []
 ---
 
 Elixir v1.17 has just been released. 🎉
@@ -89,7 +89,7 @@ better error messages. Keep in mind, however, that the Elixir typechecker only
 infers types from patterns within the same function at the moment. Analysis from
 guards and across function boundaries will be added in future releases. For more
 details, see our new [reference document on gradual set-theoretic
-types](https://elixir.hexdocs.pm/gradual-set-theoretic-types.html).
+types](https://hexdocs.pm/elixir/gradual-set-theoretic-types.html).
 
 The type system was made possible thanks to a partnership between
 [CNRS](https://www.cnrs.fr/) and [Remote](https://remote.com/). The development
@@ -172,7 +172,7 @@ For a complete list of all changes, see the
 [full release notes](https://github.com/elixir-lang/elixir/releases/tag/v1.17.0).
 
 Check [the Install section](/install.html) to get Elixir installed and
-read our [Getting Started guide](https://elixir.hexdocs.pm/introduction.html)
+read our [Getting Started guide](https://hexdocs.pm/elixir/introduction.html)
 to learn more.
 
 Happy learning!
diff --git a/_posts/2024-12-19-elixir-v1-18-0-released.markdown b/src/content/blog/elixir-v1-18-0-released.md
similarity index 93%
rename from _posts/2024-12-19-elixir-v1-18-0-released.markdown
rename to src/content/blog/elixir-v1-18-0-released.md
index 6a6ecc24d..8df238f39 100644
--- a/_posts/2024-12-19-elixir-v1-18-0-released.markdown
+++ b/src/content/blog/elixir-v1-18-0-released.md
@@ -1,10 +1,10 @@
 ---
-layout: post
 title: "Elixir v1.18 released: type checking of calls, LSP listeners, built-in JSON, and more"
-authors:
-- José Valim
-category: Releases
-excerpt: "Elixir v1.18 released: type checking of function calls, Language Server listeners, built-in JSON, ExUnit improvements, mix format --migrate, and more"
+excerpt: "Elixir v1.18 released: type checking of function calls, Language Server listeners, built-in JSON, ExUnit improvements, mix format --migrate, and more."
+date: 2024-12-19
+author: "José Valim"
+category: "Releases"
+tags: []
 ---
 
 Elixir v1.18 is an impressive release with improvements across the two main efforts happening within the Elixir ecosystem right now: set-theoretic types and language servers. It also comes with built-in JSON support and adds new capabilities to its unit testing library. Let's go over each of those in detail.
@@ -114,7 +114,7 @@ Keep in mind the current implementation does not perform type inference of guard
 
 The next Elixir release should improve the typing of maps, tuples, and closures, allowing us to type even more constructs. We also plan to fully type the `with` construct, `for`-comprehensions, as well as protocols.
 
-But more importantly, we want to focus on complete type inference of guards, which in turn will allow us to explore ideas such as redundant pattern matching clauses and exhaustiveness checks. Our goal with inference is to strike the right balance between developer experience, compilation times, and the ability of finding provable errors in existing codebases. You can learn more [about the trade-offs we made for inference in our documentation](https://elixir.hexdocs.pm/1.18/gradual-set-theoretic-types.html#type-inference).
+But more importantly, we want to focus on complete type inference of guards, which in turn will allow us to explore ideas such as redundant pattern matching clauses and exhaustiveness checks. Our goal with inference is to strike the right balance between developer experience, compilation times, and the ability of finding provable errors in existing codebases. You can learn more [about the trade-offs we made for inference in our documentation](https://hexdocs.pm/elixir/1.18/gradual-set-theoretic-types.html#type-inference).
 
 Future Elixir versions will introduce user-supplied type signatures, which should bring the benefits of a static type system without relying on inference. [Check our previous article on the overall milestones for more information](https://elixir-lang.org/blog/2023/06/22/type-system-updates-research-dev/).
 
@@ -139,9 +139,9 @@ These enhancements do not only improve editor tooling, but they also directly be
 
 ## Built-in JSON
 
-[Erlang/OTP 27 added built-in support for JSON](https://www.erlang.org/doc/apps/stdlib/json.html) and we are now bringing it to Elixir. A new module, called [`JSON`](https://elixir.hexdocs.pm/1.18/JSON.html), has been added with functions to encode and decode JSON. Its most basic APIs reflect the ones [from the Jason project](https://jason.hexdocs.pm/Jason.html) (the de-facto JSON library in the Elixir community up to this point).
+[Erlang/OTP 27 added built-in support for JSON](https://www.erlang.org/doc/apps/stdlib/json.html) and we are now bringing it to Elixir. A new module, called [`JSON`](https://hexdocs.pm/elixir/1.18/JSON.html), has been added with functions to encode and decode JSON. Its most basic APIs reflect the ones [from the Jason project](https://hexdocs.pm/jason/Jason.html) (the de-facto JSON library in the Elixir community up to this point).
 
-A new protocol, called [`JSON.Encoder`](https://elixir.hexdocs.pm/1.18/JSON.Encoder.html), is also provided for those who want to customize how their own data types are encoded to JSON. You can also derive protocols for structs, with a single-line of code:
+A new protocol, called [`JSON.Encoder`](https://hexdocs.pm/elixir/1.18/JSON.Encoder.html), is also provided for those who want to customize how their own data types are encoded to JSON. You can also derive protocols for structs, with a single-line of code:
 
 ```elixir
 @derive {JSON.Encoder, only: [:id, :name]}
@@ -152,9 +152,9 @@ The deriving API mirrors the one from `Jason`, helping those who want to migrate
 
 ## Parameterized tests and ExUnit groups
 
-[ExUnit now supports parameterized tests](https://ex-unit.hexdocs.pm/1.18/ExUnit.Case.html#module-parameterized-tests). This allows your test modules to run multiple times under different parameters.
+[ExUnit now supports parameterized tests](https://hexdocs.pm/ex_unit/1.18/ExUnit.Case.html#module-parameterized-tests). This allows your test modules to run multiple times under different parameters.
 
-For example, Elixir ships [a local, decentralized and scalable key-value process storage called `Registry`](https://elixir.hexdocs.pm/Registry.html). The registry can be partitioned and its implementation differs depending if partitioning is enabled or not. Therefore, during tests, we want to ensure both modes are exercised. With Elixir v1.18, we can achieve this by writing:
+For example, Elixir ships [a local, decentralized and scalable key-value process storage called `Registry`](https://hexdocs.pm/elixir/Registry.html). The registry can be partitioned and its implementation differs depending if partitioning is enabled or not. Therefore, during tests, we want to ensure both modes are exercised. With Elixir v1.18, we can achieve this by writing:
 
 ```elixir
 defmodule Registry.Test do
@@ -213,6 +213,6 @@ More migrations will be added in future releases to help us push towards more co
 
 ## Summary
 
-Other notable changes include [`PartitionSupervisor.resize!/2`](https://elixir.hexdocs.pm/1.18/PartitionSupervisor.html#resize!/2), for resizing the number of partitions (aka processes) of a supervisor at runtime, [Registry.lock/3](https://elixir.hexdocs.pm/1.18/Registry.html#lock/3) for simple in-process key locks, PowerShell versions of `elixir` and `elixirc` scripts for better DX on Windows, and more. [See the CHANGELOG](https://elixir.hexdocs.pm/1.18/changelog.html) for the complete release notes.
+Other notable changes include [`PartitionSupervisor.resize!/2`](https://hexdocs.pm/elixir/1.18/PartitionSupervisor.html#resize!/2), for resizing the number of partitions (aka processes) of a supervisor at runtime, [Registry.lock/3](https://hexdocs.pm/elixir/1.18/Registry.html#lock/3) for simple in-process key locks, PowerShell versions of `elixir` and `elixirc` scripts for better DX on Windows, and more. [See the CHANGELOG](https://hexdocs.pm/elixir/1.18/changelog.html) for the complete release notes.
 
 Happy coding!
diff --git a/_posts/2025-10-16-elixir-v1-19-0-released.markdown b/src/content/blog/elixir-v1-19-0-released.md
similarity index 95%
rename from _posts/2025-10-16-elixir-v1-19-0-released.markdown
rename to src/content/blog/elixir-v1-19-0-released.md
index 7338d8e01..cdd4befe3 100644
--- a/_posts/2025-10-16-elixir-v1-19-0-released.markdown
+++ b/src/content/blog/elixir-v1-19-0-released.md
@@ -1,10 +1,10 @@
 ---
-layout: post
 title: "Elixir v1.19 released: enhanced type checking and up to 4x faster compilation for large projects"
-authors:
-- José Valim
-category: Releases
-excerpt: "Elixir v1.19 released: type checking of protocols and anonymous functions, broader type inference, improved compile times, and more"
+excerpt: "Elixir v1.19 released: type checking of protocols and anonymous functions, broader type inference, improved compile times, and more."
+date: 2025-10-16
+author: "José Valim"
+category: "Releases"
+tags: []
 ---
 
 Elixir v1.19 brings further improvements to the type system and compilation times, allowing us to find more bugs, faster.
@@ -145,7 +145,7 @@ defmodule MyLib.SomeModule do
 end
 ```
 
-Because the spawned process is not visible to the compiler, it won't be able to load `MyLib.SomeOtherModule`. You have two options, either use [`Kernel.ParallelCompiler.pmap/2`](https://elixir.hexdocs.pm/Kernel.ParallelCompiler.html#pmap/2) or explicitly call [`Code.ensure_compiled!(MyLib.SomeOtherModule)`](https://elixir.hexdocs.pm/Code.html#ensure_compiled!/1) before spawning the process that uses said module.
+Because the spawned process is not visible to the compiler, it won't be able to load `MyLib.SomeOtherModule`. You have two options, either use [`Kernel.ParallelCompiler.pmap/2`](https://hexdocs.pm/elixir/Kernel.ParallelCompiler.html#pmap/2) or explicitly call [`Code.ensure_compiled!(MyLib.SomeOtherModule)`](https://hexdocs.pm/elixir/Code.html#ensure_compiled!/1) before spawning the process that uses said module.
 
 The second one is related to `@on_load` callbacks (typically used for [NIFs](https://www.erlang.org/doc/system/nif.html)) that invoke other modules defined within the same project. For example:
 
@@ -214,6 +214,6 @@ This work was performed by [Jonatan Männchen](https://maennchen.dev) and sponso
 
 ## Summary
 
-There are many other goodies in this release, such as improved option parsing, better debuggability and performance in ExUnit, the addition of `mix help Mod`, `mix help Mod.fun`, `mix help Mod.fun/arity`, and `mix help app:package` to make documentation accessible via shell for humans and agents, and much more. [See the CHANGELOG](https://elixir.hexdocs.pm/1.19/changelog.html) for the complete release notes.
+There are many other goodies in this release, such as improved option parsing, better debuggability and performance in ExUnit, the addition of `mix help Mod`, `mix help Mod.fun`, `mix help Mod.fun/arity`, and `mix help app:package` to make documentation accessible via shell for humans and agents, and much more. [See the CHANGELOG](https://hexdocs.pm/elixir/1.19/changelog.html) for the complete release notes.
 
 Happy coding!
diff --git a/_posts/2016-01-03-elixir-v1-2-0-released.markdown b/src/content/blog/elixir-v1-2-0-released.md
similarity index 93%
rename from _posts/2016-01-03-elixir-v1-2-0-released.markdown
rename to src/content/blog/elixir-v1-2-0-released.md
index 1639dca74..5c94b6399 100644
--- a/_posts/2016-01-03-elixir-v1-2-0-released.markdown
+++ b/src/content/blog/elixir-v1-2-0-released.md
@@ -1,15 +1,15 @@
 ---
-layout: post
-title: Elixir v1.2 released
-authors:
--  José Valim
-category: Releases
-excerpt: Elixir v1.2 brings enhancements, bug fixes, performance improvements and more into Elixir.
+title: "Elixir v1.2 released"
+excerpt: "Elixir v1.2 brings enhancements, bug fixes, performance improvements and more into Elixir."
+date: 2016-01-03
+author: "José Valim"
+category: "Releases"
+tags: []
 ---
 
 v1.2 brings enhancements, bug fixes, performance improvements and more into Elixir. Elixir v1.2 relies on many features in Erlang 18, requiring at least Erlang 18+. Upgrading to Erlang 18 is therefore necessary before upgrading Elixir.
 
-To celebrate this release and the new year, we have also reviewed both the [Getting Started](https://elixir.hexdocs.pm/introduction.html) and [Mix & OTP](https://elixir.hexdocs.pm/introduction-to-mix.html) guides, bringing it up to date and exploring new functionalities added since Elixir v1.0.
+To celebrate this release and the new year, we have also reviewed both the [Getting Started](https://hexdocs.pm/elixir/introduction.html) and [Mix & OTP](https://hexdocs.pm/elixir/introduction-to-mix.html) guides, bringing it up to date and exploring new functionalities added since Elixir v1.0.
 
 ## Erlang 18 support
 
@@ -113,6 +113,6 @@ These are great additions on top of the faster compilation times we have achieve
 
 With Rebar 3 gaining more adoption in the Erlang community, Mix is now able to fetch and compile Rebar 3 dependencies. This feature is currently experimental and therefore opt-in: if you have a Rebar 3 dependency, you can ask Mix to use Rebar 3 to compile it by passing the `manager: :rebar3` option. Once configured, Mix will prompt you to install Rebar 3 if it is not yet available.
 
-The full list of changes is available in our [release notes](https://github.com/elixir-lang/elixir/releases/tag/v1.2.0). Don't forget to check [the Install section](/install.html) to get Elixir installed and our [Getting Started guide](https://elixir.hexdocs.pm/introduction.html) to learn more.
+The full list of changes is available in our [release notes](https://github.com/elixir-lang/elixir/releases/tag/v1.2.0). Don't forget to check [the Install section](/install.html) to get Elixir installed and our [Getting Started guide](https://hexdocs.pm/elixir/introduction.html) to learn more.
 
 Happy coding!
diff --git a/_posts/2026-06-03-elixir-v1-20-0-released.markdown b/src/content/blog/elixir-v1-20-0-released.md
similarity index 93%
rename from _posts/2026-06-03-elixir-v1-20-0-released.markdown
rename to src/content/blog/elixir-v1-20-0-released.md
index 83f908b4a..db77658f9 100644
--- a/_posts/2026-06-03-elixir-v1-20-0-released.markdown
+++ b/src/content/blog/elixir-v1-20-0-released.md
@@ -1,13 +1,13 @@
 ---
-layout: post
 title: "Elixir v1.20 released: now a gradually typed language"
-authors:
-- José Valim
-category: Announcements
 excerpt: "From Elixir v1.20, every program is now gradually type checked in search for verified bugs and typing violations."
+date: 2026-06-03
+author: "José Valim"
+category: "Releases"
+tags: []
 ---
 
-In 2022, [we announced the effort to add set-theoretic types to Elixir](/blog/2022/10/05/my-future-with-elixir-set-theoretic-types/). In June 2023, we [published an award winning paper on Elixir's type system design](https://arxiv.org/abs/2306.06391) and said our work was transitioning [from research to development](/blog/2023/06/22/type-system-updates-research-dev/).
+In 2022, [we announced the effort to add set-theoretic types to Elixir](/blog/my-future-with-elixir-set-theoretic-types/). In June 2023, we [published an award winning paper on Elixir's type system design](https://arxiv.org/abs/2306.06391) and said our work was transitioning [from research to development](/blog/type-system-updates-research-dev/).
 
 With Elixir v1.20, we have completed our first development milestone which is to perform type inference and gradually type check every Elixir program, without introducing type annotations. This means Elixir increasingly reports dead code and *verified bugs*: typing violations that are guaranteed to fail at runtime if executed. Elixir can find verified bugs in existing programs efficiently, without introducing developer overhead, and with an extremely low false positives rate.
 
@@ -21,7 +21,7 @@ Our goal is to introduce a type system which is:
 
 * **sound** - the types inferred and assigned by the type system align with the behaviour of the program
 
-* **gradual** - Elixir's type system includes the `dynamic()` type, which can be used when the type of a variable or expression is checked at runtime. In the absence of `dynamic()`, Elixir’s type system behaves as a static one
+* **gradual** - Elixir's type system includes the `dynamic()` type, which can be used when the type of a variable or expression is checked at runtime. In the absence of `dynamic()`, Elixir's type system behaves as a static one
 
 * **developer friendly** - the types are described, implemented, and composed using basic set operations: unions, intersections, and negations (hence it is a set-theoretic type system), with clear error messages
 
@@ -91,7 +91,7 @@ end
 
 In other words, the `dynamic()` type in Elixir effectively works as a range, which can be refined as it is used throughout the program and reports violations whenever type checks fall outside of the range. This is a contrast to other gradual type systems, which use the dynamic type to discard all type information.
 
-Behind the scenes, our type inference and type checking algorithms behave as if we annotated all argument types as `dynamic()`. Once we introduce user-supplied type annotations, Elixir's type system will behave as any statically typed language as long as `dynamic()` is not used. And whenever you cross the static-dynamic boundary, we [developed new techniques that ensure our gradual typing is sound, without a need for additional runtime checks](/blog/2023/09/20/strong-arrows-gradual-typing/).
+Behind the scenes, our type inference and type checking algorithms behave as if we annotated all argument types as `dynamic()`. Once we introduce user-supplied type annotations, Elixir's type system will behave as any statically typed language as long as `dynamic()` is not used. And whenever you cross the static-dynamic boundary, we [developed new techniques that ensure our gradual typing is sound, without a need for additional runtime checks](/blog/strong-arrows-gradual-typing/).
 
 ## Typing guards, clauses, and more
 
@@ -154,7 +154,7 @@ It also introduces a new compiler option called `:module_definition`, which spec
 
 The biggest question ahead of us is: when will Elixir introduce new type signatures that leverage set-theoretic types? As recently discussed [in my ElixirConf EU 2026 keynote](https://youtu.be/Ay-gnCqDw9o?t=2389), we still have both research and development work ahead of us. We will only introduce type signatures:
 
-  * if we are satisfied with the type system performance in Elixir v1.20 (and we have done [extensive](https://elixir-lang.org/blog/2025/12/02/lazier-bdds-for-set-theoretic-types/) [work](https://elixir-lang.org/blog/2026/02/26/eager-literal-intersections/) [optimizing](https://elixir-lang.org/blog/2026/03/19/lazy-bdds-with-eager-literal-differences/) it)
+  * if we are satisfied with the type system performance in Elixir v1.20 (and we have done [extensive](/blog/lazier-bdds-for-set-theoretic-types/) [work](/blog/eager-literal-intersections/) [optimizing](/blog/lazy-bdds-with-eager-literal-differences/) it)
   * if we can implement recursive types efficiently
   * if we can implement parametric types efficiently
   * if we can implement traversing key-value pairs of maps as an enumerable efficiently (we are still researching the possible solutions here)
diff --git a/_posts/2016-06-21-elixir-v1-3-0-released.markdown b/src/content/blog/elixir-v1-3-0-released.md
similarity index 93%
rename from _posts/2016-06-21-elixir-v1-3-0-released.markdown
rename to src/content/blog/elixir-v1-3-0-released.md
index ade15de8b..ac072367a 100644
--- a/_posts/2016-06-21-elixir-v1-3-0-released.markdown
+++ b/src/content/blog/elixir-v1-3-0-released.md
@@ -1,15 +1,15 @@
 ---
-layout: post
-title: Elixir v1.3 released
-authors:
--  José Valim
-category: Releases
-excerpt: Elixir v1.3 brings many improvements to the language, the compiler and its tooling, specially Mix (Elixir's build tool) and ExUnit (Elixir's test framework).
+title: "Elixir v1.3 released"
+excerpt: "Elixir v1.3 brings many improvements to the language, the compiler and its tooling, specially Mix (Elixir's build tool) and ExUnit (Elixir's test framework)."
+date: 2016-06-21
+author: "José Valim"
+category: "Releases"
+tags: []
 ---
 
 Elixir v1.3 brings many improvements to the language, the compiler and its tooling, specially Mix (Elixir's build tool) and ExUnit (Elixir's test framework). The most notable additions are the new Calendar types, the new cross-reference checker in Mix, and the assertion diffing in ExUnit. We will explore all of them and a couple more enhancements below.
 
-With this release, we also welcome [Andrea Leopardi](https://github.com/whatyouhide) to Elixir Core Team. He has contributed greatly to this release and maintains important packages in the community, like [Gettext](https://github.com/elixir-lang/gettext) and [Redix](https://github.com/whatyouhide/redix).
+With this release, we also welcome [Andrea Leopardi](http://github.com/whatyouhide) to Elixir Core Team. He has contributed greatly to this release and maintains important packages in the community, like [Gettext](https://github.com/elixir-lang/gettext) and [Redix](https://github.com/whatyouhide/redix).
 
 ## Language improvements
 
@@ -146,7 +146,7 @@ plug
     └── elixir
 ```
 
-The `--format dot` option can also be given to generate graph files to be opened by [GraphViz](https://www.graphviz.org). For example, here is the output of running `mix deps.tree --format dot --only prod` in the [Phoenix web framework](https://phoenixframework.org):
+The `--format dot` option can also be given to generate graph files to be opened by [GraphViz](http://www.graphviz.org). For example, here is the output of running `mix deps.tree --format dot --only prod` in the [Phoenix web framework](http://phoenixframework.org):
 
 <p style="text-align: center">
   <img src="/images/contents/deps-tree-phoenix.svg" alt="mix deps.tree for Phoenix in production">
@@ -283,6 +283,6 @@ By restricting hierarchies in favor of named setups, it is straight-forward for
 
 ## Summing up
 
-The full list of changes is available in our [release notes](https://github.com/elixir-lang/elixir/releases/tag/v1.3.0). Don't forget to check [the Install section](/install.html) to get Elixir installed and our [Getting Started guide](https://elixir.hexdocs.pm/introduction.html) to learn more.
+The full list of changes is available in our [release notes](https://github.com/elixir-lang/elixir/releases/tag/v1.3.0). Don't forget to check [the Install section](/install.html) to get Elixir installed and our [Getting Started guide](https://hexdocs.pm/elixir/introduction.html) to learn more.
 
 Happy coding!
diff --git a/_posts/2017-01-05-elixir-v1-4-0-released.markdown b/src/content/blog/elixir-v1-4-0-released.md
similarity index 92%
rename from _posts/2017-01-05-elixir-v1-4-0-released.markdown
rename to src/content/blog/elixir-v1-4-0-released.md
index 4df2f1227..9b6402bb4 100644
--- a/_posts/2017-01-05-elixir-v1-4-0-released.markdown
+++ b/src/content/blog/elixir-v1-4-0-released.md
@@ -1,10 +1,10 @@
 ---
-layout: post
-title: Elixir v1.4 released
-authors:
--  José Valim
-category: Releases
-excerpt: Elixir v1.4 brings many improvements to the language, its standard library and the Mix build tool.
+title: "Elixir v1.4 released"
+excerpt: "Elixir v1.4 brings many improvements to the language, its standard library and the Mix build tool."
+date: 2017-01-05
+author: "José Valim"
+category: "Releases"
+tags: []
 ---
 
 Elixir v1.4 brings new features, enhancements and bug fixes. The most notable changes are the addition of the `Registry` module, the `Task.async_stream/3` and `Task.async_stream/5` function which aid developers in writing concurrent software, and the new application inference and commands added to Mix.
@@ -13,7 +13,7 @@ In this post we will cover the main additions. The complete [release notes](http
 
 ## Registry
 
-The [`Registry`](https://elixir.hexdocs.pm/Registry.html) is a new module in Elixir's standard library that allows Elixir developers to implement patterns such as name lookups, code dispatching or even a pubsub system in a simple and scalable way.
+The [`Registry`](https://hexdocs.pm/elixir/Registry.html) is a new module in Elixir's standard library that allows Elixir developers to implement patterns such as name lookups, code dispatching or even a pubsub system in a simple and scalable way.
 
 Broadly speaking, the Registry is a local, decentralized and scalable key-value process storage. Let's break this in parts:
 
@@ -30,7 +30,7 @@ iex> Registry.lookup(MyRegistry, "hello")
 [{self(), 1}]
 ```
 
-Finally, huge thanks to [Bram Verburg](https://twitter.com/voltonez) who has performed [extensive benchmarks](https://docs.google.com/spreadsheets/d/1MByRZJMCnZ1wPiLhBEnSRRSuy1QXp8kr27PIOXO3qqg/edit) on the registry to show it scales linearly with the number of cores by increasing the number of partitions.
+Finally, huge thanks to [Bram Verburg](https://twitter.com/voltonez) who has performed [extensive benchmarks](https://docs.google.com/spreadsheets/d/1MByRZJMCnZ1wPiLhBEnSRRSuy1QXp8kr27PIOXO3qqg/edit#gid=0) on the registry to show it scales linearly with the number of cores by increasing the number of partitions.
 
 ## Syntax coloring
 
@@ -130,6 +130,6 @@ It is also possible to install escripts and archives by providing a Git/GitHub r
 
 ## Summing up
 
-The full list of changes is available in our [release notes](https://github.com/elixir-lang/elixir/releases/tag/v1.4.0). Don't forget to check [the Install section](/install.html) to get Elixir installed and our [Getting Started guide](https://elixir.hexdocs.pm/introduction.html) to learn more.
+The full list of changes is available in our [release notes](https://github.com/elixir-lang/elixir/releases/tag/v1.4.0). Don't forget to check [the Install section](/install.html) to get Elixir installed and our [Getting Started guide](https://hexdocs.pm/elixir/introduction.html) to learn more.
 
 Happy coding!
diff --git a/_posts/2017-07-25-elixir-v1-5-0-released.markdown b/src/content/blog/elixir-v1-5-0-released.md
similarity index 90%
rename from _posts/2017-07-25-elixir-v1-5-0-released.markdown
rename to src/content/blog/elixir-v1-5-0-released.md
index 750198b4d..2bef9c64d 100644
--- a/_posts/2017-07-25-elixir-v1-5-0-released.markdown
+++ b/src/content/blog/elixir-v1-5-0-released.md
@@ -1,10 +1,10 @@
 ---
-layout: post
-title: Elixir v1.5 released
-authors:
--  José Valim
-category: Releases
-excerpt: Elixir v1.5 integrates with Erlang/OTP 20 and bring changes that improves the language reach and the developer experience
+title: "Elixir v1.5 released"
+excerpt: "Elixir v1.5 integrates with Erlang/OTP 20 and bring changes that improves the language reach and the developer experience."
+date: 2017-07-25
+author: "José Valim"
+category: "Releases"
+tags: []
 ---
 
 Elixir v1.5 includes new features, enhancements, and bug fixes. While [Elixir v1.4](/blog/2017/01/05/elixir-v1-4-0-released/) focused on tools for concurrency and scalability, Elixir v1.5 brings many improvements to the developer experience and quality of life. As we will see, many of those are powered by the latest Erlang/OTP 20. This is also the last Elixir release that supports Erlang/OTP 18.
@@ -27,9 +27,9 @@ Or:
 saudação = "Bom dia!"
 ```
 
-Elixir follows the recommendations in [Unicode Annex #31](https://unicode.org/reports/tr31/) to make Elixir more accessible to other languages and communities. Identifiers must still be a sequence of letters, followed by digits and combining marks. This means symbols, such as mathematical notations and emoji, are not allowed in identifiers.
+Elixir follows the recommendations in [Unicode Annex #31](http://unicode.org/reports/tr31/) to make Elixir more accessible to other languages and communities. Identifiers must still be a sequence of letters, followed by digits and combining marks. This means symbols, such as mathematical notations and emoji, are not allowed in identifiers.
 
-For a complete reference on Elixir syntax, see the [Syntax Reference](https://elixir.hexdocs.pm/1.5.0/syntax-reference.html). For technical details on Unicode support, see [Unicode Syntax](https://elixir.hexdocs.pm/1.5.0/unicode-syntax.html).
+For a complete reference on Elixir syntax, see the [Syntax Reference](https://hexdocs.pm/elixir/1.5/syntax-reference.html). For technical details on Unicode support, see [Unicode Syntax](https://hexdocs.pm/elixir/1.5/unicode-syntax.html).
 
 ## IEx helpers and breakpoints
 
@@ -118,7 +118,7 @@ children = [
 
 The modules `Agent`, `Registry`, `Task`, and `Task.Supervisor` have been updated to include a `child_spec/1` function, allowing them to be used directly in a supervision tree similar to the examples above. `use Agent`, `use GenServer`, `use Supervisor`, and `use Task` have also been updated to automatically define an overridable `child_spec/1` function.
 
-Finally, child specifications are now provided as maps (data-structures) instead of the previous `Supervisor.Spec.worker/3` and `Supervisor.Spec.supervisor/3` APIs. This behaviour also aligns with how supervisors are configured in Erlang/OTP 18+. See the updated [`Supervisor`](https://elixir.hexdocs.pm/1.5.0/Supervisor.html) docs for more information, as well as the new `Supervisor.init/2` and `Supervisor.child_spec/2` functions.
+Finally, child specifications are now provided as maps (data-structures) instead of the previous `Supervisor.Spec.worker/3` and `Supervisor.Spec.supervisor/3` APIs. This behaviour also aligns with how supervisors are configured in Erlang/OTP 18+. See the updated [`Supervisor`](https://hexdocs.pm/elixir/1.5/Supervisor.html) docs for more information, as well as the new `Supervisor.init/2` and `Supervisor.child_spec/2` functions.
 
 ## @impl
 
@@ -176,4 +176,4 @@ Overall, using `@impl` has the following advantages:
 
 The full list of changes is available in our [release notes](https://github.com/elixir-lang/elixir/releases/tag/v1.5.0). There are many other exciting changes, such as compiler enhancements that reduces compilation times by 10%-15% on averages. When taken into account with the compiler improvements in Erlang/OTP 20 itself, some applications have seen gains up to 30% in compilation times.
 
-Don't forget to check [the Install section](/install.html) to get Elixir installed and our [Getting Started guide](https://elixir.hexdocs.pm/introduction.html) to learn more.
+Don't forget to check [the Install section](/install.html) to get Elixir installed and our [Getting Started guide](https://hexdocs.pm/elixir/introduction.html) to learn more.
diff --git a/_posts/2018-01-17-elixir-v1-6-0-released.markdown b/src/content/blog/elixir-v1-6-0-released.md
similarity index 85%
rename from _posts/2018-01-17-elixir-v1-6-0-released.markdown
rename to src/content/blog/elixir-v1-6-0-released.md
index 8a8193e0c..5517d404a 100644
--- a/_posts/2018-01-17-elixir-v1-6-0-released.markdown
+++ b/src/content/blog/elixir-v1-6-0-released.md
@@ -1,35 +1,35 @@
 ---
-layout: post
-title: Elixir v1.6 released
-authors:
--  José Valim
-category: Releases
-excerpt: Elixir v1.6 includes a code formatter, defguard, dynamic supervision and new module attributes that improves code quality and the developer experience
+title: "Elixir v1.6 released"
+excerpt: "Elixir v1.6 includes a code formatter, defguard, dynamic supervision and new module attributes that improves code quality and the developer experience."
+date: 2018-01-17
+author: "José Valim"
+category: "Releases"
+tags: []
 ---
 
 Elixir v1.6 includes new features, enhancements, and bug fixes. The main feature in this release is a code formatter. Important improvements can also be found in the standard library and in the Mix build tool.
 
 ## Code formatter
 
-The big feature in Elixir v1.6 is the addition of [a code formatter](https://elixir.hexdocs.pm/Code.html#format_string!/2) and an accompanying `mix format` task that adds automatic formatting to your projects.
+The big feature in Elixir v1.6 is the addition of [a code formatter](https://hexdocs.pm/elixir/Code.html#format_string!/2) and an accompanying `mix format` task that adds automatic formatting to your projects.
 
 The goal of the formatter is to automate the styling of codebases into a unique and consistent layout used across teams and the whole community. Code is now easier to write, as you no longer need to concern yourself with formatting rules. Code is also easier to read, as you no longer need to convert the styles of other developers in your mind.
 
 The formatter also helps new developers to learn the language by giving immediate feedback on code structure, and eases code reviews by allowing teams to focus on business rules and code quality rather than code style.
 
-To automatically format your codebase, you can run the [new `mix format` task](https://mix.hexdocs.pm/Mix.Tasks.Format.html). A `.formatter.exs` file may be added to your project root for rudimentary formatter configuration. The mix task also supports flags for CI integration. For instance, you can make your build or a Pull Request fail if the code is not formatted accordingly by using the `--check-formatted` flag. We also recommend developers to check their favorite editor and see if it already provides key bindings for `mix format`, allowing a file or a code snippet to be formatted without hassle.
+To automatically format your codebase, you can run the [new `mix format` task](https://hexdocs.pm/mix/Mix.Tasks.Format.html). A `.formatter.exs` file may be added to your project root for rudimentary formatter configuration. The mix task also supports flags for CI integration. For instance, you can make your build or a Pull Request fail if the code is not formatted accordingly by using the `--check-formatted` flag. We also recommend developers to check their favorite editor and see if it already provides key bindings for `mix format`, allowing a file or a code snippet to be formatted without hassle.
 
 The Elixir codebase itself [has already been fully formatted](https://github.com/elixir-lang/elixir/issues/6643) and all further contributions are expected to contain formatted code. We recommend existing codebases to be formatted in steps. While the formatter will correctly handle long lines and complex expressions, refactoring the code by breaking those into variables or smaller functions as you format them will lead to overall cleaner and more readable codebases.
 
 ## Dynamic Supervisor
 
-Supervisors in Elixir are responsible for starting, shutting down, and restarting child processes when things go wrong. Most of the interaction with supervisors happens through [the `Supervisor` module](https://elixir.hexdocs.pm/Supervisor.html) and it provides three main strategies: `:one_for_one`, `:rest_for_one` and `:one_for_all`.
+Supervisors in Elixir are responsible for starting, shutting down, and restarting child processes when things go wrong. Most of the interaction with supervisors happens through [the `Supervisor` module](https://hexdocs.pm/elixir/Supervisor.html) and it provides three main strategies: `:one_for_one`, `:rest_for_one` and `:one_for_all`.
 
 However, sometimes the children of a supervisor are not known upfront and are rather started dynamically. For example, if you are building a web server, you have each request being handled by a separate supervised process. Those cases were handled in the Supervisor module under a special strategy called `:simple_one_for_one`.
 
 Unfortunately, this special strategy changed the semantics of the supervisor in regards to initialization and shutdown. Plus some APIs expected different inputs or would be completely unavailable depending on the supervision strategy.
 
-Elixir v1.6 addresses this issue by introducing [a new `DynamicSupervisor` module](https://elixir.hexdocs.pm/DynamicSupervisor.html), which encapsulates the old `:simple_one_for_one` strategy and APIs in a proper module while allowing the documentation and API of the `Supervisor` module to focus on its main use cases. Having a separate `DynamicSupervisor` module also makes it simpler to add new features to the dynamic supervisor, such as the new `:max_children` option that limits the maximum number of children supervised dynamically.
+Elixir v1.6 addresses this issue by introducing [a new `DynamicSupervisor` module](https://hexdocs.pm/elixir/DynamicSupervisor.html), which encapsulates the old `:simple_one_for_one` strategy and APIs in a proper module while allowing the documentation and API of the `Supervisor` module to focus on its main use cases. Having a separate `DynamicSupervisor` module also makes it simpler to add new features to the dynamic supervisor, such as the new `:max_children` option that limits the maximum number of children supervised dynamically.
 
 ## `@deprecated` and `@since` attributes
 
@@ -60,7 +60,7 @@ end
 
 `%User{age: age}` is matching on a `User` struct with an age field and `when age >= 16` is the guard.
 
-Since only a handful of constructs are [allowed in guards](https://elixir.hexdocs.pm/1.6.0/guards.html), if you were in a situation where you had to check the age to be more than or equal to 16 in multiple places, extracting the guard to a separate function would be [less than obvious and error prone](https://github.com/elixir-lang/elixir/issues/2469). To address those issues, [this release introduces `defguard/1` and `defguardp/1`](https://elixir.hexdocs.pm/Kernel.html#defguard/1):
+Since only a handful of constructs are [allowed in guards](https://hexdocs.pm/elixir/guards.html#content), if you were in a situation where you had to check the age to be more than or equal to 16 in multiple places, extracting the guard to a separate function would be [less than obvious and error prone](https://github.com/elixir-lang/elixir/issues/2469). To address those issues, [this release introduces `defguard/1` and `defguardp/1`](https://hexdocs.pm/elixir/Kernel.html#defguard/1):
 
 ```elixir
 defguard is_old_to_drive(age) when age >= 16
@@ -82,11 +82,11 @@ Finally, the breakpoint functionality added [in Elixir v1.5](https://elixir-lang
 iex> break! SomeFunction.call(:foo, _, _)
 ```
 
-For more information, see [`IEx.break!/4`](https://iex.hexdocs.pm/IEx.html#break!/4).
+For more information, see [`IEx.break!/4`](https://hexdocs.pm/iex/IEx.html#break!/4).
 
 ## mix xref
 
-[`mix xref`](https://mix.hexdocs.pm/Mix.Tasks.Xref.html) is a task added in Elixir v1.3 which provides general information about how modules and files in an application depend on each other. This release brings many improvements to `xref`, extending the reach of the analysis and helping developers digest the vast amount of data it produces.
+[`mix xref`](https://hexdocs.pm/mix/Mix.Tasks.Xref.html) is a task added in Elixir v1.3 which provides general information about how modules and files in an application depend on each other. This release brings many improvements to `xref`, extending the reach of the analysis and helping developers digest the vast amount of data it produces.
 
 One of such additions is the `--include-siblings` option that can be given to all `xref` commands inside umbrella projects. For example, to find all of the callers of a given module or function of an application in an umbrella:
 
@@ -146,7 +146,7 @@ mix xref graph --format stats --label compile
 
 Those improvements will help developers better understand the relationship between files and reveal potentially complex parts of their systems.
 
-Other improvements in Mix include [better compiler diagnostics](https://mix.hexdocs.pm/Mix.Task.Compiler.html) for editor integration, support for [the `--slowest N` flag in `mix test`](https://mix.hexdocs.pm/Mix.Tasks.Test.html) that shows the slowest tests in your suite, and a new [`mix profile.eprof` task](https://mix.hexdocs.pm/Mix.Tasks.Profile.Eprof.html) that provides time based profiling, complementing the existing [`mix profile.cprof` (count based)](https://mix.hexdocs.pm/Mix.Tasks.Profile.Cprof.html) and [`mix profile.fprof` (flame based)](https://mix.hexdocs.pm/Mix.Tasks.Profile.Fprof.html).
+Other improvements in Mix include [better compiler diagnostics](https://hexdocs.pm/mix/Mix.Task.Compiler.html) for editor integration, support for [the `--slowest N` flag in `mix test`](https://hexdocs.pm/mix/Mix.Tasks.Test.html) that shows the slowest tests in your suite, and a new [`mix profile.eprof` task](https://hexdocs.pm/mix/Mix.Tasks.Eprof.html) that provides time based profiling, complementing the existing [`mix profile.cprof` (count based)](https://hexdocs.pm/mix/Mix.Tasks.Profile.Cprof.html) and [`mix profile.fprof` (flame based)](https://hexdocs.pm/mix/Mix.Tasks.Profile.Fprof.html).
 
 ## Summing up
 
@@ -154,4 +154,4 @@ The full list of changes is available in our [release notes](https://github.com/
 
 Work on Elixir v1.7 has already started. We still welcome developers to try out the [previously announced StreamData library](https://elixir-lang.org/blog/2017/10/31/stream-data-property-based-testing-and-data-generation-for-elixir/), that aims to bring data generation and property-based testing to Elixir. The other [features scheduled for v1.7 can be found in the issues tracker](https://github.com/elixir-lang/elixir/issues).
 
-Don't forget to check [the Install section](/install.html) to get Elixir installed and our [Getting Started guide](https://elixir.hexdocs.pm/introduction.html) to learn more.
+Don't forget to check [the Install section](/install.html) to get Elixir installed and our [Getting Started guide](https://hexdocs.pm/elixir/introduction.html) to learn more.
diff --git a/_posts/2018-07-25-elixir-v1-7-0-released.markdown b/src/content/blog/elixir-v1-7-0-released.md
similarity index 88%
rename from _posts/2018-07-25-elixir-v1-7-0-released.markdown
rename to src/content/blog/elixir-v1-7-0-released.md
index 72a680467..b02ededd1 100644
--- a/_posts/2018-07-25-elixir-v1-7-0-released.markdown
+++ b/src/content/blog/elixir-v1-7-0-released.md
@@ -1,10 +1,10 @@
 ---
-layout: post
-title: Elixir v1.7 released
-authors:
--  José Valim
-category: Releases
-excerpt: Elixir v1.7 includes many quality of life improvements, focusing on documentation, Logger and ExUnit, as well as a new Elixir Core team member!
+title: "Elixir v1.7 released"
+excerpt: "Elixir v1.7 includes many quality of life improvements, focusing on documentation, Logger and ExUnit, as well as a new Elixir Core team member."
+date: 2018-07-25
+author: "José Valim"
+category: "Releases"
+tags: []
 ---
 
 A new semester has started, which means it is time for a new Elixir release! This release brings quality of life improvements to the documentation, to error handling, to logger reporting, and to ExUnit, Elixir's testing library.
@@ -13,7 +13,7 @@ We are also glad to welcome Michał Muskała to the Elixir Core team. Prior to j
 
 ## Documentation metadata
 
-Elixir v1.7 implements [EEP 48](https://www.erlang.org/eeps/eep-0048). EEP 48 aims to bring documentation interoperability across all languages running on the Erlang VM.
+Elixir v1.7 implements [EEP 48](http://www.erlang.org/eep/eeps/eep-0048.html). EEP 48 aims to bring documentation interoperability across all languages running on the Erlang VM.
 
 Furthermore, EEP 48 introduces the ability to annotate documentation with metadata, which we have made possible to leverage from Elixir:
 
@@ -26,11 +26,11 @@ Metadata can be given to `@moduledoc`, `@typedoc` and `@doc`.
 
 We have updated [the ExDoc tool](https://github.com/elixir-lang/ex_doc) to start leveraging metadata in order to provide better documentation for developers. Some of the improvements include:
 
-  * Deprecated modules, functions, callbacks and types have a warning automatically attached to them. [See the deprecated `Behaviour` module as an example](https://elixir.hexdocs.pm/Behaviour.html)
+  * Deprecated modules, functions, callbacks and types have a warning automatically attached to them. [See the deprecated `Behaviour` module as an example](https://hexdocs.pm/elixir/Behaviour.html)
 
-  * Functions, macros, callbacks and types now include the version in which they were added. For example, [see the top right corner of the `defguard` docs](https://elixir.hexdocs.pm/Kernel.html#defguard/1)
+  * Functions, macros, callbacks and types now include the version in which they were added. For example, [see the top right corner of the `defguard` docs](https://hexdocs.pm/elixir/Kernel.html#defguard/1)
 
-  * Future Elixir versions will [include its own section for guards in the documentation and in the sidebar](https://elixir.hexdocs.pm/main/Kernel.html#guards). We are currently exploring ways to [generalize this feature in ExDoc itself](https://github.com/elixir-lang/ex_doc/issues/876)
+  * Future Elixir versions will [include its own section for guards in the documentation and in the sidebar](https://hexdocs.pm/elixir/main/Kernel.html#guards). We are currently exploring ways to [generalize this feature in ExDoc itself](https://github.com/elixir-lang/ex_doc/issues/876)
 
 Elixir's interactive shell, IEx, has also been updated to print metadata:
 
@@ -40,7 +40,7 @@ While Elixir allows any metadata to be given, those tools currently exhibit only
 
 Those improvements are not exclusive to the standard library, they are available to every Elixir library and application. We hope one day they will be available to all applications running on the Erlang VM too.
 
-To access the new documentation format, developers should use [`Code.fetch_docs/1`](https://elixir.hexdocs.pm/Code.html#fetch_docs/1). We have always been proud of treating documentation as a first-class citizen and the ability to add structured information to the documentation is a further step in this direction.
+To access the new documentation format, developers should use [`Code.fetch_docs/1`](https://hexdocs.pm/elixir/Code.html#fetch_docs/1). We have always been proud of treating documentation as a first-class citizen and the ability to add structured information to the documentation is a further step in this direction.
 
 ## The `__STACKTRACE__` construct
 
@@ -100,7 +100,7 @@ config :logger,
 
 ## ExUnit improvements
 
-[ExUnit](https://ex-unit.hexdocs.pm/) is Elixir's unit testing library. ExUnit has always leveraged Elixir macros to provide excellent error reports when a failure happens. For example, the following code:
+[ExUnit](https://hexdocs.pm/ex_unit/) is Elixir's unit testing library. ExUnit has always leveraged Elixir macros to provide excellent error reports when a failure happens. For example, the following code:
 
 ```elixir
 assert "fox jumps over the lazy dog" == "brown fox jumps over the dog"
@@ -116,7 +116,7 @@ However, sometimes we need to write assertions such as `assert some_function(exp
 
 ![ExUnit Bare Assertion Diff](/images/contents/exunit-bare-assertion-diff.png)
 
-We have also [added coloring and diffing to doctests](https://ex-unit.hexdocs.pm/ExUnit.DocTest.html#content).
+We have also [added coloring and diffing to doctests](https://hexdocs.pm/ex_unit/ExUnit.DocTest.html#content).
 
 While ExUnit is our test framework, Mix is our build tool. Developers typically run their tests by calling `mix test`.
 
@@ -154,4 +154,4 @@ We have also seen important developments in other areas not directly related to
 
 Finally, don't forget [ElixirConf US](https://elixirconf.com/) is coming soon, in Bellevue, WA, September 4-7. Last year my keynote focused on the last 5 years with Elixir. This year we are ready to look into the 5 years ahead.
 
-Check [the Install section](/install.html) to get Elixir installed and read our [Getting Started guide](https://elixir.hexdocs.pm/introduction.html) to learn more.
+Check [the Install section](/install.html) to get Elixir installed and read our [Getting Started guide](https://hexdocs.pm/elixir/introduction.html) to learn more.
diff --git a/_posts/2019-01-14-elixir-v1-8-0-released.markdown b/src/content/blog/elixir-v1-8-0-released.md
similarity index 94%
rename from _posts/2019-01-14-elixir-v1-8-0-released.markdown
rename to src/content/blog/elixir-v1-8-0-released.md
index 1ffb27e03..592e4e04d 100644
--- a/_posts/2019-01-14-elixir-v1-8-0-released.markdown
+++ b/src/content/blog/elixir-v1-8-0-released.md
@@ -1,10 +1,10 @@
 ---
-layout: post
-title: Elixir v1.8 released
-authors:
--  José Valim
-category: Releases
-excerpt: Elixir v1.8 comes with many improvements at the infrastructure level, improving compilation time, speeding up common patterns, and adding features around introspection of the system.
+title: "Elixir v1.8 released"
+excerpt: "Elixir v1.8 comes with many improvements at the infrastructure level, improving compilation time, speeding up common patterns, and adding features around introspection of the system."
+date: 2019-01-14
+author: "José Valim"
+category: "Releases"
+tags: []
 ---
 
 Elixir v1.8 comes with many improvements at the infrastructure level, improving compilation time, speeding up common patterns, and adding features around introspection of the system.
@@ -78,6 +78,6 @@ There is only one last major feature planned for upcoming Elixir versions, which
 
 During [my keynote at ElixirConf 2018 US](https://www.youtube.com/watch?v=suOzNeMJXl0), I talked about the next five years for Elixir and much of the emphasis is put on the community. Elixir was designed to be an extensible language and therefore the work on the language itself is meant to reduce with time, which we have seen in the last two releases. We trust the community to continue building on this solid foundation, bringing new challenges to the ecosystem and taking the language to new domains.
 
-Check [the Install section](/install.html) to get Elixir installed and read our [Getting Started guide](https://elixir.hexdocs.pm/introduction.html) to learn more.
+Check [the Install section](/install.html) to get Elixir installed and read our [Getting Started guide](https://hexdocs.pm/elixir/introduction.html) to learn more.
 
-Your turn. :)
\ No newline at end of file
+Your turn. :)
diff --git a/_posts/2019-06-24-elixir-v1-9-0-released.markdown b/src/content/blog/elixir-v1-9-0-released.md
similarity index 79%
rename from _posts/2019-06-24-elixir-v1-9-0-released.markdown
rename to src/content/blog/elixir-v1-9-0-released.md
index 5bf9a492f..f62e74c0a 100644
--- a/_posts/2019-06-24-elixir-v1-9-0-released.markdown
+++ b/src/content/blog/elixir-v1-9-0-released.md
@@ -1,10 +1,10 @@
 ---
-layout: post
-title: Elixir v1.9 released
-authors:
--  José Valim
-category: Releases
-excerpt: Elixir v1.9 is out with releases support, improved configuration and more.
+title: "Elixir v1.9 released"
+excerpt: "Elixir v1.9 is out with releases support, improved configuration and more."
+date: 2019-06-24
+author: "José Valim"
+category: "Releases"
+tags: []
 ---
 
 Elixir v1.9 is out with releases support, improved configuration, and more.
@@ -15,13 +15,13 @@ Now let's take a look at what's new in this new version.
 
 ## Releases
 
-The main feature in Elixir v1.9 is the addition of releases. A release is a self-contained directory that consists of your application code, all of its dependencies, plus the whole Erlang Virtual Machine (VM) and runtime. Once a release is assembled, it can be packaged and deployed to a target as long as the target runs on the same operating system (OS) distribution and version as the machine running the [`mix release`](https://mix.hexdocs.pm/Mix.Tasks.Release.html) command.
+The main feature in Elixir v1.9 is the addition of releases. A release is a self-contained directory that consists of your application code, all of its dependencies, plus the whole Erlang Virtual Machine (VM) and runtime. Once a release is assembled, it can be packaged and deployed to a target as long as the target runs on the same operating system (OS) distribution and version as the machine running the [`mix release`](https://hexdocs.pm/mix/Mix.Tasks.Release.html) command.
 
 Releases have always been part of the Elixir community thanks to Paul Schoenfelder's work on [Distillery](https://github.com/bitwalker/distillery) (and EXRM before that). Distillery was announced in July 2016. Then in 2017, [DockYard](https://dockyard.com/) hired Paul to work on improving deployments, an effort that would lead to [Distillery 2.0](https://dockyard.com/blog/2018/08/23/announcing-distillery-2-0). Distillery 2.0 provided important answers in areas where the community was struggling to establish conventions and best practices, such as configuration.
 
-At the beginning of this year, thanks to [Plataformatec](https://plataformatec.com.br/), I was able to prioritize the work on bringing releases directly into Elixir. Paul was aware that we wanted to have releases in Elixir itself and during [ElixirConf 2018](https://elixirconf.com) I announced that releases was the last planned feature for Elixir.
+At the beginning of this year, thanks to [Plataformatec](http://plataformatec.com.br/), I was able to prioritize the work on bringing releases directly into Elixir. Paul was aware that we wanted to have releases in Elixir itself and during [ElixirConf 2018](https://elixirconf.com) I announced that releases was the last planned feature for Elixir.
 
-The goal of Elixir releases was to double down on the most important concepts provided by Distillery and provide extensions points for the other bits the community may find important. [Paul](https://github.com/bitwalker/) and [Tristan](https://github.com/tsloughter) (who maintains [Erlang's relx](https://github.com/erlware/relx)) provided excellent feedback on Elixir's implementation, which we are very thankful for. [The Hex package manager is already using releases in production](https://dashbit.co/blog/updating-hex-pm-to-use-elixir-releases) and we also got feedback from other companies doing the same.
+The goal of Elixir releases was to double down on the most important concepts provided by Distillery and provide extensions points for the other bits the community may find important. [Paul](http://github.com/bitwalker/) and [Tristan](https://github.com/tsloughter) (who maintains [Erlang's relx](https://github.com/erlware/relx)) provided excellent feedback on Elixir's implementation, which we are very thankful for. [The Hex package manager is already using releases in production](https://dashbit.co/blog/updating-hex-pm-to-use-elixir-releases) and we also got feedback from other companies doing the same.
 
 Enough background, let's see why you would want to use releases and how to assemble one.
 
@@ -71,13 +71,13 @@ Releases also provide built-in hooks for configuring almost every need of the pr
 
   * `rel/env.sh.eex` and `rel/env.bat.eex` - template files that are copied into every release and executed on every command to set up environment variables, including ones specific to the VM, and the general environment
 
-We have written [extensive documentation on releases](https://mix.hexdocs.pm/Mix.Tasks.Release.html), so we recommend checking it out for more information.
+We have written [extensive documentation on releases](https://hexdocs.pm/mix/Mix.Tasks.Release.html), so we recommend checking it out for more information.
 
 ## Configuration
 
 We also use the work on releases to streamline Elixir's configuration API. A new `Config` module has been added to Elixir. The previous configuration API, `Mix.Config`, was part of the Mix build tool. However, since releases provide runtime configuration and Mix is not included in releases, we ported the `Mix.Config` API to Elixir. In other words, `use Mix.Config` has been soft-deprecated in favor of `import Config`.
 
-Another important change related to configuration is that `mix new` will no longer generate a `config/config.exs` file. [Relying on configuration is undesired for most libraries](https://elixir.hexdocs.pm/1.9.0/library-guidelines.html#avoid-application-configuration) and the generated config files pushed library authors in the wrong direction. Furthermore, `mix new --umbrella` will no longer generate a configuration for each child app, instead all configuration should be declared in the umbrella root. That's how it has always behaved, we are now making it explicit.
+Another important change related to configuration is that `mix new` will no longer generate a `config/config.exs` file. [Relying on configuration is undesired for most libraries](https://hexdocs.pm/elixir/library-guidelines.html#avoid-application-configuration) and the generated config files pushed library authors in the wrong direction. Furthermore, `mix new --umbrella` will no longer generate a configuration for each child app, instead all configuration should be declared in the umbrella root. That's how it has always behaved, we are now making it explicit.
 
 ## Other improvements
 
@@ -87,9 +87,9 @@ There are many other enhancements in Elixir v1.9. The Elixir CLI got a handful o
 
 As mentioned earlier, releases was the last planned feature for Elixir. We don't have any major user-facing feature in the works nor planned. I know for certain some will consider this fact the most excing part of this announcement!
 
-Of course, it does not mean that v1.9 is the last Elixir version. We will continue shipping new releases every 6 months with enhancements, bug fixes and improvements. You can see the [Issues Tracker](https://github.com/elixir-lang/elixir/issues) for more details.
+Of course, it does not mean that v1.9 is the last Elixir version. We will continue shipping new releases every 6 months with enhancements, bug fixes and improvements. You can see the [Issues Tracker](http://github.com/elixir-lang/elixir/issues) for more details.
 
-We also are working on some structural changes. One of them is move the `mix xref` pass straight into the compiler, which would allow us to emit undefined function and deprecation warnings in more places. We are also considering a move to [Cirrus-CI](https://cirrus-ci.com/), so we can test Elixir on Windows, Unix, and FreeBSD through a single service.
+We also are working on some structural changes. One of them is move the `mix xref` pass straight into the compiler, which would allow us to emit undefined function and deprecation warnings in more places. We are also considering a move to [Cirrus-CI](https://cirrus-ci.org/), so we can test Elixir on Windows, Unix, and FreeBSD through a single service.
 
 It is also important to highlight that there are two main reasons why we can afford to have an empty backlog.
 
@@ -97,6 +97,6 @@ First of all, Elixir is built on top of Erlang/OTP and we simply leverage all of
 
 Second, Elixir was designed to be an extensible language. The same tools and abstractions we used to create and enhance the language are also available to libraries and frameworks. This means the community can continue to improve the ecosystem without a need to change the language itself, which would effectively become a bottleneck for progress.
 
-Check [the Install section](/install.html) to get Elixir installed and read our [Getting Started guide](https://elixir.hexdocs.pm/introduction.html) to learn more. We have also updated our [advanced Mix & OTP](https://elixir.hexdocs.pm/introduction-to-mix.html) to talk about releases. If you are looking for a more fast paced introduction to the language, see the [How I Start: Elixir](https://howistart.org/posts/elixir/1/index.html) tutorial, which has also been brought to the latest and greatest.
+Check [the Install section](/install.html) to get Elixir installed and read our [Getting Started guide](https://hexdocs.pm/elixir/introduction.html) to learn more. We have also updated our [advanced Mix & OTP](https://hexdocs.pm/elixir/introduction-to-mix.html) to talk about releases. If you are looking for a more fast paced introduction to the language, see the [How I Start: Elixir](http://howistart.org/posts/elixir/1/index.html) tutorial, which has also been brought to the latest and greatest.
 
 Have fun!
diff --git a/_posts/2023-03-09-embedded-and-cloud-elixir-at-sparkmeter.markdown b/src/content/blog/embedded-and-cloud-elixir-at-sparkmeter.md
similarity index 95%
rename from _posts/2023-03-09-embedded-and-cloud-elixir-at-sparkmeter.markdown
rename to src/content/blog/embedded-and-cloud-elixir-at-sparkmeter.md
index c173d0f1c..f5da5cd1f 100644
--- a/_posts/2023-03-09-embedded-and-cloud-elixir-at-sparkmeter.markdown
+++ b/src/content/blog/embedded-and-cloud-elixir-at-sparkmeter.md
@@ -1,12 +1,10 @@
 ---
-layout: post
 title: "Embedded and cloud Elixir for grid-management at Sparkmeter"
-authors:
-- Hugo Baraúna
-category: Elixir in Production
-excerpt: A case study of how Elixir is being used at SparkMeter.
-logo: /images/cases/logos/sparkmeter.png
-tags: energy iot nerves
+excerpt: "A case study of how Elixir is being used at SparkMeter."
+date: 2023-03-09
+author: "Hugo Baraúna"
+category: "Elixir in Production"
+tags: ["energy", "iot", "nerves"]
 ---
 
 *Welcome to our series of case studies about companies using Elixir in production. [See all](https://elixir-lang.org/cases.html) cases we have published so far.*
@@ -70,7 +68,7 @@ SparkMeter used Elixir for the ground (embedded) and cloud aspects of the new sy
 
 For the firmware of the grid edge management unit, they used Nerves. For the hardware, they built on top of a BeagleBone Black device.
 
-The communication between the grid edge management unit and the meters was via radio, using Rust to manage the radio hardware module inside the grid edge management unit. They used [Elixir Ports](https://elixir.hexdocs.pm/1.13.4/Port.html) to communicate with Rust and process the data from the meters.
+The communication between the grid edge management unit and the meters was via radio, using Rust to manage the radio hardware module inside the grid edge management unit. They used [Elixir Ports](https://hexdocs.pm/elixir/1.13.4/Port.html) to communicate with Rust and process the data from the meters.
 
 Elixir was also used for communication with the cloud servers via 3G or Edge. This communication required bandwidth usage optimization due to the cost of sending large volumes of data through the cellular network. They evaluated various solutions like REST, CoAP, MQTT, Kafka, and Websockets. Still, none fit their specific needs, so they created a custom protocol tailored to their use case, which involved designing a binary protocol and implementing a TCP server. Mike Waud discussed this in more detail in his talks at [ElixirConf 2021](https://www.youtube.com/watch?v=DJRL86mO4ks) and [2022](https://www.youtube.com/watch?v=BxTIUvyZHKw).
 
@@ -86,13 +84,13 @@ During and after the development of the new generation of their system, SparkMet
 
 One of them was the reduction of the complexity of the grid edge management unit. The old version had more moving parts, using Ubuntu and Docker for the system level, Python/Celery and RabbitMQ for asynchronous processing, and Systemd for managing starting job processes.
 
-In the new version, they replaced all of that mainly with Elixir and Nerves. And for the parts where they needed tools that were not part of the BEAM stack, they could manage them like any other BEAM process by using [Elixir Ports](https://elixir.hexdocs.pm/1.13.4/Port.html). Here's what they said about that experience:
+In the new version, they replaced all of that mainly with Elixir and Nerves. And for the parts where they needed tools that were not part of the BEAM stack, they could manage them like any other BEAM process by using [Elixir Ports](https://hexdocs.pm/elixir/1.13.4/Port.html). Here's what they said about that experience:
 
 > The new grid edge management unit has a very unified architecture. We can treat everything as an (Elixir) process. We have full control over the start and stop within a single ecosystem. It's just a very coherent storyline.
 >
 > \- *Jon Thacker, Senior VP Of Engineering*
 
-Another aspect they liked about Nerves was that it included security best practices. For example, they used SSL certificates on the client and the server side for communication between the ground and the cloud. Nerves made this easy through the [NervesKey component](https://github.com/nerves-hub/nerves_key), which enables the use of a hardware security module to protect the private key. Nerves also made it easy to keep up with system security patches, as the firmware generated by Nerves is a single bundle containing a minimal Linux platform and their application packaged as a [release](https://mix.hexdocs.pm/Mix.Tasks.Release.html). Here's what they said about security in Nerves:
+Another aspect they liked about Nerves was that it included security best practices. For example, they used SSL certificates on the client and the server side for communication between the ground and the cloud. Nerves made this easy through the [NervesKey component](https://github.com/nerves-hub/nerves_key), which enables the use of a hardware security module to protect the private key. Nerves also made it easy to keep up with system security patches, as the firmware generated by Nerves is a single bundle containing a minimal Linux platform and their application packaged as a [release](https://hexdocs.pm/mix/Mix.Tasks.Release.html). Here's what they said about security in Nerves:
 
 > It's easy enough to keep tracking upstream changes, so we're not getting behind the latest security patches. Nerves made that easy. Nerves just pushed us towards a good security model.
 >
@@ -122,4 +120,4 @@ Elixir was used to design elegant solutions across data processing, HTTP APIs, a
 
 Additionally, the ability to control the entire connection from the ground to the cloud resulted in reduced bandwidth usage and improved resiliency. This fulfills essential requirements, given the diversity of conditions and locations the grid edge management unit may be deployed at.
 
-The new system also allowed for more frequent releases, enabling SparkMeter to respond quickly to their business needs.
\ No newline at end of file
+The new system also allowed for more frequent releases, enabling SparkMeter to respond quickly to their business needs.
diff --git a/_posts/2020-08-20-embedded-elixir-at-farmbot.markdown b/src/content/blog/embedded-elixir-at-farmbot.md
similarity index 94%
rename from _posts/2020-08-20-embedded-elixir-at-farmbot.markdown
rename to src/content/blog/embedded-elixir-at-farmbot.md
index 0471d047f..df46216a2 100644
--- a/_posts/2020-08-20-embedded-elixir-at-farmbot.markdown
+++ b/src/content/blog/embedded-elixir-at-farmbot.md
@@ -1,12 +1,10 @@
 ---
-layout: post
-title: Embedded Elixir at Farmbot
-authors:
--  José Valim
-category: Elixir in Production
-excerpt: A case study of how Elixir is being used at Farmbot.
-logo: /images/cases/logos/farmbot.png
-tags: embedded nerves
+title: "Embedded Elixir at Farmbot"
+excerpt: "A case study of how Elixir is being used at Farmbot."
+date: 2020-08-20
+author: "José Valim"
+category: "Elixir in Production"
+tags: ["embedded", "nerves"]
 ---
 
 *Welcome to our series of case studies about companies using Elixir in production. [See all cases](/cases.html) we have published so far.*
diff --git a/_posts/2021-11-10-embracing-open-data-with-elixir-at-the-ministry-of-ecological-transition-in-france.markdown b/src/content/blog/embracing-open-data-with-elixir-at-the-ministry-of-ecological-transition-in-france.md
similarity index 78%
rename from _posts/2021-11-10-embracing-open-data-with-elixir-at-the-ministry-of-ecological-transition-in-france.markdown
rename to src/content/blog/embracing-open-data-with-elixir-at-the-ministry-of-ecological-transition-in-france.md
index edcd6e671..39424b1ad 100644
--- a/_posts/2021-11-10-embracing-open-data-with-elixir-at-the-ministry-of-ecological-transition-in-france.markdown
+++ b/src/content/blog/embracing-open-data-with-elixir-at-the-ministry-of-ecological-transition-in-france.md
@@ -1,12 +1,10 @@
 ---
-layout: post
-title: Embracing open data with Elixir at the Ministry of Ecological Transition in France
-authors:
--  José Valim
-category: Elixir in Production
-excerpt: A case study of how Elixir is being used at the Ministry of Ecological Transition in France.
-logo: /images/cases/logos/met-france.svg
-tags: open-data gov phoenix
+title: "Embracing open data with Elixir at the Ministry of Ecological Transition in France"
+excerpt: "A case study of how Elixir is being used at the Ministry of Ecological Transition in France."
+date: 2021-11-10
+author: "José Valim"
+category: "Elixir in Production"
+tags: ["open-data", "gov", "phoenix"]
 ---
 
 *Welcome to our series of case studies about companies using Elixir in production. [See all cases](/cases.html) we have published so far.*
@@ -23,7 +21,7 @@ State Startups are a match between a team and a mission. They help "intrapreneur
 
 The insight is: instead of trying to convince other stakeholders to work towards specific goals, it is better to empower innovation and those who want to drive change. Those individuals are given a budget and the autonomy to choose the technology and assemble their team. In exchange, they must open-source and publicly document all code, costs, metrics, and statistics.
 
-The first State Startup was [data.gouv.fr](https://www.data.gouv.fr/), which transformed France's open data efforts from a catalog of spreadsheets into a social platform that closed the gap between the citizens consuming the data and the institutions providing them. The tool is fully [open-source](https://github.com/opendatateam/udata), allowing other countries to use it in production too.
+The first State Startup was [data.gouv.fr](https://www.data.gouv.fr/en), which transformed France's open data efforts from a catalog of spreadsheets into a social platform that closed the gap between the citizens consuming the data and the institutions providing them. The tool is fully [open-source](https://github.com/opendatateam/udata), allowing other countries to use it in production too.
 
 At the time of writing, [261 State Startups](https://beta.gouv.fr/startups/) have been launched and are in various states of development.
 
@@ -31,7 +29,7 @@ At the time of writing, [261 State Startups](https://beta.gouv.fr/startups/) hav
 
 In 2017, a team was assembled to begin a new State Startup focused on transportation data. An incoming European delegated regulation would make it mandatory for institutions and corporations to make transportation data public. The State Startup aimed at preparing the ecosystem actors for this regulatory change.
 
-To address this, the team decided to build a web application to search and visualize the existing transportation data available in [data.gouv.fr](https://www.data.gouv.fr). They initially targeted public transportation information provided by cities about buses, subways, and trams, all available in a static format called General Transit Feed Specification ([GTFS](https://gtfs.org/)) ([live example](https://web.archive.org/web/20211207101320/https://transport.data.gouv.fr/resources/50471)).
+To address this, the team decided to build a web application to search and visualize the existing transportation data available in [data.gouv.fr](https://www.data.gouv.fr). They initially targeted public transportation information provided by cities about buses, subways, and trams, all available in a static format called General Transit Feed Specification ([GTFS](https://gtfs.org/)) ([live example](https://transport.data.gouv.fr/resources/50471#visualization)).
 
 The two developers of the team, Vincent Lara and Mauko Quiroga, had heard about Elixir and were interested in learning more. They understood it could provide a robust but flexible and fun platform to explore the problem space. So [they bootstrapped the application](https://github.com/etalab/transport-site/commit/837a048c37ac31151b51ac09432dbcbff3917de5) with the [Phoenix web framework](https://phoenixframework.org/).
 
@@ -43,7 +41,7 @@ Between 2017 and 2021, the multi-disciplinary team (one public servant, “busin
 
 In 2021, the State Startup has "graduated" from its “beta gouv” incubator and is now part of France's Ministry of Ecological Transition. Now composed by Francis Chabouis, Thibaut Barrère, and Antoine Augusti, the technical part of the team is tackling new use cases and challenges as the platform grows in terms of needs and versatility.
 
-Many of those are driven by the adoption of new data formats by governments and corporations. For example, [GTFS](https://github.com/google/transit/tree/master/gtfs/spec/en) provides a static (theoretical) itinerary: if a bus is currently delayed, this information would not be available in the feed. Enter the [GTFS-RT](https://github.com/google/transit/tree/master/gtfs-realtime/spec/en) format, where RT stands for real-time, to address those gaps. The General Bikeshare Feed Specification ([GBFS](https://nabsa.net/resources/gbfs/)) ([live example](https://web.archive.org/web/20211201004733/https://transport.data.gouv.fr/datasets/velos-libre-service-creteil-cristolib-disponibilite-en-temps-reel/)) tracks bicycles, scooters, carpooling, etc. Plus the [SIRI](https://en.wikipedia.org/wiki/Service_Interface_for_Real_Time_Information) (Service Interface for Real-time Information) and [NeTEx](https://en.wikipedia.org/wiki/NeTEx) families of protocols.
+Many of those are driven by the adoption of new data formats by governments and corporations. For example, [GTFS](https://github.com/google/transit/tree/master/gtfs/spec/en) provides a static (theoretical) itinerary: if a bus is currently delayed, this information would not be available in the feed. Enter the [GTFS-RT](https://github.com/google/transit/tree/master/gtfs-realtime/spec/en) format, where RT stands for real-time, to address those gaps. The General Bikeshare Feed Specification ([GBFS](https://nabsa.net/resources/gbfs/)) ([live example](https://transport.data.gouv.fr/datasets/velos-libre-service-creteil-cristolib-disponibilite-en-temps-reel/)) tracks bicycles, scooters, carpooling, etc. Plus the [SIRI](https://en.wikipedia.org/wiki/Service_Interface_for_Real_Time_Information) (Service Interface for Real-time Information) and [NeTEx](https://en.wikipedia.org/wiki/NeTEx) families of protocols.
 
 Some of those formats have supporting technologies (validators, converters) written in other languages (Java, Rust, etc), which would be beneficial to integrate with. The team then realized the way forward is to adapt their Elixir system to orchestrate and coordinate those subsystems. Luckily, Elixir has shown to be exceptionally well suited to this task, thanks to the underlying Erlang Virtual Machine, designed for communication systems. Francis Chabouis expands: "We currently need to integrate with internal and external services in a variety of formats. Some are static, some require periodic pulls, and others keep open connections to push data. Elixir allows us to experiment, iterate, and scale those ideas quickly".
 
@@ -55,7 +53,7 @@ Overall, the data catalog now includes:
 * Private parking areas
 * Location of rental cars, scooters, bicycles, and others
 
-Many of those formats also bring real-time concerns as they evolve the application to sample and show events as they happen. This is where the team is currently working at leveraging [Phoenix LiveView](https://github.com/phoenixframework/phoenix_live_view) to build the interactivity and functionality they need while keeping their stack simple and productive. 
+Many of those formats also bring real-time concerns as they evolve the application to sample and show events as they happen. This is where the team is currently working at leveraging [Phoenix LiveView](http://github.com/phoenixframework/phoenix_live_view) to build the interactivity and functionality they need while keeping their stack simple and productive. 
 
 The technical team has also recently grown to three developers, totaling seven members altogether. To prepare themselves for the new team members, Thibaut Barrère was responsible for upgrading their dependencies, including Elixir and Erlang, which were largely unchanged from 2017. While performing such changes can often be daunting in other stacks, Thibaut shares a very positive experience: "we did not see any breaking changes after performing long-due updates. Overall, the language and libraries seem quite stable and careful to avoid breaking changes. This experience gives us the confidence we can continue focusing on the needs of our users as we move forward".
 
@@ -63,8 +61,8 @@ The technical team has also recently grown to three developers, totaling seven m
 
 As with any other team, some challenges go beyond the technical aspects. For example, they sometimes spot companies and cities that do not make their transportation data available, which is against European Law. The team often heard concerns about making parts of their systems public, which could lead to failures in critical infrastructure.
 
-To address this, the team built [a small Phoenix application](https://github.com/etalab/transport-site/tree/master/apps/transport/lib/unlock) that works as a simple proxy to those systems. The proxy caches the data for specific intervals, helping those entities address the security and traffic concerns around their critical systems. The application uses [Cachex](https://github.com/whitfin/cachex) and provides a real-time dashboard, built with LiveView, where they can configure the system, track application load, and see cache usage data.
+To address this, the team built [a small Phoenix application](https://github.com/etalab/transport-site/tree/master/apps/unlock) that works as a simple proxy to those systems. The proxy caches the data for specific intervals, helping those entities address the security and traffic concerns around their critical systems. The application uses [Cachex](https://github.com/whitfin/cachex) and provides a real-time dashboard, built with LiveView, where they can configure the system, track application load, and see cache usage data.
 
-Another area the team is actively investigating is how to make the data itself more accessible to developers who want to consume it. A non-trivial amount of work is required between fetching the city data, parsing it, and displaying it on a map, which can discourage developers from beginning their open data journey. To this end, they plan to assemble a collection of [Livebooks](https://github.com/livebook-dev/livebook), a recently released tool for writing code notebooks in Elixir that allows developers to get up and running quickly and obtain immediate feedback on their code.
+Another area the team is actively investigating is how to make the data itself more accessible to developers who want to consume it. A non-trivial amount of work is required between fetching the city data, parsing it, and displaying it on a map, which can discourage developers from beginning their open data journey. To this end, they plan to assemble a collection of [Livebooks](http://github.com/livebook-dev/livebook), a recently released tool for writing code notebooks in Elixir that allows developers to get up and running quickly and obtain immediate feedback on their code.
 
 Thibaut remarks how the growth of the language and its ecosystem supports their application and needs: "every time we faced a new challenge, a solution was readily available to us. When we needed to orchestrate multiple subsystems, the stack excelled at it. When we required real-time features, Phoenix and LiveView had first-class support for it. Now we need to promote education and access to open data, and Livebook is shaping to be precisely what we need".
diff --git a/_posts/2025-08-05-global-elixir-meetups.markdown b/src/content/blog/global-elixir-meetups.md
similarity index 95%
rename from _posts/2025-08-05-global-elixir-meetups.markdown
rename to src/content/blog/global-elixir-meetups.md
index df098c1d6..7820ed657 100644
--- a/_posts/2025-08-05-global-elixir-meetups.markdown
+++ b/src/content/blog/global-elixir-meetups.md
@@ -1,10 +1,10 @@
 ---
-layout: post
 title: "Take part in the Global Elixir Meetups week"
-authors:
-- José Valim
-category: Announcements
 excerpt: "We are launching Global Elixir Meetups - a week where the Elixir community organizes meetups around the world to meet, learn from each other, and discuss everything related to Elixir and the Erlang VM."
+date: 2025-08-05
+author: "José Valim"
+category: "Announcements"
+tags: []
 ---
 
 > Update: Our first Global Elixir Meetups was a success with 46 meetups spread across six continents. Thanks to everyone who organized and attended. See you next time!
diff --git a/src/content/blog/google-summer-of-code-2013.md b/src/content/blog/google-summer-of-code-2013.md
new file mode 100644
index 000000000..0aeeed407
--- /dev/null
+++ b/src/content/blog/google-summer-of-code-2013.md
@@ -0,0 +1,29 @@
+---
+title: "Google Summer of Code 2013"
+excerpt: "Elixir is taking part in Google Summer of Code 2013! Are you a student? Join us."
+date: 2013-04-19
+author: "José Valim"
+category: "Announcements"
+tags: []
+---
+
+We are pleased to announce that Elixir is taking part in Google Summer of Code 2013
+as member of the [BEAM Community](http://beamcommunity.github.io). This means that
+students all around the world can get paid to work on Elixir during the summer!
+
+The rules require students to be enrolled in college full or part-time, and to be
+at least 18 years by May 27, 2013. You can find more information on
+[Google Summer of Code 2013 website](http://www.google-melange.com/gsoc/homepage/google/gsoc2013).
+
+We have published [a list of ideas we would like to see and explore in Elixir](https://github.com/beamcommunity/beamcommunity.github.com/wiki/Project:-Elixir)
+that students can use as a basis, but students are also free to send their own
+proposals. If your proposal gets accepted, Google will pay you $5000 over the
+course of three months to work on Elixir. Students can start submitting their
+proposals on April 22 and the deadline is May 23.
+
+Note the BEAM Community serves as a mentoring organization for many other projects
+that run on the Erlang VM, including Elixir. To see the full list, [visit the website](http://beamcommunity.github.io).
+
+We hope to work with you during this summer! If you have more questions, feel free
+to join the [BEAM Community mailing list](https://groups.google.com/d/forum/beam-community)
+or talk to us on `#beam-community` on irc.freenode.net.
diff --git a/src/content/blog/gsoc-projects.md b/src/content/blog/gsoc-projects.md
new file mode 100644
index 000000000..f410af13a
--- /dev/null
+++ b/src/content/blog/gsoc-projects.md
@@ -0,0 +1,86 @@
+---
+title: "Google Summer of Code 2018 projects"
+excerpt: "Once again Elixir is participating in Google Summer of Code 2018. In this post, we'll have a look at the active projects."
+date: 2018-06-28
+author: "Andrea Leopardi"
+category: "Announcements"
+tags: []
+---
+
+Like previous years, the Elixir community is happy to participate in [Google Summer of Code][gsoc] 2018. We are currently working on four different projects. Let's have a look at them.
+
+## StreamData integration with typespecs
+
+*Student: Nikola Jichev*
+
+[StreamData][stream_data] is a data-generation and property-based testing library for Elixir. The goal of this GSoC project is to integrate StreamData with typespecs.
+
+The data-generation side of StreamData provides tools to generate random data through composable generators. For example, you could generate keyword lists like this:
+
+```elixir
+import StreamData
+
+keywords_generator = list_of({atom(:alphanumeric), term()})
+
+Enum.take(keywords_generator, 2)
+#=> [[_: [true]], [tm: 2, h: %{}]]
+```
+
+In many cases, it would be useful to be able to generate such random data starting from already existing or user-defined types. For example, Elixir already provides a built-in `keyword/0` type for keyword lists defined roughly as:
+
+```elixir
+@type keyword() :: [{atom(), any()}]
+```
+
+The goal of the first part of this GSoC project is to provide StreamData with the ability to create data generators from type definitions. The API is not yet defined, but in this case, it could look something like the following:
+
+```elixir
+import StreamData
+
+keywords_generator = from_type(keyword/0)
+
+Enum.take(keywords_generator, 2)
+#=> [[_: [true]], [tm: 2, h: %{}]]
+```
+
+In the second part of the GSoC project, the aim is to be able to property-test functions with specs automatically.
+
+```elixir
+@spec has_key?(keyword(), atom()) :: boolean()
+def has_key?(keyword, key) do
+  # ...
+end
+```
+
+The first part of the project focuses on generating data from types, so we know how to generate function arguments. The missing piece is **validating** that a given term *belongs to* a given type. For example, in the snippet above, we want to be able to check if a term is a `boolean()`. Once we're able to do this, automatic spec validation will be straightforward: it will be a matter of generating random arguments for the given function, calling the function with those arguments, and asserting that the returned value belongs to the return type defined in the spec.
+
+This kind of property-based testing doesn't test for *correctness*. In the snippet above, `has_key?/2` could be implemented to ignore arguments always return `false` and the automatic spec validation would pass since `false` is always a boolean. However, this is a kind of **smoke testing** useful for discovering inconsistencies in the arguments and return values of functions.
+
+## Tensorflex: Tensorflow bindings for the Elixir programming language
+
+*Student: Anshuman Chhabra*
+
+Currently, there is a lack of machine learning tools and frameworks for Elixir. With the number of programmers learning/using machine learning only set to grow, supporting machine learning capabilities is essential for any programming language. Moreover, there are discussions on [ElixirForum][elixirforum] regarding this and recent talks given at ElixirConf that reflect the need for Elixir to provide machine learning capabilities.
+
+This project's goal is Tensorflex, an Elixir machine learning framework similar to [Keras for Python][keras]. Keras uses Tensorflow as a backend for doing all the machine learning. Tensorflex will use Using Native Implemented Functions (NIFs) and the Tensorflow C API as a backend to provide a low-level API. This low-level API will then be used to write a Keras-like framework in the form of a high-level API. This will allow Elixir developers to write expedient and efficient machine learning code in Elixir.
+
+## Dialyzer task for Elixir
+
+*Student: Gabriel Gatu*
+
+Dialyzer is a discrepancy analyzer that ships as part of Erlang/OTP. Currently, there are two projects that add Dialyzer support to Elixir applications: [dialyxir][] and [dialyzex][]. The goal of this project is to bring ideas from both projects into Elixir itself in order to make using Dialyzer in Elixir projects easier. The task we aim to add to Elixir will focus on two main features: better user experience (in particular, better error messages and formatting) and the ability to analyze projects incrementally.
+
+## ElixirBench
+
+*Student: Tallys Martins*
+
+ElixirBench aims to be a service to monitor performance of Elixir projects. The goal of the GSoC project is to bring ElixirBench up and have it run nightly performance monitoring of significant Elixir projects (including Elixir itself). The end goal is to have a platform that, given a project from GitHub, will monitor the performance of new releases of that project and look for performance regressions. The benchmarking process will be controlled through a configuration file that will specify the benchmark scripts to run.
+
+We have high hopes for this tool as we see value in it for the whole community and for core Elixir projects alike.
+
+[gsoc]: https://summerofcode.withgoogle.com
+[stream_data]: https://github.com/whatyouhide/stream_data
+[elixirforum]: https://elixirforum.com
+[keras]: https://keras.io
+[dialyxir]: https://github.com/jeremyjh/dialyxir
+[dialyzex]: https://github.com/Comcast/dialyzex
diff --git a/_posts/2020-12-10-integrating-travel-with-elixir-at-duffel.markdown b/src/content/blog/integrating-travel-with-elixir-at-duffel.md
similarity index 96%
rename from _posts/2020-12-10-integrating-travel-with-elixir-at-duffel.markdown
rename to src/content/blog/integrating-travel-with-elixir-at-duffel.md
index 44f8c66cb..3419aa016 100644
--- a/_posts/2020-12-10-integrating-travel-with-elixir-at-duffel.markdown
+++ b/src/content/blog/integrating-travel-with-elixir-at-duffel.md
@@ -1,12 +1,10 @@
 ---
-layout: post
-title: Integrating travel with Elixir at Duffel
-authors:
--  José Valim
-category: Elixir in Production
-excerpt: A case study of how Elixir is being used at Duffel.
-logo: /images/cases/logos/duffel.png
-tags: api integration xml
+title: "Integrating travel with Elixir at Duffel"
+excerpt: "A case study of how Elixir is being used at Duffel."
+date: 2020-12-10
+author: "José Valim"
+category: "Elixir in Production"
+tags: ["api", "integration", "xml"]
 ---
 
 *Welcome to our series of case studies about companies using Elixir in production. [See all cases](/cases.html) we have published so far.*
diff --git a/_posts/2025-08-18-interop-and-portability.markdown b/src/content/blog/interop-and-portability.md
similarity index 98%
rename from _posts/2025-08-18-interop-and-portability.markdown
rename to src/content/blog/interop-and-portability.md
index d8c9ea885..e2167ed20 100644
--- a/_posts/2025-08-18-interop-and-portability.markdown
+++ b/src/content/blog/interop-and-portability.md
@@ -1,11 +1,10 @@
 ---
-layout: post
 title: "Interoperability in 2025: beyond the Erlang VM"
-authors:
-- Wojtek Mach
-- José Valim
-category: Announcements
 excerpt: "We explore the mechanisms for interoperability and portability between Elixir, other programming languages, and runtimes."
+date: 2025-08-18
+author: "Wojtek Mach, José Valim"
+category: "Announcements"
+tags: []
 ---
 
 The Erlang Virtual Machine has, historically, provided three main options for interoperability with other languages and ecosystems, with different degrees of isolation:
@@ -173,7 +172,7 @@ rustler::init!("Elixir.Example");
 
 ### Zig
 
-[Zigler](https://zigler.hexdocs.pm) lets us write NIFs in Zig, a low-level programming language designed for maintaining robust, optimal, and reusable software. Zig removes hidden control flow, implicit memory allocation, and similar abstractions in favour of code that's explicit and predictable.
+[Zigler](https://hexdocs.pm/zigler) lets us write NIFs in Zig, a low-level programming language designed for maintaining robust, optimal, and reusable software. Zig removes hidden control flow, implicit memory allocation, and similar abstractions in favour of code that's explicit and predictable.
 
 Zigler compiles Zig code at build time and exposes it directly to Elixir, without external build scripts or glue. It tightly integrates with Elixir tooling: Zig code is formatted via `mix format` and documentation written in Zig appears in IEx via the `h` helper.
 
diff --git a/_posts/2025-12-02-lazier-bdds-for-set-theoretic-types.markdown b/src/content/blog/lazier-bdds-for-set-theoretic-types.md
similarity index 98%
rename from _posts/2025-12-02-lazier-bdds-for-set-theoretic-types.markdown
rename to src/content/blog/lazier-bdds-for-set-theoretic-types.md
index ccfd23a60..36a148ccc 100644
--- a/_posts/2025-12-02-lazier-bdds-for-set-theoretic-types.markdown
+++ b/src/content/blog/lazier-bdds-for-set-theoretic-types.md
@@ -1,14 +1,13 @@
 ---
-layout: post
 title: "Lazier Binary Decision Diagrams (BDDs) for set-theoretic types"
-authors:
-- José Valim
-- Guillaume Duboc
-category: Internals
-excerpt: "This article explores the data structures used to represent set-theoretic types and the recent optimizations we have applied to them"
+excerpt: "This article explores the data structures used to represent set-theoretic types and the recent optimizations we have applied to them."
+date: 2025-12-02
+author: "José Valim, Guillaume Duboc"
+category: "Internals"
+tags: []
 ---
 
-[The Elixir team and the CNRS are working on a set-theoretic type system for Elixir](https://elixir-lang.org/blog/2023/06/22/type-system-updates-research-dev/) which, simply put, is a type-system powered by unions, intersections, and negations. As part of the implementation of said type systems, we need an efficient way of representing said operations. This article discusses the existing approaches found in theory and practice, as well as the improvements we have introduced as part of [Elixir v1.19](/blog/2025/10/16/elixir-v1-19-0-released/).
+[The Elixir team and the CNRS are working on a set-theoretic type system for Elixir](https://elixir-lang.org/blog/2023/06/22/type-system-updates-research-dev/) which, simply put, is a type-system powered by unions, intersections, and negations. As part of the implementation of said type systems, we need an efficient way of representing said operations. This article discusses the existing approaches found in theory and practice, as well as the improvements we have introduced as part of [Elixir v1.19](/blog/2025/10/16/elixir-v1-19-0-released.markdown/).
 
 This article covers the implementation details of the type system. You don't need to understand these internals to use the type system, just as you don't need to know virtual machine bytecodes or compiler passes to use a programming language. Our goal is to document our progress and provide guidance for future maintainers and implementers. Let's get started.
 
@@ -91,7 +90,7 @@ The difference between two DNFs is implemented similarly to intersections, excep
 
 Luckily, those exact issues are well documented in literature and are addressed by Binary Decision Diagrams (BDDs), introduced by [Alain Frisch (2004)](https://www.cduce.org/papers/frisch_phd.pdf) and later recalled and expanded by [Giuseppe Castagna (2016)](https://www.irif.fr/~gc/papers/covcon-again.pdf).
 
-BDDs represent set-theoretic operations as an ordered tree. This requires us to provide an order, any order, across all types. Given [all Elixir values have a total order](https://elixir.hexdocs.pm/Kernel.html#module-term-ordering), that's quite straightforward. Furthermore, by ordering it, we can detect duplicates as we introduce nodes in the tree. The tree can have three distinct node types:
+BDDs represent set-theoretic operations as an ordered tree. This requires us to provide an order, any order, across all types. Given [all Elixir values have a total order](https://hexdocs.pm/elixir/Kernel.html#module-term-ordering), that's quite straightforward. Furthermore, by ordering it, we can detect duplicates as we introduce nodes in the tree. The tree can have three distinct node types:
 
 ```elixir
 type bdd() = :top or :bottom or {type(), constrained :: bdd(), dual :: bdd()}
diff --git a/_posts/2026-03-19-lazy-bdds-with-eager-literal-differences.markdown b/src/content/blog/lazy-bdds-with-eager-literal-differences.md
similarity index 98%
rename from _posts/2026-03-19-lazy-bdds-with-eager-literal-differences.markdown
rename to src/content/blog/lazy-bdds-with-eager-literal-differences.md
index ed2d880fa..c191152b3 100644
--- a/_posts/2026-03-19-lazy-bdds-with-eager-literal-differences.markdown
+++ b/src/content/blog/lazy-bdds-with-eager-literal-differences.md
@@ -1,10 +1,10 @@
 ---
-layout: post
 title: "Lazy BDDs with eager literal differences"
-authors:
-- José Valim
-category: Internals
-excerpt: "This is a follow up to our batch of set-theoretic types optimizations, this time targeting differences"
+excerpt: "This is a follow up to our batch of set-theoretic types optimizations, this time targeting differences."
+date: 2026-03-19
+author: "José Valim"
+category: "Internals"
+tags: []
 ---
 
 In [a previous article](/blog/2026/02/26/eager-literal-intersections/),
diff --git a/_posts/2021-04-02-marketing-and-sales-intelligence-with-elixir-at-pepsico.markdown b/src/content/blog/marketing-and-sales-intelligence-with-elixir-at-pepsico.md
similarity index 86%
rename from _posts/2021-04-02-marketing-and-sales-intelligence-with-elixir-at-pepsico.markdown
rename to src/content/blog/marketing-and-sales-intelligence-with-elixir-at-pepsico.md
index aa64c9128..c4ecd5475 100644
--- a/_posts/2021-04-02-marketing-and-sales-intelligence-with-elixir-at-pepsico.markdown
+++ b/src/content/blog/marketing-and-sales-intelligence-with-elixir-at-pepsico.md
@@ -1,12 +1,10 @@
 ---
-layout: post
-title: Marketing and sales intelligence with Elixir at PepsiCo
-authors:
--  José Valim
-category: Elixir in Production
-excerpt: A case study of how Elixir is being used at PepsiCo.
-logo: /images/cases/logos/pepsico.png
-tags: biz-intelligence phoenix
+title: "Marketing and sales intelligence with Elixir at PepsiCo"
+excerpt: "A case study of how Elixir is being used at PepsiCo."
+date: 2021-04-02
+author: "José Valim"
+category: "Elixir in Production"
+tags: ["biz-intelligence", "phoenix"]
 ---
 
 *Welcome to our series of case studies about companies using Elixir in production. [See all cases](/cases.html) we have published so far.*
@@ -37,11 +35,11 @@ Furthermore, the reports generated by PepsiCo's marketing and sales teams often
 
 ## Libraries and frameworks
 
-David Antaramian is quick to praise the Erlang runtime and its standard library. He says: "Since we are working with large amounts of data, it is also essential to avoid hitting the database whenever possible. Thankfully, Erlang ships with an in-memory table storage called [ETS](https://www.erlang.org/doc/man/ets.html), which we use to store hundreds of thousands of rows".
+David Antaramian is quick to praise the Erlang runtime and its standard library. He says: "Since we are working with large amounts of data, it is also essential to avoid hitting the database whenever possible. Thankfully, Erlang ships with an in-memory table storage called [ETS](http://www.erlang.org/doc/man/ets.html), which we use to store hundreds of thousands of rows".
 
-The Erlang standard library was also handy when communicating to some data stores. In particular, the Snowflake platform requires ODBC connections. The PepsiCo team built a library called [Snowflex](https://github.com/pepsico-ecommerce/snowflex), designed on top of [Erlang's built-in ODBC drivers](https://www.erlang.org/doc/man/odbc.html).
+The Erlang standard library was also handy when communicating to some data stores. In particular, the Snowflake platform requires ODBC connections. The PepsiCo team built a library called [Snowflex](https://github.com/pepsico-ecommerce/snowflex), designed on top of [Erlang's built-in ODBC drivers](http://www.erlang.org/doc/man/odbc.html).
 
-The Elixir ecosystem nicely complements the Erlang one. The front-end, written in React, talks to the server via [the Absinthe GraphQL toolkit](https://absinthe.hexdocs.pm/) running on top of [the Phoenix web framework](https://phoenixframework.org/). The [Ecto database library](https://github.com/elixir-ecto/ecto) manages the communication to PostgreSQL. They also use the [esaml](https://github.com/handnot2/esaml) and [Samly](https://github.com/handnot2/samly) libraries to provide authentication within PepsiCo's organization - another example of leveraging the tools within both Erlang and Elixir communities.
+The Elixir ecosystem nicely complements the Erlang one. The front-end, written in React, talks to the server via [the Absinthe GraphQL toolkit](http://absinthe-graphql.org/) running on top of [the Phoenix web framework](http://phoenixframework.org/). The [Ecto database library](https://github.com/elixir-ecto/ecto) manages the communication to PostgreSQL. They also use the [esaml](https://github.com/handnot2/esaml) and [Samly](https://github.com/handnot2/samly) libraries to provide authentication within PepsiCo's organization - another example of leveraging the tools within both Erlang and Elixir communities.
 
 Finally, the team also recognizes the [Erlang Ecosystem Foundation](https://erlef.org/)'s efforts, which PepsiCo are sponsors of, particularly the Observability Working Group. David remarks: "The adoption of Telemetry by the ecosystem has been a massive help in bringing monitoring visibility and metrics to our system. Now when we see spikes in one place, we can easily correlate them with other system parts".
 
diff --git a/_posts/2019-02-25-mint-a-new-http-library-for-elixir.markdown b/src/content/blog/mint-a-new-http-library-for-elixir.md
similarity index 88%
rename from _posts/2019-02-25-mint-a-new-http-library-for-elixir.markdown
rename to src/content/blog/mint-a-new-http-library-for-elixir.md
index 6b447590c..f9bf103bd 100644
--- a/_posts/2019-02-25-mint-a-new-http-library-for-elixir.markdown
+++ b/src/content/blog/mint-a-new-http-library-for-elixir.md
@@ -1,10 +1,10 @@
 ---
-layout: post
-title: Mint, a new HTTP client for Elixir
-authors:
--  Eric Meadows-Jönsson
-category: Announcements
-excerpt: Mint is a new low-level HTTP client that aims to provide a small and functional core that others can build on top.
+title: "Mint, a new HTTP client for Elixir"
+excerpt: "Mint is a new low-level HTTP client that aims to provide a small and functional core that others can build on top."
+date: 2019-02-25
+author: "Eric Meadows-Jönsson"
+category: "Announcements"
+tags: []
 ---
 
 [Mint](https://github.com/ericmj/mint) is a new low-level HTTP client that aims to provide a small and functional core that others can build on top. Mint is connection based: each connection is a single struct with an associated socket belonging to the process that started the connection. Since no extra processes are started for the connection, you can choose the process architecture that better fits your application.
@@ -15,7 +15,7 @@ To validate this we built out the library with a common API supporting both HTTP
 
 Mint HTTP connections are managed directly in the process that starts the connection, which means no connection pool is used nor new processes spawned when a connection is opened. This allows the user of the library to build their own process structure that fits their application.
 
-With Mint each connection has a single immutable data structure that the user needs to manage. Mint uses ["active mode"](https://www.erlang.org/doc/apps/kernel/inet.html#setopts/2) sockets. This means data and events from the socket are sent as messages to the process that started the connection. The user passes the messages to the `stream/2` function that returns the updated connection and a list of "responses". Responses are streamed back which means you won't receive a single full HTTP response back from `stream/2`, instead the response is returned in partial response chunks. A chunk can be the status line, HTTP headers, or part of the response body.
+With Mint each connection has a single immutable data structure that the user needs to manage. Mint uses ["active mode"](http://www.erlang.org/doc/man/inet.html#setopts-2) sockets. This means data and events from the socket are sent as messages to the process that started the connection. The user passes the messages to the `stream/2` function that returns the updated connection and a list of "responses". Responses are streamed back which means you won't receive a single full HTTP response back from `stream/2`, instead the response is returned in partial response chunks. A chunk can be the status line, HTTP headers, or part of the response body.
 
 Let's look at an example of sending a request with Mint:
 
@@ -47,7 +47,7 @@ If the response body is larger than a single packet `stream/2` may return multip
 
 Note that if you send concurrent requests on a HTTP/2 connection responses can be returned interleaved from the requests using HTTP/2's stream multiplexing. Additionally, responses can be spread over multiple messages so we may need to continually receive messages and pass them to `stream/2`.
 
-See more examples on how to use Mint in the [documentation](https://mint.hexdocs.pm).
+See more examples on how to use Mint in the [documentation](https://hexdocs.pm/mint).
 
 ## Why process-less?
 
diff --git a/_posts/2022-10-05-my-future-with-elixir-set-theoretic-types.markdown b/src/content/blog/my-future-with-elixir-set-theoretic-types.md
similarity index 97%
rename from _posts/2022-10-05-my-future-with-elixir-set-theoretic-types.markdown
rename to src/content/blog/my-future-with-elixir-set-theoretic-types.md
index 9aac64df0..190d1a76e 100644
--- a/_posts/2022-10-05-my-future-with-elixir-set-theoretic-types.markdown
+++ b/src/content/blog/my-future-with-elixir-set-theoretic-types.md
@@ -1,10 +1,10 @@
 ---
-layout: post
 title: "My Future with Elixir: set-theoretic types"
-authors:
-- José Valim
-category: Announcements
-excerpt: We announce and explore the possibilities for bringing set-theoretic types into Elixir.
+excerpt: "We announce and explore the possibilities for bringing set-theoretic types into Elixir."
+date: 2022-10-05
+author: "José Valim"
+category: "Announcements"
+tags: []
 ---
 
 *This is article contains excerpts from my keynotes at [ElixirConf Europe 2022](https://www.youtube.com/watch?v=Jf5Hsa1KOc8) and [ElixirConf US 2022](https://www.youtube.com/watch?v=KmLw58qEtuM).*
@@ -29,7 +29,7 @@ Different programming languages and platforms extract different values from type
 
 For example, different languages can extract performance benefits from types. However, Elixir still runs on the Erlang VM, which is dynamically typed, so we should not expect any meaningful performance gain from typing Elixir code.
 
-Another benefit of types is to _aid_ documentation (emphasis on the word _aid_ as I don't believe types replace textual documentation). Elixir already reaps similar benefits from [typespecs](https://elixir.hexdocs.pm/typespecs.html) and I would expect an integrated type system to be even more valuable in this area.
+Another benefit of types is to _aid_ documentation (emphasis on the word _aid_ as I don't believe types replace textual documentation). Elixir already reaps similar benefits from [typespecs](https://hexdocs.pm/elixir/typespecs.html) and I would expect an integrated type system to be even more valuable in this area.
 
 However, the upsides and downsides of static typing become fuzzier and prone to exaggerations once we discuss them in the context of code maintenance, in particular when comparing types with other software verification techniques, such as tests. In those situations, it is common to hear unrealistic claims such as "a static type system would catch 80% of my Elixir bugs" or that "you need to write fewer tests once you have static types".
 
@@ -111,9 +111,9 @@ Personally, I find set-theoretical types an elegant and accessible approach to r
 
 Despite the initial fit between Elixir semantics and set-theoretic types, there are open questions and existing challenges in putting the two together. Here are some examples:
 
-  * Elixir has [an expressive collection of idioms used in pattern matching and guards](https://elixir.hexdocs.pm/patterns-and-guards.html), can we map them all to set-theoretic types?
+  * Elixir has [an expressive collection of idioms used in pattern matching and guards](https://hexdocs.pm/elixir/patterns-and-guards.html), can we map them all to set-theoretic types?
 
-  * Elixir associative data structures, [called maps](https://elixir.hexdocs.pm/Map.html), can be used both as records and as dictionaries. Would it be possible to also type them with a unified foundation?
+  * Elixir associative data structures, [called maps](https://hexdocs.pm/elixir/Map.html), can be used both as records and as dictionaries. Would it be possible to also type them with a unified foundation?
 
   * Gradual type systems must introduce runtime type checks in order to remain sound. However, those type checks will happen in addition to the checks already done by the Erlang VM, which can degrade performance. Therefore, is it possible to leverage the existing runtime checks done by the Erlang VM so the resulting type system is still sound?
 
diff --git a/_posts/2021-01-13-orchestrating-computer-vision-with-elixir-at-v7.markdown b/src/content/blog/orchestrating-computer-vision-with-elixir-at-v7.md
similarity index 95%
rename from _posts/2021-01-13-orchestrating-computer-vision-with-elixir-at-v7.markdown
rename to src/content/blog/orchestrating-computer-vision-with-elixir-at-v7.md
index 8e402cae7..8cfebd836 100644
--- a/_posts/2021-01-13-orchestrating-computer-vision-with-elixir-at-v7.markdown
+++ b/src/content/blog/orchestrating-computer-vision-with-elixir-at-v7.md
@@ -1,13 +1,10 @@
 ---
-layout: post
-title: Orchestrating computer vision with Elixir at V7
-authors:
--  José Valim
-category: Elixir in Production
-excerpt: A case study of how Elixir is being used at V7.
-logo: /images/cases/logos/v7.png
-tags: computer-vision phoenix
-redirect_from: /blog/2021/01/13/orchestrating-computer-vision-with-elixir/
+title: "Orchestrating computer vision with Elixir at V7"
+excerpt: "A case study of how Elixir is being used at V7."
+date: 2021-01-13
+author: "José Valim"
+category: "Elixir in Production"
+tags: ["computer-vision", "phoenix"]
 ---
 
 *Welcome to our series of case studies about companies using Elixir in production. [See all cases](/cases.html) we have published so far.*
diff --git a/_posts/2020-09-24-paas-with-elixir-at-Heroku.markdown b/src/content/blog/paas-with-elixir-at-Heroku.md
similarity index 97%
rename from _posts/2020-09-24-paas-with-elixir-at-Heroku.markdown
rename to src/content/blog/paas-with-elixir-at-Heroku.md
index bf97dd5f3..a23fe0bbd 100644
--- a/_posts/2020-09-24-paas-with-elixir-at-Heroku.markdown
+++ b/src/content/blog/paas-with-elixir-at-Heroku.md
@@ -1,12 +1,10 @@
 ---
-layout: post
-title: PaaS with Elixir at Heroku
-authors:
--  José Valim
-category: Elixir in Production
-excerpt: A case study of how Elixir is being used at Heroku.
-logo: /images/cases/logos/heroku.png
-tags: paas phoenix
+title: "PaaS with Elixir at Heroku"
+excerpt: "A case study of how Elixir is being used at Heroku."
+date: 2020-09-24
+author: "José Valim"
+category: "Elixir in Production"
+tags: ["paas", "phoenix"]
 ---
 
 *Welcome to our series of case studies about companies using Elixir in production. [See all cases](/cases.html) we have published so far.*
diff --git a/_posts/2020-11-17-real-time-collaboration-with-elixir-at-slab.markdown b/src/content/blog/real-time-collaboration-with-elixir-at-slab.md
similarity index 94%
rename from _posts/2020-11-17-real-time-collaboration-with-elixir-at-slab.markdown
rename to src/content/blog/real-time-collaboration-with-elixir-at-slab.md
index 21911867c..88228f478 100644
--- a/_posts/2020-11-17-real-time-collaboration-with-elixir-at-slab.markdown
+++ b/src/content/blog/real-time-collaboration-with-elixir-at-slab.md
@@ -1,12 +1,10 @@
 ---
-layout: post
-title: Real-time collaboration with Elixir at Slab
-authors:
--  José Valim
-category: Elixir in Production
-excerpt: A case study of how Elixir is being used at Slab.
-logo: /images/cases/logos/slab.png
-tags: collab phoenix otp
+title: "Real-time collaboration with Elixir at Slab"
+excerpt: "A case study of how Elixir is being used at Slab."
+date: 2020-11-17
+author: "José Valim"
+category: "Elixir in Production"
+tags: ["collab", "phoenix", "otp"]
 ---
 
 *Welcome to our series of case studies about companies using Elixir in production. [See all cases](/cases.html) we have published so far.*
@@ -32,7 +30,7 @@ The trial went better than expected, and Jason's journey with Slab had officiall
 
 ## Growing with the platform
 
-Shortly after, Slab was in a private beta with a handful of companies as users. For each major feature they had along the way, Elixir and Phoenix provided the building blocks for it. When they implemented real-time comments, they used Phoenix Channels and Phoenix PubSub. The pattern goes on: "for asynchronous processing, we simply use [Elixir tasks](https://elixir.hexdocs.pm/Task.html)". Later on, to track users editing a document and give each a different cursor color, they used [Phoenix Presence](https://phoenix.hexdocs.pm/Phoenix.Presence.html), a tool that no other web framework offers out-of-the-box.
+Shortly after, Slab was in a private beta with a handful of companies as users. For each major feature they had along the way, Elixir and Phoenix provided the building blocks for it. When they implemented real-time comments, they used Phoenix Channels and Phoenix PubSub. The pattern goes on: "for asynchronous processing, we simply use [Elixir tasks](https://hexdocs.pm/elixir/Task.html)". Later on, to track users editing a document and give each a different cursor color, they used [Phoenix Presence](https://hexdocs.pm/phoenix/Phoenix.Presence.html), a tool that no other web framework offers out-of-the-box.
 
 Another leap in Jason's journey with Slab and Elixir was when he had to learn Erlang/OTP, a group of behaviors that ship as part of Erlang's standard library for building distributed and fault-tolerant applications.
 
@@ -44,7 +42,7 @@ One could try to solve this problem by keeping the server stateless. Every time
 
 When working with Node.js, Jason tried a different approach. If Alice and Bob were writing to the same document, a load balancer would guarantee that both would be routed to the same node. After trying out both Apache and Nginx, he implemented the balancer in Node.js. The overall solution was time-consuming to get right and introduced operational complexities.
 
-Luckily, these problems are the bread and butter of Erlang/OTP. Jason knew he needed a stateful abstraction to keep this state on the server. He had already heard about the options the platform provides, but he was unsure which one to pick. Jason recalls: "I remember asking the community if I should use an [Agent](https://elixir.hexdocs.pm/Agent.html) or a [GenServer](https://elixir.hexdocs.pm/GenServer.html) and everyone was really helpful in providing guidance." They quickly landed on GenServer as their tool of choice.
+Luckily, these problems are the bread and butter of Erlang/OTP. Jason knew he needed a stateful abstraction to keep this state on the server. He had already heard about the options the platform provides, but he was unsure which one to pick. Jason recalls: "I remember asking the community if I should use an [Agent](https://hexdocs.pm/elixir/Agent.html) or a [GenServer](https://hexdocs.pm/elixir/GenServer.html) and everyone was really helpful in providing guidance." They quickly landed on GenServer as their tool of choice.
 
 By default, both GenServer and Agents are local to each node. However, they also support the `:global` option, which registers a given name across the cluster. To use this option, they need the Erlang distribution, which they were already using for Phoenix PubSub and Presence, so this was a straight-forward change. This guarantees both Alice and Bob talk to the same GenServer, regardless if they joined node X or node Y.
 
@@ -54,7 +52,7 @@ Later on, when running the system in production, the platform continued to impre
 
 There are other few notable tools in Slab's stack.
 
-Back in 2017, they migrated to GraphQL [powered by Elixir's Absinthe](https://absinthe.hexdocs.pm/). There were concerns about adopting the query language, as it was a relatively new technology. Still, they felt it would address a real issue: they had different components in the application needing distinct data, and managing all of these possible combinations was becoming complex. This was one of the main problems GraphQL was designed to solve.
+Back in 2017, they migrated to GraphQL [powered by Elixir's Absinthe](http://absinthe-graphql.org/). There were concerns about adopting the query language, as it was a relatively new technology. Still, they felt it would address a real issue: they had different components in the application needing distinct data, and managing all of these possible combinations was becoming complex. This was one of the main problems GraphQL was designed to solve.
 
 They are also running on Google Cloud with Kubernetes (K8s), and, as many Elixir engineers, they wondered [how the Erlang VM fit in a world with Docker and K8s](https://dashbit.co/blog/kubernetes-and-the-erlang-vm-orchestration-on-the-large-and-the-small). Today they run on 6 nodes, 5 of them running application code. The sixth one handles [cron jobs](https://en.wikipedia.org/wiki/Cron) and stays on standby for new deployments. They use [the peerage library](https://github.com/mrluc/peerage) to establish Distributed Erlang connections between the nodes.
 
diff --git a/_posts/2020-10-08-real-time-communication-at-scale-with-elixir-at-discord.markdown b/src/content/blog/real-time-communication-at-scale-with-elixir-at-discord.md
similarity index 97%
rename from _posts/2020-10-08-real-time-communication-at-scale-with-elixir-at-discord.markdown
rename to src/content/blog/real-time-communication-at-scale-with-elixir-at-discord.md
index ac4f42ef8..3cafb46e4 100644
--- a/_posts/2020-10-08-real-time-communication-at-scale-with-elixir-at-discord.markdown
+++ b/src/content/blog/real-time-communication-at-scale-with-elixir-at-discord.md
@@ -1,13 +1,10 @@
 ---
-layout: post
-title: Real time communication at scale with Elixir at Discord
-authors:
--  José Valim
-category: Elixir in Production
-excerpt: A case study of how Elixir is being used at Discord.
-flagship: true
-logo: /images/cases/logos/discord.png
-tags: real-time genstage otp
+title: "Real time communication at scale with Elixir at Discord"
+excerpt: "A case study of how Elixir is being used at Discord."
+date: 2020-10-08
+author: "José Valim"
+category: "Elixir in Production"
+tags: ["real-time", "genstage", "otp"]
 ---
 
 *Welcome to our series of case studies about companies using Elixir in production. [See all cases](/cases.html) we have published so far.*
diff --git a/_posts/2025-01-21-remote-elixir-case.markdown b/src/content/blog/remote-elixir-case.md
similarity index 97%
rename from _posts/2025-01-21-remote-elixir-case.markdown
rename to src/content/blog/remote-elixir-case.md
index 10d47c32d..bcd20a364 100644
--- a/_posts/2025-01-21-remote-elixir-case.markdown
+++ b/src/content/blog/remote-elixir-case.md
@@ -1,13 +1,10 @@
 ---
-layout: post
 title: "Remote: growing from zero to unicorn with Elixir"
-authors:
-- Hugo Baraúna
-category: Elixir in Production
-excerpt: A case study of how Elixir is being used at Remote.
-flagship: true
-logo: /images/cases/logos/remote.png
-tags: growth team web
+excerpt: "A case study of how Elixir is being used at Remote."
+date: 2025-01-21
+author: "Hugo Baraúna"
+category: "Elixir in Production"
+tags: ["growth", "team", "web"]
 ---
 
 *Welcome to our series of [case studies about companies using Elixir in production](/cases.html).*
diff --git a/_posts/2021-02-03-social-messaging-with-elixir-at-community.markdown b/src/content/blog/social-messaging-with-elixir-at-community.md
similarity index 88%
rename from _posts/2021-02-03-social-messaging-with-elixir-at-community.markdown
rename to src/content/blog/social-messaging-with-elixir-at-community.md
index 7fc98c519..d19a47ee7 100644
--- a/_posts/2021-02-03-social-messaging-with-elixir-at-community.markdown
+++ b/src/content/blog/social-messaging-with-elixir-at-community.md
@@ -1,13 +1,10 @@
 ---
-layout: post
-title: Social messaging with Elixir at Community
-authors:
--  José Valim
-category: Elixir in Production
-excerpt: A case study of how Elixir is being used at Community.
-logo: /images/cases/logos/community.png
-tags: messaging broadway
-redirect_from: /blog/2021/02/03/social-messaging-with-elixir/
+title: "Social messaging with Elixir at Community"
+excerpt: "A case study of how Elixir is being used at Community."
+date: 2021-02-03
+author: "José Valim"
+category: "Elixir in Production"
+tags: ["messaging", "broadway"]
 ---
 
 *Welcome to our series of case studies about companies using Elixir in production. [See all cases](/cases.html) we have published so far.*
@@ -55,7 +52,7 @@ The vast majority of those services run Elixir, with Python covering the data sc
 
 [RabbitMQ](https://www.rabbitmq.com/) handles the communication between services. The Erlang-backed message queue is responsible for broadcasting messages and acting as [their RPC backbone](https://andrealeopardi.com/posts/rpc-over-rabbitmq-with-elixir/). Messages between services are encoded with Protocol Buffers via [the protobuf-elixir library](https://github.com/elixir-protobuf/protobuf).
 
-Initially, they used [the GenStage library](https://github.com/elixir-lang/gen_stage/) to interface with RabbitMQ, but they have migrated to the higher level [Broadway](https://github.com/dashbitco/broadway) library over the last year. Andrea Leopardi, one of their engineers, outlines their challenges: "Our system has to handle different traffic patterns when receiving and delivering data. Incoming data may arrive at any time and be prone to spikes caused by specific events powered by actions within Communities. On the other hand, we deliver SMSes in coordination with partners who impose different restrictions on volumes, rate limiting, etc."
+Initially, they used [the GenStage library](http://github.com/elixir-lang/gen_stage/) to interface with RabbitMQ, but they have migrated to the higher level [Broadway](https://github.com/dashbitco/broadway) library over the last year. Andrea Leopardi, one of their engineers, outlines their challenges: "Our system has to handle different traffic patterns when receiving and delivering data. Incoming data may arrive at any time and be prone to spikes caused by specific events powered by actions within Communities. On the other hand, we deliver SMSes in coordination with partners who impose different restrictions on volumes, rate limiting, etc."
 
 He continues: "both GenStage and Broadway have been essential in providing abstractions to handle these requirements. They provide back-pressure, ensure that spikes never overload the system, and guarantee we never send more messages than the amount defined by our delivery partners". As they implemented the same patterns over and over in different services, they found Broadway to provide the ideal abstraction level for them.
 
diff --git a/_posts/2021-06-02-social-virtual-spaces-with-elixir-at-mozilla.markdown b/src/content/blog/social-virtual-spaces-with-elixir-at-mozilla.md
similarity index 93%
rename from _posts/2021-06-02-social-virtual-spaces-with-elixir-at-mozilla.markdown
rename to src/content/blog/social-virtual-spaces-with-elixir-at-mozilla.md
index 9594d404b..a7ec77c8a 100644
--- a/_posts/2021-06-02-social-virtual-spaces-with-elixir-at-mozilla.markdown
+++ b/src/content/blog/social-virtual-spaces-with-elixir-at-mozilla.md
@@ -1,12 +1,10 @@
 ---
-layout: post
-title: Social virtual spaces with Elixir at Mozilla
-authors:
--  José Valim
-category: Elixir in Production
-excerpt: A case study of how Elixir is being used at Mozilla.
-logo: /images/cases/logos/mozilla-hubs.png
-tags: virtual-spaces phoenix
+title: "Social virtual spaces with Elixir at Mozilla"
+excerpt: "A case study of how Elixir is being used at Mozilla."
+date: 2021-06-02
+author: "José Valim"
+category: "Elixir in Production"
+tags: ["virtual-spaces", "phoenix"]
 ---
 
 *Welcome to our series of case studies about companies using Elixir in production. [See all cases](/cases.html) we have published so far.*
@@ -43,7 +41,7 @@ Hubs Cloud launched in February 2020 and it has been a hit. [New York University
 
 Their cloud version uses Amazon CloudFormation to instantiate Hubs inside the user's account. This approach brought different challenges to the Hubs team: "we want Hubs Cloud to be as affordable and straightforward as possible. The Phoenix app has already been a massive help on this front. We have also moved some features to Amazon Lambda and made them optional, such as image resizing and video conversion" - details John.
 
-Since Hubs is also open source, developers can run their own Hubs instance in whatever platform they choose or change it however they want. That's the path Greg Fodor recently took when he announced [Jel](https://web.archive.org/web/20220123203842/https://jel.app/): "Jel is the video game for work. It is a mashup of Minecraft and Discord, where everything is 3D. My goal is to spark new directions and ideas to get people excited about VR".
+Since Hubs is also open source, developers can run their own Hubs instance in whatever platform they choose or change it however they want. That's the path Greg Fodor recently took when he announced [Jel](https://jel.app/): "Jel is the video game for work. It is a mashup of Minecraft and Discord, where everything is 3D. My goal is to spark new directions and ideas to get people excited about VR".
 
 ## Summing up
 
diff --git a/_posts/2017-10-31-stream-data-property-based-testing-and-data-generation-for-elixir.markdown b/src/content/blog/stream-data-property-based-testing-and-data-generation-for-elixir.md
similarity index 97%
rename from _posts/2017-10-31-stream-data-property-based-testing-and-data-generation-for-elixir.markdown
rename to src/content/blog/stream-data-property-based-testing-and-data-generation-for-elixir.md
index ba459d7f4..c610d7b63 100644
--- a/_posts/2017-10-31-stream-data-property-based-testing-and-data-generation-for-elixir.markdown
+++ b/src/content/blog/stream-data-property-based-testing-and-data-generation-for-elixir.md
@@ -1,10 +1,10 @@
 ---
-layout: post
 title: "StreamData: Property-based testing and data generation"
-authors:
--  Andrea Leopardi
-category: Announcements
-excerpt: We are working on data generation and property-based testing for the next versions of Elixir.
+excerpt: "We are working on data generation and property-based testing for the next versions of Elixir."
+date: 2017-10-31
+author: "Andrea Leopardi"
+category: "Announcements"
+tags: []
 ---
 
 In this blog post, we'll talk about property-based testing and sample data generation. We'll cover what these are, why we want them in Elixir, and what are are plans for the future. If you want to use the features discussed here or you want to read more formal documentation, head over to [stream_data][], which is a library that currently provides both features (albeit in beta form) and which is where we are focusing our efforts.
@@ -173,11 +173,11 @@ The reasons for writing a new property-based testing library from scratch are be
 **Update Jun/2020:** after careful consideration, the Elixir team decided to not include `StreamData` in Elixir itself, and keep it as package, as it is able to provide all of the necessary features without a need for direct integration with the language.
 
 [stream_data]: https://github.com/whatyouhide/stream_data
-[quickcheck-paper]: https://www.cs.tufts.edu/~nr/cs257/archive/john-hughes/quick.pdf
+[quickcheck-paper]: http://www.cs.tufts.edu/~nr/cs257/archive/john-hughes/quick.pdf
 [test.check]: https://github.com/clojure/test.check
 [Hypothesis]: https://github.com/HypothesisWorks/hypothesis-python
-[QuickCheck]: https://quviq.com
-[propertesting.com]: https://propertesting.com
+[QuickCheck]: http://quviq.com
+[propertesting.com]: http://propertesting.com
 [PropEr]: https://github.com/manopapad/proper
 [quickcheck-pr]: https://github.com/elixir-lang/elixir/pull/5022#issuecomment-233195478
 [pollution]: https://github.com/pragdave/pollution
diff --git a/_posts/2023-09-20-strong-arrows-gradual-typing.markdown b/src/content/blog/strong-arrows-gradual-typing.md
similarity index 97%
rename from _posts/2023-09-20-strong-arrows-gradual-typing.markdown
rename to src/content/blog/strong-arrows-gradual-typing.md
index 348d88129..d6ed636a0 100644
--- a/_posts/2023-09-20-strong-arrows-gradual-typing.markdown
+++ b/src/content/blog/strong-arrows-gradual-typing.md
@@ -1,10 +1,10 @@
 ---
-layout: post
 title: "Strong arrows: a new approach to gradual typing"
-authors:
-- José Valim
-category: Announcements
-excerpt: An introduction to strong arrows and how it leverages the Erlang VM to provide sound gradual typing.
+excerpt: "An introduction to strong arrows and how it leverages the Erlang VM to provide sound gradual typing."
+date: 2023-09-20
+author: "José Valim"
+category: "Announcements"
+tags: []
 ---
 
 *This is article expands on the topic of gradual set-theoretic typing discussed during my keynote at [ElixirConf US 2023](https://www.youtube.com/watch?v=giYbq4HmfGA).*
@@ -100,7 +100,7 @@ def identity(arg), do: arg
 
 But at the end of the day it will simply expand to intersections. The important bit is that, at the semantic level, there is no need for additional constructs and representations.
 
-> Note: for the type-curious readers, set-theoretic types implement [a limited form of bounded quantification *à la* Kernel Fun](https://web.archive.org/web/20260430221541/http://lucacardelli.name/Papers/OnUnderstanding.pdf). In a nutshell, it means we can only compare functions if they have the same bounds. For example, our type system states `a -> a when a: integer() or boolean()` is not a subtype of `a -> a when a: integer()`.
+> Note: for the type-curious readers, set-theoretic types implement [a limited form of bounded quantification *à la* Kernel Fun](http://lucacardelli.name/Papers/OnUnderstanding.pdf). In a nutshell, it means we can only compare functions if they have the same bounds. For example, our type system states `a -> a when a: integer() or boolean()` is not a subtype of `a -> a when a: integer()`.
 
 We also get lower bounds for free. If intersections allow us to place an upper bound on a type variable, a union is equivalent to a lower bound as it specifies the type variable will always be augmented by the union-ed type. For example, `a or atom()` says the result will always include atoms plus whatever else specified by `a` (which may be an atom, `atom()` itself, or a completely disjoint type such as `integer()`).
 
@@ -289,5 +289,5 @@ In particular, we have been exploring a gradual set-theoretic type system for El
 While our efforts have officially moved from research into development, and [we have outlined an implementation plan](https://elixir-lang.org/blog/2023/06/22/type-system-updates-research-dev/), we haven't yet fully implemented nor assessed the usability of set-theoretic types in existing Elixir codebases, either large or small. There is much to implement and validate, and we don't rule the possibility of finding unforeseen deal breakers that could send us back to square one. Yet we are pleased and cautiously excited with the new developments so far.
 
 The development of Elixir's type system is sponsored by [Fresha](https://www.fresha.com) ([they are hiring!](https://www.fresha.com/careers/openings?department=engineering)),
-[Starfish*](https://starfish.team) ([they are hiring!](https://starfish.team/)),
+[Starfish*](https://starfish.team) ([they are hiring!](https://starfish.team/jobs/experienced-elixir-developer)),
 and [Dashbit](https://dashbit.co).
diff --git a/_posts/2026-01-09-type-inference-of-all-and-next-15.markdown b/src/content/blog/type-inference-of-all-and-next-15.md
similarity index 97%
rename from _posts/2026-01-09-type-inference-of-all-and-next-15.markdown
rename to src/content/blog/type-inference-of-all-and-next-15.md
index 163eab247..fcb4d2194 100644
--- a/_posts/2026-01-09-type-inference-of-all-and-next-15.markdown
+++ b/src/content/blog/type-inference-of-all-and-next-15.md
@@ -1,10 +1,10 @@
 ---
-layout: post
 title: "Type inference of all constructs and the next 15 months"
-authors:
-- José Valim
-category: Announcements
 excerpt: "Today we celebrate 15 years since Elixir's first commit! To mark the occasion, we are glad to announce the first release candidate for Elixir v1.20, which performs type inference of all language constructs, with increasing precision."
+date: 2026-01-09
+author: "José Valim"
+category: "Announcements"
+tags: []
 ---
 
 Today we celebrate 15 years since [Elixir's first commit](https://github.com/elixir-lang/elixir/commit/337c3f2d569a42ebd5fcab6fef18c5e012f9be5b)! To mark the occasion, we are glad to announce the first release candidate for Elixir v1.20, which performs type inference of all language constructs, with increasing precision.
@@ -210,9 +210,9 @@ The first release candidate for Elixir v1.20 is out and includes type inference
 * Feb-Mar/2026: inference across clauses, few or none false positives, assess performance!
 * Apr-May/2026: inference across dependencies, assess performance!
 
-Every release will have a thread in the [Elixir Forum](https://elixirforum.com) for discussion.
+Every release will have a thread in the [Elixir Forum](http://elixirforum.com) for discussion.
 
-Check our documentation to learn more about our [overall work on set-theoretic types](https://elixir.hexdocs.pm/1.20.0-rc.0/gradual-set-theoretic-types.html). This release also includes [our official types cheatsheet](https://elixir.hexdocs.pm/1.20.0-rc.0/types-cheat.html).
+Check our documentation to learn more about our [overall work on set-theoretic types](http://hexdocs.pm/elixir/1.20.0-rc.0/gradual-set-theoretic-types.html). This release also includes [our official types cheatsheet](https://hexdocs.pm/elixir/1.20.0-rc.0/types-cheat.html).
 
 The [complete CHANGELOG for this release](https://github.com/elixir-lang/elixir/blob/v1.20.0-rc.0/CHANGELOG.md) is on GitHub.
 
diff --git a/_posts/2023-06-22-type-system-updates-research-dev.markdown b/src/content/blog/type-system-updates-research-dev.md
similarity index 95%
rename from _posts/2023-06-22-type-system-updates-research-dev.markdown
rename to src/content/blog/type-system-updates-research-dev.md
index cfebc21e5..0d051fd9f 100644
--- a/_posts/2023-06-22-type-system-updates-research-dev.markdown
+++ b/src/content/blog/type-system-updates-research-dev.md
@@ -1,10 +1,10 @@
 ---
-layout: post
 title: "Type system updates: moving from research into development"
-authors:
-- José Valim
-category: Announcements
-excerpt: A short status update on the effort to bring a type system into Elixir.
+excerpt: "A short status update on the effort to bring a type system into Elixir."
+date: 2023-06-22
+author: "José Valim"
+category: "Announcements"
+tags: []
 ---
 
 A year ago, at ElixirConf EU 2022, we announced an effort to research
@@ -81,5 +81,5 @@ will be assumed to be of the `dynamic()` type. If successful, then we
 will effectively have introduced a type system into the language.
 
 This new exciting development stage is sponsored by [Fresha](https://www.fresha.com) ([they are hiring!](https://www.fresha.com/careers/openings?department=engineering)),
-[Starfish*](https://starfish.team) ([they are hiring!](https://starfish.team/)),
+[Starfish*](https://starfish.team) ([they are hiring!](https://starfish.team/jobs/experienced-elixir-developer)),
 and [Dashbit](https://dashbit.co).
diff --git a/_posts/2024-08-28-typing-lists-and-tuples.markdown b/src/content/blog/typing-lists-and-tuples.md
similarity index 97%
rename from _posts/2024-08-28-typing-lists-and-tuples.markdown
rename to src/content/blog/typing-lists-and-tuples.md
index d562f6d2c..d8b6ef275 100644
--- a/_posts/2024-08-28-typing-lists-and-tuples.markdown
+++ b/src/content/blog/typing-lists-and-tuples.md
@@ -1,10 +1,10 @@
 ---
-layout: post
 title: "Typing lists and tuples in Elixir"
-authors:
-- José Valim
-category: Internals
-excerpt: "This article explores the design decisions of typing lists and tuples in Elixir within a sound gradual type system"
+excerpt: "This article explores the design decisions of typing lists and tuples in Elixir within a sound gradual type system."
+date: 2024-08-28
+author: "José Valim"
+category: "Internals"
+tags: []
 ---
 
 We have been working on [a type system for the Elixir programming language](https://elixir-lang.org/blog/2023/06/22/type-system-updates-research-dev/). The type system provides sound gradual typing: it can safely interface static and dynamic code, and if the program type checks, it will not produce type errors at runtime.
@@ -100,7 +100,7 @@ While different developers will prefer certain idioms over others, I am not conv
 
 Thanks to set-theoretic types, we will most likely distinguish between empty lists and non-empty lists in Elixir's type system, since pattern matching on them is a common language idiom. Furthermore, several functions in Elixir, such as `String.split/2` are guaranteed to return non-empty lists, which can then be nicely encoded into a function's return type.
 
-Elixir also has the functions `hd` (for head) and `tl` (for tail) inherited from Erlang, which are [valid guards](https://elixir.hexdocs.pm/patterns-and-guards.html). They only accept non-empty lists as arguments, which will now be enforced by the type system too.
+Elixir also has the functions `hd` (for head) and `tl` (for tail) inherited from Erlang, which are [valid guards](https://hexdocs.pm/elixir/patterns-and-guards.html). They only accept non-empty lists as arguments, which will now be enforced by the type system too.
 
 This covers almost all use cases but one: what happens if you want to access the first element of a list, which has not been proven to be empty? You could use pattern matching and conditionals for those cases, but as seen above, this can lead to common boilerplate such as:
 
@@ -120,7 +120,7 @@ Now that we have discussed lists, we can talk about tuples. In a way, tuples are
 
 2. We natively access tuples by index, instead of its head and tail, such `elem(tuple, 0)`
 
-In the upcoming v1.18 release, Elixir's new type system will support tuple types, and they are written between curly brackets. For example, the [`File.read/1` function](https://elixir.hexdocs.pm/File.html#read/1) would have the return type `{:ok, binary()} or {:error, posix()}`, quite similar to today's typespecs.
+In the upcoming v1.18 release, Elixir's new type system will support tuple types, and they are written between curly brackets. For example, the [`File.read/1` function](https://hexdocs.pm/elixir/File.html#read/1) would have the return type `{:ok, binary()} or {:error, posix()}`, quite similar to today's typespecs.
 
 The tuple type can also specify a minimum size, as you can also write: `{atom(), integer(), ...} `. This means the tuple has at least two elements, the first being an `atom()` and the second being an `integer()`. This definition is required for type inference in patterns and guards. After all, a guard `is_integer(elem(tuple, 1))` tells you the tuple has at least two elements, with the second one being an integer, but nothing about the other elements and the tuple overall size.
 
diff --git a/_posts/2024-03-05-veeps-elixir-case.markdown b/src/content/blog/veeps-elixir-case.md
similarity index 93%
rename from _posts/2024-03-05-veeps-elixir-case.markdown
rename to src/content/blog/veeps-elixir-case.md
index abea308f2..45e4924ad 100644
--- a/_posts/2024-03-05-veeps-elixir-case.markdown
+++ b/src/content/blog/veeps-elixir-case.md
@@ -1,12 +1,10 @@
 ---
-layout: post
 title: "Scaling a streaming service to hundreds of thousands of concurrent viewers at Veeps"
-authors:
-- Hugo Baraúna
-category: Elixir in Production
-excerpt: A case study of how Elixir is being used at Veeps.
-logo: /images/cases/logos/veeps.svg
-tags: streaming scaling web
+excerpt: "A case study of how Elixir is being used at Veeps."
+date: 2024-03-05
+author: "Hugo Baraúna"
+category: "Elixir in Production"
+tags: ["streaming", "scaling", "web"]
 ---
 
 *Welcome to our series of [case studies about companies using Elixir in production](/cases.html).*
@@ -71,7 +69,7 @@ Different parts of the Veeps system have different scalability requirements. For
 
 Say you have 250,000 people watching a concert: the Beaconing service needs to handle thousands of requests per second for a few hours at a time. As a result, it needs to scale differently from other parts of the system, such as the merchandise e-commerce or backstage management.
 
-To tackle this issue, they built a distributed system. They packaged each subsystem as an [Elixir release](https://elixir.hexdocs.pm/1.18.3/config-and-releases.html#releases), totaling five releases. For the communication layer, they used distributed Erlang, which is built into Erlang/OTP, allowing seamless inter-process communication across networked nodes.
+To tackle this issue, they built a distributed system. They packaged each subsystem as an [Elixir release](https://hexdocs.pm/elixir/config-and-releases.html#releases), totaling five releases. For the communication layer, they used distributed Erlang, which is built into Erlang/OTP, allowing seamless inter-process communication across networked nodes.
 
 In a nutshell, each node contains several processes with specific responsibilities. Each of these processes belongs to their respective [distributed process group](https://www.erlang.org/doc/man/pg.html). If node A needs billing information, it will reach out to any process within the "billing process group", which may be anywhere in the cluster.
 
@@ -80,9 +78,9 @@ When deploying a new version of the system, they deploy a new cluster altogether
 
 ### Service-oriented architecture within a monorepo
 
-Although they run a distributed system, they organize the code in only one repository, following the monorepo approach. To do that, they use the [Umbrella Project feature](https://elixir.hexdocs.pm/1.18.3/dependencies-and-umbrella-projects.html#content) from Mix, the build tool that ships with Elixir.
+Although they run a distributed system, they organize the code in only one repository, following the monorepo approach. To do that, they use the [Umbrella Project feature](https://hexdocs.pm/elixir/dependencies-and-umbrella-projects.html#content) from Mix, the build tool that ships with Elixir.
 
-Their umbrella project consists of 16 applications (at the time of writing), which they [sliced into five OTP releases](https://mix.hexdocs.pm/Mix.Tasks.Release.html#module-umbrellas). The remaining applications contain code that needs to be shared between multiple applications. For example, one of the shared applications defines all the structs sent as messages across the subsystems, guaranteeing that all subsystems use the same schemas for that exchanged data.
+Their umbrella project consists of 16 applications (at the time of writing), which they [sliced into five OTP releases](https://hexdocs.pm/mix/Mix.Tasks.Release.html#module-umbrellas). The remaining applications contain code that needs to be shared between multiple applications. For example, one of the shared applications defines all the structs sent as messages across the subsystems, guaranteeing that all subsystems use the same schemas for that exchanged data.
 
 > With umbrella projects, you can have the developer experience benefits of a single code repository, while being able to build a service-oriented architecture.
 >
@@ -91,7 +89,7 @@ Their umbrella project consists of 16 applications (at the time of writing), whi
 
 ### Reducing complexity with the Erlang/Elixir toolbox
 
-Veeps has an e-commerce platform that allows concert viewers to purchase artist merchandise. In e-commerce, a common concept is a shopping cart. Veeps associates each shopping cart as a [GenServer](https://elixir.hexdocs.pm/GenServer.html), which is a lightweight process managed by the Erlang VM.
+Veeps has an e-commerce platform that allows concert viewers to purchase artist merchandise. In e-commerce, a common concept is a shopping cart. Veeps associates each shopping cart as a [GenServer](https://hexdocs.pm/elixir/GenServer.html), which is a lightweight process managed by the Erlang VM.
 
 This decision made it easier for them to implement other business requirements, such as locking the cart during payments and shopping cart expiration. Since each cart is a process, the expiration is as simple as sending a message to a cart process based on a timer, which is easy to do using GenServers.
 
diff --git a/_posts/2024-08-15-welcome-elixir-language-server-team.markdown b/src/content/blog/welcome-elixir-language-server-team.md
similarity index 95%
rename from _posts/2024-08-15-welcome-elixir-language-server-team.markdown
rename to src/content/blog/welcome-elixir-language-server-team.md
index e4d13a79b..0c3b5c4b8 100644
--- a/_posts/2024-08-15-welcome-elixir-language-server-team.markdown
+++ b/src/content/blog/welcome-elixir-language-server-team.md
@@ -1,10 +1,10 @@
 ---
-layout: post
 title: "Announcing the official Elixir Language Server team"
-authors:
-- José Valim
-category: Announcements
-excerpt: "Announcing the official Elixir Language Server team to work on the code intelligence infrastructure to be used across tools and editors"
+excerpt: "Announcing the official Elixir Language Server team to work on the code intelligence infrastructure to be used across tools and editors."
+date: 2024-08-15
+author: "José Valim"
+category: "Announcements"
+tags: []
 ---
 
 > Update: [the new language server is called Expert and is currently available in alpha as open source](https://github.com/elixir-lang/expert). Companies wanting to directly sponsor work on Expert, please reach out to [Dan Janowski](mailto:sponsor+expert@erlef.org) from the [Erlang Ecosystem Foundation](https://erlef.org), which has kindly stepped in to manage and bring visibility into the project sponsorships.
@@ -62,7 +62,7 @@ Some ecosystems have undertaken [multi-year efforts to redesign their compilers
 
 For example, every Language Server implementation compiles their own version of a project, making it so every application and its dependencies have to be compiled twice in development: once for Mix and once for the Language Server. Wouldn't it be nice if Elixir and the Language Servers could all rely on the same compilation artifacts?
 
-This is not news to the Elixir team either: almost every Elixir release within the last 3 years has shipped new code analysis APIs, such as [Code.Fragment](https://elixir.hexdocs.pm/Code.Fragment.html), with the goal of removing duplication across Language Servers, [IEx](https://iex.hexdocs.pm), and [Livebook](https://livebook.dev/), as well as reduce their reliance on internal Elixir modules. Most recently, Elixir v1.17 shipped with [new APIs to help developers emulate the compiler behaviour](https://elixir.hexdocs.pm/Macro.Env.html). Our goal is to make these building blocks available for all Elixir developers, so their benefits are reaped beyond the language server tooling.
+This is not news to the Elixir team either: almost every Elixir release within the last 3 years has shipped new code analysis APIs, such as [Code.Fragment](https://hexdocs.pm/elixir/Code.Fragment.html), with the goal of removing duplication across Language Servers, [IEx](https://hexdocs.pm/iex), and [Livebook](https://livebook.dev/), as well as reduce their reliance on internal Elixir modules. Most recently, Elixir v1.17 shipped with [new APIs to help developers emulate the compiler behaviour](https://hexdocs.pm/elixir/Macro.Env.html). Our goal is to make these building blocks available for all Elixir developers, so their benefits are reaped beyond the language server tooling.
 
 Furthermore, as [set-theoretic types make their way into Elixir](https://elixir-lang.org/blog/2024/06/12/elixir-v1-17-0-released/), we also want to provide official APIs to integrate them into our tools.
 
diff --git a/src/content/cases/change-org.md b/src/content/cases/change-org.md
new file mode 100644
index 000000000..4a054f847
--- /dev/null
+++ b/src/content/cases/change-org.md
@@ -0,0 +1,11 @@
+---
+title: "Delivering social change with Elixir at Change.org"
+summary: "Change.org is a social change platform, with over 400 million users worldwide. Two years ago, their engineering team faced a challenge to migrate their messaging system from an external vendor to an in-house solution, to reduce costs and gain flexibility."
+company: "Change.org"
+logo: "../../assets/logos/change.png"
+logoAlt: "Change.org logo"
+url: "/blog/2020/10/27/delivering-social-change-with-elixir-at-change.org/"
+tags: ["social", "broadway"]
+date: 2020-10-27
+flagship: true
+---
diff --git a/src/content/cases/community.md b/src/content/cases/community.md
new file mode 100644
index 000000000..5b4a93f38
--- /dev/null
+++ b/src/content/cases/community.md
@@ -0,0 +1,10 @@
+---
+title: "Social messaging with Elixir at Community"
+summary: "Community is a platform that enables instant and direct communication with the people you want to reach, using the simplicity of text messaging. Used by names like Paul McCartney, Metallica, and Barack Obama, Community connects small businesses, stars, and high-profile individuals directly to their audiences."
+company: "Community"
+logo: "../../assets/logos/community.png"
+logoAlt: "Community logo"
+url: "/blog/2021/02/03/social-messaging-with-elixir-at-community/"
+tags: ["messaging", "broadway"]
+date: 2021-02-03
+---
diff --git a/src/content/cases/cyanview.md b/src/content/cases/cyanview.md
new file mode 100644
index 000000000..e8eb1af11
--- /dev/null
+++ b/src/content/cases/cyanview.md
@@ -0,0 +1,10 @@
+---
+title: "Coordinating Super Bowl's visual fidelity with Elixir"
+summary: "The answer is: by using the craft of camera shading, which involves adjusting each camera to ensure they match up in color, exposure and various other visual aspects."
+company: "Cyanview"
+logo: "../../assets/logos/cyanview.png"
+logoAlt: "Cyanview logo"
+url: "/blog/2025/03/25/cyanview-elixir-case/"
+tags: ["superbowl", "mqtt"]
+date: 2025-03-25
+---
diff --git a/src/content/cases/discord.md b/src/content/cases/discord.md
new file mode 100644
index 000000000..bf29b6d28
--- /dev/null
+++ b/src/content/cases/discord.md
@@ -0,0 +1,12 @@
+---
+title: "Real time communication at scale with Elixir at Discord"
+summary: "Founded in 2015 by Jason Citron and Stan Vishnevskiy, Discord is a permanent, invite-only space for your communities and friends, where people can hop between voice, video, and text, depending on how they want to talk, letting them have conversations in a very natural or authentic way."
+company: "Discord"
+logo: "../../assets/logos/discord.svg"
+logoAlt: "Discord logo"
+url: "/blog/2020/10/08/real-time-communication-at-scale-with-elixir-at-discord/"
+tags: ["real-time", "genstage", "otp"]
+date: 2020-10-08
+flagship: true
+priority: 1
+---
diff --git a/src/content/cases/duffel.md b/src/content/cases/duffel.md
new file mode 100644
index 000000000..f47074a98
--- /dev/null
+++ b/src/content/cases/duffel.md
@@ -0,0 +1,10 @@
+---
+title: "Integrating travel with Elixir at Duffel"
+summary: "Duffel is building the new software backbone of the travel industry. Their first product is the Flights API, a developer-friendly platform that enables any business to instantly search flights, make bookings, reserve seats, and sell paid extras like checked bags."
+company: "Duffel"
+logo: "../../assets/logos/duffel.png"
+logoAlt: "Duffel logo"
+url: "/blog/2020/12/10/integrating-travel-with-elixir-at-duffel/"
+tags: ["api", "integration", "xml"]
+date: 2020-12-10
+---
diff --git a/src/content/cases/farmbot.md b/src/content/cases/farmbot.md
new file mode 100644
index 000000000..21d0c14e3
--- /dev/null
+++ b/src/content/cases/farmbot.md
@@ -0,0 +1,10 @@
+---
+title: "Embedded Elixir at Farmbot"
+summary: "FarmBot is an open-source precision agriculture CNC farming project that includes a robot farming machine, software, and documentation including a farming data repository. FarmBot's machines use IoT technology to make it easy for farmers to remotely manage their gardens."
+company: "Farmbot"
+logo: "../../assets/logos/farmbot.png"
+logoAlt: "Farmbot logo"
+url: "/blog/2020/08/20/embedded-elixir-at-farmbot/"
+tags: ["embedded", "nerves"]
+date: 2020-08-20
+---
diff --git a/src/content/cases/heroku.md b/src/content/cases/heroku.md
new file mode 100644
index 000000000..e458027ab
--- /dev/null
+++ b/src/content/cases/heroku.md
@@ -0,0 +1,10 @@
+---
+title: "PaaS with Elixir at Heroku"
+summary: "Heroku provides services and tools to build, run, and scale web applications. They enable developers and teams to focus on the design and craft of their apps. Heroku started development back in 2007, focused on the Ruby programming language, and since then, they have expanded to support multiple runtimes."
+company: "Heroku"
+logo: "../../assets/logos/heroku.svg"
+logoAlt: "Heroku logo"
+url: "/blog/2020/09/24/paas-with-elixir-at-heroku/"
+tags: ["paas", "phoenix"]
+date: 2020-09-24
+---
diff --git a/src/content/cases/met-france.md b/src/content/cases/met-france.md
new file mode 100644
index 000000000..fb9cfae3e
--- /dev/null
+++ b/src/content/cases/met-france.md
@@ -0,0 +1,10 @@
+---
+title: "Embracing open data with Elixir at the Ministry of Ecological Transition"
+summary: "A group of initiatives towards innovation and open data has given the opportunity for Elixir to play a central role in exploring, validating, and visualizing transportation data across all of France."
+company: "Ministry of Ecological Transition"
+logo: "../../assets/logos/met-france.svg"
+logoAlt: "Ministry of Ecological Transition logo"
+url: "/blog/2021/11/10/embracing-open-data-with-elixir-at-the-ministry-of-ecological-transition-in-france/"
+tags: ["open-data", "gov", "phoenix"]
+date: 2021-11-10
+---
diff --git a/src/content/cases/pepsico.md b/src/content/cases/pepsico.md
new file mode 100644
index 000000000..edd1c86a5
--- /dev/null
+++ b/src/content/cases/pepsico.md
@@ -0,0 +1,10 @@
+---
+title: "Marketing and sales intelligence with Elixir at PepsiCo"
+summary: "PepsiCo is one of the world's leading food and beverage companies serving more than 200 countries and territories around the world. Today Elixir is used at varying capacities inside PepsiCo by six different teams."
+company: "PepsiCo"
+logo: "../../assets/logos/pepsico.png"
+logoAlt: "PepsiCo logo"
+url: "/blog/2021/04/02/marketing-and-sales-intelligence-with-elixir-at-pepsico/"
+tags: ["biz-intelligence", "phoenix"]
+date: 2021-04-02
+---
diff --git a/src/content/cases/remote.md b/src/content/cases/remote.md
new file mode 100644
index 000000000..f334ecc84
--- /dev/null
+++ b/src/content/cases/remote.md
@@ -0,0 +1,10 @@
+---
+title: "Growing from zero to unicorn with Elixir"
+summary: "Remote is the everywhere employment platform enabling companies to find, hire, manage, and pay people anywhere across the world. Founded in 2019, they reached unicorn status in just over two years and have continued their rapid growth trajectory since."
+company: "Remote"
+logo: "../../assets/logos/remote.png"
+logoAlt: "Remote logo"
+url: "/blog/2025/01/21/remote-elixir-case/"
+tags: ["growth", "team", "web"]
+date: 2025-01-21
+---
diff --git a/src/content/cases/slab.md b/src/content/cases/slab.md
new file mode 100644
index 000000000..7c20112a9
--- /dev/null
+++ b/src/content/cases/slab.md
@@ -0,0 +1,10 @@
+---
+title: "Real-time collaboration with Elixir at Slab"
+summary: "Slab is a knowledge base and team wiki that democratizes knowledge. Jason Chen started Slab in August 2016, after picking Elixir and Phoenix as the best tools to build real-time collaborative applications. The company has grown to 6 engineers since then, distributed worldwide, and relied upon by more than 7000 companies."
+company: "Slab"
+logo: "../../assets/logos/slab.png"
+logoAlt: "Slab logo"
+url: "/blog/2020/11/17/real-time-collaboration-with-elixir-at-slab/"
+tags: ["collab", "phoenix", "otp"]
+date: 2020-11-17
+---
diff --git a/src/content/cases/sparkmeter.md b/src/content/cases/sparkmeter.md
new file mode 100644
index 000000000..c70438e19
--- /dev/null
+++ b/src/content/cases/sparkmeter.md
@@ -0,0 +1,10 @@
+---
+title: "Embedded and cloud Elixir for grid-management"
+summary: "SparkMeter is a company on a mission to increase access to electricity. They offer grid-management solutions that enable utilities in emerging markets to run financially-sustainable efficient, and reliable systems."
+company: "SparkMeter"
+logo: "../../assets/logos/sparkmeter.png"
+logoAlt: "SparkMeter logo"
+url: "/blog/2023/03/09/embedded-and-cloud-elixir-at-sparkmeter/"
+tags: ["energy", "iot", "nerves"]
+date: 2023-03-09
+---
diff --git a/src/content/cases/v7.md b/src/content/cases/v7.md
new file mode 100644
index 000000000..98a428151
--- /dev/null
+++ b/src/content/cases/v7.md
@@ -0,0 +1,10 @@
+---
+title: "Orchestrating computer vision with Elixir at V7"
+summary: "V7 is a web platform to create the sense of sight. A hub for machine learning and software engineers to develop their computer vision projects with data set management, image/video labeling, and one-click model training to automate any visual task."
+company: "V7"
+logo: "../../assets/logos/v7.png"
+logoAlt: "V7 logo"
+url: "/blog/2021/01/13/orchestrating-computer-vision-with-elixir-at-v7/"
+tags: ["computer-vision", "phoenix"]
+date: 2021-01-13
+---
diff --git a/src/content/cases/veeps.md b/src/content/cases/veeps.md
new file mode 100644
index 000000000..decfe1b15
--- /dev/null
+++ b/src/content/cases/veeps.md
@@ -0,0 +1,10 @@
+---
+title: "Scaling a streaming service to hundreds of thousands of concurrent viewers"
+summary: "Veeps is a streaming service that offers direct access to live and on-demand events by award-winning artists at the most iconic venues. Founded in 2018, it became part of Live Nation Entertainment in 2021."
+company: "Veeps"
+logo: "../../assets/logos/veeps.svg"
+logoAlt: "Veeps logo"
+url: "/blog/2024/03/05/veeps-elixir-case/"
+tags: ["streaming", "scaling", "web"]
+date: 2024-03-05
+---
diff --git a/src/content/cases/x-plane.md b/src/content/cases/x-plane.md
new file mode 100644
index 000000000..266dac6bb
--- /dev/null
+++ b/src/content/cases/x-plane.md
@@ -0,0 +1,10 @@
+---
+title: "Bootstrapping a multiplayer server with Elixir at X-Plane"
+summary: "X-Plane 11 is the world's most comprehensive and powerful flight simulator for personal computers and mobile devices. X-Plane is not a game but an engineering tool created by Laminar Research that can be used to predict the flying qualities of fixed- and rotary-wing aircraft with incredible accuracy."
+company: "X-Plane"
+logo: "../../assets/logos/x-plane.png"
+logoAlt: "X-Plane logo"
+url: "/blog/2021/07/29/bootstraping-a-multiplayer-server-with-elixir-at-x-plane/"
+tags: ["multiplayer", "udp", "otp"]
+date: 2021-07-29
+---
diff --git a/src/content/config.ts b/src/content/config.ts
new file mode 100644
index 000000000..696a2e611
--- /dev/null
+++ b/src/content/config.ts
@@ -0,0 +1,135 @@
+import { defineCollection, type SchemaContext, z } from "astro:content";
+import { glob } from "astro/loaders";
+
+// Blog posts migrated from elixir-lang.github.com. URLs built as
+// /blog/YYYY/MM/DD/<slug>/ via blogPostUrl in lib/content-loaders.ts.
+const blog = defineCollection({
+  loader: glob({ pattern: "**/*.{md,mdx}", base: "./src/content/blog" }),
+  schema: z.object({
+    title: z.string(),
+    excerpt: z.string(),
+    date: z.coerce.date(),
+    author: z.string(),
+    authorRole: z.string().optional(),
+    /** Drives which tab the post appears under on /blog/. Posts that don't
+     *  match an existing category fall through to "Announcements". */
+    category: z
+      .enum(["Releases", "Announcements", "Elixir in Production", "Internals"])
+      .default("Announcements"),
+    /** Free-form tags (legacy Jekyll `tags: release announcement` field).
+     *  Not surfaced in the index but kept for SEO + future filtering. */
+    tags: z.array(z.string()).default([]),
+    slug: z.string().optional(),
+    cover: z.string().optional(),
+    coverAlt: z.string().optional(),
+    draft: z.boolean().default(false),
+    featured: z.boolean().default(false),
+  }),
+});
+
+/* `elixirVersions` - one .md file per released Elixir version. Drives the
+ * static /docs/ page (current version hero + historical version cards). */
+const elixirVersions = defineCollection({
+  loader: glob({
+    pattern: "**/*.{md,mdx}",
+    base: "./src/content/elixir-versions",
+  }),
+  schema: z.object({
+    /** Display label, e.g. "v1.20". */
+    name: z.string(),
+    /** Sortable numeric value: 1.20, 1.19, etc. */
+    sortKey: z.number(),
+    /** Concrete patch version used in HexDocs URLs (e.g. "1.20.2"). */
+    version: z.string(),
+    /** Supported OTP majors, ascending order (e.g. [26, 27, 28]). */
+    otpVersions: z.array(z.number()).default([]),
+    /** Minimum supported OTP release, preserving the minor component. */
+    minimumOtp: z.string().optional(),
+    /** Recommended OTP release for new installations. */
+    recommendedOtp: z.string().optional(),
+  }),
+});
+
+// Case studies migrated from elixir-lang.org's "Elixir in Production"
+// series; each entry links out via its `url` field.
+const cases = defineCollection({
+  loader: glob({ pattern: "**/*.{md,mdx}", base: "./src/content/cases" }),
+  schema: ({ image }: SchemaContext) =>
+    z.object({
+      /** Card heading shown in , etc. */
+      title: z.string(),
+      /** Card body paragraph (2-3 sentences, clamped to 3 lines in UI). */
+      summary: z.string(),
+      /** Brand name - used for alt text on the logo and SEO. */
+      company: z.string(),
+      /** Logo wordmark rendered inside the 240px-tall image cell. */
+      logo: image(),
+      /** Optional plain-text fallback if the image fails to load. */
+      logoAlt: z.string().optional(),
+      /** Internal path to the corresponding blog post. */
+      url: z.string().startsWith("/"),
+      /** Lowercase tag list, e.g. ["growth", "team", "web"]. Rendered
+       *  capitalized in the UI with bullet separators. */
+      tags: z.array(z.string()).default([]),
+      /** Publish date - drives sort order (newest first). */
+      date: z.coerce.date(),
+      /** True for cases that should appear first regardless of date. */
+      flagship: z.boolean().default(false),
+      priority: z.number().default(0),
+      draft: z.boolean().default(false),
+    }),
+});
+
+const learning = defineCollection({
+  loader: glob({ pattern: "**/*.{md,mdx}", base: "./src/content/learning" }),
+  schema: ({ image }: SchemaContext) =>
+    z.object({
+      title: z.string(),
+      description: z.string(),
+      type: z.enum([
+        "book",
+        "course",
+        "video",
+        "tutorial",
+        "podcast",
+        "article",
+      ]),
+      /** Drives which tab a resource appears under on /learning/. */
+      category: z
+        .enum(["books", "in-depth-books", "courses", "screencasts", "other"])
+        .default("books"),
+      level: z
+        .enum(["beginner", "intermediate", "advanced"])
+        .default("beginner"),
+      author: z.string().optional(),
+      url: z.string().url().optional(),
+      cover: image().optional(),
+      coverAlt: z.string().optional(),
+      /** Edge-to-edge cover (no frame/padding) for entries whose cover
+       * image already includes its own background. */
+      coverBleed: z.boolean().default(false),
+      /** Display order within a tab - lower numbers first. */
+      order: z.number().default(0),
+      free: z.boolean().default(true),
+      featured: z.boolean().default(false),
+      draft: z.boolean().default(false),
+    }),
+});
+
+const standalonePages = defineCollection({
+  loader: glob({
+    pattern: "**/*.{md,mdx}",
+    base: "./src/content/standalone-pages",
+  }),
+  schema: z.object({
+    title: z.string(),
+  }),
+});
+
+export const collections = {
+  blog,
+  cases,
+  learning,
+  elixirVersions,
+  standalonePages,
+};
diff --git a/src/content/elixir-versions/v1-15.md b/src/content/elixir-versions/v1-15.md
new file mode 100644
index 000000000..48dce0656
--- /dev/null
+++ b/src/content/elixir-versions/v1-15.md
@@ -0,0 +1,7 @@
+---
+name: "v1.15"
+sortKey: 1.15
+version: "1.15.8"
+otpVersions: [24, 25, 26]
+---
+
diff --git a/src/content/elixir-versions/v1-16.md b/src/content/elixir-versions/v1-16.md
new file mode 100644
index 000000000..543d601f7
--- /dev/null
+++ b/src/content/elixir-versions/v1-16.md
@@ -0,0 +1,7 @@
+---
+name: "v1.16"
+sortKey: 1.16
+version: "1.16.3"
+otpVersions: [24, 25, 26]
+---
+
diff --git a/src/content/elixir-versions/v1-17.md b/src/content/elixir-versions/v1-17.md
new file mode 100644
index 000000000..c694c3816
--- /dev/null
+++ b/src/content/elixir-versions/v1-17.md
@@ -0,0 +1,7 @@
+---
+name: "v1.17"
+sortKey: 1.17
+version: "1.17.3"
+otpVersions: [25, 26, 27]
+---
+
diff --git a/src/content/elixir-versions/v1-18.md b/src/content/elixir-versions/v1-18.md
new file mode 100644
index 000000000..8d51ed0d2
--- /dev/null
+++ b/src/content/elixir-versions/v1-18.md
@@ -0,0 +1,7 @@
+---
+name: "v1.18"
+sortKey: 1.18
+version: "1.18.4"
+otpVersions: [25, 26, 27]
+---
+
diff --git a/src/content/elixir-versions/v1-19.md b/src/content/elixir-versions/v1-19.md
new file mode 100644
index 000000000..95b0835a7
--- /dev/null
+++ b/src/content/elixir-versions/v1-19.md
@@ -0,0 +1,6 @@
+---
+name: "v1.19"
+sortKey: 1.19
+version: "1.19.5"
+otpVersions: [26, 27, 28]
+---
diff --git a/src/content/elixir-versions/v1-20.md b/src/content/elixir-versions/v1-20.md
new file mode 100644
index 000000000..c4fa67926
--- /dev/null
+++ b/src/content/elixir-versions/v1-20.md
@@ -0,0 +1,8 @@
+---
+name: "v1.20"
+sortKey: 1.20
+version: "1.20.2"
+otpVersions: [27, 28, 29]
+minimumOtp: "27.0"
+recommendedOtp: "28.4"
+---
diff --git a/src/content/learning/adopting-elixir.md b/src/content/learning/adopting-elixir.md
new file mode 100644
index 000000000..460892bf1
--- /dev/null
+++ b/src/content/learning/adopting-elixir.md
@@ -0,0 +1,16 @@
+---
+title: "Adopting Elixir"
+description: |
+  Adoption is more than programming. Elixir is an exciting new language, but to successfully get your application from start to finish, you're going to need to know more than just the language. You need the case studies and strategies in this book.
+
+  Learn the best practices for the whole life of your application, from design and team-building, to managing stakeholders, to deployment and monitoring. Go beyond the syntax and the tools to learn the techniques you need to develop your Elixir application from concept to production.
+type: "book"
+category: "books"
+level: "intermediate"
+author: "Ben Marx, José Valim, Bruce Tate"
+url: "https://pragprog.com/titles/tvmelixir/adopting-elixir/"
+cover: "../../assets/learning/adopting-elixir.png"
+coverAlt: "Adopting Elixir book cover"
+order: 3
+free: false
+---
diff --git a/src/content/learning/alchemist-camp.md b/src/content/learning/alchemist-camp.md
new file mode 100644
index 000000000..6014924a4
--- /dev/null
+++ b/src/content/learning/alchemist-camp.md
@@ -0,0 +1,15 @@
+---
+title: "Alchemist Camp"
+description: |
+  Alchemist Camp is the largest producer of free Elixir screencasts and has dozens of hours of screencasts on YouTube. The videos are often longer-form and focused around projects, such as building a small Phoenix clone, or an OTP worker to regularly collect statistics from multiple APIs. Content is driven by viewer request.
+
+  Alchemist Camp is aimed at people who have some web development experience and want to ship real-world projects in Elixir.
+type: "video"
+category: "screencasts"
+level: "intermediate"
+url: "http://alchemist.camp"
+cover: "../../assets/learning/alchemist-camp.png"
+coverAlt: "Alchemist Camp cover"
+order: 3
+free: true
+---
diff --git a/src/content/learning/concurrent-data-processing.md b/src/content/learning/concurrent-data-processing.md
new file mode 100644
index 000000000..ae4540b86
--- /dev/null
+++ b/src/content/learning/concurrent-data-processing.md
@@ -0,0 +1,14 @@
+---
+title: "Concurrent Data Processing in Elixir"
+description: |
+  Learn different ways of writing concurrent code in Elixir and increase your application’s performance, without sacrificing scalability or fault-tolerance. Most projects benefit from running background tasks and processing data concurrently, but the world of OTP and various libraries can be challenging. Which Supervisor and what strategy to use? What about GenServer? Maybe you need back-pressure, but is GenStage, Flow, or Broadway a better choice? You will learn everything you need to know to answer these questions, start building highly concurrent applications in no time, and write code that’s not only fast, but also resilient to errors and easy to scale.
+type: "book"
+category: "in-depth-books"
+level: "advanced"
+author: "Svilen Gospodinov"
+url: "https://pragprog.com/titles/sgdpelixir/concurrent-data-processing-in-elixir"
+cover: "../../assets/learning/concurrent-data-processing.jpg"
+coverAlt: "Concurrent Data Processing in Elixir cover"
+order: 3
+free: false
+---
diff --git a/src/content/learning/designing-elixir-systems-otp.md b/src/content/learning/designing-elixir-systems-otp.md
new file mode 100644
index 000000000..950b454c6
--- /dev/null
+++ b/src/content/learning/designing-elixir-systems-otp.md
@@ -0,0 +1,14 @@
+---
+title: "Designing Elixir Systems with OTP"
+description: |
+  You know how to code in Elixir; now learn to think in it. Learn to design libraries with intelligent layers that shape the right data structures, flow from one function into the next, and present the right APIs. Embrace the same OTP that's kept our telephone systems reliable and fast for over 30 years. Move beyond understanding the OTP functions to knowing what's happening under the hood, and why that matters. Using that knowledge, instinctively know how to design systems that deliver fast and resilient services to your users, all with an Elixir focus.
+type: "book"
+category: "in-depth-books"
+level: "advanced"
+author: "James Edward Gray, II and Bruce A. Tate"
+url: "https://pragprog.com/titles/jgotp/designing-elixir-systems-with-otp/"
+cover: "../../assets/learning/designing-elixir-systems.jpg"
+coverAlt: "Designing Elixir Systems with OTP cover"
+order: 2
+free: false
+---
diff --git a/src/content/learning/educative-metaprogramming.md b/src/content/learning/educative-metaprogramming.md
new file mode 100644
index 000000000..894690c1d
--- /dev/null
+++ b/src/content/learning/educative-metaprogramming.md
@@ -0,0 +1,13 @@
+---
+title: "Educative.io's Metaprogramming in Elixir Course"
+description: |
+  Get introduced to the concept of metaprogramming. Learn how to level up your programming skills by discovering the full potential of the macro system in Elixir. Understand the ins and outs of metaprogramming at a fundamental level and write incredible libraries by doing more with less code.
+type: "course"
+category: "courses"
+level: "advanced"
+url: "https://www.educative.io/courses/metaprogramming-elixir"
+cover: "../../assets/learning/educative-io-metaprogramming.png"
+coverAlt: "Educative.io's Metaprogramming in Elixir Course cover"
+order: 7
+free: false
+---
diff --git a/src/content/learning/elixir-in-action.md b/src/content/learning/elixir-in-action.md
new file mode 100644
index 000000000..0fa87af0b
--- /dev/null
+++ b/src/content/learning/elixir-in-action.md
@@ -0,0 +1,17 @@
+---
+title: "Elixir in Action"
+description: |
+  Elixir in Action is a tutorial book that aims to bring developers new to Elixir and Erlang to the point where they can develop complex systems on their own. No knowledge about Elixir, Erlang, or functional programming is required, but it is assumed that a reader has a few years of production experience using mainstream OO languages, for example C#, Java, Python, or Ruby.
+
+  The book starts with a basic introduction to the Elixir language and functional programming idioms. The central part of the book deals with Erlang VM and OTP, discussing topics such as concurrent programming, fault-tolerance, and distributed systems. Finally, you'll learn how to package your code into components, create a standalone deployable release, and troubleshoot the running system. The theory is demonstrated through a simplistic example that is gradually expanded throughout the book into a fully standalone releasable system.
+type: "book"
+category: "books"
+level: "intermediate"
+author: "Saša Jurić"
+url: "https://www.manning.com/books/elixir-in-action-third-edition"
+cover: "../../assets/learning/elixir-in-action.png"
+coverAlt: "Elixir in Action book cover"
+order: 1
+free: false
+featured: true
+---
diff --git a/src/content/learning/elixir-koans.md b/src/content/learning/elixir-koans.md
new file mode 100644
index 000000000..4a7d61335
--- /dev/null
+++ b/src/content/learning/elixir-koans.md
@@ -0,0 +1,13 @@
+---
+title: "Elixir Koans"
+description: |
+  Elixir koans is a fun, easy way to get started with the Elixir programming language. It is an idiomatic tour of the language.
+type: "tutorial"
+category: "other"
+level: "beginner"
+url: "https://github.com/elixirkoans/elixir-koans"
+cover: "../../assets/learning/elixir-koans-logo.png"
+coverAlt: "Elixir Koans cover"
+order: 2
+free: true
+---
diff --git a/src/content/learning/elixir-school.md b/src/content/learning/elixir-school.md
new file mode 100644
index 000000000..3f9b16274
--- /dev/null
+++ b/src/content/learning/elixir-school.md
@@ -0,0 +1,13 @@
+---
+title: "Elixir School"
+description: |
+  Elixir-School is an open and community driven effort inspired by Twitter's Scala School. The site's content consists of peer-reviewed lessons on various Elixir topics that range in difficulty. The lessons are currently available in over 10 languages to help make programming Elixir more accessible to non-English speakers.
+type: "course"
+category: "courses"
+level: "beginner"
+url: "http://elixirschool.com"
+cover: "../../assets/learning/elixir-school.jpg"
+coverAlt: "Elixir School cover"
+order: 1
+free: true
+---
diff --git a/src/content/learning/elixir-streams.md b/src/content/learning/elixir-streams.md
new file mode 100644
index 000000000..04be29bbe
--- /dev/null
+++ b/src/content/learning/elixir-streams.md
@@ -0,0 +1,13 @@
+---
+title: "ElixirStreams"
+description: |
+  ElixirStreams provides free video tips (under 3 mins!) covering a variety of Elixir and Phoenix topics. The videos help you sharpen the saw as you learn about new tools and tricks, and they keep you up to date with the latest developments in the language.
+type: "video"
+category: "screencasts"
+level: "beginner"
+url: "https://elixirstreams.com"
+cover: "../../assets/learning/elixir-streams-logo.png"
+coverAlt: "ElixirStreams cover"
+order: 1
+free: true
+---
diff --git a/src/content/learning/elixir-succinctly.md b/src/content/learning/elixir-succinctly.md
new file mode 100644
index 000000000..0382c3951
--- /dev/null
+++ b/src/content/learning/elixir-succinctly.md
@@ -0,0 +1,13 @@
+---
+title: "Elixir Succinctly"
+description: |
+  Elixir Succinctly is a free ebook to start learning Elixir. It covers the installation and the first steps with the language and the syntax. It then describes the Erlang/OTP platform, describing messages, processes, and GenServer. The final part covers the building of a sample Elixir application.
+type: "book"
+category: "books"
+level: "beginner"
+url: "https://www.syncfusion.com/ebooks/elixir-succinctly"
+cover: "../../assets/learning/elixir-succinctly.png"
+coverAlt: "Elixir Succinctly cover"
+order: 7
+free: true
+---
diff --git a/src/content/learning/elixircasts.md b/src/content/learning/elixircasts.md
new file mode 100644
index 000000000..9eeda34fa
--- /dev/null
+++ b/src/content/learning/elixircasts.md
@@ -0,0 +1,15 @@
+---
+title: "ElixirCasts.io"
+description: |
+  ElixirCasts is a collection of simple screencasts that cover a wide range of Elixir and Phoenix topics. Each episode tackles a specific problem or explores a new library, demystifying it in a language that's easy to understand.
+
+  Episodes range from beginner focused to more moderate and advanced topics. Come build your knowledge of Elixir with us, one episode at a time.
+type: "video"
+category: "screencasts"
+level: "intermediate"
+url: "https://elixircasts.io"
+cover: "../../assets/learning/elixircasts.png"
+coverAlt: "ElixirCasts.io cover"
+order: 2
+free: true
+---
diff --git a/src/content/learning/erlang-in-anger.md b/src/content/learning/erlang-in-anger.md
new file mode 100644
index 000000000..49502eaec
--- /dev/null
+++ b/src/content/learning/erlang-in-anger.md
@@ -0,0 +1,14 @@
+---
+title: "Erlang in Anger"
+description: |
+  This book intends to be a little guide about how to be the Erlang medic in a time of war. It is first and foremost a collection of tips and tricks to help understand where failures come from, and a dictionary of different code snippets and practices that helped developers debug production systems that were built in Erlang.
+type: "book"
+category: "in-depth-books"
+level: "advanced"
+author: "Fred Hebert"
+url: "http://www.erlang-in-anger.com"
+cover: "../../assets/learning/erlang-in-anger.png"
+coverAlt: "Erlang in Anger cover"
+order: 4
+free: true
+---
diff --git a/src/content/learning/exercism-elixir.md b/src/content/learning/exercism-elixir.md
new file mode 100644
index 000000000..2efee9171
--- /dev/null
+++ b/src/content/learning/exercism-elixir.md
@@ -0,0 +1,15 @@
+---
+title: "Exercism"
+description: |
+  Exercism is an open source platform that provides free practice and mentoring in many languages, including Elixir.
+  It features exercises of varying difficulty, from string processing to using OTP, that are mentored by volunteers.
+  Once you have completed an exercise you can also view other students' solutions.
+type: "tutorial"
+category: "other"
+level: "intermediate"
+url: "https://exercism.org/tracks/elixir"
+cover: "../../assets/learning/exercism-elixir.svg"
+coverAlt: "Exercism cover"
+order: 1
+free: true
+---
diff --git a/src/content/learning/groxio-elixir.md b/src/content/learning/groxio-elixir.md
new file mode 100644
index 000000000..48ba794b4
--- /dev/null
+++ b/src/content/learning/groxio-elixir.md
@@ -0,0 +1,15 @@
+---
+title: "grox.io's Elixir Course"
+description: |
+  Learning complex concepts like programming languages is best with multiple formats. Groxio's learning method embraces an interactive mini-book for beginners, video overviews for novices, an online book for presenting higher level concepts, videos with live coding to simulate advanced pair programming through projects meaningful to beginners and experts.
+
+  The Elixir module is a full program with a book with 80 pages, 8 videos, dozens of exercises, and two full test-first projects. Beginners can learn the language, and experts can fill in typical blind spots like writing sigils, building macros, and using streams.
+type: "course"
+category: "courses"
+level: "beginner"
+url: "https://grox.io/language/elixir/course"
+cover: "../../assets/learning/groxio-elixir.png"
+coverAlt: "grox.io's Elixir Course cover"
+order: 3
+free: false
+---
diff --git a/src/content/learning/groxio-otp.md b/src/content/learning/groxio-otp.md
new file mode 100644
index 000000000..a621b33d7
--- /dev/null
+++ b/src/content/learning/groxio-otp.md
@@ -0,0 +1,15 @@
+---
+title: "grox.io's OTP Course"
+description: |
+  This course teaches OTP from a design perspective by showing a system for breaking projects into layers. This course builds on those layering concepts with a 60 page book, 12 videos, projects, and curated links to go into deeper detail for tricky OTP concepts.
+
+  Understand how back-pressure works, step inside supervision trees, and learn to build your dynamic supervisors. Learn OTP for the first time, or solidify your intuition by building the base concepts by reading a book, watching videos, and working through guided projects using Groxio's blend of media, designed to take you from novice to expert.
+type: "course"
+category: "courses"
+level: "intermediate"
+url: "https://grox.io/language/otp/course"
+cover: "../../assets/learning/groxio-otp.png"
+coverAlt: "grox.io's OTP Course cover"
+order: 4
+free: false
+---
diff --git a/src/content/learning/joy-of-elixir.md b/src/content/learning/joy-of-elixir.md
new file mode 100644
index 000000000..88f2735a6
--- /dev/null
+++ b/src/content/learning/joy-of-elixir.md
@@ -0,0 +1,16 @@
+---
+title: "Joy of Elixir"
+description: |
+  Joy of Elixir is a gentle introduction to programming, aimed at people who already know some things about computers, but who have little-to-no programming experience.
+
+  This book will teach you the core concepts of the Elixir programming language in a fun and enjoyable way. If you're completely new to programming and you want to learn how to make a computer do things using the power of programming and you want to experience some joy while doing it, then read this book!
+type: "book"
+category: "books"
+level: "beginner"
+author: "Ryan Bigg"
+url: "https://joyofelixir.com/"
+cover: "../../assets/learning/joy-of-elixir.png"
+coverAlt: "Joy of Elixir book cover"
+order: 4
+free: true
+---
diff --git a/src/content/learning/learn-elixir-dev.md b/src/content/learning/learn-elixir-dev.md
new file mode 100644
index 000000000..7cf6f2039
--- /dev/null
+++ b/src/content/learning/learn-elixir-dev.md
@@ -0,0 +1,15 @@
+---
+title: "Learn-Elixir.dev"
+description: |
+  At your own pace, progress through 132 videos, 30 quizzes, 9 assignments, and 2 major projects of your choosing to demonstrate your working knowledge of a production-level quality of code. You’ll learn Syntax/Fundamentals, REST, GraphQL with Absinthe, Phoenix, OTP, Testing, Ecto, architecture, how to scale, how to go distributed, and more…
+
+  Found your start-up, migrate a codebase, build that app! Our midterm and final projects create a great win-win scenario for you to complete your personal project while mastering the language. Or if you’re more career-focused we can offer referrals, recommendations, or references and host your completed projects on GitHub to show hiring managers your proficiency programming Elixir.
+type: "course"
+category: "courses"
+level: "intermediate"
+url: "https://learn-elixir.dev"
+cover: "../../assets/learning/learn-elixir-dev.png"
+coverAlt: "Learn-Elixir.dev cover"
+order: 8
+free: false
+---
diff --git a/src/content/learning/learn-functional-programming-with-elixir.md b/src/content/learning/learn-functional-programming-with-elixir.md
new file mode 100644
index 000000000..eaa7507d0
--- /dev/null
+++ b/src/content/learning/learn-functional-programming-with-elixir.md
@@ -0,0 +1,14 @@
+---
+title: "Learn Functional Programming With Elixir"
+description: |
+  Elixir's straightforward syntax and this guided tour give you a clean, simple path to learn modern functional programming techniques. No previous functional programming experience required! This book walks you through the right concepts at the right pace, as you explore immutable values and explicit data transformation, functions, modules, recursive functions, pattern matching, high-order functions, polymorphism, and failure handling, all while avoiding side effects. Don't board the Elixir train with an imperative mindset! To get the most out of functional languages, you need to think functionally. This book will get you there.
+type: "book"
+category: "books"
+level: "beginner"
+author: "Ulisses Almeida"
+url: "https://pragprog.com/titles/cdc-elixir/learn-functional-programming-with-elixir/"
+cover: "../../assets/learning/learn-functional-programming.png"
+coverAlt: "Learn Functional Programming with Elixir book cover"
+order: 5
+free: false
+---
diff --git a/src/content/learning/learnelixir-tv.md b/src/content/learning/learnelixir-tv.md
new file mode 100644
index 000000000..79b62674d
--- /dev/null
+++ b/src/content/learning/learnelixir-tv.md
@@ -0,0 +1,15 @@
+---
+title: "LearnElixir.tv"
+description: |
+  LearnElixir.tv is a video course which provides in-depth, step-by-step videos about Elixir's main features. Videos range from 7 to 15 minutes in length.
+
+  It's intended to help beginners get familiar with all of Elixir's features by building their knowledge incrementally. Experienced Elixir developers might also learn a trick or two.
+type: "course"
+category: "courses"
+level: "beginner"
+url: "http://www.learnelixir.tv"
+cover: "../../assets/learning/learn-elixir-tv.png"
+coverAlt: "LearnElixir.tv cover"
+order: 6
+free: false
+---
diff --git a/src/content/learning/metaprogramming-elixir.md b/src/content/learning/metaprogramming-elixir.md
new file mode 100644
index 000000000..65c963800
--- /dev/null
+++ b/src/content/learning/metaprogramming-elixir.md
@@ -0,0 +1,14 @@
+---
+title: "Metaprogramming Elixir"
+description: |
+  Write code that writes code with Elixir macros. Macros make metaprogramming possible and define the language itself. In this book, you'll learn how to use macros to extend the language with fast, maintainable code and share functionality in ways you never thought possible. You'll discover how to extend Elixir with your own first-class features, optimize performance, and create domain-specific languages.
+type: "book"
+category: "in-depth-books"
+level: "advanced"
+author: "Chris McCord"
+url: "https://pragprog.com/titles/cmelixir/metaprogramming-elixir/"
+cover: "../../assets/learning/metaprogramming-elixir.jpg"
+coverAlt: "Metaprogramming Elixir cover"
+order: 1
+free: false
+---
diff --git a/src/content/learning/pragmatic-studio-elixir-otp.md b/src/content/learning/pragmatic-studio-elixir-otp.md
new file mode 100644
index 000000000..c0888ebf9
--- /dev/null
+++ b/src/content/learning/pragmatic-studio-elixir-otp.md
@@ -0,0 +1,17 @@
+---
+title: "Pragmatic Studio's Elixir/OTP Course"
+description: |
+  Put Elixir and OTP into action as you build a concurrent, fault-tolerant application from scratch in this 6-hour video course from The Pragmatic Studio. By developing a real app with real code, you'll gain practical experience putting all the pieces together to craft applications the Elixir/OTP way.
+
+  The first half of the course focuses on core Elixir facets, principles, and techniques. In the second half, we go beyond the basics and focus on what sets Elixir/OTP apart: concurrent processes, the actor model, OTP behaviors, and fault recovery.
+
+  If you're new to Elixir, you'll get step-by-step guidance in an engaging format you won't find anywhere else. If you have experience with Elixir, you'll gain a deeper understanding of things you've been taking for granted and fill in any knowledge gaps.
+type: "course"
+category: "courses"
+level: "intermediate"
+url: "https://pragmaticstudio.com/elixir"
+cover: "../../assets/learning/pragmaticstudio-elixir.png"
+coverAlt: "Pragmatic Studio's Elixir/OTP Course cover"
+order: 2
+free: false
+---
diff --git a/src/content/learning/programming-elixir.md b/src/content/learning/programming-elixir.md
new file mode 100644
index 000000000..bc92b73c4
--- /dev/null
+++ b/src/content/learning/programming-elixir.md
@@ -0,0 +1,16 @@
+---
+title: "Programming Elixir 1.6"
+description: |
+  This book is the introduction to Elixir for experienced programmers, completely updated for Elixir 1.6 and beyond. Explore functional programming without the academic overtones (tell me about monads just one more time). Create concurrent applications, but get them right without all the locking and consistency headaches.
+
+  Meet Elixir, a modern, functional, concurrent language built on the rock-solid Erlang VM. Elixir's pragmatic syntax and built-in support for metaprogramming will make you productive and keep you interested for the long haul. Maybe the time is right for the Next Big Thing. Maybe it's Elixir.
+type: "book"
+category: "books"
+level: "beginner"
+author: "Dave Thomas"
+url: "https://pragprog.com/titles/elixir16/programming-elixir-1-6/"
+cover: "../../assets/learning/programming-elixir.png"
+coverAlt: "Programming Elixir 1.6 book cover"
+order: 2
+free: false
+---
diff --git a/src/content/learning/techschool.md b/src/content/learning/techschool.md
new file mode 100644
index 000000000..a55666979
--- /dev/null
+++ b/src/content/learning/techschool.md
@@ -0,0 +1,13 @@
+---
+title: "TechSchool"
+description: |
+  TechSchool is an open-source platform that teaches programming through free YouTube videos and other websites. The goal is to make technology education accessible to everyone. It includes several Elixir courses and a complete Fullstack Elixir + Phoenix Bootcamp.
+type: "course"
+category: "courses"
+level: "beginner"
+url: "https://techschool.dev/en/bootcamps/fullstack-elixir-and-phoenix"
+cover: "../../assets/learning/techschool.png"
+coverAlt: "TechSchool cover"
+order: 9
+free: true
+---
diff --git a/src/content/learning/thinking-elixir-pattern-matching.md b/src/content/learning/thinking-elixir-pattern-matching.md
new file mode 100644
index 000000000..6ab471f04
--- /dev/null
+++ b/src/content/learning/thinking-elixir-pattern-matching.md
@@ -0,0 +1,17 @@
+---
+title: "ThinkingElixir.com's Pattern Matching Course"
+description: |
+  Pattern matching is a really powerful language feature. It is built in to almost every corner or Elixir. In order for you to even read Elixir code and follow along, you have to understand Pattern Matching.
+
+  Once you "get" pattern matching, it feels like a super power. Pattern Matching makes new patterns of coding possible. You start to unlearn some of the patterns you've used in other languages because now you can create even clearer and more elegant code than was possible before!
+
+  The course covers getting setup with Elixir, the data types, how to pattern match each of them, and more! An included TDD project helps you easily apply what you're learning.
+type: "course"
+category: "courses"
+level: "beginner"
+url: "https://thinkingelixir.com/available-courses/pattern-matching/"
+cover: "../../assets/learning/thinking-elixir-pattern-matching-course-tile-190px.png"
+coverAlt: "ThinkingElixir.com's Pattern Matching Course cover"
+order: 5
+free: true
+---
diff --git a/src/content/learning/toy-robot-walkthrough.md b/src/content/learning/toy-robot-walkthrough.md
new file mode 100644
index 000000000..37adc882e
--- /dev/null
+++ b/src/content/learning/toy-robot-walkthrough.md
@@ -0,0 +1,16 @@
+---
+title: "The Toy Robot Walkthrough"
+description: |
+  The Toy Robot is a common interview exercise for new programmers. This short book will take you through how to implement it in Elixir in a BDD-style, with some great explanations and imagery along the way.
+
+  If you're a new Elixir developer who's gone through some basic Elixir tutorials and you're looking for the next thing to build your skills, this book is a great start. It covers the Toy Robot exercise from start to finish, testing with Elixir features such as ExUnit and Doctests along the way.
+type: "book"
+category: "books"
+level: "beginner"
+author: "Ryan Bigg"
+url: "http://leanpub.com/elixir-toyrobot"
+cover: "../../assets/learning/toy-robot.png"
+coverAlt: "The Toy Robot Walkthrough cover"
+order: 6
+free: false
+---
diff --git a/development.markdown b/src/content/standalone-pages/development.md
similarity index 80%
rename from development.markdown
rename to src/content/standalone-pages/development.md
index 9114c9411..6a4b4e049 100644
--- a/development.markdown
+++ b/src/content/standalone-pages/development.md
@@ -1,12 +1,7 @@
 ---
-title: "Development & Team"
-section: development
-layout: default
-image: /images/social/elixir-og-card.jpg
+title: "Development & team"
+# Imported from https://raw.githubusercontent.com/elixir-lang/elixir-lang.github.com/main/development.markdown @ main
 ---
-
-# {{ page.title }}
-
 This page outlines the language's past and future development.
 
 ## Development
@@ -17,20 +12,20 @@ Elixir runs on top of the Erlang Virtual Machine, which provides a scalable and
 
 Elixir's source code is under the [Apache 2 License](https://github.com/elixir-lang/elixir/blob/main/LICENSE) and is maintained by the [Elixir Team](#team). The source code and contribution guidelines can be found on [the language repository](https://github.com/elixir-lang/elixir).
 
-Elixir v1.0 was released in September 2014 and a new minor version is released every 6 months, around May and November of every year. New releases are announced in the read-only [announcements mailing list](https://groups.google.com/group/elixir-lang-ann) with a link to the complete CHANGELOG. All security releases [will be tagged with "[security]"](https://groups.google.com/g/elixir-lang-ann/search?q=%5Bsecurity%5D). Security vulnerabilities should be disclosed to [elixir-security@googlegroups.com](mailto:elixir-security@googlegroups.com). Our [compatibility and deprecation policies](https://elixir.hexdocs.pm/compatibility-and-deprecations.html#content) are also documented.
+Elixir v1.0 was released in September 2014 and a new minor version is released every 6 months, around May and November of every year. New releases are announced in the read-only [announcements mailing list](https://groups.google.com/group/elixir-lang-ann) with a link to the complete CHANGELOG. All security releases [will be tagged with "[security]"](https://groups.google.com/forum/#!searchin/elixir-lang-ann/%5Bsecurity%5D%7Csort:date). Security vulnerabilities should be disclosed to [elixir-security@googlegroups.com](mailto:elixir-security@googlegroups.com). Our [compatibility and deprecation policies](https://hexdocs.pm/elixir/compatibility-and-deprecations.html#content) are also documented.
 
 Since v1.0, the language development has become focused to provide a compact and consistent core. The Elixir team focuses on language features that:
 
   1. are necessary for developing the language itself
   2. bring important concepts/features to the community in a way its effect can only be maximized or leveraged by making it part of the language
 
-The language development is open, both in terms of source code and of collaborations. All features and bug fixes planned for the next releases can be found [in the issues tracker](https://github.com/elixir-lang/elixir/issues). Features that may cause a larger impact on the ecosystem are first proposed to the community in [the Elixir mailing list](https://groups.google.com/group/elixir-lang-core) as well as in [the "Elixir News" section in the Elixir Forum](https://elixirforum.com/c/elixir-news-announcements).
+The language development is open, both in terms of source code and of collaborations. All features and bug fixes planned for the next releases can be found [in the issues tracker](https://github.com/elixir-lang/elixir/issues). Features that may cause a larger impact on the ecosystem are first proposed to the community in [the Elixir mailing list](https://groups.google.com/group/elixir-lang-core) as well as in [the "Elixir News" section in the Elixir Forum](https://elixirforum.com/c/elixir-news).
 
 Community members are welcome to propose new features for Elixir. Before submitting a proposal, members are encouraged to gather feedback from around the community in whatever venues seem best. However, in order for a proposal to be considered for inclusion by the Elixir Core team, it must go through the Elixir mailing list. This often includes discussion and refinement of the proposal. The Elixir Core team has the final say on whether a proposal is accepted or rejected. While members are encouraged to gain support from the rest of the community, popularity does not mean that a proposal will be accepted.
 
-To remain focused, Elixir trusts its ecosystem to bring diversity and broaden its use cases. Therefore the language was designed to be extensible: the constructs available to build the language are also available for developers to extend the language and bring it to different domains. Projects such as [the Phoenix web framework](https://phoenixframework.org), [the Nerves embedded framework](https://nerves-project.org), and [Numerical Elixir](https://github.com/elixir-nx/nx) are such examples.
+To remain focused, Elixir trusts its ecosystem to bring diversity and broaden its use cases. Therefore the language was designed to be extensible: the constructs available to build the language are also available for developers to extend the language and bring it to different domains. Projects such as [the Phoenix web framework](http://phoenixframework.org), [the Nerves embedded framework](http://nerves-project.org), and [Numerical Elixir](https://github.com/elixir-nx/nx) are such examples.
 
-Elixir also relies on a vibrant community to support its growth. The community is behind the meetups, events, learning resources, open source projects, and more. See the sidebar, the [Learning Resources](/learning.html) and [the Hex Package Manager website](https://hex.pm/) for some examples and more information.
+Elixir also relies on a vibrant community to support its growth. The community is behind the meetups, events, learning resources, open source projects, and more. See the sidebar, the [Learning Resources](/learning/) and [the Hex Package Manager website](https://hex.pm/) for some examples and more information.
 
 The best way to support the language is by getting involved in its community and contributing to the ecosystem.
 
@@ -43,7 +38,6 @@ The Elixir Team is composed by:
   * José Valim
   * Eric Meadows-Jönsson
   * Andrea Leopardi
-  * Fernando Tapia Rico
   * Jean Klingler
 
 We are also grateful to the past members of the Elixir Team:
@@ -52,5 +46,6 @@ We are also grateful to the past members of the Elixir Team:
   * James Fish
   * Aleksei Magusev
   * Michał Muskała
+  * Fernando Tapia Rico
 
 Finally, we thank all of our [contributors](https://github.com/elixir-lang/elixir/graphs/contributors).
diff --git a/src/content/standalone-pages/stewards.md b/src/content/standalone-pages/stewards.md
new file mode 100644
index 000000000..ee2e65fe1
--- /dev/null
+++ b/src/content/standalone-pages/stewards.md
@@ -0,0 +1,20 @@
+---
+title: "Elixir Open Source Stewards"
+---
+
+The Elixir Open Source Stewards is a program that recognizes and encourages companies making sustained investments in Elixir’s open-source ecosystem.
+
+Companies can participate by assigning members of their own team or sponsoring external developers to work substantially on open-source Elixir projects. To apply or recommend a company, contact [stewards@elixir-lang.org](mailto:stewards@elixir-lang.org).
+
+## Eligibility
+
+A participating company must meet one of the following commitments:
+
+- Support at least one developer working full-time on open-source Elixir projects; or
+- Support at least two developers who each spend at least 60% of their time on open-source Elixir projects.
+
+Eligible work includes libraries, frameworks, developer tools, and other projects that benefit the broader Elixir ecosystem.
+
+Open-source applications are not included in the program. While we support companies that build Elixir applications in the open, as they help the community learn from real-world usage and strengthen the ecosystem, this program specifically recognizes investment in reusable libraries, frameworks, and tooling.
+
+The Elixir team will reach out to each participating company every six months to ensure it continues to meet the program’s criteria.
diff --git a/trademarks.markdown b/src/content/standalone-pages/trademarks.md
similarity index 94%
rename from trademarks.markdown
rename to src/content/standalone-pages/trademarks.md
index 329585587..fc30f89d6 100644
--- a/trademarks.markdown
+++ b/src/content/standalone-pages/trademarks.md
@@ -1,12 +1,7 @@
 ---
 title: "Trademarks policy"
-section: trademarks
-layout: default
-image: /images/social/elixir-og-card.jpg
+# Imported from https://raw.githubusercontent.com/elixir-lang/elixir-lang.github.com/main/trademarks.markdown @ main
 ---
-
-# {{ page.title }}
-
 This document outlines the policy for allowed usage of the "Elixir" word and the Elixir logo by other parties.
 
 "Elixir" and the Elixir logo are registered trademarks of the Elixir Team. The Elixir Team believes in a decentralized approach to growing the community and the ecosystem, independent of the Elixir project and the Elixir Team.
@@ -15,7 +10,7 @@ Anyone can use the Elixir trademarks if that use of the trademark is nominative.
 
 You must not visually combine the Elixir logo with any other images, or change the logo in any way other than ways required by printing restrictions. If you want to create your own visual identity in relation to Elixir, you might use the shape of an unrelated "water drop" as part of your design, as seen in many community projects and initiatives. You must not combine or modify the Elixir logo.
 
-The Elixir logo is [available in our repository](https://github.com/elixir-lang/elixir-lang.github.com/tree/main/downloads/logos) in both vertical and horizontal versions.
+The Elixir logo is available as SVGs for [light backgrounds](/downloads/logos/elixir-dark.svg) and [dark backgrounds](/downloads/logos/elixir-light.svg).
 
 ## Nominative use
 
diff --git a/src/data/case-media.ts b/src/data/case-media.ts
new file mode 100644
index 000000000..daf513b7b
--- /dev/null
+++ b/src/data/case-media.ts
@@ -0,0 +1,142 @@
+import adobeLogo from "@/assets/logos/adobe.svg";
+import bbcLogo from "@/assets/logos/bbc.svg";
+import hcaHealthcareLogo from "@/assets/logos/hca-healthcare.svg";
+import muxLogo from "@/assets/logos/mux.svg";
+import plausibleLogo from "@/assets/logos/plausible.svg?url";
+import royalBankOfCanadaLogo from "@/assets/logos/rbc-blue.svg";
+import remoteLogo from "@/assets/logos/remote.png";
+import spotifyLogo from "@/assets/logos/spotify.png";
+import supabaseLogo from "@/assets/logos/supabase.svg";
+
+export type CaseMediaEntry = {
+  company: string;
+  title: string;
+  source: string;
+  excerpt: string;
+  url: string;
+  logo: ImageMetadata | string;
+};
+
+export const casePodcasts: CaseMediaEntry[] = [
+  {
+    company: "HCA Healthcare / Waterpark",
+    title: "Five Years of Perfect Uptime",
+    source: "Thinking Elixir",
+    excerpt:
+      "A look at how Waterpark used Elixir and the BEAM to deliver five years of continuous uptime across critical healthcare systems.",
+    url: "https://podcast.thinkingelixir.com/262",
+    logo: hcaHealthcareLogo,
+  },
+  {
+    company: "Spotify",
+    title: "How Elixir Came to Spotify with Joel Kemp",
+    source: "Thinking Elixir",
+    excerpt:
+      "Joel Kemp recounts introducing Elixir at Spotify to solve concurrency challenges and build support inside a large organization.",
+    url: "https://podcast.thinkingelixir.com/59",
+    logo: spotifyLogo,
+  },
+  {
+    company: "Supabase Realtime",
+    title: "Elixir at Supabase with Paul Copplestone",
+    source: "Thinking Elixir",
+    excerpt:
+      "Paul Copplestone explains how Elixir, Phoenix, and PubSub power Supabase's open-source realtime platform.",
+    url: "https://podcast.thinkingelixir.com/73",
+    logo: supabaseLogo,
+  },
+  {
+    company: "RBC Capital Markets",
+    title: "Elixir at the Royal Bank of Canada",
+    source: "Thinking Elixir",
+    excerpt:
+      "Thanos Vassilakis explains how Elixir and LiveView power fast, live-updating financial tools at RBC Capital Markets.",
+    url: "https://podcast.thinkingelixir.com/125",
+    logo: royalBankOfCanadaLogo,
+  },
+  {
+    company: "BBC",
+    title: "BEAM Scales from Nano to BBC Big",
+    source: "Thinking Elixir",
+    excerpt:
+      "How the BBC uses Elixir to serve most of its web and mobile traffic at enormous scale.",
+    url: "https://podcast.thinkingelixir.com/263",
+    logo: bbcLogo,
+  },
+  {
+    company: "Remote",
+    title: "Scaling to Unicorn Status",
+    source: "Thinking Elixir",
+    excerpt:
+      "How Remote grew an Elixir monolith to support nearly 300 engineers while scaling the company to unicorn status.",
+    url: "https://podcast.thinkingelixir.com/239",
+    logo: remoteLogo,
+  },
+  {
+    company: "Mux",
+    title:
+      "Mux Is an API Based Platform That Lets You Process and Stream Videos",
+    source: "Running in Production",
+    excerpt:
+      "Dylan Jhaveri shares how Mux uses Phoenix and Elixir to serve billions of video views with a zero-downtime API.",
+    url: "https://runninginproduction.com/podcast/31-mux-is-an-api-based-platform-that-lets-you-process-and-stream-videos",
+    logo: muxLogo,
+  },
+  {
+    company: "Plausible Analytics",
+    title: "Plausible Analytics, Elixir, and Privacy with Uku Taht",
+    source: "Thinking Elixir",
+    excerpt:
+      "Uku Taht discusses building a privacy-first, open-source analytics business in Elixir and growing it transparently.",
+    url: "https://podcast.thinkingelixir.com/105",
+    logo: plausibleLogo,
+  },
+];
+
+export const caseTalks: CaseMediaEntry[] = [
+  {
+    company: "BBC",
+    title: "How Elixir Powers the BBC: From PoC to Production at Scale",
+    source: "ElixirConf EU 2025",
+    excerpt:
+      "Ettore Berardi traces the BBC's journey from an Elixir proof of concept to infrastructure serving almost all web and app traffic.",
+    url: "https://www.youtube.com/watch?v=e99QDd0_C20",
+    logo: bbcLogo,
+  },
+  {
+    company: "Frame.io / Adobe",
+    title: "AI-Powered Search at Scale",
+    source: "ElixirConf EU 2026",
+    excerpt:
+      "Jeff Weiss explores how Frame.io uses Elixir to deliver AI-powered search at scale.",
+    url: "https://www.youtube.com/watch?v=-a4A33hDtzA",
+    logo: adobeLogo,
+  },
+  {
+    company: "HCA Healthcare / Waterpark",
+    title: "Waterpark: Distributed Actors vs. the Pandemic",
+    source: "Strange Loop 2021",
+    excerpt:
+      "Bryan Hunter shows how Waterpark used distributed actors, hot code loading, and Elixir to support healthcare through COVID-19.",
+    url: "https://www.youtube.com/watch?v=9qUfX3XFi_4",
+    logo: hcaHealthcareLogo,
+  },
+  {
+    company: "Remote",
+    title: "One Monolith, Many Teams: Growing an Org with Elixir",
+    source: "ElixirConf EU 2026",
+    excerpt:
+      "Sofia Silva and André Albuquerque explain how 50 engineering teams contribute safely to one large Elixir monolith.",
+    url: "https://www.youtube.com/watch?v=02r5xP2BgNk",
+    logo: remoteLogo,
+  },
+  {
+    company: "Supabase Realtime",
+    title: "Real-time System Using Elixir — Supabase Stories",
+    source: "Elixir Stream Week 2024",
+    excerpt:
+      "Filipe Cabaço details the clustering, messaging, and process-registration choices behind Supabase Realtime.",
+    url: "https://www.youtube.com/watch?v=PVRtma5PlW4",
+    logo: supabaseLogo,
+  },
+];
diff --git a/src/data/navigation.ts b/src/data/navigation.ts
new file mode 100644
index 000000000..2f6722979
--- /dev/null
+++ b/src/data/navigation.ts
@@ -0,0 +1,86 @@
+export interface NavItem {
+  label: string;
+  href: string;
+  external?: boolean;
+}
+
+export const primaryNav: NavItem[] = [
+  { label: "Home", href: "/" },
+  { label: "Install", href: "/install/" },
+  { label: "Learning", href: "/learning/" },
+  { label: "Docs", href: "/docs/" },
+  { label: "Case studies", href: "/cases/" },
+  { label: "Blog", href: "/blog/" },
+];
+
+export const headerCta: NavItem = {
+  label: "Get started",
+  href: "https://hexdocs.pm/elixir/introduction.html",
+  external: true,
+};
+
+export const footerColumns: { title: string; items: NavItem[] }[] = [
+  {
+    title: "Important links",
+    items: [
+      {
+        label: "Hex.pm package manager",
+        href: "https://hex.pm",
+        external: true,
+      },
+      { label: "Development & team", href: "/development/" },
+      {
+        label: "Source code & issues tracker",
+        href: "https://github.com/elixir-lang/elixir",
+        external: true,
+      },
+      {
+        label: "Erlang Ecosystem Foundation",
+        href: "https://erlef.org/",
+        external: true,
+      },
+    ],
+  },
+  {
+    title: "Join the community",
+    items: [
+      {
+        label: "Elixir Forum",
+        href: "https://elixirforum.com",
+        external: true,
+      },
+      {
+        label: "Meetups around the world",
+        href: "https://www.meetup.com/topics/elixir/",
+        external: true,
+      },
+      {
+        label: "Jobs & hiring (wiki)",
+        href: "https://github.com/elixir-lang/elixir/wiki/Hiring-Elixir-Developers",
+        external: true,
+      },
+      {
+        label: "Events & resources (wiki)",
+        href: "https://github.com/elixir-lang/elixir/wiki",
+        external: true,
+      },
+      {
+        label: "#elixir on irc.libera.chat",
+        href: "https://web.libera.chat/#elixir",
+        external: true,
+      },
+    ],
+  },
+];
+
+export const footerSocials: NavItem[] = [
+  {
+    label: "Twitter / X",
+    href: "https://twitter.com/elixirlang",
+    external: true,
+  },
+  { label: "Slack", href: "https://elixir-lang.slack.com", external: true },
+  { label: "Discord", href: "https://discord.gg/elixir", external: true },
+];
+
+export const topBannerHref = "https://elixirconf.com";
diff --git a/src/data/redirects.ts b/src/data/redirects.ts
new file mode 100644
index 000000000..cb9a4ac2b
--- /dev/null
+++ b/src/data/redirects.ts
@@ -0,0 +1,46 @@
+// Legacy URL -> new route map, consumed by astro.config.ts. Static builds
+// emit a refresh+canonical stub at each `from` so SEO equity transfers.
+export type RedirectStatus = 301 | 302;
+
+export interface Redirect {
+  from: string;
+  to: string;
+  status: RedirectStatus;
+}
+
+export const redirects: Redirect[] = [
+  { from: "/install.html", to: "/install/", status: 301 },
+  { from: "/learning.html", to: "/learning/", status: 301 },
+  { from: "/cases.html", to: "/cases/", status: 301 },
+  { from: "/docs.html", to: "/docs/", status: 301 },
+  { from: "/blog.html", to: "/blog/", status: 301 },
+
+  { from: "/development.html", to: "/development/", status: 301 },
+  { from: "/trademarks.html", to: "/trademarks/", status: 301 },
+
+  { from: "/blog/categories.html", to: "/blog/", status: 301 },
+
+  // /getting-started/ was retired; route legacy URLs to canonical HexDocs.
+  {
+    from: "/getting-started/introduction.html",
+    to: "https://hexdocs.pm/elixir/introduction.html",
+    status: 301,
+  },
+  {
+    from: "/getting-started/mix-otp/introduction-to-mix.html",
+    to: "https://hexdocs.pm/elixir/introduction-to-mix.html",
+    status: 301,
+  },
+];
+
+export function toAstroRedirects(): Record<
+  string,
+  { status: RedirectStatus; destination: string }
+> {
+  const out: Record<string, { status: RedirectStatus; destination: string }> =
+    {};
+  for (const r of redirects) {
+    out[r.from] = { status: r.status, destination: r.to };
+  }
+  return out;
+}
diff --git a/src/env.d.ts b/src/env.d.ts
new file mode 100644
index 000000000..f964fe0cf
--- /dev/null
+++ b/src/env.d.ts
@@ -0,0 +1 @@
+/// <reference types="astro/client" />
diff --git a/src/layouts/BaseLayout.astro b/src/layouts/BaseLayout.astro
new file mode 100644
index 000000000..f646cc0a2
--- /dev/null
+++ b/src/layouts/BaseLayout.astro
@@ -0,0 +1,137 @@
+---
+import { Font } from "astro:assets";
+import { ClientRouter } from "astro:transitions";
+import SiteFooter from "@/components/layout/SiteFooter.astro";
+import SiteHeader from "@/components/layout/SiteHeader.astro";
+import TopBanner from "@/components/layout/TopBanner.astro";
+import { buildSeo, organizationJsonLd, type SeoInput } from "@/utilities/seo";
+
+import "@/styles/style.css";
+
+interface Props {
+  seo?: SeoInput;
+  headerTone?: "light" | "dark";
+  bodyClass?: string;
+  showTopBanner?: boolean;
+  /** Banner placement relative to the header. Blog posts use "below". */
+  bannerPosition?: "above" | "below";
+  showFooter?: boolean;
+  transitions?: boolean;
+  jsonLd?: object[];
+}
+
+const {
+  seo,
+  headerTone = "light",
+  bodyClass,
+  showTopBanner = true,
+  bannerPosition = "above",
+  showFooter = true,
+  transitions = true,
+  jsonLd,
+} = Astro.props;
+
+const resolved = buildSeo(seo ?? {}, Astro.site, Astro.url);
+const baseJsonLd = [
+  organizationJsonLd(Astro.site?.origin ?? "https://elixir-lang.org"),
+];
+const allJsonLd = jsonLd ? [...baseJsonLd, ...jsonLd] : baseJsonLd;
+
+// Set PROD=true (or 1) only for the official deployment.
+const prodFlag = process.env.PROD;
+const isProd =
+  import.meta.env.PROD && (prodFlag === "true" || prodFlag === "1");
+const forceNoindex = !isProd;
+---
+
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
+    <meta name="generator" content={Astro.generator} />
+
+    <title>{resolved.title || "Elixir"}</title>
+    <meta name="description" content={resolved.description} />
+    <meta name="keywords" content={resolved.keywords} />
+    <meta name="author" content="The Elixir Team" />
+    <link rel="canonical" href={resolved.canonicalUrl} />
+
+    {forceNoindex || resolved.noindex ? (
+      <meta name="robots" content="noindex, nofollow" />
+    ) : (
+      <meta name="robots" content="index, follow" />
+    )}
+
+    <meta property="og:site_name" content={resolved.siteName} />
+    <meta property="og:locale" content={resolved.ogLocale} />
+    <meta property="og:type" content={resolved.ogType} />
+    <meta property="og:title" content={resolved.ogTitle} />
+    <meta property="og:description" content={resolved.ogDescription} />
+    <meta property="og:url" content={resolved.canonicalUrl} />
+    <meta property="og:image" content={resolved.ogImage} />
+
+    <meta name="twitter:card" content={resolved.twitterCard} />
+    <meta name="twitter:site" content={resolved.twitterSite} />
+    <meta name="twitter:creator" content={resolved.twitterSite} />
+    <meta name="twitter:title" content={resolved.ogTitle} />
+    <meta name="twitter:description" content={resolved.ogDescription} />
+    <meta name="twitter:image" content={resolved.ogImage} />
+    {resolved.article?.publishedTime && (
+      <meta property="article:published_time" content={resolved.article.publishedTime} />
+    )}
+    {resolved.article?.modifiedTime && (
+      <meta property="article:modified_time" content={resolved.article.modifiedTime} />
+    )}
+    {resolved.article?.author && (
+      <meta property="article:author" content={resolved.article.author} />
+    )}
+    {resolved.article?.tags?.map((tag) => (
+      <meta property="article:tag" content={tag} />
+    ))}
+
+    <link rel="icon" type="image/png" sizes="16x16" href="/images/seo/favicon-16-elixir.png" />
+    <link rel="icon" type="image/png" sizes="32x32" href="/images/seo/favicon-32-elixir.png" />
+    <link rel="icon" type="image/png" sizes="64x64" href="/images/seo/favicon-64-elixir.png" />
+    <link rel="apple-touch-icon" sizes="256x256" href="/images/seo/favicon-256-elixir.png" />
+    <link rel="icon" type="image/png" sizes="512x512" href="/images/seo/favicon-512-elixir.png" />
+
+    <link
+      rel="alternate"
+      type="application/atom+xml"
+      title="Elixir blog"
+      href="/atom.xml"
+    />
+    <meta name="theme-color" content="#380F57" />
+
+    <Font cssVariable="--font-dm-sans" preload />
+    <Font cssVariable="--font-dm-mono" />
+
+    {transitions && <ClientRouter />}
+
+    {allJsonLd.map((data) => (
+      <script
+        type="application/ld+json"
+        is:inline
+        set:html={JSON.stringify(data)}
+      />
+    ))}
+  </head>
+  <body class:list={["min-h-screen bg-(--color-white-10) text-(--color-text-primary)", bodyClass]}>
+    <a href="#main" class="skip-link">Skip to content</a>
+
+    {showTopBanner && bannerPosition === "above" && <TopBanner />}
+    <SiteHeader tone={headerTone} />
+    {showTopBanner && bannerPosition === "below" && <TopBanner />}
+
+    <main id="main" transition:animate="none">
+      <slot />
+    </main>
+
+    {showFooter && <SiteFooter />}
+
+    <script>
+      import "@/scripts/reveal";
+    </script>
+  </body>
+</html>
diff --git a/src/lib/content-loaders.ts b/src/lib/content-loaders.ts
new file mode 100644
index 000000000..385b6db41
--- /dev/null
+++ b/src/lib/content-loaders.ts
@@ -0,0 +1,78 @@
+import {
+  type CollectionEntry,
+  type CollectionKey,
+  getCollection,
+} from "astro:content";
+
+// Typed wrappers. Calling getCollection() directly from .astro frontmatter
+// can degrade TS inference to `any` under astro check; calling from .ts works.
+async function loadCollection<C extends CollectionKey>(
+  collection: C,
+): Promise<CollectionEntry<C>[]> {
+  const all = await getCollection(collection);
+  return all.filter(
+    (entry: CollectionEntry<C>) => !(entry.data as { draft?: boolean }).draft,
+  );
+}
+
+export async function loadBlogPosts(): Promise<CollectionEntry<"blog">[]> {
+  const posts = await loadCollection("blog");
+  return posts.sort(
+    (a, b) => new Date(b.data.date).getTime() - new Date(a.data.date).getTime(),
+  );
+}
+
+export type ElixirVersion = CollectionEntry<"elixirVersions">;
+
+export async function loadElixirVersions(): Promise<ElixirVersion[]> {
+  const versions = await loadCollection("elixirVersions");
+  return versions.sort((a, b) => b.data.sortKey - a.data.sortKey).slice(0, 6);
+}
+
+export function getStableElixirVersion(
+  versions: ElixirVersion[],
+): ElixirVersion {
+  const stable = versions[0];
+  if (!stable) throw new Error("No released Elixir version defined.");
+  return stable;
+}
+
+/** Returns `/blog/YYYY/MM/DD/<slug>/` to mirror the legacy elixir-lang.org URLs. */
+export function blogPostUrl(post: CollectionEntry<"blog">): string {
+  const d = post.data.date;
+  const y = d.getUTCFullYear();
+  const m = String(d.getUTCMonth() + 1).padStart(2, "0");
+  const day = String(d.getUTCDate()).padStart(2, "0");
+  return `/blog/${y}/${m}/${day}/${post.data.slug ?? post.id}/`;
+}
+
+export async function loadCases(): Promise<CollectionEntry<"cases">[]> {
+  const cases = await loadCollection("cases");
+  // Priority first, then flagship status, then publish date.
+  return cases.sort((a, b) => {
+    if (a.data.priority !== b.data.priority) {
+      return b.data.priority - a.data.priority;
+    }
+    const aFlag = a.data.flagship ? 1 : 0;
+    const bFlag = b.data.flagship ? 1 : 0;
+    if (aFlag !== bFlag) return bFlag - aFlag;
+    return new Date(b.data.date).getTime() - new Date(a.data.date).getTime();
+  });
+}
+
+export async function loadLearning(): Promise<CollectionEntry<"learning">[]> {
+  const items = await loadCollection("learning");
+  return items.sort((a, b) => a.data.order - b.data.order);
+}
+
+export function groupLearningByType(
+  items: CollectionEntry<"learning">[],
+): Record<string, CollectionEntry<"learning">[]> {
+  const result: Record<string, CollectionEntry<"learning">[]> = {};
+  for (const item of items) {
+    const key = item.data.type;
+    if (!result[key]) result[key] = [];
+    result[key].push(item);
+  }
+  return result;
+}
diff --git a/src/pages/404.astro b/src/pages/404.astro
new file mode 100644
index 000000000..4f871cb3a
--- /dev/null
+++ b/src/pages/404.astro
@@ -0,0 +1,68 @@
+---
+import Button from "@/components/ui/Button.astro";
+import Container from "@/components/ui/Container.astro";
+import Heading from "@/components/ui/Heading.astro";
+import Link from "@/components/ui/Link.astro";
+import Reveal from "@/components/ui/Reveal.astro";
+import Text from "@/components/ui/Text.astro";
+import BaseLayout from "@/layouts/BaseLayout.astro";
+
+const seo = {
+  title: "Page not found",
+  description: "The page you were looking for doesn't exist.",
+  noindex: true,
+};
+
+const suggestions = [
+  { label: "Homepage", href: "/" },
+  { label: "Install Elixir", href: "/install/" },
+  { label: "Docs", href: "/docs/" },
+  { label: "Blog", href: "/blog/" },
+];
+---
+
+<BaseLayout seo={seo} headerTone="dark" showTopBanner={false}>
+  <section class="relative flex min-h-[calc(100vh-14rem)] items-center bg-(--color-black) py-20 text-(--color-white)">
+    <div
+      class="absolute inset-0 bg-[radial-gradient(circle_at_30%_40%,rgba(110,46,158,0.4),transparent_55%)]"
+      aria-hidden="true"
+    ></div>
+    <Container size="wide" class="relative z-10">
+      <div class="mx-auto max-w-2xl text-center">
+        <Reveal eager delay={0} variant="scale">
+          <p class="font-(family-name:--font-display) text-[6rem] font-black leading-none text-(--color-purple-50) md:text-[8rem]">
+            404
+          </p>
+        </Reveal>
+        <Reveal eager delay={2}>
+          <Heading as="h1" size="h1" tone="on-dark" class="mt-6">
+            This page took a different path.
+          </Heading>
+        </Reveal>
+        <Reveal eager delay={4}>
+          <Text size="lead" tone="muted-on-dark" class="mx-auto mt-6 max-w-md">
+            The page you were looking for has moved or never existed. Try one of the routes below - or head back home.
+          </Text>
+        </Reveal>
+
+        <Reveal eager delay={6} class="mt-10 flex flex-col items-center gap-3 sm:flex-row sm:justify-center">
+          <Button href="/" variant="primary" arrow>Back to home</Button>
+          <Button href="/docs/" variant="outline" tone="on-dark" arrow>Browse docs</Button>
+        </Reveal>
+
+        <Reveal eager delay={8} class="mt-16">
+          <p class="text-[0.75rem] font-bold uppercase tracking-[0.12em] text-(--color-purple-30)">
+            Maybe looking for...
+          </p>
+          <ul class="mt-4 flex flex-wrap items-center justify-center gap-x-6 gap-y-2">
+            {suggestions.map((s) => (
+              <li>
+                <Link href={s.href} tone="on-dark" arrow>{s.label}</Link>
+              </li>
+            ))}
+          </ul>
+        </Reveal>
+      </div>
+    </Container>
+  </section>
+</BaseLayout>
diff --git a/src/pages/atom.xml.ts b/src/pages/atom.xml.ts
new file mode 100644
index 000000000..f6a50f92d
--- /dev/null
+++ b/src/pages/atom.xml.ts
@@ -0,0 +1,34 @@
+import type { APIContext } from "astro";
+
+import { blogPostUrl, loadBlogPosts } from "@/lib/content-loaders";
+
+function escapeXml(value: string) {
+  return value
+    .replaceAll("&", "&amp;")
+    .replaceAll("<", "&lt;")
+    .replaceAll(">", "&gt;")
+    .replaceAll('"', "&quot;")
+    .replaceAll("'", "&apos;");
+}
+
+export async function GET(context: APIContext) {
+  const posts = await loadBlogPosts();
+  const site = context.site ?? new URL("https://elixir-lang.org");
+  const updated =
+    posts[0]?.data.date.toISOString() ?? new Date(0).toISOString();
+  const entries = posts
+    .map((post) => {
+      const url = new URL(blogPostUrl(post), site).href;
+      const categories = [post.data.category, ...post.data.tags]
+        .map((category) => `<category term="${escapeXml(category)}"/>`)
+        .join("");
+
+      return `<entry><title>${escapeXml(post.data.title)}</title><link href="${escapeXml(url)}"/><id>${escapeXml(url)}</id><updated>${post.data.date.toISOString()}</updated><author><name>${escapeXml(post.data.author)}</name></author><summary>${escapeXml(post.data.excerpt)}</summary>${categories}</entry>`;
+    })
+    .join("");
+  const body = `<?xml version="1.0" encoding="utf-8"?><feed xmlns="http://www.w3.org/2005/Atom"><title>Elixir Blog</title><link href="${escapeXml(new URL("atom.xml", site).href)}" rel="self"/><link href="${escapeXml(site.href)}"/><updated>${updated}</updated><id>${escapeXml(site.href)}</id>${entries}</feed>`;
+
+  return new Response(body, {
+    headers: { "Content-Type": "application/atom+xml; charset=utf-8" },
+  });
+}
diff --git a/src/pages/blog/[year]/[month]/[day]/[slug].astro b/src/pages/blog/[year]/[month]/[day]/[slug].astro
new file mode 100644
index 000000000..20dbe1654
--- /dev/null
+++ b/src/pages/blog/[year]/[month]/[day]/[slug].astro
@@ -0,0 +1,151 @@
+---
+import type { CollectionEntry } from "astro:content";
+import { render } from "astro:content";
+import bookIconSvg from "@/assets/icons/blog/book.svg?raw";
+import ArticleMeta from "@/components/blog/ArticleMeta.astro";
+import AsideCard from "@/components/ui/AsideCard.astro";
+import Reveal from "@/components/ui/Reveal.astro";
+import SidebarLayout from "@/components/ui/SidebarLayout.astro";
+import BaseLayout from "@/layouts/BaseLayout.astro";
+import { blogPostUrl, loadBlogPosts } from "@/lib/content-loaders";
+import { articleJsonLd, breadcrumbJsonLd } from "@/utilities/seo";
+
+// URL shape `/blog/YYYY/MM/DD/<slug>/` matches the legacy elixir-lang.org
+// structure 1:1 so historical inbound links keep working without redirects.
+
+export async function getStaticPaths() {
+  const posts = await loadBlogPosts();
+  return posts.map((post) => {
+    const url = blogPostUrl(post);
+    const segs = url.replace(/^\/blog\/|\/$/g, "").split("/");
+    const [year, month, day, ...slugParts] = segs;
+    return {
+      params: { year, month, day, slug: slugParts.join("/") },
+      props: { post },
+    };
+  });
+}
+
+interface Props {
+  post: CollectionEntry<"blog">;
+}
+
+const { post } = Astro.props as Props;
+const { Content } = await render(post);
+
+const siteOrigin = Astro.site?.origin ?? "https://elixir-lang.org";
+const url = `${siteOrigin}${blogPostUrl(post)}`;
+
+const seo = {
+  title: post.data.title,
+  description: post.data.excerpt,
+  canonicalUrl: url,
+  ogType: "article" as const,
+  article: {
+    publishedTime: post.data.date.toISOString(),
+    author: post.data.author,
+    tags: post.data.tags,
+  },
+};
+
+const jsonLd = [
+  articleJsonLd({
+    title: post.data.title,
+    description: post.data.excerpt,
+    url,
+    author: post.data.author,
+    datePublished: post.data.date.toISOString(),
+  }),
+  breadcrumbJsonLd([
+    { name: "Home", url: siteOrigin },
+    { name: "Blog", url: `${siteOrigin}/blog/` },
+    { name: post.data.title, url },
+  ]),
+];
+
+const moreCategories: { label: string; href: string }[] = [
+  { label: "Releases", href: "/blog/?category=Releases" },
+  { label: "Announcements", href: "/blog/?category=Announcements" },
+  {
+    label: "Elixir in Production",
+    href: "/blog/?category=Elixir+in+Production",
+  },
+  { label: "Internals", href: "/blog/?category=Internals" },
+];
+---
+
+<BaseLayout
+  seo={seo}
+  jsonLd={jsonLd}
+  headerTone="dark"
+>
+  <article class="bg-white-10 text-text-primary">
+    <div class="mx-auto w-full max-w-[1440px] px-6 pt-12 pb-20 md:px-12 md:pt-20 md:pb-24 lg:pt-24 lg:pb-28">
+      <SidebarLayout
+        asideWidth="260"
+        gap="16"
+        stickyTop="32"
+        centerOnLg
+        asidePadTopLg
+      >
+        {/* min-w-0 so long code blocks or words don't blow the row out. */}
+        <div slot="main" class="flex w-full min-w-0 flex-1 flex-col gap-12">
+          <Reveal eager delay={0}>
+            <header class="flex flex-col gap-8">
+              <h1 class="font-sans text-[2.25rem] font-medium leading-tight text-black sm:text-[2.5rem] md:text-[3rem] lg:text-[3.5rem] lg:leading-[1.14]">
+                {post.data.title}
+              </h1>
+
+              <div class="flex flex-col gap-6">
+                <ArticleMeta
+                  date={post.data.date}
+                  author={post.data.author}
+                  category={post.data.category}
+                  tone="muted"
+                  dateFormat="long-numeric"
+                />
+                <hr class="border-gray-0" />
+              </div>
+            </header>
+          </Reveal>
+
+          {/* .blog-prose rules live in styles/style.css */}
+          <Reveal eager delay={2}>
+            <div class="blog-prose">
+              <Content />
+            </div>
+          </Reveal>
+        </div>
+
+        <div slot="aside" class="flex w-full flex-col gap-8">
+          <Reveal eager delay={2} variant="right">
+            <AsideCard
+              icon={bookIconSvg}
+              title="What is Elixir?"
+              body="Elixir is a functional programming language built for scalable, fault-tolerant applications, powered by the Erlang VM."
+            />
+          </Reveal>
+
+          <Reveal eager delay={4} variant="right" class="flex flex-col gap-4">
+            <hr class="border-gray-0" />
+            <p class="font-sans text-small font-medium text-gray-40">
+              More categories
+            </p>
+            <ul class="flex flex-col gap-3">
+              {moreCategories.map((c) => (
+                <li>
+                  <a
+                    href={c.href}
+                    class="font-sans text-small font-medium text-purple-70 transition-colors duration-fast ease-out-quart hover:text-purple-80"
+                  >
+                    {c.label}
+                  </a>
+                </li>
+              ))}
+            </ul>
+          </Reveal>
+        </div>
+      </SidebarLayout>
+    </div>
+  </article>
+</BaseLayout>
diff --git a/src/pages/blog/index.astro b/src/pages/blog/index.astro
new file mode 100644
index 000000000..a0528c557
--- /dev/null
+++ b/src/pages/blog/index.astro
@@ -0,0 +1,209 @@
+---
+import PostRow from "@/components/blog/PostRow.astro";
+import PageHero from "@/components/page/PageHero.astro";
+import EmptyState from "@/components/ui/EmptyState.astro";
+import FilteredListing from "@/components/ui/FilteredListing.astro";
+import Pagination from "@/components/ui/Pagination.astro";
+import TabFilter from "@/components/ui/TabFilter.astro";
+import BaseLayout from "@/layouts/BaseLayout.astro";
+import { loadBlogPosts } from "@/lib/content-loaders";
+
+const allPosts = await loadBlogPosts();
+
+const PAGE_SIZE = 20;
+
+type Category =
+  | "All"
+  | "Releases"
+  | "Announcements"
+  | "Elixir in Production"
+  | "Internals";
+
+const tabs: { id: Category; label: string }[] = [
+  { id: "All", label: "All" },
+  { id: "Releases", label: "Releases" },
+  { id: "Announcements", label: "Announcements" },
+  { id: "Elixir in Production", label: "Elixir in Production" },
+  { id: "Internals", label: "Internals" },
+];
+
+const DEFAULT_TAB: Category = "All";
+
+const counts: Record<Category, number> = {
+  All: allPosts.length,
+  Releases: 0,
+  Announcements: 0,
+  "Elixir in Production": 0,
+  Internals: 0,
+};
+for (const p of allPosts) {
+  const cat = p.data.category as Category;
+  counts[cat] = (counts[cat] ?? 0) + 1;
+}
+
+const validTabIds = tabs.map((t) => t.id);
+
+const seo = {
+  title: "Blog",
+  description:
+    "Announcements, release notes, internals deep-dives, and stories from teams running Elixir in production. Updates from the Elixir core team and community.",
+};
+---
+
+<BaseLayout seo={seo} headerTone="dark">
+  <FilteredListing
+    name="blog"
+    tabFilterName="blog-category"
+    paginationName="blog"
+    defaultTab={DEFAULT_TAB}
+    pageSize={PAGE_SIZE}
+    counts={counts}
+    validTabIds={validTabIds}
+    paramTab="category"
+    paramPage="page"
+    class="block"
+  >
+    <PageHero
+      title="Blog"
+      description="Read about the latest stuff that's happening."
+    />
+
+    <section class="bg-white-10 text-text-primary">
+      <div
+        class="mx-auto flex w-full max-w-[1440px] flex-col gap-12 px-6 pt-12 pb-20 md:px-12 md:gap-16 md:pt-20 md:pb-28 lg:gap-20"
+      >
+        <div class="flex flex-col gap-8 md:gap-12 lg:gap-16">
+          {/* Mobile-only sticky: -mx-6 + px-6 + bg-white-10 lets the row span
+             edge-to-edge when pinned below the navbar. */}
+          <div
+            class="sticky top-20 z-30 -mx-6 bg-white-10 px-6 md:static md:z-auto md:mx-0 md:bg-transparent md:px-0"
+          >
+            <TabFilter
+              name="blog-category"
+              tabs={tabs}
+              active={DEFAULT_TAB}
+              ariaLabel="Post categories"
+            />
+          </div>
+
+          <div class="flex flex-col" data-rows>
+            {allPosts.length === 0 ? (
+              <EmptyState
+                title="No posts yet"
+                description="The blog is brand new - check back soon."
+                ctaLabel="Visit GitHub"
+                ctaHref="https://github.com/elixir-lang/elixir"
+              />
+            ) : (
+              allPosts.map((post, i) => (
+                <div
+                  data-post
+                  data-reveal
+                  data-category={post.data.category}
+                  style={`--reveal-delay: ${i % 5}`}
+                  class:list={[
+                    i === 0 ? "pb-12" : "py-12 border-t border-gray-0",
+                  ]}
+                >
+                  <PostRow post={post} />
+                </div>
+              ))
+            )}
+
+            <div data-empty-state class="hidden py-12">
+              <EmptyState
+                title="No posts in this category yet"
+                description="Try a different category or check back soon."
+              />
+            </div>
+          </div>
+        </div>
+
+        {allPosts.length > 0 && (
+          <Pagination
+            name="blog"
+            total={Math.max(1, Math.ceil(allPosts.length / PAGE_SIZE))}
+            page={1}
+          />
+        )}
+      </div>
+    </section>
+  </FilteredListing>
+</BaseLayout>
+
+<script is:inline>
+  // <FilteredListing> owns URL state + child sync; this handler only
+  // paints rows when it fires `filterchange`.
+  function initBlog() {
+    const root = document.querySelector(
+      'elixir-filtered-listing[data-name="blog"]',
+    );
+    if (!root) return;
+
+    const posts = root.querySelectorAll("[data-post]");
+    const emptyState = root.querySelector("[data-empty-state]");
+    const config = JSON.parse(root.getAttribute("data-config") || "{}");
+    const pageSize = config.pageSize || 5;
+    const counts = config.counts || {};
+
+    let firstRender = true;
+
+    function renderPosts(activeTab, activePage) {
+      const start = (activePage - 1) * pageSize;
+      const end = start + pageSize;
+      let matchIdx = 0;
+      posts.forEach((el) => {
+        const cat = el.getAttribute("data-category");
+        const match = activeTab === "All" || cat === activeTab;
+        if (!match) {
+          el.classList.add("hidden");
+          return;
+        }
+        const visible = matchIdx >= start && matchIdx < end;
+        el.classList.toggle("hidden", !visible);
+        if (!firstRender && visible && !el.hasAttribute("data-revealed")) {
+          el.setAttribute("data-revealed", "true");
+        }
+        matchIdx++;
+      });
+      firstRender = false;
+
+      // First visible row drops its top border; subsequent rows keep py-12
+      // + border-t for the 1px separator.
+      let seen = false;
+      posts.forEach((el) => {
+        if (el.classList.contains("hidden")) return;
+        if (!seen) {
+          el.classList.remove("border-t", "border-gray-0", "pt-12", "py-12");
+          el.classList.add("pb-12");
+          seen = true;
+        } else {
+          el.classList.remove("pb-12");
+          el.classList.add("py-12", "border-t", "border-gray-0");
+        }
+      });
+
+      if (emptyState) {
+        const total = counts[activeTab] ?? 0;
+        emptyState.classList.toggle("hidden", total > 0);
+      }
+    }
+
+    root.addEventListener("filterchange", (e) => {
+      const { activeTab, activePage } = e.detail;
+      renderPosts(activeTab, activePage);
+    });
+
+    // Wait for upgrade so the state getter reflects the URL the user
+    // actually arrived at (matters on SPA navigations).
+    customElements.whenDefined("elixir-filtered-listing").then(() => {
+      const { activeTab, activePage } = root.state ?? {
+        activeTab: "All",
+        activePage: 1,
+      };
+      renderPosts(activeTab, activePage);
+    });
+  }
+
+  document.addEventListener("astro:page-load", initBlog);
+</script>
diff --git a/src/pages/cases/index.astro b/src/pages/cases/index.astro
new file mode 100644
index 000000000..9f0799970
--- /dev/null
+++ b/src/pages/cases/index.astro
@@ -0,0 +1,139 @@
+---
+import CaseCard from "@/components/cases/CaseCard.astro";
+import CaseMediaCard from "@/components/cases/CaseMediaCard.astro";
+import PageHero from "@/components/page/PageHero.astro";
+import FilteredListing from "@/components/ui/FilteredListing.astro";
+import Reveal from "@/components/ui/Reveal.astro";
+import TabFilter from "@/components/ui/TabFilter.astro";
+import { casePodcasts, caseTalks } from "@/data/case-media";
+import BaseLayout from "@/layouts/BaseLayout.astro";
+import { loadCases } from "@/lib/content-loaders";
+
+const cases = await loadCases();
+
+type TabId = "articles" | "talks" | "podcasts";
+
+const tabs: { id: TabId; label: string }[] = [
+  { id: "articles", label: "Articles" },
+  { id: "talks", label: "Talks" },
+  { id: "podcasts", label: "Podcasts" },
+];
+
+const DEFAULT_TAB: TabId = "articles";
+const countsByTab: Record<TabId, number> = {
+  articles: cases.length,
+  talks: caseTalks.length,
+  podcasts: casePodcasts.length,
+};
+const validTabIds = tabs.map((tab) => tab.id);
+
+const description =
+  "Explore in-depth articles created in collaboration with the Elixir team plus handpicked talks and podcasts about how companies across different industries use Elixir and its ecosystem to start and expand their businesses.";
+
+const seo = {
+  title: "Case studies",
+  description,
+};
+---
+
+<BaseLayout seo={seo} headerTone="dark">
+  <FilteredListing
+    name="cases"
+    tabFilterName="cases-tab"
+    defaultTab={DEFAULT_TAB}
+    pageSize={Math.max(cases.length, caseTalks.length, casePodcasts.length, 1)}
+    counts={countsByTab}
+    validTabIds={validTabIds}
+    paramTab="tab"
+    paramPage="page"
+    class="block"
+  >
+    <PageHero title="Case studies" description={description} />
+
+    <section class="bg-white-10 text-text-primary">
+      <div class="mx-auto flex w-full max-w-[1440px] flex-col gap-12 px-6 py-16 md:gap-16 md:px-12 md:pt-20 md:pb-24 lg:gap-20 lg:pt-20 lg:pb-28">
+        <div
+          class="sticky top-20 z-30 -mx-6 bg-white-10 px-6 md:static md:z-auto md:mx-0 md:bg-transparent md:px-0"
+        >
+          <TabFilter
+            name="cases-tab"
+            tabs={tabs}
+            active={DEFAULT_TAB}
+            ariaLabel="Case study categories"
+          />
+        </div>
+
+        <div data-rows>
+          <ul
+            data-case-list
+            data-category="articles"
+            class="grid grid-cols-1 gap-x-12 gap-y-16 md:grid-cols-2 md:gap-y-20 lg:gap-x-16"
+          >
+            {cases.map((entry, i) => (
+              <Reveal as="li" delay={i % 2}>
+                <CaseCard entry={entry} />
+              </Reveal>
+            ))}
+          </ul>
+
+          <ul
+            data-case-list
+            data-category="talks"
+            class="hidden grid-cols-1 gap-x-12 gap-y-16 md:grid-cols-2 md:gap-y-20 lg:gap-x-16"
+          >
+            {caseTalks.map((entry) => (
+              <li>
+                <CaseMediaCard {...entry} action="Watch" />
+              </li>
+            ))}
+          </ul>
+
+          <ul
+            data-case-list
+            data-category="podcasts"
+            class="hidden grid-cols-1 gap-x-12 gap-y-16 md:grid-cols-2 md:gap-y-20 lg:gap-x-16"
+          >
+            {casePodcasts.map((entry) => (
+              <li>
+                <CaseMediaCard {...entry} action="Listen" />
+              </li>
+            ))}
+          </ul>
+        </div>
+      </div>
+    </section>
+  </FilteredListing>
+</BaseLayout>
+
+<script is:inline>
+  function initCases() {
+    const root = document.querySelector(
+      'elixir-filtered-listing[data-name="cases"]',
+    );
+    if (!root) return;
+
+    const caseLists = root.querySelectorAll("[data-case-list]");
+    const config = JSON.parse(root.getAttribute("data-config") || "{}");
+
+    function renderCases(activeTab) {
+      caseLists.forEach((list) => {
+        const match = list.getAttribute("data-category") === activeTab;
+        list.classList.toggle("hidden", !match);
+        list.classList.toggle("grid", match);
+      });
+    }
+
+    root.addEventListener("filterchange", (event) => {
+      renderCases(event.detail.activeTab);
+    });
+
+    customElements.whenDefined("elixir-filtered-listing").then(() => {
+      const { activeTab } = root.state ?? {
+        activeTab: config.defaultTab || "articles",
+      };
+      renderCases(activeTab);
+    });
+  }
+
+  document.addEventListener("astro:page-load", initCases);
+</script>
diff --git a/src/pages/development/index.astro b/src/pages/development/index.astro
new file mode 100644
index 000000000..a73b29237
--- /dev/null
+++ b/src/pages/development/index.astro
@@ -0,0 +1,21 @@
+---
+import { getEntry, render } from "astro:content";
+import StandalonePage from "@/components/page/StandalonePage.astro";
+
+// Preserve the #development and #team anchors from the original page.
+const entry = await getEntry("standalonePages", "development");
+const Content = entry ? (await render(entry)).Content : null;
+
+const title = "Development & team";
+const description =
+  "How the Elixir programming language is developed - the contribution workflow, release process, and the team that maintains the language.";
+---
+
+<StandalonePage
+  title={title}
+  description="How Elixir is developed and the team behind the language."
+  seoDescription={description}
+  developmentContent
+>
+  {Content && <Content />}
+</StandalonePage>
diff --git a/src/pages/docs/index.astro b/src/pages/docs/index.astro
new file mode 100644
index 000000000..13bcb377c
--- /dev/null
+++ b/src/pages/docs/index.astro
@@ -0,0 +1,210 @@
+---
+import bookIconSvg from "@/assets/icons/docs/book.svg?raw";
+import downloadIconSvg from "@/assets/icons/docs/download.svg?raw";
+import PageHero from "@/components/page/PageHero.astro";
+import BaseLayout from "@/layouts/BaseLayout.astro";
+import {
+  getStableElixirVersion,
+  loadElixirVersions,
+} from "@/lib/content-loaders";
+
+type ModuleDef = { slug: string; name: string; description: string };
+type VersionCard = {
+  name: string;
+  docsVersion: string;
+  downloadVersion?: string;
+  supportingText: string;
+};
+
+const MODULES: ModuleDef[] = [
+  { slug: "elixir", name: "Elixir", description: "standard library" },
+  { slug: "eex", name: "EEx", description: "templating library" },
+  { slug: "ex_unit", name: "ExUnit", description: "unit test library" },
+  { slug: "iex", name: "IEx", description: "interactive shell" },
+  { slug: "logger", name: "Logger", description: "built-in Logger" },
+  { slug: "mix", name: "Mix", description: "build tool" },
+];
+
+const versions = await loadElixirVersions();
+const stable = getStableElixirVersion(versions);
+const versionCards: VersionCard[] = [
+  ...versions.slice(1).map((version) => ({
+    name: version.data.name,
+    docsVersion: version.data.version,
+    downloadVersion: version.data.version,
+    supportingText: otpList(version.data.otpVersions) ?? "",
+  })),
+  {
+    name: "Development",
+    docsVersion: "main",
+    supportingText: "Documentation for the main development branch.",
+  },
+];
+
+function moduleUrl(version: string, slug: string) {
+  return `https://hexdocs.pm/${slug}/${version}/`;
+}
+
+function downloadUrl(version: string) {
+  return `https://github.com/elixir-lang/elixir/releases/download/v${version}/Docs.zip`;
+}
+
+function otpList(otps: number[]) {
+  return otps.length > 0
+    ? `Supported Erlang/OTP versions: ${[...otps].sort((a, b) => a - b).join(", ")}.`
+    : null;
+}
+
+const seo = {
+  title: "Documentation",
+  description:
+    "The Elixir programming language is broken into 6 applications. The links below reference the documentation for the modules and functions in each of those applications.",
+};
+---
+
+<BaseLayout seo={seo} headerTone="dark">
+  <PageHero
+    title="Documentation"
+    description="The Elixir programming language is broken into 6 applications. The links below reference the documentation for the modules and functions in each of those applications."
+    note='See also our <a href="https://hexdocs.pm/elixir/getting-started.html" target="_blank" rel="noopener noreferrer">Getting Started guide</a> and the <a href="/learning/">Learning page</a> for books, courses, videos, and more.'
+  />
+
+  {/* Stays inside the dark hero block. Negative top margin trims PageHero's
+     py-24 down so the heading-to-"Latest version" gap lands on 64px. */}
+  <section class="bg-black text-white md:-mt-4 lg:-mt-8">
+    <div class="mx-auto w-full max-w-[1440px] px-6 pb-16 md:px-12 md:pb-20 lg:pb-24">
+      <h2 data-reveal class="font-sans text-h3 font-medium text-white">
+        Latest version
+      </h2>
+
+      <article
+        data-reveal
+        style="--reveal-delay: 1"
+        class="mt-6 flex w-full flex-col items-stretch gap-10 border border-gray-60 bg-gray-100 p-8 md:p-12"
+      >
+        <header class="grid grid-cols-1 gap-3 sm:grid-cols-[1fr_auto] sm:items-center sm:gap-x-6">
+          <div class="flex items-center gap-4 sm:col-start-1 sm:row-start-1">
+            <span
+              class="inline-flex size-10 shrink-0 items-center justify-center text-purple-30"
+              aria-hidden="true"
+              set:html={bookIconSvg}
+            />
+            <h3 class="font-sans text-h3 font-medium text-white">
+              {stable.data.version ? `v${stable.data.version}` : stable.data.name}{" "}
+              <span class="font-light text-white/80">(stable)</span>
+            </h3>
+          </div>
+          {otpList(stable.data.otpVersions) && (
+            <p class="font-sans text-body font-normal text-white-10 sm:col-span-2 sm:row-start-2">
+              {otpList(stable.data.otpVersions)}
+            </p>
+          )}
+          {stable.data.version && (
+            <a
+              href={downloadUrl(stable.data.version)}
+              target="_blank"
+              rel="noopener noreferrer"
+              class="group inline-flex w-full shrink-0 items-center justify-center rounded-sm border border-gray-40 px-6 py-4 transition-all duration-base ease-out-quart will-change-transform hover:scale-[1.02] hover:border-purple-60 hover:bg-white/5 active:scale-[0.98] sm:col-start-2 sm:row-start-1 sm:w-auto"
+            >
+              <span class="inline-flex items-center justify-center px-2">
+                <span class="text-center font-sans text-body font-medium leading-6 text-white">
+                  Download
+                </span>
+              </span>
+              <span
+                class="inline-flex size-6 items-center justify-center text-white"
+                aria-hidden="true"
+                set:html={downloadIconSvg}
+              />
+            </a>
+          )}
+        </header>
+
+        {/* Column-first flow: col 1 = Elixir/EEx, col 2 = ExUnit/IEx, col 3 = Logger/Mix. */}
+        <ul class="grid grid-cols-1 justify-start gap-x-16 gap-y-4 sm:grid-cols-[max-content_max-content] sm:grid-rows-3 sm:grid-flow-col lg:grid-cols-[max-content_max-content_max-content] lg:grid-rows-2">
+          {MODULES.map((m) => (
+            <li class="text-body leading-[23px]">
+              <a
+                href={moduleUrl(stable.data.version, m.slug)}
+                target="_blank"
+                rel="noopener noreferrer"
+                class="font-sans font-normal leading-[23px] text-purple-40 underline decoration-solid underline-offset-2 transition-colors duration-fast ease-out-quart hover:text-purple-30"
+              >
+                {m.name}
+              </a>
+              <span class="font-sans font-normal leading-[23px] text-white-10">
+                {" "}- {m.description}
+              </span>
+            </li>
+          ))}
+        </ul>
+      </article>
+    </div>
+  </section>
+
+  <section class="bg-white-10 text-text-primary">
+    <div class="mx-auto w-full max-w-[1440px] px-6 pt-16 pb-8 md:px-12 md:pt-24 md:pb-16">
+      <h2
+        data-reveal
+        class="text-center font-sans text-h1 font-medium leading-tight text-black"
+      >
+        More versions
+      </h2>
+    </div>
+
+    <div class="mx-auto w-full max-w-[1440px] pb-20 md:px-12 md:pb-28">
+      <ul class="grid grid-cols-1 border-t border-l border-gray-0 md:grid-cols-2">
+        {versionCards.map((version, i) => {
+          return (
+            <li
+              data-reveal
+              style={`--reveal-delay: ${i % 2}`}
+              class="flex flex-col gap-10 border-r border-b border-gray-0 p-6 md:p-12"
+            >
+              <div class="flex flex-col gap-3">
+                <div class="flex min-h-12 items-center justify-between gap-4">
+                  <h3 class="font-sans text-h3 font-medium text-black">
+                    {version.name}
+                  </h3>
+                  {version.downloadVersion && (
+                    <a
+                      href={downloadUrl(version.downloadVersion)}
+                      target="_blank"
+                      rel="noopener noreferrer"
+                      aria-label={`Download ${version.name} docs`}
+                      class="group inline-flex size-12 shrink-0 items-center justify-center rounded-sm text-black transition-all duration-base ease-out-quart hover:scale-[1.02] hover:bg-purple-0 active:scale-[0.98]"
+                    >
+                      <span
+                        class="inline-flex size-4.5 items-center justify-center"
+                        aria-hidden="true"
+                        set:html={downloadIconSvg}
+                      />
+                    </a>
+                  )}
+                </div>
+                <p class="font-sans text-body font-normal text-black/80">
+                  {version.supportingText}
+                </p>
+              </div>
+
+              <ul class="flex flex-wrap items-center gap-x-5 gap-y-2">
+                {MODULES.map((m) => (
+                  <li>
+                    <a
+                      href={moduleUrl(version.docsVersion, m.slug)}
+                      target="_blank"
+                      rel="noopener noreferrer"
+                      class="font-sans text-body font-normal text-purple-60 underline decoration-solid underline-offset-2 transition-colors duration-fast ease-out-quart hover:text-purple-70"
+                    >
+                      {m.name}
+                    </a>
+                  </li>
+                ))}
+              </ul>
+            </li>
+          );
+        })}
+      </ul>
+    </div>
+  </section>
+</BaseLayout>
diff --git a/src/pages/index.astro b/src/pages/index.astro
new file mode 100644
index 000000000..2a4b500f0
--- /dev/null
+++ b/src/pages/index.astro
@@ -0,0 +1,24 @@
+---
+import ElixirInProduction from "@/components/home/ElixirInProduction.astro";
+import Hero from "@/components/home/Hero.astro";
+import ShapedByMany from "@/components/home/ShapedByMany.astro";
+import Stewards from "@/components/home/Stewards.astro";
+import UseElixirFor from "@/components/home/UseElixirFor.astro";
+import WhyElixir from "@/components/home/WhyElixir.astro";
+import BaseLayout from "@/layouts/BaseLayout.astro";
+
+const seo = {
+  title: undefined,
+  description:
+    "Elixir is a dynamic, functional language designed for building scalable and maintainable applications. Simple from zero to scale, running on the battle-tested Erlang VM.",
+};
+---
+
+<BaseLayout seo={seo} headerTone="dark">
+  <Hero />
+  <WhyElixir />
+  <ElixirInProduction />
+  <UseElixirFor />
+  <ShapedByMany />
+  <Stewards />
+</BaseLayout>
diff --git a/src/pages/install/index.astro b/src/pages/install/index.astro
new file mode 100644
index 000000000..b7460be80
--- /dev/null
+++ b/src/pages/install/index.astro
@@ -0,0 +1,348 @@
+---
+import AskQuestionsContent from "@/components/install/AskQuestionsContent.astro";
+import InstallErlangContent from "@/components/install/InstallErlangContent.astro";
+import InstallScriptsContent from "@/components/install/InstallScriptsContent.astro";
+import OsInstallContent from "@/components/install/OsInstallContent.astro";
+import PrecompiledPackagesContent from "@/components/install/PrecompiledPackagesContent.astro";
+import SetPathContent from "@/components/install/SetPathContent.astro";
+import VersionManagersContent from "@/components/install/VersionManagersContent.astro";
+import PageHero from "@/components/page/PageHero.astro";
+import SectionHeading from "@/components/ui/SectionHeading.astro";
+import SidebarLayout from "@/components/ui/SidebarLayout.astro";
+import SteppedNav from "@/components/ui/SteppedNav.astro";
+import BaseLayout from "@/layouts/BaseLayout.astro";
+import {
+  getStableElixirVersion,
+  loadElixirVersions,
+} from "@/lib/content-loaders";
+
+const stable = getStableElixirVersion(await loadElixirVersions());
+if (
+  !stable.data.version ||
+  !stable.data.minimumOtp ||
+  !stable.data.recommendedOtp ||
+  stable.data.otpVersions.length === 0
+) {
+  throw new Error(
+    "The stable Elixir version must define version, OTP versions, minimumOtp, and recommendedOtp.",
+  );
+}
+
+const version = stable.data.version;
+const minimumOtp = stable.data.minimumOtp;
+const recommendedOtp = stable.data.recommendedOtp;
+const otpVersions = [...stable.data.otpVersions].sort((a, b) => b - a);
+
+const sidebar = [
+  {
+    id: "install-by-os",
+    number: "01",
+    label: "Install by Operating System",
+    hasContent: true,
+  },
+  {
+    id: "install-scripts",
+    number: "02",
+    label: "Install Scripts",
+    hasContent: true,
+  },
+  {
+    id: "version-managers",
+    number: "03",
+    label: "Version Managers",
+    hasContent: true,
+  },
+  {
+    id: "precompiled-packages",
+    number: "04",
+    label: "Precompiled Packages",
+    hasContent: true,
+  },
+  {
+    id: "install-erlang",
+    number: "05",
+    label: "Install Erlang",
+    hasContent: true,
+  },
+  {
+    id: "set-path",
+    number: "06",
+    label: "Set the PATH Environment Variable",
+    hasContent: true,
+  },
+  {
+    id: "ask-questions",
+    number: "07",
+    label: "Ask Questions",
+    hasContent: true,
+  },
+];
+
+const spyIds = sidebar.filter((s) => s.hasContent).map((s) => s.id);
+const spyConfig = JSON.stringify(spyIds);
+
+const seo = {
+  title: "Install Elixir",
+  description:
+    "The fastest way to install Elixir is via install scripts, your operating system's package manager, or dedicated installers. All installation methods are explained in detail.",
+};
+---
+
+<BaseLayout seo={seo} headerTone="dark">
+  <div data-install-page>
+    <PageHero
+      title="Install Elixir"
+      description="The fastest way to install Elixir is via install scripts, your operating system's package manager, or dedicated installers. If those aren't viable options, we recommend using precompiled packages or compiling the language from source yourself. All of these installation methods are explained in detail below."
+      callout={{
+        title: `Elixir v${stable.data.version} requires Erlang ${stable.data.minimumOtp} or later.`,
+        description:
+          'Many of the instructions below will automatically install Erlang for you. If they do not, the "Install Erlang" section has you covered.',
+      }}
+    />
+
+    <section class="bg-white-10 text-text-primary">
+      <div class="mx-auto w-full max-w-[1440px] pt-12 pb-20 md:px-12 md:pt-20 md:pb-28">
+        <SteppedNav
+          steps={sidebar}
+          variant="mobile"
+          mobileLayout="stack"
+          mobileAriaLabel="Install sections"
+          activeId={sidebar[0].id}
+          class="mb-8 px-6 md:px-0"
+        />
+
+        <SidebarLayout
+          asideWidth="360"
+          gap="0"
+          stickyTop="20"
+          showAsideOnMobile={false}
+          asideLabel="Install steps"
+          asideClass="flex-col gap-6 border-t border-gray-0 p-12"
+        >
+          {/* lg:min-w-0 is required: flex items default to min-width:auto, and
+             the long shell-command lines inside the code blocks would otherwise
+             push the sticky sidebar off-viewport between 1024 and 1279px. */}
+          <div slot="main" class="flex w-full flex-col border border-gray-0 lg:min-w-0 lg:flex-1">
+            <article
+              id="install-by-os"
+              data-section="install-by-os"
+              data-reveal
+              class="flex scroll-mt-[104px] flex-col border-b border-gray-0"
+            >
+              <header class="flex flex-col items-start gap-4 p-6 pb-0 md:p-12 md:pb-0">
+                <SectionHeading
+                  title="Install by Operating System"
+                  description="Install Elixir according to your operating system and tool of choice."
+                  size="sm"
+                  tone="light"
+                />
+              </header>
+              <OsInstallContent version={version} otpVersions={otpVersions} />
+            </article>
+
+            <article
+              id="install-scripts"
+              data-section="install-scripts"
+              data-reveal
+              class="flex scroll-mt-[104px] flex-col border-b border-gray-0"
+            >
+              <header class="flex flex-col items-start gap-4 p-6 pb-0 md:p-12 md:pb-0">
+                <SectionHeading
+                  title="Install Scripts"
+                  size="sm"
+                  tone="light"
+                />
+              </header>
+              <InstallScriptsContent
+                version={version}
+                recommendedOtp={recommendedOtp}
+              />
+            </article>
+
+            <article
+              id="version-managers"
+              data-section="version-managers"
+              data-reveal
+              class="flex scroll-mt-[104px] flex-col border-b border-gray-0"
+            >
+              <header class="flex flex-col items-start gap-4 p-6 pb-0 md:p-12 md:pb-0">
+                <SectionHeading
+                  title="Version Managers"
+                  size="sm"
+                  tone="light"
+                />
+              </header>
+              <VersionManagersContent />
+            </article>
+
+            <article
+              id="precompiled-packages"
+              data-section="precompiled-packages"
+              data-reveal
+              class="flex scroll-mt-[104px] flex-col border-b border-gray-0"
+            >
+              <header class="flex flex-col items-start gap-4 p-6 pb-0 md:p-12 md:pb-0">
+                <SectionHeading
+                  title="Precompiled Packages"
+                  size="sm"
+                  tone="light"
+                />
+              </header>
+              <PrecompiledPackagesContent
+                version={version}
+                otpVersions={otpVersions}
+              />
+            </article>
+
+            <article
+              id="install-erlang"
+              data-section="install-erlang"
+              data-reveal
+              class="flex scroll-mt-[104px] flex-col border-b border-gray-0"
+            >
+              <header class="flex flex-col items-start gap-4 p-6 pb-0 md:p-12 md:pb-0">
+                <SectionHeading
+                  title="Install Erlang"
+                  size="sm"
+                  tone="light"
+                />
+              </header>
+              <InstallErlangContent minimumOtp={minimumOtp} />
+            </article>
+
+            <article
+              id="set-path"
+              data-section="set-path"
+              data-reveal
+              class="flex scroll-mt-[104px] flex-col border-b border-gray-0"
+            >
+              <header class="flex flex-col items-start gap-4 p-6 pb-0 md:p-12 md:pb-0">
+                <SectionHeading
+                  title="Set the PATH Environment Variable"
+                  size="sm"
+                  tone="light"
+                />
+              </header>
+              <SetPathContent />
+            </article>
+
+            <article
+              id="ask-questions"
+              data-section="ask-questions"
+              data-reveal
+              class="flex scroll-mt-[104px] flex-col"
+            >
+              <header class="flex flex-col items-start gap-4 p-6 pb-0 md:p-12 md:pb-0">
+                <SectionHeading
+                  title="Ask Questions"
+                  size="sm"
+                  tone="light"
+                />
+              </header>
+              <AskQuestionsContent />
+            </article>
+          </div>
+
+          <Fragment slot="aside">
+            <SteppedNav
+              steps={sidebar}
+              variant="desktop"
+              activeId={sidebar[0].id}
+            />
+          </Fragment>
+        </SidebarLayout>
+      </div>
+    </section>
+  </div>
+</BaseLayout>
+
+<script is:inline define:vars={{ spyConfig }}>
+  // Re-run on every astro:page-load so SPA navigations rebind cleanly;
+  // cleanup removes the previous run's scroll listener.
+  (() => {
+    let cleanup = null;
+
+    function init() {
+      cleanup?.();
+      cleanup = null;
+
+      const ids = JSON.parse(spyConfig);
+      const root = document.querySelector("[data-install-page]");
+      if (!root) return;
+
+      const tabs = root.querySelectorAll("[data-tab]");
+
+      function setActive(id) {
+        tabs.forEach((t) => {
+          const match = t.getAttribute("data-tab") === id;
+          if (match) {
+            t.setAttribute("data-active", "");
+            t.setAttribute("aria-pressed", "true");
+          } else {
+            t.removeAttribute("data-active");
+            t.setAttribute("aria-pressed", "false");
+          }
+        });
+      }
+
+      function scrollToSection(id) {
+        const target = document.getElementById(id);
+        if (!target) return;
+        const reduceMotion = window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+        target.scrollIntoView({
+          behavior: reduceMotion ? "auto" : "smooth",
+          block: "start",
+        });
+      }
+
+      let suppressSpyUntil = 0;
+      tabs.forEach((t) => {
+        t.addEventListener("click", () => {
+          const id = t.getAttribute("data-tab");
+          if (!id) return;
+          suppressSpyUntil = performance.now() + 1000;
+          setActive(id);
+          scrollToSection(id);
+        });
+      });
+
+      let lastSpy = "";
+      let scheduled = false;
+
+      function runSpy() {
+        scheduled = false;
+        if (performance.now() < suppressSpyUntil) return;
+        const triggerY = window.innerHeight * 0.5;
+        let bestId = "";
+        let bestOffset = -Infinity;
+        ids.forEach((id) => {
+          const el = document.getElementById(id);
+          if (!el) return;
+          const offset = el.getBoundingClientRect().top - triggerY;
+          if (offset <= 0 && offset > bestOffset) {
+            bestOffset = offset;
+            bestId = id;
+          }
+        });
+        if (!bestId) bestId = ids[0];
+        if (bestId === lastSpy) return;
+        lastSpy = bestId;
+        setActive(bestId);
+      }
+
+      function onScroll() {
+        if (scheduled) return;
+        scheduled = true;
+        requestAnimationFrame(runSpy);
+      }
+
+      window.addEventListener("scroll", onScroll, { passive: true });
+
+      cleanup = () => {
+        window.removeEventListener("scroll", onScroll);
+      };
+    }
+
+    document.addEventListener("astro:page-load", init);
+  })();
+</script>
diff --git a/src/pages/learning/index.astro b/src/pages/learning/index.astro
new file mode 100644
index 000000000..85220c752
--- /dev/null
+++ b/src/pages/learning/index.astro
@@ -0,0 +1,306 @@
+---
+import { Image } from "astro:assets";
+import PageHero from "@/components/page/PageHero.astro";
+import EmptyState from "@/components/ui/EmptyState.astro";
+import FilteredListing from "@/components/ui/FilteredListing.astro";
+import ArrowRight from "@/components/ui/icons/ArrowRight.astro";
+import TabFilter from "@/components/ui/TabFilter.astro";
+import BaseLayout from "@/layouts/BaseLayout.astro";
+import { loadLearning } from "@/lib/content-loaders";
+
+const items = await loadLearning();
+
+type TabId = "books" | "courses" | "screencasts" | "other";
+
+const tabs: { id: TabId; label: string }[] = [
+  { id: "books", label: "Books" },
+  { id: "courses", label: "Courses" },
+  { id: "screencasts", label: "Screencasts" },
+  { id: "other", label: "Other resources" },
+];
+
+const DEFAULT_TAB: TabId = "books";
+
+const countsByTab: Record<TabId, number> = {
+  books: 0,
+  courses: 0,
+  screencasts: 0,
+  other: 0,
+};
+for (const item of items) {
+  const tab =
+    item.data.category === "in-depth-books" ? "books" : item.data.category;
+  countsByTab[tab as TabId]++;
+}
+
+const displayItems = [
+  ...items.filter((item) => item.data.category === "books"),
+  ...items.filter((item) => item.data.category === "in-depth-books"),
+  ...items.filter(
+    (item) =>
+      item.data.category !== "books" && item.data.category !== "in-depth-books",
+  ),
+];
+
+const validTabIds = tabs.map((t) => t.id);
+
+const HTML_ESCAPES: Record<string, string> = {
+  "&": "&amp;",
+  "<": "&lt;",
+  ">": "&gt;",
+  '"': "&quot;",
+  "'": "&#39;",
+};
+const escapeHtml = (s: string) => s.replace(/[&<>"']/g, (c) => HTML_ESCAPES[c]);
+
+// Expands Markdown `[label](url)` segments to <a> tags; plain text otherwise.
+function descriptionToHtml(text: string): string {
+  return escapeHtml(text).replace(
+    /\[([^\]]+)\]\(([^)\s]+)\)/g,
+    (_, label, href) =>
+      `<a href="${href}" target="_blank" rel="noopener noreferrer" class="font-medium text-purple-70 underline decoration-from-font underline-offset-2 transition-colors duration-fast ease-out-quart hover:text-purple-80">${label}</a>`,
+  );
+}
+
+const seo = {
+  title: "Learning",
+  description:
+    "There are many ways to learn Elixir and explore the different domains it excels at. We hope you will find a resource that suits your pace and goals.",
+};
+---
+
+<BaseLayout seo={seo} headerTone="dark">
+  <FilteredListing
+    name="learning"
+    tabFilterName="learning-tab"
+    defaultTab={DEFAULT_TAB}
+    pageSize={Math.max(items.length, 1)}
+    counts={countsByTab}
+    validTabIds={validTabIds}
+    paramTab="tab"
+    paramPage="page"
+    class="block"
+  >
+    <PageHero
+      title="Learning"
+      description="There are many ways to learn Elixir and explore the different domains it excels at. We hope you will find a resource that suits your pace and goals."
+      resources={{
+        title: "Official resources",
+        items: [
+          {
+            label: "Getting Started guide",
+            href: "https://hexdocs.pm/elixir/introduction.html",
+            external: true,
+          },
+          {
+            label: "Build your first project with Mix and OTP",
+            href: "https://hexdocs.pm/elixir/introduction-to-mix.html",
+            external: true,
+          },
+          {
+            label: "API documentation",
+            href: "https://hexdocs.pm/elixir/",
+            external: true,
+          },
+        ],
+      }}
+    />
+
+    <section class="bg-white-10 text-text-primary">
+      <div class="mx-auto flex w-full max-w-[1440px] flex-col gap-12 px-6 pt-12 pb-20 md:px-12 md:gap-16 md:pt-20 md:pb-28">
+        {/* Mobile-only sticky tab strip; -mx-6 + px-6 makes the bg edge-to-edge. */}
+        <div
+          class="sticky top-20 z-30 -mx-6 bg-white-10 px-6 md:static md:z-auto md:mx-0 md:bg-transparent md:px-0"
+        >
+          <TabFilter
+            name="learning-tab"
+            tabs={tabs}
+            active={DEFAULT_TAB}
+            ariaLabel="Resource categories"
+          />
+        </div>
+
+        <div class="flex flex-col gap-16 md:gap-24" data-rows>
+          {items.length === 0 ? (
+            <EmptyState
+              title="No learning resources yet"
+              description="The library is being curated. Check back soon."
+            />
+          ) : (
+            displayItems.map((item, i) => {
+              const showInDepthHeading =
+                item.data.category === "in-depth-books" &&
+                displayItems[i - 1]?.data.category !== "in-depth-books";
+              const isBook =
+                item.data.category === "books" ||
+                item.data.category === "in-depth-books";
+
+              return (
+                <Fragment>
+                  {showInDepthHeading && (
+                    <h2
+                      data-book-heading
+                      class="font-sans text-h2 font-medium leading-tight text-black"
+                    >
+                      In-depth books
+                    </h2>
+                  )}
+
+                  {/* `group` wires the cover scale to hover anywhere on the row. */}
+                  <article
+                    data-resource
+                    data-reveal
+                    data-category={item.data.category}
+                    style={`--reveal-delay: ${i % 5}`}
+                    class="group flex flex-col items-center gap-10 xl:flex-row xl:items-center xl:gap-20"
+                  >
+                    <div
+                      class:list={[
+                        "flex shrink-0 items-center justify-center",
+                        isBook
+                          ? [
+                              "w-full max-w-[540px]",
+                              item.data.coverBleed
+                                ? "xl:w-[540px]"
+                                : "aspect-square bg-purple-5 p-12 xl:size-[540px]",
+                            ]
+                          : "aspect-square w-1/3 max-w-[180px] bg-purple-5 p-4 xl:size-[180px]",
+                      ]}
+                    >
+                      {item.data.cover ? (
+                        <Image
+                          src={item.data.cover}
+                          alt={item.data.coverAlt ?? item.data.title}
+                          widths={isBook ? [540, 1080] : [180, 360]}
+                          sizes={
+                            isBook
+                              ? "(min-width: 1024px) 540px, 80vw"
+                              : "(min-width: 1024px) 180px, 27vw"
+                          }
+                          loading="lazy"
+                          class:list={[
+                            "block object-contain transition-transform duration-base ease-out-quart will-change-transform group-hover:scale-[1.04]",
+                            isBook && item.data.coverBleed
+                              ? "h-auto w-full"
+                              : isBook
+                                ? "h-auto w-auto max-h-[380px] max-w-full shadow-[0_10px_20px_rgba(0,0,0,0.1)]"
+                                : "h-auto w-auto max-h-full max-w-full",
+                          ]}
+                        />
+                      ) : (
+                        <div
+                          class="flex h-full max-h-[380px] w-full max-w-[280px] items-center justify-center rounded-[6px] bg-purple-90 p-6 text-center text-white shadow-[0_10px_20px_rgba(0,0,0,0.1)] transition-transform duration-base ease-out-quart will-change-transform group-hover:scale-[1.04]"
+                        >
+                          <span class="font-sans text-h4 font-medium leading-tight">
+                            {item.data.title}
+                          </span>
+                        </div>
+                      )}
+                    </div>
+
+                    <div class="flex w-full flex-1 flex-col items-start gap-10">
+                      <div class="flex w-full flex-col items-start gap-6">
+                        <h3 class="font-sans text-h3 font-medium leading-tight text-black">
+                          {item.data.title}
+                        </h3>
+                        <p
+                          class="font-sans text-body font-normal whitespace-pre-line text-black/80"
+                          set:html={descriptionToHtml(item.data.description)}
+                        />
+                      </div>
+                      {item.data.url && (
+                        <a
+                          href={item.data.url}
+                          target="_blank"
+                          rel="noopener noreferrer"
+                          class="group inline-flex items-center justify-center rounded-sm border border-gray-20 px-6 py-4 transition-all duration-base ease-out-quart will-change-transform hover:scale-[1.02] hover:border-gray-40 hover:bg-purple-0 active:scale-[0.98]"
+                        >
+                          <span class="inline-flex items-center justify-center px-2">
+                            <span class="text-center font-sans text-body font-medium leading-6 text-black">
+                              Read more
+                            </span>
+                          </span>
+                          <span class="inline-flex size-6 items-center justify-center transition-transform duration-fast ease-out-quart group-hover:translate-x-0.5">
+                            <ArrowRight size={24} />
+                          </span>
+                        </a>
+                      )}
+                    </div>
+                  </article>
+                </Fragment>
+              );
+            })
+          )}
+
+          <div data-empty-state class="hidden">
+            <EmptyState
+              title="No resources in this category yet"
+              description="The library is being curated. Check back soon."
+            />
+          </div>
+        </div>
+      </div>
+    </section>
+  </FilteredListing>
+</BaseLayout>
+
+<script is:inline>
+  // URL state, popstate, and TabFilter sync are owned by <FilteredListing>.
+  function initLearning() {
+    const root = document.querySelector(
+      'elixir-filtered-listing[data-name="learning"]',
+    );
+    if (!root) return;
+
+    const resources = root.querySelectorAll("[data-resource]");
+    const bookHeadings = root.querySelectorAll("[data-book-heading]");
+    const emptyState = root.querySelector("[data-empty-state]");
+    const config = JSON.parse(root.getAttribute("data-config") || "{}");
+    const counts = config.counts || {};
+
+    let firstRender = true;
+
+    function renderResources(activeTab) {
+      let matchIdx = 0;
+      bookHeadings.forEach((heading) => {
+        heading.classList.toggle("hidden", activeTab !== "books");
+      });
+      resources.forEach((el) => {
+        const category = el.getAttribute("data-category");
+        const match =
+          category === activeTab ||
+          (activeTab === "books" && category === "in-depth-books");
+        if (!match) {
+          el.classList.add("hidden");
+          el.classList.remove("xl:flex-row-reverse");
+          return;
+        }
+        el.classList.remove("hidden");
+        if (!firstRender && !el.hasAttribute("data-revealed")) {
+          el.setAttribute("data-revealed", "true");
+        }
+        el.classList.toggle("xl:flex-row-reverse", matchIdx % 2 === 1);
+        matchIdx++;
+      });
+      firstRender = false;
+      if (emptyState) {
+        emptyState.classList.toggle("hidden", (counts[activeTab] ?? 0) > 0);
+      }
+    }
+
+    root.addEventListener("filterchange", (e) => {
+      renderResources(e.detail.activeTab);
+    });
+
+    // Wait for the custom element to be upgraded so the state getter
+    // reflects the URL the user actually arrived at on SPA navigations.
+    customElements.whenDefined("elixir-filtered-listing").then(() => {
+      const { activeTab } = root.state ?? {
+        activeTab: config.defaultTab || "books",
+      };
+      renderResources(activeTab);
+    });
+  }
+
+  document.addEventListener("astro:page-load", initLearning);
+</script>
diff --git a/src/pages/stewards/index.astro b/src/pages/stewards/index.astro
new file mode 100644
index 000000000..96c75540c
--- /dev/null
+++ b/src/pages/stewards/index.astro
@@ -0,0 +1,16 @@
+---
+import { getEntry, render } from "astro:content";
+import StandalonePage from "@/components/page/StandalonePage.astro";
+
+const entry = await getEntry("standalonePages", "stewards");
+const Content = entry ? (await render(entry)).Content : null;
+
+const description =
+  "Companies investing in the Elixir ecosystem by employing or sponsoring developers to work full-time on open-source tooling.";
+
+const title = "Elixir Open Source Stewards";
+---
+
+<StandalonePage title={title} description={description}>
+  {Content && <Content />}
+</StandalonePage>
diff --git a/src/pages/trademarks/index.astro b/src/pages/trademarks/index.astro
new file mode 100644
index 000000000..6f1575b44
--- /dev/null
+++ b/src/pages/trademarks/index.astro
@@ -0,0 +1,16 @@
+---
+import { getEntry, render } from "astro:content";
+import StandalonePage from "@/components/page/StandalonePage.astro";
+
+// Legal policy: do not paraphrase; preserve the original section anchors.
+const entry = await getEntry("standalonePages", "trademarks");
+const Content = entry ? (await render(entry)).Content : null;
+
+const title = "Trademarks policy";
+const description =
+  'Policy for allowed usage of the "Elixir" word and the Elixir logo.';
+---
+
+<StandalonePage title={title} description={description}>
+  {Content && <Content />}
+</StandalonePage>
diff --git a/src/scripts/reveal.ts b/src/scripts/reveal.ts
new file mode 100644
index 000000000..8cc5da198
--- /dev/null
+++ b/src/scripts/reveal.ts
@@ -0,0 +1,71 @@
+let isFirstLoad = true;
+
+function revealImmediately(els: HTMLElement[]) {
+  for (const el of els) el.dataset.revealed = "true";
+}
+
+function initReveal() {
+  const all = document.querySelectorAll<HTMLElement>(
+    "[data-reveal]:not([data-revealed])",
+  );
+  if (all.length === 0) return;
+
+  if (!isFirstLoad) {
+    revealImmediately(Array.from(all));
+    return;
+  }
+
+  const eager: HTMLElement[] = [];
+  const scrolled: HTMLElement[] = [];
+  for (const el of all) {
+    if (el.hasAttribute("data-reveal-eager")) eager.push(el);
+    else scrolled.push(el);
+  }
+
+  if (eager.length > 0) {
+    requestAnimationFrame(() => {
+      requestAnimationFrame(() => {
+        revealImmediately(eager);
+      });
+    });
+  }
+
+  if (scrolled.length === 0) return;
+
+  if (typeof IntersectionObserver === "undefined") {
+    revealImmediately(scrolled);
+    return;
+  }
+
+  const observer = new IntersectionObserver(
+    (entries) => {
+      for (const entry of entries) {
+        if (!entry.isIntersecting) continue;
+        const el = entry.target as HTMLElement;
+        el.dataset.revealed = "true";
+        observer.unobserve(el);
+      }
+    },
+    { rootMargin: "0px 0px -10% 0px", threshold: 0.05 },
+  );
+
+  for (const el of scrolled) observer.observe(el);
+}
+
+if (document.readyState === "loading") {
+  document.addEventListener("DOMContentLoaded", initReveal, { once: true });
+} else {
+  initReveal();
+}
+
+document.addEventListener("astro:before-swap", () => {
+  document.documentElement.setAttribute("data-spa-nav", "");
+});
+
+document.addEventListener("astro:page-load", () => {
+  initReveal();
+  isFirstLoad = false;
+  setTimeout(() => {
+    document.documentElement.removeAttribute("data-spa-nav");
+  }, 350);
+});
diff --git a/src/styles/style.css b/src/styles/style.css
new file mode 100644
index 000000000..51e5ff615
--- /dev/null
+++ b/src/styles/style.css
@@ -0,0 +1,467 @@
+@import "tailwindcss";
+@plugin "@tailwindcss/typography";
+
+/*
+ * Design tokens.
+ */
+@theme inline {
+  --color-purple-0: #f6f0fa;
+  --color-purple-5: #ebe7ee;
+  --color-purple-10: #eee4f6;
+  --color-purple-20: #e3d1f0;
+  --color-purple-30: #d0b3e5;
+  --color-purple-40: #b88cd9;
+  --color-purple-50: #a066cc;
+  --color-purple-60: #8847b9;
+  --color-purple-70: #6e2e9e;
+  --color-purple-80: #531f7a;
+  --color-purple-90: #380f57;
+
+  --color-gray-0: #d9d3de;
+  --color-gray-10: #b3a7be;
+  --color-gray-20: #b3a7be;
+  --color-gray-40: #746284;
+  --color-gray-60: #5a4c67;
+  --color-gray-80: #41304f;
+  --color-gray-100: #271b32;
+
+  --color-orange-50: #f47c46;
+  --color-orange-60: #f0682a;
+  --color-orange-70: #ca3f00;
+
+  --color-black: #1a1221;
+  --color-text-primary: #0d0f26;
+  --color-white-10: #fdfbfd;
+  --color-white: #ffffff;
+
+  /* Prefer semantic aliases over raw scale values inside components. */
+  --color-brand: var(--color-purple-90);
+  --color-brand-accent: var(--color-purple-60);
+  --color-surface-dark: var(--color-black);
+  --color-surface-light: var(--color-white);
+  --color-surface-muted: var(--color-purple-0);
+  --color-text-on-dark: var(--color-white);
+  --color-text-on-light: var(--color-text-primary);
+  --color-text-muted-on-dark: var(--color-gray-20);
+  --color-text-muted-on-light: var(--color-gray-60);
+  --color-border-on-dark: var(--color-gray-60);
+  --color-border-on-light: var(--color-gray-0);
+  --color-focus-ring: var(--color-purple-50);
+
+  --font-sans:
+    var(--font-dm-sans), ui-sans-serif, system-ui, -apple-system,
+    "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
+  --font-display: var(--font-sans);
+  --font-mono:
+    var(--font-dm-mono), ui-monospace, SFMono-Regular, "SF Mono", Menlo,
+    Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
+
+  --text-display: 4rem;
+  --text-display--line-height: 1.0625;
+  --text-h1: 3.5rem;
+  --text-h1--line-height: 1.1;
+  --text-h2: 3rem;
+  --text-h2--line-height: 1.15;
+  --text-h3: 2rem;
+  --text-h3--line-height: 1.2;
+  --text-h4: 1.5rem;
+  --text-h4--line-height: 1.25;
+  --text-lead: 1.25rem;
+  --text-lead--line-height: 1.4;
+  --text-body: 1rem;
+  --text-body--line-height: 1.5;
+  --text-small: 0.875rem;
+  --text-small--line-height: 1.5;
+  --text-caption: 0.8125rem;
+  --text-caption--line-height: 1.4;
+
+  --container-padding-mobile: 1rem;
+  --container-padding-tablet: 1.5rem;
+  --container-padding-desktop: 3rem;
+  --container-max: 90rem;
+  --container-max-content: 75rem;
+
+  --radius-xs: 0.25rem;
+  --radius-sm: 0.5rem;
+  --radius-md: 1rem;
+  --radius-lg: 1.375rem;
+  --radius-xl: 2rem;
+  --radius-full: 9999px;
+
+  --shadow-card: 0 1px 2px rgba(13, 15, 38, 0.04), 0 4px 12px rgba(13, 15, 38, 0.06);
+  --shadow-elevated: 0 4px 8px rgba(13, 15, 38, 0.06), 0 16px 32px rgba(13, 15, 38, 0.12);
+  --shadow-focus: 0 0 0 4px rgba(160, 102, 204, 0.35);
+
+  --ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1);
+  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
+  --ease-in-out-soft: cubic-bezier(0.65, 0, 0.35, 1);
+  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
+
+  --duration-fast: 150ms;
+  --duration-base: 250ms;
+  --duration-slow: 450ms;
+  --duration-reveal: 700ms;
+
+  --breakpoint-xs: 30rem;
+  --breakpoint-sm: 40rem;
+  --breakpoint-md: 48rem;
+  --breakpoint-lg: 64rem;
+  --breakpoint-xl: 80rem;
+  --breakpoint-2xl: 96rem;
+}
+
+@layer base {
+  *,
+  *::before,
+  *::after {
+    box-sizing: border-box;
+  }
+
+  html {
+    -webkit-text-size-adjust: 100%;
+    text-rendering: optimizeLegibility;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+  }
+
+  body {
+    margin: 0;
+    background-color: var(--color-white-10);
+    color: var(--color-text-primary);
+    font-family: var(--font-sans);
+    font-size: var(--text-body);
+    line-height: var(--text-body--line-height);
+    overflow-x: hidden;
+  }
+
+  h1, h2, h3, h4, h5, h6 {
+    font-family: var(--font-display);
+    margin: 0;
+    color: inherit;
+  }
+
+  p { margin: 0; }
+
+  a {
+    color: inherit;
+    text-decoration: none;
+  }
+
+  img, svg, video {
+    display: block;
+    max-width: 100%;
+  }
+
+  :focus-visible {
+    outline: 2px solid var(--color-focus-ring);
+    outline-offset: 2px;
+    border-radius: var(--radius-xs);
+  }
+
+  :focus:not(:focus-visible) {
+    outline: none;
+  }
+
+  .skip-link {
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: 100;
+    padding: 0.75rem 1rem;
+    background: var(--color-black);
+    color: var(--color-white);
+    border-radius: 0 0 var(--radius-sm) 0;
+    transform: translateY(-110%);
+    transition: transform var(--duration-fast) var(--ease-out-quart);
+  }
+  .skip-link:focus-visible {
+    transform: translateY(0);
+  }
+}
+
+@layer utilities {
+  [data-reveal] {
+    opacity: 0;
+    transform: translateY(12px);
+    transition:
+      opacity var(--duration-reveal) var(--ease-out-expo),
+      transform var(--duration-reveal) var(--ease-out-expo);
+    transition-delay: calc(var(--reveal-delay, 0) * 15ms);
+    will-change: opacity, transform;
+  }
+
+  html[data-spa-nav] [data-reveal] {
+    transition-duration: 250ms;
+    transition-delay: 0ms;
+  }
+  html[data-spa-nav] [data-reveal] {
+    transform: translateY(6px);
+  }
+  html[data-spa-nav] [data-reveal][data-reveal-variant="down"] {
+    transform: translateY(-6px);
+  }
+  html[data-spa-nav] [data-reveal][data-reveal-variant="left"] {
+    transform: translateX(-8px);
+  }
+  html[data-spa-nav] [data-reveal][data-reveal-variant="right"] {
+    transform: translateX(8px);
+  }
+  html[data-spa-nav] [data-reveal][data-reveal-variant="fade"] {
+    transform: none;
+  }
+  html[data-spa-nav] [data-reveal][data-reveal-variant="scale"] {
+    transform: scale(0.98);
+  }
+
+  [data-reveal][data-reveal-variant="down"] {
+    transform: translateY(-12px);
+  }
+  [data-reveal][data-reveal-variant="left"] {
+    transform: translateX(-16px);
+  }
+  [data-reveal][data-reveal-variant="right"] {
+    transform: translateX(16px);
+  }
+  [data-reveal][data-reveal-variant="fade"] {
+    transform: none;
+  }
+  [data-reveal][data-reveal-variant="scale"] {
+    transform: scale(0.96);
+  }
+
+  [data-reveal][data-revealed="true"] {
+    opacity: 1;
+    transform: none;
+  }
+
+  .scrollbar-none {
+    scrollbar-width: none;
+    -ms-overflow-style: none;
+  }
+  .scrollbar-none::-webkit-scrollbar {
+    display: none;
+  }
+}
+
+/* Prose styles applied inside .blog-prose on the blog post body. */
+.blog-prose {
+  color: var(--color-black);
+  font-family: var(--font-sans);
+  font-size: 1.125rem;
+  line-height: 1.75;
+}
+
+.blog-prose :where(p, ul, ol, blockquote, pre, h2, h3, h4, hr, table, img) {
+  margin: 0;
+}
+
+.blog-prose > * + * {
+  margin-top: 1.5rem;
+}
+
+.blog-prose p {
+  font-size: 1.125rem;
+  line-height: 1.75;
+  color: var(--color-black);
+}
+
+.blog-prose strong {
+  font-weight: 600;
+  color: var(--color-black);
+}
+
+.blog-prose em {
+  font-style: italic;
+}
+
+.blog-prose a {
+  color: var(--color-purple-70);
+  text-decoration: underline;
+  text-underline-offset: 0.2em;
+  transition: color var(--duration-fast) var(--ease-out-quart);
+}
+
+.blog-prose a:hover {
+  color: var(--color-purple-80);
+}
+
+.blog-prose h2 {
+  margin-top: 3rem;
+  font-size: 2.5rem;
+  line-height: 1.15;
+  font-weight: 500;
+  color: var(--color-black);
+}
+
+.blog-prose h3 {
+  margin-top: 2.5rem;
+  font-size: 1.5rem;
+  line-height: 1.25;
+  font-weight: 500;
+  color: var(--color-black);
+}
+
+.blog-prose h4 {
+  margin-top: 2rem;
+  font-size: 1.25rem;
+  line-height: 1.3;
+  font-weight: 500;
+  color: var(--color-black);
+}
+
+.blog-prose :not(pre) > code {
+  background: rgba(13, 15, 38, 0.05);
+  color: var(--color-black);
+  font-family: var(--font-mono);
+  font-size: 0.95em;
+  padding: 0.1em 0.4em;
+  border-radius: 4px;
+}
+
+.blog-prose pre,
+.blog-prose pre.astro-code {
+  margin-block: 1.5rem;
+  font-family: var(--font-mono);
+  font-size: 0.95rem;
+  line-height: 1.65;
+  padding: 1rem 1.25rem;
+  border-radius: 6px;
+  overflow-x: auto;
+}
+
+.blog-prose > pre + * {
+  margin-top: 1.25rem;
+}
+
+.blog-prose pre code {
+  background: transparent;
+  border: 0;
+  padding: 0;
+  color: inherit;
+  font-family: var(--font-mono);
+  font-size: inherit;
+}
+
+.blog-prose blockquote {
+  margin: 1.5rem 0;
+  padding-left: 2rem;
+  border-left: 2px solid var(--color-purple-70);
+  font-style: italic;
+  color: rgba(26, 18, 33, 0.8);
+}
+
+.blog-prose blockquote p {
+  font-style: italic;
+  color: rgba(26, 18, 33, 0.8);
+}
+
+.blog-prose ul,
+.blog-prose ol {
+  margin: 0;
+  padding-left: 1.5rem;
+}
+
+.blog-prose ul { list-style: disc; }
+.blog-prose ol { list-style: decimal; }
+
+.blog-prose li { line-height: 1.75; }
+.blog-prose li + li { margin-top: 0.75rem; }
+.blog-prose li > p { margin: 0; line-height: 1.75; }
+.blog-prose li > ul,
+.blog-prose li > ol { margin-top: 0.75rem; }
+
+[data-development-content] #team ~ ul,
+[data-development-content] #team ~ ol { margin-top: 1.5rem; }
+
+.blog-prose img {
+  max-width: 100%;
+  height: auto;
+  margin: 0;
+}
+
+.blog-prose > p:has(> img:only-child),
+.blog-prose > img {
+  margin-top: 3rem;
+  margin-bottom: 1.25rem;
+}
+
+.blog-prose hr {
+  margin: 2rem 0;
+  border: 0;
+  border-top: 1px solid var(--color-gray-0);
+}
+
+.blog-prose table {
+  width: 100%;
+  table-layout: auto;
+  border-collapse: collapse;
+  border: 1px solid var(--color-gray-0);
+  font-size: 1rem;
+  line-height: 1.6;
+}
+
+.blog-prose thead {
+  background: var(--color-purple-10);
+  border-bottom: 2px solid var(--color-purple-40);
+}
+
+.blog-prose th,
+.blog-prose td {
+  padding: 0.75rem 1rem;
+  text-align: left;
+  vertical-align: top;
+  border-right: 1px solid var(--color-gray-0);
+  border-bottom: 1px solid var(--color-gray-0);
+}
+
+.blog-prose th:last-child,
+.blog-prose td:last-child {
+  border-right: 0;
+}
+
+.blog-prose tbody tr:last-child td {
+  border-bottom: 0;
+}
+
+.blog-prose th {
+  font-weight: 600;
+  color: var(--color-black);
+  white-space: nowrap;
+}
+
+.blog-prose td :not(pre) > code,
+.blog-prose th :not(pre) > code {
+  padding: 0.05em 0.3em;
+  font-size: 0.95em;
+}
+
+.blog-prose sup a {
+  color: var(--color-purple-70);
+  text-decoration: none;
+}
+
+.blog-prose .footnotes {
+  margin-top: 4rem;
+  padding-top: 2rem;
+  border-top: 1px solid var(--color-gray-0);
+  font-size: 1rem;
+  color: rgba(26, 18, 33, 0.8);
+}
+
+@media (prefers-reduced-motion: reduce) {
+  *,
+  *::before,
+  *::after {
+    animation-duration: 0.01ms !important;
+    animation-iteration-count: 1 !important;
+    transition-duration: 0.01ms !important;
+    scroll-behavior: auto !important;
+  }
+
+  [data-reveal],
+  [data-reveal][data-reveal-variant] {
+    opacity: 1 !important;
+    transform: none !important;
+    transition: none !important;
+  }
+}
diff --git a/src/utilities/classname.ts b/src/utilities/classname.ts
new file mode 100644
index 000000000..3bbf63ca2
--- /dev/null
+++ b/src/utilities/classname.ts
@@ -0,0 +1,8 @@
+import { defineConfig } from "cva";
+import { twMerge as onComplete } from "tailwind-merge";
+
+export type { VariantProps } from "cva";
+
+export const { compose, cva, cx } = defineConfig({ hooks: { onComplete } });
+
+export const cn = cx;
diff --git a/src/utilities/elixir-highlight.ts b/src/utilities/elixir-highlight.ts
new file mode 100644
index 000000000..9b8aadf86
--- /dev/null
+++ b/src/utilities/elixir-highlight.ts
@@ -0,0 +1,60 @@
+// Elixir syntax highlighting via shiki, using the github-dark theme.
+//
+// Used at build time by the homepage Astro components, and lazily on
+// the client by the hero editor (dynamically imported, so shiki stays
+// out of the initial island bundle).
+
+import { createHighlighterCore, type HighlighterCore } from "@shikijs/core";
+import { createJavaScriptRegexEngine } from "@shikijs/engine-javascript";
+import elixirLang from "@shikijs/langs/elixir";
+import githubDark from "@shikijs/themes/github-dark";
+
+export type HighlightedToken = {
+  text: string;
+  color?: string;
+  italic?: boolean;
+};
+
+export type HighlightedLine = HighlightedToken[];
+
+let highlighterPromise: Promise<HighlighterCore> | null = null;
+
+export function getElixirHighlighter(): Promise<HighlighterCore> {
+  highlighterPromise ??= createHighlighterCore({
+    themes: [githubDark],
+    langs: [elixirLang],
+    engine: createJavaScriptRegexEngine(),
+  });
+  return highlighterPromise;
+}
+
+// Tokenizes Elixir source into per-line tokens.
+export function highlightElixir(
+  highlighter: HighlighterCore,
+  code: string,
+): HighlightedLine[] {
+  const lines = highlighter.codeToTokensBase(code, {
+    lang: "elixir",
+    theme: "github-dark",
+  });
+
+  return lines.map((line) => {
+    const tokens: HighlightedLine = [];
+    for (const themed of line) {
+      const fontStyle = themed.fontStyle ?? 0;
+      const italic = fontStyle > 0 && (fontStyle & 1) !== 0;
+      const color = themed.color;
+      const prev = tokens[tokens.length - 1];
+      if (prev && prev.color === color && (prev.italic ?? false) === italic) {
+        prev.text += themed.content;
+      } else {
+        tokens.push({
+          text: themed.content,
+          ...(color !== undefined && { color }),
+          ...(italic && { italic }),
+        });
+      }
+    }
+    return tokens;
+  });
+}
diff --git a/src/utilities/highlight-style.ts b/src/utilities/highlight-style.ts
new file mode 100644
index 000000000..fe453aa5e
--- /dev/null
+++ b/src/utilities/highlight-style.ts
@@ -0,0 +1,12 @@
+import type { HighlightedToken } from "@/utilities/elixir-highlight";
+
+// Inline style for a highlighted token.
+export function tokenStyle(
+  token: HighlightedToken,
+): { color?: string; fontStyle?: "italic" } | undefined {
+  if (!token.color && !token.italic) return undefined;
+  return {
+    ...(token.color && { color: token.color }),
+    ...(token.italic && { fontStyle: "italic" as const }),
+  };
+}
diff --git a/src/utilities/seo.ts b/src/utilities/seo.ts
new file mode 100644
index 000000000..403e0dd56
--- /dev/null
+++ b/src/utilities/seo.ts
@@ -0,0 +1,157 @@
+export interface SeoInput {
+  title?: string;
+  description?: string;
+  keywords?: string[];
+  canonicalUrl?: URL | string;
+  ogType?: "website" | "article";
+  ogImage?: string;
+  twitterCard?: "summary" | "summary_large_image";
+  twitterSite?: string;
+  noindex?: boolean;
+  article?: {
+    publishedTime?: string;
+    modifiedTime?: string;
+    author?: string;
+    tags?: string[];
+  };
+}
+
+export interface SeoResolved {
+  title: string;
+  description: string;
+  keywords: string;
+  canonicalUrl: string;
+  siteName: string;
+  ogTitle: string;
+  ogDescription: string;
+  ogType: "website" | "article";
+  ogImage: string;
+  ogLocale: string;
+  twitterCard: "summary" | "summary_large_image";
+  twitterSite: string;
+  noindex: boolean;
+  article?: SeoInput["article"];
+}
+
+// Brand strings copied verbatim from elixir-lang.org's <head> so search
+// engines and link previews see the same surface.
+const SITE_NAME = "The Elixir programming language";
+const DEFAULT_TITLE = "The Elixir programming language";
+const DEFAULT_DESCRIPTION =
+  "Welcome to Elixir, a dynamic, functional language designed for building scalable and maintainable applications.";
+const DEFAULT_KEYWORDS = [
+  "elixir",
+  "elixir lang",
+  "elixir language",
+  "elixir programming language",
+  "functional programming",
+  "concurrent programming",
+  "erlang vm",
+  "beam vm",
+  "phoenix framework",
+  "otp",
+];
+const DEFAULT_OG_IMAGE = "/images/seo/og-image-elixir.png";
+const DEFAULT_OG_LOCALE = "en_US";
+const DEFAULT_TWITTER_SITE = "@elixirlang";
+
+export function buildSeo(
+  input: SeoInput,
+  site: URL | string | undefined,
+  currentUrl?: URL | string,
+): SeoResolved {
+  const siteBase = site
+    ? new URL(site.toString()).origin
+    : "https://elixir-lang.org";
+
+  // Per-page titles suffix " | The Elixir programming language"; the home
+  // page uses the raw site name to avoid doubling.
+  const titleRaw = input.title ?? DEFAULT_TITLE;
+  const title = input.title ? `${input.title} | ${SITE_NAME}` : titleRaw;
+
+  const description = input.description ?? DEFAULT_DESCRIPTION;
+  const keywords = (input.keywords ?? DEFAULT_KEYWORDS).join(", ");
+
+  // Canonical: explicit override -> current page URL -> site root
+  // (last-resort siteBase keeps tests happy without an Astro context).
+  let canonicalUrl: string;
+  if (input.canonicalUrl) {
+    canonicalUrl = new URL(input.canonicalUrl.toString(), siteBase).toString();
+  } else if (currentUrl) {
+    // Normalize against the production origin so localhost previews still
+    // emit canonical = https://elixir-lang.org/... in the built HTML.
+    const u = new URL(currentUrl.toString());
+    canonicalUrl = new URL(u.pathname + u.search, siteBase).toString();
+  } else {
+    canonicalUrl = siteBase;
+  }
+  const ogImage = input.ogImage
+    ? new URL(input.ogImage, siteBase).toString()
+    : new URL(DEFAULT_OG_IMAGE, siteBase).toString();
+
+  return {
+    title,
+    description,
+    keywords,
+    canonicalUrl,
+    siteName: SITE_NAME,
+    ogTitle: input.title ?? DEFAULT_TITLE,
+    ogDescription: description,
+    ogType: input.ogType ?? "website",
+    ogImage,
+    ogLocale: DEFAULT_OG_LOCALE,
+    twitterCard: input.twitterCard ?? "summary_large_image",
+    twitterSite: input.twitterSite ?? DEFAULT_TWITTER_SITE,
+    noindex: input.noindex ?? false,
+    article: input.article,
+  };
+}
+
+export function organizationJsonLd(siteUrl: string) {
+  return {
+    "@context": "https://schema.org",
+    "@type": "Organization",
+    name: SITE_NAME,
+    url: siteUrl,
+    logo: `${siteUrl}/images/seo/favicon-512-elixir.png`,
+    sameAs: [
+      "https://github.com/elixir-lang/elixir",
+      "https://twitter.com/elixirlang",
+    ],
+  };
+}
+
+export function articleJsonLd(opts: {
+  title: string;
+  description: string;
+  url: string;
+  image?: string;
+  author?: string;
+  datePublished?: string;
+  dateModified?: string;
+}) {
+  return {
+    "@context": "https://schema.org",
+    "@type": "Article",
+    headline: opts.title,
+    description: opts.description,
+    image: opts.image,
+    author: opts.author ? { "@type": "Person", name: opts.author } : undefined,
+    datePublished: opts.datePublished,
+    dateModified: opts.dateModified,
+    mainEntityOfPage: { "@type": "WebPage", "@id": opts.url },
+  };
+}
+
+export function breadcrumbJsonLd(crumbs: { name: string; url: string }[]) {
+  return {
+    "@context": "https://schema.org",
+    "@type": "BreadcrumbList",
+    itemListElement: crumbs.map((c, i) => ({
+      "@type": "ListItem",
+      position: i + 1,
+      name: c.name,
+      item: c.url,
+    })),
+  };
+}
diff --git a/svgo.config.mjs b/svgo.config.mjs
new file mode 100644
index 000000000..d805e8bf7
--- /dev/null
+++ b/svgo.config.mjs
@@ -0,0 +1,30 @@
+/**
+ * SVGO config - strips Figma export cruft while preserving recolorability.
+ * Run via `pnpm run icons:optimize` and the Husky pre-commit hook.
+ */
+export default {
+  multipass: true,
+  js2svg: { indent: 2, pretty: false },
+  plugins: [
+    {
+      name: "preset-default",
+      params: {
+        overrides: {
+          removeViewBox: false,
+          cleanupIds: { remove: false, minify: true },
+          inlineStyles: { onlyMatchedOnce: false },
+        },
+      },
+    },
+    "removeDimensions",
+    "removeXMLNS",
+    {
+      name: "addAttributesToSVGElement",
+      params: { attributes: [{ xmlns: "http://www.w3.org/2000/svg" }] },
+    },
+    {
+      name: "convertColors",
+      params: { currentColor: false, shorthex: true, names2hex: true },
+    },
+  ],
+};
diff --git a/tests/a11y.spec.ts b/tests/a11y.spec.ts
new file mode 100644
index 000000000..b1f1f3e33
--- /dev/null
+++ b/tests/a11y.spec.ts
@@ -0,0 +1,37 @@
+import AxeBuilder from "@axe-core/playwright";
+import { expect, test } from "@playwright/test";
+import { coreRoutes } from "./routes";
+
+/*
+ * axe-core a11y scan - fails on any serious/critical violation.
+ */
+for (const route of coreRoutes) {
+  test(`${route.name} has no serious/critical a11y issues`, async ({
+    page,
+  }) => {
+    // Reduced-motion makes the scroll-reveal CSS snap [data-reveal]
+    // elements to opacity:1 immediately. Without it the scan can catch
+    // elements mid-fade at partial opacity, producing phantom
+    // color-contrast failures (e.g. purple-60 links measured at ~60%
+    // opacity read as ~3.3:1 instead of their settled 5.7:1).
+    await page.emulateMedia({ reducedMotion: "reduce" });
+    await page.goto(route.path);
+    const results = await new AxeBuilder({ page })
+      .withTags(["wcag2a", "wcag2aa", "wcag21a", "wcag21aa"])
+      // Exclude Shiki syntax-highlight tokens. The github-light token
+      // palette is rendered on the brand purple-20 code background, which
+      // drops some tokens (comment gray, keyword red) just below 4.5:1.
+      // That's a deliberate design choice for code samples, not a content
+      // contrast bug - fixing it means recolouring the syntax theme or the
+      // code background, which is a design decision tracked separately.
+      .exclude(".astro-code")
+      .analyze();
+    const serious = results.violations.filter(
+      (v) => v.impact === "serious" || v.impact === "critical",
+    );
+    expect(
+      serious,
+      `${route.name} has ${serious.length} serious/critical a11y violation(s): ${serious.map((s) => s.id).join(", ")}`,
+    ).toEqual([]);
+  });
+}
diff --git a/tests/filter.spec.ts b/tests/filter.spec.ts
new file mode 100644
index 000000000..1b2ab1bf7
--- /dev/null
+++ b/tests/filter.spec.ts
@@ -0,0 +1,144 @@
+import { expect, type Page, test } from "@playwright/test";
+
+/*
+ * Interaction spec for the filtered listings (/blog/, /learning/).
+ *
+ * These behaviours have ALL regressed at least once and were invisible to
+ * the smoke / visual / a11y specs because none of those exercise client
+ * behaviour:
+ *   - switching a tab updates the visible rows + the URL query param
+ *   - pagination changes the page + URL
+ *   - deep-linking ?category=X selects the right tab on load
+ *   - browser-back restores the listing (ClientRouter must keep
+ *     window.history.state intact - clobbering it broke the DOM swap)
+ *   - clicking a category link FROM a post lands on the right tab (the
+ *     URL hadn't committed when the custom element first read it)
+ */
+
+const FILTER = 'elixir-tab-filter[data-name="blog-category"]';
+
+/** Visible (non-hidden) post rows. */
+function visiblePosts(page: Page) {
+  return page.locator("[data-post]:not(.hidden)");
+}
+
+/** Assert every visible post belongs to `category`. */
+async function expectAllVisibleInCategory(page: Page, category: string) {
+  const cats = await visiblePosts(page).evaluateAll((els) =>
+    els.map((e) => e.getAttribute("data-category")),
+  );
+  expect(cats.length).toBeGreaterThan(0);
+  for (const c of cats) expect(c).toBe(category);
+}
+
+test.describe("Blog filtering", () => {
+  test("clicking a tab filters rows and writes the URL", async ({ page }) => {
+    await page.goto("/blog/");
+    // Default: "All" tab active, page-1 slice visible.
+    await expect(
+      page.locator(`${FILTER} button[data-id="All"][data-active]`),
+    ).toBeVisible();
+    await expect(visiblePosts(page)).toHaveCount(20);
+
+    await page.locator(`${FILTER} button[data-id="Releases"]`).click();
+
+    await expect(page).toHaveURL(/[?&]category=Releases\b/);
+    await expect(
+      page.locator(`${FILTER} button[data-id="Releases"][data-active]`),
+    ).toBeVisible();
+    // Releases has 34 posts → page 1 shows 20, all in-category.
+    await expect(visiblePosts(page)).toHaveCount(20);
+    await expectAllVisibleInCategory(page, "Releases");
+  });
+
+  test("pagination changes page and URL", async ({ page }) => {
+    await page.goto("/blog/?category=Releases");
+    const firstPageTitles = await visiblePosts(page)
+      .locator("h2, h3")
+      .allInnerTexts();
+
+    await page
+      .locator('elixir-pagination[data-name="blog"] button[data-page="2"]')
+      .click();
+
+    await expect(page).toHaveURL(/[?&]page=2\b/);
+    await expect(page).toHaveURL(/[?&]category=Releases\b/);
+    await expectAllVisibleInCategory(page, "Releases");
+    const secondPageTitles = await visiblePosts(page)
+      .locator("h2, h3")
+      .allInnerTexts();
+    expect(secondPageTitles).not.toEqual(firstPageTitles);
+  });
+
+  test("deep-link ?category= selects the tab on load", async ({ page }) => {
+    await page.goto("/blog/?category=Announcements");
+    await expect(
+      page.locator(`${FILTER} button[data-id="Announcements"][data-active]`),
+    ).toBeVisible();
+    await expectAllVisibleInCategory(page, "Announcements");
+  });
+
+  test("browser-back restores the filtered listing", async ({ page }) => {
+    // Regression guard: writeURL must preserve window.history.state so
+    // Astro's ClientRouter swaps the DOM on popstate. If it clobbers it,
+    // the URL + title revert but the post body stays on screen.
+    await page.goto("/blog/?category=Announcements");
+    await expectAllVisibleInCategory(page, "Announcements");
+
+    const firstPostLink = visiblePosts(page)
+      .locator('a[href^="/blog/"]')
+      .first();
+    await firstPostLink.click();
+    await expect(page).toHaveURL(/\/blog\/\d{4}\/\d{2}\/\d{2}\//);
+
+    await page.goBack();
+
+    // Body must actually swap back to the listing (not stay on the post).
+    await expect(page).toHaveURL(/[?&]category=Announcements\b/);
+    await expect(page.locator(FILTER)).toBeVisible();
+    await expect(
+      page.locator(`${FILTER} button[data-id="Announcements"][data-active]`),
+    ).toBeVisible();
+    await expectAllVisibleInCategory(page, "Announcements");
+  });
+
+  test("category link from a post lands on the right tab", async ({ page }) => {
+    // Regression guard: on a ClientRouter SPA nav the custom element's
+    // connectedCallback runs before window.location.href commits, so the
+    // module-scope astro:page-load re-sync must fix the tab afterwards.
+    await page.goto("/blog/2014/09/18/elixir-v1-0-0-released/");
+    await page.locator('a[href="/blog/?category=Releases"]').first().click();
+
+    await expect(page).toHaveURL(/[?&]category=Releases\b/);
+    await expect(
+      page.locator(`${FILTER} button[data-id="Releases"][data-active]`),
+    ).toBeVisible();
+    await expectAllVisibleInCategory(page, "Releases");
+  });
+});
+
+test.describe("Learning filtering", () => {
+  const LEARNING_FILTER = 'elixir-tab-filter[data-name="learning-tab"]';
+
+  test("clicking a tab filters resources and writes the URL", async ({
+    page,
+  }) => {
+    await page.goto("/learning/");
+    // Default tab is "books".
+    await expect(
+      page.locator(`${LEARNING_FILTER} button[data-id="books"][data-active]`),
+    ).toBeVisible();
+
+    await page.locator(`${LEARNING_FILTER} button[data-id="courses"]`).click();
+
+    await expect(page).toHaveURL(/[?&]tab=courses\b/);
+    await expect(
+      page.locator(`${LEARNING_FILTER} button[data-id="courses"][data-active]`),
+    ).toBeVisible();
+    const cats = await page
+      .locator("[data-resource]:not(.hidden)")
+      .evaluateAll((els) => els.map((e) => e.getAttribute("data-category")));
+    expect(cats.length).toBeGreaterThan(0);
+    for (const c of cats) expect(c).toBe("courses");
+  });
+});
diff --git a/tests/routes.ts b/tests/routes.ts
new file mode 100644
index 000000000..b59c81f17
--- /dev/null
+++ b/tests/routes.ts
@@ -0,0 +1,40 @@
+/*
+ * Canonical route list shared by smoke / a11y / visual specs.
+ *
+ * Keep this in sync with src/pages/. Centralising it here prevents the
+ * three specs from drifting independently - previously each listed
+ * `/blog/welcome-to-elixir/` and `/docs/install/`, neither of which is a
+ * real route (blog posts live at /blog/YYYY/MM/DD/<slug>/ and install is
+ * a top-level /install/ page), so those tests were silently exercising
+ * the 404 page.
+ */
+
+/**
+ * A stable, dated blog-post URL for the "renders a post" cases. Points at
+ * the v1.0.0 release announcement - a historical post that won't be
+ * renamed or removed. Shape mirrors blogPostUrl() in content-loaders.ts:
+ * /blog/<YYYY>/<MM>/<DD>/<id>/.
+ */
+export const STABLE_BLOG_POST = "/blog/2014/09/18/elixir-v1-0-0-released/";
+
+export interface RouteCase {
+  path: string;
+  /** Human-readable label used in test titles + visual snapshot filenames. */
+  name: string;
+}
+
+/** Every first-class page on the site. */
+export const coreRoutes: RouteCase[] = [
+  { path: "/", name: "Homepage" },
+  { path: "/blog/", name: "Blog index" },
+  { path: STABLE_BLOG_POST, name: "Blog post" },
+  { path: "/docs/", name: "Docs index" },
+  { path: "/cases/", name: "Cases index" },
+  { path: "/learning/", name: "Learning index" },
+  { path: "/install/", name: "Install" },
+  { path: "/development/", name: "Development" },
+  { path: "/trademarks/", name: "Trademarks" },
+];
+
+/** A path guaranteed not to exist - exercises the custom 404 page. */
+export const UNKNOWN_ROUTE = "/this-route-does-not-exist-12345/";
diff --git a/tests/smoke.spec.ts b/tests/smoke.spec.ts
new file mode 100644
index 000000000..8061bf225
--- /dev/null
+++ b/tests/smoke.spec.ts
@@ -0,0 +1,65 @@
+import { existsSync, readFileSync } from "node:fs";
+import { resolve } from "node:path";
+import { expect, test } from "@playwright/test";
+import { redirects } from "../src/data/redirects";
+import { coreRoutes, UNKNOWN_ROUTE } from "./routes";
+
+/*
+ * Smoke spec - every route returns 200, has a <title>, an <h1>, and a
+ * <main>. Cheap, deterministic, runs at every breakpoint.
+ */
+for (const route of coreRoutes) {
+  test(`${route.name} (${route.path}) renders`, async ({ page }) => {
+    const response = await page.goto(route.path);
+    expect(response?.ok(), `${route.path} should respond 2xx`).toBe(true);
+    await expect(page).toHaveTitle(/.+/);
+    await expect(page.locator("h1").first()).toBeVisible();
+    await expect(page.locator("main")).toBeVisible();
+  });
+}
+
+test("404 page renders for unknown route", async ({ page }) => {
+  const response = await page.goto(UNKNOWN_ROUTE, {
+    waitUntil: "domcontentloaded",
+  });
+  expect(response?.status()).toBe(404);
+  await expect(page.locator("h1").first()).toContainText(
+    /different path|404|not found/i,
+  );
+});
+
+// Atom is served fine through the preview server, so check it over HTTP.
+// Wrapped in toPass() to ride out transient drops under full-suite load.
+test("Atom feed is served", async ({ request }) => {
+  await expect(async () => {
+    const res = await request.get("/atom.xml");
+    expect(res.ok()).toBe(true);
+    expect(res.headers()["content-type"]).toMatch(/xml/);
+  }).toPass({ timeout: 10_000 });
+});
+
+/*
+ * Astro's preview server does not expose these files at their Pages URLs, so
+ * verify the static build artifacts directly.
+ */
+const DIST = resolve(process.cwd(), "dist");
+
+test("Sitemap is generated in the build", () => {
+  expect(existsSync(resolve(DIST, "sitemap-index.xml"))).toBe(true);
+});
+
+test("Legacy redirects have stubs and valid local targets", () => {
+  for (const redirect of redirects) {
+    const stub = resolve(DIST, redirect.from.slice(1), "index.html");
+    expect(
+      existsSync(stub),
+      `${redirect.from} should have a redirect stub`,
+    ).toBe(true);
+    expect(readFileSync(stub, "utf8")).toContain(redirect.to);
+
+    if (redirect.to.startsWith("/")) {
+      const target = resolve(DIST, redirect.to.slice(1), "index.html");
+      expect(existsSync(target), `${redirect.to} should exist`).toBe(true);
+    }
+  }
+});
diff --git a/tests/visual.spec.ts b/tests/visual.spec.ts
new file mode 100644
index 000000000..0fa960efd
--- /dev/null
+++ b/tests/visual.spec.ts
@@ -0,0 +1,60 @@
+import { expect, test } from "@playwright/test";
+import { coreRoutes, UNKNOWN_ROUTE } from "./routes";
+
+/*
+ * Visual regression - full-page screenshots per route, per viewport project.
+ * Baseline images live under tests/visual.spec.ts-snapshots/ and are
+ * committed to the repo. Update with `pnpm test:visual - --update-snapshots`.
+ */
+
+/** Slugify a route name into a stable snapshot-file prefix. */
+function slug(name: string): string {
+  return name
+    .toLowerCase()
+    .replace(/[^a-z0-9]+/g, "-")
+    .replace(/^-|-$/g, "");
+}
+
+const routes = [
+  ...coreRoutes.map((r) => ({ path: r.path, name: slug(r.name) })),
+  { path: UNKNOWN_ROUTE, name: "404" },
+];
+
+for (const route of routes) {
+  test(`${route.name} matches visual snapshot`, async ({ page }, info) => {
+    await page.goto(route.path, { waitUntil: "networkidle" });
+    // Wait for web fonts to load - DM Sans loading late re-flows text and
+    // shifts the full-page screenshot, which flaked the listing pages under
+    // parallel load. document.fonts.ready resolves once all @font-face used
+    // on the page are downloaded + applied.
+    await page.evaluate(() => document.fonts.ready);
+    // Filtered-listing pages (blog, learning) render EVERY row in the SSR
+    // HTML and trim to a single page via client JS. Until that runs the page
+    // is the full un-filtered list (e.g. blog index was 19502px tall with all
+    // 73 posts vs 2813px filtered) — screenshotting mid-trim produced
+    // wildly different heights. Wait until the trim has hidden some rows.
+    await page.waitForFunction(
+      () => {
+        const root = document.querySelector("elixir-filtered-listing");
+        if (!root) return true; // not a listing page
+        return (
+          document.querySelectorAll(
+            "[data-post].hidden, [data-resource].hidden",
+          ).length > 0
+        );
+      },
+      undefined,
+      { timeout: 5000 },
+    );
+    // Settle entrance reveals + client-rendered widgets (the blog/learning
+    // filter + pagination build their DOM in connectedCallback).
+    await page.waitForTimeout(900);
+    await expect(page).toHaveScreenshot(
+      `${route.name}-${info.project.name}.png`,
+      {
+        fullPage: true,
+        animations: "disabled",
+      },
+    );
+  });
+}
diff --git a/tsconfig.json b/tsconfig.json
new file mode 100644
index 000000000..714d5c7de
--- /dev/null
+++ b/tsconfig.json
@@ -0,0 +1,21 @@
+{
+  "compilerOptions": {
+    "baseUrl": ".",
+    "jsx": "react-jsx",
+    "jsxImportSource": "react",
+    "paths": {
+      "@/*": ["./src/*"]
+    }
+  },
+  "exclude": [
+    "dist",
+    ".astro/collections",
+    ".astro/fonts",
+    ".astro/data-store.json",
+    ".astro/content-assets.mjs",
+    ".astro/content-modules.mjs",
+    ".astro/settings.json"
+  ],
+  "extends": "astro/tsconfigs/strict",
+  "include": [".astro/types.d.ts", "**/*"]
+}