disco-jekyll-theme 0.0.6

data/_includes/activity_pub/actor.html

@@ -0,0 +1,7 @@
+---
+id:
+  type: 'string'
+---
+<link rel="me" href="{{ id }}">
+
+{%- render 'activity_pub/alternate.html', id: -%}

data/_includes/activity_pub/alternate.html

@@ -0,0 +1,10 @@
+---
+id:
+  type: 'string'
+---
+<link href="{{ id }}" rel="alternate" type="application/activity+json">
+<link
+  href="{{ id }}"
+  rel="alternate"
+  type='application/ld+json; profile="https://www.w3.org/ns/activitystreams"'
+>

data/_includes/activity_pub/head.html

@@ -0,0 +1,22 @@
+---
+actor:
+  type: 'string'
+  default: ''
+activity:
+  type: 'string'
+  default: ''
+profile:
+  type: 'string'
+  default: ''
+---
+{%- unless actor == empty -%}
+  {%- render 'activity_pub/actor.html', id: actor -%}
+{%- endunless -%}
+
+{%- unless activity == empty -%}
+  {%- render 'activity_pub/alternate.html', id: activity -%}
+{% endunless %}
+
+{%- unless profile == empty -%}
+  <meta property="profile:username" content="{{ profile }}">
+{%- endunless -%}

data/_includes/bootstrap/alert.html

@@ -0,0 +1,13 @@
+---
+theme:
+  type: "string"
+  default: "primary"
+class:
+  type: "string"
+  default: ""
+content:
+  type: "string"
+---
+<div class="alert alert-{{ theme }} {{ class }}" role="alert">
+  {{- content -}}
+</div>

data/_includes/bootstrap/buttons/a.html

@@ -0,0 +1,18 @@
+---
+theme:
+  type: 'string'
+  default: 'primary'
+content:
+  type: 'string'
+url:
+  type: 'string'
+class:
+  type: 'string'
+  default: ''
+attributes:
+  type: 'string'
+  default: ''
+---
+{%- assign attributes = url | prepend: 'href="' | append: '" ' | append: attributes -%}
+
+{%- render 'bootstrap/buttons/base.html', type: 'a', theme:, content:, class:, attributes: -%}

data/_includes/bootstrap/buttons/base.html

@@ -0,0 +1,18 @@
+---
+type:
+  type: 'string'
+theme:
+  type: 'string'
+  default: 'primary'
+content:
+  type: 'string'
+class:
+  type: 'string'
+  default: ''
+attributes:
+  type: 'string'
+  default: ''
+---
+<{{ type }} class="btn btn-{{ theme }} {{ class }}" {{ attributes }}>
+  {{- content -}}
+</{{ type }}>

data/_includes/bootstrap/buttons/button.html

@@ -0,0 +1,14 @@
+---
+theme:
+  type: 'string'
+  default: 'primary'
+content:
+  type: 'string'
+class:
+  type: 'string'
+  default: ''
+attributes:
+  type: 'string'
+  default: ''
+---
+{%- render 'bootstrap/buttons/base.html', type: 'button', theme:, content:, class:, attributes: -%}

data/_includes/bootstrap/details.html

@@ -0,0 +1,28 @@
+---
+title:
+  type: 'string'
+id:
+  type: 'string'
+  default: ''
+content_class:
+  type: 'string'
+  default: 'border-primary border-2 border-end pe-2 fw-bold text-lg-end'
+container_class:
+  type: 'string'
+  default: 'pe-2'
+title_class:
+  type: 'string'
+  default: 'text-lg-end'
+---
+<details id="{{ id }}" class="mt-3 pb-2 w-100">
+  <summary class="w-100 d-flex align-items-center justify-content-between mb-2 text-primary text-body-color-hover fill-body-color-hover">
+    <h3 class="fw-bold m-0 w-100 {{ title_class }}">{{- title -}}</h3>
+    <div class="ms-2">{% render 'svg/arrow.svg' %}</div>
+  </summary>
+
+  <div class="w-100 {{ container_class }}">
+    <div class="{{ content_class }}">
+      {{- yield -}}
+    </div>
+  </div>
+</details>

data/_includes/bootstrap/navbar.html

@@ -0,0 +1,65 @@
+---
+class:
+  type: 'string'
+  default: 'bg-transparent justify-content-between px-0'
+header_items:
+  type: 'array'
+  default: []
+items:
+  type: 'array'
+  default: []
+footer_items:
+  type: 'array'
+  default: []
+image:
+  type: 'hash'
+  default:
+    path: null
+    description: ''
+image_light:
+  type: 'hash'
+  default:
+    path: null
+    description: ''
+search_url:
+  type: 'string'
+  default: ''
+search_placeholder:
+  type: 'string'
+  default: ''
+---
+<nav class="navbar d-flex w-100 align-items-center justify-content-between {{ class }}">
+  <div class="w-100px">
+    <a class="navbar-brand" href="?#">
+      {% if image_light.path %}
+        {% render "sutty/picture.html", image:, class: "d-none dark-d-block h-80px w-100px", img_class: "mh-100 mw-100", width: 150 %}
+        {% render 'sutty/picture.html',
+          image: image_light,
+          class: 'd-block dark-d-none h-80px w-100px',
+          img_class: 'mh-100 mw-100',
+          width: 150
+        %}
+      {% else %}
+        {%- render "sutty/picture.html", image:, width: 150, class: 'w-100px', img_class: 'mw-100' -%}
+      {% endif %}
+    </a>
+  </div>
+
+  <div class="flex-grow-1 d-flex flex-row align-items-center justify-content-end">
+    <div class="px-1">
+      {%- render 'dark_toggler.html', id: 'color-scheme' -%}
+    </div>
+
+    {% unless search_url == empty %}
+      {%- render 'search.html', placeholder: search_placeholder, url: search_url -%}
+    {% endunless %}
+
+    {%-
+      render 'menu.html',
+      header_items:,
+      items:,
+      footer_items:,
+      id: '9960cd9f'
+    -%}
+  </div>
+</nav>

data/_includes/buttons/button_primary.html

@@ -0,0 +1,15 @@
+---
+url:
+  type: 'string'
+content:
+  type: 'string'
+extra_class:
+  type: 'string'
+  default: 'px-5'
+attributes:
+  type: 'string'
+  default: ''
+---
+{% assign class = 'py-1 text-center text-decoration-none fs-5 fw-bold ' | append: extra_class %}
+
+{% render "bootstrap/buttons/a.html", theme: "primary", class:, content:, url:, attributes: %}

data/_includes/dark_toggler.html

@@ -0,0 +1,18 @@
+---
+class:
+  type: 'string'
+  default: ''
+id:
+  type: 'string'
+---
+<div class="form-check form-switch {{ class }}" data-controller="dark-mode">
+  <input
+    class="form-check-input"
+    type="checkbox"
+    id="{{ id }}"
+    data-dark-mode-target="toggler"
+    data-action="dark-mode#toggle"
+    checked
+  >
+  <label class="form-check-label" for="{{ id }}"></label>
+</div>

data/_includes/fa.html

@@ -0,0 +1,8 @@
+---
+icon:
+  type: 'string'
+class:
+  type: 'string'
+  default: ''
+---
+<i aria-hidden="true" class="fa fa-{{ icon }} {{ class }}"></i>

data/_includes/footer.html

@@ -0,0 +1,113 @@
+---
+class:
+  type: 'string'
+  default: 'w-100'
+social_networks:
+  type: 'array'
+  default: []
+site_credits:
+  type: 'array'
+  default: []
+columns:
+  type: 'array'
+  default: []
+logo:
+  type: 'hash'
+  default:
+    path: nil
+    description: ''
+logo_light:
+  type: 'hash'
+  default:
+    path: nil
+    description: ''
+license_image:
+  type: 'hash'
+  default:
+    path: null
+    description: ''
+license_image_light:
+  type: 'hash'
+  default:
+    path: null
+    description: ''
+license_url:
+  type: 'string'
+  default: ''
+---
+<footer class="{{ class }}">
+  <div class="d-flex flex-column flex-md-row m-0 align-items-stretch py-5 border-bottom border-primary">
+    <div class="flex-grow-1">
+      <div class="w-100px">
+        {% if logo.path %}
+          {% if logo_light.path %}
+            {% render 'sutty/picture.html',
+              image: logo,
+              class: 'd-none dark-d-block w-100px',
+              img_class: 'mh-100 mw-100',
+              width: 100
+            %}
+            {% render 'sutty/picture.html',
+              image: logo_light,
+              class: 'd-block dark-d-none w-100px',
+              img_class: 'mh-100 mw-100',
+              width: 100
+            %}
+          {% else %}
+            {%- render 'sutty/picture.html', image: logo, width: 100, class: 'w-100px', img_class: 'mh-100 mw-100' -%}
+          {% endif %}
+        {% else %}
+          {% render 'svg/disco_coop.svg' %}
+        {% endif %}
+      </div>
+    </div>
+    {% for group in columns %}
+      <div class="ps-4">
+        {% render 'footer_link_group.html', **group %}
+      </div>
+    {% endfor %}
+  </div>
+  <div class="d-flex align-items-center justify-content-between py-5">
+    <div class="d-flex flex-column">
+      {% unless license_url == empty %}
+        <a href="{{ license_url | component_escape }}">
+      {% endunless %}
+
+      {% if license_image_light.path %}
+        {% render 'sutty/picture.html',
+          image: license_image,
+          class: 'd-none dark-d-block h-80px w-130px',
+          img_class: 'mh-100 mw-100',
+          width: 130
+        %}
+        {% render 'sutty/picture.html',
+          image: license_image_light,
+          class: 'd-block dark-d-none h-80px w-130px',
+          img_class: 'mh-100 mw-100',
+          width: 130
+        %}
+      {% else %}
+        {%- render 'sutty/picture.html',
+          image: license_image,
+          width: 130,
+          class: 'w-130px',
+          img_class: 'mh-100 mw-100'
+        -%}
+      {% endif %}
+      {{ license_url | present | value_if: '</a>' }}
+    </div>
+    <div class="d-flex flex-column align-items-end">
+      {% render 'footer_socials.html', social_networks: %}
+
+      <div>
+        {% for site_credit in site_credits %}
+          {% render 'sutty/a.html',
+            href: site_credit.link,
+            content: site_credit.title,
+            class: 'text-decoration-none bg-primary-hover text-body-color-hover fw-bold'
+          %}
+        {% endfor %}
+      </div>
+    </div>
+  </div>
+</footer>

data/_includes/footer_link_group.html

@@ -0,0 +1,24 @@
+---
+header_item:
+  type: 'hash'
+items:
+  type: 'array'
+---
+<ul class="list-unstyled fw-bold text-end mb-0">
+  <li class="text-end">
+    {% render 'sutty/a.html',
+      href: header_item.link,
+      content: header_item.title,
+      class: 'text-decoration-none text-primary bg-primary-hover text-body-color-hover'
+    %}
+  </li>
+  {% for item in items %}
+    <li class="text-end">
+      {% render 'sutty/a.html',
+        href: item.link,
+        content: item.title,
+        class: 'text-decoration-none text-body-color bg-primary-hover text-body-color-hover'
+      %}
+    </li>
+  {% endfor %}
+</ul>

data/_includes/footer_socials.html

@@ -0,0 +1,17 @@
+---
+social_networks:
+  type: 'array'
+---
+<div class="p-3">
+  {%- for social in social_networks -%}
+    {%- assign network = social | social_network %}
+    {% render 'sutty/a.html',
+      content: network.name,
+      href: network.url,
+      class: 'f-18 text-body-color bg-primary-hover fw-bold text-decoration-none'
+    %}
+    {%- unless forloop.last -%}
+      <span class="text-body-color">|</span>
+    {%- endunless -%}
+  {%- endfor -%}
+</div>

data/_includes/form/search.html

@@ -0,0 +1,33 @@
+---
+url:
+  type: "string"
+form_class:
+  type: "string"
+  default: ''
+input_form_class:
+  type: "string"
+  default: ""
+placeholder:
+  type: "string"
+  default: ''
+submit:
+  type: "string"
+  default: ''
+---
+<form
+  method="get"
+  action="{{ url }}"
+  class="{{ form_class }}"
+  data-pagefind-target="form"
+>
+  <input
+    class="form-control form-control-sm {{ input_form_class }}"
+    type="search"
+    required
+    name="q"
+    placeholder="{{ placeholder }}"
+    data-pagefind-target="q"
+    autocomplete="off"
+  >
+  <input class="sr-only" type="submit" value="{{ submit | escape_once }}">
+</form>

data/_includes/head/favicons.html

@@ -0,0 +1,56 @@
+---
+favicon:
+  type: 'hash'
+apple_touch_sizes:
+  type: 'array'
+  default:
+  - 57
+  - 60
+  - 72
+  - 76
+  - 120
+  - 144
+  - 152
+  - 180
+chrome_icon_sizes:
+  type: 'array'
+  default:
+  - 36
+  - 48
+  - 72
+  - 96
+  - 144
+  - 192
+  - 256
+  - 384
+msapplication_sizes:
+  type: 'array'
+  default:
+  - 70
+  - 144
+  - 150
+  - 310
+---
+{%- for apple_touch_size in apple_touch_sizes -%}
+  <link
+    rel="apple-touch-icon"
+    sizes="{{ apple_touch_size }}x{{ apple_touch_size }}"
+    href="{{ favicon.path | thumbnail: apple_touch_size, apple_touch_size | component_escape }}"
+  >
+{%- endfor -%}
+
+{%- for chrome_icon_size in chrome_icon_sizes -%}
+  <link
+    rel="icon"
+    type="image/{{ favicon.path | extname | remove: '.' }}"
+    sizes="{{ chrome_icon_size }}x{{ chrome_icon_size }}"
+    href="{{ favicon.path | thumbnail: chrome_icon_size, chrome_icon_size | component_escape }}"
+  >
+{% endfor %}
+
+{% for msapplication_size in msapplication_sizes %}
+  <meta
+    name="msapplication-TileImage"
+    content="{{ favicon.path | thumbnail: msapplication_size, msapplication_size | component_escape }}"
+  >
+{% endfor %}

data/_includes/head/social_network.html

@@ -0,0 +1,5 @@
+---
+network:
+  type: 'string'
+---
+<link rel="me" href="{{ network | component_escape }}">

data/_includes/item_card.html

@@ -0,0 +1,39 @@
+---
+title:
+  type: string
+image:
+  type: hash
+image_light:
+  type: hash
+  default:
+    path: null
+    description: ''
+text:
+  type: string
+button_text:
+  type: string
+button_linked_post:
+  type: string
+---
+{% assign extra_class = 'rounded text-white mt-3 px-3' %}
+
+<div class="h-100 d-flex flex-column align-items-center justify-content-between px-2 py-5 text-center">
+  <div class="p-3">
+    {% if image_light.path %}
+      {% render "sutty/picture.html", image:, class: "d-none dark-d-block  h-80px w-100" %}
+      {% render 'sutty/picture.html', image: image_light, class: 'd-block dark-d-none h-80px w-100' %}
+    {% else %}
+      {% render "sutty/picture.html", image:, class: "d-block h-80px w-100", img_class: "mh-100" %}
+    {% endif %}
+  </div>
+
+  <div class="flex-grow-1 d-flex flex-column justify-content-between">
+    <h3 class="text-primary fw-bold mh-108px">{{ title }}</h3>
+
+    <div class="flex-grow-1">
+      <h4 class="h5">{{ text }}</h4>
+    </div>
+  </div>
+
+  {% render "buttons/button_primary.html", extra_class:, content: button_text, url: button_linked_post %}
+</div>

data/_includes/item_card_icon.html

@@ -0,0 +1,30 @@
+---
+title:
+  type: string
+icon:
+  type: string
+text:
+  type: string
+button_text:
+  type: string
+button_linked_post:
+  type: string
+---
+{% assign extra_class = 'rounded text-white mt-3 px-3' %}
+
+<div class="h-100 d-flex flex-column align-items-center justify-content-between px-2 py-5 text-center">
+  <div class="p-3">
+    {% render 'fa.html', icon:, class: 'fa-fw fa-5x' %}
+  </div>
+
+  <div class="flex-grow-1 d-flex flex-column justify-content-between">
+    <h3 class="text-primary fw-bold mh-108px">{{ title }}</h3>
+
+    <div class="flex-grow-1">
+      <h4 class="h5">{{ text }}</h4>
+    </div>
+  </div>
+
+  {% render "buttons/button_primary.html", extra_class:, content: button_text, url: button_linked_post %}
+</div>
+

data/_includes/menu.html

@@ -0,0 +1,64 @@
+---
+header_items:
+  type: 'array'
+  default: []
+items:
+  type: 'array'
+  default: []
+footer_items:
+  type: 'array'
+  default: []
+id:
+  type: 'string'
+class:
+  type: 'string'
+  default: 'position-fixed top-0 start-0 vh-100 w-100 bg-black bg-opacity-80 z-3'
+---
+{%- block 'sutty/toggler/toggler_label.html', id: , class: 'p-3' -%}
+<div>
+  {%- render 'svg/menu.svg', class: 'w-35px cursor-pointer' -%}
+</div>
+{%- endblock -%}
+
+{%- block 'sutty/toggler/toggler.html', id: , class: -%}
+{%- block 'sutty/toggler/toggler_label.html', id: , class: 'w-100' -%}
+<div class="d-flex justify-content-end p-2">
+  {%- render 'svg/x.svg', class: 'w-35px cursor-pointer' -%}
+</div>
+{%- endblock -%}
+
+<div class="d-flex flex-column align-items-center justify-content-center p-3 w-100 h-100 text-center">
+  <ul class="p-0">
+    {% for item in header_items %}
+      <li class="list-unstyled{{ forloop.last | value_if: ' mb-3' }}">
+        {% render 'sutty/a.html',
+          content: item.title,
+          href: item.link,
+          class: 'text-primary text-white-hover fw-bold bg-primary-hover text-decoration-none'
+        %}
+      </li>
+    {% endfor %}
+
+    {% for item in items %}
+      <li class="list-unstyled fw-bold{{ forloop.last | value_if: ' mb-3' }}">
+        <span class="text-white">{{ forloop.index }}</span><span class="text-primary">:</span>
+        {% render 'sutty/a.html',
+          content: item.title,
+          href: item.link,
+          class: 'text-white bg-hover-primary bg-primary-hover text-decoration-none'
+        %}
+      </li>
+    {% endfor %}
+
+    {% for item in footer_items %}
+      <li class="list-unstyled">
+        {% render 'sutty/a.html',
+          content: item.title,
+          href: item.link,
+          class: 'text-primary text-white-hover fw-bold bg-primary-hover text-decoration-none'
+        %}
+      </li>
+    {% endfor %}
+  </ul>
+</div>
+{%- endblock -%}

data/_includes/modal.html

@@ -0,0 +1,35 @@
+---
+title:
+  type: 'string'
+id:
+  type: 'string'
+content:
+  type: 'string'
+class_component:
+  type: 'string'
+class_label:
+  type: 'string'
+---
+{%- block 'sutty/toggler/toggler_label.html', id: , class: class_label -%}
+<span>{{ title }}</span>
+{%- endblock -%}
+
+{%- block 'sutty/toggler/toggler.html', id:, toggler_extra: 'data-toggler-modal', class: 'toggled-d-none p-1 position-fixed top-0 start-0 z-1' -%}
+{%- render 'sutty/toggler/backdrop.html', id: -%}
+
+<div class="d-flex w-100 vh-100 align-items-center justify-content-center pe-none">
+  <div class="pe-auto bg-body border border-1 border-primary p-3 w-md-60 w-80">
+    <div class="d-flex align-items-center justify-content-end m-0 p-2">
+      <div class="fill-primary">
+        {%- block 'sutty/toggler/toggler_related.html', id: , class: "w-100" -%}
+        {%- render 'svg/x.svg', class: 'w-35px cursor-pointer' -%}
+        {%- endblock -%}
+      </div>
+    </div>
+
+    <div class="lead content {{ class_component }}">
+      {{ content }}
+    </div>
+  </div>
+</div>
+{%- endblock -%}