unaltraweb 0.3.0

data/_includes/header.liquid

@@ -0,0 +1,544 @@
+{% assign current_lang = page.lang | default: site.default_lang | default: site.lang %}
+{% assign default_lang = site.default_lang | default: site.lang %}
+{% assign current_profile = site.unaltraweb.site_profile | default: 'unaltreprojecte' | slugify %}
+{% assign documentation_profile = false %}
+{% if current_profile == 'unaltredocs' %}
+  {% assign documentation_profile = true %}
+{% endif %}
+{% assign manual_profile = false %}
+{% if current_profile == 'unaltremanual' %}
+  {% assign manual_profile = true %}
+{% endif %}
+{% assign unaltraweb_navbar_fixed = site.navbar_fixed %}
+{% assign documentation_config = site.unaltraweb.documentation %}
+{% assign documentation_logo = documentation_config.logo %}
+{% assign documentation_logo_inverse = documentation_config.logo_inverse | default: documentation_logo %}
+{% assign documentation_logo_cafe = documentation_config.logo_cafe | default: documentation_config.logo_sepia | default: documentation_logo %}
+{% assign documentation_nav_title = documentation_config.nav_title | default: documentation_config.short_title | default: site.short_title | default: site.acronym | default: site.title %}
+{% assign manual_config = site.unaltraweb.manual %}
+{% assign manual_logo = manual_config.logo %}
+{% assign manual_logo_inverse = manual_config.logo_inverse | default: manual_logo %}
+{% assign manual_logo_cafe = manual_config.logo_cafe | default: manual_config.logo_sepia | default: manual_logo %}
+{% assign manual_nav_title = manual_config.nav_title | default: manual_config.short_title | default: site.short_title | default: site.acronym | default: site.title %}
+{% assign home_candidates = site.pages | where: 'ref', 'home' | where: 'lang', current_lang %}
+{% assign home_page = home_candidates | where_exp: 'candidate', 'candidate.profiles contains current_profile' | first %}
+{% if home_page == nil %}
+  {% assign home_page = home_candidates | where_exp: 'candidate', 'candidate.profiles == nil' | first %}
+{% endif %}
+
+{% if home_page %}
+  {% assign home_title = home_page.title %}
+  {% assign home_nav_title = home_page.nav_title | default: home_page.nav_label %}
+  {% assign home_url = home_page.url %}
+{% else %}
+  {% assign home_title = site.title %}
+  {% assign home_url = '/' | append: current_lang | append: '/' %}
+{% endif %}
+
+{% capture home_default_text %}{% include t.liquid key='header.home' default='Home' %}{% endcapture %}
+{% capture toggle_navigation_text %}{% include t.liquid key='header.toggle_navigation' default='Toggle navigation' %}{% endcapture %}
+{% capture current_text %}{% include t.liquid key='header.current' default='current' %}{% endcapture %}
+{% capture search_text %}{% include t.liquid key='header.search' default='Search' %}{% endcapture %}
+{% capture content_search_text %}{% include t.liquid key='search.content_placeholder' default='Search content' %}{% endcapture %}
+{% capture content_search_results_text %}{% include t.liquid key='search.content_results' default='Search results' %}{% endcapture %}
+{% capture content_search_empty_text %}{% include t.liquid key='search.content_no_results' default='No results' %}{% endcapture %}
+{% capture content_search_match_text %}{% include t.liquid key='search.content_match' default='Match {current} of {total}' %}{% endcapture %}
+{% capture content_search_previous_text %}{% include t.liquid key='search.content_previous' default='Previous match' %}{% endcapture %}
+{% capture content_search_next_text %}{% include t.liquid key='search.content_next' default='Next match' %}{% endcapture %}
+{% capture change_theme_text %}{% include t.liquid key='header.change_theme' default='Change theme' %}{% endcapture %}
+{% capture language_text %}{% include t.liquid key='header.language' default='Language' %}{% endcapture %}
+{% capture default_language_text %}{% include t.liquid key='header.default_language' default='default' %}{% endcapture %}
+{% if documentation_profile %}
+  {% capture documentation_toggle_contents_text %}{% include t.liquid key='documentation.toggle_contents' default='Show or hide table of contents' %}{% endcapture %}
+{% endif %}
+{% if manual_profile %}
+  {% capture manual_toggle_contents_text %}{% include t.liquid key='manual.toggle_sidebar' default='Toggle contents' %}{% endcapture %}
+{% endif %}
+{% if home_nav_title == nil or home_nav_title == '' %}
+  {% assign home_nav_title = home_default_text | strip %}
+{% endif %}
+{% assign home_in_sorted_nav = false %}
+{% if home_page and home_page.nav == true %}
+  {% assign home_in_sorted_nav = true %}
+{% endif %}
+
+<header>
+  <nav id="navbar" class="navbar navbar-light navbar-expand-sm {% if unaltraweb_navbar_fixed %}fixed-top{% else %}sticky-top{% endif %}" role="navigation">
+    <div class="container">
+      {% if page.ref == 'home' and site.enable_navbar_social %}
+        <div class="navbar-brand social">{% social_links %}</div>
+      {% else %}
+        <a class="navbar-brand title font-weight-lighter" href="{{ home_url | relative_url }}">
+          {% if documentation_profile and documentation_logo %}
+            <span class="documentation-navbar-logo-stack" aria-hidden="true">
+              <img class="navbar-brand-logo documentation-navbar-logo documentation-navbar-logo-light" src="{{ documentation_logo | relative_url }}" alt="">
+              <img class="navbar-brand-logo documentation-navbar-logo documentation-navbar-logo-dark" src="{{ documentation_logo_inverse | relative_url }}" alt="">
+              <img class="navbar-brand-logo documentation-navbar-logo documentation-navbar-logo-cafe" src="{{ documentation_logo_cafe | relative_url }}" alt="">
+            </span>
+            <span class="documentation-navbar-title">{{ documentation_nav_title }}</span>
+          {% elsif manual_profile and manual_logo %}
+            <span class="manual-navbar-logo-stack" aria-hidden="true">
+              <img class="navbar-brand-logo manual-navbar-logo manual-navbar-logo-light" src="{{ manual_logo | relative_url }}" alt="">
+              <img class="navbar-brand-logo manual-navbar-logo manual-navbar-logo-dark" src="{{ manual_logo_inverse | relative_url }}" alt="">
+              <img class="navbar-brand-logo manual-navbar-logo manual-navbar-logo-cafe" src="{{ manual_logo_cafe | relative_url }}" alt="">
+            </span>
+            <span class="manual-navbar-title">{{ manual_nav_title }}</span>
+          {% elsif site.title == 'blank' %}
+            {% if site.first_name %}
+              <span class="font-weight-bold">
+                {{- site.first_name -}}
+              </span>
+            {% endif %}
+            {% if site.middle_name %}
+              {{- site.middle_name -}}
+            {% endif %}
+            {% if site.last_name %}
+              {{- site.last_name -}}
+            {% endif %}
+          {% else %}
+            {{- site.title -}}
+          {% endif %}
+        </a>
+      {% endif %}
+
+      <button
+        class="navbar-toggler collapsed ml-auto{% if documentation_profile %} documentation-navbar-toc-toggle{% elsif manual_profile %} manual-navbar-toc-toggle{% endif %}"
+        type="button"
+        {% if documentation_profile %}
+          data-documentation-sidebar-toggle
+          aria-controls="documentation-nav"
+        {% elsif manual_profile %}
+          data-manual-sidebar-toggle
+          aria-controls="manual-sidebar manual-page-toc"
+        {% else %}
+          data-toggle="collapse"
+          data-target="#navbarNav"
+          aria-controls="navbarNav"
+        {% endif %}
+        aria-expanded="false"
+        aria-label="{% if documentation_profile %}{{ documentation_toggle_contents_text | strip }}{% elsif manual_profile %}{{ manual_toggle_contents_text | strip }}{% else %}{{ toggle_navigation_text | strip }}{% endif %}"
+      >
+        <span class="sr-only">{% if documentation_profile %}{{ documentation_toggle_contents_text | strip }}{% elsif manual_profile %}{{ manual_toggle_contents_text | strip }}{% else %}{{ toggle_navigation_text | strip }}{% endif %}</span>
+        <span class="icon-bar top-bar"></span>
+        <span class="icon-bar middle-bar"></span>
+        <span class="icon-bar bottom-bar"></span>
+      </button>
+
+      <div class="collapse navbar-collapse text-right" id="navbarNav">
+        <ul class="navbar-nav ml-auto flex-nowrap">
+          {% unless documentation_profile %}
+            {% unless current_profile == 'unaltremanual' or home_in_sorted_nav %}
+              <li class="nav-item {% if page.ref == 'home' %}active{% endif %}">
+                <a class="nav-link" href="{{ home_url | relative_url }}">
+                  {{- home_nav_title -}}
+                  {% if page.ref == 'home' %}
+                    <span class="sr-only">({{ current_text | strip }})</span>
+                  {% endif %}
+                </a>
+              </li>
+            {% endunless %}
+
+            {% assign sorted_pages = site.pages | where: 'lang', current_lang | sort: 'nav_order' %}
+            {% for p in sorted_pages %}
+              {% assign nav_feature = p.feature | default: p.ref %}
+              {% assign show_nav_item = true %}
+              {% assign nav_profiles = p.profiles | default: p.site_profiles %}
+              {% if nav_profiles %}
+                {% assign show_nav_item = false %}
+                {% if nav_profiles contains current_profile %}
+                  {% assign show_nav_item = true %}
+                {% endif %}
+              {% endif %}
+              {% if site.unaltraweb and site.unaltraweb.features and nav_feature %}
+                {% assign feature_setting = site.unaltraweb.features[nav_feature] %}
+                {% if feature_setting == false %}
+                  {% assign show_nav_item = false %}
+                {% endif %}
+              {% endif %}
+              {% if p.nav and show_nav_item and p.autogen == null %}
+                {% assign nav_label = p.nav_title | default: p.nav_label | default: p.title %}
+                {% if p.dropdown %}
+                  {% assign has_active_child = false %}
+                  {% for child in p.children %}
+                    {% if page.title == child.title or page.url == child.permalink %}
+                      {% assign has_active_child = true %}
+                    {% endif %}
+                  {% endfor %}
+                  <li class="nav-item dropdown {% if page.title == p.title or has_active_child %}active{% endif %}">
+                    <a
+                      class="nav-link dropdown-toggle"
+                      href="#"
+                      id="navbarDropdown"
+                      role="button"
+                      data-toggle="dropdown"
+                      aria-haspopup="true"
+                      aria-expanded="false"
+                    >
+                      {{- nav_label -}}
+                      {% if page.title == p.title or has_active_child %}
+                        <span class="sr-only">({{ current_text | strip }})</span>
+                      {% endif %}
+                    </a>
+                    <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarDropdown">
+                      {% for child in p.children %}
+                        {% if child.title == 'divider' %}
+                          {% unless forloop.first or forloop.last %}
+                            <div class="dropdown-divider"></div>
+                          {% endunless %}
+                        {% else %}
+                          <a
+                            class="dropdown-item {% if page.title == child.title or page.url == child.permalink %}active{% endif %}"
+                            href="{% if child.permalink contains '://' %}{{ child.permalink }}{% else %}{{ child.permalink | relative_url }}{% endif %}"
+                          >
+                            {{- child.title -}}
+                          </a>
+                        {% endif %}
+                      {% endfor %}
+                    </div>
+                  </li>
+                {% else %}
+                  {% assign parent_link = p.url | remove: 'index.html' %}
+                  {% assign is_active = false %}
+                  {% if page.url == p.url %}
+                    {% assign is_active = true %}
+                  {% elsif parent_link != '/' and page.url contains parent_link %}
+                    {% assign is_active = true %}
+                  {% elsif p.ref == 'blog' and page.url contains '/blog/' %}
+                    {% assign is_active = true %}
+                  {% endif %}
+
+                  <li class="nav-item {% if is_active %}active{% endif %}">
+                    {% if p.permalink contains '://' %}
+                      {% assign url = p.permalink %}
+                    {% else %}
+                      {% assign url = p.url | remove: 'index.html' %}
+                    {% endif %}
+
+                    <a class="nav-link" href="{{ url | relative_url }}">
+                      {{- nav_label -}}
+                      {% if is_active %}
+                        <span class="sr-only">({{ current_text | strip }})</span>
+                      {% endif %}
+                    </a>
+                  </li>
+                {% endif %}
+              {% endif %}
+            {% endfor %}
+          {% endunless %}
+
+          {% unless current_profile == 'unaltreprojecte' or current_profile == 'unaltreselfie' %}
+          {% if site.search_enabled and documentation_profile == false and manual_profile == false %}
+            <li class="nav-item">
+              <button id="search-toggle" title="{{ search_text | strip }}" onclick="openSearchModal()">
+                <span class="nav-link">ctrl k <i class="ti ti-search"></i></span>
+              </button>
+            </li>
+          {% endif %}
+
+          {% if current_profile == 'unaltremanual' %}
+            {% capture manual_search_text %}{% include t.liquid key='manual.search_placeholder' default='Type to search' %}{% endcapture %}
+            {% capture manual_search_results_text %}{% include t.liquid key='manual.search_results' default='Search results' %}{% endcapture %}
+            {% capture manual_search_empty_text %}{% include t.liquid key='manual.search_no_results' default='No results' %}{% endcapture %}
+            {% capture manual_font_decrease_text %}{% include t.liquid key='manual.font_decrease' default='Decrease text size' %}{% endcapture %}
+            {% capture manual_font_increase_text %}{% include t.liquid key='manual.font_increase' default='Increase text size' %}{% endcapture %}
+            {% capture manual_font_reset_text %}{% include t.liquid key='manual.font_reset' default='Reset text size' %}{% endcapture %}
+            <li class="nav-item content-navbar-search documentation-navbar-search manual-navbar-search" role="search" data-content-search-box>
+              <label class="sr-only" for="manual-navbar-search-input">{{ manual_search_text | strip }}</label>
+              <span class="manual-navbar-search-icon" aria-hidden="true"><i class="ti ti-search"></i></span>
+              <input id="manual-navbar-search-input" class="content-search-input documentation-search-input manual-navbar-search-input" type="search" data-content-search data-content-search-url="{{ '/assets/js/content-search-index.json' | relative_url }}" data-content-search-target=".manual-main" data-content-search-empty="{{ manual_search_empty_text | strip | escape }}" data-content-search-match="{{ content_search_match_text | strip | escape }}" data-content-search-previous="{{ content_search_previous_text | strip | escape }}" data-content-search-next="{{ content_search_next_text | strip | escape }}" data-content-search-results-label="{{ manual_search_results_text | strip | escape }}" placeholder="{{ manual_search_text | strip }}" autocomplete="off" aria-controls="manual-navbar-search-results" aria-expanded="false">
+              <div id="manual-navbar-search-results" class="content-search-results documentation-search-results manual-navbar-search-results" data-content-search-results data-content-search-empty="{{ manual_search_empty_text | strip | escape }}" aria-live="polite" hidden>
+                <h2>{{ manual_search_results_text | strip }}</h2>
+                <ol data-content-search-list></ol>
+              </div>
+            </li>
+            <li class="nav-item dropdown manual-font-nav">
+              <a
+                class="nav-link dropdown-toggle manual-font-nav-toggle"
+                href="#"
+                id="navbarManualFontDropdown"
+                role="button"
+                data-toggle="dropdown"
+                aria-haspopup="true"
+                aria-expanded="false"
+                title="{{ manual_font_increase_text | strip }}"
+              >
+                <span aria-hidden="true">A</span>
+                <span class="sr-only">{{ manual_font_increase_text | strip }}</span>
+              </a>
+              <div class="dropdown-menu dropdown-menu-right manual-font-menu" aria-labelledby="navbarManualFontDropdown">
+                <button class="dropdown-item" type="button" data-manual-font="decrease">A- <span>{{ manual_font_decrease_text | strip }}</span></button>
+                <button class="dropdown-item" type="button" data-manual-font="reset">A <span>{{ manual_font_reset_text | strip }}</span></button>
+                <button class="dropdown-item" type="button" data-manual-font="increase">A+ <span>{{ manual_font_increase_text | strip }}</span></button>
+              </div>
+            </li>
+          {% endif %}
+
+          {% if documentation_profile %}
+            {% capture docs_search_text %}{% include t.liquid key='documentation.search_placeholder' default='Search documentation' %}{% endcapture %}
+            {% capture docs_search_results_text %}{% include t.liquid key='documentation.search_results' default='Search results' %}{% endcapture %}
+            {% capture docs_search_empty_text %}{% include t.liquid key='documentation.search_no_results' default='No results' %}{% endcapture %}
+            {% capture docs_font_size_text %}{% include t.liquid key='documentation.font_size' default='Text size' %}{% endcapture %}
+            {% capture docs_font_decrease_text %}{% include t.liquid key='documentation.font_decrease' default='Decrease text size' %}{% endcapture %}
+            {% capture docs_font_increase_text %}{% include t.liquid key='documentation.font_increase' default='Increase text size' %}{% endcapture %}
+            {% capture docs_font_reset_text %}{% include t.liquid key='documentation.font_reset' default='Reset text size' %}{% endcapture %}
+            <li class="nav-item content-navbar-search documentation-navbar-search" role="search" data-content-search-box>
+              <label class="sr-only" for="documentation-navbar-search-input">{{ docs_search_text | strip }}</label>
+              <span class="documentation-navbar-search-icon" aria-hidden="true"><i class="ti ti-search"></i></span>
+              <input id="documentation-navbar-search-input" class="content-search-input documentation-search-input" type="search" data-content-search data-content-search-url="{{ '/assets/js/content-search-index.json' | relative_url }}" data-content-search-target=".documentation-main" data-content-search-empty="{{ docs_search_empty_text | strip | escape }}" data-content-search-match="{{ content_search_match_text | strip | escape }}" data-content-search-previous="{{ content_search_previous_text | strip | escape }}" data-content-search-next="{{ content_search_next_text | strip | escape }}" data-content-search-results-label="{{ docs_search_results_text | strip | escape }}" placeholder="{{ docs_search_text | strip }}" autocomplete="off" aria-controls="documentation-navbar-search-results" aria-expanded="false">
+              <div id="documentation-navbar-search-results" class="content-search-results documentation-search-results" data-content-search-results data-content-search-empty="{{ docs_search_empty_text | strip | escape }}" aria-live="polite" hidden>
+                <h2>{{ docs_search_results_text | strip }}</h2>
+                <ol data-content-search-list></ol>
+              </div>
+            </li>
+            <li class="nav-item dropdown documentation-font-nav documentation-font-dropdown">
+              <a
+                class="nav-link dropdown-toggle documentation-font-nav-toggle"
+                href="#"
+                id="documentationFontDropdown"
+                role="button"
+                data-toggle="dropdown"
+                aria-haspopup="true"
+                aria-expanded="false"
+                title="{{ docs_font_size_text | strip }}"
+              >
+                <span aria-hidden="true">A</span>
+                <span class="sr-only">{{ docs_font_size_text | strip }}</span>
+              </a>
+              <div class="dropdown-menu dropdown-menu-right documentation-font-menu" aria-labelledby="documentationFontDropdown">
+                <button class="dropdown-item documentation-font-menu-item" type="button" data-documentation-font="decrease">A- <span>{{ docs_font_decrease_text | strip }}</span></button>
+                <button class="dropdown-item documentation-font-menu-item" type="button" data-documentation-font="reset">A <span>{{ docs_font_reset_text | strip }}</span></button>
+                <button class="dropdown-item documentation-font-menu-item" type="button" data-documentation-font="increase">A+ <span>{{ docs_font_increase_text | strip }}</span></button>
+              </div>
+            </li>
+          {% endif %}
+
+          {% if site.languages and site.languages.size > 1 %}
+            {% assign current_ref = page.ref | default: 'home' %}
+            {% assign current_lang_flag = '🏳️' %}
+            {% case current_lang %}
+              {% when 'en' %}
+                {% assign current_lang_flag = '🇬🇧' %}
+              {% when 'es' %}
+                {% assign current_lang_flag = '🇪🇸' %}
+              {% when 'ca' %}
+                {% assign current_lang_flag = '🇦🇩' %}
+            {% endcase %}
+            <li class="nav-item dropdown">
+              <a
+                class="nav-link dropdown-toggle"
+                href="#"
+                id="navbarLangDropdown"
+                role="button"
+                data-toggle="dropdown"
+                aria-haspopup="true"
+                aria-expanded="false"
+                title="{{ language_text | strip }}"
+              >
+                <span aria-hidden="true">{{ current_lang_flag }}</span>
+                <span class="sr-only">{{ language_text | strip }}: {{ current_lang | upcase }}</span>
+              </a>
+              <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarLangDropdown">
+                {% for lang_code in site.languages %}
+                  {% assign localized_candidates = site.pages | where: 'ref', current_ref | where: 'lang', lang_code %}
+                  {% assign localized_page = localized_candidates | where_exp: 'candidate', 'candidate.profiles contains current_profile' | first %}
+                  {% if localized_page == nil %}
+                    {% assign localized_page = localized_candidates | where_exp: 'candidate', 'candidate.profiles == nil' | first %}
+                  {% endif %}
+                  {% if localized_page == nil %}
+                    {% assign localized_page = site.documents | where: 'ref', current_ref | where: 'lang', lang_code | first %}
+                  {% endif %}
+                  {% if localized_page %}
+                    {% assign lang_url = localized_page.url | remove: 'index.html' %}
+                  {% else %}
+                    {% assign fallback_home = site.pages | where: 'ref', 'home' | where: 'lang', lang_code | first %}
+                    {% if fallback_home %}
+                      {% assign lang_url = fallback_home.url %}
+                    {% else %}
+                      {% assign lang_url = '/' | append: lang_code | append: '/' %}
+                    {% endif %}
+                  {% endif %}
+
+                  {% assign lang_label = nil %}
+                  {% if site.data.i18n[current_lang] and site.data.i18n[current_lang].languages %}
+                    {% assign lang_label = site.data.i18n[current_lang].languages[lang_code] %}
+                  {% endif %}
+                  {% if lang_label == nil and site.data.i18n[default_lang] and site.data.i18n[default_lang].languages %}
+                    {% assign lang_label = site.data.i18n[default_lang].languages[lang_code] %}
+                  {% endif %}
+                  {% if lang_label == nil %}
+                    {% assign lang_label = lang_code | upcase %}
+                  {% endif %}
+
+                  {% assign lang_flag = '🏳️' %}
+                  {% case lang_code %}
+                    {% when 'en' %}
+                      {% assign lang_flag = '🇬🇧' %}
+                    {% when 'es' %}
+                      {% assign lang_flag = '🇪🇸' %}
+                    {% when 'ca' %}
+                      {% assign lang_flag = '🇦🇩' %}
+                  {% endcase %}
+
+                  <a
+                    class="dropdown-item language-option {% if current_lang == lang_code %}active{% endif %}"
+                    href="{{ lang_url | relative_url }}"
+                    hreflang="{{ lang_code }}"
+                    lang="{{ lang_code }}"
+                    {% if current_lang == lang_code %}aria-current="page"{% endif %}
+                    {% if default_lang == lang_code %}data-default-language="true"{% endif %}
+                  >
+                    <span aria-hidden="true">{{ lang_flag }}</span>
+                    <span class="language-option-label">{{ lang_label }}</span>
+                    {% if default_lang == lang_code %}<span class="language-default-badge">{{ default_language_text | strip }}</span>{% endif %}
+                  </a>
+                {% endfor %}
+              </div>
+            </li>
+          {% endif %}
+
+          {% if site.enable_darkmode %}
+            {% if documentation_profile %}
+              {% capture theme_system_text %}{% include t.liquid key='documentation.theme_system' default='System' %}{% endcapture %}
+              {% capture theme_light_text %}{% include t.liquid key='documentation.theme_light' default='Light' %}{% endcapture %}
+              {% capture theme_dark_text %}{% include t.liquid key='documentation.theme_dark' default='Dark' %}{% endcapture %}
+              {% capture theme_cafe_text %}{% include t.liquid key='documentation.theme_cafe' default='Coffee' %}{% endcapture %}
+            {% endif %}
+            <li class="toggle-container">
+              <button id="light-toggle" title="{{ change_theme_text | strip }}"{% if documentation_profile %} data-theme-label-system="{{ theme_system_text | strip | escape }}" data-theme-label-light="{{ theme_light_text | strip | escape }}" data-theme-label-dark="{{ theme_dark_text | strip | escape }}" data-theme-label-cafe="{{ theme_cafe_text | strip | escape }}"{% endif %}>
+                <i class="ti ti-sun-moon" id="light-toggle-system"></i>
+                <i class="ti ti-moon-filled" id="light-toggle-dark"></i>
+                <i class="ti ti-sun-filled" id="light-toggle-light"></i>
+                <i class="ti ti-coffee" id="light-toggle-cafe"></i>
+                {% if documentation_profile %}<span class="sr-only" data-documentation-theme-label>{{ theme_system_text | strip }}</span>{% endif %}
+              </button>
+            </li>
+          {% endif %}
+          {% endunless %}
+        </ul>
+      </div>
+      {% if current_profile == 'unaltreprojecte' or current_profile == 'unaltreselfie' %}
+        <ul class="navbar-nav profile-navbar-utilities flex-nowrap">
+          <li class="nav-item content-navbar-search profile-navbar-content-search" role="search" data-content-search-box>
+            <label class="sr-only" for="profile-navbar-content-search-input">{{ content_search_text | strip }}</label>
+            <span class="content-navbar-search-icon" aria-hidden="true"><i class="ti ti-search"></i></span>
+            <input id="profile-navbar-content-search-input" class="content-search-input" type="search" data-content-search data-content-search-url="{{ '/assets/js/content-search-index.json' | relative_url }}" data-content-search-target="[data-content-search-root]" data-content-search-empty="{{ content_search_empty_text | strip | escape }}" data-content-search-match="{{ content_search_match_text | strip | escape }}" data-content-search-previous="{{ content_search_previous_text | strip | escape }}" data-content-search-next="{{ content_search_next_text | strip | escape }}" data-content-search-results-label="{{ content_search_results_text | strip | escape }}" placeholder="{{ content_search_text | strip }}" autocomplete="off" aria-controls="profile-navbar-content-search-results" aria-expanded="false">
+            <div id="profile-navbar-content-search-results" class="content-search-results" data-content-search-results data-content-search-empty="{{ content_search_empty_text | strip | escape }}" aria-live="polite" hidden>
+              <h2>{{ content_search_results_text | strip }}</h2>
+              <ol data-content-search-list></ol>
+            </div>
+          </li>
+          {% if site.search_enabled %}
+            <li class="nav-item profile-navbar-search-item">
+              <button id="search-toggle" title="{{ search_text | strip }}" onclick="openSearchModal()">
+                <span class="nav-link"><i class="ti ti-search" aria-hidden="true"></i><span class="sr-only">{{ search_text | strip }}</span></span>
+              </button>
+            </li>
+          {% endif %}
+
+          {% if site.languages and site.languages.size > 1 %}
+            {% assign current_ref = page.ref | default: 'home' %}
+            {% assign current_lang_flag = '🏳️' %}
+            {% case current_lang %}
+              {% when 'en' %}
+                {% assign current_lang_flag = '🇬🇧' %}
+              {% when 'es' %}
+                {% assign current_lang_flag = '🇪🇸' %}
+              {% when 'ca' %}
+                {% assign current_lang_flag = '🇦🇩' %}
+            {% endcase %}
+            <li class="nav-item dropdown">
+              <a
+                class="nav-link dropdown-toggle"
+                href="#"
+                id="navbarLangDropdown"
+                role="button"
+                data-toggle="dropdown"
+                aria-haspopup="true"
+                aria-expanded="false"
+                title="{{ language_text | strip }}"
+              >
+                <span aria-hidden="true">{{ current_lang_flag }}</span>
+                <span class="sr-only">{{ language_text | strip }}: {{ current_lang | upcase }}</span>
+              </a>
+              <div class="dropdown-menu dropdown-menu-right" aria-labelledby="navbarLangDropdown">
+                {% for lang_code in site.languages %}
+                  {% assign localized_candidates = site.pages | where: 'ref', current_ref | where: 'lang', lang_code %}
+                  {% assign localized_page = localized_candidates | where_exp: 'candidate', 'candidate.profiles contains current_profile' | first %}
+                  {% if localized_page == nil %}
+                    {% assign localized_page = localized_candidates | where_exp: 'candidate', 'candidate.profiles == nil' | first %}
+                  {% endif %}
+                  {% if localized_page == nil %}
+                    {% assign localized_page = site.documents | where: 'ref', current_ref | where: 'lang', lang_code | first %}
+                  {% endif %}
+                  {% if localized_page %}
+                    {% assign lang_url = localized_page.url | remove: 'index.html' %}
+                  {% else %}
+                    {% assign fallback_home = site.pages | where: 'ref', 'home' | where: 'lang', lang_code | first %}
+                    {% if fallback_home %}
+                      {% assign lang_url = fallback_home.url %}
+                    {% else %}
+                      {% assign lang_url = '/' | append: lang_code | append: '/' %}
+                    {% endif %}
+                  {% endif %}
+
+                  {% assign lang_label = nil %}
+                  {% if site.data.i18n[current_lang] and site.data.i18n[current_lang].languages %}
+                    {% assign lang_label = site.data.i18n[current_lang].languages[lang_code] %}
+                  {% endif %}
+                  {% if lang_label == nil and site.data.i18n[default_lang] and site.data.i18n[default_lang].languages %}
+                    {% assign lang_label = site.data.i18n[default_lang].languages[lang_code] %}
+                  {% endif %}
+                  {% if lang_label == nil %}
+                    {% assign lang_label = lang_code | upcase %}
+                  {% endif %}
+
+                  {% assign lang_flag = '🏳️' %}
+                  {% case lang_code %}
+                    {% when 'en' %}
+                      {% assign lang_flag = '🇬🇧' %}
+                    {% when 'es' %}
+                      {% assign lang_flag = '🇪🇸' %}
+                    {% when 'ca' %}
+                      {% assign lang_flag = '🇦🇩' %}
+                  {% endcase %}
+
+                  <a
+                    class="dropdown-item language-option {% if current_lang == lang_code %}active{% endif %}"
+                    href="{{ lang_url | relative_url }}"
+                    hreflang="{{ lang_code }}"
+                    lang="{{ lang_code }}"
+                    {% if current_lang == lang_code %}aria-current="page"{% endif %}
+                    {% if default_lang == lang_code %}data-default-language="true"{% endif %}
+                  >
+                    <span aria-hidden="true">{{ lang_flag }}</span>
+                    <span class="language-option-label">{{ lang_label }}</span>
+                    {% if default_lang == lang_code %}<span class="language-default-badge">{{ default_language_text | strip }}</span>{% endif %}
+                  </a>
+                {% endfor %}
+              </div>
+            </li>
+          {% endif %}
+
+          {% if site.enable_darkmode %}
+            <li class="toggle-container">
+              <button id="light-toggle" title="{{ change_theme_text | strip }}">
+                <i class="ti ti-sun-moon" id="light-toggle-system"></i>
+                <i class="ti ti-moon-filled" id="light-toggle-dark"></i>
+                <i class="ti ti-sun-filled" id="light-toggle-light"></i>
+                <i class="ti ti-coffee" id="light-toggle-cafe"></i>
+              </button>
+            </li>
+          {% endif %}
+        </ul>
+      {% endif %}
+    </div>
+  </nav>
+
+  {% if site.enable_progressbar %}
+    <progress id="progress" value="0">
+      <div class="progress-container">
+        <span class="progress-bar"></span>
+      </div>
+    </progress>
+  {% endif %}
+</header>

data/_includes/latest_posts.liquid

@@ -0,0 +1,61 @@
+{% assign current_lang = page.lang | default: site.default_lang | default: site.lang %}
+{% assign default_lang = site.default_lang | default: site.lang %}
+
+{% assign localized_posts = site.posts | where: 'lang', current_lang %}
+{% assign fallback_posts = site.posts | where_exp: 'post', 'post.lang == nil' %}
+{% assign localized_posts = localized_posts | concat: fallback_posts %}
+{% if current_lang != default_lang and localized_posts.size == fallback_posts.size %}
+  {% assign default_lang_posts = site.posts | where: 'lang', default_lang %}
+  {% assign localized_posts = default_lang_posts | concat: fallback_posts %}
+{% endif %}
+
+{% assign latest_posts = localized_posts | sort: 'date' | reverse %}
+{% assign latest_posts_size = latest_posts | size %}
+
+<div class="news">
+  {% if latest_posts_size > 0 %}
+    <div
+      class="table-responsive"
+      {% if page.latest_posts.scrollable and latest_posts_size > 3 %}
+        style="max-height: 60vw"
+      {% endif %}
+    >
+      <table class="table table-sm table-borderless">
+        {% if page.latest_posts.limit %}
+          {% assign latest_posts_limit = page.latest_posts.limit %}
+        {% else %}
+          {% assign latest_posts_limit = latest_posts_size %}
+        {% endif %}
+
+        {% for item in latest_posts limit: latest_posts_limit %}
+          <tr>
+            <th scope="row" style="width: 20%">{% include localized-date.liquid date=item.date format_key='date.formats.short' default_format='%Y-%m-%d' %}</th>
+            <td>
+              {% if item.redirect == blank %}
+                <a class="news-title" href="{{ item.url | relative_url }}">{{ item.title }}</a>
+              {% elsif item.redirect contains '://' %}
+                <a class="news-title" href="{{ item.redirect }}" target="_blank">{{ item.title }}</a>
+                <svg width="2rem" height="2rem" viewBox="0 0 40 40" xmlns="http://www.w3.org/2000/svg">
+                  <path
+                    d="M17 13.5v6H5v-12h6m3-3h6v6m0-6-9 9"
+                    class="icon_svg-stroke"
+                    stroke="#999"
+                    stroke-width="1.5"
+                    fill="none"
+                    fill-rule="evenodd"
+                    stroke-linecap="round"
+                    stroke-linejoin="round"
+                  ></path>
+                </svg>
+              {% else %}
+                <a class="news-title" href="{{ item.redirect | relative_url }}">{{ item.title }}</a>
+              {% endif %}
+            </td>
+          </tr>
+        {% endfor %}
+      </table>
+    </div>
+  {% else %}
+    <p>{% include t.liquid key='latest_posts.empty' default='No posts so far...' %}</p>
+  {% endif %}
+</div>

data/_includes/localized-date.liquid

@@ -0,0 +1,5 @@
+{%- assign date_value = include.date -%}
+{%- assign format_key = include.format_key | default: 'date.formats.default' -%}
+{%- assign default_format = include.default_format | default: '%Y-%m-%d' -%}
+{%- capture localized_date_format -%}{%- include t.liquid key=format_key default=default_format -%}{%- endcapture -%}
+{{- date_value | date: localized_date_format | strip -}}

data/_includes/manual-bibliography.liquid

@@ -0,0 +1,2 @@
+{% include manual-featured-readings.liquid %}
+{% include manual-other-readings.liquid %}

data/_includes/manual-featured-readings.liquid

@@ -0,0 +1,12 @@
+{% capture manual_selected_text %}{% include t.liquid key='manual.selected_readings' default='Selected readings' %}{% endcapture %}
+{% capture manual_selected_count_raw %}{% bibliography_count --query @*[manual=true && manual_selected=true] %}{% endcapture %}
+{% assign manual_selected_count = manual_selected_count_raw | strip | plus: 0 %}
+
+{% if manual_selected_count > 0 %}
+<section class="manual-bibliography-section manual-featured-bibliography" aria-labelledby="manual-selected-readings-title">
+  <h2 id="manual-selected-readings-title">{{ manual_selected_text | strip }}</h2>
+  <div class="manual-bibliography publications manual-featured-bibliography-list">
+    {% bibliography --query @*[manual=true && manual_selected=true] --template manual-featured-bib --group_by none %}
+  </div>
+</section>
+{% endif %}

data/_includes/manual-other-readings.liquid

@@ -0,0 +1,12 @@
+{% capture manual_more_text %}{% include t.liquid key='manual.more_readings' default='More readings' %}{% endcapture %}
+{% capture manual_more_count_raw %}{% bibliography_count --query @*[manual=true && manual_selected=false] %}{% endcapture %}
+{% assign manual_more_count = manual_more_count_raw | strip | plus: 0 %}
+
+{% if manual_more_count > 0 %}
+<section class="manual-bibliography-section manual-more-bibliography" aria-labelledby="manual-more-readings-title">
+  <h2 id="manual-more-readings-title">{{ manual_more_text | strip }}</h2>
+  <div class="manual-bibliography publications manual-other-bibliography">
+    {% bibliography --query @*[manual=true && manual_selected=false] --template manual-bib --group_by none %}
+  </div>
+</section>
+{% endif %}