datalog-theme 0.8.0 → 0.9.1

data/_layouts/package.html

@@ -12,7 +12,7 @@ show_title: false # this layout renders the page's <h1>
           {% if page.icon %}
             <span class="package-docs__icon">{{ page.icon }}</span>
           {% endif %}
-          {{ page.title }}
+          {{ page.title | escape }}
         </h1>
         {% if page.tagline %}
           <p class="package-docs__tagline">{{ page.tagline }}</p>
@@ -90,12 +90,12 @@ show_title: false # this layout renders the page's <h1>
         {% if page.nav_sections %}
           {% for section in page.nav_sections %}
             <div class="package-nav__section">
-              <h3 class="package-nav__section-title">{{ section.title }}</h3>
+              <h3 class="package-nav__section-title">{{ section.title | escape }}</h3>
               <ul class="package-nav__list">
                 {% for item in section.items %}
                   <li class="package-nav__item">
                     <a href="#{{ item.id }}" class="package-nav__link">
-                      {{ item.title }}
+                      {{ item.title | escape }}
                     </a>
                   </li>
                 {% endfor %}
@@ -171,7 +171,7 @@ show_title: false # this layout renders the page's <h1>
             </svg>
             <div>
               <span class="package-docs__footer-nav-label">Previous</span>
-              <span class="package-docs__footer-nav-title">{{ page.previous_page.title }}</span>
+              <span class="package-docs__footer-nav-title">{{ page.previous_page.title | escape }}</span>
             </div>
           </a>
         {% endif %}
@@ -180,7 +180,7 @@ show_title: false # this layout renders the page's <h1>
           <a href="{{ page.next_page.url | relative_url }}" class="package-docs__footer-nav-link package-docs__footer-nav-link--next">
             <div>
               <span class="package-docs__footer-nav-label">Next</span>
-              <span class="package-docs__footer-nav-title">{{ page.next_page.title }}</span>
+              <span class="package-docs__footer-nav-title">{{ page.next_page.title | escape }}</span>
             </div>
             <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
               <polyline points="9 18 15 12 9 6"></polyline>
@@ -224,13 +224,14 @@ show_title: false # this layout renders the page's <h1>
     observer.observe(heading);
   });
 
-  // Smooth scroll for anchor links
+  // Scroll to anchor targets. The stylesheet's scroll-behavior decides whether
+  // the scroll is smooth, so reduced-motion preferences are respected.
   document.querySelectorAll('.package-nav__link[href^="#"]').forEach(link => {
     link.addEventListener('click', (e) => {
       e.preventDefault();
       const target = document.querySelector(link.getAttribute('href'));
       if (target) {
-        target.scrollIntoView({ behavior: 'smooth', block: 'start' });
+        target.scrollIntoView({ block: 'start' });
         history.pushState(null, null, link.getAttribute('href'));
       }
     });

data/_layouts/page.html

@@ -11,6 +11,21 @@ layout: default
     {% endif %}
     <div class="page-content">
       {{ content }}
+      {%- if page.contact_form %}
+      {%- comment -%} The contact and collaboration form, or the email address without a backend {%- endcomment %}
+      {% include components/contact-form.html %}
+      {%- endif %}
+      {%- if page.subscription_manage %}
+      {%- comment -%} Where the newsletter's emails lead: confirm, change topics, unsubscribe {%- endcomment %}
+      {% include components/subscription-manage.html %}
+      {%- endif %}
+      {%- if page.subscribe_form %}
+      {% include components/subscribe-form.html where='page' %}
+      {%- endif %}
+      {%- if page.moderation_inbox %}
+      {%- comment -%} The moderation inbox: a shell; the service authenticates every request {%- endcomment %}
+      {% include components/moderation-inbox.html %}
+      {%- endif %}
     </div>
   </div>
 </section>

data/_layouts/portfolio.html

@@ -4,7 +4,7 @@ show_title: false # this layout renders the page's <h1>
 ---
 <article class="portfolio-item">
   <header class="portfolio-header">
-    <h1>{{ page.title }}</h1>
+    <h1>{{ page.title | escape }}</h1>
     {% if page.hero_image %}
     <div class="portfolio-hero-media">
       {% assign hero_alt = page.hero_alt | default: page.title %}

data/_layouts/post.html

@@ -1,6 +1,6 @@
 ---
 layout: default
-schema_type: TechnicalArticle
+schema_type: TechArticle
 ---
 
 {% assign localization_config = site.theme_options.localization %}
@@ -34,11 +34,15 @@ schema_type: TechnicalArticle
 
 {%- comment -%} Canonical URL & author info {%- endcomment -%}
 {% assign canonical_url = page.url | absolute_url %}
-{% assign author_name = page.author | default: site.author.name %}
-{% assign author_affiliation = page.author_affiliation | default: site.author.affiliation %}
+{% assign authors = page | page_authors %}
+{% assign contributors = page | page_contributors %}
 
 {%- comment -%} Tag/Category flags {%- endcomment -%}
 {% assign post_tags = page.tags %}
+{% assign tag_archive_path = site.tag_archive.path | default: '/tags/' %}
+{% assign category_archive_path = site.category_archive.path | default: '/categories/' %}
+{% assign tag_archive_page = site.pages | where: 'url', tag_archive_path | first %}
+{% assign category_archive_page = site.pages | where: 'url', category_archive_path | first %}
 {% assign has_tags = false %}
 {% if post_tags and post_tags.size > 0 %}{% assign has_tags = true %}{% endif %}
 {% assign has_categories = false %}
@@ -50,14 +54,14 @@ schema_type: TechnicalArticle
 {%- comment -%} Breadcrumb navigation {%- endcomment -%}
 {% include components/breadcrumbs.html %}
 
-<div class="post-wrapper" itemscope itemtype="https://schema.org/TechnicalArticle">
+<div class="post-wrapper" itemscope itemtype="https://schema.org/TechArticle">
   <meta itemprop="url" content="{{ canonical_url }}" />
   <meta itemprop="datePublished" content="{{ page.date | date_to_xmlschema }}" />
   {% if page.last_modified_at or page.updated %}
     <meta itemprop="dateModified" content="{{ page.last_modified_at | default: page.updated | date_to_xmlschema }}" />
   {% endif %}
-  <meta itemprop="author" content="{{ author_name }}" />
-  <meta itemprop="publisher" content="{{ site.author.affiliation | default: site.title }}" />
+  {% include meta/publisher.html %}
+  <meta itemprop="publisher" content="{{ publisher_name | escape }}" />
   <meta itemprop="timeRequired" content="{{ time_required }}" />
   {% if difficulty %}<meta itemprop="learningResourceType" content="{{ difficulty }}" />{% endif %}
   {% if has_tags %}<meta itemprop="keywords" content="{{ post_tags | join: ', ' }}" />{% endif %}
@@ -69,17 +73,28 @@ schema_type: TechnicalArticle
         <dt class="post-meta-term">{% t 'post.meta.published' %}</dt>
         <dd class="post-meta-definition">{{ page.date | localize_date: date_format }}</dd>
       </div>
+      {%- comment -%} The last change, when it fell on another day than the publication {%- endcomment -%}
+      {% assign modified = page.last_modified_at | default: page.updated %}
+      {% if modified %}
+        {% assign modified_day = modified | date: '%F' %}
+        {% assign published_day = page.date | date: '%F' %}
+        {% if modified_day != published_day %}
+          <div>
+            <dt class="post-meta-term">{% t 'post.meta.updated' %}</dt>
+            <dd class="post-meta-definition">{{ modified | localize_date: date_format }}</dd>
+          </div>
+        {% endif %}
+      {% endif %}
       <div>
-        <dt class="post-meta-term">{% t 'post.meta.author' %}</dt>
-        <dd class="post-meta-definition">
-          <span itemprop="author" itemscope itemtype="https://schema.org/Person">
-            <span itemprop="name">{{ author_name }}</span>
-            {% if author_affiliation %}
-              <span class="post-author-affiliation" itemprop="affiliation">{{ author_affiliation }}</span>
-            {% endif %}
-          </span>
-        </dd>
+        <dt class="post-meta-term">{% if authors.size > 1 %}{% t 'post.meta.authors' %}{% else %}{% t 'post.meta.author' %}{% endif %}</dt>
+        <dd class="post-meta-definition">{% include components/author-list.html people=authors %}</dd>
       </div>
+      {% if contributors.size > 0 %}
+        <div>
+          <dt class="post-meta-term">{% t 'post.meta.contributors' %}</dt>
+          <dd class="post-meta-definition">{% include components/author-list.html people=contributors property='contributor' %}</dd>
+        </div>
+      {% endif %}
       <div>
         <dt class="post-meta-term">{% t 'post.meta.reading_time' %}</dt>
         <dd class="post-meta-definition"><span data-reading-time>{{ reading_label }}</span></dd>
@@ -111,6 +126,17 @@ schema_type: TechnicalArticle
     </dl>
   </section>
 
+  {%- comment -%} The reader's tools: save for later and reading mode; and the article's address on paper {%- endcomment -%}
+  <div class="post-tools">
+    {% include components/reading-state-bookmark.html %}
+    {% include components/reading-mode-toggle.html %}
+  </div>
+  {% include components/reading-state-resume.html %}
+  <p class="post-print-source print-only">{% t 'post.print.source' %} {{ canonical_url }}{% if page.doi %} · DOI {{ page.doi | escape }}{% endif %}</p>
+
+  {%- comment -%} The newest correction or update, with a link to the revision history {%- endcomment -%}
+  {% include components/revision-notice.html page=page date_format=date_format %}
+
   {% if has_tags or has_categories %}
     <section class="post-taxonomy" aria-labelledby="post-taxonomy-heading">
       <h2 id="post-taxonomy-heading" class="visually-hidden">{% t 'post.topics_heading' %}</h2>
@@ -118,13 +144,13 @@ schema_type: TechnicalArticle
         {% if has_tags %}
           {% for tag in post_tags %}
             {% assign tag_slug = tag | slugify %}
-            <li><a class="post-tag" href="{{ site.tag_archive.path | default: '/tags/' | append: '#' | append: tag_slug | relative_url }}">{{ tag }}</a></li>
+            <li>{% if tag_archive_page %}<a class="post-tag" href="{{ tag_archive_path | append: '#' | append: tag_slug | relative_url }}">{{ tag | escape }}</a>{% else %}<span class="post-tag">{{ tag | escape }}</span>{% endif %}</li>
           {% endfor %}
         {% endif %}
         {% if has_categories %}
           {% for category in page.categories %}
             {% assign cat_slug = category | slugify %}
-            <li><a class="post-tag post-category" href="{{ site.category_archive.path | default: '/categories/' | append: '#' | append: cat_slug | relative_url }}">{{ category }}</a></li>
+            <li>{% if category_archive_page %}<a class="post-tag post-category" href="{{ category_archive_path | append: '#' | append: cat_slug | relative_url }}">{{ category | escape }}</a>{% else %}<span class="post-tag post-category">{{ category | escape }}</span>{% endif %}</li>
           {% endfor %}
         {% endif %}
       </ul>
@@ -134,6 +160,9 @@ schema_type: TechnicalArticle
   {%- comment -%} Editorial provenance (why_this_exists, evidence, methodology, reviewed_at) {%- endcomment -%}
   {% include components/content-provenance.html page=page date_format=date_format %}
 
+  {%- comment -%} The article's series: every part in order, and the previous and next ones {%- endcomment -%}
+  {% include components/series-nav.html page=page %}
+
   {%- comment -%} Enhanced social sharing {%- endcomment -%}
   {% include components/social-share.html url=canonical_url title=page.title description=page.excerpt %}
 
@@ -148,12 +177,30 @@ schema_type: TechnicalArticle
     </div>
   </div>
 
+  {%- comment -%} The previous and next parts of the series, for a reader who has finished this one {%- endcomment -%}
+  {% include components/series-nav.html page=page compact=true %}
+
+  {%- comment -%} Was this useful? A reaction without a comment, on a site with a backend {%- endcomment -%}
+  {% include components/reactions.html %}
+
+  {%- comment -%} The reader's own: resume prompt, highlights and notes, kept in the browser {%- endcomment -%}
+  {% include components/reading-state-panel.html %}
+
+  {%- comment -%} The code, data and environment behind the analysis {%- endcomment -%}
+  {% include components/reproducibility.html page=page %}
+
+  {%- comment -%} Report an error: structured feedback to the author, on a site with a backend {%- endcomment -%}
+  {% include components/correction-report.html %}
+
+  {%- comment -%} What changed since publication (revisions in front matter) {%- endcomment -%}
+  {% include components/revision-history.html page=page date_format=date_format %}
+
   <section class="post-interactive" aria-label="{% t 'post.interactive.label' %}">
     {% if page.interactive_components and page.interactive_components.size > 0 %}
       <ul class="post-interactive-list">
         {% for demo in page.interactive_components %}
           <li>
-            <strong>{{ demo.title }}</strong>
+            <strong>{{ demo.title | escape }}</strong>
             {% if demo.description %}<p>{{ demo.description }}</p>{% endif %}
             {% if demo.url %}<p><a href="{{ demo.url | relative_url }}" target="_blank" rel="noopener noreferrer">{% t 'post.interactive.launch' %}</a></p>{% endif %}
           </li>
@@ -195,22 +242,44 @@ schema_type: TechnicalArticle
     </section>
   {% endif %}
 
+  {%- comment -%} What other websites said about this article, apart from the comments hosted here {%- endcomment -%}
+  {% include components/webmentions.html %}
+
+  {%- comment -%} Reuse terms: the licence of the text and figures, and of the code samples {%- endcomment -%}
+  {% include components/license-notice.html page=page %}
+
   {%- comment -%} ===== Citation tools & badges ===== {%- endcomment -%}
   {% assign citation_key = page.citation_key | default: page.slug | default: page.title | slugify %}
-  {% assign citation_authors = page.authors | default: page.author | default: author_name %}
   {% include components/citation-tools.html
        title=page.title
-       authors=citation_authors
+       authors=authors
        date=page.date
        url=canonical_url
        citation_key=citation_key
-       publisher=site.author.affiliation
        citation_type='article'
        doi=page.doi %}
   {% include components/open-science-badges.html %}
 
-  {%- comment -%} Author bio card {%- endcomment -%}
-  {% include components/author-bio.html author=author_name %}
+  {%- comment -%}
+    Author cards: a full card for a single author, or for each author with
+    `author_cards: detailed`; a compact card each for several authors;
+    none with `author_cards: false`.
+  {%- endcomment -%}
+  {% unless page.author_cards == false %}
+    {% assign detailed_cards = false %}
+    {% if authors.size == 1 or page.author_cards == 'detailed' %}{% assign detailed_cards = true %}{% endif %}
+    {% for author in authors %}
+      {% if detailed_cards %}
+        {% include components/author-bio.html person=author %}
+      {% else %}
+        {% include components/author-bio.html person=author compact=true %}
+      {% endif %}
+    {% endfor %}
+  {% endunless %}
+
+  {%- comment -%} The newsletter form at the end of the article, when subscriptions.placement says so {%- endcomment -%}
+  {% assign subscribe_placement = site.subscriptions.placement | default: 'footer' %}
+  {% if subscribe_placement contains 'post' %}{% include components/subscribe-form.html where='post' %}{% endif %}
 
   {%- comment -%} ===== Robust related posts (no where_exp, no nil sort) ===== {%- endcomment -%}
   {% include post/related-posts.html page=page date_format=date_format %}
@@ -219,7 +288,7 @@ schema_type: TechnicalArticle
     {% if page.previous %}
       <div class="post-prev">
         <span class="post-pagination-label">Previous</span>
-        <a href="{{ page.previous.url | relative_url }}">{{ page.previous.title }}</a>
+        <a href="{{ page.previous.url | relative_url }}">{{ page.previous.title | escape }}</a>
         {% if page.previous.tags and page.tags %}
           {% assign shared_prev = '' %}
           {% for tag in page.tags %}
@@ -238,7 +307,7 @@ schema_type: TechnicalArticle
     {% if page.next %}
       <div class="post-next">
         <span class="post-pagination-label">Next</span>
-        <a href="{{ page.next.url | relative_url }}">{{ page.next.title }}</a>
+        <a href="{{ page.next.url | relative_url }}">{{ page.next.title | escape }}</a>
         {% if page.next.tags and page.tags %}
           {% assign shared_next = '' %}
           {% for tag in page.tags %}

data/_layouts/project.html

@@ -8,9 +8,9 @@ show_title: false # this layout renders the page's <h1>
   <header class="project-case__header">
     <div class="project-case__intro">
       <p class="project-case__eyebrow">{% t 'project.header.eyebrow' %}</p>
-      <h1 class="project-case__title" itemprop="name">{{ page.title }}</h1>
+      <h1 class="project-case__title" itemprop="name">{{ page.title | escape }}</h1>
       {% if page.description %}
-      <p class="project-case__description" itemprop="description">{{ page.description }}</p>
+      <p class="project-case__description" itemprop="description">{{ page.description | escape }}</p>
       {% endif %}
     </div>
     <div class="project-case__meta">
@@ -192,7 +192,7 @@ show_title: false # this layout renders the page's <h1>
       <ul class="project-case__related">
         {% for project in page.related_projects %}
         <li>
-          {% if project.url %}<a href="{{ project.url | relative_url }}">{{ project.title | default: project }}</a>{% else %}<span>{{ project.title | default: project }}</span>{% endif %}
+          {% if project.url %}<a href="{{ project.url | relative_url }}">{{ project.title | default: project | escape }}</a>{% else %}<span>{{ project.title | default: project | escape }}</span>{% endif %}
           {% if project.description %}<p>{{ project.description }}</p>{% endif %}
         </li>
         {% endfor %}
@@ -209,10 +209,10 @@ show_title: false # this layout renders the page's <h1>
   {% endif %}
 
   {% assign citation_key = page.citation_key | default: page.slug | default: page.title | slugify %}
-  {% assign citation_authors = page.authors | default: page.author | default: site.author.name %}
+  {% assign citation_authors = page | page_authors %}
   {% assign citation_date = page.date | default: page.last_updated %}
   {% assign citation_url = page.url | absolute_url %}
-  {% include components/citation-tools.html title=page.title authors=citation_authors date=citation_date url=citation_url citation_key=citation_key publisher=site.author.affiliation citation_type='software' doi=page.doi %}
+  {% include components/citation-tools.html title=page.title authors=citation_authors date=citation_date url=citation_url citation_key=citation_key citation_type='software' doi=page.doi %}
 
   {% include components/open-science-badges.html %}
 

data/_layouts/research.html

@@ -3,8 +3,7 @@ layout: default
 schema_type: ScholarlyArticle
 ---
 {% assign date_format = site.date_format | default: '%B %-d, %Y' %}
-{% assign authors_source = page.authors | default: page.author | default: site.author %}
-{% assign authors = authors_source | arrayify %}
+{% assign authors = page | page_authors %}
 {% assign publication_name = page.publication | default: page.journal | default: page.conference %}
 {% assign publication_status = page.publication_status | default: page.status %}
 {% assign doi = page.doi %}
@@ -20,7 +19,13 @@ schema_type: ScholarlyArticle
 {% assign methodology_content = page.methodology %}
 {% assign results_content = page.results %}
 {% assign data_availability = page.data_availability %}
-{% assign reproducibility = page.reproducibility | default: page.reproducibility_notes %}
+{%- comment -%} `reproducibility` is free text here, or a map of artifacts for the panel (components/reproducibility.html). {%- endcomment -%}
+{% capture reproducibility_shape %}{{ page.reproducibility | jsonify | slice: 0, 1 }}{% endcapture %}
+{% if reproducibility_shape == '{' %}
+  {% assign reproducibility = page.reproducibility_notes %}
+{% else %}
+  {% assign reproducibility = page.reproducibility | default: page.reproducibility_notes %}
+{% endif %}
 {% assign peer_review = page.peer_review | default: page.peer_review_notes %}
 {% assign version_history = page.version_history %}
 {% assign appendices = page.appendices %}
@@ -28,12 +33,12 @@ schema_type: ScholarlyArticle
 {% assign references = page.references %}
 {% assign references_array = references | arrayify %}
 {% assign funding = page.funding %}
-{% assign rights = page.rights | default: page.license %}
-{% assign affiliation_default = site.author.affiliation %}
+{% assign rights = page.rights %}
+{% assign research_license = page | page_license %}
 {% assign show_publications = page.show_publications | default: false %}
 
 <div class="research-wrapper" itemscope itemtype="https://schema.org/ScholarlyArticle">
-  <meta itemprop="headline" content="{{ page.title }}" />
+  <meta itemprop="headline" content="{{ page.title | escape }}" />
   {% if page.date %}
     <meta itemprop="datePublished" content="{{ page.date | date_to_xmlschema }}" />
   {% endif %}
@@ -51,15 +56,15 @@ schema_type: ScholarlyArticle
   {% endif %}
 
   <header class="research-header" aria-labelledby="research-title">
-    <h1 id="research-title" class="research-title">{{ page.title }}</h1>
+    <h1 id="research-title" class="research-title">{{ page.title | escape }}</h1>
 
     <div class="research-authors" aria-label="Authors">
       <h2 class="visually-hidden">Authors</h2>
       <ul class="research-author-list">
         {% for author in authors %}
-          {% assign author_name = author.name | default: author %}
-          {% assign author_affiliation = author.affiliation | default: author.institution | default: affiliation_default %}
-          {% assign author_orcid = author.orcid | default: site.author.orcid %}
+          {% assign author_name = author.name | escape %}
+          {% assign author_affiliation = author.affiliation | escape %}
+          {% assign author_orcid = author.orcid %}
           {% assign author_email = author.email | default: author.contact %}
           <li class="research-author" itemprop="author" itemscope itemtype="https://schema.org/Person">
             <span class="research-author-name" itemprop="name">{{ author_name }}</span>
@@ -125,6 +130,11 @@ schema_type: ScholarlyArticle
           <dt>Rights</dt>
           <dd>{{ rights }}</dd>
         </div>
+      {% elsif research_license %}
+        <div>
+          <dt>Rights</dt>
+          <dd>{% include components/license-link.html license=research_license %}</dd>
+        </div>
       {% endif %}
     </dl>
 
@@ -197,67 +207,7 @@ schema_type: ScholarlyArticle
     </section>
   {% endif %}
 
-  <section class="research-citation" aria-labelledby="citation-exports-heading">
-    <h2 id="citation-exports-heading">Citation exports</h2>
-    {% capture bibtex_authors %}
-      {% for author in authors %}
-        {% assign author_name = author.name | default: author %}
-        {{ author_name | strip }}{% unless forloop.last %} and {% endunless %}
-      {% endfor %}
-    {% endcapture %}
-    {% capture bibtex_entry %}
-@article{ {{ citation_key }},
-  title = { {{ page.title | strip }} },
-  author = { {{ bibtex_authors | strip }} },
-  {% if publication_name %}journal = { {{ publication_name | strip }} },{% endif %}
-  {% if page.date %}year = { {{ page.date | date: '%Y' }} },{% endif %}
-  {% if doi %}doi = { {{ doi }} },{% endif %}
-  {% if page.publisher %}publisher = { {{ page.publisher }} },{% endif %}
-  {% if page.volume %}volume = { {{ page.volume }} },{% endif %}
-  {% if page.number %}number = { {{ page.number }} },{% endif %}
-  {% if page.pages %}pages = { {{ page.pages }} },{% endif %}
-}
-    {% endcapture %}
-    {% capture ris_entry %}
-TY  - JOUR
-TI  - {{ page.title | strip }}
-{% if publication_name %}JO  - {{ publication_name | strip }}
-{% endif %}
-{% if page.date %}PY  - {{ page.date | date: '%Y/%m/%d' }}
-{% endif %}
-{% for author in authors %}{% assign author_name = author.name | default: author %}AU  - {{ author_name | strip }}
-{% endfor %}
-{% if doi %}DO  - {{ doi }}
-{% endif %}
-ER  -
-    {% endcapture %}
-    {% capture endnote_entry %}
-%0 Journal Article
-%T {{ page.title | strip }}
-{% for author in authors %}{% assign author_name = author.name | default: author %}%A {{ author_name | strip }}
-{% endfor %}
-{% if publication_name %}%J {{ publication_name | strip }}
-{% endif %}
-{% if page.date %}%D {{ page.date | date: '%Y' }}
-{% endif %}
-{% if doi %}%R {{ doi }}
-{% endif %}
-    {% endcapture %}
-    <div class="citation-export-grid">
-      <article>
-        <h3>BibTeX</h3>
-        <textarea readonly aria-label="BibTeX citation">{{ bibtex_entry | strip }}</textarea>
-      </article>
-      <article>
-        <h3>RIS</h3>
-        <textarea readonly aria-label="RIS citation">{{ ris_entry | strip }}</textarea>
-      </article>
-      <article>
-        <h3>EndNote</h3>
-        <textarea readonly aria-label="EndNote citation">{{ endnote_entry | strip }}</textarea>
-      </article>
-    </div>
-  </section>
+  {% include components/citation-tools.html authors=authors journal=publication_name %}
 
   <section class="research-body" itemprop="articleBody">
     {% if methodology_content %}
@@ -321,6 +271,8 @@ ER  -
     </section>
   {% endif %}
 
+  {% include components/reproducibility.html page=page %}
+
   {% if supplementary or appendices %}
     <section class="research-appendices" aria-labelledby="appendix-heading">
       <h2 id="appendix-heading">Appendix and supplementary materials</h2>
@@ -335,7 +287,7 @@ ER  -
             <li>
               <article class="appendix-item">
                 {% if appendix.title %}
-                  <h3>{{ appendix.title }}</h3>
+                  <h3>{{ appendix.title | escape }}</h3>
                 {% endif %}
                 {% if appendix.content %}
                   {{ appendix.content | markdownify }}
@@ -381,7 +333,7 @@ ER  -
             {% for publication in group_items %}
             <li class="publication-list__item">
               <article>
-                <h4 class="publication-title">{{ publication.title }}</h4>
+                <h4 class="publication-title">{{ publication.title | escape }}</h4>
                 {% assign publication_authors = publication.authors | arrayify %}
                 {% if publication_authors and publication_authors.size > 0 %}
                 <p class="publication-authors">{{ publication_authors | join: ', ' }}</p>
@@ -404,7 +356,7 @@ ER  -
           {% for publication in publication_entries %}
           <li class="publication-list__item">
             <article>
-              <h4 class="publication-title">{{ publication.title }}</h4>
+              <h4 class="publication-title">{{ publication.title | escape }}</h4>
               {% assign publication_authors = publication.authors | arrayify %}
               {% if publication_authors and publication_authors.size > 0 %}
               <p class="publication-authors">{{ publication_authors | join: ', ' }}</p>
@@ -444,7 +396,7 @@ ER  -
             <li>
               <article class="version-entry">
                 <header>
-                  <strong>{{ version.version | default: version.title | default: version }}</strong>
+                  <strong>{{ version.version | default: version.title | default: version | escape }}</strong>
                   {% if version.date %}<span class="version-date">{{ version.date | localize_date: date_format }}</span>{% endif %}
                 </header>
                 {% if version.notes %}