unaltraweb 0.3.0

data/_includes/cv-download-card.liquid

@@ -0,0 +1,26 @@
+{% assign cv_pdf = include.pdf | default: page.cv_pdf %}
+{% assign cv_preview = include.preview | default: page.cv_preview %}
+{% assign cv_title = include.title | default: page.cv_title | default: page.title %}
+{% assign cv_description = include.description | default: page.cv_description %}
+
+{% if cv_pdf or cv_preview %}
+  <section class="cv-download-card">
+    {% if cv_preview %}
+      <a class="cv-download-preview" href="{{ cv_pdf | default: cv_preview | relative_url }}">
+        <img src="{{ cv_preview | relative_url }}" alt="{{ cv_title | escape }} preview">
+      </a>
+    {% endif %}
+    <div class="cv-download-body">
+      <h2>{{ cv_title }}</h2>
+      {% if cv_description %}<p>{{ cv_description }}</p>{% endif %}
+      {% if cv_pdf %}
+        <a class="cv-download-button" href="{{ cv_pdf | relative_url }}">
+          <i class="fa-solid fa-file-pdf" aria-hidden="true"></i>
+          <span>{{ include.button | default: 'Download PDF' }}</span>
+        </a>
+      {% else %}
+        <p class="cv-download-note">Add a PDF and generate a preview to enable the download button.</p>
+      {% endif %}
+    </div>
+  </section>
+{% endif %}

data/_includes/developer-mode-switcher.liquid

@@ -0,0 +1,24 @@
+{% assign current_profile = include.current_profile | default: site.unaltraweb.site_profile | default: 'unaltreprojecte' %}
+{% assign current_lang = page.lang | default: site.default_lang | default: site.lang | default: 'en' %}
+{% assign switcher_baseurl = site.baseurl | default: '' %}
+{% assign profile_targets = 'unaltreselfie|unaltreselfie|4001,unaltreprojecte|unaltreprojecte|4002,unaltremanual|unaltremanual|4003,unaltredocs|unaltredocs|4004' | split: ',' %}
+
+<aside class="developer-mode-switcher" data-developer-mode-switcher aria-label="Developer mode">
+  <div class="developer-mode-header" data-developer-mode-handle title="Drag to move">
+    <strong>Developer mode</strong>
+    <span class="developer-mode-current">Explore a build profile</span>
+  </div>
+  <nav class="developer-profile-switcher" aria-label="Explore a build profile">
+    {% for profile_target in profile_targets %}
+      {% assign profile_parts = profile_target | split: '|' %}
+      {% assign profile_key = profile_parts[0] %}
+      {% assign profile_label = profile_parts[1] %}
+      {% assign profile_port = profile_parts[2] %}
+      {% assign profile_active = false %}
+      {% if current_profile == profile_key %}
+        {% assign profile_active = true %}
+      {% endif %}
+      <a class="developer-profile-link{% if profile_active %} active{% endif %}" href="http://localhost:{{ profile_port }}{{ switcher_baseurl }}/{{ current_lang }}/" target="_self" data-developer-profile-link data-profile-port="{{ profile_port }}" data-profile-key="{{ profile_key }}"{% if profile_active %} aria-current="page" data-current-profile="{{ current_profile }}"{% endif %}>{{ profile_label }}</a>
+    {% endfor %}
+  </nav>
+</aside>

data/_includes/disqus.liquid

@@ -0,0 +1,13 @@
+<div id="disqus_thread" style="max-width: {{ site.max_width }}; margin: 0 auto;">
+  <script type="text/javascript">
+    var disqus_shortname  = '{{ site.disqus_shortname }}';
+    var disqus_identifier = '{{ page.id }}';
+    var disqus_title      = {{ page.title | jsonify }};
+    (function() {
+    var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
+    dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
+    (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
+    })();
+  </script>
+  <noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
+</div>

data/_includes/distill_scripts.liquid

@@ -0,0 +1,298 @@
+<!-- jQuery -->
+<script
+  src="{{ site.third_party_libraries.jquery.url.js }}"
+  integrity="{{ site.third_party_libraries.jquery.integrity.js }}"
+  crossorigin="anonymous"
+></script>
+
+<!-- Bootsrap & MDB scripts -->
+<script src="{{ '/assets/js/bootstrap.bundle.min.js' | relative_url }}"></script>
+<script
+  src="{{ site.third_party_libraries.mdb.url.js }}"
+  integrity="{{ site.third_party_libraries.mdb.integrity.js }}"
+  crossorigin="anonymous"
+></script>
+
+<!-- Custom overrides -->
+<script src="{{ '/assets/js/distillpub/overrides.js' | relative_url }}"></script>
+
+{% if page.mermaid and page.mermaid.enabled %}
+  <!-- Mermaid and D3 -->
+  <script
+    defer
+    src="{{ site.third_party_libraries.mermaid.url.js }}"
+    integrity="{{ site.third_party_libraries.mermaid.integrity.js }}"
+    crossorigin="anonymous"
+  ></script>
+  {% if page.mermaid.zoomable %}
+    <script
+      defer
+      src="{{ site.third_party_libraries.d3.url.js }}"
+      integrity="{{ site.third_party_libraries.d3.integrity.js }}"
+      crossorigin="anonymous"
+    ></script>
+  {% endif %}
+  <script defer src="{{ '/assets/js/mermaid-setup.js' | relative_url | bust_file_cache }}" type="text/javascript"></script>
+{% endif %}
+
+{% if page.code_diff %}
+  <!-- Diff2HTML -->
+  <!-- diff2html doesn't go well with Bootstrap Table -->
+  <script
+    src="{{ site.third_party_libraries.diff2html.url.js }}"
+    integrity="{{ site.third_party_libraries.diff2html.integrity.js }}"
+    crossorigin="anonymous"
+  ></script>
+  <script defer src="{{ '/assets/js/diff2html-setup.js' | relative_url | bust_file_cache }}" type="text/javascript"></script>
+{% endif %}
+
+{% if page.map %}
+  <!-- Leaflet -->
+  <script
+    src="{{ site.third_party_libraries.leaflet.url.js }}"
+    integrity="{{ site.third_party_libraries.leaflet.integrity.js }}"
+    crossorigin="anonymous"
+  ></script>
+  <script defer src="{{ '/assets/js/leaflet-setup.js' | relative_url | bust_file_cache }}" type="text/javascript"></script>
+{% endif %}
+
+{% if page.chart and page.chart.chartjs %}
+  <!-- Chart.js -->
+  <script
+    defer
+    src="{{ site.third_party_libraries.chartjs.url.js }}"
+    integrity="{{ site.third_party_libraries.chartjs.integrity.js }}"
+    crossorigin="anonymous"
+  ></script>
+  <script defer src="{{ '/assets/js/chartjs-setup.js' | relative_url | bust_file_cache }}" type="text/javascript"></script>
+{% endif %}
+
+{% if page.chart and page.chart.echarts %}
+  <!-- ECharts -->
+  <script
+    src="{{ site.third_party_libraries.echarts.url.js.library }}"
+    integrity="{{ site.third_party_libraries.echarts.integrity.js.library }}"
+    crossorigin="anonymous"
+  ></script>
+  {% if site.enable_darkmode %}
+    <script
+      src="{{ site.third_party_libraries.echarts.url.js.dark_theme }}"
+      integrity="{{ site.third_party_libraries.echarts.integrity.js.dark_theme }}"
+      crossorigin="anonymous"
+    ></script>
+  {% endif %}
+  <script defer src="{{ '/assets/js/echarts-setup.js' | relative_url | bust_file_cache }}" type="text/javascript"></script>
+{% endif %}
+
+{% if page.chart and page.chart.plotly %}
+  <!-- Plotly -->
+  <script
+    defer
+    src="{{ site.third_party_libraries.plotly.url.js }}"
+    integrity="{{ site.third_party_libraries.plotly.integrity.js }}"
+    crossorigin="anonymous"
+  ></script>
+  <script defer src="{{ '/assets/js/plotly-setup.js' | relative_url | bust_file_cache }}" type="text/javascript"></script>
+{% endif %}
+
+{% if page.chart and page.chart.vega_lite %}
+  <!-- Vega -->
+  <script
+    defer
+    src="{{ site.third_party_libraries.vega.url.js }}"
+    integrity="{{ site.third_party_libraries.vega.integrity.js }}"
+    crossorigin="anonymous"
+  ></script>
+  <script
+    defer
+    src="{{ site.third_party_libraries.vega-lite.url.js }}"
+    integrity="{{ site.third_party_libraries.vega-lite.integrity.js }}"
+    crossorigin="anonymous"
+  ></script>
+  <script
+    defer
+    src="{{ site.third_party_libraries.vega-embed.url.js }}"
+    integrity="{{ site.third_party_libraries.vega-embed.integrity.js }}"
+    crossorigin="anonymous"
+  ></script>
+  <script defer src="{{ '/assets/js/vega-setup.js' | relative_url | bust_file_cache }}" type="text/javascript"></script>
+{% endif %}
+
+{% if page.tikzjax %}
+  <!-- Tikzjax -->
+  <script
+    defer
+    src="https://tikzjax.com/v1/tikzjax.js"
+    integrity="sha256-+1qyucCXRZJrCg3lm3KxRt/7WXaYhBid4/1XJRHGB1E="
+    crossorigin="anonymous"
+  ></script>
+{% endif %}
+
+{% if page.typograms %}
+  <!-- Typograms -->
+  <script src="{{ '/assets/js/typograms.js' | relative_url | bust_file_cache }}"></script>
+{% endif %}
+
+{% if site.enable_tooltips %}
+  <!-- Tooltips -->
+  <script src="{{ '/assets/js/tooltips-setup.js' | relative_url | bust_file_cache }}"></script>
+{% endif %}
+
+{% if site.enable_medium_zoom %}
+  <!-- Medium Zoom JS -->
+  <script
+    defer
+    src="{{ site.third_party_libraries.medium_zoom.url.js }}"
+    integrity="{{ site.third_party_libraries.medium_zoom.integrity.js }}"
+    crossorigin="anonymous"
+  ></script>
+  <script defer src="{{ '/assets/js/zoom.js' | relative_url | bust_file_cache }}"></script>
+{% endif %}
+
+{% if page.toc and page.toc.sidebar %}
+  <!-- Sidebar Table of Contents -->
+  <script defer src="{{ '/assets/js/bootstrap-toc.min.js' | relative_url | bust_file_cache }}"></script>
+{% endif %}
+
+{% if page.pretty_table %}
+  <!-- Bootstrap Table -->
+  <!-- Bootstrap Table doesn't go well with diff2html -->
+  <script
+    defer
+    src="{{ site.third_party_libraries.bootstrap-table.url.js }}"
+    integrity="{{ site.third_party_libraries.bootstrap-table.integrity.js }}"
+    crossorigin="anonymous"
+  ></script>
+{% endif %}
+
+<!-- Load Common JS -->
+<script src="{{ '/assets/js/no_defer.js' | relative_url | bust_file_cache }}"></script>
+<script defer src="{{ '/assets/js/common.js' | relative_url | bust_file_cache }}"></script>
+<script defer src="{{ '/assets/js/copy_code.js' | relative_url | bust_file_cache }}" type="text/javascript"></script>
+<script defer src="{{ '/assets/js/content-search-match.js' | relative_url | bust_file_cache }}" type="text/javascript"></script>
+<script defer src="{{ '/assets/js/content-search.js' | relative_url | bust_file_cache }}" type="text/javascript"></script>
+
+<!-- Jupyter Open External Links New Tab -->
+<script defer src="{{ '/assets/js/jupyter_new_tab.js' | relative_url | bust_file_cache }}"></script>
+
+<!-- Removed Badges -->
+
+{% if site.enable_math %}
+  <!-- MathJax -->
+  <script
+    defer
+    type="text/javascript"
+    id="MathJax-script"
+    src="{{ site.third_party_libraries.mathjax.url.js }}"
+    integrity="{{ site.third_party_libraries.mathjax.integrity.js }}"
+    crossorigin="anonymous"
+  ></script>
+  <script>window.unaltrawebMathJaxTags = {{ site.unaltraweb.mathjax.tags | default: 'all' | jsonify }};</script>
+  <script src="{{ '/assets/js/mathjax-setup.js' | relative_url | bust_file_cache }}"></script>
+  <script
+    defer
+    src="{{ site.third_party_libraries.polyfill.url.js }}"
+    crossorigin="anonymous"
+  ></script>
+  <!-- Removed Pseudocode -->
+{% endif %}
+
+{% if site.enable_google_analytics %}
+  <!-- Analytics -->
+  <!-- Global site tag (gtag.js) - Google Analytics -->
+  <script async src="https://www.googletagmanager.com/gtag/js?id={{ site.google_analytics }}"></script>
+  <script defer src="{{ '/assets/js/google-analytics-setup.js' | relative_url }}"></script>
+{% endif %}
+
+{% if site.enable_cronitor_analytics %}
+  <!-- Cronitor RUM -->
+  <script async src="https://rum.cronitor.io/script.js"></script>
+  <script defer src="{{ '/assets/js/cronitor-analytics-setup.js' | relative_url }}"></script>
+{% endif %}
+{% if site.enable_pirsch_analytics %}
+  <script
+    defer
+    src="https://api.pirsch.io/pa.js"
+    id="pianjs"
+    data-code="{{ site.pirsch_analytics }}"
+  ></script>
+{% endif %}
+{% if site.enable_openpanel_analytics %}
+  <script defer src="{{ '/assets/js/open-panel-analytics-setup.js' | relative_url }}"></script>
+  <script async defer src="https://openpanel.dev/op1.js"></script>
+{% endif %}
+
+{% if site.enable_progressbar %}
+  <!-- Scrolling Progress Bar -->
+  <script defer src="{{ '/assets/js/progress-bar.js' | relative_url | bust_file_cache }}" type="text/javascript"></script>
+{% endif %}
+
+{% if page.images %}
+  <!-- Image Layouts -->
+  {% if page.images.compare %}
+    <script
+      defer
+      src="{{ site.third_party_libraries.img-comparison-slider.url.js }}"
+      integrity="{{ site.third_party_libraries.img-comparison-slider.integrity.js }}"
+      crossorigin="anonymous"
+    ></script>
+  {% endif %}
+  {% if page.images.lightbox2 %}
+    <script
+      defer
+      src="{{ site.third_party_libraries.lightbox2.url.js }}"
+      integrity="{{ site.third_party_libraries.lightbox2.integrity.js }}"
+      crossorigin="anonymous"
+    ></script>
+  {% endif %}
+  {% if page.images.photoswipe %}
+    <script defer src="{{ '/assets/js/photoswipe-setup.js' | relative_url }}" type="module"></script>
+  {% endif %}
+  {% if page.images.slider %}
+    <script
+      defer
+      src="{{ site.third_party_libraries.swiper.url.js }}"
+      integrity="{{ site.third_party_libraries.swiper.integrity.js }}"
+      crossorigin="anonymous"
+    ></script>
+  {% endif %}
+  {% if page.images.spotlight %}
+    <script
+      defer
+      src="{{ site.third_party_libraries.spotlight.url.js }}"
+      crossorigin="anonymous"
+    ></script>
+  {% endif %}
+  {% if page.images.venobox %}
+    <script
+      defer
+      src="{{ site.third_party_libraries.venobox.url.js }}"
+      integrity="{{ site.third_party_libraries.venobox.integrity.js }}"
+      crossorigin="anonymous"
+    ></script>
+    <script defer src="{{ '/assets/js/venobox-setup.js' | relative_url | bust_file_cache }}" type="text/javascript"></script>
+  {% endif %}
+{% endif %}
+
+{% if page.tabs %}
+  <!-- Jekyll Tabs -->
+  <script src="{{ '/assets/js/tabs.min.js' | relative_url | bust_file_cache }}"></script>
+{% endif %}
+
+{% if site.back_to_top %}
+  <!-- Back to Top -->
+  <script src="{{ '/assets/js/vanilla-back-to-top.min.js' | relative_url | bust_file_cache }}"></script>
+  <script>
+    addBackToTop();
+  </script>
+{% endif %}
+
+{% if site.search_enabled %}
+  <!-- Search -->
+  {% capture search_placeholder %}{% include t.liquid key='search.placeholder' default='Type to start searching' %}{% endcapture %}
+  <script type="module" src="{{ '/assets/js/search/ninja-keys.min.js' | relative_url | bust_file_cache }}"></script>
+  <ninja-keys hideBreadcrumbs noAutoLoadMdIcons placeholder="{{ search_placeholder | strip }}"></ninja-keys>
+  <script src="{{ '/assets/js/search-setup.js' | relative_url | bust_file_cache }}"></script>
+  <script src="{{ '/assets/js/search-data.js' | relative_url }}"></script>
+  <script src="{{ '/assets/js/shortcut-key.js' | relative_url | bust_file_cache }}"></script>
+{% endif %}

data/_includes/documentation-download-detail.liquid

@@ -0,0 +1,76 @@
+{% assign download = include.download | default: page.download %}
+{% assign download_url = include.download_url | default: page.download_url | default: download['url'] %}
+{% assign download_icon = include.icon | default: page.download_icon | default: download['icon'] | default: 'ti-download' %}
+{% assign download_kicker = include.kicker | default: page.download_kicker | default: download['kicker'] | default: 'Download' %}
+{% assign download_heading = include.heading | default: page.download_heading | default: download['heading'] | default: download['label'] | default: page.title %}
+{% assign download_summary = include.summary | default: page.download_summary | default: download['summary'] | default: page.description %}
+{% assign download_label = include.label | default: page.download_label | default: download['download_label'] | default: 'Download' %}
+{% assign download_platform = include.platform | default: page.download_platform | default: download['platform'] %}
+{% assign download_version = include.version | default: page.download_version | default: download['version'] %}
+{% assign download_format = include.format | default: page.download_format | default: download['format'] %}
+{% assign download_asset = include.asset | default: page.download_asset | default: download['asset'] %}
+{% assign download_note = include.note | default: page.download_note | default: download['note'] %}
+{% assign archive_url = include.archive_url | default: page.archive_url | default: download['archive_url'] | default: site.unaltraweb.downloads.release_url %}
+{% assign archive_label = include.archive_label | default: page.archive_label | default: download['archive_label'] | default: site.unaltraweb.downloads.release_label | default: 'Release archive' %}
+
+<section class="documentation-download-detail" aria-labelledby="documentation-download-detail-title">
+  <div class="documentation-download-detail-card">
+    <span class="documentation-download-detail-icon" aria-hidden="true"><i class="ti {{ download_icon }}"></i></span>
+    <div class="documentation-download-detail-copy">
+      <p class="documentation-kicker">{{ download_kicker }}</p>
+      <h2 id="documentation-download-detail-title">{{ download_heading }}</h2>
+      {% if download_summary %}<p class="documentation-download-detail-summary">{{ download_summary }}</p>{% endif %}
+
+      {% if download_platform or download_version or download_format or download_asset %}
+        <dl class="documentation-download-detail-meta" aria-label="Package details">
+          {% if download_platform %}
+            <div>
+              <dt>Platform</dt>
+              <dd>{{ download_platform }}</dd>
+            </div>
+          {% endif %}
+          {% if download_version %}
+            <div>
+              <dt>Version</dt>
+              <dd>{{ download_version }}</dd>
+            </div>
+          {% endif %}
+          {% if download_format %}
+            <div>
+              <dt>Format</dt>
+              <dd>{{ download_format }}</dd>
+            </div>
+          {% endif %}
+          {% if download_asset %}
+            <div>
+              <dt>Package</dt>
+              <dd>{{ download_asset }}</dd>
+            </div>
+          {% endif %}
+        </dl>
+      {% endif %}
+
+      {% if download_note %}<p class="documentation-download-detail-note">{{ download_note }}</p>{% endif %}
+    </div>
+
+    <div class="documentation-download-detail-actions">
+      {% if download_url %}
+        <a class="documentation-download-detail-button" href="{% if download_url contains '://' %}{{ download_url }}{% else %}{{ download_url | relative_url }}{% endif %}">
+          <i class="ti ti-download" aria-hidden="true"></i>
+          {{ download_label }}
+        </a>
+      {% else %}
+        <span class="documentation-download-detail-button documentation-download-detail-button--disabled" aria-disabled="true">
+          <i class="ti ti-clock" aria-hidden="true"></i>
+          Download pending
+        </span>
+      {% endif %}
+      {% if archive_url %}
+        <a class="documentation-download-detail-secondary" href="{% if archive_url contains '://' %}{{ archive_url }}{% else %}{{ archive_url | relative_url }}{% endif %}">
+          {{ archive_label }}
+          <i class="ti ti-external-link" aria-hidden="true"></i>
+        </a>
+      {% endif %}
+    </div>
+  </div>
+</section>

data/_includes/documentation-downloads.liquid

@@ -0,0 +1,71 @@
+{% assign downloads_config = include.downloads | default: page.downloads | default: site.unaltraweb.downloads %}
+{% assign downloads_disabled = false %}
+{% if downloads_config.enabled == false %}
+  {% assign downloads_disabled = true %}
+{% endif %}
+{% if include.context == 'home' and downloads_config.home == false %}
+  {% assign downloads_disabled = true %}
+{% endif %}
+
+{% if downloads_config and downloads_disabled == false and downloads_config.items %}
+  {% assign downloads_heading = include.heading | default: downloads_config.heading | default: 'h2' %}
+  {% assign downloads_title = include.title | default: downloads_config.title | default: 'Downloads' %}
+  {% assign downloads_description = include.description | default: downloads_config.description %}
+  {% assign downloads_kicker = include.kicker | default: downloads_config.kicker | default: 'Installers' %}
+  {% assign downloads_release_label = include.release_label | default: downloads_config.release_label %}
+  {% assign downloads_release_url = include.release_url | default: downloads_config.release_url %}
+  {% assign downloads_note = include.note | default: downloads_config.note %}
+
+  <section class="documentation-downloads{% if include.compact %} documentation-downloads--compact{% endif %}" aria-labelledby="documentation-downloads-title">
+    <div class="documentation-downloads-header">
+      <p class="documentation-kicker">{{ downloads_kicker }}</p>
+      <{{ downloads_heading }} id="documentation-downloads-title">{{ downloads_title }}</{{ downloads_heading }}>
+      {% if downloads_description %}<p>{{ downloads_description }}</p>{% endif %}
+    </div>
+
+    <div class="documentation-downloads-grid">
+      {% for item in downloads_config.items %}
+        {% assign item_details_url = item['details_url'] %}
+        {% assign item_url = item_details_url | default: item['url'] %}
+        {% assign item_icon = item['icon'] | default: 'ti-download' %}
+        {% if item_details_url %}
+          {% assign item_action_icon = item['action_icon'] | default: 'ti-arrow-right' %}
+        {% else %}
+          {% assign item_action_icon = item['action_icon'] | default: 'ti-download' %}
+        {% endif %}
+        {% capture download_card_content %}
+          <span class="documentation-downloads-icon" aria-hidden="true"><i class="ti {{ item_icon }}"></i></span>
+          <span class="documentation-downloads-copy">
+            <strong>{{ item.label | default: item.platform }}</strong>
+            {% if item.platform or item.format %}
+              <span>{{ item.platform }}{% if item.platform and item.format %} · {% endif %}{{ item.format }}</span>
+            {% endif %}
+            {% if item.version %}<em>{{ item.version }}</em>{% endif %}
+          </span>
+          <span class="documentation-downloads-action" aria-hidden="true"><i class="ti {{ item_action_icon }}"></i></span>
+        {% endcapture %}
+        {% if item_url %}
+          <a class="documentation-download-card" href="{% if item_url contains '://' %}{{ item_url }}{% else %}{{ item_url | relative_url }}{% endif %}">
+            {{ download_card_content }}
+          </a>
+        {% else %}
+          <span class="documentation-download-card documentation-download-card--disabled">
+            {{ download_card_content }}
+          </span>
+        {% endif %}
+      {% endfor %}
+    </div>
+
+    {% if downloads_release_url or downloads_note %}
+      <div class="documentation-downloads-footer">
+        {% if downloads_note %}<p>{{ downloads_note }}</p>{% endif %}
+        {% if downloads_release_url %}
+          <a class="documentation-downloads-release" href="{% if downloads_release_url contains '://' %}{{ downloads_release_url }}{% else %}{{ downloads_release_url | relative_url }}{% endif %}">
+            {{ downloads_release_label | default: 'All releases' }}
+            <i class="ti ti-external-link" aria-hidden="true"></i>
+          </a>
+        {% endif %}
+      </div>
+    {% endif %}
+  </section>
+{% endif %}

data/_includes/documentation-profile-attributes.liquid

@@ -0,0 +1,4 @@
+{% assign documentation_profile_doc = include.doc %}
+{% assign documentation_profile_values = documentation_profile_doc.documentation_profiles %}
+{% unless include.item == false %} data-documentation-profile-item{% endunless %}
+ data-documentation-profiles="{% if documentation_profile_values %}{% for value in documentation_profile_values %}{{ value | slugify }}{% unless forloop.last %},{% endunless %}{% endfor %}{% endif %}"

data/_includes/documentation-section-toc.liquid

@@ -0,0 +1,9 @@
+{% capture docs_page_toc_text %}{% include t.liquid key='documentation.on_this_page' default='On this page' %}{% endcapture %}
+<aside class="documentation-section-toc" data-documentation-page-toc-container hidden aria-label="{{ docs_page_toc_text | strip | escape }}">
+  <div class="documentation-section-toc-inner">
+    <p class="documentation-section-toc-heading">{{ docs_page_toc_text | strip }}</p>
+    <nav class="documentation-section-toc-nav" aria-label="{{ docs_page_toc_text | strip | escape }}">
+      <ol class="documentation-section-toc-list" data-documentation-page-toc></ol>
+    </nav>
+  </div>
+</aside>

data/_includes/documentation-sidebar.liquid

@@ -0,0 +1,112 @@
+{% assign current_lang = page.lang | default: site.default_lang | default: site.lang %}
+{% assign current_profile = site.unaltraweb.site_profile | default: 'unaltreprojecte' | slugify %}
+{% assign documentation_config = site.unaltraweb.documentation %}
+{% assign documentation_toc_logo = documentation_config.toc_logo %}
+{% assign documentation_toc_logo_inverse = documentation_config.toc_logo_inverse | default: documentation_toc_logo %}
+{% assign documentation_toc_logo_cafe = documentation_config.toc_logo_cafe | default: documentation_config.toc_logo_sepia | default: documentation_toc_logo %}
+{% assign docs_profile_options = documentation_config['profiles'] %}
+{% assign docs_has_profile_options = false %}
+{% if docs_profile_options and docs_profile_options.size > 0 %}
+  {% assign docs_has_profile_options = true %}
+{% endif %}
+{% assign docs = include.docs %}
+{% assign home_candidates = site.pages | where: 'ref', 'home' | where: 'lang', current_lang %}
+{% assign docs_home = home_candidates | where_exp: 'candidate', 'candidate.profiles contains current_profile' | first %}
+{% if docs_home == nil %}
+  {% assign docs_home = home_candidates | where_exp: 'candidate', 'candidate.profiles == nil' | first %}
+{% endif %}
+{% capture docs_contents_text %}{% include t.liquid key='documentation.contents' default='Table of contents' %}{% endcapture %}
+{% capture docs_toggle_contents_text %}{% include t.liquid key='documentation.toggle_contents' default='Show or hide table of contents' %}{% endcapture %}
+{% capture docs_profile_text %}{% include t.liquid key='documentation.profile' default='Documentation profile' %}{% endcapture %}
+{% capture docs_profile_all_text %}{% include t.liquid key='documentation.profile_all' default='All documentation' %}{% endcapture %}
+
+<aside class="documentation-sidebar" aria-label="{{ docs_contents_text | strip }}">
+  <button class="documentation-tool-button documentation-toc-toggle" type="button" data-documentation-sidebar-toggle aria-controls="documentation-nav" aria-expanded="true" title="{{ docs_toggle_contents_text | strip }}">
+    <i class="ti ti-chevrons-left" aria-hidden="true"></i>
+    <span class="documentation-tool-label">{{ docs_contents_text | strip }}</span>
+    <span class="sr-only">{{ docs_toggle_contents_text | strip }}</span>
+  </button>
+
+  <div class="documentation-sidebar-inner">
+
+    <nav id="documentation-nav" class="documentation-nav{% if documentation_toc_logo and docs_has_profile_options == false %} has-sidebar-logo{% endif %}{% if docs_has_profile_options %} has-profile-selector{% endif %}" aria-label="{{ docs_contents_text | strip }}">
+      {% if documentation_toc_logo and docs_has_profile_options == false %}
+        <div class="documentation-sidebar-brand" aria-hidden="true">
+          <span class="documentation-sidebar-logo-stack">
+            <img class="documentation-sidebar-logo documentation-sidebar-logo-light" src="{{ documentation_toc_logo | relative_url }}" alt="">
+            <img class="documentation-sidebar-logo documentation-sidebar-logo-dark" src="{{ documentation_toc_logo_inverse | relative_url }}" alt="">
+            <img class="documentation-sidebar-logo documentation-sidebar-logo-cafe" src="{{ documentation_toc_logo_cafe | relative_url }}" alt="">
+          </span>
+        </div>
+      {% endif %}
+
+      {% if docs_has_profile_options %}
+        <div class="documentation-nav-block documentation-profile-switcher" data-documentation-profile-switcher>
+          <label class="documentation-profile-label" for="documentation-profile-select">{{ docs_profile_text | strip }}</label>
+          <div class="documentation-profile-control">
+            <span class="documentation-profile-icon" aria-hidden="true"><i class="ti ti-users"></i></span>
+            <select id="documentation-profile-select" class="documentation-profile-select" data-documentation-profile-select>
+              <option value="">{{ docs_profile_all_text | strip }}</option>
+              {% for profile_option in docs_profile_options %}
+                {% assign docs_profile_id = profile_option['id'] | default: profile_option['profile'] | default: profile_option['label'] | slugify %}
+                {% assign docs_profile_label = profile_option['label'] | default: docs_profile_id %}
+                <option value="{{ docs_profile_id }}">{{ docs_profile_label }}</option>
+              {% endfor %}
+            </select>
+          </div>
+        </div>
+      {% endif %}
+
+      <div class="documentation-nav-block documentation-toc-heading-block">
+        <p class="documentation-nav-block-title">{{ docs_contents_text | strip }}</p>
+      </div>
+
+      <div class="documentation-nav-scroll">
+        <div class="documentation-overview-section">
+          <a class="documentation-overview-link{% if page.url == docs_home.url %} active{% endif %}" href="{{ docs_home.url | default: '/' | relative_url }}"{% if page.url == docs_home.url %} aria-current="page"{% endif %}>
+            <span class="documentation-overview-icon" aria-hidden="true"><i class="ti ti-home"></i></span>
+            {{ docs_home.nav_title | default: docs_home.title | default: 'Overview' }}
+          </a>
+        </div>
+
+        <div class="documentation-accordion documentation-docs-block" data-documentation-tree>
+          {% assign doc_sections = docs | map: 'section' | uniq %}
+          {% for doc_section in doc_sections %}
+            {% assign section_docs = docs | where: 'section', doc_section %}
+            {% assign doc_section = doc_section | default: docs_contents_text | strip %}
+            {% assign section_open = false %}
+            {% if page.section == doc_section %}
+              {% assign section_open = true %}
+            {% endif %}
+            <details class="documentation-accordion-section" data-documentation-tree-id="section-{{ doc_section | slugify }}"{% if section_open %} data-documentation-active-section="true" open{% endif %}>
+              <summary class="documentation-accordion-summary{% if page.section == doc_section %} active{% endif %}">
+                <span class="documentation-accordion-mark" aria-hidden="true"></span>
+                <span class="documentation-accordion-title">{{ doc_section }}</span>
+                <span class="documentation-accordion-caret" aria-hidden="true"><i class="ti ti-chevron-down"></i></span>
+              </summary>
+              <div class="documentation-accordion-items">
+                {% assign current_subsection = '' %}
+                {% for doc in section_docs %}
+                  {% assign doc_subsection = doc.subsection | default: '' %}
+                  {% if doc_subsection != '' %}
+                    {% if doc_subsection != current_subsection %}
+                      {% assign current_subsection = doc_subsection %}
+                      <a class="documentation-nav-link documentation-subsection-link level-2{% if page.section == doc_section and page.subsection == doc_subsection %} active{% endif %}" href="{{ doc.url | relative_url }}"{% if page.section == doc_section and page.subsection == doc_subsection %} aria-current="location"{% endif %}{% include documentation-profile-attributes.liquid doc=doc %}>
+                        {{ doc_subsection }}
+                      </a>
+                    {% endif %}
+                  {% else %}
+                    {% assign current_subsection = '' %}
+                    <a class="documentation-nav-link documentation-accordion-link level-2{% if page.url == doc.url %} active{% endif %}" href="{{ doc.url | relative_url }}"{% if page.url == doc.url %} aria-current="page"{% endif %}{% include documentation-profile-attributes.liquid doc=doc %}>
+                      {{ doc.nav_title | default: doc.title }}
+                    </a>
+                  {% endif %}
+                {% endfor %}
+              </div>
+            </details>
+          {% endfor %}
+        </div>
+      </div>
+    </nav>
+  </div>
+</aside>