datalog-theme 0.8.0 → 0.9.0

data/_includes/components/moderation-inbox.html

@@ -0,0 +1,139 @@
+{%- comment -%}
+---
+optional: []
+---
+The moderation inbox (assets/js/moderation/inbox.js, docs/moderation.md):
+what the self-hosted features received, comments awaiting approval or
+flagged as spam, correction reports, abuse reports, with the actions a
+moderator can take. Rendered by the page layout when the page says
+`moderation_inbox: true`, and only when `moderation.enabled` is true and
+there is a moderation API to talk to (`moderation.endpoint`, or the
+dynamic services' base_url).
+
+This markup is a shell and protects nothing: a static site cannot hold an
+admin secret. Every request is authenticated and authorized by the service
+or the identity-aware proxy in front of it; the settings here (an address,
+a fetch credentials mode, a sign-in link) are public.
+{%- endcomment -%}
+{%- assign moderation = site.moderation -%}
+{%- assign services = site.dynamic_services -%}
+{%- assign endpoint = moderation.endpoint | default: '' -%}
+{%- assign has_api = false -%}
+{%- if endpoint != '' -%}{%- assign has_api = true -%}{%- endif -%}
+{%- if services.base_url and services.base_url != '' and services.features.moderation != false -%}{%- assign has_api = true -%}{%- endif -%}
+{%- if moderation.enabled == true and has_api -%}
+{%- assign categories = site.corrections.categories -%}
+{%- if categories == nil or categories.size == 0 -%}
+  {%- assign categories = "mathematical-error,factual-error,citation,code,reproducibility,typo,accessibility,other" | split: "," -%}
+{%- endif -%}
+{%- assign statuses = "pending,approved,spam,hidden,deleted,new,reviewed,accepted,rejected,resolved,open,dismissed" | split: "," -%}
+{%- assign actions = "approve,spam,hide,delete,reviewed,accept,reject,resolve,dismiss" | split: "," -%}
+{%- assign types = "comment,correction,abuse" | split: "," -%}
+{%- capture labels_json -%}
+{
+  "loading": {{ 'moderation.loading' | t | jsonify }},
+  "empty": {{ 'moderation.empty' | t | jsonify }},
+  "working": {{ 'moderation.working' | t | jsonify }},
+  "done": {{ 'moderation.done' | t | jsonify }},
+  "unauthorized": {{ 'moderation.unauthorized' | t | jsonify }},
+  "forbidden": {{ 'moderation.forbidden' | t | jsonify }},
+  "link_required": {{ 'moderation.link_required' | t | jsonify }},
+  "note": {{ 'moderation.note' | t | jsonify }},
+  "link": {{ 'moderation.link' | t | jsonify }},
+  "in_reply_to": {{ 'moderation.in_reply_to' | t | jsonify }},
+  "types": {
+    {%- for type in types -%}{%- assign key = "moderation.types." | append: type -%}
+    {{ type | jsonify }}: {{ key | t | jsonify }}{% unless forloop.last %},{% endunless %}
+    {%- endfor -%}
+  },
+  "statuses": {
+    {%- for status in statuses -%}{%- assign key = "moderation.statuses." | append: status -%}
+    {{ status | jsonify }}: {{ key | t | jsonify }}{% unless forloop.last %},{% endunless %}
+    {%- endfor -%}
+  },
+  "actions": {
+    {%- for action in actions -%}{%- assign key = "moderation.actions." | append: action -%}
+    {{ action | jsonify }}: {{ key | t | jsonify }}{% unless forloop.last %},{% endunless %}
+    {%- endfor -%}
+  },
+  "categories": {
+    {%- for category in categories -%}{%- assign key = "corrections.categories." | append: category -%}
+    {{ category | jsonify }}: {{ key | t | jsonify }}{% unless forloop.last %},{% endunless %}
+    {%- endfor -%}
+  },
+  "errors": {
+    {%- assign kinds = "disabled,unsupported,version,timeout,network,malformed,unauthorized,forbidden,not_found,conflict,invalid,rate_limited,server,http,aborted,reference" | split: "," -%}
+    {%- for kind in kinds -%}
+    {%- assign kind_key = "dynamic_services.errors." | append: kind -%}
+    {{ kind | jsonify }}: {{ kind_key | t | jsonify }}{% unless forloop.last %},{% endunless %}
+    {%- endfor -%}
+  }
+}
+{%- endcapture -%}
+<section class="moderation" id="moderation" data-moderation-inbox data-moderation-site="{{ '' | absolute_url }}"{% if endpoint != '' %} data-moderation-endpoint="{{ endpoint }}"{% endif %} data-moderation-credentials="{{ moderation.credentials | default: 'include' }}" data-state="idle" aria-busy="false">
+  <script type="application/json" nonce="{{ page.csp_nonce }}" data-moderation-labels>{{ labels_json | strip }}</script>
+  <p class="moderation__boundary">{% t 'moderation.boundary' %}</p>
+  <form class="service-form moderation__filters" id="moderation-filters" data-moderation-filters>
+    <fieldset class="service-form__fields moderation__filter-grid">
+      <legend class="visually-hidden">{% t 'moderation.filters' %}</legend>
+      <div class="service-form__field">
+        <label for="moderation-type">{% t 'moderation.type' %}</label>
+        <select id="moderation-type" name="type">
+          <option value="">{% t 'moderation.any_type' %}</option>
+          {%- for type in types %}{%- assign key = "moderation.types." | append: type %}
+          <option value="{{ type }}">{{ key | t }}</option>
+          {%- endfor %}
+        </select>
+      </div>
+      <div class="service-form__field">
+        <label for="moderation-status">{% t 'moderation.status' %}</label>
+        <select id="moderation-status" name="status">
+          <option value="">{% t 'moderation.queue' %}</option>
+          {%- for status in statuses %}{%- assign key = "moderation.statuses." | append: status %}
+          <option value="{{ status }}">{{ key | t }}</option>
+          {%- endfor %}
+        </select>
+      </div>
+      <div class="service-form__field">
+        <label for="moderation-category">{% t 'moderation.category' %}</label>
+        <select id="moderation-category" name="category">
+          <option value="">{% t 'moderation.any_category' %}</option>
+          {%- for category in categories %}{%- assign key = "corrections.categories." | append: category %}
+          <option value="{{ category | escape }}">{{ key | t }}</option>
+          {%- endfor %}
+        </select>
+      </div>
+      <div class="service-form__field">
+        <label for="moderation-path">{% t 'moderation.path' %}</label>
+        <input id="moderation-path" name="path" type="text" autocomplete="off">
+      </div>
+      <div class="service-form__field">
+        <label for="moderation-since">{% t 'moderation.since' %}</label>
+        <input id="moderation-since" name="since" type="date">
+      </div>
+      <div class="service-form__field">
+        <label for="moderation-search">{% t 'moderation.search' %}</label>
+        <input id="moderation-search" name="q" type="search" autocomplete="off">
+      </div>
+    </fieldset>
+    <div class="service-form__actions">
+      <button type="submit" class="post-tool">{% t 'moderation.apply' %}</button>
+      <button type="reset" class="post-tool">{% t 'moderation.reset' %}</button>
+    </div>
+  </form>
+  <p class="moderation__status" data-moderation-status role="status" aria-live="polite" hidden></p>
+  <p class="moderation__sign-in" data-moderation-sign-in hidden>
+    {%- if moderation.sign_in_url and moderation.sign_in_url != '' %}
+    <a href="{{ moderation.sign_in_url }}" rel="noopener">{% t 'moderation.sign_in' %}</a>
+    {%- else %}
+    {% t 'moderation.sign_in_hint' %}
+    {%- endif %}
+  </p>
+  <ol class="moderation__list" data-moderation-list></ol>
+  <button type="button" class="post-tool moderation__more" data-moderation-more hidden>{% t 'moderation.more' %}</button>
+</section>
+{%- else -%}
+<section class="moderation" id="moderation">
+  <p class="moderation__boundary">{% t 'moderation.unavailable' %}</p>
+</section>
+{%- endif -%}

data/_includes/components/reactions.html

@@ -0,0 +1,49 @@
+{%- comment -%}
+---
+optional: []
+---
+"Was this useful?" (assets/js/reactions/widget.js): a small set of
+reactions a reader can give an article without writing a comment, read
+from and sent to the site's dynamic services (docs/dynamic-services.md).
+Renders only when the site has a backend with the reactions feature on,
+`reactions.enabled` is not false, and the page does not say
+`reactions: false`. The set comes from `reactions.types`, the labels from
+`reactions.types.*` in _data/i18n. The counts on the buttons are filled by
+the script from the service's answer, never here.
+{%- endcomment -%}
+{%- assign services = site.dynamic_services -%}
+{%- assign reactions = site.reactions -%}
+{%- if services.base_url and services.base_url != '' and services.features.reactions != false and reactions.enabled != false and page.reactions != false -%}
+{%- assign types = reactions.types -%}
+{%- if types == nil or types.size == 0 -%}
+  {%- assign types = "useful,clear,interesting,needs-clarification" | split: "," -%}
+{%- endif -%}
+{%- capture labels_json -%}
+{
+  "sending": {{ 'reactions.sending' | t | jsonify }},
+  "thanks": {{ 'reactions.thanks' | t | jsonify }},
+  "already": {{ 'reactions.already' | t | jsonify }},
+  "errors": {
+    {%- assign kinds = "disabled,unsupported,version,timeout,network,malformed,unauthorized,forbidden,not_found,conflict,invalid,rate_limited,server,http,aborted,reference" | split: "," -%}
+    {%- for kind in kinds -%}
+    {%- assign kind_key = "dynamic_services.errors." | append: kind -%}
+    {{ kind | jsonify }}: {{ kind_key | t | jsonify }}{% unless forloop.last %},{% endunless %}
+    {%- endfor -%}
+  }
+}
+{%- endcapture -%}
+<section class="reactions" id="reactions" data-reactions data-reactions-path="{{ page.url }}" data-reactions-counts="{% if reactions.counts == false %}false{% else %}true{% endif %}" data-state="idle" aria-busy="false" aria-labelledby="reactions-prompt">
+  <script type="application/json" nonce="{{ page.csp_nonce }}" data-reactions-labels>{{ labels_json | strip }}</script>
+  <p class="reactions__prompt" id="reactions-prompt">{% t 'reactions.prompt' %}</p>
+  <div class="reactions__choices" role="group" aria-labelledby="reactions-prompt">
+    {%- for type in types %}
+    {%- assign type_key = "reactions.types." | append: type %}
+    <button type="button" class="reactions__choice post-tool" data-reaction="{{ type | escape }}" aria-pressed="false">
+      <span class="reactions__label">{{ type_key | t }}</span>
+      <span class="reactions__count" data-reaction-count hidden></span>
+    </button>
+    {%- endfor %}
+  </div>
+  <p class="reactions__status" data-reactions-status role="status" aria-live="polite" hidden></p>
+</section>
+{%- endif -%}

data/_includes/components/reading-list.html

@@ -0,0 +1,31 @@
+{%- comment -%}
+---
+optional: []
+---
+The articles a reader saved, with their reading progress and highlights, on
+a page of the site (assets/js/reading-state/ui.js): `{% include
+components/reading-list.html %}` on a page, named in
+theme_options.reading_state.list_url so posts link to it. Filled from this
+browser's storage; nothing comes from a server.
+{%- endcomment -%}
+{%- capture progress_label %}{% t 'post.reading_state.progress' %}{% endcapture -%}
+{%- capture highlights_label %}{% t 'post.reading_state.highlights_count' %}{% endcapture -%}
+{%- capture saved_label %}{% t 'post.reading_state.saved' %}{% endcapture -%}
+{%- capture remove_label %}{% t 'post.reading_state.remove' %}{% endcapture -%}
+{%- capture erase_confirm %}{% t 'post.reading_state.erase_confirm' %}{% endcapture -%}
+{%- capture imported %}{% t 'post.reading_state.imported' %}{% endcapture -%}
+{%- capture import_failed %}{% t 'post.reading_state.import_failed' %}{% endcapture -%}
+{%- capture exported %}{% t 'post.reading_state.exported' %}{% endcapture -%}
+{%- capture erased_all %}{% t 'post.reading_state.erased_all' %}{% endcapture -%}
+<div class="reading-list" data-reading-list data-progress-label="{{ progress_label | strip | escape }}" data-highlights-label="{{ highlights_label | strip | escape }}" data-saved-label="{{ saved_label | strip | escape }}" data-remove-label="{{ remove_label | strip | escape }}">
+  <p class="reading-notes__intro">{% t 'post.reading_state.intro' %}</p>
+  <p class="reading-notes__unavailable" data-reading-unavailable hidden>{% t 'post.reading_state.unavailable' %}</p>
+  <p class="reading-list__empty" data-reading-list-empty>{% t 'post.reading_state.list_empty' %}</p>
+  <ul class="reading-list__items" data-reading-list-items></ul>
+  <div class="reading-data__actions">
+    <button type="button" class="post-tool" data-reading-export data-done="{{ exported | strip | escape }}">{% t 'post.reading_state.export' %}</button>
+    <label class="post-tool reading-data__import">{% t 'post.reading_state.import' %}<input type="file" accept="application/json,.json" data-reading-import data-done="{{ imported | strip | escape }}" data-failed="{{ import_failed | strip | escape }}"></label>
+    <button type="button" class="post-tool" data-reading-erase-all data-confirm="{{ erase_confirm | strip | escape }}" data-done="{{ erased_all | strip | escape }}">{% t 'post.reading_state.erase_all' %}</button>
+  </div>
+  <p class="reading-data__status" data-reading-status aria-live="polite"></p>
+</div>

data/_includes/components/reading-mode-toggle.html

@@ -0,0 +1,65 @@
+{%- comment -%}
+---
+optional: []
+---
+The reading-mode control of a post: a button that hides the site's chrome
+and the panels around the article (`body.reading-mode`, styled in
+_sass/_print.scss) and leaves the article with its metadata, its table of
+contents and the way back. Nothing is duplicated: the same article is shown
+with less around it. Escape leaves the mode. `theme_options.reading_mode.enabled:
+false` removes the control; `remember: true` keeps the choice in localStorage
+from one page to the next.
+{%- endcomment -%}
+{%- assign reading_mode = site.theme_options.reading_mode -%}
+{%- unless reading_mode.enabled == false -%}
+{%- capture reading_enter %}{% t 'post.reading_mode.enter' %}{% endcapture -%}
+{%- capture reading_exit %}{% t 'post.reading_mode.exit' %}{% endcapture -%}
+<div class="reading-mode-bar">
+  <button type="button" class="post-tool reading-mode-toggle" data-reading-mode-toggle aria-pressed="false" aria-describedby="reading-mode-hint"
+          data-label-enter="{{ reading_enter | strip | escape }}" data-label-exit="{{ reading_exit | strip | escape }}"{% if reading_mode.remember %} data-reading-mode-remember{% endif %}>
+    <svg aria-hidden="true" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+      <path d="M2 4h6a4 4 0 0 1 4 4v12a3 3 0 0 0-3-3H2z"></path>
+      <path d="M22 4h-6a4 4 0 0 0-4 4v12a3 3 0 0 1 3-3h7z"></path>
+    </svg>
+    <span data-reading-mode-label>{{ reading_enter | strip }}</span>
+  </button>
+  <span class="visually-hidden" id="reading-mode-hint">{% t 'post.reading_mode.hint' %}</span>
+</div>
+<script nonce="{{ page.csp_nonce }}">
+  // Reading mode: a class on the body, the button's state and label, Escape to
+  // leave, and the choice remembered only when the site asks for it.
+  (function () {
+    var toggle = document.querySelector('[data-reading-mode-toggle]');
+    if (!toggle) return;
+    var label = toggle.querySelector('[data-reading-mode-label]');
+    var remember = toggle.hasAttribute('data-reading-mode-remember');
+    var key = 'datalog-reading-mode';
+
+    function apply(on) {
+      document.body.classList.toggle('reading-mode', on);
+      toggle.setAttribute('aria-pressed', on ? 'true' : 'false');
+      label.textContent = toggle.getAttribute(on ? 'data-label-exit' : 'data-label-enter');
+      if (!remember) return;
+      try {
+        if (on) localStorage.setItem(key, 'on');
+        else localStorage.removeItem(key);
+      } catch (error) {}
+    }
+
+    toggle.addEventListener('click', function () {
+      apply(!document.body.classList.contains('reading-mode'));
+    });
+    document.addEventListener('keydown', function (event) {
+      if (event.key === 'Escape' && document.body.classList.contains('reading-mode')) {
+        apply(false);
+        toggle.focus();
+      }
+    });
+    if (remember) {
+      try {
+        if (localStorage.getItem(key) === 'on') apply(true);
+      } catch (error) {}
+    }
+  })();
+</script>
+{%- endunless -%}

data/_includes/components/reading-state-bookmark.html

@@ -0,0 +1,27 @@
+{%- comment -%}
+---
+optional: []
+---
+The "Save for later" button of a post (assets/js/reading-state/ui.js): a
+bookmark kept in this browser, and a link to the saved articles when the
+site has a page for them (theme_options.reading_state.list_url). Renders
+nothing when reading state or bookmarks are off.
+{%- endcomment -%}
+{%- assign reading_state = site.theme_options.reading_state -%}
+{%- unless reading_state.enabled == false or reading_state.bookmarks == false -%}
+{%- capture label_save %}{% t 'post.reading_state.save' %}{% endcapture -%}
+{%- capture label_saved %}{% t 'post.reading_state.saved' %}{% endcapture -%}
+{%- capture label_unavailable %}{% t 'post.reading_state.unavailable' %}{% endcapture -%}
+<button type="button" class="post-tool bookmark-toggle" data-bookmark-toggle aria-pressed="false"
+        data-article="{{ page.url | relative_url }}" data-title="{{ page.title | escape }}"
+        data-label-save="{{ label_save | strip | escape }}" data-label-saved="{{ label_saved | strip | escape }}"
+        data-unavailable="{{ label_unavailable | strip | escape }}">
+  <svg aria-hidden="true" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
+    <path d="M19 21l-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z"></path>
+  </svg>
+  <span data-bookmark-label>{{ label_save | strip }}</span>
+</button>
+{%- if reading_state.list_url %}
+<a class="post-tool post-tool--link" href="{{ reading_state.list_url | relative_url }}">{% t 'post.reading_state.saved_list' %}</a>
+{%- endif %}
+{%- endunless -%}

data/_includes/components/reading-state-panel.html

@@ -0,0 +1,71 @@
+{%- comment -%}
+---
+optional: []
+---
+A post's reading state (assets/js/reading-state/ui.js): the "resume where
+you left off" prompt, the toolbar that appears over a selection, the panel
+of private highlights and notes, and the controls to export, import and
+erase the reader's data. Everything stays in this browser. The markup is
+inert until the reading-state bundle runs; a browser without storage sees
+the message and disabled controls. Renders nothing when reading state is
+off; without progress or highlights, only the data controls remain.
+{%- endcomment -%}
+{%- assign reading_state = site.theme_options.reading_state -%}
+{%- unless reading_state.enabled == false -%}
+{%- assign want_progress = true -%}{%- if reading_state.progress == false -%}{%- assign want_progress = false -%}{%- endif -%}
+{%- assign want_highlights = true -%}{%- if reading_state.highlights == false -%}{%- assign want_highlights = false -%}{%- endif -%}
+{%- capture progress_label %}{% t 'post.reading_state.progress' %}{% endcapture -%}
+{%- capture erase_confirm %}{% t 'post.reading_state.erase_confirm' %}{% endcapture -%}
+{%- capture imported %}{% t 'post.reading_state.imported' %}{% endcapture -%}
+{%- capture import_failed %}{% t 'post.reading_state.import_failed' %}{% endcapture -%}
+{%- capture exported %}{% t 'post.reading_state.exported' %}{% endcapture -%}
+{%- capture erased_article %}{% t 'post.reading_state.erased_article' %}{% endcapture -%}
+{%- capture erased_all %}{% t 'post.reading_state.erased_all' %}{% endcapture -%}
+<div class="reading-state" data-reading-state data-article="{{ page.url | relative_url }}" data-title="{{ page.title | escape }}" data-progress="{{ want_progress }}" data-highlights="{{ want_highlights }}">
+  {%- if want_progress %}
+  <div class="reading-resume" data-reading-resume data-progress-label="{{ progress_label | strip | escape }}" role="region" aria-labelledby="reading-resume-heading" hidden>
+    <p class="reading-resume__text"><strong id="reading-resume-heading">{% t 'post.reading_state.resume' %}</strong> <span data-reading-resume-detail></span></p>
+    <div class="reading-resume__actions">
+      <button type="button" class="post-tool" data-reading-resume-go>{% t 'post.reading_state.resume_button' %}</button>
+      <button type="button" class="post-tool" data-reading-resume-dismiss>{% t 'post.reading_state.dismiss' %}</button>
+    </div>
+  </div>
+  {%- endif %}
+  {%- if want_highlights %}
+  <div class="reading-toolbar" data-reading-toolbar role="toolbar" aria-label="{% t 'post.reading_state.highlight' %}" hidden>
+    <button type="button" data-reading-highlight>{% t 'post.reading_state.highlight' %}</button>
+    <button type="button" data-reading-note>{% t 'post.reading_state.note' %}</button>
+  </div>
+  {%- endif %}
+  <section class="reading-notes" aria-labelledby="reading-notes-heading" data-reading-panel>
+    <h2 id="reading-notes-heading" class="reading-notes__heading">{% if want_highlights %}{% t 'post.reading_state.highlights_heading' %}{% else %}{% t 'post.reading_state.data_heading' %}{% endif %}</h2>
+    <p class="reading-notes__intro">{% t 'post.reading_state.intro' %}{% if want_highlights %} {% t 'post.reading_state.shortcuts' %}{% endif %}</p>
+    <p class="reading-notes__unavailable" data-reading-unavailable hidden>{% t 'post.reading_state.unavailable' %}</p>
+    {%- if want_highlights %}
+    <p class="reading-notes__empty" data-reading-empty>{% t 'post.reading_state.empty' %}</p>
+    <ul class="reading-notes__list" data-reading-list-items></ul>
+    <template data-reading-item-template>
+      <li class="reading-note" data-annotation>
+        <blockquote class="reading-note__quote" data-annotation-quote></blockquote>
+        <p class="reading-note__meta"><span data-annotation-section></span> <span class="reading-note__lost" data-annotation-lost hidden>{% t 'post.reading_state.lost' %}</span></p>
+        <label class="reading-note__label"><span>{% t 'post.reading_state.note_label' %}</span><textarea rows="2" data-annotation-note></textarea></label>
+        <div class="reading-note__actions">
+          <button type="button" class="post-tool" data-annotation-go>{% t 'post.reading_state.go_to' %}</button>
+          <button type="button" class="post-tool" data-annotation-remove>{% t 'post.reading_state.remove' %}</button>
+        </div>
+      </li>
+    </template>
+    {%- endif %}
+    <details class="reading-data">
+      <summary>{% t 'post.reading_state.data_heading' %}</summary>
+      <div class="reading-data__actions">
+        <button type="button" class="post-tool" data-reading-export data-done="{{ exported | strip | escape }}">{% t 'post.reading_state.export' %}</button>
+        <label class="post-tool reading-data__import">{% t 'post.reading_state.import' %}<input type="file" accept="application/json,.json" data-reading-import data-done="{{ imported | strip | escape }}" data-failed="{{ import_failed | strip | escape }}"></label>
+        <button type="button" class="post-tool" data-reading-erase-article data-done="{{ erased_article | strip | escape }}">{% t 'post.reading_state.erase_article' %}</button>
+        <button type="button" class="post-tool" data-reading-erase-all data-confirm="{{ erase_confirm | strip | escape }}" data-done="{{ erased_all | strip | escape }}">{% t 'post.reading_state.erase_all' %}</button>
+      </div>
+      <p class="reading-data__status" data-reading-status aria-live="polite"></p>
+    </details>
+  </section>
+</div>
+{%- endunless -%}

data/_includes/components/reproducibility.html

@@ -0,0 +1,61 @@
+{%- comment -%}
+---
+required:
+  - page
+---
+"Reproduce this analysis": the code, data, notebook, environment and results
+behind an article (`reproducibility` in front matter, read by the
+page_reproducibility filter, _plugins/reproducibility.rb). Shows the
+artifacts given, each with its identifiers, and renders nothing without one.
+Site paths already carry the baseurl.
+{%- endcomment -%}
+{%- assign reproduce = include.page | page_reproducibility -%}
+{%- if reproduce -%}
+<section class="reproduce" aria-labelledby="reproduce-heading">
+  <h2 id="reproduce-heading" class="reproduce__heading">{% t 'post.reproduce.heading' %}</h2>
+  <p class="reproduce__intro">{% t 'post.reproduce.intro' %}</p>
+  <dl class="reproduce__list">
+    {%- for artifact in reproduce.artifacts %}
+    {%- assign kind_key = 'post.reproduce.' | append: artifact.kind %}
+    <div class="reproduce__item reproduce__item--{{ artifact.kind }}">
+      <dt>{{ kind_key | t }}</dt>
+      <dd>
+        {%- if artifact.url %}
+        <a class="reproduce__link" href="{{ artifact.url | escape }}"{% if artifact.external %} rel="external noopener"{% endif %}>{{ artifact.label | escape }}</a>
+        {%- endif %}
+        {%- if artifact.ref %}
+        {%- capture ref_text -%}
+          {%- if artifact.ref_url -%}
+          <a href="{{ artifact.ref_url | escape }}" rel="external noopener"><code>{{ artifact.ref | escape }}</code></a>
+          {%- else -%}
+          <code>{{ artifact.ref | escape }}</code>
+          {%- endif -%}
+        {%- endcapture %}
+        <span class="reproduce__detail">{% t 'post.reproduce.ref' ref: ref_text %}</span>
+        {%- endif %}
+        {%- if artifact.version %}
+        {%- assign version_text = artifact.version | escape %}
+        <span class="reproduce__detail">{% t 'post.reproduce.version' version: version_text %}</span>
+        {%- endif %}
+        {%- if artifact.doi %}
+        <span class="reproduce__detail">DOI {{ artifact.doi | escape }}</span>
+        {%- endif %}
+        {%- if artifact.file %}
+        {%- if artifact.file_url %}
+        <a class="reproduce__link" href="{{ artifact.file_url | escape }}"{% if artifact.file_url contains '://' %} rel="external noopener"{% endif %}><code>{{ artifact.file | escape }}</code></a>
+        {%- else %}
+        <code>{{ artifact.file | escape }}</code>
+        {%- endif %}
+        {%- endif %}
+        {%- if artifact.container %}
+        <span class="reproduce__detail">{% t 'post.reproduce.container' %} <code>{{ artifact.container | escape }}</code></span>
+        {%- endif %}
+        {%- if artifact.archive %}
+        <a class="reproduce__link" href="{{ artifact.archive | escape }}" rel="external noopener">{% t 'post.reproduce.archive' %}: {{ artifact.archive_label | escape }}</a>
+        {%- endif %}
+      </dd>
+    </div>
+    {%- endfor %}
+  </dl>
+</section>
+{%- endif -%}

data/_includes/components/responsive-image.html

@@ -2,7 +2,7 @@
 {% assign alt_text = include.alt | to_s %}
 {% if image_src == '' or alt_text == '' %}
   {% comment %}Missing required parameters{% endcomment %}
-  {% assign fallback_loading = include.loading | default: site.config.datalog_image_config.lazy_loading | default: 'lazy' %}
+  {% assign fallback_loading = include.loading | default: site.datalog_image_config.lazy_loading | default: 'lazy' %}
   <img src="{{ image_src }}" alt="{{ alt_text }}" loading="{{ fallback_loading }}" decoding="async" />
 {% else %}
   {% assign baseurl = site.baseurl | default: '' %}
@@ -22,8 +22,8 @@
     {% assign normalized_src = normalized_src | replace: '//', '/' %}
     {% assign responsive_entry = manifest[normalized_src] %}
   {% endif %}
-  {% assign requested_sizes = include.sizes | default: site.config.datalog_image_config.default_sizes | default: '100vw' %}
-  {% assign loading_mode = include.loading | default: site.config.datalog_image_config.lazy_loading | default: 'lazy' %}
+  {% assign requested_sizes = include.sizes | default: site.datalog_image_config.default_sizes | default: '100vw' %}
+  {% assign loading_mode = include.loading | default: site.datalog_image_config.lazy_loading | default: 'lazy' %}
   {% if responsive_entry %}
     <picture>
       {% for source in responsive_entry.sources %}

data/_includes/components/revision-history.html

@@ -0,0 +1,39 @@
+{%- comment -%}
+---
+required:
+  - page
+optional:
+  - date_format
+---
+The revision history of an article (`revisions`, sorted newest first by
+_plugins/revisions.rb), after its body, ending with the publication date.
+Renders nothing for a page without revisions.
+{%- endcomment -%}
+{%- assign revisions = include.page.revisions -%}
+{%- if revisions and revisions.size > 0 -%}
+<section class="revision-history" id="revision-history" aria-labelledby="revision-history-heading">
+  <h2 id="revision-history-heading">{% t 'post.revisions.heading' %}</h2>
+  <ul class="revision-history__list">
+    {%- for revision in revisions -%}
+    {%- assign type_key = 'post.revisions.types.' | append: revision.type -%}
+    <li class="revision-history__item revision-history__item--{{ revision.type }}">
+      <time class="revision-history__date" datetime="{{ revision.date | date: '%Y-%m-%d' }}">{% include helpers/date-format.html date=revision.date format=include.date_format %}</time>
+      <span class="revision-history__type">{{ type_key | t }}</span>
+      <span class="revision-history__summary">{{ revision.summary | escape }}
+        {%- if revision.details_url -%}
+        {%- assign details_url = revision.details_url -%}
+        {%- unless details_url contains '://' -%}{%- assign details_url = details_url | relative_url -%}{%- endunless %}
+        <a class="revision-history__details" href="{{ details_url | escape }}">{% t 'post.revisions.details' %}</a>
+        {%- endif -%}
+      </span>
+    </li>
+    {%- endfor -%}
+    {%- if include.page.date -%}
+    <li class="revision-history__item revision-history__item--published">
+      <time class="revision-history__date" datetime="{{ include.page.date | date: '%Y-%m-%d' }}">{% include helpers/date-format.html date=include.page.date format=include.date_format %}</time>
+      <span class="revision-history__type">{% t 'post.revisions.types.published' %}</span>
+    </li>
+    {%- endif -%}
+  </ul>
+</section>
+{%- endif -%}

data/_includes/components/revision-notice.html

@@ -0,0 +1,35 @@
+{%- comment -%}
+---
+required:
+  - page
+optional:
+  - date_format
+---
+The newest correction or update of an article (`revision_notice`, set from
+`revisions` by _plugins/revisions.rb), announced under the metadata with a
+link to the full history. Renders nothing without one, or with
+`revision_notice: false` in front matter.
+{%- endcomment -%}
+{%- assign revision = include.page.revision_notice -%}
+{%- if revision -%}
+{%- capture revision_date -%}{% include helpers/date-format.html date=revision.date format=include.date_format %}{%- endcapture -%}
+{%- assign revision_date = revision_date | strip -%}
+<aside class="revision-notice revision-notice--{{ revision.type }}" aria-labelledby="revision-notice-lead">
+  <p class="revision-notice__text">
+    <strong id="revision-notice-lead" class="revision-notice__lead">
+      {%- if revision.type == 'correction' -%}
+        {% t 'post.revisions.corrected_on' date: revision_date %}
+      {%- else -%}
+        {% t 'post.revisions.updated_on' date: revision_date %}
+      {%- endif -%}
+    </strong>
+    {{ revision.summary | escape }}
+    {%- if revision.details_url -%}
+    {%- assign details_url = revision.details_url -%}
+    {%- unless details_url contains '://' -%}{%- assign details_url = details_url | relative_url -%}{%- endunless %}
+    <a class="revision-notice__details" href="{{ details_url | escape }}">{% t 'post.revisions.details' %}</a>
+    {%- endif %}
+    <a class="revision-notice__history" href="#revision-history">{% t 'post.revisions.history_link' %}</a>
+  </p>
+</aside>
+{%- endif -%}

data/_includes/components/series-nav.html

@@ -0,0 +1,64 @@
+{%- comment -%}
+---
+required:
+  - page
+optional:
+  - compact
+---
+Navigation within an article series (`series` in front matter, resolved by
+_plugins/series.rb): the series title, "Part k of n", every part in order
+with the current one marked, and the previous and next parts. With
+`compact: true`, the previous and next parts alone, for the end of the
+article. Renders nothing for a page that is not part of a series.
+{%- endcomment -%}
+{%- assign series = include.page.series -%}
+{%- if series.id -%}
+{%- capture part_of -%}{% t 'post.series.part_of' part: series.position total: series.count %}{%- endcapture -%}
+{%- capture nav_label -%}{% t 'post.series.nav_label' title: series.title %}{%- endcapture -%}
+{%- capture series_links -%}
+{%- if series.previous or series.next %}
+  <div class="series-nav__links">
+    {%- if series.previous %}
+    <a class="series-nav__link series-nav__link--previous" rel="prev" href="{{ series.previous.url | relative_url }}">
+      <span class="series-nav__link-label">{% t 'post.series.previous' %}</span>
+      <span class="series-nav__link-title">{{ series.previous.title | escape }}</span>
+    </a>
+    {%- endif %}
+    {%- if series.next %}
+    <a class="series-nav__link series-nav__link--next" rel="next" href="{{ series.next.url | relative_url }}">
+      <span class="series-nav__link-label">{% t 'post.series.next' %}</span>
+      <span class="series-nav__link-title">{{ series.next.title | escape }}</span>
+    </a>
+    {%- endif %}
+  </div>
+{%- endif %}
+{%- endcapture -%}
+{%- if include.compact -%}
+{%- if series.previous or series.next -%}
+<nav class="series-nav series-nav--compact" aria-label="{{ nav_label | strip | escape }}">
+  <p class="series-nav__context">{{ series.title | escape }} · {{ part_of | strip }}</p>
+  {{- series_links }}
+</nav>
+{%- endif -%}
+{%- else -%}
+<nav class="series-nav" aria-labelledby="series-nav-heading">
+  <p class="series-nav__heading" id="series-nav-heading">
+    <span class="series-nav__label">{% t 'post.series.label' %}</span>
+    <span class="series-nav__title">{{ series.title | escape }}</span>
+    <span class="series-nav__position">{{ part_of | strip }}</span>
+  </p>
+  {%- if series.description %}
+  <p class="series-nav__description">{{ series.description | escape }}</p>
+  {%- endif %}
+  <progress class="series-nav__progress" value="{{ series.position }}" max="{{ series.count }}" aria-hidden="true"></progress>
+  <ol class="series-nav__list">
+    {%- for part in series.parts %}
+    <li class="series-nav__part{% if part.current %} series-nav__part--current{% endif %}">
+      <a href="{{ part.url | relative_url }}"{% if part.current %} aria-current="page"{% endif %}>{{ part.title | escape }}</a>
+    </li>
+    {%- endfor %}
+  </ol>
+  {{- series_links }}
+</nav>
+{%- endif -%}
+{%- endif -%}