unaltraweb 0.3.0

data/_includes/pagination.liquid

@@ -0,0 +1,22 @@
+{% if paginator.total_pages > 1 %}
+  {% capture blog_navigation_text %}{% include t.liquid key='pagination.blog_navigation' default='Blog page navigation' %}{% endcapture %}
+  <nav aria-label="{{ blog_navigation_text | strip }}">
+    <ul class="pagination pagination-lg justify-content-center">
+      <li class="page-item {% unless paginator.previous_page %}disabled{% endunless %}">
+        <a class="page-link" href="{{ paginator.previous_page_path | relative_url }}" tabindex="-1" aria-disabled="{{ paginator.previous_page }}"
+          >&lt;</a
+        >
+      </li>
+      {% if paginator.page_trail %}
+        {% for trail in paginator.page_trail %}
+          <li class="page-item {% if page.url == trail.path %}active{% endif %}">
+            <a class="page-link" href="{{ trail.path | relative_url | remove: 'index.html' }}" title="{{ trail.title }}">{{ trail.num }}</a>
+          </li>
+        {% endfor %}
+      {% endif %}
+      <li class="page-item {% unless paginator.next_page %}disabled{% endunless %}">
+        <a class="page-link" href="{{ paginator.next_page_path | relative_url }}">&gt;</a>
+      </li>
+    </ul>
+  </nav>
+{% endif %}

data/_includes/post-reading-time.liquid

@@ -0,0 +1,29 @@
+{% assign reading_time_item = include.item | default: page %}
+{% if reading_time_item.reading_time != false %}
+  {% assign configured_minutes = reading_time_item.reading_time_minutes | default: reading_time_item.reading_minutes %}
+  {% if configured_minutes %}
+    {% assign reading_minutes = configured_minutes | plus: 0 %}
+  {% else %}
+    {% assign reading_time_source = include.content | default: reading_time_item.content | default: content %}
+    {% assign reading_words = reading_time_source | strip_html | strip_newlines | number_of_words %}
+    {% assign words_per_minute = site.reading_time.words_per_minute | default: site.words_per_minute | default: 200 | plus: 0 %}
+    {% if words_per_minute <= 0 %}
+      {% assign words_per_minute = 200 %}
+    {% endif %}
+    {% assign reading_minutes = reading_words | divided_by: words_per_minute %}
+    {% assign reading_remainder = reading_words | modulo: words_per_minute %}
+    {% if reading_remainder > 0 %}
+      {% assign reading_minutes = reading_minutes | plus: 1 %}
+    {% endif %}
+  {% endif %}
+  {% if reading_minutes < 1 %}
+    {% assign reading_minutes = 1 %}
+  {% endif %}
+  {% capture reading_time_label %}{% include t.liquid key='post.reading_time' default='Reading time' %}{% endcapture %}
+  {% capture reading_time_unit %}{% include t.liquid key='post.reading_time_minutes' default='min read' %}{% endcapture %}
+  <span class="post-reading-time" title="{{ reading_time_label | strip }}">
+    <i class="fa-regular fa-clock fa-sm" aria-hidden="true"></i>
+    <span class="sr-only">{{ reading_time_label | strip }}:</span>
+    {{ reading_minutes }} {{ reading_time_unit | strip }}
+  </span>
+{% endif %}

data/_includes/previous-next.liquid

@@ -0,0 +1,37 @@
+{% assign items = include.items %}
+{% assign current_url = include.current_url | default: page.url %}
+{% assign previous_item = nil %}
+{% assign next_item = nil %}
+{% assign current_seen = false %}
+{% for item in items %}
+  {% if current_seen and next_item == nil %}
+    {% assign next_item = item %}
+  {% endif %}
+  {% if item.url == current_url %}
+    {% assign current_seen = true %}
+  {% elsif current_seen == false %}
+    {% assign previous_item = item %}
+  {% endif %}
+{% endfor %}
+{% capture previous_text %}{% include t.liquid key='navigation.previous' default='Previous' %}{% endcapture %}
+{% capture next_text %}{% include t.liquid key='navigation.next' default='Next' %}{% endcapture %}
+{% assign aria_label = include.aria_label | default: 'Page navigation' %}
+
+{% if previous_item or next_item %}
+  <nav class="previous-next-nav{% if include.class %} {{ include.class }}{% endif %}" aria-label="{{ aria_label | escape }}">
+    {% if previous_item %}
+      <a class="previous-next-link previous" href="{{ previous_item.url | relative_url }}">
+        <span>{{ previous_text | strip }}</span>
+        <strong>{{ previous_item.nav_title | default: previous_item.title }}</strong>
+      </a>
+    {% else %}
+      <span></span>
+    {% endif %}
+    {% if next_item %}
+      <a class="previous-next-link next" href="{{ next_item.url | relative_url }}">
+        <span>{{ next_text | strip }}</span>
+        <strong>{{ next_item.nav_title | default: next_item.title }}</strong>
+      </a>
+    {% endif %}
+  </nav>
+{% endif %}

data/_includes/profile-card.liquid

@@ -0,0 +1,49 @@
+{% assign author = include.author | default: site.author %}
+{% assign current_lang = page.lang | default: site.default_lang | default: site.lang %}
+
+{% if author %}
+  {% assign name_key = 'name_' | append: current_lang %}
+  {% assign bio_key = 'bio_' | append: current_lang %}
+  {% assign affiliation_key = 'affiliation_' | append: current_lang %}
+  {% assign location_key = 'location_' | append: current_lang %}
+  {% assign author_name = author[name_key] | default: author.name %}
+  {% assign author_bio = author[bio_key] | default: author.bio %}
+  {% assign author_affiliation = author[affiliation_key] | default: author.affiliation %}
+  {% assign author_location = author[location_key] | default: author.location %}
+  {% capture profile_email_text %}{% include t.liquid key='profile.email' default='Email' %}{% endcapture %}
+  {% capture profile_website_text %}{% include t.liquid key='profile.website' default='Website' %}{% endcapture %}
+  {% capture profile_location_text %}{% include t.liquid key='profile.location' default='Location' %}{% endcapture %}
+
+  <aside class="profile-card" itemscope itemtype="https://schema.org/Person">
+    {% assign profile_avatar = author.avatar | default: 'profile-placeholder.svg' %}
+    {% if profile_avatar contains '://' %}
+      {% assign avatar_src = profile_avatar %}
+    {% elsif profile_avatar contains '/' %}
+      {% assign avatar_src = profile_avatar | relative_url %}
+    {% else %}
+      {% assign avatar_src = profile_avatar | prepend: '/assets/img/' | relative_url %}
+    {% endif %}
+    <img class="profile-card-avatar" src="{{ avatar_src }}" alt="{{ author_name | default: site.title | escape }}" itemprop="image">
+
+    <div class="profile-card-body">
+      {% if author_name %}<h2 class="profile-card-name" itemprop="name">{{ author_name }}</h2>{% endif %}
+      {% if author_bio %}<p class="profile-card-bio" itemprop="description">{{ author_bio }}</p>{% endif %}
+      {% if author_affiliation %}<p class="profile-card-affiliation">{{ author_affiliation }}</p>{% endif %}
+      {% if author_location %}<p class="profile-card-meta"><i class="fa-solid fa-location-dot" aria-hidden="true"></i><span class="sr-only">{{ profile_location_text | strip }}:</span> {{ author_location }}</p>{% endif %}
+    </div>
+
+    <ul class="profile-card-links" aria-label="Profile links">
+      {% if author.email %}<li><a href="mailto:{{ author.email }}" aria-label="{{ profile_email_text | strip }}"><i class="fa-solid fa-envelope" aria-hidden="true"></i><span>{{ profile_email_text | strip }}</span></a></li>{% endif %}
+      {% if author.uri %}<li><a href="{{ author.uri }}" aria-label="{{ profile_website_text | strip }}"><i class="fa-solid fa-globe" aria-hidden="true"></i><span>{{ profile_website_text | strip }}</span></a></li>{% endif %}
+      {% if author.orcid %}<li><a href="https://orcid.org/{{ author.orcid }}" aria-label="ORCID"><i class="ai ai-orcid" aria-hidden="true"></i><span>ORCID</span></a></li>{% endif %}
+      {% if author.google_scholar %}<li><a href="https://scholar.google.com/citations?user={{ author.google_scholar }}" aria-label="Google Scholar"><i class="ai ai-google-scholar" aria-hidden="true"></i><span>Google Scholar</span></a></li>{% endif %}
+      {% if author.research_gate %}<li><a href="https://www.researchgate.net/profile/{{ author.research_gate }}" aria-label="ResearchGate"><i class="ai ai-researchgate" aria-hidden="true"></i><span>ResearchGate</span></a></li>{% endif %}
+      {% if author.researcherid %}<li><a href="https://www.webofscience.com/wos/author/record/{{ author.researcherid }}" aria-label="ResearcherID"><i class="fa-solid fa-id-badge" aria-hidden="true"></i><span>ResearcherID</span></a></li>{% endif %}
+      {% if author.github %}<li><a href="https://github.com/{{ author.github }}" aria-label="GitHub"><i class="fa-brands fa-github" aria-hidden="true"></i><span>GitHub</span></a></li>{% endif %}
+      {% if author.linkedin %}<li><a href="https://www.linkedin.com/in/{{ author.linkedin }}" aria-label="LinkedIn"><i class="fa-brands fa-linkedin" aria-hidden="true"></i><span>LinkedIn</span></a></li>{% endif %}
+      {% if author.bluesky %}<li><a href="{{ author.bluesky }}" aria-label="Bluesky"><i class="fa-brands fa-bluesky" aria-hidden="true"></i><span>Bluesky</span></a></li>{% endif %}
+      {% if author.mastodon %}<li><a href="{{ author.mastodon }}" aria-label="Mastodon"><i class="fa-brands fa-mastodon" aria-hidden="true"></i><span>Mastodon</span></a></li>{% endif %}
+      {% if author.x %}<li><a href="https://x.com/{{ author.x }}" aria-label="X"><i class="fa-brands fa-x-twitter" aria-hidden="true"></i><span>X</span></a></li>{% endif %}
+    </ul>
+  </aside>
+{% endif %}

data/_includes/profile-feature-matrix.liquid

@@ -0,0 +1,75 @@
+{% assign matrix = include.matrix | default: page.profile_feature_matrix %}
+{% assign profiles = matrix.profiles %}
+{% assign rows = matrix.rows %}
+{% if matrix and profiles and rows %}
+<div class="profile-feature-matrix-legend">
+  {% if matrix.legend %}
+    <p>{{ matrix.legend }}</p>
+  {% endif %}
+  {% assign legend_statuses = 'yes,config,no' | split: ',' %}
+  <ul class="profile-feature-matrix-key" aria-label="{{ matrix.legend_label | default: 'Legend' }}">
+    {% for status in legend_statuses %}
+      {% assign status_label = matrix.labels[status] | default: status %}
+      <li class="profile-feature-matrix-key-item">
+        <span class="profile-feature-status profile-feature-status-{{ status | slugify }}">
+          {% case status %}
+            {% when 'yes' %}
+              <span aria-hidden="true">&#10003;</span>
+            {% when 'config' %}
+              <span aria-hidden="true">&ndash;</span>
+            {% else %}
+              <span aria-hidden="true">&times;</span>
+          {% endcase %}
+        </span>
+        <span class="profile-feature-matrix-key-label">{{ status_label }}</span>
+      </li>
+    {% endfor %}
+  </ul>
+</div>
+<div class="profile-feature-matrix-wrapper">
+    <table class="profile-feature-matrix">
+      <thead>
+        <tr>
+          <th scope="col">{{ matrix.feature_label | default: 'Feature' }}</th>
+          {% for profile in profiles %}
+            <th scope="col">{{ profile.label }}</th>
+          {% endfor %}
+        </tr>
+      </thead>
+      <tbody>
+        {% for row in rows %}
+          <tr>
+            <th scope="row">
+              {% if row.url %}
+                <a href="{{ row.url | relative_url }}">{{ row.label }}</a>
+              {% else %}
+                {{ row.label }}
+              {% endif %}
+            </th>
+            {% for profile in profiles %}
+              {% assign raw_status = row[profile.key] | default: 'no' %}
+              {% if raw_status == true %}
+                {% assign status = 'yes' %}
+              {% elsif raw_status == false %}
+                {% assign status = 'no' %}
+              {% else %}
+                {% assign status = raw_status %}
+              {% endif %}
+              {% assign status_label = matrix.labels[status] | default: status %}
+              <td class="profile-feature-status profile-feature-status-{{ status | slugify }}">
+                {% case status %}
+                  {% when 'yes' %}
+                    <span aria-label="{{ status_label }}" title="{{ status_label }}">&#10003;</span>
+                  {% when 'config' %}
+                    <span aria-label="{{ status_label }}" title="{{ status_label }}">&ndash;</span>
+                  {% else %}
+                    <span aria-label="{{ status_label }}" title="{{ status_label }}">&times;</span>
+                {% endcase %}
+              </td>
+            {% endfor %}
+          </tr>
+        {% endfor %}
+      </tbody>
+    </table>
+</div>
+{% endif %}

data/_includes/profile-highlights.liquid

@@ -0,0 +1,122 @@
+{% assign current_lang = page.lang | default: site.default_lang | default: site.lang %}
+{% assign default_lang = site.default_lang | default: site.lang %}
+{% assign news_limit = include.news_limit | default: 3 %}
+{% assign posts_limit = include.posts_limit | default: 3 %}
+{% assign projects_limit = include.projects_limit | default: 2 %}
+
+{% capture recent_news_text %}{% include t.liquid key='profile.recent_news' default='Recent news' %}{% endcapture %}
+{% capture selected_publications_text %}{% include t.liquid key='profile.selected_publications' default='Selected publications' %}{% endcapture %}
+{% capture active_projects_text %}{% include t.liquid key='profile.active_projects' default='Active projects' %}{% endcapture %}
+{% capture recent_posts_text %}{% include t.liquid key='profile.recent_posts' default='Recent posts' %}{% endcapture %}
+{% capture view_all_news_text %}{% include t.liquid key='profile.view_all_news' default='All news' %}{% endcapture %}
+{% capture view_all_publications_text %}{% include t.liquid key='profile.view_all_publications' default='All publications' %}{% endcapture %}
+{% capture view_all_projects_text %}{% include t.liquid key='profile.view_all_projects' default='All projects' %}{% endcapture %}
+{% capture view_all_posts_text %}{% include t.liquid key='profile.view_all_posts' default='All posts' %}{% endcapture %}
+
+{% assign news_page = site.pages | where: 'ref', 'news' | where: 'lang', current_lang | first %}
+{% assign publications_page = site.pages | where: 'ref', 'publications' | where: 'lang', current_lang | first %}
+{% assign projects_page = site.pages | where: 'ref', 'projects' | where: 'lang', current_lang | first %}
+{% assign blog_page = site.pages | where: 'ref', 'blog' | where: 'lang', current_lang | first %}
+
+{% assign localized_news = site.news | where: 'lang', current_lang %}
+{% if localized_news.size == 0 and current_lang != default_lang %}
+  {% assign localized_news = site.news | where: 'lang', default_lang %}
+{% endif %}
+{% if current_lang == default_lang %}
+  {% assign fallback_news = site.news | where_exp: 'item', 'item.lang == nil' %}
+  {% assign localized_news = localized_news | concat: fallback_news %}
+{% endif %}
+{% assign latest_news = localized_news | sort: 'date' | reverse %}
+
+{% assign sorted_projects = site.projects | sort: 'importance' %}
+{% assign localized_projects = sorted_projects | where: 'lang', current_lang %}
+{% assign neutral_projects = sorted_projects | where_exp: 'item', 'item.lang == nil or item.lang == ""' %}
+{% assign visible_projects = localized_projects | concat: neutral_projects %}
+{% if current_lang != default_lang and visible_projects.size == neutral_projects.size %}
+  {% assign default_projects = sorted_projects | where: 'lang', default_lang %}
+  {% assign visible_projects = default_projects | concat: neutral_projects %}
+{% endif %}
+{% assign visible_projects = visible_projects | sort: 'importance' %}
+{% assign visible_project_count = visible_projects | size %}
+{% 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 %}
+
+<div class="profile-highlights">
+  {% unless site.unaltraweb.features.news == false %}
+    {% if latest_news.size > 0 %}
+      <section class="profile-highlight-section profile-highlight-news">
+        <div class="profile-highlight-heading">
+          <h2>{{ recent_news_text | strip }}</h2>
+          {% if news_page %}<a href="{{ news_page.url | relative_url }}">{{ view_all_news_text | strip }}</a>{% endif %}
+        </div>
+        <ul class="profile-post-list">
+          {% for item in latest_news limit: news_limit %}
+            <li>
+              <time datetime="{{ item.date | date_to_xmlschema }}">{% include localized-date.liquid date=item.date format_key='date.formats.short' default_format='%Y-%m-%d' %}</time>
+              {% if item.inline %}
+                <span>{{ item.content | remove: '<p>' | remove: '</p>' | emojify }}</span>
+              {% else %}
+                <a href="{{ item.url | relative_url }}">{{ item.title }}</a>
+              {% endif %}
+            </li>
+          {% endfor %}
+        </ul>
+      </section>
+    {% endif %}
+  {% endunless %}
+
+  {% unless site.unaltraweb.features.blog == false %}
+    {% if latest_posts.size > 0 %}
+      <section class="profile-highlight-section profile-highlight-posts">
+        <div class="profile-highlight-heading">
+          <h2>{{ recent_posts_text | strip }}</h2>
+          {% if blog_page %}<a href="{{ blog_page.url | relative_url }}">{{ view_all_posts_text | strip }}</a>{% endif %}
+        </div>
+        <ul class="profile-post-list">
+          {% for item in latest_posts limit: posts_limit %}
+            <li>
+              <time datetime="{{ item.date | date_to_xmlschema }}">{% include localized-date.liquid date=item.date format_key='date.formats.short' default_format='%Y-%m-%d' %}</time>
+              <a href="{{ item.url | relative_url }}">{{ item.title }}</a>
+            </li>
+          {% endfor %}
+        </ul>
+      </section>
+    {% endif %}
+  {% endunless %}
+
+  {% unless site.unaltraweb.features.publications == false %}
+    <section class="profile-highlight-section profile-highlight-publications">
+      <div class="profile-highlight-heading">
+        <h2>{{ selected_publications_text | strip }}</h2>
+        {% if publications_page %}<a href="{{ publications_page.url | relative_url }}">{{ view_all_publications_text | strip }}</a>{% endif %}
+      </div>
+      {% include selected_papers.liquid %}
+    </section>
+  {% endunless %}
+
+  {% unless site.unaltraweb.features.projects == false %}
+    {% if visible_project_count > 0 %}
+      <section class="profile-highlight-section profile-highlight-projects">
+        <div class="profile-highlight-heading">
+          <h2>{{ active_projects_text | strip }}</h2>
+          {% if projects_page %}<a href="{{ projects_page.url | relative_url }}">{{ view_all_projects_text | strip }}</a>{% endif %}
+        </div>
+        <div class="projects row row-cols-1 row-cols-lg-2 g-4">
+          {% assign rendered_projects = 0 %}
+          {% for highlight_project in visible_projects %}
+            {% if rendered_projects < projects_limit %}
+              {% include projects.liquid project=highlight_project %}
+              {% assign rendered_projects = rendered_projects | plus: 1 %}
+            {% endif %}
+          {% endfor %}
+        </div>
+      </section>
+    {% endif %}
+  {% endunless %}
+</div>

data/_includes/project-grid.liquid

@@ -0,0 +1,26 @@
+{% assign current_lang = include.lang | default: page.lang | default: site.default_lang | default: site.lang %}
+{% assign default_lang = site.default_lang | default: site.lang | default: 'en' %}
+{% assign has_project_limit = false %}
+{% if include.limit %}
+  {% assign has_project_limit = true %}
+  {% assign project_limit = include.limit | plus: 0 %}
+{% endif %}
+{% assign sorted_projects = site.projects | sort: 'importance' %}
+{% assign localized_projects = sorted_projects | where: 'lang', current_lang %}
+{% assign neutral_projects = sorted_projects | where_exp: 'item', 'item.lang == nil or item.lang == ""' %}
+{% assign display_projects = localized_projects | concat: neutral_projects %}
+{% if current_lang != default_lang and display_projects.size == neutral_projects.size %}
+  {% assign default_projects = sorted_projects | where: 'lang', default_lang %}
+  {% assign display_projects = default_projects | concat: neutral_projects %}
+{% endif %}
+{% assign display_projects = display_projects | sort: 'importance' %}
+{% assign rendered_projects = 0 %}
+
+<div class="projects row row-cols-1 row-cols-md-2 g-4">
+  {% for grid_project in display_projects %}
+    {% if has_project_limit == false or rendered_projects < project_limit %}
+      {% include projects.liquid project=grid_project %}
+      {% assign rendered_projects = rendered_projects | plus: 1 %}
+    {% endif %}
+  {% endfor %}
+</div>

data/_includes/project-resource-link.liquid

@@ -0,0 +1,45 @@
+{% assign resource = include.resource %}
+{% assign resource_type = resource.type | default: resource.kind | default: 'resource' | downcase %}
+{% assign resource_label = resource.label | default: resource.title | default: resource_type | replace: '_', ' ' | capitalize %}
+{% assign resource_url = resource.url | default: resource.href %}
+{% if resource_url == nil and resource.doi %}
+  {% assign resource_url = 'https://doi.org/' | append: resource.doi %}
+{% endif %}
+
+{% assign resource_icon = resource.icon %}
+{% if resource_icon == nil %}
+  {% case resource_type %}
+    {% when 'zenodo' %}
+      {% assign resource_icon = 'si si-zenodo' %}
+    {% when 'doi', 'datacite' %}
+      {% assign resource_icon = 'si si-doi' %}
+    {% when 'dataset', 'data' %}
+      {% assign resource_icon = 'fa-solid fa-database' %}
+    {% when 'code', 'github', 'repository' %}
+      {% assign resource_icon = 'fa-brands fa-github' %}
+    {% when 'documentation', 'docs', 'manual' %}
+      {% assign resource_icon = 'fa-solid fa-book' %}
+    {% when 'map', 'maps' %}
+      {% assign resource_icon = 'fa-solid fa-map-location-dot' %}
+    {% when 'publication', 'paper', 'report' %}
+      {% assign resource_icon = 'fa-solid fa-file-lines' %}
+    {% when 'website', 'link' %}
+      {% assign resource_icon = 'fa-solid fa-arrow-up-right-from-square' %}
+    {% else %}
+      {% assign resource_icon = 'fa-solid fa-link' %}
+  {% endcase %}
+{% endif %}
+
+{% assign resource_class = include.class | default: 'project-resource-pill' %}
+
+{% if resource_url %}
+  <a class="{{ resource_class }}" href="{{ resource_url }}" target="_blank" rel="noopener" data-resource-type="{{ resource_type | escape }}">
+    <i class="{{ resource_icon }}" aria-hidden="true"></i>
+    <span>{{ resource_label }}</span>
+  </a>
+{% else %}
+  <span class="{{ resource_class }}" data-resource-type="{{ resource_type | escape }}">
+    <i class="{{ resource_icon }}" aria-hidden="true"></i>
+    <span>{{ resource_label }}</span>
+  </span>
+{% endif %}

data/_includes/project-resources.liquid

@@ -0,0 +1,21 @@
+{% assign resource_project = include.project | default: page %}
+{% assign project_resources = resource_project.resources %}
+{% assign resource_variant = include.variant | default: 'page' %}
+{% assign resource_limit = include.limit | default: project_resources.size %}
+
+{% if project_resources and project_resources.size > 0 %}
+  {% capture resources_title %}{% include t.liquid key='projects.resources' default='Resources' %}{% endcapture %}
+  <section class="project-resources project-resources-{{ resource_variant }}">
+    {% unless resource_variant == 'card' %}
+      <h2 class="project-resources-title">{{ resources_title | strip }}</h2>
+    {% endunless %}
+    <div class="project-resource-list">
+      {% for resource in project_resources limit: resource_limit %}
+        {% include project-resource-link.liquid resource=resource class='project-resource-pill' %}
+      {% endfor %}
+      {% if resource_variant == 'card' and project_resources.size > resource_limit %}
+        <span class="project-resource-pill project-resource-more">+{{ project_resources.size | minus: resource_limit }}</span>
+      {% endif %}
+    </div>
+  </section>
+{% endif %}

data/_includes/projects.liquid

@@ -0,0 +1,38 @@
+{% capture code_repository_text %}{% include t.liquid key='projects.code_repository' default='Code repository' %}{% endcapture %}
+{% capture github_stars_text %}{% include t.liquid key='projects.github_stars' default='GitHub stars' %}{% endcapture %}
+{% capture view_project_text %}{% include t.liquid key='projects.view_project' default='View project' %}{% endcapture %}
+{% assign card_project = include.project | default: project %}
+{% assign project_hero = card_project.hero %}
+{% capture project_hero_url %}{{ project_hero | relative_url }}{% endcapture %}
+{% assign project_url = card_project.url | relative_url %}
+
+<div class="col project-card-col">
+  <article
+    class="project-card card h-100 hoverable{% if project_hero %} has-project-hero{% endif %}"
+    {% if project_hero %}style="--project-card-hero: url('{{ project_hero_url | strip | escape }}');"{% endif %}
+  >
+    <a class="project-card-hit-area" href="{{ project_url }}" aria-label="{{ view_project_text | strip }}: {{ card_project.title | escape }}"></a>
+    <div class="card-body project-card-body">
+      <h2 class="card-title">{{ card_project.title }}</h2>
+      <p class="card-text project-card-description">{{ card_project.description }}</p>
+      {% include project-resources.liquid project=card_project variant='card' limit=3 %}
+      <div class="project-card-footer">
+        <span class="project-card-cta">{{ view_project_text | strip }}</span>
+        {% if card_project.github %}
+          <span class="project-card-links">
+            <a href="{{ card_project.github }}" target="_blank" rel="noopener" title="{{ code_repository_text | strip }}">
+              <i class="fa-brands fa-github gh-icon" aria-hidden="true"></i>
+              <span>{{ code_repository_text | strip }}</span>
+            </a>
+            {% if card_project.github_stars %}
+              <span class="stars" data-toggle="tooltip" title="{{ github_stars_text | strip }}">
+                <i class="fa-solid fa-star" aria-hidden="true"></i>
+                <span id="{{ card_project.github_stars }}-stars"></span>
+              </span>
+            {% endif %}
+          </span>
+        {% endif %}
+      </div>
+    </div>
+  </article>
+</div>

data/_includes/projects_horizontal.liquid

@@ -0,0 +1,37 @@
+{% capture code_repository_text %}{% include t.liquid key='projects.code_repository' default='Code repository' %}{% endcapture %}
+{% capture github_stars_text %}{% include t.liquid key='projects.github_stars' default='GitHub stars' %}{% endcapture %}
+
+<div class="col mb-4">
+  <a href="{% if project.redirect %}{{ project.redirect }}{% else %}{{ project.url | relative_url }}{% endif %}">
+    <div class="card h-100 hoverable">
+      <div class="row no-gutters">
+        {% if project.img %}
+          <div class="col-md-6">
+            {% include figure.liquid loading="eager" path=project.img sizes="(min-width: 768px) 156px, 50vw" alt="project thumbnail" class="card-img" %}
+          </div>
+        {% endif %}
+        <div class="{% if project.img %}col-md-6{% else %}col-md-12{% endif %}">
+          <div class="card-body">
+            <h3 class="card-title">{{ project.title }}</h3>
+            <p class="card-text">{{ project.description }}</p>
+            <div class="row ml-1 mr-1 p-0">
+              {% if project.github %}
+                <div class="github-icon">
+                  <div class="icon" data-toggle="tooltip" title="{{ code_repository_text | strip }}">
+                    <a href="{{ project.github }}"><i class="fa-brands fa-github gh-icon"></i></a>
+                  </div>
+                  {% if project.github_stars %}
+                    <span class="stars" data-toggle="tooltip" title="{{ github_stars_text | strip }}">
+                      <i class="fa-solid fa-star"></i>
+                      <span id="{{ project.github_stars }}-stars"></span>
+                    </span>
+                  {% endif %}
+                </div>
+              {% endif %}
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </a>
+</div>

data/_includes/publications-metrics-summary.liquid

@@ -0,0 +1,69 @@
+{% assign metrics_root = site.data.metrics.metrics %}
+{% if metrics_root and metrics_root.summary %}
+  {% assign m = metrics_root.summary %}
+  {% assign current_lang = page.lang | default: site.default_lang | default: site.lang | split: '-' | first %}
+  {% capture metrics_title %}{% include t.liquid key='publications.metrics.title' default='Bibliometric metrics' %}{% endcapture %}
+  {% capture metrics_indicators_calculated %}{% include t.liquid key='publications.metrics.indicators_calculated' default='Indicators calculated from' %}{% endcapture %}
+  {% capture metrics_articles_label %}{% include t.liquid key='publications.metrics.articles_label' default='articles' %}{% endcapture %}
+  {% capture metrics_updated_on %}{% include t.liquid key='publications.metrics.updated_on' default='Updated on' %}{% endcapture %}
+  {% capture metrics_scimago_meta %}{% include t.liquid key='publications.metrics.scimago_meta' default='Scimago matching meta' %}{% endcapture %}
+  {% capture metrics_coverage %}{% include t.liquid key='publications.metrics.coverage' default='coverage' %}{% endcapture %}
+  {% capture metrics_stale_rejected %}{% include t.liquid key='publications.metrics.stale_rejected' default='stale rejected' %}{% endcapture %}
+  {% capture metrics_max_year_gap %}{% include t.liquid key='publications.metrics.max_year_gap' default='max year gap' %}{% endcapture %}
+  {% capture metrics_na %}{% include t.liquid key='publications.metrics.not_available' default='n/a' %}{% endcapture %}
+  {% assign updated_day = metrics_root.updated_on | date: '%-d' %}
+  {% assign updated_month_num = metrics_root.updated_on | date: '%-m' | plus: 0 %}
+  {% assign updated_year = metrics_root.updated_on | date: '%Y' %}
+  {% case current_lang %}
+    {% when 'ca' %}
+      {% assign month_names = 'gener|febrer|març|abril|maig|juny|juliol|agost|setembre|octubre|novembre|desembre' | split: '|' %}
+    {% when 'es' %}
+      {% assign month_names = 'enero|febrero|marzo|abril|mayo|junio|julio|agosto|septiembre|octubre|noviembre|diciembre' | split: '|' %}
+    {% else %}
+      {% assign month_names = 'january|february|march|april|may|june|july|august|september|october|november|december' | split: '|' %}
+  {% endcase %}
+  {% assign month_index = updated_month_num | minus: 1 %}
+  {% assign updated_month_name = month_names[month_index] %}
+  {% if current_lang == 'en' %}
+    {% capture metrics_updated_date %}{{ updated_month_name | capitalize }} {{ updated_day }}, {{ updated_year }}{% endcapture %}
+  {% else %}
+    {% capture metrics_updated_date %}{{ updated_day }} de {{ updated_month_name }} de {{ updated_year }}{% endcapture %}
+  {% endif %}
+  <div class="pub-metrics-summary">
+    <h3>{{ metrics_title }}</h3>
+    <p class="pub-metrics-updated">
+      {{ metrics_indicators_calculated }} {{ m.articles_with_metrics | default: 0 }} {{ metrics_articles_label }}.
+      {{ metrics_updated_on }} {{ metrics_updated_date }}.
+    </p>
+
+    <div class="pub-summary-badges">
+      <span class="metrics-badge"><span class="metrics-badge-label">Google Scholar cites</span><span class="metrics-badge-value">{{ m.google_scholar_citations_total | default: 0 }}</span></span>
+      <span class="metrics-badge"><span class="metrics-badge-label">OpenAlex cites</span><span class="metrics-badge-value">{{ m.openalex_citations_total | default: 0 }}</span></span>
+      <span class="metrics-badge"><span class="metrics-badge-label">Crossref cites</span><span class="metrics-badge-value">{{ m.crossref_citations_total | default: 0 }}</span></span>
+    </div>
+
+    <div class="pub-summary-badges">
+      <span class="metrics-badge"><span class="metrics-badge-label">OA cites 2y</span><span class="metrics-badge-value">{{ m.openalex_citations_2y_total | default: 0 }}</span></span>
+      <span class="metrics-badge"><span class="metrics-badge-label">OA cites 5y</span><span class="metrics-badge-value">{{ m.openalex_citations_5y_total | default: 0 }}</span></span>
+      <span class="metrics-badge"><span class="metrics-badge-label">FWCI avg</span><span class="metrics-badge-value">{{ m.fwci_avg | default: 0 }}</span></span>
+      <span class="metrics-badge"><span class="metrics-badge-label">CNP avg</span><span class="metrics-badge-value">{{ m.cnp_avg | default: 0 }}</span></span>
+    </div>
+
+    <div class="pub-summary-badges">
+      <span class="metrics-badge"><span class="metrics-badge-label">Core journals</span><span class="metrics-badge-value">{{ m.journals_core_count | default: 0 }}</span></span>
+      <span class="metrics-badge"><span class="metrics-badge-label">DOAJ journals</span><span class="metrics-badge-value">{{ m.journals_doaj_count | default: 0 }}</span></span>
+      <span class="metrics-badge"><span class="metrics-badge-label">Scimago articles</span><span class="metrics-badge-value">{{ m.scimago_articles_count | default: 0 }}</span></span>
+      <span class="metrics-badge"><span class="metrics-badge-label">Q1</span><span class="metrics-badge-value">{{ m.scimago_q1_count | default: 0 }}</span></span>
+      <span class="metrics-badge"><span class="metrics-badge-label">Q2</span><span class="metrics-badge-value">{{ m.scimago_q2_count | default: 0 }}</span></span>
+      <span class="metrics-badge"><span class="metrics-badge-label">Q3</span><span class="metrics-badge-value">{{ m.scimago_q3_count | default: 0 }}</span></span>
+      <span class="metrics-badge"><span class="metrics-badge-label">Q4</span><span class="metrics-badge-value">{{ m.scimago_q4_count | default: 0 }}</span></span>
+    </div>
+
+    <p class="pub-metrics-meta">
+      {{ metrics_scimago_meta }}:
+      {{ metrics_coverage }} {% if m.scimago_year_min and m.scimago_year_max %}{{ m.scimago_year_min }}-{{ m.scimago_year_max }}{% else %}{{ metrics_na }}{% endif %};
+      {{ metrics_stale_rejected }} {{ m.scimago_stale_rejected | default: 0 }};
+      {{ metrics_max_year_gap }} {{ m.scimago_max_year_gap | default: 2 }}.
+    </p>
+  </div>
+{% endif %}