datalog-theme 0.8.0 → 0.9.0

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/Person">
+    {%- 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/citation-tools.html

@@ -2,27 +2,36 @@
 {% 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 %}
+{%- comment -%}
+  The author loops trim their whitespace: with several authors, the indentation
+  ended up inside the BibTeX author field and between the RIS author lines.
+{%- endcomment -%}
+{%- capture author_line -%}
+  {%- for author in authors_array -%}
+    {{- author.name | default: author | strip | escape -}}{%- unless forloop.last %} and {% endunless -%}
+  {%- endfor -%}
+{%- endcapture -%}
+{%- capture ris_authors -%}
+  {%- for author in authors_array %}
+AU  - {{ author.name | default: author | strip | escape }}
+  {%- endfor -%}
+{%- endcapture -%}
+{%- capture endnote_authors -%}
+  {%- for author in authors_array %}
+%A {{ author.name | default: author | strip | escape }}
+  {%- endfor -%}
+{%- endcapture -%}
 {% capture bibtex_entry %}@{{ citation_type }}{ {{ citation_key }},
   title = { {{ citation_title | strip }} },
   author = { {{ author_line | strip }} },
@@ -44,7 +53,7 @@ ER  -
 {% endcapture %}
 {% capture endnote_entry %}%0 {{ citation_type | capitalize }}
 %T {{ citation_title | strip }}
-{{ ris_authors | strip | replace: 'AU', '%A' }}
+{{ endnote_authors | strip }}
 {% if citation_year %}%D {{ citation_year }}
 {% endif %}
 {% if publisher %}%I {{ publisher | strip }}
@@ -53,12 +62,11 @@ ER  -
 {% 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 %}
+{%- 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 }}.
 {% endcapture %}

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,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,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,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 -%}

data/_includes/components/enhanced-toc.html

@@ -27,7 +27,8 @@ Parameters:
 {%- endcapture -%}
 
 {%- if toc_markup contains '<li' -%}
-<aside class="enhanced-toc{% if collapsible %} enhanced-toc--collapsible{% endif %}"
+{%- comment -%} A <nav>: doc-toc refines the navigation landmark, and is not a role an <aside> may carry. {%- endcomment -%}
+<nav class="enhanced-toc{% if collapsible %} enhanced-toc--collapsible{% endif %}"
        data-toc-enhanced
        aria-label="{{ toc_heading }}"
        role="doc-toc">
@@ -87,7 +88,7 @@ Parameters:
       <span data-progress-percent>0</span>% complete
     </span>
   </div>
-</aside>
+</nav>
 
 <script>
   (function() {
@@ -154,7 +155,8 @@ Parameters:
         }
       }
 
-      // Smooth scroll for TOC links
+      // Scroll to TOC targets. The stylesheet's scroll-behavior decides whether
+      // the scroll is smooth, so reduced-motion preferences are respected.
       tocLinks.forEach(link => {
         link.addEventListener('click', function(e) {
           const targetId = this.getAttribute('href');
@@ -163,10 +165,7 @@ Parameters:
             const targetElement = document.querySelector(targetId);
             if (targetElement) {
               const offsetTop = targetElement.offsetTop - 80; // Account for sticky header
-              window.scrollTo({
-                top: offsetTop,
-                behavior: 'smooth'
-              });
+              window.scrollTo({ top: offsetTop });
               // Update URL without jumping
               if (history.pushState) {
                 history.pushState(null, null, targetId);

data/_includes/components/license-link.html

@@ -0,0 +1,13 @@
+{%- comment -%}
+---
+required:
+  - license
+---
+A licence's name (from the page_license or page_code_license filter), linked
+with rel="license" when the licence has a URL.
+{%- endcomment -%}
+{%- if include.license.url -%}
+<a class="license-link" rel="license" href="{{ include.license.url | escape }}">{{ include.license.name | escape }}</a>
+{%- else -%}
+<span class="license-link">{{ include.license.name | escape }}</span>
+{%- endif -%}

data/_includes/components/license-notice.html

@@ -0,0 +1,28 @@
+{%- comment -%}
+---
+required:
+  - page
+---
+The reuse terms of an article: its copyright holder and year, the licence of
+its text and figures and, when it differs, of its code samples
+(_plugins/licenses.rb). Renders nothing for a page without a licence.
+{%- endcomment -%}
+{%- assign content_license = include.page | page_license -%}
+{%- assign code_license = include.page | page_code_license -%}
+{%- if content_license or code_license -%}
+{%- capture content_link -%}{% include components/license-link.html license=content_license %}{%- endcapture -%}
+{%- capture code_link -%}{% include components/license-link.html license=code_license %}{%- endcapture -%}
+{%- assign content_link = content_link | strip -%}
+{%- assign code_link = code_link | strip -%}
+<p class="content-license">
+  {%- if content_license and content_license.holder %}
+  <span class="content-license__holder">©{% if content_license.year %} {{ content_license.year }}{% endif %} {{ content_license.holder | escape }}.</span>
+  {%- endif %}
+  {%- if content_license %}
+  {% if content_license.reserved %}{% t 'post.license.reserved' %}{% else %}{% t 'post.license.content' license: content_link %}{% endif %}
+  {%- endif %}
+  {%- if code_license %}
+  {% t 'post.license.code' license: code_link %}
+  {%- endif %}
+</p>
+{%- endif -%}