disco-jekyll-theme 0.0.6

data/_includes/theme/footer_socials.html

@@ -0,0 +1,11 @@
+---
+data:
+  type: hash
+i18n:
+  type: hash
+locale:
+  type: string
+---
+{% assign social_networks = data.fixtures.social_networks.items %}
+
+{% render 'footer_socials.html', social_networks: %}

data/_includes/theme/item_card.html

@@ -0,0 +1,20 @@
+---
+data:
+  type: hash
+i18n:
+  type: hash
+locale:
+  type: string
+---
+{% assign item_cards = data.fixtures.cards.items %}
+
+<div class="row row-cols-1 row-cols-md-2 row-cols-lg-4 justify-content-center mb-5">
+  {% for item_card in item_cards %}
+    {% assign title = item_card.title %}
+    {% assign image = item_card.image %}
+    {% assign text = item_card.text %}
+    {% assign button_text = item_card.button_text %}
+    {% assign button_linked_post = item_card.button_linked_post.url %}
+    {% render "item_card.html", title:, image:, text:, button_text:, button_linked_post: %}
+  {% endfor %}
+</div>

data/_includes/theme/menu.html

@@ -0,0 +1,19 @@
+---
+data:
+  type: hash
+locale:
+  type: string
+i18n:
+  type: hash
+---
+{% assign items = data.fixtures.menu.items %}
+{% assign header_items = data.fixtures.menu.header_items %}
+{% assign footer_items = data.fixtures.menu.footer_items %}
+
+{%
+  render 'menu.html',
+  header_items:,
+  items:,
+  footer_items:,
+  id: '7760cd9f'
+%}

data/_includes/theme/modal.html

@@ -0,0 +1,24 @@
+---
+data:
+  type: hash
+i18n:
+  type: hash
+locale:
+  type: string
+---
+{% capture content %}
+<div class="vh-80 vh-md-50 overflow-scroll scrollbar-body-color pr-2">
+  <h2>{{ i18n.lorem_ipsum.five_words }} </h2>
+  <p>{{ i18n.lorem_ipsum.three_paragraph }}</p>
+  {% render 'sutty/a.html', content: 'Read more', href: '/', class: 'text-primary' %}
+</div>
+{% endcapture %}
+
+{%
+  render 'modal.html',
+  id:'796c8556',
+  title: 'texto modal',
+  content: ,
+  class_component: 'text-primary fw-bold',
+  class_label: 'bg-primary text-white py-1'
+%}

data/_includes/theme/navbar.html

@@ -0,0 +1,12 @@
+---
+data:
+  type: hash
+i18n:
+  type: hash
+locale:
+  type: string
+---
+{% assign image = i18n.lorem_ipsum.image %}
+{% assign menu = data.fixtures.menu %}
+
+{% render 'bootstrap/navbar.html', image:, header_items: menu.header_items, items: menu.items, footer_items: menu.footer_items %}

data/_includes/theme/navigation_posts.html

@@ -0,0 +1,16 @@
+---
+data:
+  type: hash
+i18n:
+  type: hash
+locale:
+  type: string
+---
+{% render 'navigation_posts.html',
+  next_article: i18n.next_article,
+  prev_article: i18n.prev_article,
+  next_url: 'https://sutty.nl',
+  prev_url: 'https://sutty.nl',
+  next_content: 'texo articulo de ejemplo next',
+  prev_content: 'texto articulo de ejemplo previous'
+%}

data/_includes/theme/page_card.html

@@ -0,0 +1,22 @@
+---
+data:
+  type: hash
+i18n:
+  type: hash
+locale:
+  type: string
+---
+{% assign image = i18n.lorem_ipsum.image %}
+{% assign title = 'PRINCIPLES/VALUES' %}
+{% assign tagline = 'Learn about the 7 DisCO Principles and Values' %}
+{% assign content = i18n.lorem_ipsum.one_paragraph %}
+{% assign content_class = 'fs-4' %}
+<div class="mb-5">
+  {% render "page_card.html", image:, title:, tagline:, content_class:, content: %}
+</div>
+{% assign title = 'DisCO BALL' %}
+{% assign tagline = 'A Wiki for Distributed Cooperative Practices' %}
+{% assign content = 'The DisCO BALL Wiki is the main knowledge base for DisCO.coop and the DisCO Project.' %}
+{% assign content_class = 'fs-3' %}
+
+{% render "page_card.html", image:, title:, tagline:, content_class:, content: %}

data/_includes/theme/picture.html

@@ -0,0 +1,11 @@
+---
+data:
+  type: hash
+locale:
+  type: string
+i18n:
+  type: hash
+---
+{% assign image = i18n.lorem_ipsum.image %}
+
+{% render 'sutty/picture.html', image: %}

data/_includes/theme/search.html

@@ -0,0 +1,9 @@
+---
+data:
+  type: hash
+locale:
+  type: string
+i18n:
+  type: hash
+---
+{%- render 'search.html', placeholder: 'Buscar', url: '' -%}

data/_includes/theme/subsection.html

@@ -0,0 +1,23 @@
+---
+data:
+  type: hash
+i18n:
+  type: hash
+locale:
+  type: string
+---
+<div class="my-5">
+  {% assign subsection_title_achromatic = '7 DisCO' %}
+  {% assign subsection_title_primary = 'DNA' %}
+  {% assign subsection_text = 'Lorem ipsum' %}
+  {% assign item_cards = data.fixtures.cards.items %}
+
+  {% block "subsection.html", title_achromatic: subsection_title_achromatic, title_primary: subsection_title_primary, content: subsection_text %}
+  {% for item_card in item_cards %}
+    <div class="col">
+      {% assign button_linked_post = item_card.button_linked_post.url %}
+      {% render "item_card.html", **item_card, button_linked_post: %}
+    </div>
+  {% endfor %}
+  {% endblock %}
+</div>

data/_includes/theme/svg.html

@@ -0,0 +1,18 @@
+---
+data:
+  type: hash
+i18n:
+  type: hash
+locale:
+  type: string
+---
+<div class="col bg-primary p-2">
+  {% render 'svg/circle_plus.svg' %}
+  {% render 'svg/spell.svg' %}
+  {% render 'svg/people.svg' %}
+  {% render 'svg/heart.svg' %}
+  {% render 'svg/justice.svg' %}
+  {% render 'svg/language.svg' %}
+  {% render 'svg/tools.svg' %}
+  {% render 'svg/world.svg' %}
+</div>

data/_includes/theme/tabs.html

@@ -0,0 +1,32 @@
+---
+data:
+  type: hash
+i18n:
+  type: hash
+locale:
+  type: string
+---
+{% capture content_1 %}
+<ul>
+  <li>{{ i18n.lorem_ipsum.five_words }}</li>
+  <li>{{ i18n.lorem_ipsum.ten_words }}</li>
+  <li>{{ i18n.lorem_ipsum.twenty_words }}</li>
+</ul>
+{% endcapture %}
+{% capture content_2 %}
+<ul>
+  <li>{{ i18n.lorem_ipsum.twenty_words }}</li>
+  <li>{{ i18n.lorem_ipsum.ten_words }}</li>
+  <li>{{ i18n.lorem_ipsum.five_words }}</li>
+</ul>
+{% endcapture %}
+
+{%
+  render 'tabs.html',
+  title_tab_1: 'TLR',
+  title_tab_2: 'More Resources',
+  content_1:,
+  content_2:,
+  id_1: '3c54d5a2',
+  id_2: '296d7e0c'
+%}

data/_includes/theme/text_box.html

@@ -0,0 +1,11 @@
+---
+data:
+  type: hash
+i18n:
+  type: hash
+locale:
+  type: string
+---
+{% render 'text_box.html', content: i18n.lorem_ipsum.one_paragraph %}
+
+{% render 'text_box.html', content: i18n.lorem_ipsum.three_paragraph %}

data/_includes/theme/toggler.html

@@ -0,0 +1,53 @@
+---
+data:
+  type: hash
+locale:
+  type: string
+i18n:
+  type: hash
+---
+<section class="position-relative">
+  <header class="my-3">
+    <h3>Toggler dropdown</h3>
+  </header>
+
+  {%- block 'sutty/toggler/toggler_label.html', id: 'dropdown' -%}
+  <div class="btn btn-primary">Toggler</div>
+  {%- endblock -%}
+
+  {%- block 'sutty/toggler/toggler.html', id: 'dropdown', class: "position-absolute" -%}
+  <div class="bg-body border border-primary p-3 rounded w-60 mb-3">
+    <ul>
+      <li>{{ i18n.lorem_ipsum.five_words }}</li>
+      <li>{{ i18n.lorem_ipsum.ten_words }}</li>
+      <li>{{ i18n.lorem_ipsum.twenty_words }}</li>
+    </ul>
+  </div>
+  {%- endblock -%}
+
+  <header class="my-3">
+    <h3>Toggler modal</h3>
+  </header>
+
+  {%- block 'sutty/toggler/toggler_label.html', id: 'menu', class: 'p-3' -%}
+  <div>
+    {%- render 'svg/menu.svg', class: 'w-35px cursor-pointer' -%}
+  </div>
+  {%- endblock -%}
+
+  {%- block 'sutty/toggler/toggler.html', id: 'menu', class: 'position-absolute top-0 start-0 vh-100 bg-body border p-4' -%}
+  {%- block 'sutty/toggler/toggler_label.html', id: "menu", class: "w-100" -%}
+  <div class="d-flex justify-content-end">
+    {%- render 'svg/x.svg', class: 'w-35px cursor-pointer' -%}
+  </div>
+  {%- endblock -%}
+
+  <div class="bg-secondary text-body-color">
+    <ul>
+      <li>{{ i18n.lorem_ipsum.five_words }}</li>
+      <li>{{ i18n.lorem_ipsum.ten_words }}</li>
+      <li>{{ i18n.lorem_ipsum.twenty_words }}</li>
+    </ul>
+  </div>
+  {%- endblock -%}
+</section>

data/_includes/theme/utilities.html

@@ -0,0 +1,35 @@
+---
+data:
+  type: hash
+locale:
+  type: string
+i18n:
+  type: hash
+---
+<section>
+  <header>
+    <h3>Added</h3>
+  </header>
+</section>
+
+<section>
+  <header>
+    <h3>Expanded</h3>
+  </header>
+
+  <div class="border border-primary border-secondary-hover p-3 mt-3">border-primary border-secondary-hover</div>
+
+  <div class="text-primary text-secondary-hover p-3 mt-3">text-primary text-secondary-hover</div>
+
+  <div class="bg-primary bg-secondary-hover p-3 mt-3">bg-primary bg-secondary-hover</div>
+
+  <div class="bg-primary bg-secondary-hover bg-opacity-50-hover p-3 mt-3">
+    bg-primary bg-secondary-hover bg-opacity-50-hover
+  </div>
+
+  <div class="p-3 mt-3 text-start">text-start</div>
+
+  <div class="p-3 mt-3 text-end">text-end</div>
+
+  <div class="p-3 mt-3 text-center">text-center</div>
+</section>

data/_includes/theme/video.html

@@ -0,0 +1,9 @@
+---
+data:
+  type: hash
+locale:
+  type: string
+i18n:
+  type: hash
+---
+{% render 'sutty/video.html', video: data.fixtures.video.video %}

data/_includes/utilities.scss

@@ -0,0 +1,27 @@
+$utilities: map.merge($utilities, (
+  {% for utility in include.utilities.add %}
+    "{% uuid %}": ({{ utility | to_sass_variable }})
+    {{- forloop.last | value_unless: ',' -}}
+  {% endfor %}
+));
+
+$utilities: map.merge($utilities, (
+{% for utility in include.utilities.expand %}
+  "{{ utility[0] }}": map.merge(
+    map.get($utilities, "{{ utility[0] }}"),
+    (
+      {% for pair in utility[1] %}
+        "{{ pair[0] }}":
+        {%- if pair[0] == 'values' -%}
+          map.merge(map.get(map.get($utilities, "{{ utility[0] }}"), "values"), {{ pair[1] | to_sass_variable }})
+        {%- else -%}
+          {{ pair[1] }}
+        {%- endif -%}
+
+        {{- forloop.last | value_unless: ',' -}}
+      {% endfor %}
+    )
+  )
+  {{- forloop.last | value_unless: ',' -}}
+{% endfor %}
+));

data/_includes/variables/name.html

@@ -0,0 +1,14 @@
+---
+name:
+  type: "string"
+  default: ""
+hostname:
+  type: "string"
+---
+{%- assign name = name | presence -%}
+
+{%- unless name -%}
+  {%- assign name = hostname | remove: '.sutty.nl' -%}
+{%- endunless -%}
+
+{{- name -}}

data/_layouts/category.html

@@ -0,0 +1,14 @@
+---
+layout: "default"
+---
+<section>
+  <header>
+    <h1 class="text-primary fw-bolder mt-5">{{ page.title }}</h1>
+  </header>
+
+  <div class="">
+    {% for post in page.posts %}
+      {% render 'post_preview.html', **post %}
+    {% endfor %}
+  </div>
+</section>

data/_layouts/code_of_conduct.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/default.html

@@ -0,0 +1,60 @@
+<!doctype html>
+<html lang="{{ site.locale }}" dir="{{ site.i18n.dir }}">
+  <head>
+    <meta charset="UTF-8">
+    <base href="{% base %}">
+    <meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
+    <meta content="width=device-width, initial-scale=1.0" name="viewport">
+    <meta name="theme-color" content="white" media="(prefers-color-scheme: light)">
+    <meta name="theme-color" content="black" media="(prefers-color-scheme: dark)">
+    <meta name="color-scheme" content="dark light">
+    <meta name="referrer" content="strict-origin-when-cross-origin">
+
+    <meta name="msapplication-TileColor" content="{{ site.theme.bg_color }}">
+    <meta name="theme-color" content="{{ site.theme.primary }}">
+
+    {% render 'head/favicons.html', favicon: site.about.logo, if: site.about.logo %}
+    {% render 'style.html', url: site.css.url, hash: site.css.hexdigest, integrity: site.css.base64digest %}
+    {% render 'pack.html', env: jekyll.environment, outputs: site.data.manifest.outputs %}
+    {% render 'preload_font.html', font: 'assets/fonts/forkawesome-webfont.woff2' %}
+    {% render 'activity_pub/head.html',
+      profile: site.activity_pub_profile,
+      actor: site.actor.id,
+      activity: page.activity.id
+    %}
+    {% cache key: site.about.social_networks %}
+    {% for network in site.about.social_networks %}
+      {% render 'head/social_network.html', network: -%}
+    {% endfor %}
+    {% endcache %}
+
+    {% seo %}
+  </head>
+  <body class="d-flex flex-column justify-content-between min-vh-100" data-controller="pagefind">
+    <div data-turbo-permanent>
+      <a href="#content" data-turbo="false" class="sr-only sr-only-focusable">
+        {{ site.i18n.accessibility.skip_to_content }}
+      </a>
+    </div>
+    {% assign search_url = site.searches.first.url | default: '' %}
+    {% assign search_placeholder = site.searches.first.placeholder | default: '' %}
+    {%
+      render 'bootstrap/navbar.html',
+      class: 'container-lg',
+      search_url:,
+      search_placeholder:,
+      header_items: site.menu.header_items,
+      items: site.menu.items,
+      footer_items: site.menu.footer_items,
+      image: site.about.logo,
+      image_light: site.about.logo_light
+    %}
+    <main tabindex="-1" role="main" id="content" class="flex-grow-1 container-md">
+      {{ content }}
+    </main>
+    {% assign social_networks = site.about.social_networks %}
+    {% assign columns = site.footer_columns %}
+
+    {% render 'footer.html', social_networks:, columns:, site_credits: site.about.site_credits, logo: site.about.logo, logo_light: site.about.logo_light, license_image: site.license.image, license_image_light: site.license.image_light, license_url: site.license.url, class:'container-lg' %}
+  </body>
+</html>

data/_layouts/glosario.html

@@ -0,0 +1,67 @@
+---
+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">
+    <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 %}
+  </div>
+</article>

data/_layouts/index.html

@@ -0,0 +1,21 @@
+---
+layout: default
+---
+{% assign title = page.title %}
+{% assign tagline = site.about.tagline %}
+{% assign content = site.about.description %}
+{% assign image = site.about.image %}
+{% assign item_cards = page.item_cards | order %}
+
+{% render "page_card.html", image:, title:, tagline:, content_class: '', content: %}
+
+<div class="row row-cols-1 row-cols-md-2 row-cols-lg-3 row-cols-xxl-4 mb-5 border-bottom">
+  {% 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 %}
+</div>

data/_layouts/indexed.html

@@ -0,0 +1,3 @@
+---
+---
+{% render 'post_preview.html', **page.indexed %}