datalog-theme 0.8.0 → 0.9.1

data/_data/js_manifest.json

@@ -2,6 +2,14 @@
   "core": "/assets/js/dist/core.js",
   "loader": "/assets/js/dist/loader.js",
   "features": {
+    "reading-state": "/assets/js/dist/reading-state.js",
+    "corrections": "/assets/js/dist/corrections.js",
+    "contact": "/assets/js/dist/contact.js",
+    "comments": "/assets/js/dist/comments.js",
+    "reactions": "/assets/js/dist/reactions.js",
+    "webmentions": "/assets/js/dist/webmentions.js",
+    "subscriptions": "/assets/js/dist/subscriptions.js",
+    "moderation": "/assets/js/dist/moderation.js",
     "search": "/assets/js/dist/search.js",
     "math": "/assets/js/dist/math.js",
     "visualizations": "/assets/js/dist/visualizations.js",
@@ -10,6 +18,14 @@
     "analytics-dashboard": "/assets/js/dist/analytics-dashboard.js"
   },
   "entrypoints": {
+    "reading-state": "/assets/js/dist/reading-state.js",
+    "corrections": "/assets/js/dist/corrections.js",
+    "contact": "/assets/js/dist/contact.js",
+    "comments": "/assets/js/dist/comments.js",
+    "reactions": "/assets/js/dist/reactions.js",
+    "webmentions": "/assets/js/dist/webmentions.js",
+    "subscriptions": "/assets/js/dist/subscriptions.js",
+    "moderation": "/assets/js/dist/moderation.js",
     "core": "/assets/js/dist/core.js",
     "loader": "/assets/js/dist/loader.js",
     "search": "/assets/js/dist/search.js",

data/_includes/components/academic-dashboard.html

@@ -155,7 +155,7 @@
       <li class="submission-card" data-submission-status="{{ submission.status | slugify }}">
         <article>
           <header>
-            <h3>{{ submission.title }}</h3>
+            <h3>{{ submission.title | escape }}</h3>
             <p class="submission-venue">{{ submission.venue }} · <span class="submission-type">{{ submission.type | capitalize }}</span></p>
           </header>
           <dl class="submission-meta">
@@ -182,7 +182,7 @@
         <ul class="workflow-list">
           {% for review in academic.workflow.peer_review %}
           <li>
-            <strong>{{ review.title }}</strong>
+            <strong>{{ review.title | escape }}</strong>
             <p>{{ review.journal }}</p>
             <p>{% t 'academic_dashboard.workflow.peer_review.status_label' %} <span class="status-badge">{{ review.status }}</span></p>
             {% assign assigned_label = review.assigned_date | localize_date: date_format %}
@@ -255,7 +255,7 @@
       <li>
         <article>
           <header>
-            <h3>{{ grant.title }}</h3>
+            <h3>{{ grant.title | escape }}</h3>
             <p>{{ grant.agency }} · {{ grant.role }}</p>
           </header>
           <dl class="funding-meta">
@@ -279,7 +279,7 @@
       <li>
         <article>
           <header>
-            <h3>{{ opportunity.title }}</h3>
+            <h3>{{ opportunity.title | escape }}</h3>
             {% if opportunity.tags %}<p class="opportunity-tags">{{ opportunity.tags | array_to_sentence_string }}</p>{% endif %}
           </header>
           <p>{{ opportunity.description }}</p>

data/_includes/components/author-bio.html

@@ -1,23 +1,30 @@
 {%- comment -%}
 Author bio card with social links and credentials
 Parameters:
-  - author: Author name (default: page.author or site.author.name)
+  - person: An author record from `page | page_authors` (default: the page's first author)
+  - author: An author's name or _data/authors.yml key, when no person is given
   - show_avatar: Show author avatar (default: true)
   - show_social: Show social links (default: true)
-  - compact: Compact layout (default: false)
+  - compact: Avatar, name, affiliation and links only (default: false)
 {%- endcomment -%}
 
-{%- assign author_name = include.author | default: page.author | default: site.author.name -%}
 {%- assign show_avatar = include.show_avatar | default: true -%}
 {%- assign show_social = include.show_social | default: true -%}
 {%- assign compact = include.compact | default: false -%}
 
-{%- comment -%} Get author details from site.data.authors or site.author {%- endcomment -%}
-{%- if site.data.authors and site.data.authors[author_name] -%}
-  {%- assign author_data = site.data.authors[author_name] -%}
+{%- if include.person -%}
+  {%- assign author_data = include.person -%}
+{%- elsif include.author -%}
+  {%- if site.data.authors and site.data.authors[include.author] -%}
+    {%- assign author_data = site.data.authors[include.author] -%}
+  {%- else -%}
+    {%- assign author_data = site.author -%}
+  {%- endif -%}
 {%- else -%}
-  {%- assign author_data = site.author -%}
+  {%- assign bio_authors = page | page_authors -%}
+  {%- assign author_data = bio_authors | first -%}
 {%- endif -%}
+{%- assign author_name = author_data.name | default: include.author | default: site.author.name | escape -%}
 
 <aside class="author-bio{% if compact %} author-bio--compact{% endif %}" itemscope itemtype="https://schema.org/Person">
   <div class="author-bio__inner">
@@ -33,7 +40,10 @@ Parameters:
                height="80">
         {%- else -%}
           {%- comment -%} Fallback avatar with initials {%- endcomment -%}
-          {%- assign initials = author_name | split: ' ' | map: 'first' | slice: 0, 2 | join: '' | upcase -%}
+          {%- comment -%} `map: 'first'` on a list of words returned nothing, so the placeholder showed no initials. {%- endcomment -%}
+          {%- assign name_words = author_data.name | default: author_name | split: ' ' -%}
+          {%- capture initials -%}{%- for word in name_words limit: 2 -%}{{ word | slice: 0 }}{%- endfor -%}{%- endcapture -%}
+          {%- assign initials = initials | upcase | escape -%}
           <div class="author-bio__avatar-placeholder" role="img" aria-label="{{ author_name }}">
             <span aria-hidden="true">{{ initials }}</span>
           </div>
@@ -46,17 +56,17 @@ Parameters:
 
       {%- if author_data.affiliation -%}
         <p class="author-bio__affiliation" itemprop="affiliation">
-          {{ author_data.affiliation }}
+          {{ author_data.affiliation | escape }}
         </p>
       {%- endif -%}
 
-      {%- if author_data.biography or author_data.bio -%}
+      {%- if compact != true and author_data.biography or compact != true and author_data.bio -%}
         <p class="author-bio__description" itemprop="description">
           {{ author_data.biography | default: author_data.bio }}
         </p>
       {%- endif -%}
 
-      {%- if author_data.research_areas and author_data.research_areas.size > 0 -%}
+      {%- if compact != true and author_data.research_areas and author_data.research_areas.size > 0 -%}
         <div class="author-bio__research">
           <strong class="author-bio__research-label">Research interests:</strong>
           <span class="author-bio__research-list">{{ author_data.research_areas | join: ', ' }}</span>

data/_includes/components/author-list.html

@@ -0,0 +1,32 @@
+{%- comment -%}
+---
+required:
+  - people
+optional:
+  - property
+  - show_affiliation
+---
+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.
+{%- endcomment -%}
+{%- assign list_property = include.property | default: 'author' -%}
+<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 %}">
+    {%- 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>
+    {%- else -%}
+      <span itemprop="name">{{ 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>
+    {%- endif -%}
+  </li>
+{%- endfor -%}
+</ul>

data/_includes/components/breadcrumbs.html

@@ -64,11 +64,13 @@ Parameters:
     {%- if page.categories and page.categories.size > 0 -%}
       {%- assign main_category = page.categories | first -%}
       {%- assign category_slug = main_category | slugify -%}
+      {%- assign category_archive_path = site.category_archive.path | default: '/categories/' -%}
+      {%- assign category_archive_page = site.pages | where: 'url', category_archive_path | first -%}
       {%- unless position -%}{%- assign position = 2 -%}{%- endunless -%}
       <li class="breadcrumbs__item" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem">
-        <a href="{{ site.category_archive.path | default: '/categories/' | append: '#' | append: category_slug | relative_url }}" class="breadcrumbs__link" itemprop="item">
-          <span itemprop="name">{{ main_category }}</span>
-        </a>
+        {% if category_archive_page %}<a href="{{ category_archive_path | append: '#' | append: category_slug | relative_url }}" class="breadcrumbs__link" itemprop="item">{% endif %}
+          <span itemprop="name">{{ main_category | escape }}</span>
+        {% if category_archive_page %}</a>{% endif %}
         <meta itemprop="position" content="{{ position }}" />
         <span class="breadcrumbs__separator" aria-hidden="true">{{ separator }}</span>
       </li>
@@ -80,7 +82,7 @@ Parameters:
       {%- unless position -%}{%- assign position = 2 -%}{%- endunless -%}
       <li class="breadcrumbs__item breadcrumbs__item--current" itemprop="itemListElement" itemscope itemtype="https://schema.org/ListItem" aria-current="page">
         <span class="breadcrumbs__current" itemprop="item">
-          <span itemprop="name">{{ page.title | truncate: 50 }}</span>
+          <span itemprop="name">{{ page.title | truncate: 50 | escape }}</span>
         </span>
         <meta itemprop="position" content="{{ position }}" />
       </li>

data/_includes/components/citation-tools.html

@@ -2,65 +2,25 @@
 {% assign citation_url = include.url | default: page.url | default: '/' | absolute_url %}
 {% assign citation_date = include.date | default: page.date %}
 {% assign citation_year = citation_date | date: '%Y' %}
-{% assign authors_source = include.authors | default: page.authors | default: page.author | default: site.author.name %}
-{% assign authors_array = authors_source | arrayify %}
-{% assign publisher = include.publisher | default: site.author.affiliation | default: site.title %}
+{%- comment -%} `authors`: records from `page | page_authors`, or names. Without it, the page's authors. {%- endcomment -%}
+{% if include.authors %}
+  {% assign authors_array = include.authors %}
+{% else %}
+  {% assign authors_array = page | page_authors %}
+{% endif %}
+{%- comment -%} A configured publisher, else the site's name. The author's affiliation is not the publisher. {%- endcomment -%}
+{% assign publisher = include.publisher | default: site.publisher.name | default: site.title %}
 {% assign doi = include.doi | default: page.doi %}
 {% assign citation_type = include.citation_type | default: include.type | default: 'article' %}
 {% assign citation_key = include.citation_key | default: page.citation_key | default: page.slug | default: citation_title | slugify %}
-{% capture author_line %}
-  {% for author in authors_array %}
-    {% if author.name %}
-      {{ author.name | strip }}{% unless forloop.last %} and {% endunless %}
-    {% else %}
-      {{ author | strip }}{% unless forloop.last %} and {% endunless %}
-    {% endif %}
-  {% endfor %}
-{% endcapture %}
-{% capture ris_authors %}
-  {% for author in authors_array %}
-    {% assign author_name = author.name | default: author %}
-AU  - {{ author_name | strip }}
-  {% endfor %}
-{% endcapture %}
-{% capture bibtex_entry %}@{{ citation_type }}{ {{ citation_key }},
-  title = { {{ citation_title | strip }} },
-  author = { {{ author_line | strip }} },
-  {% if citation_year %}year = { {{ citation_year }} },{% endif %}
-  {% if publisher %}publisher = { {{ publisher | strip }} },{% endif %}
-  {% if doi %}doi = { {{ doi }} },{% endif %}
-  url = { {{ citation_url }} }
-}
-{% endcapture %}
-{% capture ris_entry %}TY  - {{ citation_type | upcase }}
-TI  - {{ citation_title | strip }}
-{% if citation_year %}PY  - {{ citation_year }}
-{% endif %}{{ ris_authors | strip }}
-{% if publisher %}PB  - {{ publisher | strip }}
-{% endif %}
-{% if doi %}DO  - {{ doi }}
-{% endif %}UR  - {{ citation_url }}
-ER  -
-{% endcapture %}
-{% capture endnote_entry %}%0 {{ citation_type | capitalize }}
-%T {{ citation_title | strip }}
-{{ ris_authors | strip | replace: 'AU', '%A' }}
-{% if citation_year %}%D {{ citation_year }}
-{% endif %}
-{% if publisher %}%I {{ publisher | strip }}
-{% endif %}
-{% if doi %}%R {{ doi }}
-{% endif %}
-%U {{ citation_url }}
-{% endcapture %}
-{% capture authors_plain %}
-  {% for author in authors_array %}
-    {% assign author_name = author.name | default: author %}
-    {{ author_name | strip }}{% unless forloop.last %}, {% endunless %}
-  {% endfor %}
-{% endcapture %}
+{% assign exports = page | citation_exports: include %}
+{%- capture authors_plain -%}
+  {%- for author in authors_array -%}
+    {{- author.name | default: author | strip | escape -}}{%- unless forloop.last -%}, {% endunless -%}
+  {%- endfor -%}
+{%- endcapture -%}
 {% capture citation_text %}
-  {{ authors_plain | strip }}{% if citation_year %} ({{ citation_year }}){% endif %}. {{ citation_title | strip }}. {{ publisher | strip }}. {{ citation_url }}.
+  {{ authors_plain | strip }}{% if citation_year %} ({{ citation_year }}){% endif %}. {{ citation_title | strip | escape }}. {{ publisher | strip | escape }}. {{ citation_url | escape }}.
 {% endcapture %}
 <section class="citation-tools" aria-labelledby="citation-tools-heading-{{ citation_key }}">
   <div class="citation-tools__header">
@@ -74,21 +34,21 @@ ER  -
         <h3>{% t 'citation_tools.formats.bibtex' %}</h3>
         <button type="button" class="btn btn--ghost" data-copy-citation data-target="bibtex-{{ citation_key }}">{% t 'citation_tools.copy' %}</button>
       </header>
-      <textarea id="bibtex-{{ citation_key }}" readonly aria-label="{% t 'citation_tools.aria.bibtex' %}">{{ bibtex_entry | strip }}</textarea>
+      <textarea id="bibtex-{{ citation_key }}" readonly aria-label="{% t 'citation_tools.aria.bibtex' %}">{{ exports.bibtex | escape }}</textarea>
     </article>
     <article class="citation-tools__format" data-citation-format="ris">
       <header>
         <h3>{% t 'citation_tools.formats.ris' %}</h3>
         <button type="button" class="btn btn--ghost" data-copy-citation data-target="ris-{{ citation_key }}">{% t 'citation_tools.copy' %}</button>
       </header>
-      <textarea id="ris-{{ citation_key }}" readonly aria-label="{% t 'citation_tools.aria.ris' %}">{{ ris_entry | strip }}</textarea>
+      <textarea id="ris-{{ citation_key }}" readonly aria-label="{% t 'citation_tools.aria.ris' %}">{{ exports.ris | escape }}</textarea>
     </article>
     <article class="citation-tools__format" data-citation-format="endnote">
       <header>
         <h3>{% t 'citation_tools.formats.endnote' %}</h3>
         <button type="button" class="btn btn--ghost" data-copy-citation data-target="endnote-{{ citation_key }}">{% t 'citation_tools.copy' %}</button>
       </header>
-      <textarea id="endnote-{{ citation_key }}" readonly aria-label="{% t 'citation_tools.aria.endnote' %}">{{ endnote_entry | strip }}</textarea>
+      <textarea id="endnote-{{ citation_key }}" readonly aria-label="{% t 'citation_tools.aria.endnote' %}">{{ exports.endnote | escape }}</textarea>
     </article>
   </div>
 </section>

data/_includes/components/comments-thread.html

@@ -0,0 +1,90 @@
+{%- comment -%}
+---
+optional: []
+---
+The comments thread of the `api` provider (lib/datalog/plugins/comments.rb
+renders it through the datalog_comments tag; assets/js/comments/thread.js
+fills it): the discussion under an article, read from and written to the
+site's own backend through the dynamic services (docs/dynamic-services.md).
+Reads `page.datalog_comments` (the plugin's resolved settings: `replies`,
+`moderation`, `endpoint`) and `page.url`, which keys the thread.
+{%- endcomment -%}
+{%- assign settings = page.datalog_comments -%}
+{%- capture labels_json -%}
+{
+  "loading": {{ 'comments.loading' | t | jsonify }},
+  "empty": {{ 'comments.empty' | t | jsonify }},
+  "retry": {{ 'comments.retry' | t | jsonify }},
+  "reply": {{ 'comments.reply' | t | jsonify }},
+  "replying_to": {{ 'comments.replying_to' | t | jsonify }},
+  "anonymous": {{ 'comments.anonymous' | t | jsonify }},
+  "pending": {{ 'comments.pending' | t | jsonify }},
+  "sending": {{ 'comments.sending' | t | jsonify }},
+  "posted": {{ 'comments.posted' | t | jsonify }},
+  "posted_pending": {{ 'comments.posted_pending' | t | jsonify }},
+  "name_required": {{ 'comments.name_required' | t | jsonify }},
+  "email_invalid": {{ 'comments.email_invalid' | t | jsonify }},
+  "url_invalid": {{ 'comments.url_invalid' | t | jsonify }},
+  "body_short": {{ 'comments.body_short' | t | jsonify }},
+  "errors": {
+    {%- assign kinds = "disabled,unsupported,version,timeout,network,malformed,unauthorized,forbidden,not_found,conflict,invalid,rate_limited,server,http,aborted,retry_after,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 -%}
+<div class="comments-thread" id="comments" data-comments-thread data-comments-path="{{ page.url }}" data-comments-replies="{% if settings.replies == false %}false{% else %}true{% endif %}"{% if settings.endpoint and settings.endpoint != '' %} data-comments-endpoint="{{ settings.endpoint }}"{% endif %} data-state="idle">
+  <script type="application/json" nonce="{{ page.csp_nonce }}" data-comments-labels>{{ labels_json | strip }}</script>
+  <p class="comments-thread__status" data-comments-status role="status" aria-live="polite">{% t 'comments.loading' %}</p>
+  <noscript><p class="comments-thread__noscript">{% t 'comments.noscript' %}</p></noscript>
+  <ol class="comments-thread__list" data-comments-list hidden></ol>
+  <form class="service-form comments-form" id="comments-form" data-comments-form data-state="idle" aria-busy="false" aria-labelledby="comments-form-heading" novalidate>
+    <h3 class="comments-form__heading" id="comments-form-heading">{% t 'comments.form_heading' %}</h3>
+    <p class="comments-form__replying" data-comments-replying hidden>
+      <span data-comments-replying-to></span>
+      <button type="button" class="post-tool" data-comments-cancel-reply>{% t 'comments.cancel_reply' %}</button>
+    </p>
+    <fieldset class="service-form__fields">
+      <legend class="visually-hidden">{% t 'comments.form_heading' %}</legend>
+      <div class="service-form__row">
+        <div class="service-form__field">
+          <label for="comments-name">{% t 'comments.name' %}</label>
+          <input id="comments-name" name="name" type="text" required autocomplete="name">
+          <p class="service-form__error" data-error-for="name" hidden></p>
+        </div>
+        <div class="service-form__field">
+          <label for="comments-email">{% t 'comments.email' %}</label>
+          <input id="comments-email" name="email" type="email" autocomplete="email" aria-describedby="comments-email-hint">
+          <p class="service-form__hint" id="comments-email-hint">{% t 'comments.email_hint' %}</p>
+          <p class="service-form__error" data-error-for="email" hidden></p>
+        </div>
+      </div>
+      <div class="service-form__field">
+        <label for="comments-url">{% t 'comments.url' %}</label>
+        <input id="comments-url" name="url" type="url" autocomplete="url">
+        <p class="service-form__error" data-error-for="url" hidden></p>
+      </div>
+      <div class="service-form__field">
+        <label for="comments-body">{% t 'comments.body' %}</label>
+        <textarea id="comments-body" name="body" rows="5" required></textarea>
+        <p class="service-form__error" data-error-for="body" hidden></p>
+      </div>
+      <input type="hidden" name="parent_id" value="">
+      <div class="service-form__trap" aria-hidden="true">
+        <label for="comments-website">Website</label>
+        <input id="comments-website" name="website" type="text" tabindex="-1" autocomplete="off">
+      </div>
+    </fieldset>
+    {%- if settings.moderation != false %}
+    <p class="service-form__privacy">{% t 'comments.moderated' %}</p>
+    {%- else %}
+    <p class="service-form__privacy">{% t 'comments.privacy' %}</p>
+    {%- endif %}
+    <div class="service-form__actions">
+      <button type="submit" class="post-tool">{% t 'comments.send' %}</button>
+    </div>
+    <p class="service-form__status" data-form-status role="status" aria-live="polite" hidden></p>
+  </form>
+</div>

data/_includes/components/contact-form.html

@@ -0,0 +1,120 @@
+{%- comment -%}
+---
+optional: []
+---
+The contact and collaboration form (assets/js/contact/form.js): a structured
+message to the author, research collaboration, consulting, speaking,
+mentoring, a reproducibility question, a media request or anything else,
+sent to the site's dynamic services (docs/dynamic-services.md). Rendered by
+the page layout when the page says `contact_form: true`, or included
+anywhere. Without a backend offering the feature it falls back to the
+site's email address, so the page is never empty. Categories come from
+`contact.categories`, their labels and prompts from `contact.categories.*`
+and `contact.prompts.*` in _data/i18n; `contact.prompts` in _config.yml
+overrides a prompt.
+{%- endcomment -%}
+{%- assign services = site.dynamic_services -%}
+{%- assign contact = site.contact -%}
+{%- if contact.enabled != false -%}
+{%- assign mail = site.contact_email | default: site.author.email -%}
+{%- if services.base_url and services.base_url != '' and services.features.contact != false -%}
+{%- assign categories = contact.categories -%}
+{%- if categories == nil or categories.size == 0 -%}
+  {%- assign categories = "research-collaboration,consulting,speaking,mentoring,reproducibility,media,other" | split: "," -%}
+{%- endif -%}
+{%- capture labels_json -%}
+{
+  "pending": {{ 'contact.pending' | t | jsonify }},
+  "success": {{ 'contact.success' | t | jsonify }},
+  "name_required": {{ 'contact.name_required' | t | jsonify }},
+  "email_invalid": {{ 'contact.email_invalid' | t | jsonify }},
+  "subject_required": {{ 'contact.subject_required' | t | jsonify }},
+  "message_short": {{ 'contact.message_short' | t | jsonify }},
+  "errors": {
+    {%- assign kinds = "disabled,unsupported,version,timeout,network,malformed,unauthorized,forbidden,not_found,conflict,invalid,rate_limited,server,http,aborted,retry_after,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 -%}
+{%- capture prompts_json -%}
+{
+  {%- for category in categories -%}
+  {%- assign prompt = nil -%}
+  {%- if contact.prompts -%}{%- assign prompt = contact.prompts[category] -%}{%- endif -%}
+  {%- unless prompt -%}
+    {%- assign prompt_key = "contact.prompts." | append: category -%}
+    {%- assign prompt = prompt_key | t -%}
+    {%- if prompt == prompt_key -%}{%- assign prompt = nil -%}{%- endif -%}
+  {%- endunless -%}
+  {%- if prompt -%}{{ category | jsonify }}: {{ prompt | jsonify }},{%- endif -%}
+  {%- endfor -%}
+  "": ""
+}
+{%- endcapture -%}
+{%- assign privacy = contact.privacy_notice | default: nil -%}
+{%- unless privacy -%}{%- assign privacy = 'contact.privacy' | t -%}{%- endunless -%}
+<section class="contact-form" id="contact" data-contact-form data-source-url="{{ page.url | absolute_url }}">
+  <script type="application/json" nonce="{{ page.csp_nonce }}" data-contact-labels>{{ labels_json | strip }}</script>
+  <script type="application/json" nonce="{{ page.csp_nonce }}" data-contact-prompts>{{ prompts_json | strip }}</script>
+  <form class="service-form contact-form__form" id="contact-form" data-state="idle" aria-busy="false" novalidate>
+    <p class="service-form__intro">{% t 'contact.intro' %}</p>
+    <fieldset class="service-form__fields">
+      <legend class="visually-hidden">{% t 'contact.legend' %}</legend>
+      <div class="service-form__field">
+        <label for="contact-category">{% t 'contact.category' %}</label>
+        <select id="contact-category" name="category">
+          {%- for category in categories %}
+          {%- assign category_key = "contact.categories." | append: category %}
+          <option value="{{ category | escape }}">{{ category_key | t }}</option>
+          {%- endfor %}
+        </select>
+      </div>
+      <div class="service-form__row">
+        <div class="service-form__field">
+          <label for="contact-name">{% t 'contact.name' %}</label>
+          <input id="contact-name" name="name" type="text" required autocomplete="name">
+          <p class="service-form__error" data-error-for="name" hidden></p>
+        </div>
+        <div class="service-form__field">
+          <label for="contact-email">{% t 'contact.email' %}</label>
+          <input id="contact-email" name="email" type="email" required autocomplete="email">
+          <p class="service-form__error" data-error-for="email" hidden></p>
+        </div>
+      </div>
+      <div class="service-form__field">
+        <label for="contact-affiliation">{% t 'contact.affiliation' %}</label>
+        <input id="contact-affiliation" name="affiliation" type="text" autocomplete="organization">
+      </div>
+      <div class="service-form__field">
+        <label for="contact-subject">{% t 'contact.subject' %}</label>
+        <input id="contact-subject" name="subject" type="text" required>
+        <p class="service-form__error" data-error-for="subject" hidden></p>
+      </div>
+      <div class="service-form__field">
+        <label for="contact-message">{% t 'contact.message' %}</label>
+        <textarea id="contact-message" name="message" rows="7" required minlength="20" aria-describedby="contact-message-hint"></textarea>
+        <p class="service-form__hint" id="contact-message-hint" data-contact-hint>{% t 'contact.message_hint' %}</p>
+        <p class="service-form__error" data-error-for="message" hidden></p>
+      </div>
+      <div class="service-form__trap" aria-hidden="true">
+        <label for="contact-website">Website</label>
+        <input id="contact-website" name="website" type="text" tabindex="-1" autocomplete="off">
+      </div>
+    </fieldset>
+    <p class="service-form__privacy">{{ privacy }}{% if contact.retention %} {{ contact.retention }}{% endif %}</p>
+    <div class="service-form__actions">
+      <button type="submit" class="post-tool">{% t 'contact.send' %}</button>
+    </div>
+    <p class="service-form__status" data-form-status role="status" aria-live="polite" hidden></p>
+  </form>
+</section>
+{%- elsif mail -%}
+{%- capture mail_link -%}<a href="mailto:{{ mail }}">{{ mail }}</a>{%- endcapture -%}
+<section class="contact-form contact-form--fallback" id="contact">
+  <p class="contact-form__fallback">{% t 'contact.fallback' email: mail_link %}</p>
+</section>
+{%- endif -%}
+{%- endif -%}

data/_includes/components/correction-report.html

@@ -0,0 +1,82 @@
+{%- comment -%}
+---
+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.
+{%- 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 -%}
+{%- assign categories = corrections.categories -%}
+{%- if categories == nil or categories.size == 0 -%}
+  {%- assign categories = "mathematical-error,factual-error,citation,code,reproducibility,typo,accessibility,other" | split: "," -%}
+{%- endif -%}
+{%- capture labels_json -%}
+{
+  "pending": {{ 'corrections.pending' | t | jsonify }},
+  "success": {{ 'corrections.success' | t | jsonify }},
+  "message_short": {{ 'corrections.message_short' | t | jsonify }},
+  "email_invalid": {{ 'corrections.email_invalid' | t | jsonify }},
+  "errors": {
+    {%- assign kinds = "disabled,unsupported,version,timeout,network,malformed,unauthorized,forbidden,not_found,conflict,invalid,rate_limited,server,http,aborted,retry_after,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 -%}
+<details class="correction-report" id="correction-report" data-correction-report data-article-url="{{ page.url | absolute_url }}" data-article-title="{{ page.title | escape }}">
+  <summary class="correction-report__summary">{% t 'corrections.summary' %}</summary>
+  <script type="application/json" nonce="{{ page.csp_nonce }}" data-correction-labels>{{ labels_json | strip }}</script>
+  <form class="service-form correction-report__form" id="correction-report-form" data-state="idle" aria-busy="false" novalidate>
+    <p class="service-form__intro">{% t 'corrections.intro' %}</p>
+    <p class="service-form__quote" data-correction-quote hidden></p>
+    <fieldset class="service-form__fields">
+      <legend class="visually-hidden">{% t 'corrections.summary' %}</legend>
+      <div class="service-form__field">
+        <label for="correction-category">{% t 'corrections.category' %}</label>
+        <select id="correction-category" name="category">
+          {%- for category in categories %}
+          {%- assign category_key = "corrections.categories." | append: category %}
+          <option value="{{ category | escape }}">{{ category_key | t }}</option>
+          {%- endfor %}
+        </select>
+      </div>
+      <div class="service-form__field">
+        <label for="correction-section">{% t 'corrections.section' %}</label>
+        <select id="correction-section" name="section">
+          <option value="">{% t 'corrections.section_any' %}</option>
+        </select>
+      </div>
+      <div class="service-form__field">
+        <label for="correction-message">{% t 'corrections.message' %}</label>
+        <textarea id="correction-message" name="message" rows="5" required minlength="20" aria-describedby="correction-message-hint"></textarea>
+        <p class="service-form__hint" id="correction-message-hint">{% t 'corrections.message_hint' %}</p>
+        <p class="service-form__error" data-error-for="message" hidden></p>
+      </div>
+      <div class="service-form__field">
+        <label for="correction-email">{% t 'corrections.contact_email' %}</label>
+        <input id="correction-email" name="contact_email" type="email" autocomplete="email" aria-describedby="correction-email-hint">
+        <p class="service-form__hint" id="correction-email-hint">{% t 'corrections.contact_hint' %}</p>
+        <p class="service-form__error" data-error-for="contact_email" hidden></p>
+      </div>
+      <input type="hidden" name="quote" value="">
+      <div class="service-form__trap" aria-hidden="true">
+        <label for="correction-website">Website</label>
+        <input id="correction-website" name="website" type="text" tabindex="-1" autocomplete="off">
+      </div>
+    </fieldset>
+    <div class="service-form__actions">
+      <button type="submit" class="post-tool">{% t 'corrections.send' %}</button>
+    </div>
+    <p class="service-form__status" data-form-status role="status" aria-live="polite" hidden></p>
+  </form>
+</details>
+{%- endif -%}