2025-04-21 10:32:24 -06:00
179 changed files with 7199 additions and 14315 deletions
--- a/.devcontainer/Dockerfile
+++ b/.devcontainer/Dockerfile
@ -1,14 +0,0 @@
 # [Choice] Debian OS version (use bullseye on local arm64/Apple Silicon): bullseye, buster
 ARG VARIANT=bullseye
 FROM mcr.microsoft.com/vscode/devcontainers/jekyll:0-${VARIANT}
 # [Choice] Node.js version: none, lts/*, 16, 14, 12, 10
 ARG NODE_VERSION="none"
 RUN if [ "${NODE_VERSION}" != "none" ]; then su vscode -c "umask 0002 && . /usr/local/share/nvm/nvm.sh && nvm install ${NODE_VERSION} 2>&1"; fi
 # [Optional] Uncomment this section to install additional OS packages.
 # RUN apt-get update && export DEBIAN_FRONTEND=noninteractive \
 #     && apt-get -y install --no-install-recommends <your-package-list-here>
 # [Optional] Uncomment this line to install global node packages.
 # RUN su vscode -c "source /usr/local/share/nvm/nvm.sh && npm install -g <your-package-here>" 2>&1
--- a/.devcontainer/base.Dockerfile
+++ b/.devcontainer/base.Dockerfile
@ -1,26 +0,0 @@
 # [Choice] Debian OS version (use 2.7-bullseye on local arm64/Apple Silicon): 2.7-bullseye, 2.7-buster
 ARG VARIANT=2.7-bullseye
 FROM mcr.microsoft.com/vscode/devcontainers/ruby:${VARIANT}
 COPY library-scripts/meta.env /usr/local/etc/vscode-dev-containers
 # ENV Variables required by Jekyll
 ENV LANG=en_US.UTF-8 \
    LANGUAGE=en_US:en \
    TZ=Etc/UTC \
    LC_ALL=en_US.UTF-8 \
    LANG=en_US.UTF-8 \
    LANGUAGE=en_US
 # Install bundler, latest jekyll, and github-pages for older jekyll
 RUN gem install bundler jekyll github-pages
 # [Choice] Node.js version: none, lts/*, 16, 14, 12, 10
 ARG NODE_VERSION="none"
 RUN if [ "${NODE_VERSION}" != "none" ]; then su vscode -c "umask 0002 && . /usr/local/share/nvm/nvm.sh && nvm install ${NODE_VERSION} 2>&1"; fi
 # [Optional] Uncomment this section to install additional OS packages.
 # RUN apt-get update && export DEBIAN_FRONTEND=noninteractive \
 #     && apt-get -y install --no-install-recommends <your-package-list-here>
 # [Optional] Uncomment this line to install global node packages.
 # RUN su vscode -c "source /usr/local/share/nvm/nvm.sh && npm install -g <your-package-here>" 2>&1
--- a/.devcontainer/devcontainer.json
+++ b/.devcontainer/devcontainer.json
@ -1,35 +0,0 @@
 // For format details, see https://aka.ms/devcontainer.json. For config options, see the README at:
 // https://github.com/microsoft/vscode-dev-containers/tree/v0.224.2/containers/jekyll
 {
  "name": "Just the docs",
  "build": {
    "dockerfile": "Dockerfile",
    "args": {
      // Update 'VARIANT' to pick a Debian OS version: bullseye, buster
      // Use bullseye when on local arm64/Apple Silicon.
      "VARIANT": "bullseye",
      // Enable Node.js: pick the latest LTS version
      "NODE_VERSION": "lts/*"
    }
  },
  // Set *default* container specific settings.json values on container create.
  "settings": {},
  // Add the IDs of extensions you want installed when the container is created.
  "extensions": ["GitHub.vscode-pull-request-github"],
  // Use 'forwardPorts' to make a list of ports inside the container available locally.
  "forwardPorts": [
    // Jekyll server
    4000,
    // Live reload server
    35729
  ],
  // Use 'postCreateCommand' to run commands after the container is created.
  "postCreateCommand": "sh .devcontainer/post-create.sh",
  // Comment out to connect as root instead. More info: https://aka.ms/vscode-remote/containers/non-root.
  "remoteUser": "vscode"
 }
--- a/.devcontainer/post-create.sh
+++ b/.devcontainer/post-create.sh
@ -1,12 +0,0 @@
 #!/bin/sh
 # Install the version of Bundler.
 if [ -f Gemfile.lock ] && grep "BUNDLED WITH" Gemfile.lock > /dev/null; then
    cat Gemfile.lock | tail -n 2 | grep -C2 "BUNDLED WITH" | tail -n 1 | xargs gem install bundler -v
 fi
 # If there's a Gemfile, then run `bundle install`
 # It's assumed that the Gemfile will install Jekyll too
 if [ -f Gemfile ]; then
    bundle install
 fi
--- a/.github/FUNDING.yml
+++ b/.github/FUNDING.yml
@ -1,2 +0,0 @@
 github: just-the-docs
 open_collective: just-the-docs
--- a/.github/ISSUE_TEMPLATE/config.yml
+++ b/.github/ISSUE_TEMPLATE/config.yml
@ -1,5 +0,0 @@
 blank_issues_enabled: false
 contact_links:
  - name: Ask a question
    url: https://github.com/just-the-docs/just-the-docs/discussions
    about: Ask questions and discuss with other community members
--- a/.github/dependabot.yml
+++ b/.github/dependabot.yml
@ -1,14 +0,0 @@
 version: 2
 updates:
 - package-ecosystem: npm
  directory: "/"
  schedule:
    interval: daily
    time: "10:00"
  open-pull-requests-limit: 10
 - package-ecosystem: bundler
  directory: "/"
  schedule:
    interval: daily
    time: "10:00"
  open-pull-requests-limit: 10
--- a/.github/main.workflow
+++ b/.github/main.workflow
@ -0,0 +1,16 @@
 workflow "Publish to RubyGems" {
  on = "release"
  resolves = ["scarhand/actions-ruby@master"]
 }
 action "Build from Gemspec" {
  uses = "scarhand/actions-ruby@master"
  runs = "build *.gemspec"
 }
 action "scarhand/actions-ruby@master" {
  uses = "scarhand/actions-ruby@master"
  needs = ["Build from Gemspec"]
  runs = "push *.gem"
  secrets = ["RUBYGEMS_AUTH_TOKEN"]
 }
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@ -1,108 +0,0 @@
 on:
  push:
    branches:
      - main
  pull_request:
    branches:
      - main
 name: CI
 jobs:
  jekyll-build:
    name: Build (jekyll gem)
    strategy:
      fail-fast: false
      matrix:
        jekyll-version: [3.9, 4.3]
        os: [ubuntu-latest, macos-latest, windows-latest]
        ruby-version: ["3.1", "3.2", "3.3", "3.4"]
    runs-on: ${{ matrix.os }}
    steps:
      - uses: actions/checkout@v4
      - name: Setup Ruby ${{ matrix.ruby-version }}
        uses: ruby/setup-ruby@v1
        with:
          ruby-version: ${{ matrix.ruby-version }}
          bundler-cache: false
      - name: Bundle Install (Jekyll ${{ matrix.jekyll-version }})
        run: bundle install
        env:
          BUNDLE_GEMFILE: fixtures/Gemfile-jekyll-${{ matrix.jekyll-version }}
      - name: Init Search
        run: bundle exec rake search:init
        env:
          BUNDLE_GEMFILE: fixtures/Gemfile-jekyll-${{ matrix.jekyll-version }}
      - name: Build Site
        run: bundle exec jekyll build
        env:
          BUNDLE_GEMFILE: fixtures/Gemfile-jekyll-${{ matrix.jekyll-version }}
  github-pages-build:
    name: Build (github-pages gem)
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v4
      - name: Setup Ruby
        uses: ruby/setup-ruby@v1
        with:
          ruby-version: "3.4"
          bundler-cache: false
      - name: Bundle Install
        run: bundle install
        env:
          BUNDLE_GEMFILE: fixtures/Gemfile-github-pages
      - name: Build Site
        run: bundle exec jekyll build
        env:
          BUNDLE_GEMFILE: fixtures/Gemfile-github-pages
  validate:
    name: Validate HTML
    strategy:
      fail-fast: false
      matrix:
        ruby-version: ["3.4"]
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v4
      - name: Setup Ruby ${{ matrix.ruby-version }}
        uses: ruby/setup-ruby@v1
        with:
          ruby-version: ${{ matrix.ruby-version }}
          bundler-cache: true # runs 'bundle install' and caches installed gems automatically
          cache-version: 0 # Increment this number if you need to re-download cached gems
      - name: Cache HTMLProofer
        id: cache-htmlproofer
        uses: actions/cache@v3
        with:
          path: tmp/.htmlproofer
          key: ${{ runner.os }}-htmlproofer
      - name: Build Site
        run: bundle exec jekyll build
      - name: Test with Nu Validator
        uses: Cyb3r-Jak3/html5validator-action@2a593a9f2c10593cbac84791a6fc4c47e9a106c8
        with:
          config: fixtures/html5validator-config.yml
      - name: Test with html-proofer
        run: bundle exec htmlproofer _site --ignore-urls "/github.com/,/web.archive.org/,/flickr.com/"
        env:
          NOKOGIRI_USE_SYSTEM_LIBRARIES: true
  assets:
    name: Test CSS and JS
    runs-on: ubuntu-latest
    strategy:
      matrix:
        node-version: [22.x]
    steps:
      - uses: actions/checkout@v4
      - name: Use Node.js ${{ matrix.node-version }}
        uses: actions/setup-node@v3
        with:
          node-version: ${{ matrix.node-version }}
      - run: npm install
      - run: npm test
--- a/.github/workflows/deploy.yml
+++ b/.github/workflows/deploy.yml
@ -1,64 +0,0 @@
 # This workflow uses actions that are not certified by GitHub.
 # They are provided by a third-party and are governed by
 # separate terms of service, privacy policy, and support
 # documentation.
 # Sample workflow for building and deploying a Jekyll site to GitHub Pages
 name: Deploy Jekyll site to Pages
 on:
  push:
    branches: ["main"]
  # Allows you to run this workflow manually from the Actions tab
  workflow_dispatch:
 # Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages
 permissions:
  contents: read
  pages: write
  id-token: write
 # Allow one concurrent deployment
 concurrency:
  group: "pages"
  cancel-in-progress: true
 jobs:
  # Build job
  build:
    runs-on: ubuntu-latest
    steps:
      - name: Checkout
        uses: actions/checkout@v4
      - name: Setup Ruby
        uses: ruby/setup-ruby@v1
        with:
          ruby-version: "3.4"
          bundler-cache: true # runs 'bundle install' and caches installed gems automatically
          cache-version: 0 # Increment this number if you need to re-download cached gems
      - name: Setup Pages
        id: pages
        uses: actions/configure-pages@v3
      - name: Build with Jekyll
        # Outputs to the './_site' directory by default
        run: bundle exec jekyll build --baseurl "${{ steps.pages.outputs.base_path }}"
        env:
          JEKYLL_ENV: production
      - name: Upload artifact
        # Automatically uploads an artifact from the './_site' directory by default
        uses: actions/upload-pages-artifact@v3
        with:
          path: _site
  # Deployment job
  deploy:
    environment:
      name: github-pages
      url: ${{ steps.deployment.outputs.page_url }}
    runs-on: ubuntu-latest
    needs: build
    steps:
      - name: Deploy to GitHub Pages
        id: deployment
        uses: actions/deploy-pages@v4
--- a/.github/workflows/publish-gem.yml
+++ b/.github/workflows/publish-gem.yml
@ -1,39 +0,0 @@
 name: Publish Ruby Gem
 on: workflow_dispatch
 jobs:
  build:
    name: Publish
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v4
      - name: Setup Ruby 3.4
        uses: ruby/setup-ruby@v1
        with:
          ruby-version: "3.4"
      - name: Publish to GPR
        run: |
          mkdir -p $HOME/.gem
          touch $HOME/.gem/credentials
          chmod 0600 $HOME/.gem/credentials
          printf -- "---\n:github: ${GEM_HOST_API_KEY}\n" > $HOME/.gem/credentials
          gem build *.gemspec
          gem push --KEY github --host https://rubygems.pkg.github.com/${OWNER} *.gem
        env:
          GEM_HOST_API_KEY: "Bearer ${{secrets.GITHUB_TOKEN}}"
          OWNER: ${{ github.repository_owner }}
    # Disabled as this does not handle 2FA
    # - name: Publish to RubyGems
    #   run: |
    #     mkdir -p $HOME/.gem
    #     touch $HOME/.gem/credentials
    #     chmod 0600 $HOME/.gem/credentials
    #     printf -- "---\n:rubygems_api_key: ${GEM_HOST_API_KEY}\n" > $HOME/.gem/credentials
    #     gem build *.gemspec
    #     gem push *.gem
    #   env:
    #     GEM_HOST_API_KEY: "${{secrets.RUBYGEMS_AUTH_TOKEN}}"
--- a/.github/workflows/update_jekyll-anchor-heading.yml
+++ b/.github/workflows/update_jekyll-anchor-heading.yml
@ -1,43 +0,0 @@
 name: Update Vendor plugin - jekyll-anchor-headings
 on:
  # schedule:
  #   # once per week
  #   - cron: "0 15 * * 0"
  workflow_dispatch:
 jobs:
  update-deps:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v2
      - name: Get latest release information
        id: latest-release
        uses: pozetroninc/github-action-get-latest-release@master
        with:
          owner: allejo
          repo: jekyll-anchor-headings
          excludes: prerelease, draft
      - name: Update jekyll-anchor-headings
        id: update
        uses: suisei-cn/actions-download-file@v1.3.0
        with:
          url: "https://github.com/allejo/jekyll-anchor-headings/releases/download/${{ steps.latest-release.outputs.release }}/anchor_headings.html"
          target: _includes/vendor/
      - name: Create PR
        uses: peter-evans/create-pull-request@v4
        with:
          commit-message: "chore[dependency]: Update `jekyll-anchor-headings` to `${{ steps.latest-release.outputs.release }}`"
          title: "auto: Update `jekyll-anchor-headings` to `${{ steps.latest-release.outputs.release }}`"
          body: |
            Update `jekyll-anchor-headings` to `${{ steps.latest-release.outputs.release }}`
            This is an automated pull request.
          branch: update/vendor/jekyll-anchor-headings
          delete-branch: true
          labels: |
            kind/update
            area/dependency
          add-paths: |
            _includes/vendor/anchor_headings.html
          token: ${{ secrets.GITHUB_TOKEN }}
--- a/.gitignore
+++ b/.gitignore
@ -1,30 +1,6 @@
 # Not sure what a .gitignore is?
 # See: https://git-scm.com/docs/gitignore
 # The first files are directly copied from Jekyll's first-party docs on `.gitignore` files:
 # https://jekyllrb.com/tutorials/using-jekyll-with-bundler/#commit-to-source-control
 # Ignore the default location of the built site, and caches and metadata generated by Jekyll
 _site/
 .sass-cache/
 .jekyll-cache/
 .jekyll-metadata
 # Ignore folders generated by Bundler
 .bundle/
 vendor/
 # These next files are used by Just the Docs developers. They are not necessary for end users of the theme, only developers.
 # We use Stylelint and Prettier, JavaScript tools, to lint and format our own code.
 # We use Node.js as our runtime, so we ignore node_modules
 node_modules
 # .DS_Store is a macOS-only metadata file about directories. Convention is to not commit them.
 # See: https://en.wikipedia.org/wiki/.DS_Store
 .DS_Store
 # These are legacy globs that typically target Ruby theme developers. We may change these at a later date.
 *.gem
 .bundle
-.ruby-version
+.sass-cache
 _site
 Gemfile.lock
 node_modules
--- a/.prettierignore
+++ b/.prettierignore
@ -1,11 +0,0 @@
 package-lock.json
 _site
 assets/css/just-the-docs-default.scss
 assets/css/just-the-docs-light.scss
 assets/css/just-the-docs-dark.scss
 assets/js/vendor/lunr.min.js
 assets/js/search-data.json
 assets/js/zzzz-search-data.json
 assets/js/just-the-docs.js
 *.md
 _includes/mermaid_config.js
--- a/.stylelintrc.json
+++ b/.stylelintrc.json
@ -0,0 +1,10 @@
 {
  "ignoreFiles" : [
    "assets/css/just-the-docs.scss",
    "assets/css/dark-mode-preview.scss",
    "_sass/vendor/**/*.scss"
  ],
  "extends": [
    "stylelint-config-primer"
  ]
 }
--- a/.travis.yml
+++ b/.travis.yml
@ -0,0 +1,14 @@
 language: ruby
 rvm:
  - 2.3.0
 env:
  - TRAVIS_NODE_VERSION="9.3.0"
 install:
  - npm install
  - gem install bundler --version '>=1.17.1'
  - bundle install
 script:
  - npm run test
  - bundle exec jekyll build
--- a/.vscode/tasks.json
+++ b/.vscode/tasks.json
@ -1,26 +0,0 @@
 {
  // See https://go.microsoft.com/fwlink/?LinkId=733558
  // for the documentation about the tasks.json format
  "version": "2.0.0",
  "tasks": [
    {
      "label": "Serve",
      "type": "shell",
      "command": "bundle exec jekyll serve --livereload",
      "group": {
        "kind": "test",
        "isDefault": true
      },
      "isBackground": true
    },
    {
      "label": "Build",
      "type": "shell",
      "command": "bundle exec jekyll build",
      "group": {
        "kind": "build",
        "isDefault": true
      }
    }
  ]
 }
--- a/404.html
+++ b/404.html
@ -1,6 +1,6 @@
 ---
 layout: default
-title: 404
+title: Page not found
 permalink: /404
 nav_exclude: true
 search_exclude: true
@ -8,4 +8,4 @@ search_exclude: true
 <h1>Page not found</h1>
-<p>The page you requested could not be found. Try using the navigation {% if site.search_enabled != false %}or search {% endif %}to find what you're looking for or go to this <a href="{{ '/' | relative_url }}">site's home page</a>.</p>
+<p>The page you requested could not be found. Try using the navigation {% if site.search_enabled %}or search {% endif %}to find what you're looking for or go to this <a href="{{ site.url }}{{ site.baseurl }}">site's home page</a>.</p>
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
--- a/CODE_OF_CONDUCT.md
+++ b/CODE_OF_CONDUCT.md
@ -2,131 +2,45 @@
 ## Our Pledge
-We as members, contributors, and leaders pledge to make participation in our
+In the interest of fostering an open and welcoming environment, we as contributors and maintainers pledge to making participation in our project and our community a harassment-free experience for everyone, regardless of age, body size, disability, ethnicity, gender identity and expression, level of experience, nationality, personal appearance, race, religion, or sexual identity and orientation.
 community a harassment-free experience for everyone, regardless of age, body
 size, visible or invisible disability, ethnicity, sex characteristics, gender
 identity and expression, level of experience, education, socio-economic status,
 nationality, personal appearance, race, caste, color, religion, or sexual
 identity and orientation.
 We pledge to act and interact in ways that contribute to an open, welcoming,
 diverse, inclusive, and healthy community.
 ## Our Standards
-Examples of behavior that contributes to a positive environment for our
+Examples of behavior that contributes to creating a positive environment include:
 community include:
-* Demonstrating empathy and kindness toward other people
+* Using welcoming and inclusive language
-* Being respectful of differing opinions, viewpoints, and experiences
+* Being respectful of differing viewpoints and experiences
-* Giving and gracefully accepting constructive feedback
+* Gracefully accepting constructive criticism
-* Accepting responsibility and apologizing to those affected by our mistakes,
+* Focusing on what is best for the community
-  and learning from the experience
+* Showing empathy towards other community members
 * Focusing on what is best not just for us as individuals, but for the overall
  community
-Examples of unacceptable behavior include:
+Examples of unacceptable behavior by participants include:
-* The use of sexualized language or imagery, and sexual attention or advances of
+* The use of sexualized language or imagery and unwelcome sexual attention or advances
-  any kind
+* Trolling, insulting/derogatory comments, and personal or political attacks
 * Trolling, insulting or derogatory comments, and personal or political attacks
 * Public or private harassment
-* Publishing others' private information, such as a physical or email address,
+* Publishing others' private information, such as a physical or electronic address, without explicit permission
-  without their explicit permission
+* Other conduct which could reasonably be considered inappropriate in a professional setting
 * Other conduct which could reasonably be considered inappropriate in a
  professional setting
-## Enforcement Responsibilities
+## Our Responsibilities
-Community leaders are responsible for clarifying and enforcing our standards of
+Project maintainers are responsible for clarifying the standards of acceptable behavior and are expected to take appropriate and fair corrective action in response to any instances of unacceptable behavior.
 acceptable behavior and will take appropriate and fair corrective action in
 response to any behavior that they deem inappropriate, threatening, offensive,
 or harmful.
-Community leaders have the right and responsibility to remove, edit, or reject
+Project maintainers have the right and responsibility to remove, edit, or reject comments, commits, code, wiki edits, issues, and other contributions that are not aligned to this Code of Conduct, or to ban temporarily or permanently any contributor for other behaviors that they deem inappropriate, threatening, offensive, or harmful.
 comments, commits, code, wiki edits, issues, and other contributions that are
 not aligned to this Code of Conduct, and will communicate reasons for moderation
 decisions when appropriate.
 ## Scope
-This Code of Conduct applies within all community spaces, and also applies when
+This Code of Conduct applies both within project spaces and in public spaces when an individual is representing the project or its community. Examples of representing a project or community include using an official project e-mail address, posting via an official social media account, or acting as an appointed representative at an online or offline event. Representation of a project may be further defined and clarified by project maintainers.
 an individual is officially representing the community in public spaces.
 Examples of representing our community include using an official e-mail address,
 posting via an official social media account, or acting as an appointed
 representative at an online or offline event.
 ## Enforcement
-Instances of abusive, harassing, or otherwise unacceptable behavior may be
+Instances of abusive, harassing, or otherwise unacceptable behavior may be reported by contacting the project team at patrick.marsceill@gmail.com. The project team will review and investigate all complaints, and will respond in a way that it deems appropriate to the circumstances. The project team is obligated to maintain confidentiality with regard to the reporter of an incident. Further details of specific enforcement policies may be posted separately.
 reported to the community leaders responsible for enforcement at
 patrick.marsceill@gmail.com.
 All complaints will be reviewed and investigated promptly and fairly.
-All community leaders are obligated to respect the privacy and security of the
+Project maintainers who do not follow or enforce the Code of Conduct in good faith may face temporary or permanent repercussions as determined by other members of the project's leadership.
 reporter of any incident.
 ## Enforcement Guidelines
 Community leaders will follow these Community Impact Guidelines in determining
 the consequences for any action they deem in violation of this Code of Conduct:
 ### 1. Correction
 **Community Impact**: Use of inappropriate language or other behavior deemed
 unprofessional or unwelcome in the community.
 **Consequence**: A private, written warning from community leaders, providing
 clarity around the nature of the violation and an explanation of why the
 behavior was inappropriate. A public apology may be requested.
 ### 2. Warning
 **Community Impact**: A violation through a single incident or series of
 actions.
 **Consequence**: A warning with consequences for continued behavior. No
 interaction with the people involved, including unsolicited interaction with
 those enforcing the Code of Conduct, for a specified period of time. This
 includes avoiding interactions in community spaces as well as external channels
 like social media. Violating these terms may lead to a temporary or permanent
 ban.
 ### 3. Temporary Ban
 **Community Impact**: A serious violation of community standards, including
 sustained inappropriate behavior.
 **Consequence**: A temporary ban from any sort of interaction or public
 communication with the community for a specified period of time. No public or
 private interaction with the people involved, including unsolicited interaction
 with those enforcing the Code of Conduct, is allowed during this period.
 Violating these terms may lead to a permanent ban.
 ### 4. Permanent Ban
 **Community Impact**: Demonstrating a pattern of violation of community
 standards, including sustained inappropriate behavior, harassment of an
 individual, or aggression toward or disparagement of classes of individuals.
 **Consequence**: A permanent ban from any sort of public interaction within the
 community.
 ## Attribution
-This Code of Conduct is adapted from the [Contributor Covenant][homepage],
+This Code of Conduct is adapted from the [Contributor Covenant][homepage], version 1.4, available at [http://contributor-covenant.org/version/1/4][version]
 version 2.1, available at
 [https://www.contributor-covenant.org/version/2/1/code_of_conduct.html][v2.1].
-Community Impact Guidelines were inspired by
+[homepage]: http://contributor-covenant.org
-[Mozilla's code of conduct enforcement ladder][Mozilla CoC].
+[version]: http://contributor-covenant.org/version/1/4/
 For answers to common questions about this code of conduct, see the FAQ at
 [https://www.contributor-covenant.org/faq][FAQ]. Translations are available at
 [https://www.contributor-covenant.org/translations][translations].
 [homepage]: https://www.contributor-covenant.org
 [v2.1]: https://www.contributor-covenant.org/version/2/1/code_of_conduct.html
 [Mozilla CoC]: https://github.com/mozilla/diversity
 [FAQ]: https://www.contributor-covenant.org/faq
 [translations]: https://www.contributor-covenant.org/translations
--- a/10
+++ b/10
@ -1,12 +1,2 @@
 source "https://rubygems.org"
 gemspec
 gem "base64"
 gem "csv"
 gem "jekyll-github-metadata", ">= 2.15"
 gem "jekyll-include-cache", group: :jekyll_plugins
 gem "jekyll-sitemap", group: :jekyll_plugins
 gem "html-proofer", "~> 5.0", :group => :development
--- a/Gemfile.lock
+++ b/Gemfile.lock
@ -1,175 +0,0 @@
 PATH
  remote: .
  specs:
    just-the-docs (0.10.1)
      jekyll (>= 3.8.5)
      jekyll-include-cache
      jekyll-seo-tag (>= 2.0)
      rake (>= 12.3.1)
 GEM
  remote: https://rubygems.org/
  specs:
    Ascii85 (2.0.1)
    addressable (2.8.7)
      public_suffix (>= 2.0.2, < 7.0)
    afm (0.2.2)
    async (2.23.0)
      console (~> 1.29)
      fiber-annotation
      io-event (~> 1.9)
      metrics (~> 0.12)
      traces (~> 0.15)
    base64 (0.2.0)
    bigdecimal (3.1.9)
    colorator (1.1.0)
    concurrent-ruby (1.3.5)
    console (1.29.3)
      fiber-annotation
      fiber-local (~> 1.1)
      json
    csv (3.3.3)
    em-websocket (0.5.3)
      eventmachine (>= 0.12.9)
      http_parser.rb (~> 0)
    ethon (0.16.0)
      ffi (>= 1.15.0)
    eventmachine (1.2.7)
    faraday (2.9.0)
      faraday-net_http (>= 2.0, < 3.2)
    faraday-net_http (3.1.0)
      net-http
    ffi (1.17.1-arm64-darwin)
    ffi (1.17.1-x86_64-linux-gnu)
    fiber-annotation (0.2.0)
    fiber-local (1.1.0)
      fiber-storage
    fiber-storage (1.0.0)
    forwardable-extended (2.6.0)
    google-protobuf (4.29.3-arm64-darwin)
      bigdecimal
      rake (>= 13)
    google-protobuf (4.29.3-x86_64-linux)
      bigdecimal
      rake (>= 13)
    hashery (2.1.2)
    html-proofer (5.0.10)
      addressable (~> 2.3)
      async (~> 2.1)
      nokogiri (~> 1.13)
      pdf-reader (~> 2.11)
      rainbow (~> 3.0)
      typhoeus (~> 1.3)
      yell (~> 2.0)
      zeitwerk (~> 2.5)
    http_parser.rb (0.8.0)
    i18n (1.14.7)
      concurrent-ruby (~> 1.0)
    io-event (1.9.0)
    jekyll (4.4.1)
      addressable (~> 2.4)
      base64 (~> 0.2)
      colorator (~> 1.0)
      csv (~> 3.0)
      em-websocket (~> 0.5)
      i18n (~> 1.0)
      jekyll-sass-converter (>= 2.0, < 4.0)
      jekyll-watch (~> 2.0)
      json (~> 2.6)
      kramdown (~> 2.3, >= 2.3.1)
      kramdown-parser-gfm (~> 1.0)
      liquid (~> 4.0)
      mercenary (~> 0.3, >= 0.3.6)
      pathutil (~> 0.9)
      rouge (>= 3.0, < 5.0)
      safe_yaml (~> 1.0)
      terminal-table (>= 1.8, < 4.0)
      webrick (~> 1.7)
    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-sass-converter (3.0.0)
      sass-embedded (~> 1.54)
    jekyll-seo-tag (2.8.0)
      jekyll (>= 3.8, < 5.0)
    jekyll-sitemap (1.4.0)
      jekyll (>= 3.7, < 5.0)
    jekyll-watch (2.2.1)
      listen (~> 3.0)
    json (2.10.2)
    kramdown (2.5.1)
      rexml (>= 3.3.9)
    kramdown-parser-gfm (1.1.0)
      kramdown (~> 2.0)
    liquid (4.0.4)
    listen (3.9.0)
      rb-fsevent (~> 0.10, >= 0.10.3)
      rb-inotify (~> 0.9, >= 0.9.10)
    mercenary (0.4.0)
    metrics (0.12.1)
    net-http (0.4.1)
      uri
    nokogiri (1.18.4-arm64-darwin)
      racc (~> 1.4)
    nokogiri (1.18.4-x86_64-linux-gnu)
      racc (~> 1.4)
    octokit (6.1.1)
      faraday (>= 1, < 3)
      sawyer (~> 0.9)
    pathutil (0.16.2)
      forwardable-extended (~> 2.6)
    pdf-reader (2.14.1)
      Ascii85 (>= 1.0, < 3.0, != 2.0.0)
      afm (~> 0.2.1)
      hashery (~> 2.0)
      ruby-rc4
      ttfunk
    public_suffix (6.0.1)
    racc (1.8.1)
    rainbow (3.1.1)
    rake (13.2.1)
    rb-fsevent (0.11.2)
    rb-inotify (0.11.1)
      ffi (~> 1.0)
    rexml (3.4.0)
    rouge (4.5.1)
    ruby-rc4 (0.1.5)
    safe_yaml (1.0.5)
    sass-embedded (1.83.4-arm64-darwin)
      google-protobuf (~> 4.29)
    sass-embedded (1.83.4-x86_64-linux-gnu)
      google-protobuf (~> 4.29)
    sawyer (0.9.2)
      addressable (>= 2.3.5)
      faraday (>= 0.17.3, < 3)
    terminal-table (3.0.2)
      unicode-display_width (>= 1.1.1, < 3)
    traces (0.15.2)
    ttfunk (1.8.0)
      bigdecimal (~> 3.1)
    typhoeus (1.4.1)
      ethon (>= 0.9.0)
    unicode-display_width (2.6.0)
    uri (0.13.2)
    webrick (1.9.1)
    yell (2.2.2)
    zeitwerk (2.7.2)
 PLATFORMS
  arm64-darwin
  x86_64-linux-gnu
 DEPENDENCIES
  base64
  bundler (>= 2.3.5)
  csv
  html-proofer (~> 5.0)
  jekyll-github-metadata (>= 2.15)
  jekyll-include-cache
  jekyll-sitemap
  just-the-docs!
 BUNDLED WITH
   2.5.9
--- a/MIGRATION.md
+++ b/MIGRATION.md
@ -1,533 +0,0 @@
 ---
 title: Migration and Upgrading
 layout: default
 ---
 # Migrating and Upgrading
 Summary
 :   A site that uses `just-the-docs` (as a theme or as a remote theme) automatically
    switches to a new release, unless it is pinned to a previous version.
    This migration guide draws attention to:
    - changes that might break your site,
    - features added in the latest release, and
    - features that have become deprecated (and are likely to be removed in a future release).
 This document contains instructions on how to migrate and upgrade Just the Docs sites from every minor or major version bump, starting from `v0.3.3` to `v0.4.0`.
 <details open markdown="block">
  <summary>
    Table of contents
  </summary>
  {: .text-delta }
 - TOC
 {:toc}
 </details>
 {::options toc_levels="2..4" /}
 {: .warning }
 > If your configuration states `remote_theme: just-the-docs/just-the-docs`, your
 > website is built using the current `main` branch of the theme, which may include
 > changes made after the latest release; see the [CHANGELOG].
 >
 > If your configuration states `theme: just_the_docs` and your `Gemfile` specifies
 > `gem "just-the-docs"`, your website is always built using the latest release.
 {: .note }
 > If you have cloned/forked and customised the theme repo,
 > and pull the changes of a new release to your clone,
 > you may need to resolve merge conflicts.
 [CHANGELOG]: {% link CHANGELOG.md %}
 ## v0.9.x - v0.10.0
 There are no potentially-breaking changes in v0.10.0.
 ## v0.8.x - v0.9.0
 There are no potentially-breaking changes in v0.9.0.
 ## v0.7.x - v0.8.0
 There are no potentially-breaking changes in v0.8.0.
 ## v0.6.x - v0.7.0
 ### POTENTIALLY-BREAKING CHANGES in v0.7.0
 There are some *very minor* potentially-breaking changes for users in version `v0.7.0`. **They do not affect the vast majority of users**; however, this may affect users of (undocumented) internal theme structure. They concern:
 1. the movement of `_includes/nav.html`, which has moved to `_includes/components/nav.html`
  - **explicit migration only necessary if users have overridden `_includes/nav.html`**
 2. the addition of `<script>` tags with `id`s `jtd-nav-activation` and `jtd-head-nav-stylesheet`
  - **explicit migration only necessary if users have existing elements with those IDs**
 #### Moved Include
 Version `v0.7.0` has moved (and changed the contents of) `_includes/nav.html`; it is now in `_includes/components/nav.html`. This means that user overrides for the component will *no longer be loaded*, reverting to the Just the Docs default.
 Users who have overridden this `_includes` should:
 1. copy in the new upstream `_includes/components/nav.html` into their site
 2. port over any changes from their custom `_includes/nav.html`
 No other changes are necessary.
 #### New Script IDs
 Version `v0.7.0` adds the `id`s `jtd-nav-activation` and `jtd-head-nav-stylesheet` to some existing script tags. This will cause errors for users that have their own custom components with those IDs.
 Users who have elements with those `id`s should rename their elements to avoid a collision.
 ## v0.5.x - v0.6.0
 ### POTENTIALLY-BREAKING CHANGES in v0.6.0
 There are some *very minor* potentially-breaking changes for users in version `v0.6.0`. **They do not affect the vast majority of users**; however, this may affect users of (undocumented) internal theme structure. They concern:
 1. the addition of new `_includes/favicon.html`, `_includes/head_nav.html`, and `_includes/css/activation.scss.liquid`
  - **explicit migration only necessary if users have defined a custom file with the same name**
 2. removing `id="main-content-wrap` from wrapper `div` elements in default layouts
  - **explicit migration only necessary if users have written code that depends on `#main-content-wrap`**
 3. loading the new `$color-scheme` variable (from the light scheme by default)
  - **explicit migration only necessary if users have overridden the base light theme**
 4. caching the favicon for the entire site
  - **explicit migration only necessary if users have different favicons for different pages**
 #### New Includes
 Version `v0.6.0` introduces three new `_includes` files:
 - `_includes/favicon.html`, which now contains logic previously in `_includes/head.html`: loading `favicon.ico` if no favicon is specified
 - `_includes/head_nav.html`, which generates CSS used for the new efficient navigation implementation
 - `_includes/css/activation.scss.liquid`, which is used by `head_nav` for navigation implementation
 If users have existing `_includes` files with this name, they should be renamed (and imported with their new name) prior to upgrading to `0.6.0`. No other change is necessary.
 #### Removed `#main-content-wrap`
 In `_layouts/default.html` and `_layouts/minimal.html`, the `id="main-content-wrap"` has been removed from the wrapper div (in part due to a bug with multiple `id`s on one element). Internally, our theme *does not use* these `id`s; for most users, this does not require any action.
 However, code that relies on this `id` must be changed. Each of the related elements still has the unique class `.main-content-wrap`, and can be selected with this class. For example, in CSS:
 ```css
 /* OLD */
 #main-content-wrap { /* ... */ }
 /* NEW */
 .main-content-wrap { /* ... */ }
 ```
 Or in JS:
 ```js
 // OLD
 document.getElementById("main-content-wrap");
 // NEW
 document.getElementsByClassName("main-content-wrap")[0];
 ```
 #### New `$color-scheme` variable
 The theme now properly sets the `color-scheme` property. To do so, the new `$color-scheme` SCSS variable has been created. The variable has been added to the default `light` scheme, which is *always* loaded by Just the Docs.
 Migration is only needed if:
 - the packaged `light` scheme has been *overridden* (this is *not* the same as using a custom scheme)
 - or, the scheme logic to always load `light` has been changed
 (neither of these behaviours are recommended by Just the Docs)
 In either of these cases, users should add a `$color-scheme` SCSS variable to their active scheme with the appropriate value (see: [MDN docs on `color-scheme`](https://developer.mozilla.org/en-US/docs/Web/CSS/color-scheme)).
 ```scss
 $color-scheme: light !default;
 ```
 #### Cached favicon
 Version `v0.6.0` adds a new `_include` that caches the favicon for the entire site. This significantly improves page build times for large sites.
 However, some users may load different favicons for each page (and/or dynamically change the first favicon load). In this case, they should override the logic in `_includes/favicon.html` by **replacing** it with an empty file (this is *different* from deleting it). No further migration is necessary.
 ## v0.4.x - v0.5.0
 ### POTENTIALLY-BREAKING CHANGES in v0.5.0
 There is one potentially-breaking change for users migrating from `v0.4.2` to `v0.5.0` concerning `setup.scss`. To provide context:
 1. `setup.scss` was introduced in `v0.4.0`
 2. in `v0.4.0` and `v0.4.1`, `setup.scss` was imported *before* color scheme SCSS code
 3. in `v0.4.2`, we adjusted the order to import `setup.scss` *after* color scheme SCSS code
 4. in `v0.5.0`, we have reverted the previous change: `setup.scss` is now again imported *before* color scheme SCSS code
 This does not affect most users. Users who did not migrate to `v0.4.2` or who do not have a custom `setup.scss` are guaranteed no breaking changes.
 Explicit migration steps are only needed if:
 1. a custom `setup.scss` has been defined,
 2. **and** the `setup.scss` depends on variables or functions defined in color scheme SCSS code; this change was only possible on `v0.4.2`
 For those users, we suggest moving those variables and functions to each relevant color scheme.
 ## v0.3.3 … v0.4.x
 ### REPOSITORY CHANGES
 #### Just the Docs
 The theme repo is now at <https://github.com/just-the-docs/just-the-docs>.
 The name of its default branch is now `main`.
 The theme docs website is now published at <https://just-the-docs.github.io/just-the-docs>. We've also retroactively published the theme docs website for version `v0.3.3` at <https://v0-3-3-docs.just-the-docs.com/>.
 GitHub provides access to previous versions of the theme repo.
 You can browse [previous versions of the theme docs website] on the [Internet Archive].
 [previous versions of the theme docs website]: https://web.archive.org/web/20220000000000*/https://just-the-docs.github.io/just-the-docs
 [Internet Archive]: https://web.archive.org/
 The [README] page on the theme repo repeats much of the information from the [home page],
 formatted for browsing on GitHub.
 It also explains how to install the theme as a Ruby Gem, without creating a new site.
 [README]: https://github.com/just-the-docs/just-the-docs/blob/main/README.md
 [home page]: https://just-the-docs.com
 #### Deploy previews
 When a PR builds successfully, Netlify provides a preview of how the theme docs website will look if the PR is merged.
 You can find links to the preview near the bottom of the Conversation tab of the PR.
 #### Just the Docs Template
 The template at <https://github.com/just-the-docs/just-the-docs-template>
 creates a repo with the minimal source files for a Just the Docs website.
 After configuring the relevant parameters, you can build and serve the website
 both locally and on GitHub Pages – using either Jekyll 3 or Jekyll 4!
 #### Just the Docs Tests
 The tests website at <https://just-the-docs.github.io/just-the-docs-tests>
 consists mainly of regression tests for bug fixes and new features.
 The test source files at <https://github.com/just-the-docs/just-the-docs-tests>
 illustrate the use of many Markdown and Jekyll features,
 including some that are not included in the theme docs.
 For example, see how to add support for rendering TeX/LaTeX [math formulas] with KaTeX and MathJax.
 [math formulas]: https://just-the-docs.github.io/just-the-docs-tests/components/math/index/
 ### POTENTIALLY-BREAKING CHANGES in v0.4.0
 If switching to a new release of the theme breaks your website,
 check that you don't have any files in the `_includes`, `_layouts`, and `_sass`
 directories with the same names as files provided by the theme.
 If your repo has a customised copy of `_layouts/default.html` from a previous release,
 try removing it, or replace it by a fresh copy of the theme file.
 {: .warning }
 The following changes made in v0.4.0 *might* break or adversely affect your website
 when you next rebuild it, unless you have pinned it!
 #### New includes and SCSS
 Version 0.4.0 introduces many new `_includes` files. If you already have an existing include with the same name as a new addition, you will need to migrate or update that include. The new files are (relative to the `_includes` folder):
 - `mermaid_config.js`
 - `nav_footer_custom`
 - `search_placeholder_custom`
 - `toc_heading_custom`
 - the entire `components/` folder:
  - `aux_nav`, `breadcrumbs`, `children_nav`, `footer`, `header`, `mermaid`, `search_footer`, `search_header`, `sidebar`
 - the entire `icons/` folder
  - `code_copy`, `document`, `expand`, `external_link`, `icons`, `link`, `menu`, `search`
 - the entire `lunr/` folder
  - `custom-data.json`, `custom-index.js`
 We have removed some code in `_sass/vendor` and added a new file at `_sass/custom/setup.scss`.
 #### favicons
 The file `_includes/favicon.html` is now ignored by the theme.
 If you're using it, your website's favicon is no longer displayed by browsers.
 To fix: Move the content of `_includes/favicon.html` to `_includes/head_custom.html`.
 #### Custom callout colors
 The file `_sass/custom/custom.scss` is now imported last: _after_ the configuration of callouts.
 If you've defined custom color variables for callouts in `_sass/custom/custom.scss`
 (and used them when configuring your callouts in `_config.yml`)
 you will not be able to rebuild your website.
 To fix: Move custom color variables for callouts in `_sass/custom/custom.scss` to `_sass/custom/variables.scss`.
 #### Pages and collections
 Links to ordinary pages now appear in the navigation on sites that use collections.
 You might want the navigation of your site to consist entirely of collections.
 To fix: Add the front matter `nav_exclude: true` to pages that the navigation should not display.
 #### Relative URLs
 All generated URLs are now relative.
 This is a bug fix, and unlikely to break any site.
 Relative links to pages within a website support deployment to different servers.
 #### Navigation order
 The order in which the navigation panel lists pages has been simplified.
 All pages with `nav_order` values now come before all pages that are ordered by `title`.
 If your website has a group of *sibling* pages where some siblings have `nav_order`
 string values, and others are ordered by numerical `title` values,
 the former now come before the latter.
 To fix: Add numerical `nav_order` values to the pages with numerical `title` values.
 ### DEPRECATIONS
 {: .warning }
 The following features are deprecated, and to be removed in a future release.
 #### Jekyll 3
 You can still use Jekyll 3 (3.8.5 or later) to build websites using v0.4.0 of the theme.
 However, future releases of the theme may require the use of Jekyll 4.
 You can already use Jekyll 4 to build your website *locally*.
 It should look exactly the same as when built with Jekyll 3.[^Jekyll4]
 [^Jekyll4]:
    Jekyll 4 depends on more recent versions of other gems than Jekyll 3,
    and the differences between those versions may affect the files of your built site.
 To use Jekyll 4 when building your website *on GitHub Pages*, you need to run GitHub Actions.
 The simplest way of setting that up in a new repo is to create the repo using the Just the Docs template.
 To start running Jekyll 4 to build an existing repo on GitHub Pages,
 you can create a new repo with the template, then copy its `.github/workflows` directory,
 and update your repo settings to use Actions.
 #### Footer content configuration
 Currently, if your configuration sets `footer_content` to some text,
 the theme displays that text at the bottom of the main section of each page.
 The file `_includes/footer_custom.html` provides a more general way of customizing
 not only the text but also the markup for the page footer area.
 You can replicate the current display of `TEXT` in the footer using the following markup:
 ```html
 <p class="text-small text-grey-dk-100 mb-0">TEXT</p>
 ```
 ### THEME WEBSITE CHANGES
 The website now uses *callouts*[^callouts] to draw attention to important information.
 [^callouts]:
    The theme website configuration defines the callout titles and colors used there.
    Websites that use the theme have to configure their own callout titles and colors.
 The theme uses [semantic versioning].
 A normal version number takes the form X.Y.Z,
 where X is the major version, Y is the minor version, and Z is the patch version.
 The theme uses version X.Y.Z.rcN for pre-release N of version X.Y.Z.
 When referring to version numbers on GitHub, we usually prefix them by 'v'.
 [semantic versioning]: https://semver.org
 Major version zero (0.Y.Z) is for initial development, where anything *may* change at any time.
 In practice, we increment the patch version Z for bug fixes and backwards compatible changes;
 we increment the minor version Y for changes that could break websites using the theme
 without pinning it to a specific version.
 The label `NEW` in the theme website indicates a feature that has been changed or added
 since the release of the previous *minor* version.
 For example, after the release of v0.4.Z, the theme website should label `NEW` all features that
 we have changed or added since v0.3.0 – not just since v0.3.3.
 When we release v0.5.0, we will remove all those labels, and add labels on features since v0.4.0.
 The theme docs website is not itself versioned.
 It changes incrementally, independently of theme releases.
 #### Home page
 The theme home page now focuses on the simplest ways of using the theme.
 It also notes the different behaviour of `theme` and `remote_theme` in connection
 with interim versions of the theme, such as pre-releases.
 #### CHANGELOG
 The CHANGELOG page lists the changes made in all previous releases and pre-releases of new versions of the theme gem.
 It also lists changes made to the `main` branch of the theme since the latest release or pre-release.
 For changes since v0.3.3, the log usually references the merged PR that made the change and its author.
 ### NON-BREAKING CHANGES (OUTLINE ONLY)
 #### Accessibility
 - Skip to main content: the first keyboard-navigatable item is now a link to skip over the sidebar and header to the main content of the page. PR: [#949].
 - Aria-labels: improved `aria-label`s have been added to various site elements. PRs: [#950], ...
 - Other general improvements: gradual changes have improved tab focusability, contrast, and semantic elements. More work still to come. PRs: [#498], [#846]
 #### Configuration
 - Mermaid support: first-class support for [Mermaid](https://mermaid.js.org/) - a JavaScript-based diagram and charting tool supported by GitHub - has been added to the theme. **This feature is opt-in.** See the new doc subsections in [Configuration]({% link docs/configuration.md %}#mermaid-diagrams) and [Code]({% link docs/ui-components/code/index.md %}#mermaid-diagram-code-blocks) for more.
 - Multiple Google Analytics tags are now supported. PR: [#1029]
 #### Customization
 - all user-facing text is now customizable; previously, several elements (ex search placeholder) were hardwired into the theme. Now, users can blend custom includes and layouts to internationalize their sites.
 - we've clarified the role of `custom.scss` to be imported last; to allow users to define custom or override variables, we've added a new file `setup.scss`. PR: [#1135]
 #### Custom Includes
 We've added several custom `_includes` to provide users with more customization options for different site elements. We've also added a section to [Configuration]({% link docs/customization.md %}#override-includes) to outline these.
 All of these are opt-in by default; however, **these may be breaking if you have existing `_includes` with the same name**.
 Each item is listed with the relevant file and PR.
 - TOC heading: `toc_heading_custom.html`, PR: [#980]
 - Navigation panel footer: `nav_footer_custom.html`, PR: [#474]
 - Search placeholder: `search_placeholder_custom.html`, PR: [#613]
 - Modular site components: `components/` and `icons/`, PR: [#1058]
 - Custom search indices: `lunr/`, PR: [#1068]
 In a future (version 1) release, we may rename the custom include files.
 #### Modular Components
 We've broken up the default layout (`_layouts/default.html`) into multiple reusable components. This should have no impact on most users; however, it should make it easier to implement custom layouts.
 For more, see [Custom layouts and includes]({% link docs/customization.md %}#custom-layouts-and-includes). PR: [#1058].
 #### Navigation
 - Collections: nav panel shows links to ordinary pages before collections
 - Collection folding; part of "Combination". PR: [#578]
 - Scrolling to show link to selected page. PR: [#639]
 - External nav links are now supported. PR: [#876]
 - Child nav order: sort navigation pages with `child_nav_order`. PR: [#726]
 - Order when mixing different ways of specifying nav order
 #### Search
 In addition to customizing the search placeholder, we've also added the ability to provide custom content to the search index. for more, see [Custom content for search index]({% link docs/search.md %}#custom-content-for-search-index). PR: [#1068].
 #### Styling
 - Code copying: code blocks now allow users to easily copy their contents. PR: [#945]
 - Blockquote: shows vertical bar on left. PR: [#965]
 - Links wrap. PR: [#905]
 - Callouts: a new component similar to alerts or banners. See [UI Components - Callouts]({% link docs/ui-components/callouts.md %}). PR: [#466]
 ----
 [#856]: https://github.com/just-the-docs/just-the-docs/pull/856
 [#806]: https://github.com/just-the-docs/just-the-docs/pull/806
 [#555]: https://github.com/just-the-docs/just-the-docs/pull/555
 [#814]: https://github.com/just-the-docs/just-the-docs/pull/814
 [#778]: https://github.com/just-the-docs/just-the-docs/pull/778
 [#221]: https://github.com/just-the-docs/just-the-docs/pull/221
 [#782]: https://github.com/just-the-docs/just-the-docs/pull/782
 [#549]: https://github.com/just-the-docs/just-the-docs/pull/549
 [#554]: https://github.com/just-the-docs/just-the-docs/pull/554
 [#499]: https://github.com/just-the-docs/just-the-docs/pull/499
 [#473]: https://github.com/just-the-docs/just-the-docs/pull/473
 [#835]: https://github.com/just-the-docs/just-the-docs/pull/835
 [#891]: https://github.com/just-the-docs/just-the-docs/pull/891
 [#906]: https://github.com/just-the-docs/just-the-docs/pull/906
 [#578]: https://github.com/just-the-docs/just-the-docs/pull/578
 [#463]: https://github.com/just-the-docs/just-the-docs/pull/463
 [#448]: https://github.com/just-the-docs/just-the-docs/pull/448
 [#466]: https://github.com/just-the-docs/just-the-docs/pull/466
 [#477]: https://github.com/just-the-docs/just-the-docs/pull/477
 [#495]: https://github.com/just-the-docs/just-the-docs/pull/495
 [#496]: https://github.com/just-the-docs/just-the-docs/pull/496
 [#498]: https://github.com/just-the-docs/just-the-docs/pull/498
 [#494]: https://github.com/just-the-docs/just-the-docs/pull/494
 [#639]: https://github.com/just-the-docs/just-the-docs/pull/639
 [#544]: https://github.com/just-the-docs/just-the-docs/pull/544
 [#364]: https://github.com/just-the-docs/just-the-docs/pull/364
 [#498]: https://github.com/just-the-docs/just-the-docs/pull/498
 [#613]: https://github.com/just-the-docs/just-the-docs/pull/613
 [#726]: https://github.com/just-the-docs/just-the-docs/pull/726
 [#474]: https://github.com/just-the-docs/just-the-docs/pull/474
 [#829]: https://github.com/just-the-docs/just-the-docs/pull/829
 [#857]: https://github.com/just-the-docs/just-the-docs/pull/857
 [#876]: https://github.com/just-the-docs/just-the-docs/pull/876
 [#909]: https://github.com/just-the-docs/just-the-docs/pull/909
 [#519]: https://github.com/just-the-docs/just-the-docs/pull/519
 [#855]: https://github.com/just-the-docs/just-the-docs/pull/855
 [#686]: https://github.com/just-the-docs/just-the-docs/pull/686
 [#495]: https://github.com/just-the-docs/just-the-docs/pull/495
 [#846]: https://github.com/just-the-docs/just-the-docs/pull/846
 [#727]: https://github.com/just-the-docs/just-the-docs/pull/727
 [#889]: https://github.com/just-the-docs/just-the-docs/pull/889
 [#893]: https://github.com/just-the-docs/just-the-docs/pull/893
 [#905]: https://github.com/just-the-docs/just-the-docs/pull/905
 [#898]: https://github.com/just-the-docs/just-the-docs/pull/898
 [#950]: https://github.com/just-the-docs/just-the-docs/pull/950
 [#944]: https://github.com/just-the-docs/just-the-docs/pull/944
 [#939]: https://github.com/just-the-docs/just-the-docs/pull/939
 [#949]: https://github.com/just-the-docs/just-the-docs/pull/949
 [#941]: https://github.com/just-the-docs/just-the-docs/pull/941
 [#956]: https://github.com/just-the-docs/just-the-docs/pull/956
 [#935]: https://github.com/just-the-docs/just-the-docs/pull/935
 [#940]: https://github.com/just-the-docs/just-the-docs/pull/940
 [#951]: https://github.com/just-the-docs/just-the-docs/pull/951
 [#955]: https://github.com/just-the-docs/just-the-docs/pull/955
 [#937]: https://github.com/just-the-docs/just-the-docs/pull/937
 [#965]: https://github.com/just-the-docs/just-the-docs/pull/965
 [#960]: https://github.com/just-the-docs/just-the-docs/pull/960
 [#962]: https://github.com/just-the-docs/just-the-docs/pull/962
 [#964]: https://github.com/just-the-docs/just-the-docs/pull/964
 [#967]: https://github.com/just-the-docs/just-the-docs/pull/967
 [#974]: https://github.com/just-the-docs/just-the-docs/pull/974
 [#980]: https://github.com/just-the-docs/just-the-docs/pull/980
 [#985]: https://github.com/just-the-docs/just-the-docs/pull/985
 [#986]: https://github.com/just-the-docs/just-the-docs/pull/986
 [#992]: https://github.com/just-the-docs/just-the-docs/pull/992
 [#945]: https://github.com/just-the-docs/just-the-docs/pull/945
 [#999]: https://github.com/just-the-docs/just-the-docs/pull/999
 [#1000]: https://github.com/just-the-docs/just-the-docs/pull/1000
 [#1001]: https://github.com/just-the-docs/just-the-docs/pull/1001
 [#1010]: https://github.com/just-the-docs/just-the-docs/pull/1010
 [#1015]: https://github.com/just-the-docs/just-the-docs/pull/1015
 [#1018]: https://github.com/just-the-docs/just-the-docs/pull/1018
 [#1019]: https://github.com/just-the-docs/just-the-docs/pull/1019
 [#1021]: https://github.com/just-the-docs/just-the-docs/pull/1021
 [#1027]: https://github.com/just-the-docs/just-the-docs/pull/1027
 [#1029]: https://github.com/just-the-docs/just-the-docs/pull/1029
 [#1040]: https://github.com/just-the-docs/just-the-docs/pull/1040
 [#1061]: https://github.com/just-the-docs/just-the-docs/pull/1061
 [#1065]: https://github.com/just-the-docs/just-the-docs/pull/1065
 [#1071]: https://github.com/just-the-docs/just-the-docs/pull/1071
 [#1074]: https://github.com/just-the-docs/just-the-docs/pull/1074
 [#1076]: https://github.com/just-the-docs/just-the-docs/pull/1076
 [#1077]: https://github.com/just-the-docs/just-the-docs/pull/1077
 [#1090]: https://github.com/just-the-docs/just-the-docs/pull/1090
 [#1091]: https://github.com/just-the-docs/just-the-docs/pull/1091
 [#1092]: https://github.com/just-the-docs/just-the-docs/pull/1092
 [#1095]: https://github.com/just-the-docs/just-the-docs/pull/1095
 [#1068]: https://github.com/just-the-docs/just-the-docs/pull/1068
 [#1135]: https://github.com/just-the-docs/just-the-docs/pull/1135
--- a/README.md
+++ b/README.md
@ -1,42 +1,19 @@
 <p align="right">
-    <a href="https://badge.fury.io/rb/just-the-docs"><img src="https://badge.fury.io/rb/just-the-docs.svg" alt="Gem version"></a> <a href="https://github.com/just-the-docs/just-the-docs/actions/workflows/ci.yml"><img src="https://github.com/just-the-docs/just-the-docs/actions/workflows/ci.yml/badge.svg" alt="CI Build status"></a> <a href="https://app.netlify.com/sites/just-the-docs/deploys"><img src="https://api.netlify.com/api/v1/badges/9dc0386d-c2a4-4077-ad83-f02c33a6c0ca/deploy-status" alt="Netlify Status"></a>
+    <a href="https://badge.fury.io/rb/just-the-docs"><img src="https://badge.fury.io/rb/just-the-docs.svg" alt="Gem version"></a> <a href="https://travis-ci.com/pmarsceill/just-the-docs"><img src="https://travis-ci.com/pmarsceill/just-the-docs.svg?branch=master" alt="Build status"></a>
 </p>
 <br><br>
 <p align="center">
    <h1 align="center">Just the Docs</h1>
-    <p align="center">A modern, highly customizable, and responsive Jekyll theme for documentation with built-in search.<br>Easily hosted on GitHub Pages with few dependencies.</p>
+    <p align="center">A modern, high customizable, responsive Jekyll theme for documentation with built-in search.<br>Easily hosted on GitHub Pages with few dependencies.</p>
-    <p align="center"><strong><a href="https://just-the-docs.com/">See it in action!</a></strong></p>
+    <p align="center"><strong><a href="https://pmarsceill.github.io/just-the-docs/">See it in action!</a></strong></p>
    <br><br><br>
 </p>
-<p align="center">A video walkthrough of various Just the Docs features</p>
+![jtd](https://user-images.githubusercontent.com/896475/47384541-89053c80-d6d5-11e8-98dc-dba16e192de9.gif)
 https://user-images.githubusercontent.com/85418632/211225192-7e5d1116-2f4f-4305-bb9b-437fe47df071.mp4
 ## Installation
-### Use the template
+Add this line to your Jekyll site's Gemfile:
 The [Just the Docs Template] provides the simplest, quickest, and easiest way to create a new website that uses the Just the Docs theme. To get started with creating a site, just click "[use the template]"!
 Note: To use the theme, you do ***not*** need to clone or fork the [Just the Docs repo]! You should do that only if you intend to browse the theme docs locally, contribute to the development of the theme, or develop a new theme based on Just the Docs.
 You can easily set the site created by the template to be published on [GitHub Pages] – the [template README] file explains how to do that, along with other details.
 If [Jekyll] is installed on your computer, you can also build and preview the created site *locally*. This lets you test changes before committing them, and avoids waiting for GitHub Pages.[^2] And you will be able to deploy your local build to a different platform than GitHub Pages.
 More specifically, the created site:
 - uses a gem-based approach, i.e. uses a `Gemfile` and loads the `just-the-docs` gem
 - uses the [GitHub Pages / Actions workflow] to build and publish the site on GitHub Pages
 Other than that, you're free to customize sites that you create with the template, however you like. You can easily change the versions of `just-the-docs` and Jekyll it uses, as well as adding further plugins.
 ### Use as a Ruby Gem
 Alternatively, you can install the theme as a Ruby Gem, without creating a new site.
 Add this line to your Jekyll site's `Gemfile`:
 ```ruby
 gem "just-the-docs"
@ -48,28 +25,28 @@ And add this line to your Jekyll site's `_config.yml`:
 theme: just-the-docs
 ```
-And then install all relevant dependencies:
+And then execute:
-```shell
+    $ bundle
-$ bundle
+
-```
+Or install it yourself as:
    $ gem install just-the-docs
 ## Usage
-[View the documentation][Just the Docs] for usage information.
+[View the documentation](https://pmarsceill.github.io/just-the-docs/) for usage information.
 ## Contributing
-Bug reports, proposals of new features, and pull requests are welcome on GitHub at https://github.com/just-the-docs/just-the-docs. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [Contributor Covenant](http://contributor-covenant.org) code of conduct.
+Bug reports and pull requests are welcome on GitHub at https://github.com/pmarsceill/just-the-docs. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [Contributor Covenant](http://contributor-covenant.org) code of conduct.
 ### Submitting code changes:
- Submit an [Issue](https://github.com/just-the-docs/just-the-docs/issues) that motivates the changes, using the appropriate template
+- Open a [Pull Request](https://github.com/pmarsceill/just-the-docs/pulls)
 - Discuss the proposed changes with other users and the maintainers
 - Open a [Pull Request](https://github.com/just-the-docs/just-the-docs/pulls)
 - Ensure all CI tests pass
 - Provide instructions to check the effect of the changes
 - Await code review
 - Bump the version number in `just-the-docs.gemspec` and `package.json` according to [semantic versioning](https://semver.org/).
 ### Design and development principles of this theme:
@ -80,25 +57,12 @@ Bug reports, proposals of new features, and pull requests are welcome on GitHub
 ## Development
-To set up your environment to develop this theme: fork this repo, the run `bundle install` from the root directory.
+To set up your environment to develop this theme, run `bundle install`.
 A modern [devcontainer configuration](https://code.visualstudio.com/docs/remote/containers) for VSCode is included.
 Your theme is set up just like a normal Jekyll site! To test your theme, run `bundle exec jekyll serve` and open your browser at `http://localhost:4000`. This starts a Jekyll server using your theme. Add pages, documents, data, etc. like normal to test your theme's contents. As you make modifications to your theme and to your content, your site will regenerate and you should see the changes in the browser after a refresh, just like normal.
-When this theme is released, only the files in `_layouts`, `_includes`, and `_sass` tracked with Git will be included in the gem.
+When the theme is released, only the files in `_layouts`, `_includes`, and `_sass` tracked with Git will be released.
 ## License
 The theme is available as open source under the terms of the [MIT License](http://opensource.org/licenses/MIT).
 [^2]: [It can take up to 10 minutes for changes to your site to publish after you push the changes to GitHub](https://docs.github.com/en/pages/setting-up-a-github-pages-site-with-jekyll/creating-a-github-pages-site-with-jekyll#creating-your-site).
 [Jekyll]: https://jekyllrb.com
 [Just the Docs Template]: https://just-the-docs.github.io/just-the-docs-template/
 [Just the Docs]: https://just-the-docs.com
 [Just the Docs repo]: https://github.com/just-the-docs/just-the-docs
 [GitHub Pages]: https://pages.github.com/
 [Template README]: https://github.com/just-the-docs/just-the-docs-template/blob/main/README.md
 [GitHub Pages / Actions workflow]: https://github.blog/changelog/2022-07-27-github-pages-custom-github-actions-workflows-beta/
 [use the template]: https://github.com/just-the-docs/just-the-docs-template/generate
--- a/_config.yml
+++ b/_config.yml
@ -15,191 +15,26 @@
 # in the templates via {{ site.myvariable }}.
 title: Just the Docs
 description: A Jekyll theme for documentation
-baseurl: "" # the subpath of your site, e.g. /blog
+baseurl: "/just-the-docs/" # the subpath of your site, e.g. /blog
-url: "https://just-the-docs.com" # the base hostname & protocol for your site, e.g. http://example.com
+url: "https://pmarsceill.github.io" # the base hostname & protocol for your site, e.g. http://example.com
 repository: just-the-docs/just-the-docs # for github-metadata
 permalink: pretty
-
+exclude: ["node_modules/", "*.gemspec", "*.gem", "Gemfile", "Gemfile.lock", "package.json", "package-lock.json",  "script/", "LICENSE.txt", "lib/", "bin/", "README.md", "Rakefile"]
 defaults:
  - scope:
      path: "docs" # an empty string here means all files in the project
      type: "pages"
    values:
      layout: "default"
 exclude:
  # from https://github.com/jekyll/jekyll/blob/master/lib/site_template/_config.yml:
  - .sass-cache/
  - .jekyll-cache/
  - gemfiles/
  - Gemfile
  - Gemfile.lock
  - node_modules/
  - vendor/bundle/
  - vendor/cache/
  - vendor/gems/
  - vendor/ruby/
  # specific to the theme website:
  - bin/
  - lib/
  - "*.gemspec"
  - "*.gem"
  - LICENSE.txt
  - package.json
  - package-lock.json
  - Rakefile
  - README.md
  - CODE_OF_CONDUCT.md
  - docker-compose.yml
  - Dockerfile
  # theme test code
  - fixtures/
 # Set a path/url to a logo that will be displayed instead of the title
 #logo: "/assets/images/just-the-docs.png"
 # Enable or disable the site search
 # Supports true (default) or false
 search_enabled: true
 search:
  # Split pages into sections that can be searched individually
  # Supports 1 - 6, default: 2
  heading_level: 2
  # Maximum amount of previews per search result
  # Default: 3
  previews: 2
  # Maximum amount of words to display before a matched word in the preview
  # Default: 5
  preview_words_before: 3
  # Maximum amount of words to display after a matched word in the preview
  # Default: 10
  preview_words_after: 3
  # Set the search token separator
  # Default: /[\s\-/]+/
  # Example: enable support for hyphenated search words
  tokenizer_separator: /[\s/]+/
  # Display the relative url in search results
  # Supports true (default) or false
  rel_url: true
  # Enable or disable the search button that appears in the bottom right corner of every page
  # Supports true or false (default)
  button: false
  # Focus the search input by pressing `ctrl + focus_shortcut_key` (or `cmd + focus_shortcut_key` on macOS)
  focus_shortcut_key: "k"
 # For copy button on code
 enable_copy_code_button: true
 # By default, consuming the theme as a gem leaves mermaid disabled; it is opt-in
 mermaid:
  # Version of mermaid library
  # Pick an available version from https://cdn.jsdelivr.net/npm/mermaid/
  version: "9.1.6"
  # Put any additional configuration, such as setting the theme, in _includes/mermaid_config.js
  # See also docs/ui-components/code
  # To load mermaid from a local library, also use the `path` key to specify the location of the library; e.g.
  # for (v10+):
  # path: "/assets/js/mermaid.esm.min.mjs"
  # for (<v10):
  # path: "/assets/js/mermaid.min.js"
  # Note: copy both `mermaid.esm.min.mjs` (v10+) or `mermaid.min.js` (<v10) and the associated `.map` file from the specified version of `mermaid/dist` to `/assets/js/`.
 # Enable or disable heading anchors
 heading_anchors: true
 # Aux links for the upper right navigation
 aux_links:
  "Just the Docs on GitHub":
-    - "https://github.com/just-the-docs/just-the-docs"
+    - "//github.com/pmarsceill/just-the-docs"
-# Makes Aux links open in a new tab. Default is false
+# Color scheme currently only supports "dark" or nil (default)
 aux_links_new_tab: false
 # Enable or disable the side/mobile menu globally
 # Nav menu can also be selectively enabled or disabled using page variables or the minimal layout
 nav_enabled: true
 # Sort order for navigation links
 # nav_sort: case_insensitive # default, equivalent to nil
 nav_sort: case_sensitive # Capital letters sorted before lowercase
 # External navigation links
 nav_external_links:
  - title: Just the Docs on GitHub
    url: https://github.com/just-the-docs/just-the-docs
 # Show navigation error report
 nav_error_report: true # default is false/nil.
 liquid:
  error_mode: strict
  strict_filters: true
 # Footer content
 # appears at the bottom of every page's main content
 # Back to top link
 back_to_top: true
 back_to_top_text: "Back to top"
 footer_content: 'Copyright &copy; 2017-2020 Patrick Marsceill. Distributed by an <a href="https://github.com/just-the-docs/just-the-docs/tree/main/LICENSE.txt">MIT license.</a> <a href="https://www.netlify.com/">This site is powered by Netlify.</a>'
 # Footer last edited timestamp
 last_edit_timestamp: true # show or hide edit time - page must have `last_modified_date` defined in the frontmatter
 last_edit_time_format: "%b %e %Y at %I:%M %p" # uses ruby's time format: https://ruby-doc.org/stdlib-2.7.0/libdoc/time/rdoc/Time.html
 # Footer "Edit this page on GitHub" link text
 gh_edit_link: true # show or hide edit this page link
 gh_edit_link_text: "Edit this page on GitHub"
 gh_edit_repository: "https://github.com/just-the-docs/just-the-docs" # the github URL for your repo
 gh_edit_branch: "main" # the branch that your docs is served from
 # gh_edit_source: docs # the source that your files originate from
 gh_edit_view_mode: "tree" # "tree" or "edit" if you want the user to jump into the editor immediately
 # Color scheme currently only supports "dark", "light"/nil (default), or a custom scheme that you define
 color_scheme: nil
 callouts_level: quiet # or loud
 callouts:
  highlight:
    color: yellow
  important:
    title: Important
    color: blue
  new:
    title: New
    color: green
  note:
    title: Note
    color: purple
  warning:
    title: Warning
    color: red
 # Google Analytics Tracking (optional)
-# Supports a CSV of tracking ID strings (eg. "UA-1234567-89,G-1AB234CDE5")
+# e.g, UA-1234567-89
-# Note: the main Just the Docs site does *not* use Google Analytics.
+ga_tracking: UA-2709176-10
 # ga_tracking: UA-2709176-10,G-5FG1HLH3XQ
 # ga_tracking_anonymize_ip: true # Use GDPR compliant Google Analytics settings (true/nil by default)
 plugins:
  - jekyll-seo-tag
  - jekyll-github-metadata
  - jekyll-include-cache
  - jekyll-sitemap
 kramdown:
  syntax_highlighter_opts:
    block:
      line_numbers: false
 compress_html:
  clippings: all
  comments: all
  endings: all
  startings: []
  blanklines: false
  profile: false
  # ignore:
  #   envs: all
--- a/_includes/components/aux_nav.html
+++ b/_includes/components/aux_nav.html
@ -1,15 +0,0 @@
 <nav aria-label="Auxiliary" class="aux-nav">
  <ul class="aux-nav-list">
    {% for link in site.aux_links %}
      <li class="aux-nav-list-item">
        <a href="{{ link.last }}" class="site-button"
          {% if site.aux_links_new_tab %}
          target="_blank" rel="noopener noreferrer"
          {% endif %}
        >
          {{ link.first }}
        </a>
      </li>
    {% endfor %}
  </ul>
 </nav>
--- a/_includes/components/breadcrumbs.html
+++ b/_includes/components/breadcrumbs.html
@ -1,96 +0,0 @@
 {%- comment -%}
  Include as: {%- include components/breadcrumbs.html -%}
  Depends on: page, site.
  Includes: components/site_nav.html.
  Results in: HTML for the breadcrumbs component.
  Overwrites:
    nav_list_link, site_nav, nav_list_simple, nav_list_link_class, nav_category,
    nav_anchor_splits, nav_breadcrumbs, nav_split, nav_split_next, nav_split_test,
    nav_breadcrumb_link, nav_list_end_less, nav_list_end_count, nav_end_index, nav_breadcrumb.
 {%- endcomment -%}
 {%- if page.url != "/" and page.parent and page.title -%}
 {%- capture site_nav -%}
 {%- include_cached components/site_nav.html all=true -%}
 {%- endcapture -%}
 {%- capture nav_list_link -%}
 <a href="{{ page.url | relative_url }}" class="nav-list-link">
 {%- endcapture -%}
 {%- capture nav_list_simple -%}
 <ul class="nav-list">
 {%- endcapture -%}
 {%- capture nav_list_link_class %} class="nav-list-link">
 {%- endcapture -%}
 {%- capture nav_category -%}
 <div class="nav-category">
 {%- endcapture -%}
 {%- assign nav_anchor_splits =
      site_nav | split: nav_list_link |
      first | split: nav_category |
      last | split: "</a>" -%}
 {%- comment -%}
  The ordinary pages (if any) and the collections pages (if any) are separated by
  occurrences of nav_category.
  Any ancestor nav-links of the page are contained in the last group of pages,
  immediately preceding nav-lists. After splitting at "</a>", the anchor that
  was split is a potential ancestor link when the following split starts with
  a nav-list. 
  The array nav_breadcrumbs is the stack of current potential ancestors of the
  current page. A split that contains one or more "</ul>"s requires that number
  of potential ancestors to be popped from the stack.
  The number of occurrences of a string in nav_split_next is computed by removing
  them all, then dividing the resulting size difference by the length of the string.
 {%- endcomment %}
 {%- assign nav_breadcrumbs = "" | split: "" -%}
 {%- for nav_split in nav_anchor_splits -%}
 {%- unless forloop.last -%}
 {%- assign nav_split_next = nav_anchor_splits[forloop.index] | strip -%}
 {%- assign nav_split_test =
      nav_split_next | remove_first: nav_list_simple | prepend: nav_list_simple -%}
 {%- if nav_split_test == nav_split_next -%}
  {%- assign nav_breadcrumb_link =
        nav_split | split: "<a " | last | prepend: "<a " |
        replace: nav_list_link_class, ">" | append: "</a>" -%}
  {%- assign nav_breadcrumbs = nav_breadcrumbs | push: nav_breadcrumb_link -%}
 {%- endif -%}
 {%- if nav_split_next contains "</ul>" -%}
  {%- assign nav_list_end_less = nav_split_next | remove: "</ul>" -%}
  {%- assign nav_list_end_count =
        nav_split_next.size | minus: nav_list_end_less.size | divided_by: 5 -%}
  {% for nav_end_index in (1..nav_list_end_count) %}
    {%- assign nav_breadcrumbs = nav_breadcrumbs | pop -%}
  {%- endfor -%}
 {%- endif -%}
 {%- endunless -%}
 {%- endfor -%}
 <nav aria-label="Breadcrumb" class="breadcrumb-nav">
  <ol class="breadcrumb-nav-list">
    {%- for nav_breadcrumb in nav_breadcrumbs %}
    <li class="breadcrumb-nav-list-item">{{ nav_breadcrumb }}</li>
    {%- endfor %}
    <li class="breadcrumb-nav-list-item"><span>{{ page.title }}</span></li>
  </ol>
 </nav>
 {% if site.nav_error_report %}
 {{ nav_error_report }}
 {% endif %}
 {%- endif -%}
--- a/_includes/components/children_nav.html
+++ b/_includes/components/children_nav.html
@ -1,90 +0,0 @@
 {%- comment -%}
  Include as: {%- include components/children_nav.html -%}
  Depends on: page, site, nav_breadcrumbs.
  Results in: HTML for the children-navigation component.
  Includes: components/nav/sorted.html, toc_heading_custom.html.
  Overwrites:
    nav_ancestor_links, nav_top_node_titles, nav_child_candidates, nav_children,
    nav_child, nav_child_ok, nav_child_ancestor, nav_sorted.
 {%- endcomment -%}
 {%- comment -%}
  Whether a page has any children is checked efficiently by inspecting the cached
  site_nav. If the page has no children, nav_children is set to an empty array;
  otherwise nav_children is left unset. (The site_nav is rendered the first time
  it is included, and that may overwrite various variables.)
 {%- endcomment -%}
 {%- if page.has_children == false -%}
  {%- assign nav_children = "" | split: "" -%}
 {%- else -%}
  {%- capture site_nav -%}
  {%- include_cached components/site_nav.html all=true -%}
  {%- endcapture -%}
  {%- assign nav_children = nil -%}
  {%- capture nav_list_link -%}
  <a href="{{ page.url | relative_url }}" class="nav-list-link">
  {%- endcapture -%}
  {%- capture nav_list_simple -%}
  <ul class="nav-list">
  {%- endcapture -%}
  {%- assign nav_child_start = site_nav
        | split: nav_list_link | last
        | split: "</a>" | slice: 1 | first -%}
  {%- assign nav_child_test = nav_child_start 
        | remove_first: nav_list_simple | prepend: nav_list_simple -%}
  {%- if nav_child_start != nav_child_test -%}
    {%- assign nav_children = "" | split: "" -%}
  {%- endif -%}
 {%- endif -%}
 {%- unless nav_children -%}
  {%- comment -%}
    The layout is assumed to include components/breadcrumbs.html before this file,
    otherwise it needs to be included here.
  {%- endcomment -%}
  {%- assign nav_ancestors = "" | split: "" -%}
  {%- for nav_link in nav_breadcrumbs -%}
    {%- assign nav_title = nav_link | split: ">" | slice: 1 | first | append: ">" | remove: "</a>" -%}
    {%- assign nav_ancestors = nav_ancestors | push: nav_title -%}
  {%- endfor -%}
  {%- assign nav_parenthood = site[page.collection] | default: site.html_pages
    | where_exp: "item", "item.title != nil" | group_by: "parent" -%}
  {%- assign nav_top_nodes = nav_parenthood
      | where_exp: "item", "item.name == ''" | map: "items" | first -%}
  {% assign nav_top_node_titles = nav_top_nodes | map: "title" -%}
  {%- include components/nav/children.html node=page ancestors=nav_ancestors all=true -%}
 {%- endunless -%}
 {%- if nav_children.size >= 1 -%}
  {%- if page.child_nav_order == 'desc' or page.child_nav_order == 'reversed' -%}
    {%- assign nav_children = nav_children | reverse -%}
  {%- endif -%}
 <hr>
 {% include toc_heading_custom.html %}
 <ul>
  {% for nav_child in nav_children %}
  <li>
    <a href="{{ nav_child.url | relative_url }}">{{ nav_child.title }}</a>{% if nav_child.summary %} - {{ nav_child.summary }}{% endif %}
  </li>
  {% endfor %}
 </ul>
 {%- endif -%}
--- a/_includes/components/footer.html
+++ b/_includes/components/footer.html
@ -1,34 +0,0 @@
 {% capture footer_custom %}
  {%- include footer_custom.html -%}
 {% endcapture %}
 {% if footer_custom != "" or site.last_edit_timestamp or site.gh_edit_link or site.back_to_top %}
  <hr>
  <footer>
    {% if site.back_to_top %}
      <p><a href="#top" id="back-to-top">{{ site.back_to_top_text }}</a></p>
    {% endif %}
    {{ footer_custom }}
    {% if site.last_edit_timestamp or site.gh_edit_link %}
      <div class="d-flex mt-2">
        {% if site.last_edit_timestamp and site.last_edit_time_format and page.last_modified_date %}
          <p class="text-small text-grey-dk-000 mb-0 mr-2">
            Page last modified: <span class="d-inline-block">{{ page.last_modified_date | date: site.last_edit_time_format }}</span>.
          </p>
        {% endif %}
        {% if
          site.gh_edit_link and
          site.gh_edit_link_text and
          site.gh_edit_repository and
          site.gh_edit_branch and
          site.gh_edit_view_mode
        %}
          <p class="text-small text-grey-dk-000 mb-0">
            <a href="{{ site.gh_edit_repository }}/{{ site.gh_edit_view_mode }}/{{ site.gh_edit_branch }}{% if site.gh_edit_source %}/{{ site.gh_edit_source }}{% endif %}{% if page.collection and site.collections_dir %}/{{ site.collections_dir }}{% endif %}/{{ page.path }}" id="edit-this-page">{{ site.gh_edit_link_text }}</a>
          </p>
        {% endif %}
      </div>
    {% endif %}
  </footer>
 {% endif %}
--- a/_includes/components/header.html
+++ b/_includes/components/header.html
@ -1,11 +0,0 @@
 <div id="main-header" class="main-header">
  {% if site.search_enabled != false %}
    {% include components/search_header.html %}
  {% else %}
    <div></div>
  {% endif %}
  {% include header_custom.html %}
  {% if site.aux_links %}
    {% include components/aux_nav.html %}
  {% endif %}
 </div>
--- a/_includes/components/mermaid.html
+++ b/_includes/components/mermaid.html
@ -1,45 +0,0 @@
 {% comment %}
 The complexity of this file comes from a breaking change in Mermaid v10; mermaid.init has been deprecated (and supposedly, didn't work earlier?).
 So, we check whether the user's Mermaid version is >= 10; if not, we fall back to the previous init syntax.
 If a user is using a custom mermaid file and doesn't specify a version, we default to the < v10 behaviour. Users who use version v10 or above should specify this in the version key.
 {% endcomment %}
 {% if site.mermaid.version %}
  {% assign mermaid_major_version = site.mermaid.version | split: "." | first | plus: 0 %}
 {% else %}
  {% assign mermaid_major_version = 9 %}
 {% endif %}
 {% if mermaid_major_version > 9 %}
 <script type="module">
  {% if site.mermaid.path %}
  import mermaid from '{{ site.mermaid.path | relative_url }}';
  {% else %}
  import mermaid from 'https://cdn.jsdelivr.net/npm/mermaid@{{ site.mermaid.version }}/dist/mermaid.esm.min.mjs';
  {% endif %}
  var config = {% include mermaid_config.js %};
  mermaid.initialize(config);
  mermaid.run({
    querySelector: '.language-mermaid',
  });
 </script>
 {% else %}
 {% if site.mermaid.path %}
  <script src="{{ site.mermaid.path | relative_url }}"></script>
 {% else %}
  <script src="https://cdn.jsdelivr.net/npm/mermaid@{{ site.mermaid.version }}/dist/mermaid.min.js"></script>
 {% endif %}
 <script>
  var config = {% include mermaid_config.js %};
  mermaid.initialize(config);
  window.mermaid.init(undefined, document.querySelectorAll('.language-mermaid'));
 </script>
 {% endif %}
--- a/_includes/components/nav/children.html
+++ b/_includes/components/nav/children.html
@ -1,48 +0,0 @@
 {%- comment -%}
  Include as: {%- include components/nav/children.html node=node ancestors=title_array all=bool -%}
  Depends on: include.node, include.ancestors, include.all, nav_parenthood, nav_top_node_titles.
  Includes: components/nav/sorted.html.
  Assigns to: nav_children.
  Overwrites:
    nav_candidates, nav_child, nav_child_ok.
 {%- endcomment -%}
 {%- assign nav_children = "" | split: "" -%}
 {%- if include.all == true or include.node.has_children != false -%}
  {%- assign nav_candidates = nav_parenthood
        | where: "name", include.node.title | map: "items" | first -%}
  {%- for nav_child in nav_candidates -%}
    {%- assign nav_child_ok = true -%}
    {%- if nav_child.grand_parent and nav_child.grand_parent != include.node.parent -%}
      {%- assign nav_child_ok = false -%}
    {%- endif -%}
    {%- if nav_child.ancestor and nav_child.ancestor != include.node.title -%}
      {%- unless include.ancestors contains nav_child.ancestor -%}
        {%- assign nav_child_ok = false -%}
      {%- endunless -%}
    {%- endif -%}
    {%- comment -%}
      The following check rejects nav_child as 3rd-level when include.node is 2nd-level
      and nav_child can also be 2nd-level. This is for backwards compatibility with
      existing 3-level sites.
    {%- endcomment -%}
    {%- if nav_child.grand_parent == nil and nav_child.ancestor == nil and 
          nav_top_node_titles contains nav_child.parent and include.ancestors.size >= 1 -%}
      {%- assign nav_child_ok = false -%}
    {%- endif -%}
    {%- if nav_child_ok -%}
      {%- assign nav_children = nav_children | push: nav_child -%}
    {%- endif -%}
  {%- endfor -%}
 {%- endif -%}
 {%- include components/nav/sorted.html pages=nav_children -%}
 {%- assign nav_children = nav_sorted -%}
--- a/_includes/components/nav/links.html
+++ b/_includes/components/nav/links.html
@ -1,53 +0,0 @@
 {%- comment -%}
  Include as: {%- include components/nav/links.html pages=page_array ancestors=title_array all=bool -%}
  Depends on: include.pages, include.ancestors, include.all.
  Results in: HTML for the main navigation when all is nil or false;
    includes links to pages excluded from the main navigation when all is true.
  Includes: components/nav/sorted.html, components/nav/children.html, components/nav/links.html.
  Overwrites:
    node, nav_children, nav_ancestors.
 {%- endcomment -%}
 <ul class="nav-list">
  {%- for node in include.pages -%}
  {%- if include.all == true or node.nav_exclude != true -%}
  {%- if include.ancestors contains node.title -%}
    <li class="nav-list-item">
      <a href="{{ node.url | relative_url }}" class="nav-list-link"> ∞ </a>
    </li>
    {%- capture nav_error_report -%}
      <blockquote class="warning">
        A page has the same title as its parent page or one of its ancestral pages!<br>
        This causes an incorrect link in the main navigation panel.<br>
        Page title: <code>{{ node.title }}</code>, location: <code>{{ node.path }}</code>.
      </blockquote>
    {%- endcapture -%}
  {%- else -%}
    {%- include components/nav/children.html node=node ancestors=include.ancestors all=include.all -%}
    <li class="nav-list-item">
      {%- if nav_children.size >= 1 -%}
      <button class="nav-list-expander btn-reset" aria-label="toggle items in {{ node.title }} category" aria-pressed="false">
        <svg viewBox="0 0 24 24" aria-hidden="true"><use xlink:href="#svg-arrow-right"></use></svg>
      </button>
      {%- endif -%}
      <a href="{{ node.url | relative_url }}" class="nav-list-link">{{ node.title }}</a>
      {%- if nav_children.size >= 1 -%}
        {%- if node.child_nav_order == 'desc' or node.child_nav_order == 'reversed' -%}
          {%- assign nav_children = nav_children | reverse -%}
        {%- endif -%}
        {%- assign nav_ancestors = include.ancestors | push: node.title -%}
        {%- include components/nav/links.html pages=nav_children ancestors=nav_ancestors all=include.all -%}
      {%- endif -%}
    </li>
  {%- endif -%}
  {%- endif -%}
  {%- endfor -%}
 </ul>
 {%- comment -%}{%- endcomment -%}
--- a/_includes/components/nav/pages.html
+++ b/_includes/components/nav/pages.html
@ -1,23 +0,0 @@
 {%- comment -%}
  Include as: {%- include components/nav/pages.html pages=page_array all=bool -%}
  Depends on: include.pages.
  Results in: HTML for the main navigation when all is nil or false;
    adds links to pages excluded from the main navigation when all is true.
  Includes: components/nav/links.html
  Assigns to:
    nav_parenthood, nav_top_nodes, nav_top_node_titles, nav_ancestors.
 {%- endcomment -%}
 {%- assign nav_parenthood = include.pages
      | where_exp: "item", "item.title != nil" | group_by: "parent" -%}
 {%- assign nav_top_nodes = nav_parenthood
      | where_exp: "item", "item.name == ''" | map: "items" | first -%}
 {%- include components/nav/sorted.html pages=nav_top_nodes -%}
 {% assign nav_top_node_titles = nav_top_nodes | map: "title" -%}
 {%- assign nav_ancestors = "" | split: "" -%}
 {%- include components/nav/links.html pages=nav_sorted ancestors=nav_ancestors all=include.all -%}
--- a/_includes/components/nav/sorted.html
+++ b/_includes/components/nav/sorted.html
@ -1,109 +0,0 @@
 {%- comment -%}
  Include as: {%- include components/nav/sorted.html pages=page_array -%}
  Depends on: include.pages.
  Assigns to: nav_sorted.
  Overwrites: 
    nav_order_pages, title_order_pages, double_quote, empty_array,
    nav_number_pages, nav_string_pages, nav_order_groups, group,
    title_number_pages, title_string_pages, title_order_groups.
 {%- endcomment -%}
 {%- comment -%}
  The `nav_order` values of pages affect the order in which they are shown in
  the navigation panel and in the automatically generated tables of contents.
  Sibling pages with the same `nav_order` value may be shown in any order.
  Sibling pages with no `nav_order` value are shown after all pages that have
  explicit `nav_order` values, ordered by their `title` values.
  The `nav_order` and `title` values can be numbers or strings. To avoid build
  failures, we sort numbers and strings separately. We sort numbers by their
  values, and strings lexicographically. The case-sensitivity of string sorting
  is determined by the configuration setting of `nav_sort`. Pages with no `title`
  value are excluded from the navigation.
  Note: Numbers used as `title` or `nav_order` values should not be in quotes,
  unless you intend them to be lexicographically ordered. Numbers are written
  without spaces or thousands-separators. Negative numbers are preceded by `-`.
  Floats are written with the integral and fractional parts separated by `.`.
  (Bounds on the magnitude and precision are presumably the same as in Liquid.)
 {%- endcomment -%}
 {%- assign nav_order_pages = include.pages
      | where_exp: "item", "item.nav_order != nil" -%}
 {%- assign title_order_pages = include.pages
      | where_exp: "item", "item.nav_order == nil" -%}
 {%- comment -%}
  First, filter `nav_order_pages` and `title_order_pages` according to the type
  of value to be used for sorting.
  The first character of the result of filtering with `jsonify` is `"` only for
  strings. Removing `"` from its `slice : 0` has size 0 for strings and 1 for
  numbers, so grouping the pages gives at most two groups.
 {%- endcomment -%}
 {%- assign double_quote = '"' -%}
 {%- assign empty_array = "" | split: "" -%}
 {%- assign nav_string_pages = empty_array -%}
 {%- assign nav_number_pages = empty_array -%}
 {%- unless nav_order_pages == empty -%}
  {%- assign nav_order_groups = nav_order_pages
        | group_by_exp: "item",
            "item.nav_order | jsonify | slice: 0 | remove: double_quote | size" -%}
  {%- for group in nav_order_groups -%}
    {%- if group.name == 0 -%}
      {%- assign nav_string_pages = group.items -%}
    {%- elsif group.name == 1 -%}
      {%- assign nav_number_pages = group.items -%}
    {%- endif -%}
  {%- endfor -%}
 {%- endunless -%}
 {%- assign title_string_pages = empty_array -%}
 {%- assign title_number_pages = empty_array -%}
 {%- unless title_order_pages == empty -%}
  {%- assign title_order_groups = title_order_pages
        | group_by_exp: "item",
            "item.title | jsonify | slice: 0 | remove: double_quote | size" -%}
  {%- for group in title_order_groups -%}
    {%- if group.name == 0 -%}
      {%- assign title_string_pages = group.items -%}
    {%- elsif group.name == 1 -%}
      {%- assign title_number_pages = group.items -%}
    {%- endif -%}
  {%- endfor -%}
 {%- endunless -%}
 {%- comment -%}
  Now sort each array of pages separately, then concatenate the sorted arrays.
 {%- endcomment -%}
 {%- unless nav_number_pages == empty -%}
  {%- assign nav_number_pages = nav_number_pages | sort: "nav_order" -%}
 {%- endunless -%}
 {%- unless nav_string_pages == empty -%}
  {%- if site.nav_sort == 'case_insensitive' -%}
    {%- assign nav_string_pages = nav_string_pages | sort_natural: "nav_order" -%}
  {%- else -%}
    {%- assign nav_string_pages = nav_string_pages | sort: "nav_order" -%}
  {%- endif -%}
 {%- endunless -%}
 {%- unless title_number_pages == empty -%}
  {%- assign title_number_pages = title_number_pages | sort: "title" -%}
 {%- endunless -%}
 {%- unless title_string_pages == empty -%}
  {%- if site.nav_sort == 'case_insensitive' -%}
    {%- assign title_string_pages = title_string_pages | sort_natural: "title" -%}
  {%- else -%}
    {%- assign title_string_pages = title_string_pages | sort: "title" -%}
  {%- endif -%}
 {%- endunless -%}
 {%- assign nav_sorted = nav_number_pages
      | concat: nav_string_pages
      | concat: title_number_pages
      | concat: title_string_pages -%}
--- a/_includes/components/search_footer.html
+++ b/_includes/components/search_footer.html
@ -1,7 +0,0 @@
 {% if site.search.button %}
 <button id="search-button" class="search-button btn-reset" aria-label="Focus on search">
  <svg viewBox="0 0 24 24" class="icon" aria-hidden="true"><use xlink:href="#svg-search"></use></svg>
 </button>
 {% endif %}
 <div class="search-overlay"></div>
--- a/_includes/components/search_header.html
+++ b/_includes/components/search_header.html
@ -1,9 +0,0 @@
 {% capture search_placeholder %}{% include search_placeholder_custom.html %}{% endcapture %}
 <div class="search" role="search">
  <div class="search-input-wrap">
    <input type="text" id="search-input" class="search-input" tabindex="0" placeholder="{{ search_placeholder | strip_html | strip }}" aria-label="{{ search_placeholder | strip_html| strip }}" autocomplete="off">
    <label for="search-input" class="search-label"><svg viewBox="0 0 24 24" class="search-icon"><use xlink:href="#svg-search"></use></svg></label>
  </div>
  <div id="search-results" class="search-results"></div>
 </div>
--- a/_includes/components/sidebar.html
+++ b/_includes/components/sidebar.html
@ -1,32 +0,0 @@
 {%- comment -%}
  Include as: {%- include components/sidebar.html -%}
  Depends on: page(?), site.
  Results in: HTML for the side bar.
  Includes:
    title.html, components/site_nav.html, nav_footer_custom.html
  Overwrites:
    nav_footer_custom.
  Should not be cached, because nav_footer_custom.html might depend on page.
 {%- endcomment -%}
 <div class="side-bar">
  <div class="site-header" role="banner">
    <a href="{{ '/' | relative_url }}" class="site-title lh-tight">{% include title.html %}</a>
    <button id="menu-button" class="site-button btn-reset" aria-label="Toggle menu" aria-pressed="false">
      <svg viewBox="0 0 24 24" class="icon" aria-hidden="true"><use xlink:href="#svg-menu"></use></svg>
    </button>
  </div>
  {% include_cached components/site_nav.html %}
  {% capture nav_footer_custom %}
    {%- include nav_footer_custom.html -%}
  {% endcapture %}
  {% if nav_footer_custom != "" %}
    {{ nav_footer_custom }}
  {% else %}
    <footer class="site-footer">
      This site uses <a href="https://github.com/just-the-docs/just-the-docs">Just the Docs</a>, a documentation theme for Jekyll.
    </footer>
  {% endif %}
 </div>
--- a/_includes/components/site_nav.html
+++ b/_includes/components/site_nav.html
@ -1,72 +0,0 @@
 {%- comment -%}
  Include as: {%- include_cached components/site_nav.html all=bool -%}
  Depends on: site.
  Results in: cached HTML for the main navigation when `all` is nil or false;
    includes links to pages excluded from the main navigation when `all` is true.
  Includes:
    components/nav/pages.html
  Overwrites:
    pages_top_size, collections_size, collection_entry,
    collection_key, collection_value, collection.
 {%- endcomment -%}
 <nav aria-label="Main" id="site-nav" class="site-nav">
  {% assign pages_top_size = site.html_pages
        | where_exp:"item", "item.title != nil"
        | where_exp:"item", "item.parent == nil"
        | where_exp:"item", "item.nav_exclude != true"
        | size %}
  {% if pages_top_size > 0 %}
    {% include components/nav/pages.html pages=site.html_pages all=include.all %}
  {% endif %}
  {%- if site.nav_external_links -%}
    <ul class="nav-list">
      {%- for node in site.nav_external_links -%}
        <li class="nav-list-item external">
          <a href="{{ node.url | absolute_url }}" class="nav-list-link external"
            {% if node.opens_in_new_tab or node.opens_in_new_tab == nil and site.nav_external_links_new_tab %}
              target="_blank" rel="noopener noreferrer"
            {% endif %}
          >
            {{ node.title }}
            {% unless node.hide_icon %}<svg viewBox="0 0 24 24" aria-labelledby="svg-external-link-title"><use xlink:href="#svg-external-link"></use></svg>{% endunless %}
          </a>
        </li>
      {%- endfor -%}
    </ul>
  {%- endif -%}
  {% if site.just_the_docs.collections %}
    {% assign collections_size = site.just_the_docs.collections | size %}
    {% for collection_entry in site.just_the_docs.collections %}
      {% assign collection_key = collection_entry[0] %}
      {% assign collection_value = collection_entry[1] %}
      {% assign collection = site[collection_key] %}
      {% if collection_value.nav_exclude != true %}
        {% if collections_size > 1 or pages_top_size > 0 %}
          {% if collection_value.nav_fold == true %}
            <ul class="nav-list nav-category-list">
              <li class="nav-list-item">
                {%- if collection.size > 0 -%}
                <button class="nav-list-expander btn-reset" aria-label="Toggle collection {{ collection_value.name }}" aria-pressed="false">
                  <svg viewBox="0 0 24 24" aria-hidden="true"><use xlink:href="#svg-arrow-right"></use></svg>
                </button>
                {%- endif -%}
                <div class="nav-category">{{ collection_value.name }}</div>
                {% include components/nav/pages.html pages=collection all=include.all %}
              </li>
            </ul>
          {% else %}
            <div class="nav-category">{{ collection_value.name }}</div>
            {% include components/nav/pages.html pages=collection all=include.all %}
          {% endif %}
        {% else %}
          {% include components/nav/pages.html pages=collection all=include.all %}
        {% endif %}
      {% endif %}
    {% endfor %}
  {% endif %}
 </nav>
 {% if site.nav_error_report %}
 {{ nav_error_report }}
 {%- endif %}
--- a/_includes/css/activation.scss.liquid
+++ b/_includes/css/activation.scss.liquid
@ -1,325 +0,0 @@
 {%- comment -%}
  Include as: {%- include css/activation.scss.liquid -%}
  Depends on: page.
  Results in: page-dependent CSS rules for inclusion in a style element,
    which needs to be disabled when JS is enabled.
  Includes: components/site_nav.html.
  Overwrites: 
    activation_no_nav_link, nav_list_link, site_nav,
    nav_list, nav_list_end, nav_list_item, nav_category_list,
    nav_list_link_prefix, nav_splits, nav_split, nav_levels,
    nav_list_less, nav_list_count, nav_end_less, nav_end_count,
    nav_index, nav_slice_size,
    activation_collection_prefix, activation_other_collection_prefix.
  Should not be cached, because it depends on page.
 {%- endcomment -%}
 {%- comment -%}
  The CSS rules in activation_no_nav_link are for use on pages excluded from the main navigation.
  - The first rule ensures that no nav-link has a background image.
  - The other two rules ensure that all folding collections are expanded.
 {%- endcomment -%}
 {%- capture site_nav -%}
 {%- include_cached components/site_nav.html -%}
 {%- endcapture -%}
 {%- capture activation_no_nav_link %}
    .site-nav ul li a {
      background-image: none;
    }
    {%- if site.just_the_docs.collections %}
    .site-nav > ul.nav-category-list > li > button svg {
      transform: rotate(-90deg);
    }
    .site-nav > ul.nav-category-list > li.nav-list-item > ul.nav-list {
      display: block;
    }
    {%- endif %}
 {% endcapture -%}
 {%- capture nav_list_link -%}
 <a href="{{ page.url | relative_url }}" class="nav-list-link">
 {%- endcapture -%}
 {%- if site_nav contains nav_list_link -%}
  {%- capture nav_list -%}
  <ul class="nav-list
  {%- endcapture -%}
  {%- assign nav_list_end = "</ul>" -%}
  {%- capture nav_list_item -%}
  <li class="nav-list-item
  {%- endcapture -%}
  {%- capture nav_category_list -%}
  <ul class="nav-list nav-category-list">
  {%- endcapture -%}
  {%- assign nav_list_link_prefix =
        site_nav | split: nav_list_link | first | append: nav_list_link -%}
  {%- assign nav_splits =
        nav_list_link_prefix | split: nav_list_item | pop -%}
  {%- assign nav_levels = "" | split: "" | push: 1 -%}
  {%- comment -%}
    The pattern of occurrences of list and list-item tags in the site_nav string
    is included in the language defined by the following context-free grammar:
      site_nav = PAGES? EXTERNALS? COLLECTION*
      PAGES = nav_list (nav_list_item PAGES?)+ nav_list_end
      EXTERNALS = nav_list nav_list_item+ nav_list_end
      COLLECTION = nav_list (nav_list_item PAGES?)* nav_list_end
                 | nav_category_list 
                     nav_list_item nav_list (nav_list_item PAGES?)* nav_list_end
                   nav_list_end
    To determine the path in the site_nav to the nav_list_link for the current page,
    the prefix of nav_list_link in site_nav is split at each nav_list_item to give
    an array of nav_splits.
    In site_nav, occurrences of nav_list must be separated by at least one
    nav_list_item or nav_list_end. Moreover, when a nav_list_end is followed by a
    nav_list without an intervening nav_list_item, that nav_list must start either
    a list of external links or a collection. And when a nav_list is followed by a
    nav_list_end without an intervening nav_list_item, they form an empty collection.
    nav_levels is the path determined by the previously inspected nav_splits.
    How many times nav_list and nav_list_end occur in the current nav_split 
    determines how to update the path.
    A nav_split can contain any number of empty non-foldable collections.
    The path element produced by the outer nav_list of a foldable collection is
    irrelevant; it is set to zero and subsequently removed.
    The number of occurrences of a string in a nav_split is computed by removing
    them all, then dividing the resulting size difference by the length of the string.
    Case analysis on (nav_list_count, nav_list_end_count):
    - when (0, 0), the nav_split was between two nav_list_items at the same level;
    - when (0, N+1), all the nav_list_ends in the nav_split are in PAGES or in one
      COLLECTION;
    - when (M+1, 0), M must be 0 (because two nav_lists in the same nav_split must
      be separated by at least one nav_list_end);
    - when (M+1, N+1), the nav_split must contain either:
      - the end of PAGES followed by the start of EXTERNALS, or
      - the end of PAGES followed by the start of a COLLECTION, or
      - the end of EXTERNALS followed by the start of a COLLECTION, or
      - the end of one COLLECTION followed by the start of another, or
      - (in the first nav_split) one or more empty non-foldable COLLECTIONS
        followed by the start of a COLLECTION.
      In general, nav_levels[0] here needs to be incremented by nav_list_count.
      However, a nav_split that contains the end of an empty foldable collection
      followed by the just the start of a collection has two occurrences of nav_list,
      and the increment needs to be one less; similarly when the first nav_split
      starts with an empty non-foldable collection.
  {%- endcomment %}
  {%- for nav_split in nav_splits -%}
    {%- assign nav_list_less = nav_split | remove: nav_list -%}
    {%- assign nav_list_count =
          nav_split.size | minus: nav_list_less.size | 
          divided_by: nav_list.size -%}
    {%- assign nav_list_end_less = nav_split | remove: nav_list_end -%}
    {%- assign nav_list_end_count =
          nav_split.size | minus: nav_list_end_less.size | 
          divided_by: nav_list_end.size -%}
    {%- if nav_list_count == 0 and nav_list_end_count == 0 -%}
      {%- assign nav_index = nav_levels[-1] | plus: 1 -%}
      {%- assign nav_levels = nav_levels | pop | push: nav_index -%}
    {%- elsif nav_list_count == 0 and nav_list_end_count >= 1 -%}
      {%- assign nav_slice_size = nav_levels.size | minus: nav_list_end_count -%}
      {%- assign nav_levels = nav_levels | slice: 0, nav_slice_size -%}
      {%- assign nav_index = nav_levels[-1] | plus: 1 -%}
      {%- assign nav_levels = nav_levels | pop | push: nav_index -%}
    {%- elsif nav_list_count == 1 and nav_list_end_count == 0 -%}
      {%- if nav_split contains nav_category_list -%}
        {%- assign nav_levels = nav_levels | push: 0 -%}
      {%- else -%}
        {%- assign nav_levels = nav_levels | push: 1 -%}
      {%- endif -%}
    {%- elsif nav_list_count >= 1 and nav_list_end_count >= 1 -%}
      {%- assign nav_index = nav_levels[0] | plus: nav_list_count -%}
      {%- if nav_levels[-1] == 0 or forloop.first -%}
        {%- assign nav_index = nav_index | minus: 1 -%}
      {%- endif -%}
      {%- assign nav_levels = nav_levels | slice: 0, 0 | push: nav_index -%}
      {%- if nav_split contains nav_category_list -%}
        {%- assign nav_levels = nav_levels | push: 0 -%}
      {%- else -%}
        {%- assign nav_levels = nav_levels | push: 1 -%}
      {%- endif -%}
    {%- endif -%}
  {%- endfor -%}
  {%- assign nav_levels = nav_levels | where_exp: "item", "item >= 1" -%}
  {%- comment -%}
    The generated CSS depends on the position of the current page in each level in
    the navigation.
    nav_page_level is the depth of the navigation hierarchy (ignoring collections).
    In existing 3-level sites, nav_page_level <= 3.
    In multi-level sites, nav_page_level is unbounded.
  {%- endcomment -%}
  {%- assign nav_page_level = nav_levels.size | minus: 1 -%}
  {%- assign nav_page_parent_level = nav_page_level | minus: 1 -%}
  {%- assign nav_page_grandparent_level = nav_page_level | minus: 2 -%}
  {%- comment -%}
    The site-nav is:
    - an optional ul.nav-list with li.nav-list-items for non-collection top-level pages
    - an optional ul.nav-list with li.nav-list-item.externals
    - any number of just-the-docs.collections
    A non-foldable collection is:
    - a div.nav-category with the collection name, followed by:
    - a ul.nav-list with li.nav-list-items for its top-level pages
    A foldable collection is:
    - a ul.nav-list.nav-category-list with a single li.nav-list-item containing:
      - an optional button with the expander svg
      - a div.nav-category with the collection name
      - a ul.nav-list with li.nav-list-items for its top-level pages
    The generated CSS uses:
    - activation_collection_prefix, to select the site-nav > ul.nav-list for the page
    - activation_other_collection_prefix, to select all the other site-nav > ul.nav-lists
  {%- endcomment -%}
  {%- if page.collection == nil -%}
    {%- capture activation_collection_prefix -%}
    .site-nav > ul.nav-list:first-child
    {%- endcapture -%}
    {%- capture activation_other_collection_prefix -%}
    .site-nav > ul.nav-list:not(:first-child)
    {%- endcapture -%}
  {%- else -%}
    {%- capture activation_collection_prefix -%}
    .site-nav > ul:nth-of-type({{ nav_levels[0] }})
    {%- if site.just_the_docs.collections[page.collection].nav_fold %} > li > ul
    {%- endif -%}
    {%- endcapture -%}
    {%- capture activation_other_collection_prefix -%}
    .site-nav > ul:not(:nth-of-type({{ nav_levels[0] }}))
    {%- endcapture -%}
  {%- endif -%}
  {%- comment -%}
    The required background image of the link to the current page may involve SCSS.
    To avoid page-dependent SCSS, all nav links initially have that background image.
    The following rule removes the image from the links to all parents, siblings,
    and children of the current page.
  {%- endcomment %}
    {% if nav_page_level >= 2 -%}
    {%- for i in (1..nav_page_parent_level) -%}
    {{ activation_collection_prefix }} >
    {%- for j in (2..i) %} li > ul >
    {%- endfor %} li > a,
    {% endfor -%}
    {%- endif %}
    {{ activation_collection_prefix }} >
    {%- for i in (1..nav_page_parent_level) %} li > ul >
    {%- endfor %} li:not(:nth-child({{ nav_levels[nav_page_level] }})) > a,
    {{ activation_collection_prefix }} >
    {%- for i in (1..nav_page_level) %} li > ul >
    {%- endfor %} li a {
      background-image: none;
    }
  {%- comment -%}
    The following rule removes the image from the links to pages in other collections.
  {%- endcomment %}
    {{ activation_other_collection_prefix }} a,
    .site-nav li.external a {
      background-image: none;
    }
  {%- comment -%}
    The following rule styles the link to the current page.
  {%- endcomment %}
    {{ activation_collection_prefix }} > li:nth-child({{ nav_levels[1] }})
    {%- for i in (2..nav_page_level) %} > ul > li:nth-child({{ nav_levels[i] }})
    {%- endfor %} > a {
      font-weight: 600;
      text-decoration: none;
    }
  {%- comment -%}
    The following rules unfold all collections, and display the links to any children
    of the current page.
    To avoid dependence on the SCSS variable nav-list-expander-right, the direction
    of the rotation of the expander icon is fixed, and corresponds to the appearance
    when nav-list-expander-right is true. This results in a minor visual difference
    between the appearance of active expander icons when JS is enabled/disabled and
    nav-list-expander-right is false, which seems unavoidable.
  {%- endcomment %}
    {%- if site.just_the_docs.collections %}
    .site-nav > ul.nav-category-list > li > button svg,
    {% endif -%}
    {{ activation_collection_prefix }} > li:nth-child({{ nav_levels[1] }}) > button svg
    {%- for i in (2..nav_page_level) %},
    {{ activation_collection_prefix }} > li:nth-child({{ nav_levels[1] }}) > 
    {%- for j in (2..i) %} ul > li:nth-child({{ nav_levels[j] }}) >
    {%- endfor %} button svg
    {%- endfor %} {
      transform: rotate(-90deg);
    }
    {%- if site.just_the_docs.collections %}
    .site-nav > ul.nav-category-list > li.nav-list-item > ul.nav-list,
    {% endif -%}
    {{ activation_collection_prefix }} > li.nav-list-item:nth-child({{ nav_levels[1] }}) > ul.nav-list
    {%- for i in (2..nav_page_level) %},
    {{ activation_collection_prefix }} > li.nav-list-item:nth-child({{ nav_levels[1] }}) >
    {%- for j in (2..i) %} ul.nav-list > li.nav-list-item:nth-child({{ nav_levels[j] }}) >
    {%- endfor %} ul.nav-list
    {%- endfor %} {
      display: block;
    }
 {%- else -%}
  {%- comment -%}
    not site_nav contains nav_list_link
  {%- endcomment -%}
    {{ activation_no_nav_link }}
 {%- endif -%}
--- a/_includes/css/callouts.scss.liquid
+++ b/_includes/css/callouts.scss.liquid
@ -1,93 +0,0 @@
 {%- comment -%}
  {% include css/callouts.scss.liquid color_scheme = string %}
  produces SCSS for all the callouts in site.callouts. For the "dark"
  color scheme, the levels of the text and background colors are reversed.
 {%- endcomment -%}
 {%- assign callout_background_hue = "000" -%}
 {%- assign callout_color_hue = "300" -%}
 {%- if site.callouts_level == "loud" or include.color_scheme == "dark" and site.callouts_level != "quiet" -%}
  {%- assign callout_background_hue = "300" -%}
  {%- assign callout_color_hue = "000" -%}
 {%- endif -%}
 div.opaque {
  background-color: $body-background-color;
 }
 {%- for callout in site.callouts %}
 {%- assign callout_opacity = callout[1].opacity | default: site.callouts_opacity | default: 0.2 -%}
 p.{{ callout[0] }}, blockquote.{{ callout[0] }} {
    background: rgba(${{ callout[1].color }}-{{ callout_background_hue }}, {{ callout_opacity }});
    border-left: $border-radius solid ${{ callout[1].color }}-{{ callout_color_hue }};
    border-radius: $border-radius;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 3px 10px rgba(0, 0, 0, 0.08);
    padding: .8rem;
    {% if callout[1].title %}
    &::before {
        color: ${{ callout[1].color }}-{{ callout_color_hue }};
        content: "{{ callout[1].title }}";
        display: block;
        font-weight: bold;
        text-transform: uppercase;
        font-size: .75em;
        padding-bottom: .125rem;
    }
    {% endif %}
    > .{{ callout[0] }}-title {
      color: ${{ callout[1].color }}-{{ callout_color_hue }};
      display: block;
      font-weight: bold;
      text-transform: uppercase;
      font-size: .75em;
      padding-bottom: .125rem;
    }
 }
 p.{{ callout[0] }}-title, blockquote.{{ callout[0] }}-title {
    background: rgba(${{ callout[1].color }}-{{ callout_background_hue }}, {{ callout_opacity }});
    border-left: $border-radius solid ${{ callout[1].color }}-{{ callout_color_hue }};
    border-radius: $border-radius;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 3px 10px rgba(0, 0, 0, 0.08);
    padding: .8rem;
    > p:first-child {
      margin-top: 0;
      margin-bottom: 0;
      color: ${{ callout[1].color }}-{{ callout_color_hue }};
      display: block;
      font-weight: bold;
      text-transform: uppercase;
      font-size: .75em;
      padding-bottom: .125rem;
    }
 }
 blockquote.{{ callout[0] }} {
  margin-left: 0;
  margin-right: 0;
  > p:first-child {
    margin-top: 0;
  }
  > p:last-child {
    margin-bottom: 0;
  }
 }
 blockquote.{{ callout[0] }}-title {
  margin-left: 0;
  margin-right: 0;
  > p:nth-child(2) {
    margin-top: 0;
  }
  > p:last-child {
    margin-bottom: 0;
  }
 }
 {% endfor -%}
--- a/_includes/css/custom.scss.liquid
+++ b/_includes/css/custom.scss.liquid
@ -1 +0,0 @@
@import "./custom/custom";
--- a/_includes/css/just-the-docs.scss.liquid
+++ b/_includes/css/just-the-docs.scss.liquid
@ -1,12 +0,0 @@
 {% if site.logo %}
 $logo: "{{ site.logo | relative_url }}";
 {% endif %}
@import "./support/support";
@import "./custom/setup";
@import "./color_schemes/light";
 {% unless include.color_scheme == "light" %}
@import "./color_schemes/{{ include.color_scheme }}";
 {% endunless %}
@import "./modules";
 {% include css/callouts.scss.liquid color_scheme = include.color_scheme %}
 {% include css/custom.scss.liquid %}
--- a/_includes/favicon.html
+++ b/_includes/favicon.html
@ -1,23 +0,0 @@
 {%- comment -%}
  Include as: {%- include_cached favicon.html -%}
  Depends on: site.static_files.
  Results in: HTML for a link to an existing `favicon.ico` file.
  Overwrites: 
    file.
  The endoflife.date site has 226 pages and 3410 static files. @marcwrobel pointed
  out that the time taken by evaluating the code in this file on every page when
  building that site was significant, and suggested making it optional. As it is
  page-independent, it can easily be cached. Doing that reduced the time taken by
  rendering `_includes/head.html` from 15.294s to 10.760s, thereby reducing the
  total build time from 26.074s to 21.656s -- a saving of about 17%.
 {%- endcomment -%}
 {% for file in site.static_files %}
  {% if file.path == site.favicon_ico or file.path == '/favicon.ico' %}
    {% assign favicon = true %}
  {% endif %}
 {% endfor %}
 {% if favicon %}
  <link rel="icon" href="{{ site.favicon_ico | default: '/favicon.ico' | relative_url }}" type="image/x-icon">
 {% endif %}
--- a/_includes/fix_linenos.html
+++ b/_includes/fix_linenos.html
@ -1,73 +0,0 @@
 {%- comment -%}
 This file was previously used to "fix" the HTML produced by Jekyll for
 highlighted code with line numbers. While it often resolves layout issues
 from the missing HTML tags, it still generates invalid HTML (by placing
 a `<table>` element within a `<code>` block). As such, we no longer
 recommend using this workaround. For more information, see the
 "Code snippets with line numbers" docs page:
 https://just-the-docs.com/docs/ui-components/code/line-numbers/
 (or, docs/ui-components/line-nos.md/)
 The next portion of this file, including the comments and the workaround,
 are preserved for backwards comptability.
 ACKNOWLEDGEMENTS
 The implementation was derived from the workaround provided by
 Dmitry Hrabrov (DeXP) at
 https://github.com/penibelst/jekyll-compress-html/issues/71#issuecomment-188144901
 EXPLANATION (OLD)
 The HTML produced by Rouge highlighting with line numbers is of the form
 `code table`. Jekyll always wraps the highlighted HTML
 with `pre`. This wrapping is not only unnecessary, but also transforms
 the conforming HTML produced by Rouge to non-conforming HTML, which
 results in HTML validation error reports.
 The fix removes the outer `pre` tags whenever they contain the pattern
 `<table class="rouge-table">`.
 Apart from avoiding HTML validation errors, the fix allows the use of
 the [Jekyll layout for compressing HTML](http://jch.penibelst.de),
 which relies on `pre` tags not being nested, according to
 https://github.com/penibelst/jekyll-compress-html/issues/71#issuecomment-172069842
 USAGE
 (Any names can be used for `some_var` and `some_language`.)
 {% capture some_var %}
 {% highlight some_language linenos %}
 Some code
 {% endhighlight %}
 {% endcapture %}
 {% include fix_linenos.html code=some_var %}
 For code fences:
 {% capture some_var %}
 ```some_language
 Some code
 ```
 {% endcapture %}
 {% assign some_var = some_var | markdownify %}
 {% include fix_linenos.html code=some_var %}
 CAVEATS
 The above does not work when `Some code` happens to contain the matched string
 `<table class="rouge-table">`.
 The use of this file overwrites the variable `fix_linenos_code` with `nil`.
 {%- endcomment -%}
 {% assign fix_linenos_code = include.code %}
 {% if fix_linenos_code contains '<table class="rouge-table">' %}
  {% assign fix_linenos_code = fix_linenos_code | replace: '<pre class="highlight">', '<pre>' %}
  {% assign fix_linenos_code = fix_linenos_code | replace: "<pre><code", "<code" %}
  {% assign fix_linenos_code = fix_linenos_code | replace: "</code></pre>", "</code>" %}
 {% endif %}
 {{ fix_linenos_code }}
 {% assign fix_linenos_code = nil %}
--- a/_includes/footer_custom.html
+++ b/_includes/footer_custom.html
@ -1,3 +0,0 @@
 {%- if site.footer_content -%}
  <p class="text-small text-grey-dk-100 mb-0">{{ site.footer_content }}</p>
 {%- endif -%}
--- a/_includes/head.html
+++ b/_includes/head.html
@ -1,53 +1,28 @@
 {%- comment -%}
  Include as: {%- include head.html -%}
  Depends on: site.ga_tracking, site.ga_tracking_anonymize_ip,
    site.search_enabled, site.static_files, site.favicon_ico.
  Results in: HTML for the head element.
  Includes:
    css/activation.scss.liquid, head_custom.html.
  Overwrites:
    ga_tracking_ids, ga_property, file, favicon.
  Should not be cached, because included files depend on page.
 {%- endcomment -%}
 <head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=Edge">
  {% if page.description %}
  <meta name="Description" content="{{ page.description }}">
  {% endif %}
-  <link rel="stylesheet" href="{{ '/assets/css/just-the-docs-default.css' | relative_url }}">
+  <title>{{ page.title }} - {{ site.title }}</title>
-
+  <link rel="stylesheet" href="{{ "/assets/css/just-the-docs.css" | absolute_url }}">
  <link rel="stylesheet" href="{{ '/assets/css/just-the-docs-head-nav.css' | relative_url }}" id="jtd-head-nav-stylesheet">
  <style id="jtd-nav-activation">
  {% include css/activation.scss.liquid %}
  </style>
  {% if site.ga_tracking != nil %}
    {% assign ga_tracking_ids = site.ga_tracking | split: "," %}
    <script async src="https://www.googletagmanager.com/gtag/js?id={{ ga_tracking_ids.first }}"></script>
    <script>
-      window.dataLayer = window.dataLayer || [];
+      window.ga=window.ga||function(){(ga.q=ga.q||[]).push(arguments)};ga.l=+new Date;
-      function gtag(){dataLayer.push(arguments);}
+      ga('create', '{{ site.ga_tracking }}', '{{ site.url }}');
-      gtag('js', new Date());
+      ga('send', 'pageview');
      {% for ga_property in ga_tracking_ids %}
        gtag('config', '{{ ga_property }}'{% unless site.ga_tracking_anonymize_ip == nil %}, { 'anonymize_ip': true }{% endunless %});
      {% endfor %}
    </script>
    <script async src="https://www.google-analytics.com/analytics.js"></script>
  {% endif %}
-  {% if site.search_enabled != false %}
+  {% if site.search_enabled != nil %}
-    <script src="{{ '/assets/js/vendor/lunr.min.js' | relative_url }}"></script>
+    <script type="text/javascript" src="{{ "/assets/js/vendor/lunr.min.js" | absolute_url }}"></script>
  {% endif %}
-
+  <script type="text/javascript" src="{{ "/assets/js/just-the-docs.js" | absolute_url }}"></script>
  <script src="{{ '/assets/js/just-the-docs.js' | relative_url }}"></script>
  <meta name="viewport" content="width=device-width, initial-scale=1">
-  {% include_cached favicon.html %}
+{% seo %}
  {% seo %}
  {% include head_custom.html %}
 </head>
--- a/_includes/head_custom.html
+++ b/_includes/head_custom.html
--- a/_includes/header_custom.html
+++ b/_includes/header_custom.html
--- a/_includes/icons/code_copy.html
+++ b/_includes/icons/code_copy.html
@ -1,15 +0,0 @@
 <!-- Bootstrap Icons. MIT License: https://github.com/twbs/icons/blob/main/LICENSE.md -->
 <symbol id="svg-copy" viewBox="0 0 16 16">
  <title>Copy</title>
  <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-clipboard" viewBox="0 0 16 16">
    <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1h1a1 1 0 0 1 1 1V14a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V3.5a1 1 0 0 1 1-1h1v-1z"/>
    <path d="M9.5 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3zm-3-1A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3z"/>
  </svg>
 </symbol>
 <symbol id="svg-copied" viewBox="0 0 16 16">
  <title>Copied</title>
  <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-clipboard-check-fill" viewBox="0 0 16 16">
    <path d="M6.5 0A1.5 1.5 0 0 0 5 1.5v1A1.5 1.5 0 0 0 6.5 4h3A1.5 1.5 0 0 0 11 2.5v-1A1.5 1.5 0 0 0 9.5 0h-3Zm3 1a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-.5.5h-3a.5.5 0 0 1-.5-.5v-1a.5.5 0 0 1 .5-.5h3Z"/>
    <path d="M4 1.5H3a2 2 0 0 0-2 2V14a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V3.5a2 2 0 0 0-2-2h-1v1A2.5 2.5 0 0 1 9.5 5h-3A2.5 2.5 0 0 1 4 2.5v-1Zm6.854 7.354-3 3a.5.5 0 0 1-.708 0l-1.5-1.5a.5.5 0 0 1 .708-.708L7.5 10.793l2.646-2.647a.5.5 0 0 1 .708.708Z"/>
  </svg>
 </symbol>
--- a/_includes/icons/document.html
+++ b/_includes/icons/document.html
@ -1,6 +0,0 @@
 <symbol id="svg-doc" viewBox="0 0 24 24">
  <title>Document</title>
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-file">
    <path d="M13 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z"></path><polyline points="13 2 13 9 20 9"></polyline>
  </svg>
 </symbol>
--- a/_includes/icons/expand.html
+++ b/_includes/icons/expand.html
@ -1,6 +0,0 @@
 <symbol id="svg-arrow-right" viewBox="0 0 24 24">
  <title>Expand</title>
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-chevron-right">
    <polyline points="9 18 15 12 9 6"></polyline>
  </svg>
 </symbol>
--- a/_includes/icons/external_link.html
+++ b/_includes/icons/external_link.html
@ -1,5 +0,0 @@
 <!-- Feather. MIT License: https://github.com/feathericons/feather/blob/master/LICENSE -->
 <symbol id="svg-external-link" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-external-link">
  <title id="svg-external-link-title">(external link)</title>
  <path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path><polyline points="15 3 21 3 21 9"></polyline><line x1="10" y1="14" x2="21" y2="3"></line>
 </symbol>
--- a/_includes/icons/icons.html
+++ b/_includes/icons/icons.html
@ -1,13 +0,0 @@
 <svg xmlns="http://www.w3.org/2000/svg" class="d-none">
  {% include icons/link.html %}
  {% include icons/menu.html %}
  {% include icons/expand.html %}
  {% include icons/external_link.html %}
  {% if site.search_enabled != false %}
    {% include icons/document.html %}
    {% include icons/search.html %}
  {% endif %}
  {% if site.enable_copy_code_button != false %}
    {% include icons/code_copy.html %}
  {% endif %}
 </svg>
--- a/_includes/icons/link.html
+++ b/_includes/icons/link.html
@ -1,6 +0,0 @@
 <symbol id="svg-link" viewBox="0 0 24 24">
  <title>Link</title>
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-link">
    <path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"></path><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"></path>
  </svg>
 </symbol>
--- a/_includes/icons/menu.html
+++ b/_includes/icons/menu.html
@ -1,6 +0,0 @@
 <symbol id="svg-menu" viewBox="0 0 24 24">
  <title>Menu</title>
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-menu">
    <line x1="3" y1="12" x2="21" y2="12"></line><line x1="3" y1="6" x2="21" y2="6"></line><line x1="3" y1="18" x2="21" y2="18"></line>
  </svg>
 </symbol>
--- a/_includes/icons/search.html
+++ b/_includes/icons/search.html
@ -1,6 +0,0 @@
 <symbol id="svg-search" viewBox="0 0 24 24">
  <title>Search</title>
  <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-search">
    <circle cx="11" cy="11" r="8"></circle><line x1="21" y1="21" x2="16.65" y2="16.65"></line>
  </svg>
 </symbol>
--- a/_includes/js/custom.js
+++ b/_includes/js/custom.js
--- a/_includes/lunr/custom-data.json
+++ b/_includes/lunr/custom-data.json
--- a/_includes/lunr/custom-index.js
+++ b/_includes/lunr/custom-index.js
--- a/_includes/mermaid_config.js
+++ b/_includes/mermaid_config.js
@ -1 +0,0 @@
 {}
--- a/_includes/nav.html
+++ b/_includes/nav.html
@ -0,0 +1,44 @@
 <nav role="navigation" aria-label="Main navigation">
  <ul class="navigation-list">
    {% assign pages_list = site.html_pages | sort:"nav_order" %}
    {% for node in pages_list %}
      {% unless node.nav_exclude %}
        {% if node.parent == nil %}
          <li class="navigation-list-item{% if page.url == node.url or page.parent == node.title or page.grand_parent == node.title %} active{% endif %}">
            {% if page.parent == node.title or page.grand_parent == node.title %}
              {% assign first_level_url = node.url | absolute_url %}
            {% endif %}
            <a href="{{ node.url | absolute_url }}" class="navigation-list-link{% if page.url == node.url %} active{% endif %}">{{ node.title }}</a>
            {% if node.has_children %}
              {% assign children_list = site.html_pages | sort:"nav_order" %}
              <ul class="navigation-list-child-list ">
                {% for child in children_list %}
                  {% if child.parent == node.title %}
                    <li class="navigation-list-item {% if page.url == child.url or page.parent == child.title %} active{% endif %}">
                      {% if page.url == child.url or page.parent == child.title %}
                        {% assign second_level_url = child.url | absolute_url %}
                      {% endif %}
                      <a href="{{ child.url | absolute_url }}" class="navigation-list-link{% if page.url == child.url %} active{% endif %}">{{ child.title }}</a>
                      {% if child.has_children %}
                        {% assign grand_children_list = site.html_pages | sort:"nav_order" %}
                        <ul class="navigation-list-child-list">
                          {% for grand_child in grand_children_list %}
                            {% if grand_child.parent == child.title %}
                              <li class="navigation-list-item {% if page.url == grand_child.url %} active{% endif %}">
                                <a href="{{ grand_child.url | absolute_url }}" class="navigation-list-link{% if page.url == grand_child.url %} active{% endif %}">{{ grand_child.title }}</a>
                              </li>
                            {% endif %}
                          {% endfor %}
                        </ul>
                      {% endif %}
                    </li>
                  {% endif %}
                {% endfor %}
              </ul>
            {% endif %}
          </li>
        {% endif %}
      {% endunless %}
    {% endfor %}
  </ul>
 </nav>
--- a/_includes/nav_footer_custom.html
+++ b/_includes/nav_footer_custom.html
--- a/_includes/search_placeholder_custom.html
+++ b/_includes/search_placeholder_custom.html
@ -1 +0,0 @@
 Search {{site.title}}
--- a/_includes/title.html
+++ b/_includes/title.html
@ -1,5 +0,0 @@
 {% if site.logo %}
  <div class="site-logo" role="img" aria-label="{{ site.title }}"></div>
 {% else %}
  {{ site.title }}
 {% endif %}
--- a/_includes/toc_heading_custom.html
+++ b/_includes/toc_heading_custom.html
@ -1 +0,0 @@
 <h2 class="text-delta">Table of contents</h2>
--- a/_includes/vendor/anchor_headings.html
+++ b/_includes/vendor/anchor_headings.html
@ -1,172 +0,0 @@
 {% capture headingsWorkspace %}
  {% comment %}
    Copyright (c) 2018 Vladimir "allejo" Jimenez
    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.
  {% endcomment %}
  {% comment %}
    Version 1.0.12
      https://github.com/allejo/jekyll-anchor-headings
    "Be the pull request you wish to see in the world." ~Ben Balter
    Usage:
      {% include anchor_headings.html html=content anchorBody="#" %}
    Parameters:
      * html          (string) - the HTML of compiled markdown generated by kramdown in Jekyll
    Optional Parameters:
      * beforeHeading (bool)   : false  - Set to true if the anchor should be placed _before_ the heading's content
      * headerAttrs   (string) :  ''    - Any custom HTML attributes that will be added to the heading tag; you may NOT use `id`;
                                          the `%heading%` and `%html_id%` placeholders are available
      * anchorAttrs   (string) :  ''    - Any custom HTML attributes that will be added to the `<a>` tag; you may NOT use `href`, `class` or `title`;
                                          the `%heading%` and `%html_id%` placeholders are available
      * anchorBody    (string) :  ''    - The content that will be placed inside the anchor; the `%heading%` placeholder is available
      * anchorClass   (string) :  ''    - The class(es) that will be used for each anchor. Separate multiple classes with a space
      * anchorTitle   (string) :  ''    - The `title` attribute that will be used for anchors
      * h_min         (int)    :  1     - The minimum header level to build an anchor for; any header lower than this value will be ignored
      * h_max         (int)    :  6     - The maximum header level to build an anchor for; any header greater than this value will be ignored
      * bodyPrefix    (string) :  ''    - Anything that should be inserted inside of the heading tag _before_ its anchor and content
      * bodySuffix    (string) :  ''    - Anything that should be inserted inside of the heading tag _after_ its anchor and content
      * generateId    (true)   :  false - Set to true if a header without id should generate an id to use.
    Output:
      The original HTML with the addition of anchors inside of all of the h1-h6 headings.
  {% endcomment %}
  {% assign minHeader = include.h_min | default: 1 %}
  {% assign maxHeader = include.h_max | default: 6 %}
  {% assign beforeHeading = include.beforeHeading %}
  {% assign headerAttrs = include.headerAttrs %}
  {% assign nodes = include.html | split: '<h' %}
  {% capture edited_headings %}{% endcapture %}
  {% for _node in nodes %}
    {% capture node %}{{ _node | strip }}{% endcapture %}
    {% if node == "" %}
      {% continue %}
    {% endif %}
    {% assign nextChar = node | replace: '"', '' | strip | slice: 0, 1 %}
    {% assign headerLevel = nextChar | times: 1 %}
    <!-- If the level is cast to 0, it means it's not a h1-h6 tag, so let's see if we need to fix it -->
    {% if headerLevel == 0 %}
      <!-- Split up the node based on closing angle brackets and get the first one. -->
      {% assign firstChunk = node | split: '>' | first %}
      <!-- If the first chunk does NOT contain a '<', that means we've broken another HTML tag that starts with 'h' -->
      {% unless firstChunk contains '<' %}
        {% capture node %}<h{{ node }}{% endcapture %}
      {% endunless %}
      {% capture edited_headings %}{{ edited_headings }}{{ node }}{% endcapture %}
      {% continue %}
    {% endif %}
    {% capture _closingTag %}</h{{ headerLevel }}>{% endcapture %}
    {% assign _workspace = node | split: _closingTag %}
    {% capture _hAttrToStrip %}{{ _workspace[0] | split: '>' | first }}>{% endcapture %}
    {% assign header = _workspace[0] | replace: _hAttrToStrip, '' %}
    {% assign escaped_header = header | strip_html | strip %}
    {% assign _classWorkspace = _workspace[0] | split: 'class="' %}
    {% assign _classWorkspace = _classWorkspace[1] | split: '"' %}
    {% assign _html_class = _classWorkspace[0] %}
    {% if _html_class contains "no_anchor" %}
      {% assign skip_anchor = true %}
    {% else %}
      {% assign skip_anchor = false %}
    {% endif %}
    {% assign _idWorkspace = _workspace[0] | split: 'id="' %}
    {% if _idWorkspace[1] %}
      {% assign _idWorkspace = _idWorkspace[1] | split: '"' %}
      {% assign html_id = _idWorkspace[0] %}
    {% elsif include.generateId %}
      <!-- If the header did not have an id we create one. -->
      {% assign html_id = escaped_header | slugify %}
      {% if html_id == "" %}
        {% assign html_id = false %}
      {% endif %}
      {% capture headerAttrs %}{{ headerAttrs }} id="%html_id%"{% endcapture %}
    {% endif %}
    <!-- Build the anchor to inject for our heading -->
    {% capture anchor %}{% endcapture %}
    {% if skip_anchor == false and html_id and headerLevel >= minHeader and headerLevel <= maxHeader %}
      {% if headerAttrs %}
        {% capture _hAttrToStrip %}{{ _hAttrToStrip | split: '>' | first }} {{ headerAttrs | replace: '%heading%', escaped_header | replace: '%html_id%', html_id }}>{% endcapture %}
      {% endif %}
      {% capture anchor %}href="#{{ html_id }}"{% endcapture %}
      {% if include.anchorClass %}
        {% capture anchor %}{{ anchor }} class="{{ include.anchorClass }}"{% endcapture %}
      {% endif %}
      {% if include.anchorTitle %}
        {% capture anchor %}{{ anchor }} title="{{ include.anchorTitle | replace: '%heading%', escaped_header }}"{% endcapture %}
      {% endif %}
      {% if include.anchorAttrs %}
        {% capture anchor %}{{ anchor }} {{ include.anchorAttrs | replace: '%heading%', escaped_header | replace: '%html_id%', html_id }}{% endcapture %}
      {% endif %}
      {% capture anchor %}<a {{ anchor }}>{{ include.anchorBody | replace: '%heading%', escaped_header | default: '' }}</a>{% endcapture %}
      <!-- In order to prevent adding extra space after a heading, we'll let the 'anchor' value contain it -->
      {% if beforeHeading %}
        {% capture anchor %}{{ anchor }} {% endcapture %}
      {% else %}
        {% capture anchor %} {{ anchor }}{% endcapture %}
      {% endif %}
    {% endif %}
    {% capture new_heading %}
 <h{{ _hAttrToStrip }}
  {{ include.bodyPrefix }}
  {% if beforeHeading %}
    {{ anchor }}{{ header }}
  {% else %}
    {{ header }}{{ anchor }}
  {% endif %}
  {{ include.bodySuffix }}
 </h{{ headerLevel }}>
    {% endcapture %}
    <!--
    If we have content after the `</hX>` tag, then we'll want to append that here so we don't lost any content.
    -->
    {% assign chunkCount = _workspace | size %}
    {% if chunkCount > 1 %}
      {% capture new_heading %}{{ new_heading }}{{ _workspace | last }}{% endcapture %}
    {% endif %}
    {% capture edited_headings %}{{ edited_headings }}{{ new_heading }}{% endcapture %}
  {% endfor %}
 {% endcapture %}{% assign headingsWorkspace = '' %}{{ edited_headings | strip }}
--- a/_layouts/default.html
+++ b/_layouts/default.html
@ -1,47 +1,78 @@
 ---
 layout: table_wrappers
 ---
 <!DOCTYPE html>
-<html lang="{{ site.lang | default: 'en-US' }}">
+<html lang="{{ site.lang | default: "en-US" }}">
 {% include head.html %}
 <body>
-  <a class="skip-to-main" href="#main-content">Skip to main content</a>
+
-  {% include icons/icons.html %}
+  <div class="page-wrap">
-  {% if page.nav_enabled == true %}
+    <div class="side-bar">
-    {% include components/sidebar.html %}
+      <a href="{{ site.url }}{{ site.baseurl }}" class="site-title fs-6 lh-tight">{{ site.title }}</a>
-  {% elsif layout.nav_enabled == true and page.nav_enabled == nil %}
+      <span class="fs-3"><button class="js-main-nav-trigger navigation-list-toggle btn btn-outline" type="button" data-text-toggle="Hide">Menu</button></span>
-    {% include components/sidebar.html %}
+      <div class="navigation main-nav js-main-nav">
-  {% elsif site.nav_enabled != false and layout.nav_enabled == nil and page.nav_enabled == nil %}
+        {% include nav.html %}
-    {% include components/sidebar.html %}
+      </div>
      <footer role="contentinfo" class="site-footer">
        <p class="text-small text-grey-dk-000 mb-0">This site uses <a href="https://github.com/pmarsceill/just-the-docs">Just the Docs</a>, a documentation theme for Jekyll.</p>
      </footer>
    </div>
    <div class="main-content-wrap js-main-content" tabindex="0">
      <div class="page-header">
        <div class="main-content">
          {% if site.search_enabled != nil %}
          <div class="search js-search">
            <div class="search-input-wrap">
              <input type="text" class="js-search-input search-input" tabindex="0" placeholder="Search {{ site.title }}" aria-label="Search {{ site.title }}" autocomplete="off">
              <svg width="14" height="14" viewBox="0 0 28 28" xmlns="http://www.w3.org/2000/svg" class="search-icon"><title>Search</title><g fill-rule="nonzero"><path d="M17.332 20.735c-5.537 0-10-4.6-10-10.247 0-5.646 4.463-10.247 10-10.247 5.536 0 10 4.601 10 10.247s-4.464 10.247-10 10.247zm0-4c3.3 0 6-2.783 6-6.247 0-3.463-2.7-6.247-6-6.247s-6 2.784-6 6.247c0 3.464 2.7 6.247 6 6.247z"/><path d="M11.672 13.791L.192 25.271 3.02 28.1 14.5 16.62z"/></g></svg>
            </div>
            <div class="js-search-results search-results-wrap"></div>
          </div>
          {% endif %}
-  <div class="main" id="top">
+          {% if site.aux_links != nil %}
-    {% include components/header.html %}
+            <ul class="list-style-none text-small mt-md-1 mb-md-1 pb-4 pb-md-0 js-aux-nav aux-nav">
-    <div class="main-content-wrap">
+              {% for link in site.aux_links %}
-      {% include components/breadcrumbs.html %}
+                <li class="d-inline-block my-0{% unless forloop.last %} mr-2{% endunless %}"><a href="{{ link.last }}">{{ link.first }}</a></li>
-      <div id="main-content" class="main-content">
+              {% endfor %}
-        <main>
+            </ul>
-          {% if site.heading_anchors != false %}
+          {% endif %}
-            {% include vendor/anchor_headings.html html=content beforeHeading="true" anchorBody="<svg viewBox=\"0 0 16 16\" aria-hidden=\"true\"><use xlink:href=\"#svg-link\"></use></svg>" anchorClass="anchor-heading" anchorAttrs="aria-labelledby=\"%html_id%\"" %}
+        </div>
      </div>
      <div class="main-content">
        {% unless page.url == "/" %}
          {% if page.parent %}
            <nav class="breadcrumb-nav">
              <ol class="breadcrumb-nav-list">
                {% if page.grand_parent %}
                  <li class="breadcrumb-nav-list-item"><a href="{{ first_level_url }}">{{ page.grand_parent }}</a></li>
                  <li class="breadcrumb-nav-list-item"><a href="{{ second_level_url }}">{{ page.parent }}</a></li>
                {% else %}
                  <li class="breadcrumb-nav-list-item"><a href="{{ first_level_url }}">{{ page.parent }}</a></li>
                {% endif %}
                <li class="breadcrumb-nav-list-item"><span>{{ page.title }}</span></li>
              </ol>
            </nav>
          {% endif %}
        {% endunless %}
        <div id="main-content" class="page-content" role="main">
          {{ content }}
          {% endif %}
-          {% if page.has_toc != false %}
+          {% if page.has_children == true and page.has_toc != false %}
-            {% include components/children_nav.html %}
+          <hr>
          <h2 class="text-delta">Table of contents</h2>
          {% assign children_list = site.pages | sort:"nav_order" %}
          <ul>
            {% for child in children_list %}
              {% if child.parent == page.title and child.title != page.title %}
              <li>
                <a href="{{ child.url | absolute_url }}">{{ child.title }}</a>
              </li>
              {% endif %}
            {% endfor %}
          </ul>
          {% endif %}
        </main>
        {% include components/footer.html %}
        </div>
      </div>
-    {% if site.search_enabled != false %}
+    </div>
      {% include components/search_footer.html %}
    {% endif %}
  </div>
  {% if site.mermaid %}
    {% include components/mermaid.html %}
  {% endif %}
 </body>
 </html>
--- a/_layouts/minimal.html
+++ b/_layouts/minimal.html
@ -1,6 +0,0 @@
 ---
 layout: default
 nav_enabled: false
 ---
 {{ content }}
--- a/_layouts/table_wrappers.html
+++ b/_layouts/table_wrappers.html
@ -1,7 +0,0 @@
 ---
 layout: vendor/compress
 ---
 {% assign content_ = content | replace: '<table', '<div class="table-wrapper"><table' %}
 {% assign content_ = content_ | replace: '</table>', '</table></div>' %}
 {{ content_ }}
--- a/_layouts/vendor/compress.html
+++ b/_layouts/vendor/compress.html
@ -1,10 +0,0 @@
 ---
 # Jekyll layout that compresses HTML
 # v3.1.0
 # http://jch.penibelst.de/
 # © 2014–2015 Anatol Broder
 # MIT License
 ---
 {% capture _LINE_FEED %}
 {% endcapture %}{% if site.compress_html.ignore.envs contains jekyll.environment or site.compress_html.ignore.envs == "all" %}{{ content }}{% else %}{% capture _content %}{{ content }}{% endcapture %}{% assign _profile = site.compress_html.profile %}{% if site.compress_html.endings == "all" %}{% assign _endings = "html head body li dt dd optgroup option colgroup caption thead tbody tfoot tr td th" | split: " " %}{% else %}{% assign _endings = site.compress_html.endings %}{% endif %}{% for _element in _endings %}{% capture _end %}</{{ _element }}>{% endcapture %}{% assign _content = _content | remove: _end %}{% endfor %}{% if _profile and _endings %}{% assign _profile_endings = _content | size | plus: 1 %}{% endif %}{% for _element in site.compress_html.startings %}{% capture _start %}<{{ _element }}>{% endcapture %}{% assign _content = _content | remove: _start %}{% endfor %}{% if _profile and site.compress_html.startings %}{% assign _profile_startings = _content | size | plus: 1 %}{% endif %}{% if site.compress_html.comments == "all" %}{% assign _comments = "<!-- -->" | split: " " %}{% else %}{% assign _comments = site.compress_html.comments %}{% endif %}{% if _comments.size == 2 %}{% capture _comment_befores %}.{{ _content }}{% endcapture %}{% assign _comment_befores = _comment_befores | split: _comments.first %}{% for _comment_before in _comment_befores %}{% if forloop.first %}{% continue %}{% endif %}{% capture _comment_outside %}{% if _carry %}{{ _comments.first }}{% endif %}{{ _comment_before }}{% endcapture %}{% capture _comment %}{% unless _carry %}{{ _comments.first }}{% endunless %}{{ _comment_outside | split: _comments.last | first }}{% if _comment_outside contains _comments.last %}{{ _comments.last }}{% assign _carry = false %}{% else %}{% assign _carry = true %}{% endif %}{% endcapture %}{% assign _content = _content | remove_first: _comment %}{% endfor %}{% if _profile %}{% assign _profile_comments = _content | size | plus: 1 %}{% endif %}{% endif %}{% assign _pre_befores = _content | split: "<pre" %}{% assign _content = "" %}{% for _pre_before in _pre_befores %}{% assign _pres = _pre_before | split: "</pre>" %}{% assign _pres_after = "" %}{% if _pres.size != 0 %}{% if site.compress_html.blanklines %}{% assign _lines = _pres.last | split: _LINE_FEED %}{% capture _pres_after %}{% for _line in _lines %}{% assign _trimmed = _line | split: " " | join: " " %}{% if _trimmed != empty or forloop.last %}{% unless forloop.first %}{{ _LINE_FEED }}{% endunless %}{{ _line }}{% endif %}{% endfor %}{% endcapture %}{% else %}{% assign _pres_after = _pres.last | split: " " | join: " " %}{% endif %}{% endif %}{% capture _content %}{{ _content }}{% if _pre_before contains "</pre>" %}<pre{{ _pres.first }}</pre>{% endif %}{% unless _pre_before contains "</pre>" and _pres.size == 1 %}{{ _pres_after }}{% endunless %}{% endcapture %}{% endfor %}{% if _profile %}{% assign _profile_collapse = _content | size | plus: 1 %}{% endif %}{% if site.compress_html.clippings == "all" %}{% assign _clippings = "html head title base link meta style body article section nav aside h1 h2 h3 h4 h5 h6 hgroup header footer address p hr blockquote ol ul li dl dt dd figure figcaption main div table caption colgroup col tbody thead tfoot tr td th" | split: " " %}{% else %}{% assign _clippings = site.compress_html.clippings %}{% endif %}{% for _element in _clippings %}{% assign _edges = " <e;<e; </e>;</e>;</e> ;</e>" | replace: "e", _element | split: ";" %}{% assign _content = _content | replace: _edges[0], _edges[1] | replace: _edges[2], _edges[3] | replace: _edges[4], _edges[5] %}{% endfor %}{% if _profile and _clippings %}{% assign _profile_clippings = _content | size | plus: 1 %}{% endif %}{{ _content }}{% if _profile %} <table id="compress_html_profile_{{ site.time | date: "%Y%m%d" }}" class="compress_html_profile"> <thead> <tr> <td>Step <td>Bytes <tbody> <tr> <td>raw <td>{{ content | size }}{% if _profile_endings %} <tr> <td>endings <td>{{ _profile_endings }}{% endif %}{% if _profile_startings %} <tr> <td>startings <td>{{ _profile_startings }}{% endif %}{% if _profile_comments %} <tr> <td>comments <td>{{ _profile_comments }}{% endif %}{% if _profile_collapse %} <tr> <td>collapse <td>{{ _profile_collapse }}{% endif %}{% if _profile_clippings %} <tr> <td>clippings <td>{{ _profile_clippings }}{% endif %} </table>{% endif %}{% endif %}
--- a/_sass/base.scss
+++ b/_sass/base.scss
@ -1,17 +1,18 @@
 //
 // Base element style overrides
-// stylelint-disable selector-no-type, selector-max-type, selector-max-specificity, selector-max-id
+//
-
+// stylelint-disable selector-no-type, selector-max-type
 :root {
  color-scheme: $color-scheme;
 }
 * {
  box-sizing: border-box;
 }
-html {
+::selection {
-  scroll-behavior: smooth;
+  color: $white;
  background: $link-color;
 }
 html {
  @include fs-4;
 }
@ -21,21 +22,27 @@ body {
  line-height: $body-line-height;
  color: $body-text-color;
  background-color: $body-background-color;
  overflow-wrap: break-word;
 }
 p,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 ol,
 ul,
 dl,
 pre,
 address,
 blockquote,
-table,
+dl,
 div,
 hr,
 form,
 fieldset,
-noscript .table-wrapper {
+form,
 hr,
 noscript,
 table {
  margin-top: 0;
 }
@ -44,17 +51,15 @@ h2,
 h3,
 h4,
 h5,
-h6,
+h6 {
-#toctitle {
+  margin-top: 1.2em;
-  margin-top: 0;
+  margin-bottom: 0.8em;
  margin-bottom: 1em;
  font-weight: 500;
  line-height: $body-heading-line-height;
  color: $body-heading-color;
 }
 p {
  margin-top: 1em;
  margin-bottom: 1em;
 }
@ -64,23 +69,26 @@ a {
 }
 a:not([class]) {
-  text-decoration: underline;
+  text-decoration: none;
-  text-decoration-color: $border-color;
+  background-image: linear-gradient($border-color 0%, $border-color 100%);
-  text-underline-offset: 2px;
+  background-repeat: repeat-x;
  background-position: 0 100%;
  background-size: 1px 1px;
  &:hover {
-    text-decoration-color: rgba($link-color, 0.45);
+    background-image: linear-gradient(rgba($link-color, 0.45) 0%, rgba($link-color, 0.45) 100%);
    background-size: 1px 1px;
  }
 }
 code {
  font-family: $mono-font-family;
-  font-size: 0.75em;
+  font-size: 12px;
  line-height: $body-line-height;
 }
-figure,
+figure {
 pre {
  margin: 0;
 }
@ -100,14 +108,3 @@ hr {
  background-color: $border-color;
  border: 0;
 }
 // adds a GitHub-style sidebar to blockquotes
 blockquote {
  margin: 10px 0;
  // resets user-agent stylesheets for blockquotes
  margin-block-start: 0;
  margin-inline-start: 0;
  padding-left: 1rem;
  border-left: 3px solid $border-color;
 }
--- a/_sass/buttons.scss
+++ b/_sass/buttons.scss
@ -1,10 +1,15 @@
 //
 // Buttons and things that look like buttons
 //
 // stylelint-disable color-named
 .btn {
  display: inline-block;
  box-sizing: border-box;
-  padding: 0.3em 1em;
+  padding-top: 0.3em;
  padding-right: 1em;
  padding-bottom: 0.3em;
  padding-left: 1em;
  margin: 0;
  font-family: inherit;
  font-size: inherit;
@ -16,10 +21,8 @@
  cursor: pointer;
  background-color: $base-button-color;
  border-width: 0;
-  border-radius: $border-radius;
+  border-radius: 3px;
-  box-shadow:
+  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 3px 10px rgba(0, 0, 0, 0.08);
    0 1px 2px rgba(0, 0, 0, 0.12),
    0 3px 10px rgba(0, 0, 0, 0.08);
  appearance: none;
  &:focus {
@ -89,9 +92,7 @@
  &:focus {
    text-decoration: none;
    outline: none;
-    box-shadow:
+    box-shadow: inset 0 0 0 2px $grey-dk-100, 0 0 0 3px rgba(blue, 0.25);
      inset 0 0 0 2px $grey-dk-100,
      0 0 0 3px rgba(blue, 0.25);
  }
  &:focus:hover,
@ -115,13 +116,3 @@
 .btn-green {
  @include btn-color($white, $green-100);
 }
 .btn-reset {
  background: none;
  border: none;
  margin: 0;
  text-align: inherit;
  font: inherit;
  border-radius: 0;
  appearance: none;
 }
--- a/_sass/code.scss
+++ b/_sass/code.scss
@ -1,204 +1,108 @@
 //
 // Code and syntax highlighting
-// stylelint-disable selector-no-qualifying-type, declaration-block-semicolon-newline-after,declaration-block-single-line-max-declarations, selector-no-type, selector-max-type, scss/comment-no-empty
+//
 // stylelint-disable selector-no-qualifying-type, declaration-block-semicolon-newline-after,declaration-block-single-line-max-declarations, selector-no-type, selector-max-type
-// {% raw %}
+code {
 // This instruction applies to all queues not within 'pre' or 'figure', avoiding 'code' generated by the highlight.
 :not(pre, figure) {
  & > code {
  padding: 0.2em 0.15em;
  font-weight: 400;
  background-color: $code-background-color;
  border: $border $border-color;
  border-radius: $border-radius;
  }
 }
-// Avoid appearance of dark border around visited code links in Safari
+pre.highlight {
 a:visited code {
  border-color: $border-color;
 }
 // Content structure for highlighted code blocks using fences or Liquid
 //
 // ```[LANG]...```, no kramdown line_numbers:
 //   div.[language-LANG.]highlighter-rouge > div.highlight > pre.highlight > code
 //
 // ```[LANG]...```, kramdown line_numbers = true:
 //   div.[language-LANG.]highlighter-rouge > div.highlight > pre.highlight > code
 //   > div.table-wrapper > table.rouge-table > tbody > tr
 //   > td.rouge-gutter.gl > pre.lineno
 //   | td.rouge-code > pre
 //
 // {% highlight LANG %}...{% endhighlight %}:
 //   figure.highlight > pre > code.language-LANG
 //
 // {% highlight LANG linenos %}...{% endhighlight %}:
 //   figure.highlight > pre > code.language-LANG
 //   > div.table-wrapper > table.rouge-table > tbody > tr
 //   > td.gutter.gl > pre.lineno
 //   | td.code > pre
 //
 // ----...---- (AsciiDoc)
 //   div.listingblock > div.content > pre.rouge.highlight
 //
 // fix_linenos removes the outermost pre when it encloses table.rouge-table
 //
 // See docs/index-test.md for some tests.
 //
 // No kramdown line_numbers: fences and Liquid highlighting look the same.
 // Kramdown line_numbers = true: fences have a wider gutter than with Liquid?
 // ```[LANG]...```
 // or in AsciiDoc:
 //
 //     ----
 //     ...
 //     ----
 // the code may appear with 3 different types:
 // container \ case:  default case,          code with line number,   code with html rendering
 // top level:         div.highlighter-rouge, figure.highlight,        figure.highlight
 // second level:      div.highlight,         div.table-wrapper,       pre.highlight
 // third level:       pre.highlight,         td.code,                 absent
 // last level:        code,                  pre,                     code (optionality)
 // highlighter level: span,                  span,                    span
 // the spacing are only in the second level for case 1, 3 and in the third level for case 2
 // in AsciiDoc, there is a parent container that contains optionally a title and the content.
 // select top level container
 div.highlighter-rouge,
 div.listingblock > div.content,
 figure.highlight {
  margin-top: 0;
  margin-bottom: $sp-3;
  background-color: $code-background-color;
  border-radius: $border-radius;
  box-shadow: none;
  -webkit-overflow-scrolling: touch;
  position: relative;
  padding: 0;
  // copy button (or other button)
  // the button appear only when there is a hover on the code or focus on button
  > button {
    width: $sp-3;
    opacity: 0;
    position: absolute;
    top: 0;
    right: 0;
    border: $sp-3 solid $code-background-color;
    background-color: $code-background-color;
    color: $body-text-color;
    box-sizing: content-box;
    svg {
      fill: $body-text-color;
    }
    &:active {
      text-decoration: none;
      outline: none;
      opacity: 1;
    }
    &:focus {
      opacity: 1;
    }
  }
  // the button can be seen by doing a simple hover in the code, there is no need to go over the location of the button
  &:hover {
    > button {
      cursor: copy;
      opacity: 1;
    }
  }
 }
 // setting the spacing and scrollbar on the second level for the first case
 // remove all space on the second and third level
 // this is a mixin to accommodate for the slightly different structures generated via Markdown vs AsciiDoc
@mixin scroll-and-spacing($code-div, $pre-select) {
  #{$code-div} {
    overflow-x: auto;
  padding: $sp-3;
-    margin: 0;
+  margin-bottom: 0;
-    border: 0;
+  -webkit-overflow-scrolling: touch;
-  }
+  background-color: $code-background-color;
  #{$pre-select},
  code {
    padding: 0;
    margin: 0;
    border: 0;
  }
 }
-// for Markdown
+.highlighter-rouge {
 div.highlighter-rouge {
  @include scroll-and-spacing("div.highlight", "pre.highlight");
 }
 // for AsciiDoc. we also need to fix the margins for its parent container.
 div.listingblock {
  margin-top: 0;
  margin-bottom: $sp-3;
-
+  overflow: hidden;
-  @include scroll-and-spacing("div.content", "div.content > pre");
+  border-radius: $border-radius;
 }
-// {% highlight LANG %}...{% endhighlight %},
+.highlight .c { color: #586e75; } // comment //
-// {% highlight LANG linenos %}...{% endhighlight %}:
+.highlight .err { color: #93a1a1; } // error //
 .highlight .g { color: #93a1a1; } // generic //
 .highlight .k { color: #859900; } // keyword //
 .highlight .l { color: #93a1a1; } // literal //
 .highlight .n { color: #93a1a1; } // name //
 .highlight .o { color: #859900; } // operator //
 .highlight .x { color: #cb4b16; } // other //
 .highlight .p { color: #93a1a1; } // punctuation //
 .highlight .cm { color: #586e75; } // comment.multiline //
 .highlight .cp { color: #859900; } // comment.preproc //
 .highlight .c1 { color: #586e75; } // comment.single //
 .highlight .cs { color: #859900; } // comment.special //
 .highlight .gd { color: #2aa198; } // generic.deleted //
 .highlight .ge { font-style: italic; color: #93a1a1; } // generic.emph //
 .highlight .gr { color: #dc322f; } // generic.error //
 .highlight .gh { color: #cb4b16; } // generic.heading //
 .highlight .gi { color: #859900; } // generic.inserted //
 .highlight .go { color: #93a1a1; } // generic.output //
 .highlight .gp { color: #93a1a1; } // generic.prompt //
 .highlight .gs { font-weight: bold; color: #93a1a1; } // generic.strong //
 .highlight .gu { color: #cb4b16; } // generic.subheading //
 .highlight .gt { color: #93a1a1; } // generic.traceback //
 .highlight .kc { color: #cb4b16; } // keyword.constant //
 .highlight .kd { color: #268bd2; } // keyword.declaration //
 .highlight .kn { color: #859900; } // keyword.namespace //
 .highlight .kp { color: #859900; } // keyword.pseudo //
 .highlight .kr { color: #268bd2; } // keyword.reserved //
 .highlight .kt { color: #dc322f; } // keyword.type //
 .highlight .ld { color: #93a1a1; } // literal.date //
 .highlight .m { color: #2aa198; } // literal.number //
 .highlight .s { color: #2aa198; } // literal.string //
 .highlight .na { color: #93a1a1; } // name.attribute //
 .highlight .nb { color: #b58900; } // name.builtin //
 .highlight .nc { color: #268bd2; } // name.class //
 .highlight .no { color: #cb4b16; } // name.constant //
 .highlight .nd { color: #268bd2; } // name.decorator //
 .highlight .ni { color: #cb4b16; } // name.entity //
 .highlight .ne { color: #cb4b16; } // name.exception //
 .highlight .nf { color: #268bd2; } // name.function //
 .highlight .nl { color: #93a1a1; } // name.label //
 .highlight .nn { color: #93a1a1; } // name.namespace //
 .highlight .nx { color: #555; } // name.other //
 .highlight .py { color: #93a1a1; } // name.property //
 .highlight .nt { color: #268bd2; } // name.tag //
 .highlight .nv { color: #268bd2; } // name.variable //
 .highlight .ow { color: #859900; } // operator.word //
 .highlight .w { color: #93a1a1; } // text.whitespace //
 .highlight .mf { color: #2aa198; } // literal.number.float //
 .highlight .mh { color: #2aa198; } // literal.number.hex //
 .highlight .mi { color: #2aa198; } // literal.number.integer //
 .highlight .mo { color: #2aa198; } // literal.number.oct //
 .highlight .sb { color: #586e75; } // literal.string.backtick //
 .highlight .sc { color: #2aa198; } // literal.string.char //
 .highlight .sd { color: #93a1a1; } // literal.string.doc //
 .highlight .s2 { color: #2aa198; } // literal.string.double //
 .highlight .se { color: #cb4b16; } // literal.string.escape //
 .highlight .sh { color: #93a1a1; } // literal.string.heredoc //
 .highlight .si { color: #2aa198; } // literal.string.interpol //
 .highlight .sx { color: #2aa198; } // literal.string.other //
 .highlight .sr { color: #dc322f; } // literal.string.regex //
 .highlight .s1 { color: #2aa198; } // literal.string.single //
 .highlight .ss { color: #2aa198; } // literal.string.symbol //
 .highlight .bp { color: #268bd2; } // name.builtin.pseudo //
 .highlight .vc { color: #268bd2; } // name.variable.class //
 .highlight .vg { color: #268bd2; } // name.variable.global //
 .highlight .vi { color: #268bd2; } // name.variable.instance //
 .highlight .il { color: #2aa198; } // literal.number.integer.long //
-// setting the spacing and scrollbar on the second level for the thirt case
+//
-// the css rule are apply only to the last code enviroment
+// Code examples (rendered)
-// setting the scroolbar
+//
 figure.highlight {
  pre,
  :not(pre) > code {
    overflow-x: auto;
    padding: $sp-3;
    margin: 0;
    border: 0;
  }
 }
-// ```[LANG]...```, kramdown line_numbers = true,
+.code-example {
 // {% highlight LANG linenos %}...{% endhighlight %}:
 // setting the spacing and scrollbar on the thirt level for the second case
 .highlight .table-wrapper {
  padding: $sp-3 0;
  margin: 0;
  border: 0;
  box-shadow: none;
  td,
  pre {
    min-width: 0;
    padding: 0;
    background-color: $code-background-color;
    border: 0;
    @include fs-2;
  }
  td.gl {
    width: 1em;
    padding-right: $sp-3;
    padding-left: $sp-3;
  }
  pre {
    margin: 0;
    line-height: 2;
  }
 }
 // Code examples: html render of a code
 .code-example,
 .listingblock > .title {
  padding: $sp-3;
  margin-bottom: $sp-3;
  overflow: auto;
@ -206,8 +110,6 @@ figure.highlight {
  border-radius: $border-radius;
  + .highlighter-rouge,
  + .sectionbody .listingblock,
  + .content,
  + figure.highlight {
    position: relative;
    margin-top: -$sp-4;
@ -218,29 +120,3 @@ figure.highlight {
    border-top-right-radius: 0;
  }
 }
 // Mermaid diagram code blocks should be left unstyled.
 code.language-mermaid {
  padding: 0;
  background-color: inherit;
  border: 0;
 }
 // Override OneDarkJekyll Colors for Code Blocks
 .highlight,
 pre.highlight {
  background: $code-background-color; // Code Background
  // For Backwards Compatibility Before $code-linenumber-color was added
  @if variable-exists(code-linenumber-color) {
    color: $code-linenumber-color; // Code Line Numbers
  } @else {
    color: $body-text-color; // Code Line Numbers
  }
 }
 // Override OneDarkJekyll Colors for Code Blocks
 .highlight pre {
  background: $code-background-color; // Code Background
 }
 // {% endraw %}
--- a/_sass/color_schemes/dark.scss
+++ b/_sass/color_schemes/dark.scss
@ -1,18 +1,14 @@
-$color-scheme: dark;
+
 $body-background-color: $grey-dk-300;
 $body-heading-color: $grey-lt-000;
 $body-text-color: $grey-lt-300;
 $link-color: $blue-000;
 $nav-child-link-color: $grey-dk-000;
 $sidebar-color: $grey-dk-300;
 $base-button-color: $grey-dk-250;
 $btn-primary-color: $blue-200;
 $code-background-color: #31343f; // OneDarkJekyll default for syntax-one-dark-vivid
 $code-linenumber-color: #dee2f7; // OneDarkJekyll .nf for syntax-one-dark-vivid
 $feedback-color: darken($sidebar-color, 3%);
 $table-background-color: $grey-dk-250;
 $search-background-color: $grey-dk-250;
 $search-result-preview-color: $grey-dk-000;
 $border-color: $grey-dk-200;
-@import "./vendor/OneDarkJekyll/syntax"; // this is the one-dark-vivid atom syntax theme
+$body-text-color: $grey-lt-300;
 $body-heading-color: $grey-lt-000;
 $nav-child-link-color: $grey-dk-000;
 $link-color: $blue-000;
 $btn-primary-color: $blue-200;
 $base-button-color: $grey-dk-250;
 $code-background-color: $grey-dk-250;
--- a/_sass/color_schemes/legacy_light.scss
+++ b/_sass/color_schemes/legacy_light.scss
@ -1,208 +0,0 @@
 // Moved from _sass/code.scss
 .highlight .c {
  color: #586e75;
 } // comment //
 .highlight .err {
  color: #93a1a1;
 } // error //
 .highlight .g {
  color: #93a1a1;
 } // generic //
 .highlight .k {
  color: #859900;
 } // keyword //
 .highlight .l {
  color: #93a1a1;
 } // literal //
 .highlight .n {
  color: #93a1a1;
 } // name //
 .highlight .o {
  color: #859900;
 } // operator //
 .highlight .x {
  color: #cb4b16;
 } // other //
 .highlight .p {
  color: #93a1a1;
 } // punctuation //
 .highlight .cm {
  color: #586e75;
 } // comment.multiline //
 .highlight .cp {
  color: #859900;
 } // comment.preproc //
 .highlight .c1 {
  color: #586e75;
 } // comment.single //
 .highlight .cs {
  color: #859900;
 } // comment.special //
 .highlight .gd {
  color: #2aa198;
 } // generic.deleted //
 .highlight .ge {
  font-style: italic;
  color: #93a1a1;
 } // generic.emph //
 .highlight .gr {
  color: #dc322f;
 } // generic.error //
 .highlight .gh {
  color: #cb4b16;
 } // generic.heading //
 .highlight .gi {
  color: #859900;
 } // generic.inserted //
 .highlight .go {
  color: #93a1a1;
 } // generic.output //
 .highlight .gp {
  color: #93a1a1;
 } // generic.prompt //
 .highlight .gs {
  font-weight: bold;
  color: #93a1a1;
 } // generic.strong //
 .highlight .gu {
  color: #cb4b16;
 } // generic.subheading //
 .highlight .gt {
  color: #93a1a1;
 } // generic.traceback //
 .highlight .kc {
  color: #cb4b16;
 } // keyword.constant //
 .highlight .kd {
  color: #268bd2;
 } // keyword.declaration //
 .highlight .kn {
  color: #859900;
 } // keyword.namespace //
 .highlight .kp {
  color: #859900;
 } // keyword.pseudo //
 .highlight .kr {
  color: #268bd2;
 } // keyword.reserved //
 .highlight .kt {
  color: #dc322f;
 } // keyword.type //
 .highlight .ld {
  color: #93a1a1;
 } // literal.date //
 .highlight .m {
  color: #2aa198;
 } // literal.number //
 .highlight .s {
  color: #2aa198;
 } // literal.string //
 .highlight .na {
  color: #555;
 } // name.attribute //
 .highlight .nb {
  color: #b58900;
 } // name.builtin //
 .highlight .nc {
  color: #268bd2;
 } // name.class //
 .highlight .no {
  color: #cb4b16;
 } // name.constant //
 .highlight .nd {
  color: #268bd2;
 } // name.decorator //
 .highlight .ni {
  color: #cb4b16;
 } // name.entity //
 .highlight .ne {
  color: #cb4b16;
 } // name.exception //
 .highlight .nf {
  color: #268bd2;
 } // name.function //
 .highlight .nl {
  color: #555;
 } // name.label //
 .highlight .nn {
  color: #93a1a1;
 } // name.namespace //
 .highlight .nx {
  color: #555;
 } // name.other //
 .highlight .py {
  color: #93a1a1;
 } // name.property //
 .highlight .nt {
  color: #268bd2;
 } // name.tag //
 .highlight .nv {
  color: #268bd2;
 } // name.variable //
 .highlight .ow {
  color: #859900;
 } // operator.word //
 .highlight .w {
  color: #93a1a1;
 } // text.whitespace //
 .highlight .mf {
  color: #2aa198;
 } // literal.number.float //
 .highlight .mh {
  color: #2aa198;
 } // literal.number.hex //
 .highlight .mi {
  color: #2aa198;
 } // literal.number.integer //
 .highlight .mo {
  color: #2aa198;
 } // literal.number.oct //
 .highlight .sb {
  color: #586e75;
 } // literal.string.backtick //
 .highlight .sc {
  color: #2aa198;
 } // literal.string.char //
 .highlight .sd {
  color: #93a1a1;
 } // literal.string.doc //
 .highlight .s2 {
  color: #2aa198;
 } // literal.string.double //
 .highlight .se {
  color: #cb4b16;
 } // literal.string.escape //
 .highlight .sh {
  color: #93a1a1;
 } // literal.string.heredoc //
 .highlight .si {
  color: #2aa198;
 } // literal.string.interpol //
 .highlight .sx {
  color: #2aa198;
 } // literal.string.other //
 .highlight .sr {
  color: #dc322f;
 } // literal.string.regex //
 .highlight .s1 {
  color: #2aa198;
 } // literal.string.single //
 .highlight .ss {
  color: #2aa198;
 } // literal.string.symbol //
 .highlight .bp {
  color: #268bd2;
 } // name.builtin.pseudo //
 .highlight .vc {
  color: #268bd2;
 } // name.variable.class //
 .highlight .vg {
  color: #268bd2;
 } // name.variable.global //
 .highlight .vi {
  color: #268bd2;
 } // name.variable.instance //
 .highlight .il {
  color: #2aa198;
 } // literal.number.integer.long //
--- a/_sass/color_schemes/light.scss
+++ b/_sass/color_schemes/light.scss
@ -1,16 +0,0 @@
 $color-scheme: light !default;
 $body-background-color: $white !default;
 $body-heading-color: $grey-dk-300 !default;
 $body-text-color: $grey-dk-100 !default;
 $link-color: $purple-000 !default;
 $nav-child-link-color: $grey-dk-100 !default;
 $sidebar-color: $grey-lt-000 !default;
 $base-button-color: #f7f7f7 !default;
 $btn-primary-color: $purple-100 !default;
 $code-background-color: $grey-lt-000 !default;
 $feedback-color: darken($sidebar-color, 3%) !default;
 $table-background-color: $white !default;
 $search-background-color: $white !default;
 $search-result-preview-color: $grey-dk-000 !default;
@import "./vendor/OneLightJekyll/syntax";
--- a/_sass/content.scss
+++ b/_sass/content.scss
@ -1,24 +1,15 @@
@charset "UTF-8";
 //
 // Styles for rendered markdown in the .main-content container
-// stylelint-disable selector-no-type, max-nesting-depth, selector-max-compound-selectors, selector-max-type, selector-max-specificity, selector-max-id
+//
-
+// stylelint-disable selector-no-type, max-nesting-depth, selector-max-compound-selectors, selector-max-type
 .main-content {
  line-height: $content-line-height;
  ol,
  ul,
  dl,
  pre,
  address,
  blockquote,
  .table-wrapper {
    margin-top: 0.5em;
  }
 .page-content {
  a {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  ul,
@ -26,12 +17,6 @@
    padding-left: 1.5em;
  }
  li {
    .highlight {
      margin-top: $sp-1;
    }
  }
  ol {
    list-style-type: none;
    counter-reset: step-counter;
@ -56,7 +41,7 @@
      ol {
        counter-reset: sub-counter;
-        > li {
+        li {
          &::before {
            content: counter(sub-counter, lower-alpha);
            counter-increment: sub-counter;
@ -79,7 +64,14 @@
    }
  }
  .task-list {
    padding-left: 0;
  }
  .task-list-item {
    display: flex;
    align-items: center;
    &::before {
      content: "";
    }
@ -87,9 +79,6 @@
  .task-list-item-checkbox {
    margin-right: 0.6em;
    margin-left: -1.4em;
    // The same margin-left is used above for ul > li::before
  }
  hr + * {
@ -102,7 +91,7 @@
  dl {
    display: grid;
-    grid-template: auto / 10em 1fr;
+    grid-template-columns: max-content 1fr;
  }
  dt,
@ -111,8 +100,6 @@
  }
  dt {
    grid-column: 1;
    font-weight: 500;
    text-align: right;
    &::after {
@ -121,119 +108,7 @@
  }
  dd {
    grid-column: 2;
    margin-bottom: 0;
    margin-left: 1em;
-
+    font-weight: 500;
    blockquote,
    div,
    dl,
    dt,
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    li,
    ol,
    p,
    pre,
    table,
    ul,
    .table-wrapper {
      &:first-child {
        margin-top: 0;
      }
    }
  }
  dd,
  ol,
  ul {
    dl:first-child {
      dt:first-child,
      dd:nth-child(2) {
        margin-top: 0;
      }
    }
  }
  .anchor-heading {
    position: absolute;
    right: -$sp-4;
    width: $sp-5;
    height: 100%;
    padding-right: $sp-1;
    padding-left: $sp-1;
    overflow: visible;
    @include mq(md) {
      right: auto;
      left: -$sp-5;
    }
    svg {
      display: inline-block;
      width: 100%;
      height: 100%;
      color: $link-color;
      visibility: hidden;
    }
  }
  .anchor-heading:hover,
  .anchor-heading:focus,
  h1:hover > .anchor-heading,
  h2:hover > .anchor-heading,
  h3:hover > .anchor-heading,
  h4:hover > .anchor-heading,
  h5:hover > .anchor-heading,
  h6:hover > .anchor-heading {
    svg {
      visibility: visible;
    }
  }
  summary {
    cursor: pointer;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6,
  #toctitle {
    position: relative;
    margin-top: 1.5em;
    margin-bottom: 0.25em;
    + table,
    + .table-wrapper,
    + .code-example,
    + .highlighter-rouge,
    + .sectionbody .listingblock {
      margin-top: 1em;
    }
    + p:not(.label) {
      margin-top: 0;
    }
  }
  > h1:first-child,
  > h2:first-child,
  > h3:first-child,
  > h4:first-child,
  > h5:first-child,
  > h6:first-child,
  > .sect1:first-child > h2,
  > .sect2:first-child > h3,
  > .sect3:first-child > h4,
  > .sect4:first-child > h5,
  > .sect5:first-child > h6 {
    margin-top: $sp-2;
  }
 }
--- a/_sass/custom/custom.scss
+++ b/_sass/custom/custom.scss
@ -1 +1,120 @@
-// custom SCSS (or CSS) goes here
+// //
 // // Typography
 // //
 //
 // $body-font-family: -apple-system, BlinkMacSystemFont, "helvetica neue", helvetica, roboto, noto, "segoe ui", arial, sans-serif;
 // $mono-font-family: "SFMono-Regular", Menlo, Consolas, Monospace;
 // $root-font-size: 16px;         // Base font-size for rems
 // $body-line-height: 1.4;
 // $body-heading-line-height: 1.15;
 //
 // //
 // // Colors
 // //
 //
 // $white: #fff;
 //
 // $grey-dk-000: #959396;
 // $grey-dk-100: #5c5962;
 // $grey-dk-200: #44434d;
 // $grey-dk-250: #302d36 !default;
 // $grey-dk-300: #27262b;
 //
 // $grey-lt-000: #f5f6fa;
 // $grey-lt-100: #eeebee;
 // $grey-lt-200: #ecebed;
 // $grey-lt-300: #e6e1e8;
 //
 // $purple-000: #7253ed;
 // $purple-100: #5e41d0;
 // $purple-200: #4e26af;
 // $purple-300: #381885;
 //
 // $blue-000: #2c84fa;
 // $blue-100: #2869e6;
 // $blue-200: #264caf;
 // $blue-300: #183385;
 //
 // $green-000: #41d693;
 // $green-100: #11b584;
 // $green-200: #009c7b;
 // $green-300: #026e57;
 //
 // $body-background-color: $white !default;
 // $sidebar-color: $grey-lt-000 !default;
 // $code-background-color: $grey-lt-000 !default;
 // $body-text-color: $grey-dk-100 !default;
 // $body-heading-color: $grey-dk-300 !default;
 // $nav-child-link-color: $grey-dk-100 !default;
 // $link-color: $purple-000 !default;
 // $btn-primary-color: $purple-100 !default;
 // $base-button-color: #f7f7f7 !default;
 //
 // //
 // // Media queries in pixels
 // //
 //
 // $media-queries: (
 //   xs: 320px,
 //   sm: 500px,
 //   md: 740px,
 //   lg: 1120px,
 //   xl: 1400px
 // );
 //
 // //
 // // Spacing
 // //
 //
 // $spacing-unit: 1rem; // 1rem == 16px
 //
 // $spacers: (
 //   sp-0: 0,
 //   sp-1: $spacing-unit * 0.25,
 //   sp-2: $spacing-unit * 0.5,
 //   sp-3: $spacing-unit * 0.75,
 //   sp-4: $spacing-unit,
 //   sp-5: $spacing-unit * 1.5,
 //   sp-6: $spacing-unit * 2,
 //   sp-7: $spacing-unit * 2.5,
 //   sp-8: $spacing-unit * 3,
 //   sp-9: $spacing-unit * 3.5,
 //   sp-10: $spacing-unit * 4
 // );
 //
 // $sp-1: map-get($spacers, sp-1); // 0.25 rem == 4px
 // $sp-2: map-get($spacers, sp-2); // 0.5  rem == 8px
 // $sp-3: map-get($spacers, sp-3); // 0.75 rem == 12px
 // $sp-4: map-get($spacers, sp-4); // 1    rem == 16px
 // $sp-5: map-get($spacers, sp-5); // 1.5  rem == 24px
 // $sp-6: map-get($spacers, sp-6); // 2    rem == 32px
 // $sp-7: map-get($spacers, sp-7); // 2.5  rem == 40px
 // $sp-8: map-get($spacers, sp-8); // 3    rem == 48px
 // $sp-9: map-get($spacers, sp-9); // 4    rem == 48px
 // $sp-10: map-get($spacers, sp-10); // 4.5  rem == 48px
 //
 // //
 // // Borders
 // //
 //
 // $border: 1px solid;
 // $border-radius: 4px;
 // $border-color: $grey-lt-100;
 //
 // //
 // // Grid system
 // //
 //
 // $gutter-spacing: $sp-6;
 // $gutter-spacing-sm: $sp-4;
 // $nav-width: 232px;
 // $content-width: 800px;
 //
 // $media-queries: (
 //   xs: 320px,
 //   sm: 500px,
 //   md: 740px,
 //   lg: 800px,
 //   xl: 1316px
 // );
--- a/_sass/custom/setup.scss
+++ b/_sass/custom/setup.scss
@ -1 +0,0 @@
 // custom setup code goes here
--- a/_sass/labels.scss
+++ b/_sass/labels.scss
@ -1,37 +1,36 @@
 //
 // Labels (not the form kind)
 //
-// this :not() prevents a style clash with Mermaid.js's
+.label,
-// diagram labels, which also use .label
+.label-blue {
 // for more, see https://github.com/just-the-docs/just-the-docs/issues/1272
 // and the accompanying PR
 .label:not(g),
 .label-blue:not(g) {
  display: inline-block;
-  padding: 0.16em 0.56em;
+  padding-top: 0.16em;
-  margin-right: $sp-2;
+  padding-right: 0.42em;
-  margin-left: $sp-2;
+  padding-bottom: 0.16em;
  padding-left: 0.42em;
  margin-right: $sp-1;
  margin-left: $sp-1;
  color: $white;
  text-transform: uppercase;
  vertical-align: middle;
  background-color: $blue-100;
  border-radius: 12px;
  @include fs-2;
 }
-.label-green:not(g) {
+.label-green {
  background-color: $green-200;
 }
-.label-purple:not(g) {
+.label-purple {
  background-color: $purple-100;
 }
-.label-red:not(g) {
+.label-red {
  background-color: $red-200;
 }
-.label-yellow:not(g) {
+.label-yellow {
  color: $grey-dk-200;
  background-color: $yellow-200;
 }
--- a/_sass/layout.scss
+++ b/_sass/layout.scss
@ -1,16 +1,36 @@
 //
 // The basic two column layout
 //
 .page-wrap {
  @include mq(md) {
    position: absolute;
    top: 0;
    left: 0;
    display: flex;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
  }
 }
 .side-bar {
-  z-index: 0;
+  z-index: 100;
  display: flex;
  flex-wrap: wrap;
  padding-top: $gutter-spacing-sm;
  padding-bottom: $gutter-spacing-sm;
  background-color: $sidebar-color;
  @include mq(md) {
-    flex-flow: column nowrap;
+    flex-wrap: nowrap;
-    position: fixed;
+    position: absolute;
-    width: $nav-width-md;
+    width: $nav-width + 16px;
    height: 100%;
    padding-top: $gutter-spacing * 2;
    padding-bottom: 0;
    flex-direction: column;
    border-right: $border $border-color;
    align-items: flex-end;
  }
@ -19,178 +39,92 @@
    width: calc((100% - #{$nav-width + $content-width}) / 2 + #{$nav-width});
    min-width: $nav-width;
  }
 }
-  & + .main {
+.main-content-wrap {
  @include mq(md) {
-      margin-left: $nav-width-md;
+    position: absolute;
-    }
+    top: 0;
-
+    left: 0;
-    @include mq(lg) {
+    width: 100%;
-      // stylelint-disable function-name-case
+    height: 100%;
-      // disable for Max(), we want to use the CSS max() function
+    min-height: 600px;
-      margin-left: Max(
+    -webkit-overflow-scrolling: touch;
-        #{$nav-width},
+    overflow-x: hidden;
-        calc((100% - #{$nav-width + $content-width}) / 2 + #{$nav-width})
+    overflow-y: scroll;
      );
      // stylelint-enable function-name-case
    }
    .main-header {
      display: none;
      background-color: $sidebar-color;
      @include mq(md) {
        display: flex;
        background-color: $body-background-color;
      }
      &.nav-open {
        display: block;
        @include mq(md) {
          display: flex;
        }
      }
    }
  }
 }
-.main {
+.main-content {
-  margin: auto;
+  padding-top: $gutter-spacing-sm;
  @include container;
  @include mq(md) {
    position: relative;
    max-width: $content-width;
  }
 }
 .main-content-wrap {
  padding-top: $gutter-spacing-sm;
  padding-bottom: $gutter-spacing-sm;
  @include container;
  @include mq(md) {
    padding-top: $gutter-spacing;
    padding-bottom: $gutter-spacing;
    padding-left: $gutter-spacing * 1.5;
    margin-left: $nav-width;
  }
  @include mq(lg) {
    padding-left: $gutter-spacing;
    margin-left: calc((100% - #{$nav-width + $content-width}) / 2 + #{$nav-width});
  }
 }
-.main-header {
+.js-main-content:focus {
-  z-index: 0;
+  outline: none;
-  border-bottom: $border $border-color;
+}
 .page-header {
  background-color: $sidebar-color;
  @include mq(md) {
    background-color: $body-background-color;
  }
  .main-content {
    padding-top: 0;
    @include mq(md) {
      display: flex;
-    justify-content: space-between;
+      justify-content: flex-end;
-    height: $header-height;
+      height: 60px;
      padding-top: $sp-4;
      padding-bottom: $sp-4;
      border-bottom: $border $border-color;
    }
  }
 }
-.site-nav,
+.navigation,
-.site-header,
+.site-title,
 .site-footer {
  @include container;
  width: 100%;
  @include mq(lg) {
-    width: $nav-width;
+    width: $nav-width + 32px;
  }
 }
-.site-nav {
+.navigation {
  display: none;
  &.nav-open {
    display: block;
  }
  @include mq(md) {
    display: block;
    padding-top: $sp-8;
    padding-bottom: $gutter-spacing-sm;
    overflow-y: auto;
    flex: 1 1 auto;
  }
 }
 .site-header {
  display: flex;
  min-height: $header-height;
  align-items: center;
  @include mq(md) {
    height: $header-height;
    max-height: $header-height;
    border-bottom: $border $border-color;
  }
 }
 .site-title {
  flex-grow: 1;
  display: flex;
  height: 100%;
  align-items: center;
  padding-top: $sp-3;
  padding-bottom: $sp-3;
  color: $body-heading-color;
  @include container;
  @include fs-6;
  @include mq(md) {
    padding-top: $sp-2;
    padding-bottom: $sp-2;
  }
 }
@if variable-exists(logo) {
  .site-logo {
    width: 100%;
    height: 100%;
    background-image: url($logo);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;
  }
 }
 .site-button {
  display: flex;
  height: 100%;
  padding: $gutter-spacing-sm;
  align-items: center;
 }
@include mq(md) {
  .site-header .site-button {
    display: none;
  }
 }
 .site-title:hover {
  background-image: linear-gradient(
    -90deg,
    rgba($feedback-color, 1) 0%,
    rgba($feedback-color, 0.8) 80%,
    rgba($feedback-color, 0) 100%
  );
 }
 .site-button:hover {
  background-image: linear-gradient(
    -90deg,
    rgba($feedback-color, 1) 0%,
    rgba($feedback-color, 0.8) 100%
  );
 }
 // stylelint-disable selector-max-type
 body {
  position: relative;
  padding-bottom: $sp-10;
  overflow-y: scroll;
  @include mq(md) {
    position: static;
@ -203,23 +137,13 @@ body {
 .site-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  padding-top: $sp-4;
  padding-bottom: $sp-4;
  color: $grey-dk-000;
  @include container;
  @include fs-2;
  @include mq(md) {
    position: static;
    align-self: flex-end;
    justify-self: end;
    background-color: $sidebar-color;
  }
 }
 .icon {
  width: $sp-5;
  height: $sp-5;
  color: $link-color;
 }
--- a/_sass/modules.scss
+++ b/_sass/modules.scss
@ -1,17 +0,0 @@
 // Import external dependencies
@import "./vendor/normalize.scss/normalize";
 // Modules
@import "./base";
@import "./layout";
@import "./content";
@import "./navigation";
@import "./typography";
@import "./labels";
@import "./buttons";
@import "./search";
@import "./tables";
@import "./code";
@import "./utilities/utilities";
@import "./print";
@import "./skiptomain";
--- a/_sass/navigation.scss
+++ b/_sass/navigation.scss
@ -1,204 +1,117 @@
 //
 // Main nav, breadcrumb, etc...
-// stylelint-disable selector-no-type, max-nesting-depth, selector-max-compound-selectors, selector-max-type, selector-max-specificity
+//
-.nav-list {
+.site-title {
  display: block;
  flex: 1 1 auto;
  color: $body-heading-color;
  background-color: $sidebar-color;
  @include mq(md) {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 101;
    height: 60px;
    padding-top: $sp-4;
    border-bottom: $border $border-color;
  }
 }
 .navigation-list {
  padding: 0;
-  margin-top: 0;
+  margin-top: $sp-4;
  margin-bottom: 0;
  list-style: none;
-  .nav-list-item {
+  @include mq(md) {
-    position: relative;
+    margin-top: 0;
-    margin: 0;
+  }
 }
 .navigation-list-child-list {
  padding-left: $sp-3;
  list-style: none;
  .navigation-list-link {
    color: $nav-child-link-color;
  }
  .navigation-list-item {
    position: relative;
    &::before {
      position: absolute;
      margin-top: 0.3em;
      margin-left: -0.8em;
      color: rgba($body-text-color, 0.3);
      content: "- ";
    }
    &.active {
      &::before {
        color: $body-text-color;
      }
    }
  }
 }
 .navigation-list-item {
  @include fs-4;
  margin: 0;
  @include mq(md) {
    @include fs-3;
  }
-    .nav-list-link {
+  .navigation-list-child-list {
    display: none;
  }
  &.active {
    .navigation-list-child-list {
      display: block;
    }
  }
 }
 .navigation-list-link {
  display: block;
      min-height: $nav-list-item-height-sm;
  padding-top: $sp-1;
  padding-bottom: $sp-1;
      line-height: #{$nav-list-item-height-sm - 2 * $sp-1};
      @if $nav-list-expander-right {
        padding-right: $nav-list-item-height-sm;
        padding-left: $gutter-spacing-sm;
      } @else {
        padding-right: $gutter-spacing-sm;
        padding-left: $nav-list-item-height-sm;
      }
      @include mq(md) {
        min-height: $nav-list-item-height;
        line-height: #{$nav-list-item-height - 2 * $sp-1};
        @if $nav-list-expander-right {
          padding-right: $nav-list-item-height;
          padding-left: $gutter-spacing;
        } @else {
          padding-right: $gutter-spacing;
          padding-left: $nav-list-item-height;
        }
      }
      &.external > svg {
        width: $sp-4;
        height: $sp-4;
        vertical-align: text-bottom;
      }
  &.active {
    font-weight: 600;
    color: $body-heading-color;
    text-decoration: none;
  }
 }
-      &:hover,
+// Small screen nav
      &.active {
        background-image: linear-gradient(
          -90deg,
          rgba($feedback-color, 1) 0%,
          rgba($feedback-color, 0.8) 80%,
          rgba($feedback-color, 0) 100%
        );
      }
    }
-    .nav-list-expander {
+.main-nav,
-      position: absolute;
+.aux-nav {
      @if $nav-list-expander-right {
        right: 0;
      }
      width: $nav-list-item-height-sm;
      height: $nav-list-item-height-sm;
      padding: #{$nav-list-item-height-sm * 0.25};
      color: $link-color;
      @include mq(md) {
        width: $nav-list-item-height;
        height: $nav-list-item-height;
        padding: #{$nav-list-item-height * 0.25};
      }
      &:hover {
        background-image: linear-gradient(
          -90deg,
          rgba($feedback-color, 1) 0%,
          rgba($feedback-color, 0.8) 100%
        );
      }
      @if $nav-list-expander-right {
        svg {
          transform: rotate(90deg);
        }
      }
    }
    > .nav-list {
  display: none;
      padding-left: $sp-3;
      list-style: none;
-      .nav-list-item {
+  &.nav-open {
        position: relative;
        .nav-list-link {
          color: $nav-child-link-color;
        }
        .nav-list-expander {
          color: $nav-child-link-color;
        }
      }
    }
    &.active {
      > .nav-list-expander svg {
        @if $nav-list-expander-right {
          transform: rotate(-90deg);
        } @else {
          transform: rotate(90deg);
        }
      }
      > .nav-list {
    display: block;
  }
-    }
+  @include mq(md) {
    display: block;
  }
 }
-.nav-category {
+.navigation-list-toggle {
-  padding: $sp-2 $gutter-spacing-sm;
+  position: absolute;
-  font-weight: 600;
+  right: $sp-4;
  text-align: start;
  text-transform: uppercase;
  border-bottom: $border $border-color;
  @include fs-2;
  @include mq(md) {
-    padding: $sp-2 $gutter-spacing;
+    display: none !important;
    margin-top: $gutter-spacing-sm;
    text-align: start;
    &:first-child {
      margin-top: 0;
    }
  }
 }
 .nav-list.nav-category-list {
  > .nav-list-item {
    margin: 0;
    > .nav-list {
      padding: 0;
      > .nav-list-item {
        > .nav-list-link {
          color: $link-color;
        }
        > .nav-list-expander {
          color: $link-color;
        }
      }
    }
  }
 }
 // Aux nav
 .aux-nav {
  height: 100%;
  overflow-x: auto;
  @include fs-2;
  .aux-nav-list {
    display: flex;
    height: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
  }
  .aux-nav-list-item {
    display: inline-block;
    height: 100%;
    padding: 0;
    margin: 0;
  }
  @include mq(md) {
    padding-right: $gutter-spacing-sm;
  }
 }
 // Breadcrumb nav
 .breadcrumb-nav {
  @include mq(md) {
    margin-top: -$sp-4;
--- a/_sass/print.scss
+++ b/_sass/print.scss
@ -1,40 +0,0 @@
 // stylelint-disable selector-max-specificity, selector-max-id, selector-max-type, selector-no-qualifying-type
@media print {
  .site-footer,
  .site-button,
  #edit-this-page,
  #back-to-top,
  .site-nav,
  .main-header {
    display: none !important;
  }
  .side-bar {
    width: 100%;
    height: auto;
    border-right: 0 !important;
  }
  .site-header {
    border-bottom: 1px solid $border-color;
  }
  .site-title {
    font-size: 1rem !important;
    font-weight: 700 !important;
  }
  .text-small {
    font-size: 8pt !important;
  }
  pre.highlight {
    border: 1px solid $border-color;
  }
  .main {
    max-width: none;
    margin-left: 0;
  }
 }
--- a/_sass/search.scss
+++ b/_sass/search.scss
@ -1,123 +1,98 @@
 //
 // Search input and autocomplete
 //
 .search {
  position: relative;
-  z-index: 2;
+  z-index: 99;
  display: none;
  flex-grow: 1;
  height: $sp-10;
  padding: $sp-2;
-  transition: padding linear #{$transition-duration * 0.5};
+  margin-bottom: $sp-3;
  background-color: $white;
  border-radius: 3px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.07), 0 3px 10px rgba(0, 0, 0, 0.05);
  @include mq(md) {
-    position: relative !important;
+    display: block;
-    width: auto !important;
+    padding-top: $sp-1;
-    height: 100% !important;
+    padding-right: 0;
-    padding: 0;
+    padding-bottom: 0;
-    transition: none;
+    padding-left: 0;
    margin-bottom: 0;
    background-color: transparent;
    box-shadow: none;
  }
  &.nav-open {
    display: block;
  }
 }
 .search-results-wrap {
  display: none;
  &.active {
    position: absolute;
    top: $sp-1;
    z-index: 100;
    display: block;
    width: 300px;
    margin-top: $gutter-spacing;
    background: lighten($body-background-color, 1%);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.07), 0 4px 14px rgba(0, 0, 0, 0.05);
  }
 }
 .search-input-wrap {
-  position: relative;
+  display: flex;
-  z-index: 1;
+  background-color: $body-background-color;
  height: $sp-8;
  overflow: hidden;
  border-radius: $border-radius;
  box-shadow:
    0 1px 2px rgba(0, 0, 0, 0.12),
    0 3px 10px rgba(0, 0, 0, 0.08);
  transition: height linear #{$transition-duration * 0.5};
  @include mq(md) {
    position: absolute;
    width: 100%;
    max-width: $search-results-width;
    height: 100% !important;
    border-radius: 0;
    box-shadow: none;
    transition: width ease $transition-duration;
  }
 }
 .search-input {
  position: absolute;
  width: 100%;
-  height: 100%;
+  padding-top: $sp-1;
-  padding: $sp-2 $gutter-spacing-sm $sp-2 #{$gutter-spacing-sm + $sp-5};
+  padding-bottom: $sp-1;
-  font-size: 1rem;
+  background-color: $body-background-color;
  color: $body-text-color;
  background-color: $search-background-color;
  border-top: 0;
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
-  border-radius: 0;
+  order: 2;
  @include mq(md) {
    padding: $sp-2 $gutter-spacing-sm $sp-2 #{$gutter-spacing + $sp-5};
    font-size: 0.875rem;
    background-color: $body-background-color;
    transition: padding-left linear #{$transition-duration * 0.5};
  }
  &:focus {
    outline: 0;
    box-shadow: none;
-    + .search-label .search-icon {
+    + .search-icon {
-      color: $link-color;
+      fill: $link-color;
    }
  }
  @include fs-5;
  @include mq(sm) {
    @include fs-3;
  }
  @include mq(md) {
    @include fs-2;
  }
 }
-.search-label {
+.search-icon {
  position: absolute;
  display: flex;
  height: 100%;
  padding-left: $gutter-spacing-sm;
  @include mq(md) {
    padding-left: $gutter-spacing;
    transition: padding-left linear #{$transition-duration * 0.5};
  }
  .search-icon {
    width: #{$sp-4 * 1.2};
    height: #{$sp-4 * 1.2};
  align-self: center;
-    color: $grey-dk-000;
+  margin-right: $sp-2;
-  }
+  fill: $grey-dk-000;
-}
+  order: 1;
 .search-results {
  position: absolute;
  left: 0;
  display: none;
  width: 100%;
  max-height: calc(100% - #{$sp-10});
  overflow-y: auto;
  background-color: $search-background-color;
  border-bottom-right-radius: $border-radius;
  border-bottom-left-radius: $border-radius;
  box-shadow:
    0 1px 2px rgba(0, 0, 0, 0.12),
    0 3px 10px rgba(0, 0, 0, 0.08);
  @include mq(md) {
    top: 100%;
    width: $search-results-width;
    max-height: calc(100vh - 200%) !important;
  }
 }
 .search-results-list {
  padding-left: 0;
  margin-top: $sp-1;
  margin-bottom: $sp-1;
  list-style: none;
  @include fs-4;
  @include mq(md) {
  @include fs-3;
  }
 }
 .search-results-list-item {
@ -125,200 +100,15 @@
  margin: 0;
 }
-.search-result {
+.search-results-link {
  display: block;
-  padding: $sp-1 $sp-3;
+  padding-top: $sp-1;
  padding-right: $sp-3;
  padding-bottom: $sp-1;
  padding-left: $sp-3;
-  &:hover,
+  &:hover {
-  &.active {
+    color: $body-heading-color;
-    background-color: $feedback-color;
+    background-color: darken($body-background-color, 2%);
  }
 }
 .search-result-title {
  display: block;
  padding-top: $sp-2;
  padding-bottom: $sp-2;
  @include mq(sm) {
    display: inline-block;
    width: 40%;
    padding-right: $sp-2;
    vertical-align: top;
  }
 }
 .search-result-doc {
  display: flex;
  align-items: center;
  word-wrap: break-word;
  &.search-result-doc-parent {
    opacity: 0.5;
    @include fs-3;
    @include mq(md) {
      @include fs-2;
    }
  }
  .search-result-icon {
    width: $sp-4;
    height: $sp-4;
    margin-right: $sp-2;
    color: $link-color;
    flex-shrink: 0;
  }
  .search-result-doc-title {
    overflow: auto;
  }
 }
 .search-result-section {
  margin-left: #{$sp-4 + $sp-2};
  word-wrap: break-word;
 }
 .search-result-rel-url {
  display: block;
  margin-left: #{$sp-4 + $sp-2};
  overflow: hidden;
  color: $search-result-preview-color;
  text-overflow: ellipsis;
  white-space: nowrap;
  @include fs-1;
 }
 .search-result-previews {
  display: block;
  padding-top: $sp-2;
  padding-bottom: $sp-2;
  padding-left: $sp-4;
  margin-left: $sp-2;
  color: $search-result-preview-color;
  word-wrap: break-word;
  border-left: $border;
  border-left-color: $border-color;
  @include fs-2;
  @include mq(sm) {
    display: inline-block;
    width: 60%;
    padding-left: $sp-2;
    margin-left: 0;
    vertical-align: top;
  }
 }
 .search-result-preview + .search-result-preview {
  margin-top: $sp-1;
 }
 .search-result-highlight {
  font-weight: bold;
 }
 .search-no-result {
  padding: $sp-2 $sp-3;
  @include fs-3;
 }
 .search-button {
  position: fixed;
  right: $sp-4;
  bottom: $sp-4;
  display: flex;
  width: $sp-9;
  height: $sp-9;
  background-color: $search-background-color;
  border: 1px solid rgba($link-color, 0.3);
  border-radius: #{$sp-9 * 0.5};
  box-shadow:
    0 1px 2px rgba(0, 0, 0, 0.12),
    0 3px 10px rgba(0, 0, 0, 0.08);
  align-items: center;
  justify-content: center;
 }
 .search-overlay {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1;
  width: 0;
  height: 0;
  background-color: rgba(0, 0, 0, 0.3);
  opacity: 0;
  transition:
    opacity ease $transition-duration,
    width 0s $transition-duration,
    height 0s $transition-duration;
 }
 .search-active {
  .search {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
  }
  .search-input-wrap {
    height: $sp-10;
    border-radius: 0;
    @include mq(md) {
      width: $search-results-width;
      box-shadow:
        0 1px 2px rgba(0, 0, 0, 0.12),
        0 3px 10px rgba(0, 0, 0, 0.08);
    }
  }
  .search-input {
    background-color: $search-background-color;
    @include mq(md) {
      padding-left: 2.3rem;
    }
  }
  .search-label {
    @include mq(md) {
      padding-left: 0.6rem;
    }
  }
  .search-results {
    display: block;
  }
  .search-overlay {
    width: 100%;
    height: 100%;
    opacity: 1;
    transition:
      opacity ease $transition-duration,
      width 0s,
      height 0s;
  }
  @include mq(md) {
    .main {
      position: fixed;
      right: 0;
      left: 0;
    }
  }
  .main-header {
    padding-top: $sp-10;
    @include mq(md) {
      padding-top: 0;
    }
  }
 }
--- a/_sass/skiptomain.scss
+++ b/_sass/skiptomain.scss
@ -1,30 +0,0 @@
 // Skipnav
 // Skip to main content
 a.skip-to-main {
  left: -999px;
  position: absolute;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
  z-index: -999;
 }
 a.skip-to-main:focus,
 a.skip-to-main:active {
  color: $link-color;
  background-color: $body-background-color;
  left: auto;
  top: auto;
  width: 30%;
  height: auto;
  overflow: auto;
  margin: 10px 35%;
  padding: 5px;
  border-radius: 15px;
  border: 4px solid $btn-primary-color;
  text-align: center;
  font-size: 1.2em;
  z-index: 999;
 }
--- a/_sass/support/_functions.scss
+++ b/_sass/support/_functions.scss
@ -0,0 +1,10 @@
@function rem($size, $unit:"") {
  $remSize: $size / $root-font-size;
  @if ($unit == false) {
    @return #{$remSize};
  }
  @else {
    @return #{$remSize}rem;
  }
 }
--- a/_sass/support/_variables.scss
+++ b/_sass/support/_variables.scss
@ -1,64 +1,81 @@
 //
 // Typography
 //
-// prettier-ignore
+$body-font-family: -apple-system, BlinkMacSystemFont, "helvetica neue", helvetica, roboto, noto, "segoe ui", arial, sans-serif !default;
-$body-font-family: system-ui, -apple-system, blinkmacsystemfont, "Segoe UI",
+$mono-font-family: "SFMono-Regular", Menlo, Consolas, Monospace !default;
-  roboto, "Helvetica Neue", arial, sans-serif, "Segoe UI Emoji" !default;
+$root-font-size: 16px !default;         // Base font-size for rems
 $mono-font-family: "SFMono-Regular", menlo, consolas, monospace !default;
 $root-font-size: 16px !default; // DEPRECATED: previously base font-size for rems
 $body-line-height: 1.4 !default;
-$content-line-height: 1.6 !default;
+$body-heading-line-height: 1.15 !default !default;
 $body-heading-line-height: 1.25 !default;
 // Font size
 // `-sm` suffix is the size at the small (and above) media query
 $font-size-1: 0.5625rem !default;
 $font-size-1-sm: 0.625rem !default;
 $font-size-2: 0.6875rem !default; // h4 - uppercased!, h6 not uppercased, text-small
 $font-size-3: 0.75rem !default; // h5
 $font-size-4: 0.875rem !default;
 $font-size-5: 1rem !default; // h3
 $font-size-6: 1.125rem !default; // h2
 $font-size-7: 1.5rem !default;
 $font-size-8: 2rem !default; // h1
 $font-size-9: 2.25rem !default;
 $font-size-10: 2.625rem !default;
 $font-size-10-sm: 3rem !default;
 //
 // Colors
 //
 $white: #fff !default;
 $grey-dk-000: #959396 !default;
 $grey-dk-100: #5c5962 !default;
 $grey-dk-200: #44434d !default;
 $grey-dk-250: #302d36 !default;
 $grey-dk-300: #27262b !default;
 $grey-lt-000: #f5f6fa !default;
 $grey-lt-100: #eeebee !default;
 $grey-lt-200: #ecebed !default;
 $grey-lt-300: #e6e1e8 !default;
 $purple-000: #7253ed !default;
 $purple-100: #5e41d0 !default;
 $purple-200: #4e26af !default;
 $purple-300: #381885 !default;
 $blue-000: #2c84fa !default;
 $blue-100: #2869e6 !default;
 $blue-200: #264caf !default;
 $blue-300: #183385 !default;
 $green-000: #41d693 !default;
 $green-100: #11b584 !default;
 $green-200: #009c7b !default;
 $green-300: #026e57 !default;
 $yellow-000: #ffeb82 !default;
 $yellow-100: #fadf50 !default;
 $yellow-200: #f7d12e !default;
 $yellow-300: #e7af06 !default;
 $red-000: #f77e7e !default;
 $red-100: #f96e65 !default;
 $red-200: #e94c4c !default;
 $red-300: #dd2e2e !default;
 $body-background-color: $white !default;
 $sidebar-color: $grey-lt-000 !default;
 $code-background-color: $grey-lt-000 !default;
 $body-text-color: $grey-dk-100 !default;
 $body-heading-color: $grey-dk-300 !default;
 $nav-child-link-color: $grey-dk-100 !default;
 $link-color: $purple-000 !default;
 $btn-primary-color: $purple-100 !default;
 $base-button-color: #f7f7f7 !default;
 //
 // Media queries in pixels
 //
 $media-queries: (
  xs: 320px,
  sm: 500px,
  md: 740px,
  lg: 1120px,
  xl: 1400px
 ) !default;
 //
 // Spacing
 //
 $spacing-unit: 1rem; // 1rem == 16px
@ -73,8 +90,9 @@ $spacers: (
  sp-7: $spacing-unit * 2.5,
  sp-8: $spacing-unit * 3,
  sp-9: $spacing-unit * 3.5,
-  sp-10: $spacing-unit * 4,
+  sp-10: $spacing-unit * 4
 ) !default;
 $sp-1: map-get($spacers, sp-1) !default; // 0.25 rem == 4px
 $sp-2: map-get($spacers, sp-2) !default; // 0.5  rem == 8px
 $sp-3: map-get($spacers, sp-3) !default; // 0.75 rem == 12px
@ -83,35 +101,30 @@ $sp-5: map-get($spacers, sp-5) !default; // 1.5  rem == 24px
 $sp-6: map-get($spacers, sp-6) !default; // 2    rem == 32px
 $sp-7: map-get($spacers, sp-7) !default; // 2.5  rem == 40px
 $sp-8: map-get($spacers, sp-8) !default; // 3    rem == 48px
-$sp-9: map-get($spacers, sp-9) !default; // 3.5  rem == 56px
+$sp-9: map-get($spacers, sp-9) !default; // 4    rem == 48px
-$sp-10: map-get($spacers, sp-10) !default; // 4  rem == 64px
+$sp-10: map-get($spacers, sp-10) !default; // 4.5  rem == 48px
 //
 // Borders
 //
 $border: 1px solid !default;
 $border-radius: 4px !default;
 $border-color: $grey-lt-100 !default;
 //
 // Grid system
 //
 $gutter-spacing: $sp-6 !default;
 $gutter-spacing-sm: $sp-4 !default;
-$nav-width: 16.5rem !default;
+$nav-width: 232px !default;
-$nav-width-md: 15.5rem !default;
+$content-width: 800px !default;
 $nav-list-item-height: $sp-6 !default;
 $nav-list-item-height-sm: $sp-8 !default;
 $nav-list-expander-right: true;
 $content-width: 50rem !default;
 $header-height: 3.75rem !default;
 $search-results-width: $content-width - $nav-width !default;
 $transition-duration: 400ms;
 // Media queries in pixels
 $media-queries: (
-  xs: 20rem,
+  xs: 320px,
-  sm: 31.25rem,
+  sm: 500px,
-  md: $content-width,
+  md: 740px,
-  lg: $content-width + $nav-width,
+  lg: 800px,
-  xl: 87.5rem,
+  xl: 1316px
 ) !default;
--- a/_sass/support/mixins/_buttons.scss
+++ b/_sass/support/mixins/_buttons.scss
@ -4,9 +4,7 @@
  color: $fg;
  background-color: darken($bg, 2%);
  background-image: linear-gradient(lighten($bg, 5%), darken($bg, 2%));
-  box-shadow:
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), 0 4px 10px rgba(0, 0, 0, 0.12);
    0 1px 3px rgba(0, 0, 0, 0.25),
    0 4px 10px rgba(0, 0, 0, 0.12);
  &:hover,
  &.zeroclipboard-is-hover {
--- a/_sass/support/mixins/_layout.scss
+++ b/_sass/support/mixins/_layout.scss
@ -10,13 +10,16 @@
  $value: map-get($media-queries, $name);
  // If the key exists in the map
-  @if $value {
+  @if $value != null {
    // Prints a media query based on the value
-    @media (min-width: $value) {
+    @media (min-width: rem($value)) {
      @content;
    }
-  } @else {
+  }
-    @warn "No value could be retrieved from `#{$media-query}`. Please make sure it is defined in `$media-queries` map.";
+
  @else {
    @warn "No value could be retrieved from `#{$media-query}`. "
      + "Please make sure it is defined in `$media-queries` map.";
  }
 }
--- a/_sass/support/mixins/_typography.scss
+++ b/_sass/support/mixins/_typography.scss
@ -1,104 +1,81 @@
 // Font size
@mixin fs-1 {
-  & {
+  font-size: 9px !important;
    font-size: $font-size-1 !important;
  }
  @include mq(sm) {
-    font-size: $font-size-1-sm !important;
+    font-size: 10px !important;
  }
 }
@mixin fs-2 {
-  & {
+  font-size: 11px !important;
    font-size: $font-size-2 !important;
  }
  @include mq(sm) {
-    font-size: $font-size-3 !important;
+    font-size: 12px !important;
  }
 }
@mixin fs-3 {
-  & {
+  font-size: 12px !important;
    font-size: $font-size-3 !important;
  }
  @include mq(sm) {
-    font-size: $font-size-4 !important;
+    font-size: 14px !important;
  }
 }
@mixin fs-4 {
-  & {
+  font-size: 14px !important;
    font-size: $font-size-4 !important;
  }
  @include mq(sm) {
-    font-size: $font-size-5 !important;
+    font-size: 16px !important;
  }
 }
@mixin fs-5 {
-  & {
+  font-size: 16px !important;
    font-size: $font-size-5 !important;
  }
  @include mq(sm) {
-    font-size: $font-size-6 !important;
+    font-size: 18px !important;
  }
 }
@mixin fs-6 {
-  & {
+  font-size: 18px !important;
    font-size: $font-size-6 !important;
  }
  @include mq(sm) {
-    font-size: $font-size-7 !important;
+    font-size: 24px !important;
    line-height: $body-heading-line-height;
  }
 }
@mixin fs-7 {
-  & {
+  font-size: 24px !important;
    font-size: $font-size-7 !important;
    line-height: $body-heading-line-height;
  }
  @include mq(sm) {
-    font-size: $font-size-8 !important;
+    font-size: 32px !important;
  }
 }
@mixin fs-8 {
-  & {
+  font-size: 32px !important;
    font-size: $font-size-8 !important;
    line-height: $body-heading-line-height;
  }
  @include mq(sm) {
-    font-size: $font-size-9 !important;
+    font-size: 36px !important;
  }
 }
@mixin fs-9 {
-  & {
+  font-size: 36px !important;
    font-size: $font-size-9 !important;
    line-height: $body-heading-line-height;
  }
  @include mq(sm) {
-    font-size: $font-size-10 !important;
+    font-size: 42px !important;
  }
 }
@mixin fs-10 {
-  & {
+  font-size: 42px !important;
    font-size: $font-size-10 !important;
    line-height: $body-heading-line-height;
  }
  @include mq(sm) {
-    font-size: $font-size-10-sm !important;
+    font-size: 48px !important;
  }
 }
--- a/_sass/support/support.scss
+++ b/_sass/support/support.scss
@ -1,2 +1,3 @@
@import "./variables";
@import "./functions";
@import "./mixins/mixins";
--- a/_sass/tables.scss
+++ b/_sass/tables.scss
@ -1,49 +1,71 @@
 //
 // Tables
 //
 // stylelint-disable max-nesting-depth, selector-no-type, selector-max-type
-.table-wrapper {
+table {
  display: block;
  width: 100%;
  max-width: 100%;
  margin-bottom: $sp-5;
  overflow-x: auto;
  border-radius: $border-radius;
  box-shadow:
    0 1px 2px rgba(0, 0, 0, 0.12),
    0 3px 10px rgba(0, 0, 0, 0.08);
 }
 table {
  display: table;
  min-width: 100%;
  border-collapse: separate;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.07), 0 4px 14px rgba(0, 0, 0, 0.05);
  @include mq(sm) {
    display: table;
  }
 }
 th,
 td {
-  min-width: 7.5rem;
+  @include fs-3;
-  padding: $sp-2 $sp-3;
+  min-width: 120px;
-  background-color: $table-background-color;
+  padding-top: $sp-2;
  padding-right: $sp-3;
  padding-bottom: $sp-2;
  padding-left: $sp-3;
  background-color: lighten($body-background-color, 2%);
  border-bottom: $border rgba($border-color, 0.5);
  border-left: $border $border-color;
  @include fs-3;
  &:first-of-type {
    border-left: 0;
  }
 }
 thead,
 tbody:first-child {
  tr {
    &:first-of-type {
      th,
      td {
        &:first-of-type {
          border-top-left-radius: $border-radius;
        }
        &:last-of-type {
          border-top-right-radius: $border-radius;
        }
      }
    }
  }
 }
 tbody {
  tr {
    &:last-of-type {
      th,
      td {
        border-bottom: 0;
        &:first-of-type {
          border-bottom-left-radius: $border-radius;
        }
-      td {
+        &:last-of-type {
-        padding-bottom: $sp-3;
+          border-bottom-right-radius: $border-radius;
        }
      }
    }
  }
@ -51,6 +73,6 @@ tbody {
 thead {
  th {
-    border-bottom: $border $border-color;
+    border-bottom: 1px solid $border-color;
  }
 }
--- a/_sass/typography.scss
+++ b/_sass/typography.scss
@ -1,16 +1,16 @@
 //
 // Typography
-// stylelint-disable selector-no-type, selector-max-type, selector-max-specificity, selector-max-id
+//
 // stylelint-disable primer/selector-no-utility, selector-no-type, selector-max-type
 h1,
 .text-alpha {
  font-weight: 300;
  @include fs-8;
  font-weight: 300;
 }
 h2,
-.text-beta,
+.text-beta {
 #toctitle {
  @include fs-6;
 }
@ -21,25 +21,28 @@ h3,
 h4,
 .text-delta {
-  font-weight: 400;
+  @include fs-2;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  @include fs-2;
 }
 h4 code {
  text-transform: none;
 }
 h5,
 .text-epsilon {
  @include fs-3;
  color: $grey-dk-200;
 }
 h6,
 .text-zeta {
  @include fs-2;
  color: $grey-dk-200;
 }
 li {
  .highlight {
    margin-top: $sp-2;
  }
 }
 .text-small {
@ -50,14 +53,6 @@ h6,
  font-family: $mono-font-family !important;
 }
 .text-left {
  text-align: left !important;
 }
 .text-center {
  text-align: center !important;
 }
 .text-right {
  text-align: right !important;
 }
--- a/_sass/utilities/_colors.scss
+++ b/_sass/utilities/_colors.scss
@ -1,4 +1,6 @@
 //
 // Utility classes for colors
 //
 // Text colors
--- a/_sass/utilities/_layout.scss
+++ b/_sass/utilities/_layout.scss
@ -1,26 +1,15 @@
 // stylelint-disable primer/selector-no-utility
 //
 // Utility classes for layout
 //
 // Display
-.d-block {
+.d-block { display: block !important; }
-  display: block !important;
+.d-flex { display: flex !important; }
-}
+.d-inline { display: inline !important; }
-
+.d-inline-block { display: inline-block !important; }
-.d-flex {
+.d-none { display: none !important; }
  display: flex !important;
 }
 .d-inline {
  display: inline !important;
 }
 .d-inline-block {
  display: inline-block !important;
 }
 .d-none {
  display: none !important;
 }
@each $media-query in map-keys($media-queries) {
  @for $i from 1 through length($spacers) {
@ -29,73 +18,21 @@
      $scale: #{$i - 1};
      // .d-sm-block, .d-md-none, .d-lg-inline
-      .d-#{$media-query}-block {
+      .d-#{$media-query}-block { display: block !important; }
-        display: block !important;
+      .d-#{$media-query}-flex { display: flex !important; }
-      }
+      .d-#{$media-query}-inline { display: inline !important; }
-      .d-#{$media-query}-flex {
+      .d-#{$media-query}-inline-block { display: inline-block !important; }
-        display: flex !important;
+      .d-#{$media-query}-none { display: none !important; }
-      }
+
      .d-#{$media-query}-inline {
        display: inline !important;
      }
      .d-#{$media-query}-inline-block {
        display: inline-block !important;
      }
      .d-#{$media-query}-none {
        display: none !important;
    }
  }
  }
 }
 // Horizontal alignment
 .float-left {
  float: left !important;
 }
 .float-right {
  float: right !important;
 }
 .flex-justify-start {
  justify-content: flex-start !important;
 }
 .flex-justify-end {
  justify-content: flex-end !important;
 }
 .flex-justify-between {
  justify-content: space-between !important;
 }
 .flex-justify-around {
  justify-content: space-around !important;
 }
 // Vertical alignment
-.v-align-baseline {
+.v-align-baseline { vertical-align: baseline !important; }
-  vertical-align: baseline !important;
+.v-align-bottom { vertical-align: bottom !important; }
-}
+.v-align-middle { vertical-align: middle !important; }
-
+.v-align-text-bottom { vertical-align: text-bottom !important; }
-.v-align-bottom {
+.v-align-text-top { vertical-align: text-top !important; }
-  vertical-align: bottom !important;
+.v-align-top { vertical-align: top !important; }
 }
 .v-align-middle {
  vertical-align: middle !important;
 }
 .v-align-text-bottom {
  vertical-align: text-bottom !important;
 }
 .v-align-text-top {
  vertical-align: text-top !important;
 }
 .v-align-top {
  vertical-align: top !important;
 }
--- a/_sass/utilities/_lists.scss
+++ b/_sass/utilities/_lists.scss
@ -1,15 +1,11 @@
 //
 // Utility classes for lists
 //
-// stylelint-disable selector-max-type
+// stylelint-disable primer/selector-no-utility
 .list-style-none {
  padding: 0 !important;
  margin: 0 !important;
  list-style: none !important;
  li {
    &::before {
      display: none !important;
    }
  }
 }
--- a/_sass/utilities/_spacing.scss
+++ b/_sass/utilities/_spacing.scss
@ -1,34 +1,22 @@
 //
 // Utility classes for margins and padding
 //
-// stylelint-disable block-opening-brace-space-after, block-opening-brace-space-before
+// scss-lint:disable SpaceAfterPropertyName
 // stylelint-disable block-opening-brace-space-after, block-opening-brace-space-before, primer/selector-no-utility
 // Margin spacer utilities
 .mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
 }
@for $i from 1 through length($spacers) {
  $size: #{map-get($spacers, sp-#{$i - 1})};
  $scale: #{$i - 1};
  // .m-0, .m-1, .m-2...
-  .m-#{$scale} {
+  .m-#{$scale}  { margin: #{$size} !important; }
-    margin: #{$size} !important;
+  .mt-#{$scale} { margin-top: #{$size} !important; }
-  }
+  .mr-#{$scale} { margin-right: #{$size} !important; }
-  .mt-#{$scale} {
+  .mb-#{$scale} { margin-bottom: #{$size} !important; }
-    margin-top: #{$size} !important;
+  .ml-#{$scale} { margin-left: #{$size} !important; }
  }
  .mr-#{$scale} {
    margin-right: #{$size} !important;
  }
  .mb-#{$scale} {
    margin-bottom: #{$size} !important;
  }
  .ml-#{$scale} {
    margin-left: #{$size} !important;
  }
  .mx-#{$scale} {
    margin-right: #{$size} !important;
@ -44,10 +32,11 @@
    margin-right: -#{$size} !important;
    margin-left: -#{$size} !important;
  }
-  .mx-#{$scale}-auto {
+}
 .mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
  }
 }
@each $media-query in map-keys($media-queries) {
@ -57,21 +46,11 @@
      $scale: #{$i - 1};
      // .m-sm-0, .m-md-1, .m-lg-2...
-      .m-#{$media-query}-#{$scale} {
+      .m-#{$media-query}-#{$scale}  { margin: #{$size} !important; }
-        margin: #{$size} !important;
+      .mt-#{$media-query}-#{$scale} { margin-top: #{$size} !important; }
-      }
+      .mr-#{$media-query}-#{$scale} { margin-right: #{$size} !important; }
-      .mt-#{$media-query}-#{$scale} {
+      .mb-#{$media-query}-#{$scale} { margin-bottom: #{$size} !important; }
-        margin-top: #{$size} !important;
+      .ml-#{$media-query}-#{$scale} { margin-left: #{$size} !important; }
      }
      .mr-#{$media-query}-#{$scale} {
        margin-right: #{$size} !important;
      }
      .mb-#{$media-query}-#{$scale} {
        margin-bottom: #{$size} !important;
      }
      .ml-#{$media-query}-#{$scale} {
        margin-left: #{$size} !important;
      }
      .mx-#{$media-query}-#{$scale} {
        margin-right: #{$size} !important;
@ -98,21 +77,11 @@
  $scale: #{$i - 1};
  // .p-0, .p-1, .p-2...
-  .p-#{$scale} {
+  .p-#{$scale}  { padding: #{$size} !important; }
-    padding: #{$size} !important;
+  .pt-#{$scale} { padding-top: #{$size} !important; }
-  }
+  .pr-#{$scale} { padding-right: #{$size} !important; }
-  .pt-#{$scale} {
+  .pb-#{$scale} { padding-bottom: #{$size} !important; }
-    padding-top: #{$size} !important;
+  .pl-#{$scale} { padding-left: #{$size} !important; }
  }
  .pr-#{$scale} {
    padding-right: #{$size} !important;
  }
  .pb-#{$scale} {
    padding-bottom: #{$size} !important;
  }
  .pl-#{$scale} {
    padding-left: #{$size} !important;
  }
  .px-#{$scale} {
    padding-right: #{$size} !important;
@ -132,21 +101,11 @@
      $scale: #{$i - 1};
      // .p-sm-0, .p-md-1, .p-lg-2...
-      .p-#{$media-query}-#{$scale} {
+      .p-#{$media-query}-#{$scale}  { padding: #{$size} !important; }
-        padding: #{$size} !important;
+      .pt-#{$media-query}-#{$scale} { padding-top: #{$size} !important; }
-      }
+      .pr-#{$media-query}-#{$scale} { padding-right: #{$size} !important; }
-      .pt-#{$media-query}-#{$scale} {
+      .pb-#{$media-query}-#{$scale} { padding-bottom: #{$size} !important; }
-        padding-top: #{$size} !important;
+      .pl-#{$media-query}-#{$scale} { padding-left: #{$size} !important; }
      }
      .pr-#{$media-query}-#{$scale} {
        padding-right: #{$size} !important;
      }
      .pb-#{$media-query}-#{$scale} {
        padding-bottom: #{$size} !important;
      }
      .pl-#{$media-query}-#{$scale} {
        padding-left: #{$size} !important;
      }
      .px-#{$media-query}-#{$scale} {
        padding-right: #{$size} !important;
--- a/_sass/utilities/_typography.scss
+++ b/_sass/utilities/_typography.scss
@ -1,4 +1,8 @@
 //
 // Utility classes for typography
 //
 // stylelint-disable primer/selector-no-utility
 .fs-1 {
  @include fs-1;
@ -83,3 +87,5 @@
 .text-uppercase {
  text-transform: uppercase !important;
 }
 // stylelint-enable primer/selector-no-utility
--- a/Show More
+++ b/Show More
		`@ -1,2 +0,0 @@`
			`github: just-the-docs`
			`open_collective: just-the-docs`
		`@ -1 +0,0 @@`
			`<h2 class="text-delta">Table of contents</h2>`