disco-jekyll-theme 0.0.6

data/_layouts/license.html

@@ -0,0 +1,98 @@
+---
+layout: default
+---
+<article data-pagefind-body lang="{{ site.locale }}" class="row">
+  <meta data-pagefind-meta="indexed[content]" content="{{ page.indexed.url }}">
+
+  <div class="order-1 order-lg-0 col-12 col-lg-8 col-xxl-9">
+    {% if page.image.path %}
+      {% if page.image_light.path %}
+        {% render 'sutty/picture.html',
+          image: page.image,
+          class: 'd-none dark-d-block h-80px w-130px',
+          img_class: 'mh-100',
+          width: 130
+        %}
+        {% render 'sutty/picture.html',
+          image: page.image_light,
+          class: 'd-block dark-d-none h-80px w-130px',
+          img_class: 'mh-100',
+          width: 130
+        %}
+      {% else %}
+        {%- render 'sutty/picture.html', image: page.image, width: 130, class: 'w-130px' -%}
+      {% endif %}
+    {% endif %}
+
+    <header>
+      <h1 class="text-primary fw-bolder mt-5">{{ page.title }}</h1>
+    </header>
+
+    <div class="content font-family-content">
+      {{ content | canonicalize_headings }}
+    </div>
+  </div>
+
+  <div data-pagefind-ignore class="order-0 order-lg-1 col-12 col-lg-4 col-xxl-3 border-top border-white">
+    {%- assign a_class = 'text-body text-decoration-none font-family-content' -%}
+    {%- assign has_more = site.about.edit_url | append: site.about.history_url | presence -%}
+
+    {%- if has_more -%}
+      {%- assign page_id = page.name | split: '.' | first -%}
+
+      {% block "bootstrap/details.html", title: site.i18n.more %}
+      <ul class="list-unstyled mb-0">
+        {%- if site.about.edit_url -%}
+          {%- assign edit_url = site.about.edit_url
+            | replace: ':id', page_id
+            | replace: ':name', page.name
+            | replace: ':locale', site.locale
+          -%}
+          <li>
+            {%- render 'sutty/a.html', content: site.i18n.edit, class: a_class, href: edit_url -%}
+          </li>
+        {%- endif -%}
+
+        {%- if site.about.history_url -%}
+          {%- assign history_url = site.about.history_url
+            | replace: ':id', page_id
+            | replace: ':name', page.name
+            | replace: ':locale', site.locale
+          -%}
+          <li>
+            {%- render 'sutty/a.html', content: site.i18n.history, class: a_class, href: history_url -%}
+          </li>
+        {%- endif -%}
+      </ul>
+      {% endblock %}
+    {%- endif -%}
+
+    {%- assign toc_items = content | table_of_contents -%}
+
+    {% unless toc_items == empty %}
+      {% block "bootstrap/details.html", title: site.i18n.toc %}
+      <ul class="list-unstyled mb-0">
+        {% for item in toc_items %}
+          <li>
+            <a href="{{page.url}}#{{item.id}}" data-turbo="false" class="{{ a_class }}">
+              {{- item.title -}}
+            </a>
+          </li>
+        {% endfor %}
+      </ul>
+      {% endblock %}
+    {% endunless %}
+
+    {% unless page.categories == empty %}
+      {% block "bootstrap/details.html", title: site.i18n.categories.title %}
+      <ul class="list-unstyled mb-0">
+        {% for category in page.categories %}
+          <li>
+            <a href="{{ category.url }}" class="{{ a_class }}">{{ category.title }}</a>
+          </li>
+        {% endfor %}
+      </ul>
+      {% endblock %}
+    {% endunless %}
+  </div>
+</article>

data/_layouts/page.html

@@ -0,0 +1,83 @@
+---
+layout: default
+---
+<article data-pagefind-body lang="{{ site.locale }}" class="row">
+  <meta data-pagefind-meta="indexed[content]" content="{{ page.indexed.url }}">
+
+  <div class="order-1 order-lg-0 col-12 col-lg-8 col-xxl-9">
+    {% if page.image.path %}
+      {% render 'sutty/picture.html', image: page.image %}
+    {% endif %}
+
+    <header>
+      <h1 class="text-primary fw-bolder mt-5">{{ page.title }}</h1>
+    </header>
+
+    <div class="content font-family-content">
+      {{ content | canonicalize_headings }}
+    </div>
+  </div>
+
+  <div data-pagefind-ignore class="order-0 order-lg-1 col-12 col-lg-4 col-xxl-3 border-top border-white">
+    {%- assign a_class = 'text-body text-decoration-none font-family-content' -%}
+    {%- assign has_more = site.about.edit_url | append: site.about.history_url | presence -%}
+
+    {%- if has_more -%}
+      {%- assign page_id = page.name | split: '.' | first -%}
+
+      {% block "bootstrap/details.html", title: site.i18n.more %}
+      <ul class="list-unstyled mb-0">
+        {%- if site.about.edit_url -%}
+          {%- assign edit_url = site.about.edit_url
+            | replace: ':id', page_id
+            | replace: ':name', page.name
+            | replace: ':locale', site.locale
+          -%}
+          <li>
+            {%- render 'sutty/a.html', content: site.i18n.edit, class: a_class, href: edit_url -%}
+          </li>
+        {%- endif -%}
+
+        {%- if site.about.history_url -%}
+          {%- assign history_url = site.about.history_url
+            | replace: ':id', page_id
+            | replace: ':name', page.name
+            | replace: ':locale', site.locale
+          -%}
+          <li>
+            {%- render 'sutty/a.html', content: site.i18n.history, class: a_class, href: history_url -%}
+          </li>
+        {%- endif -%}
+      </ul>
+      {% endblock %}
+    {%- endif -%}
+
+    {%- assign toc_items = content | table_of_contents -%}
+
+    {% unless toc_items == empty %}
+      {% block "bootstrap/details.html", title: site.i18n.toc %}
+      <ul class="list-unstyled mb-0">
+        {% for item in toc_items %}
+          <li>
+            <a href="{{page.url}}#{{item.id}}" data-turbo="false" class="{{ a_class }}">
+              {{- item.title -}}
+            </a>
+          </li>
+        {% endfor %}
+      </ul>
+      {% endblock %}
+    {% endunless %}
+
+    {% unless page.categories == empty %}
+      {% block "bootstrap/details.html", title: site.i18n.categories.title %}
+      <ul class="list-unstyled mb-0">
+        {% for category in page.categories %}
+          <li>
+            <a href="{{ category.url }}" class="{{ a_class }}">{{ category.title }}</a>
+          </li>
+        {% endfor %}
+      </ul>
+      {% endblock %}
+    {% endunless %}
+  </div>
+</article>

data/_layouts/post.html

@@ -0,0 +1,108 @@
+---
+layout: default
+---
+{% assign title_tab_1 = site.i18n.tldr %}
+{% assign title_tab_2 = site.i18n.more_resources %}
+{% assign content_1 = page.tldr %}
+{% assign content_2 = page.more_resources %}
+
+<article data-pagefind-body lang="{{ site.locale }}" class="row">
+  <meta data-pagefind-meta="indexed[content]" content="{{ page.indexed.url }}">
+
+  <div class="order-1 order-lg-0 col-12 col-lg-8 col-xxl-9">
+    {% render 'sutty/picture.html', image: page.image %}
+
+    <header>
+      <h1 class="text-primary fw-bolder mt-5">{{ page.title }}</h1>
+    </header>
+
+    <div class="content font-family-content">
+      {{ content | canonicalize_headings }}
+    </div>
+
+    <div class="mt-5">
+      {% render "tabs.html", title_tab_1:, title_tab_2:, content_1:, content_2:, id_1: 'aefc2128', id_2: 'b46b0d78' %}
+    </div>
+
+    <div class="mt-5">
+      {% render 'navigation_posts.html',
+        next_article: site.i18n.next_article,
+        next_url: page.next.url,
+        next_content: page.next.title,
+        prev_article: site.i18n.prev_article,
+        prev_url: page.previous.url,
+        prev_content: page.previous.title
+      %}
+    </div>
+  </div>
+
+  <div data-pagefind-ignore class="order-0 order-lg-1 col-12 col-lg-4 col-xxl-3 border-top border-white">
+    {%- assign a_class = 'text-body text-decoration-none font-family-content' -%}
+    {%- assign has_more = site.about.edit_url | append: site.about.history_url | presence -%}
+    {%- assign menu_items = page.menu_items | order %}
+
+    {%- if has_more or menu_items != empty -%}
+      {%- assign page_id = page.name | split: '.' | first -%}
+
+      {% block "bootstrap/details.html", title: site.i18n.more %}
+      <ul class="list-unstyled mb-0">
+        {%- if site.about.edit_url -%}
+          {%- assign edit_url = site.about.edit_url
+            | replace: ':id', page_id
+            | replace: ':name', page.name
+            | replace: ':locale', site.locale
+          -%}
+          <li>
+            {%- render 'sutty/a.html', content: site.i18n.edit, class: a_class, href: edit_url -%}
+          </li>
+        {%- endif -%}
+
+        {%- if site.about.history_url -%}
+          {%- assign history_url = site.about.history_url
+            | replace: ':id', page_id
+            | replace: ':name', page.name
+            | replace: ':locale', site.locale
+          -%}
+          <li>
+            {%- render 'sutty/a.html', content: site.i18n.history, class: a_class, href: history_url -%}
+          </li>
+        {%- endif -%}
+
+        {%- for item in menu_items -%}
+          <li>
+            {%- render 'sutty/a.html', content: item.title, class: a_class, href: item.link -%}
+          </li>
+        {%- endfor -%}
+      </ul>
+      {% endblock %}
+    {%- endif -%}
+
+    {%- assign toc_items = content | table_of_contents -%}
+
+    {% unless toc_items == empty %}
+      {% block "bootstrap/details.html", title: site.i18n.toc %}
+      <ul class="list-unstyled mb-0">
+        {% for item in toc_items %}
+          <li>
+            <a href="{{page.url}}#{{item.id}}" data-turbo="false" class="{{ a_class }}">
+              {{- item.title -}}
+            </a>
+          </li>
+        {% endfor %}
+      </ul>
+      {% endblock %}
+    {% endunless %}
+
+    {% unless page.categories == empty %}
+      {% block "bootstrap/details.html", title: site.i18n.categories.title %}
+      <ul class="list-unstyled mb-0">
+        {% for category in page.categories %}
+          <li>
+            <a href="{{ category.url }}" class="{{ a_class }}">{{ category.title }}</a>
+          </li>
+        {% endfor %}
+      </ul>
+      {% endblock %}
+    {% endunless %}
+  </div>
+</article>

data/_layouts/privacy_policy.html

@@ -0,0 +1,83 @@
+---
+layout: default
+---
+<article data-pagefind-body lang="{{ site.locale }}" class="row">
+  <meta data-pagefind-meta="indexed[content]" content="{{ page.indexed.url }}">
+
+  <div class="order-1 order-lg-0 col-12 col-lg-8 col-xxl-9">
+    {% if page.image.path %}
+      {% render 'sutty/picture.html', image: page.image %}
+    {% endif %}
+
+    <header>
+      <h1 class="text-primary fw-bolder mt-5">{{ page.title }}</h1>
+    </header>
+
+    <div class="content font-family-content">
+      {{ content | canonicalize_headings }}
+    </div>
+  </div>
+
+  <div data-pagefind-ignore class="order-0 order-lg-1 col-12 col-lg-4 col-xxl-3 border-top border-white">
+    {%- assign a_class = 'text-body text-decoration-none font-family-content' -%}
+    {%- assign has_more = site.about.edit_url | append: site.about.history_url | presence -%}
+
+    {%- if has_more -%}
+      {%- assign page_id = page.name | split: '.' | first -%}
+
+      {% block "bootstrap/details.html", title: site.i18n.more %}
+      <ul class="list-unstyled mb-0">
+        {%- if site.about.edit_url -%}
+          {%- assign edit_url = site.about.edit_url
+            | replace: ':id', page_id
+            | replace: ':name', page.name
+            | replace: ':locale', site.locale
+          -%}
+          <li>
+            {%- render 'sutty/a.html', content: site.i18n.edit, class: a_class, href: edit_url -%}
+          </li>
+        {%- endif -%}
+
+        {%- if site.about.history_url -%}
+          {%- assign history_url = site.about.history_url
+            | replace: ':id', page_id
+            | replace: ':name', page.name
+            | replace: ':locale', site.locale
+          -%}
+          <li>
+            {%- render 'sutty/a.html', content: site.i18n.history, class: a_class, href: history_url -%}
+          </li>
+        {%- endif -%}
+      </ul>
+      {% endblock %}
+    {%- endif -%}
+
+    {%- assign toc_items = content | table_of_contents -%}
+
+    {% unless toc_items == empty %}
+      {% block "bootstrap/details.html", title: site.i18n.toc %}
+      <ul class="list-unstyled mb-0">
+        {% for item in toc_items %}
+          <li>
+            <a href="{{page.url}}#{{item.id}}" data-turbo="false" class="{{ a_class }}">
+              {{- item.title -}}
+            </a>
+          </li>
+        {% endfor %}
+      </ul>
+      {% endblock %}
+    {% endunless %}
+
+    {% unless page.categories == empty %}
+      {% block "bootstrap/details.html", title: site.i18n.categories.title %}
+      <ul class="list-unstyled mb-0">
+        {% for category in page.categories %}
+          <li>
+            <a href="{{ category.url }}" class="{{ a_class }}">{{ category.title }}</a>
+          </li>
+        {% endfor %}
+      </ul>
+      {% endblock %}
+    {% endunless %}
+  </div>
+</article>

data/_layouts/search.html

@@ -0,0 +1,14 @@
+---
+layout: default
+---
+<section data-pagefind-target="container"></section>
+
+{% render 'sutty/placeholder.html', controller: 'pagefind' %}
+
+<section data-pagefind-target="empty" class="d-none">
+  <h2>{{ page.empty }}</h2>
+</section>
+
+<section data-pagefind-target="searching" class="d-none">
+  <h2>{{ page.searching }}</h2>
+</section>

data/_layouts/section.html

@@ -0,0 +1,21 @@
+---
+layout: default
+---
+{% assign subsections = page.subsections | order %}
+{% render "page_card.html", **page %}
+
+<div class="my-5">
+  {% for subsection in subsections %}
+    {% block "subsection.html", **subsection %}
+    {% assign item_cards = subsection.item_cards | order %}
+    {% for item_card in item_cards %}
+      {% assign button_linked_post = item_card.button_linked_post.url %}
+      {% assign template = item_card.layout | append: '.html' %}
+
+      <div class="col">
+        {% render template, **item_card, button_linked_post: %}
+      </div>
+    {% endfor %}
+    {% endblock %}
+  {% endfor %}
+</div>

data/_layouts/theme.html

@@ -0,0 +1,58 @@
+---
+layout: default
+---
+<section class="row mt-2">
+  <header class="col-12">
+    <h1>{{ page.title }}</h1>
+  </header>
+
+  <aside class="col-4">
+    <menu class="list-group">
+      {% for component in site.data.components %}
+        {% assign title = component | replace: '_', ' ' | capitalize %}
+        {% assign id = component | replace: '_', '-' %}
+
+        <a class="list-group-item list-group-item-action" href="#{{ id }}" data-turbo="false">{{ title }}</a>
+      {% endfor %}
+
+      {% for component in site.data.full_width_components %}
+        {% assign title = component | replace: '_', ' ' | capitalize %}
+        {% assign id = component | replace: '_', '-' %}
+
+        <a class="list-group-item list-group-item-action" href="#{{ id }}" data-turbo="false">{{ title }}</a>
+      {% endfor %}
+    </menu>
+  </aside>
+
+  <section class="col">
+    {% for component in site.data.components %}
+      {% assign component_include = 'theme/' | append: component | append: '.html' %}
+      {% assign title = component | replace: '_', ' ' | capitalize %}
+      {% assign id = component | replace: '_', '-' %}
+
+      <section id="{{ id }}" class="mb-5">
+        <header>
+          <h2>{{ title }}</h2>
+        </header>
+
+        {% render component_include, data: site.data, locale: site.locale, i18n: site.i18n, cache: false %}
+      </section>
+    {% endfor %}
+  </section>
+</section>
+
+<section class="mt-2">
+  {% for component in site.data.full_width_components %}
+    {% assign component_include = 'theme/' | append: component | append: '.html' %}
+    {% assign title = component | replace: '_', ' ' | capitalize %}
+    {% assign id = component | replace: '_', '-' %}
+
+    <section id="{{ id }}" class="mb-5">
+      <header>
+        <h2>{{ title }}</h2>
+      </header>
+
+      {% render component_include, data: site.data, locale: site.locale, i18n: site.i18n, cache: false %}
+    </section>
+  {% endfor %}
+</section>

data/_sass/baskervville_ital_0_1.scss

@@ -0,0 +1,52 @@
+/* latin-ext */
+@font-face {
+  font-family: "Baskervville";
+  font-style: italic;
+  font-weight: 400;
+  font-display: swap;
+  src: url(../fonts/baskervville/v16/YA9Kr0yU4l_XOrogbkun3kQQtamlrvLp9A.woff2)
+    format("woff2");
+  unicode-range:
+    U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,
+    U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,
+    U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: "Baskervville";
+  font-style: italic;
+  font-weight: 400;
+  font-display: swap;
+  src: url(../fonts/baskervville/v16/YA9Kr0yU4l_XOrogbkun3kQQtamrrvI.woff2)
+    format("woff2");
+  unicode-range:
+    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
+    U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,
+    U+2215, U+FEFF, U+FFFD;
+}
+/* latin-ext */
+@font-face {
+  font-family: "Baskervville";
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url(../fonts/baskervville/v16/YA9Ur0yU4l_XOrogbkun3kQQvpmptvY.woff2)
+    format("woff2");
+  unicode-range:
+    U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304,
+    U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB,
+    U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
+}
+/* latin */
+@font-face {
+  font-family: "Baskervville";
+  font-style: normal;
+  font-weight: 400;
+  font-display: swap;
+  src: url(../fonts/baskervville/v16/YA9Ur0yU4l_XOrogbkun3kQQsJmp.woff2)
+    format("woff2");
+  unicode-range:
+    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC,
+    U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212,
+    U+2215, U+FEFF, U+FFFD;
+}

data/_sass/content.scss

@@ -0,0 +1,58 @@
+.content {
+  p {
+    min-height: $font-size-base * $line-height-base;
+  }
+  h1 {
+    min-height: $h1-font-size * $headings-line-height;
+  }
+  h2 {
+    min-height: $h2-font-size * $headings-line-height;
+  }
+  h3 {
+    min-height: $h3-font-size * $headings-line-height;
+  }
+  h4 {
+    min-height: $h4-font-size * $headings-line-height;
+  }
+  h5 {
+    min-height: $h5-font-size * $headings-line-height;
+  }
+  h6 {
+    min-height: $h6-font-size * $headings-line-height;
+  }
+
+  iframe {
+    border: 0;
+    min-height: $iframe-min-height;
+  }
+
+  audio,
+  iframe {
+    width: 100%;
+    height: auto;
+  }
+
+  img,
+  video {
+    @extend .img-fluid;
+    height: auto;
+  }
+
+  blockquote {
+    @extend .blockquote;
+  }
+
+  a[data-internal="true"] {
+    @extend .bg-secondary;
+    @extend .text-black;
+    @extend .text-decoration-none;
+  }
+
+  & > * {
+    margin-bottom: $paragraph-margin-bottom;
+
+    &:last-child {
+      margin-bottom: 0;
+    }
+  }
+}

data/_sass/dark_mode.scss

@@ -0,0 +1,66 @@
+$color-mode-display: map.merge(
+  map.get($utilities, "display"),
+  (
+    class: dark-d,
+  )
+);
+
+:root:has(#color-scheme:checked) {
+  --#{$prefix}body-color: #{$body-color-dark};
+  --#{$prefix}body-color-rgb: #{to-rgb($body-color-dark)};
+  --#{$prefix}body-bg: #{$body-bg-dark};
+  --#{$prefix}body-bg-rgb: #{to-rgb($body-bg-dark)};
+
+  --#{$prefix}emphasis-color: #{$body-emphasis-color-dark};
+  --#{$prefix}emphasis-color-rgb: #{to-rgb($body-emphasis-color-dark)};
+
+  --#{$prefix}secondary-color: #{$body-secondary-color-dark};
+  --#{$prefix}secondary-color-rgb: #{to-rgb($body-secondary-color-dark)};
+  --#{$prefix}secondary-bg: #{$body-secondary-bg-dark};
+  --#{$prefix}secondary-bg-rgb: #{to-rgb($body-secondary-bg-dark)};
+
+  --#{$prefix}tertiary-color: #{$body-tertiary-color-dark};
+  --#{$prefix}tertiary-color-rgb: #{to-rgb($body-tertiary-color-dark)};
+  --#{$prefix}tertiary-bg: #{$body-tertiary-bg-dark};
+  --#{$prefix}tertiary-bg-rgb: #{to-rgb($body-tertiary-bg-dark)};
+
+  @each $color, $value in $theme-colors-dark {
+    --#{$prefix}#{$color}: #{$value};
+    --#{$prefix}#{$color}-rgb: #{to-rgb($value)};
+    --#{$prefix}bg-#{$color}: #{$value};
+    --#{$prefix}bg-#{$color}-rgb: #{to-rgb($value)};
+  }
+
+  @each $color, $value in $theme-colors-text-dark {
+    --#{$prefix}#{$color}-text-emphasis: #{$value};
+  }
+
+  @each $color, $value in $theme-colors-bg-subtle-dark {
+    --#{$prefix}#{$color}-bg-subtle: #{$value};
+  }
+
+  @each $color, $value in $theme-colors-border-subtle-dark {
+    --#{$prefix}#{$color}-border-subtle: #{$value};
+  }
+
+  --#{$prefix}heading-color: #{$headings-color-dark};
+
+  --#{$prefix}link-color: #{$link-color-dark};
+  --#{$prefix}link-hover-color: #{$link-hover-color-dark};
+  --#{$prefix}link-color-rgb: #{to-rgb($link-color-dark)};
+  --#{$prefix}link-hover-color-rgb: #{to-rgb($link-hover-color-dark)};
+
+  --#{$prefix}code-color: #{$code-color-dark};
+  --#{$prefix}highlight-color: #{$mark-color-dark};
+  --#{$prefix}highlight-bg: #{$mark-bg-dark};
+
+  --#{$prefix}border-color: #{$border-color-dark};
+  --#{$prefix}border-color-translucent: #{$border-color-translucent-dark};
+
+  --#{$prefix}form-valid-color: #{$form-valid-color-dark};
+  --#{$prefix}form-valid-border-color: #{$form-valid-border-color-dark};
+  --#{$prefix}form-invalid-color: #{$form-invalid-color-dark};
+  --#{$prefix}form-invalid-border-color: #{$form-invalid-border-color-dark};
+
+  @include generate-utility($color-mode-display);
+}

data/_sass/fonts.scss

@@ -0,0 +1,8 @@
+@use "baskervville_ital_0_1";
+@use "roboto_ital_wght_0_100_0_300_0_400_0_500_0_700_0_900_1_100_1_300_1_400_1_500_1_700_1_900";
+@use "roboto_mono_ital_wght_0_100..700_1_100..700";
+@use "inter_ital_opsz_wght_0_14..32_100..900_1_14..32_100..900";
+@use "saira_ital_wght_0_100..900_1_100..900";
+@use "space_grotesk_wght_300..700";
+@use "raleway_ital_wght_0_100..900_1_100..900";
+@use "pt_serif_ital_wght_0_400_0_700_1_400_1_700";