datalog-theme 0.10.1 → 0.11.0

data/_includes/components/author-bio.html

@@ -25,6 +25,8 @@ Parameters:
   {%- assign author_data = bio_authors | first -%}
 {%- endif -%}
 {%- assign author_name = author_data.name | default: include.author | default: site.author.name | escape -%}
+{%- comment -%} `me` on the site author's profiles, never on a guest's unless their record sets profile_rel {%- endcomment -%}
+{%- assign profile_rel = author_data | author_profile_rel | escape -%}
 
 <aside class="author-bio{% if compact %} author-bio--compact{% endif %}" itemscope itemtype="https://schema.org/Person">
   <div class="author-bio__inner">
@@ -95,7 +97,7 @@ Parameters:
               <a href="https://github.com/{{ author_data.github }}"
                  class="author-bio__social-link author-bio__social-link--github"
                  target="_blank"
-                 rel="noopener noreferrer"
+                 rel="{{ profile_rel }}"
                  itemprop="sameAs"
                  aria-label="{{ author_name }} on GitHub">
                 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
@@ -111,7 +113,7 @@ Parameters:
               <a href="https://twitter.com/{{ author_data.twitter }}"
                  class="author-bio__social-link author-bio__social-link--twitter"
                  target="_blank"
-                 rel="noopener noreferrer"
+                 rel="{{ profile_rel }}"
                  itemprop="sameAs"
                  aria-label="{{ author_name }} on Twitter">
                 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
@@ -127,7 +129,7 @@ Parameters:
               <a href="https://linkedin.com/in/{{ author_data.linkedin }}"
                  class="author-bio__social-link author-bio__social-link--linkedin"
                  target="_blank"
-                 rel="noopener noreferrer"
+                 rel="{{ profile_rel }}"
                  itemprop="sameAs"
                  aria-label="{{ author_name }} on LinkedIn">
                 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
@@ -143,7 +145,7 @@ Parameters:
               <a href="{{ author_data.orcid }}"
                  class="author-bio__social-link author-bio__social-link--orcid"
                  target="_blank"
-                 rel="noopener noreferrer"
+                 rel="{{ profile_rel }}"
                  itemprop="sameAs"
                  aria-label="{{ author_name }} ORCID profile">
                 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">
@@ -159,7 +161,7 @@ Parameters:
               <a href="{{ author_data.google_scholar }}"
                  class="author-bio__social-link author-bio__social-link--scholar"
                  target="_blank"
-                 rel="noopener noreferrer"
+                 rel="{{ profile_rel }}"
                  itemprop="sameAs"
                  aria-label="{{ author_name }} Google Scholar profile">
                 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="currentColor" aria-hidden="true">

data/_includes/components/author-list.html

@@ -10,22 +10,23 @@ Lists the people who wrote or contributed to a page as schema.org Person
 items: each name, linked to the person's url when there is one, with their
 role and affiliation. `people` comes from `page | page_authors` or
 `page | page_contributors`; `property` is the microdata property, author
-(the default) or contributor.
+(the default) or contributor, and `false` for a list in no item.
 {%- endcomment -%}
 {%- assign list_property = include.property | default: 'author' -%}
+{%- if include.property == false -%}{%- assign list_property = nil -%}{%- endif -%}
 <ul class="author-list">
 {%- for person in include.people -%}
-  <li class="author-list__person" itemprop="{{ list_property }}" itemscope itemtype="https://schema.org/{% if person.type == 'Organization' %}Organization{% else %}Person{% endif %}">
+  <li class="author-list__person"{% if list_property %} itemprop="{{ list_property }}" itemscope itemtype="https://schema.org/{% if person.type == 'Organization' %}Organization{% else %}Person{% endif %}"{% endif %}>
     {%- if person.url -%}
       {%- assign person_href = person.url -%}
       {%- unless person_href contains '://' -%}{%- assign person_href = person_href | relative_url -%}{%- endunless -%}
-      <a href="{{ person_href | escape }}" itemprop="url"><span itemprop="name">{{ person.name | escape }}</span></a>
+      <a href="{{ person_href | escape }}"{% if list_property %} itemprop="url"{% endif %}><span{% if list_property %} itemprop="name"{% endif %}>{{ person.name | escape }}</span></a>
     {%- else -%}
-      <span itemprop="name">{{ person.name | escape }}</span>
+      <span{% if list_property %} itemprop="name"{% endif %}>{{ person.name | escape }}</span>
     {%- endif -%}
     {%- if person.role %} <span class="author-list__role">({{ person.role | escape }})</span>{%- endif -%}
     {%- if person.affiliation and include.show_affiliation != false -%}
-      <span class="post-author-affiliation" itemprop="affiliation">{{ person.affiliation | escape }}</span>
+      <span class="post-author-affiliation"{% if list_property %} itemprop="affiliation"{% endif %}>{{ person.affiliation | escape }}</span>
     {%- endif -%}
   </li>
 {%- endfor -%}

data/_includes/components/citation-tools.html

@@ -1,6 +1,7 @@
 {% assign citation_title = include.title | default: page.title | default: site.title %}
 {% assign citation_url = include.url | default: page.url | default: '/' | absolute_url %}
-{% assign citation_date = include.date | default: page.date %}
+{%- comment -%} The date given, else the page's own; an undated page's is the build's, and no year (#411). {%- endcomment -%}
+{% if include.date %}{% assign citation_date = include.date %}{% else %}{% assign citation_date = page | published_date %}{% endif %}
 {% assign citation_year = citation_date | date: '%Y' %}
 {%- comment -%} `authors`: records from `page | page_authors`, or names. Without it, the page's authors. {%- endcomment -%}
 {% if include.authors %}

data/_includes/components/content-provenance.html

@@ -4,14 +4,31 @@ required:
   - page
 optional:
   - date_format
+  - pointer
 ---
 Editorial provenance note built from the `why_this_exists`, `evidence`,
 `methodology` and `reviewed_at` front-matter fields. Renders nothing when
 none of them is set.
+
+With `pointer=true` it renders instead the row of the post's metadata list
+that points to the note when the note follows the article: when the article
+was reviewed, and a link to the note.
 {%- endcomment -%}
 {%- assign prov = include.page -%}
 {%- if prov.why_this_exists or prov.evidence or prov.methodology or prov.reviewed_at -%}
-<aside class="content-provenance" aria-labelledby="content-provenance-heading">
+{%- if include.pointer -%}
+<div>
+  <dt class="post-meta-term">{% t 'post.provenance.heading' %}</dt>
+  <dd class="post-meta-definition">
+    {%- if prov.reviewed_at -%}
+    {%- capture reviewed_date -%}{% include helpers/date-format.html date=prov.reviewed_at format=include.date_format %}{%- endcapture -%}
+    {% t 'post.provenance.reviewed_on' date: reviewed_date %} ·
+    {% endif -%}
+    <a href="#content-provenance">{% t 'post.provenance.link' %}</a>
+  </dd>
+</div>
+{%- else -%}
+<aside id="content-provenance" class="content-provenance" aria-labelledby="content-provenance-heading">
   <h2 id="content-provenance-heading" class="content-provenance__heading">{% t 'post.provenance.heading' %}</h2>
   <dl class="content-provenance__list">
     {%- if prov.why_this_exists -%}
@@ -41,3 +58,4 @@ none of them is set.
   </dl>
 </aside>
 {%- endif -%}
+{%- endif -%}

data/_includes/components/correction-report.html

@@ -2,17 +2,14 @@
 ---
 optional: []
 ---
-"Report an error or suggest a correction" (assets/js/corrections/form.js):
-structured feedback about an article, apart from comments, sent to the
-site's dynamic services (docs/dynamic-services.md) and never shown on the
-page. Renders only when the site has a backend with the corrections feature
-on, `corrections.enabled` is not false, and the page does not say
-`corrections: false`. The categories come from `corrections.categories`,
-their labels from `corrections.categories.*` in _data/i18n.
+"Report an error or suggest a correction": a private form when dynamic
+services offer corrections, or an issue/email link on a static site.
+`corrections.enabled: false` or page `corrections: false` removes both.
 {%- endcomment -%}
 {%- assign services = site.dynamic_services -%}
 {%- assign corrections = site.corrections -%}
-{%- if services.base_url and services.base_url != '' and services.features.corrections != false and corrections.enabled != false and page.corrections != false -%}
+{%- if corrections.enabled != false and page.corrections != false -%}
+{%- if services.base_url and services.base_url != '' and services.features.corrections != false -%}
 {%- assign categories = corrections.categories -%}
 {%- if categories == nil or categories.size == 0 -%}
   {%- assign categories = "mathematical-error,factual-error,citation,code,reproducibility,typo,accessibility,other" | split: "," -%}
@@ -79,4 +76,14 @@ their labels from `corrections.categories.*` in _data/i18n.
     <p class="service-form__status" data-form-status role="status" aria-live="polite" hidden></p>
   </form>
 </details>
+{%- else -%}
+{%- assign article_url = page.url | absolute_url -%}
+{%- assign fallback = page | correction_fallback: article_url -%}
+{%- if fallback -%}
+<div class="correction-report correction-report--fallback" id="correction-report">
+  <a href="{{ fallback.href | escape }}" data-correction-fallback data-correction-body-param="{{ fallback.body_param | escape }}" data-correction-section-label="{{ 'corrections.fallback.section' | t | escape }}" data-correction-quote-label="{{ 'corrections.fallback.quote' | t | escape }}">{% t 'corrections.summary' %}</a>
+  {% if fallback.kind == 'issue' %}<p class="correction-report__note">{% t 'corrections.fallback.public_note' %}</p>{% endif %}
+</div>
+{%- endif -%}
+{%- endif -%}
 {%- endif -%}

data/_includes/components/hero.html

@@ -1,33 +1,40 @@
-{% assign hero_bg = page.hero_image | default: '/assets/img/hero-detail.webp' %}
+{% assign hero_bg = page.hero_image %}
 {% assign hero_bg_small = page.hero_image_small %}
-{% if page.hero_image == nil and hero_bg_small == nil %}
-  {% assign hero_bg_small = '/assets/img/hero-detail-640.webp' %}
-{% endif %}
 {%- comment -%}
-  The hero is the largest paint on the page. A CSS background is only requested
-  once the stylesheet applies, so preload it; small screens get a 640 px
-  variant (page.hero_image_small when a page brings its own hero_image).
+  The gradient is the default. When a page supplies an image, preload the
+  appropriate size because the CSS background would otherwise start late.
 {%- endcomment -%}
-{% if hero_bg_small %}
+{% if hero_bg and hero_bg_small %}
 <link rel="preload" as="image" href="{{ hero_bg_small | relative_url }}" media="(max-width: 640px)" fetchpriority="high" />
 <link rel="preload" as="image" href="{{ hero_bg | relative_url }}" media="(min-width: 641px)" fetchpriority="high" />
-{% else %}
+{% elsif hero_bg %}
 <link rel="preload" as="image" href="{{ hero_bg | relative_url }}" fetchpriority="high" />
 {% endif %}
+{% if hero_bg %}
 <style nonce="{{ page.csp_nonce }}">
-  .hero { --hero-bg: url('{{ hero_bg | relative_url }}'); }
+  .hero--image { --hero-bg: url('{{ hero_bg | relative_url }}'); }
 {% if hero_bg_small %}
-  @media (max-width: 640px) { .hero { --hero-bg: url('{{ hero_bg_small | relative_url }}'); } }
+  @media (max-width: 640px) { .hero--image { --hero-bg: url('{{ hero_bg_small | relative_url }}'); } }
 {% endif %}
 </style>
-<section class="hero">
+{% endif %}
+<section class="hero{% if include.contained %} hero--contained{% endif %}{% if hero_bg %} hero--image{% endif %}">
   <div class="hero-overlay"></div>
   <div class="container hero-content">
     <h1>{{ page.hero_title | default: site.title | escape }}</h1>
-    <p class="hero-tagline">{{ page.hero_tagline | default: site.hero_tagline }}</p>
-    {% if page.hero_cta_url %}
+    {% assign hero_tagline = page.hero_tagline | default: site.hero_tagline | default: site.description %}
+    {% if hero_tagline %}<p class="hero-tagline">{{ hero_tagline | escape }}</p>{% endif %}
+    {% if page.hero_cta_url or page.hero_secondary_cta_url %}
+    <div class="hero-actions">
+      {% if page.hero_cta_url %}
       {% capture hero_cta_fallback %}{% t 'home.read_more' %}{% endcapture %}
-      <a class="btn btn-primary" href="{{ page.hero_cta_url | relative_url }}">{{ page.hero_cta_label | default: hero_cta_fallback | strip }}</a>
+      <a class="btn btn-primary" href="{{ page.hero_cta_url | relative_url }}">{{ page.hero_cta_label | default: hero_cta_fallback | strip | escape }}</a>
+      {% endif %}
+      {% if page.hero_secondary_cta_url %}
+      {% capture hero_secondary_fallback %}{% t 'home.explore_more' %}{% endcapture %}
+      <a class="btn btn-secondary" href="{{ page.hero_secondary_cta_url | relative_url }}">{{ page.hero_secondary_cta_label | default: hero_secondary_fallback | strip | escape }}</a>
+      {% endif %}
+    </div>
     {% endif %}
   </div>
 </section>

data/_includes/components/package-index.html

@@ -0,0 +1,121 @@
+{%- comment -%}
+Package Index Component
+Every package in the packages collection with its latest release, the command
+that installs it and what it is for, as a card grid or a table. The release
+comes from _data/package_releases.yml when `datalog packages refresh` has
+written it, else from the package's front matter, as on the package page.
+
+Usage:
+  {% include components/package-index.html %}
+  {% include components/package-index.html style="table" group_by="language" %}
+
+Parameters (all optional):
+  - style: cards (default) or table
+  - group_by: a front matter field, such as language or group; one heading
+    per value, in alphabetical order, and the packages without it last
+  - packages: the packages to list (default: site.packages)
+  - heading_level: the level of the first headings it writes (default: 2);
+    with group_by, a card's heading is one level below its group's, and
+    neither goes below h6
+{%- endcomment -%}
+
+{%- assign index_packages = include.packages | default: site.packages -%}
+{%- assign index_level = include.heading_level | default: 2 | plus: 0 | at_least: 1 | at_most: 6 -%}
+{%- if include.group_by -%}
+  {%- assign index_item_level = index_level | plus: 1 | at_most: 6 -%}
+  {%- assign index_groups = index_packages | group_by: include.group_by | sort: 'name' -%}
+  {%- assign index_named = index_groups | where_exp: 'group', 'group.name != ""' -%}
+  {%- assign index_unnamed = index_groups | where: 'name', '' -%}
+  {%- assign index_groups = index_named | concat: index_unnamed -%}
+{%- else -%}
+  {%- assign index_item_level = index_level -%}
+  {%- assign index_groups = index_packages | group_by_exp: 'package', '""' -%}
+{%- endif -%}
+{%- capture index_label %}{% t 'packages.index.title' %}{% endcapture -%}
+
+{%- if index_packages.size > 0 -%}
+<div class="package-index" data-package-index>
+{%- for group in index_groups -%}
+  {%- if include.group_by -%}
+    {%- capture group_title %}{% if group.name == '' %}{% t 'packages.index.other' %}{% else %}{{ group.name }}{% endif %}{% endcapture -%}
+  {%- else -%}
+    {%- assign group_title = index_label -%}
+  {%- endif -%}
+  {%- if include.group_by %}
+  <h{{ index_level }} class="package-index__group">{{ group_title | strip | escape }}</h{{ index_level }}>
+  {%- endif -%}
+
+  {%- if include.style == 'table' %}
+  <div class="content-table" role="region" tabindex="0" aria-label="{{ group_title | strip | escape }}">
+    <table class="package-index__table">
+      <thead>
+        <tr>
+          <th scope="col">{% t 'packages.index.package' %}</th>
+          <th scope="col">{% t 'packages.index.release' %}</th>
+          <th scope="col">{% t 'packages.index.install' %}</th>
+          <th scope="col">{% t 'packages.index.purpose' %}</th>
+        </tr>
+      </thead>
+      <tbody>
+      {%- for package in group.items -%}
+        {%- assign release = package | package_release -%}
+        {%- assign install = package | package_install_tabs | first -%}
+        <tr data-package="{{ package.title | slugify }}">
+          <th scope="row"><a href="{{ package.url | relative_url }}">{{ package.title | escape }}</a></th>
+          <td>
+            {%- if release.version -%}
+              <span data-package-version>v{{ release.version | escape }}</span>
+              {%- if release.prerelease %} · {% t 'packages.prerelease' %}{% endif -%}
+              {%- if release.yanked %} · {% t 'packages.yanked' %}{% endif -%}
+              {%- if release.released %}<br><time datetime="{{ release.released | escape }}">{{ release.released | localize_date: 'short' }}</time>{% endif -%}
+            {%- endif -%}
+          </td>
+          <td>{% if install and install.id != 'git' %}<code translate="no">{{ install.commands.first.command | escape }}</code>{% endif %}</td>
+          <td>{{ package.tagline | default: package.description | escape }}</td>
+        </tr>
+      {%- endfor %}
+      </tbody>
+    </table>
+  </div>
+  {%- else %}
+  <div class="card-grid">
+  {%- for package in group.items -%}
+    {%- assign release = package | package_release -%}
+    {%- assign install = package | package_install_tabs | first -%}
+    {%- assign registry_link = package | package_links | first %}
+    <article class="card project-card" data-package="{{ package.title | slugify }}">
+      <p class="card-meta">
+        {%- if package.language %}<span class="post-meta__badge">{{ package.language | escape }}</span>{% endif -%}
+        {%- if release.version %} <span class="post-meta__badge" data-package-version>v{{ release.version | escape }}</span>{% endif -%}
+        {%- if release.prerelease %} <span>{% t 'packages.prerelease' %}</span>{% endif -%}
+        {%- if release.yanked %} <span>{% t 'packages.yanked' %}</span>{% endif -%}
+        {%- if release.license %} <span>{{ release.license | escape }}</span>{% endif -%}
+      </p>
+      <h{{ index_item_level }}><a href="{{ package.url | relative_url }}">{% if package.icon %}{{ package.icon }} {% endif %}{{ package.title | escape }}</a></h{{ index_item_level }}>
+      {%- if package.tagline %}
+      <p><strong>{{ package.tagline | escape }}</strong></p>
+      {%- endif -%}
+      {%- if package.description %}
+      <p>{{ package.description | escape }}</p>
+      {%- endif -%}
+      {%- if install and install.id != 'git' %}
+      <p><code translate="no">{{ install.commands.first.command | escape }}</code></p>
+      {%- endif %}
+      <div class="project-links">
+        <a class="btn btn-primary" href="{{ package.url | relative_url }}">{% t 'packages.documentation' %}</a>
+        {%- if package.github_url %}
+        <a class="btn btn-secondary" href="{{ package.github_url | escape }}" target="_blank" rel="noopener">GitHub</a>
+        {%- endif -%}
+        {%- if registry_link %}
+        <a class="btn btn-secondary" href="{{ registry_link.url | escape }}" target="_blank" rel="noopener">{{ registry_link.label }}</a>
+        {%- endif %}
+      </div>
+    </article>
+  {%- endfor %}
+  </div>
+  {%- endif -%}
+{%- endfor %}
+</div>
+{%- else %}
+<p class="package-index__empty">{% t 'packages.index.empty' %}</p>
+{%- endif -%}

data/_includes/components/package-install.html

@@ -1,25 +1,23 @@
 {%- comment -%}
 Package Installation Component
-Displays installation instructions for different package managers
+Installation commands for a package, one tab per registry the page names in
+`registry:` (pip, conda, CRAN, cargo, gem with its Gemfile line, npm, Pkg),
+then Git. A page that names none keeps the tabs of its language: pip, conda
+and Git for Python, CRAN and GitHub for R. A package with neither a registry
+nor a repository gets no panel, never an empty one.
 
-Parameters:
-  - language: python, r, julia, etc.
-  - package_name: Name of the package
-  - pip_command: Custom pip install command
-  - conda_command: Custom conda install command
-  - cran_command: Custom R install command
-  - git_url: GitHub clone URL
+Parameters (all optional; the page's front matter fills them in):
+  - language: python, r, rust, ruby, javascript, julia, ...
+  - package_name: Name of the package (default: the page title)
+  - pip_command, conda_command, cran_command: replace that tab's command
+  - git_url: repository to clone (default: the page's github_url)
 
 The tabs and the copy buttons are wired by the core bundle
 (assets/js/core/install-tabs.js, assets/js/core/copy-buttons.js).
 {%- endcomment -%}
 
-{%- assign language = include.language | default: "python" -%}
 {%- assign package_name = include.package_name | default: page.title -%}
-{%- assign pip_command = include.pip_command -%}
-{%- assign conda_command = include.conda_command -%}
-{%- assign cran_command = include.cran_command -%}
-{%- assign git_url = include.git_url | default: page.github_url -%}
+{%- assign tabs = page | package_install_tabs: language: include.language, name: package_name, git_url: include.git_url, pip: include.pip_command, conda: include.conda_command, cran: include.cran_command -%}
 {%- comment -%}
   The id is the package's, not "installation": a page whose Markdown has an
   `## Installation` heading gets that id from kramdown, and two elements
@@ -29,66 +27,44 @@ The tabs and the copy buttons are wired by the core bundle
 {%- capture copied_label %}{% t 'package_install.copied' %}{% endcapture -%}
 {%- capture copy_error_label %}{% t 'package_install.copy_error' %}{% endcapture -%}
 
+{%- if tabs.size > 0 -%}
 <div class="package-install" id="{{ install_id }}">
   <h2 class="package-install__title" id="{{ install_id }}-title">{% t 'package_install.title' %}</h2>
 
-  {%- if language == "python" -%}
-    {%- assign tabs = 'pip,conda,git' | split: ',' -%}
-    {%- assign tab_labels = 'pip,conda,Git' | split: ',' -%}
-  {%- elsif language == "r" -%}
-    {%- assign tabs = 'cran,github' | split: ',' -%}
-    {%- assign tab_labels = 'CRAN,GitHub' | split: ',' -%}
-  {%- endif -%}
-
-  {%- if tabs -%}
     <div class="package-install__tabs" data-install-tabs>
       <div class="package-install__tab-buttons" role="tablist" aria-labelledby="{{ install_id }}-title">
         {%- for tab in tabs -%}
           <button type="button"
                   class="package-install__tab-btn{% if forloop.first %} package-install__tab-btn--active{% endif %}"
                   role="tab"
-                  id="{{ install_id }}-tab-{{ tab }}"
-                  aria-controls="{{ install_id }}-panel-{{ tab }}"
+                  id="{{ install_id }}-tab-{{ tab.id }}"
+                  aria-controls="{{ install_id }}-panel-{{ tab.id }}"
                   aria-selected="{% if forloop.first %}true{% else %}false{% endif %}"
                   tabindex="{% if forloop.first %}0{% else %}-1{% endif %}"
-                  data-tab="{{ tab }}">
-            {{ tab_labels[forloop.index0] }}
+                  data-tab="{{ tab.id }}">
+            {{ tab.label }}
           </button>
         {%- endfor -%}
       </div>
 
       {%- for tab in tabs -%}
-        {%- assign command = '' -%}
-        {%- assign console_key = 'package_install.terminal' -%}
-        {%- case tab -%}
-          {%- when 'pip' -%}
-            {%- capture command %}{{ pip_command | default: "pip install " | append: package_name }}{% endcapture -%}
-          {%- when 'conda' -%}
-            {%- capture command %}{{ conda_command | default: "conda install " | append: package_name }}{% endcapture -%}
-          {%- when 'git' -%}
-            {%- capture command -%}git clone {{ git_url }}
-cd {{ package_name }}
-pip install -e .{%- endcapture -%}
-          {%- when 'cran' -%}
-            {%- assign console_key = 'package_install.r_console' -%}
-            {%- capture command %}{{ cran_command | default: "install.packages('" | append: package_name | append: "')" }}{% endcapture -%}
-          {%- when 'github' -%}
-            {%- assign console_key = 'package_install.r_console' -%}
-            {%- capture command %}devtools::install_github("{{ git_url | remove: "https://github.com/" }}"){% endcapture -%}
-        {%- endcase -%}
         <div class="package-install__tab-content"
              role="tabpanel"
-             id="{{ install_id }}-panel-{{ tab }}"
-             aria-labelledby="{{ install_id }}-tab-{{ tab }}"
+             id="{{ install_id }}-panel-{{ tab.id }}"
+             aria-labelledby="{{ install_id }}-tab-{{ tab.id }}"
              tabindex="0"
-             data-tab-content="{{ tab }}"{% unless forloop.first %} hidden{% endunless %}>
+             data-tab-content="{{ tab.id }}"{% unless forloop.first %} hidden{% endunless %}>
+          {%- for command in tab.commands -%}
+          {%- assign command_id = install_id | append: '-command-' | append: tab.id -%}
+          {%- unless forloop.first %}{% assign command_id = command_id | append: '-' | append: forloop.index %}{% endunless -%}
+          {%- assign console_key = 'package_install.' | append: command.console -%}
           <div class="package-install__code-block">
             <div class="package-install__code-header">
               <span class="package-install__code-label">{{ console_key | t }}</span>
               <button type="button"
                       class="package-install__copy-btn"
                       data-copy-target
-                      data-target="{{ install_id }}-command-{{ tab }}"
+                      data-target="{{ command_id }}"
                       data-copied-label="{{ copied_label | strip | escape }}"
                       data-error-label="{{ copy_error_label | strip | escape }}">
                 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" aria-hidden="true">
@@ -98,10 +74,11 @@ pip install -e .{%- endcapture -%}
                 {% t 'package_install.copy' %}
               </button>
             </div>
-            <pre><code id="{{ install_id }}-command-{{ tab }}">{{ command | strip }}</code></pre>
+            <pre><code id="{{ command_id }}">{{ command.command | escape }}</code></pre>
           </div>
+          {%- endfor -%}
         </div>
       {%- endfor -%}
     </div>
-  {%- endif -%}
 </div>
+{%- endif -%}

data/_includes/components/post-list.html

@@ -0,0 +1,14 @@
+{%- assign variant = include.variant | default: 'dated' -%}
+<ul class="archive-list archive-list--{{ variant | escape }}">
+  {%- for post in include.posts %}
+    <li>
+      <a href="{{ post.url | relative_url }}">{{ post.title | escape }}</a>
+      {%- if variant == 'teaser' and post.description %}
+        <p>{{ post.description | strip_html | escape }}</p>
+      {%- endif %}
+      {%- if variant == 'dated' %}
+        <time class="archive-meta" datetime="{{ post.date | date: '%Y-%m-%d' }}">{{ post.date | localize_date | escape }}</time>
+      {%- endif %}
+    </li>
+  {%- endfor %}
+</ul>

data/_includes/components/responsive-image.html

@@ -26,29 +26,23 @@
   {% assign loading_mode = include.loading | default: site.datalog_image_config.lazy_loading | default: 'lazy' %}
   {% if responsive_entry %}
     <picture>
-      {% for source in responsive_entry.sources %}
-        {% assign srcset_items = '' %}
-        {% for variant in source.variants %}
-          {% assign variant_url = variant.url | relative_url %}
-          {% assign descriptor = variant.width | append: 'w' %}
-          {% if forloop.first %}
-            {% assign srcset_items = variant_url | append: ' ' | append: descriptor %}
-          {% else %}
-            {% assign srcset_items = srcset_items | append: ', ' | append: variant_url | append: ' ' | append: descriptor %}
-          {% endif %}
-        {% endfor %}
-        <source type="{{ source.type }}" srcset="{{ srcset_items }}" sizes="{{ requested_sizes }}">
+      {% comment %}
+        The same figure exported for a dark page, if there is one. It comes
+        first: a <picture> takes the first source whose media and type both
+        match, so a dark source after a light one is never reached. Its own
+        format is offered too, for a browser with neither AVIF nor WebP.
+      {% endcomment %}
+      {% assign dark_entry = responsive_entry.dark %}
+      {% for source in dark_entry.sources %}
+        <source media="(prefers-color-scheme: dark)" data-dark-source type="{{ source.type }}" srcset="{{ source.variants | image_srcset }}" sizes="{{ requested_sizes }}">
       {% endfor %}
-      {% assign fallback_srcset = '' %}
-      {% for variant in responsive_entry.fallback.variants %}
-        {% assign variant_url = variant.url | relative_url %}
-        {% assign descriptor = variant.width | append: 'w' %}
-        {% if forloop.first %}
-          {% assign fallback_srcset = variant_url | append: ' ' | append: descriptor %}
-        {% else %}
-          {% assign fallback_srcset = fallback_srcset | append: ', ' | append: variant_url | append: ' ' | append: descriptor %}
-        {% endif %}
+      {% if dark_entry.fallback.variants.size > 0 %}
+        <source media="(prefers-color-scheme: dark)" data-dark-source{% if dark_entry.fallback.type %} type="{{ dark_entry.fallback.type }}"{% endif %} srcset="{{ dark_entry.fallback.variants | image_srcset }}" sizes="{{ requested_sizes }}">
+      {% endif %}
+      {% for source in responsive_entry.sources %}
+        <source type="{{ source.type }}" srcset="{{ source.variants | image_srcset }}" sizes="{{ requested_sizes }}">
       {% endfor %}
+      {% assign fallback_srcset = responsive_entry.fallback.variants | image_srcset %}
       {% assign fallback_default = responsive_entry.fallback.variants | last %}
       {% assign fallback_src = fallback_default.url | relative_url %}
       <img src="{{ fallback_src }}" srcset="{{ fallback_srcset }}" sizes="{{ requested_sizes }}" alt="{{ alt_text }}" loading="{{ loading_mode }}" decoding="async"{% if responsive_entry.width %} width="{{ responsive_entry.width }}"{% endif %}{% if responsive_entry.height %} height="{{ responsive_entry.height }}"{% endif %}{% if include.class %} class="{{ include.class }}"{% endif %}>

data/_includes/footer.html

@@ -16,7 +16,7 @@
       </p>
       {% if site.author.orcid %}
       <p class="footer-orcid">
-        <a href="{{ site.author.orcid }}" rel="me noopener" target="_blank">ORCID {{ site.author.orcid | replace: 'https://orcid.org/', '' }}</a>
+        <a href="{{ site.author.orcid }}" rel="{{ site.author | author_profile_rel | escape }}" target="_blank">ORCID {{ site.author.orcid | replace: 'https://orcid.org/', '' }}</a>
       </p>
       {% endif %}
     </section>