elixir-toolkit-theme 1.5.0

checksums.yaml

@@ -0,0 +1,7 @@
+---
+SHA256:
+  metadata.gz: c9113509af0feda31ad43b4cf16f4ffa1839c0a5bcd025edf63f67c3b4569734
+  data.tar.gz: d7297aab677033a90bae39b58ade2f133e07608c8eac5b319c807841f92ceb01
+SHA512:
+  metadata.gz: 61744a08b1d9b2ad0197377c9ed0fc74ab5496e6719142c2f9583a9c316e67e0ae57518072cf613331bcf308945707c77ff2e3c2655f7b5f0cfb88bb99ccc54d
+  data.tar.gz: 19c9fd5eb4d5fce67948ca536d63391201b0fcf0382b6063ec3ea46aac749a8ae2b3a790bef5b2212c6ce379cb4ac38500bc541aa540e7661bb38454568c9993

data/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2021 ELIXIR Belgium
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

data/README.md

@@ -0,0 +1,64 @@
+# ELIXIR toolkit theme
+
+This repository is used to build a flexible Jekyll theme using bootstrap 5 as CSS framework.
+
+## Used packages:
+
+- [Bootstrap5](https://github.com/twbs/bootstrap)
+- [DataTables](https://datatables.net/examples/styling/bootstrap5.html)
+- [AnchorJS](https://www.bryanbraun.com/anchorjs/)
+- [lunr.js](https://lunrjs.com/)
+- [jQuery](https://jquery.com/)
+- [jekyll-table-of-contents](https://github.com/ghiculescu/jekyll-table-of-contents)
+- [jQuery Navgoco Menus](https://github.com/tefra/navgoco)
+
+
+## Using Jekyll
+
+The website is build on GitHub using Jekyll, a simple, static site generator based on ruby. When you have a local copy cloned onto your computer, it is possible to generate the website based on this repo. This makes it possible to preview changes live, every time you save a file from within the GitHub jekyll-bootstrap-theme repo. Follow these steps to deploy the website based on your local clone (copy) of the jekyll-bootstrap-theme repo:
+
+Make sure you have cloned the jekyll-bootstrap-theme repo:
+
+    git clone git@github.com:USERNAME/jekyll-bootstrap-theme.git
+    cd jekyll-bootstrap-theme
+
+
+To run the website locally, you can either use [Docker](https://www.docker.com/) or use Jekyll directly after installing various dependencies.
+
+### Run using Docker
+
+If not already installed on your machine, install Docker. From the root of the ``jekyll-bootstrap-theme`` directory, run:
+```
+docker run -it --rm -p 4000:4000 -v $PWD:/srv/jekyll jekyll/jekyll:latest /bin/bash -c "chmod a+w /srv/jekyll/Gemfile.lock && chmod 777 /srv/jekyll && jekyll serve -w"
+```
+This will start the docker container and serve the website locally.
+
+### Run using Jekyll directly
+
+1. If not already present on your machine, install ruby. Note that incompatibility issues may arise with ruby 3.0.0 (released 25.12.20) or newer versions.
+
+
+1. Install Jekyll
+If you have never installed or run a Jekyll site locally on your computer, follow these instructions to install Jekyll:
+   * Install Jekyll on MacOS/Ubuntu/Other_Linux/Windows: [https://jekyllrb.com/docs/installation/](https://jekyllrb.com/docs/installation/)
+
+1. Install Bundler and Jekyll
+
+    ```
+    gem install jekyll bundler
+    ```
+
+1. Install dependencies
+
+    ```
+    bundle install
+    ```
+
+1. deploy website
+
+    ```
+    bundle exec jekyll serve
+    ```
+
+Additional information can be found at the following link: [https://docs.github.com/en/free-pro-team@latest/github/working-with-github-pages/testing-your-github-pages-site-locally-with-jekyll](https://docs.github.com/en/free-pro-team@latest/github/working-with-github-pages/testing-your-github-pages-site-locally-with-jekyll)
+

data/_includes/affiliation-tiles-selection.html

@@ -0,0 +1,15 @@
+{%- assign alllogos = site.data.affiliations %}
+<div class="row row-cols-2 row-cols-sm-3 row-cols-md-4 g-5 my-3">
+  {%- assign filtered_logos = alllogos | where: "type", include.type %}
+  {%- for affiliation in filtered_logos %}
+  {%- if affiliation.image_url and affiliation.expose == true %}
+  <div class="col">
+    <div class="card h-100 border-0">
+      <div class="my-auto">
+        {% if affiliation.url %}<a href="{{ affiliation.url }}">{% endif %}<img class="card-img-top" src="{{ affiliation.image_url | relative_url }}" alt="{{ affiliation.name }}">{%- if affiliation.url %}</a>{% endif %}
+      </div>
+    </div>
+  </div>
+  {%- endif %}
+  {%- endfor %}
+</div>

data/_includes/callout.html

@@ -0,0 +1,9 @@
+{%- if include.type == "tip" %}
+<div markdown="span" class="alert alert-success" role="alert"><i class="fas fa-check-square"></i> <b>Tip:</b> {{include.content}}</div>
+{%- elsif include.type == "important" %}
+<div markdown="span" class="alert alert-warning" role="alert"><i class="fas fa-exclamation-triangle"></i> <b>Important:</b> {{include.content}}</div>
+{%- elsif include.type == "note" %}
+<div markdown="span" class="alert alert-info" role="alert"><i class="fas fa-info-circle"></i> <b>Note:</b> {{include.content}}</div>
+{%- elsif include.type == "warning" %}
+<div markdown="span" class="alert alert-danger" role="alert"><i class="fas fa-exclamation-circle"></i> <b>Warning:</b> {{include.content}}</div>
+{%- endif %}

data/_includes/contributor-carousel-selection.html

@@ -0,0 +1,82 @@
+{%- assign contributors = site.data.CONTRIBUTORS %}
+{%- assign nr = include.nr | default: 5 %}
+{%- if include.custom %}
+{%- assign allcontributors = include.custom | split: ", " | sort %}
+{%- else %}
+{%- for page in site.pages %}
+{%- if page.contributors and page.search_exclude != true %}
+{%- assign pagecontr = page.contributors | join: ", " %}
+{%- if allcontrstr %}
+{%- assign allcontrstr = allcontrstr | append: ", " | append: pagecontr %}
+{%- else %}
+{%- assign allcontrstr = allcontrstr | append: pagecontr %}
+{%- endif  %}
+{%- endif  %}
+{%- endfor %}
+{%- for contr in contributors %}
+{%- assign allcontrstr = allcontrstr | append: ", " | append: contr[0] %}
+{%- endfor %}
+{%- assign allcontributors = allcontrstr | split: ", " | uniq | sort %}
+{%- endif  %}
+<div id="contributors-carousel" class="carousel carousel-dark slide my-4" data-ride="carousel" data-bs-interval="7000">
+    <div class="carousel-inner">
+        {%- assign counter = 0 %}
+        {%- for contributor in allcontributors %}
+        {%- capture modulo %}{{ counter | modulo:nr }}{% endcapture %}
+        {%- if modulo == '0' or counter == 0 %}
+        {%- if counter != 0 %}
+            </div>
+        </div>
+        {%- endif %}
+        <div class="carousel-item {% if counter == 0 %}active{% endif %}">
+            <div class="row row-cols-5 contributor-cards g-1 g-sm-4 ">
+        {%- endif %}
+                <div class="col">
+                    <div class="card h-100">
+                    {%- assign id = contributors[contributor].git | default: 'no_github' %}
+                    <div>
+                        {%- if contributors[contributor].image_url %}
+                        <img src="{{ contributors[contributor].image_url }}" class="card-img-top p-3 rounded-circle" alt="{{ contributor }}">
+                        {%- else %}
+                        <img src="https://avatars.githubusercontent.com/{{id}}" class="card-img-top p-3 rounded-circle" alt="{{ contributor }}">
+                        {%- endif %}
+                    </div>
+                    <div class="card-body text-center py-0">
+                        <p class="card-title">{{ contributor }}</p>
+                        {%- if contributors[contributor].affiliation %}
+                        <p class="card-affiliation">{{ contributors[contributor].affiliation }}</p>
+                        {%- endif %}
+                    </div>
+                    {%- if contributors[contributor].git or contributors[contributor].email or contributors[contributor].orcid %}
+                    <div class="card-footer">
+                        <div class="d-flex justify-content-center">
+                            {%- if contributors[contributor].git %}
+                            <div class="mx-1"><a class="btn bg-white text-primary hover-primary rounded-circle social-icons p-0" href="https://github.com/{{id}}"><i class="fab fa-github"></i></a></div>
+                            {%- endif %}
+                            {%- if contributors[contributor].email %}
+                            <div class="mx-1"><a class="btn bg-white text-primary hover-primary rounded-circle social-icons p-0" href="mailto:{{contributors[contributor].email}}"><i class="fas fa-envelope"></i></a></div>
+                            {%- endif %}
+                            {%- if contributors[contributor].orcid %}
+                            <div class="mx-1"><a class="btn bg-white text-primary hover-primary rounded-circle social-icons p-0" href="https://orcid.org/{{contributors[contributor].orcid}}"><i class="fab fa-orcid"></i></a></div>
+                            {%- endif %}
+                        </div>
+                    </div>
+                    {%- endif %}
+                    </div>
+                </div>
+            {%- assign counter = counter | plus:1 %}
+            {%- if forloop.last %}
+            </div>
+            {%- endif %}
+            {%- endfor %}
+        </div>
+        <button class="carousel-control-prev" type="button" data-bs-target="#contributors-carousel"  data-bs-slide="prev">
+            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
+            <span class="visually-hidden">Previous</span>
+        </button>
+        <button class="carousel-control-next" type="button" data-bs-target="#contributors-carousel"  data-bs-slide="next">
+            <span class="carousel-control-next-icon" aria-hidden="true"></span>
+            <span class="visually-hidden">Next</span>
+        </button>
+    </div>
+</div>

data/_includes/contributor-minitiles-page.html

@@ -0,0 +1,56 @@
+{%- if page.contributors and page.contributors.size != 0 %}
+<span class="d-block h2-like fs-2 text-dark">Contributors</span>
+<div class="p-4 rounded mt-4 page-contributors">
+    {%- assign contributors = site.data.CONTRIBUTORS %}
+    {%- assign page_contributors = page.contributors | sort %}
+    {%- for contributor in page_contributors %}
+    {%- assign id = contributors[contributor].git | default: 'no_github' %}
+    {%- capture html_code %}
+    {%- assign stripped_name = contributor | replace: "'", " " %}
+    <div class="d-flex justify-content-center">
+        {%- if contributors[contributor].image_url %}
+        <img class="img-fluid rounded-circle contributor-img" src="{{ contributors[contributor].image_url }}" alt="Avatar of the contributor {{ stripped_name }}">
+        {%- else %}
+        <img class="img-fluid rounded-circle contributor-img" src="https://avatars.githubusercontent.com/{{ id }}" alt="Avatar of the contributor {{ stripped_name }}">
+        {%- endif %}
+    </div>
+    <div class="d-flex mt-3 justify-content-center">
+        {%- if contributors[contributor].git %}
+        <div class="mx-1"><a class="btn btn-primary rounded-circle social-icons p-0" href="https://github.com/{{id}}"><i class="fab fa-github"></i></a></div>
+        {%- endif %}
+        {%- if contributors[contributor].email %}
+        <div class="mx-1"><a class="btn btn-primary rounded-circle social-icons p-0" href="mailto:{{contributors[contributor].email}}"><i class="fas fa-envelope"></i></a></div>
+        {%- endif %}
+        {%- if contributors[contributor].orcid %}
+        <div class="mx-1"><a class="btn btn-primary rounded-circle social-icons p-0" href="https://orcid.org/{{contributors[contributor].orcid}}"><i class="fab fa-orcid"></i></a></div>
+        {%- endif %}
+    </div>
+    {%- endcapture %}
+    <a tabindex="0" role="button" class="btn contributor-link hover-primary m-1 position-relative" data-bs-trigger="focus" data-bs-html="true" data-bs-container="body" data-bs-toggle="popover" data-bs-placement="top" data-bs-content='{{html_code}}' title="{{contributor}}">
+        <div class="d-flex align-items-center">
+            <div class="flex-shrink-0">
+                {%- if contributors[contributor].image_url %}
+                <img class="img-fluid rounded-circle contributor-img-sm" src="{{ contributors[contributor].image_url }}" alt="Avatar of the contributor {{ stripped_name }}">
+                {%- else %}
+                <img class="img-fluid rounded-circle contributor-img-sm" src="https://avatars.githubusercontent.com/{{ id }}" alt="Avatar of the contributor {{ stripped_name }}">
+                {%- endif %}
+            </div>
+            <div class="flex-grow-1 ms-2">
+                {{ contributor }}
+            </div>
+        </div>
+        <div class="position-absolute top-0 start-100 translate-middle">
+            {%- if page.coordinators %}
+            {%- for coordinator in page.coordinators %}
+            {%- if coordinator == contributor %}
+            <div class="rounded-circle coordinator-crown">
+                <i class="fa fa-crown"></i>
+            </div>
+            {%- endif %}
+            {%- endfor %}
+            {%- endif %}
+        </div>
+    </a>
+    {%- endfor %}
+</div>
+{%- endif %}

data/_includes/contributor-tiles-all.html

@@ -0,0 +1,63 @@
+{%- assign contributors = site.data.CONTRIBUTORS %}
+{%- if include.custom %}
+{%- assign allcontributors = include.custom | split: ", " | sort %}
+{%- else %}
+{%- for page in site.pages %}
+{%- if page.contributors and page.search_exclude != true %}
+{%- assign pagecontr = page.contributors | join: ", " %}
+{%- if allcontrstr %}
+{%- assign allcontrstr = allcontrstr | append: ", " | append: pagecontr %}
+{%- else %}
+{%- assign allcontrstr = allcontrstr | append: pagecontr %}
+{%- endif %}
+{%- endif %}
+{%- endfor %}
+{%- for contr in contributors %}
+{%- if allcontrstr %}
+{%- assign allcontrstr = allcontrstr | append: ", " | append: contr[0] %}
+{%- else %}
+{%- assign allcontrstr = allcontrstr | append: contr[0] %}
+{%- endif %}
+{%- endfor %}
+{%- assign allcontributors = allcontrstr | split: ", " | uniq | sort %}
+{%- endif %}
+<div class="row row-cols-2 row-cols-sm-3 row-cols-md-4 row-cols-xl-5 g-4 contributor-cards">
+  {%- for contributor in allcontributors %}
+  <div class="col">
+    <div class="card h-100">
+      {%- assign id = contributors[contributor].git | default: 'no_github' %}
+      <div class="position-relative">
+        {%- if contributors[contributor].image_url %}
+        <img src="{{ contributors[contributor].image_url }}" class="card-img-top p-3 rounded-circle" alt="{{ contributor }}">
+        {%- else %}
+        <img src="https://avatars.githubusercontent.com/{{id}}" class="card-img-top p-3 rounded-circle" alt="{{ contributor }}">
+        {%- endif %}
+        {%- if contributors[contributor].role %}
+        <span class="badge position-absolute top-0 end-0">{{ contributors[contributor].role | capitalize }}</span>
+        {%- endif %}
+      </div>
+      <div class="card-body text-center py-0">
+        <p class="card-title">{{ contributor }}</p>
+        {%- if contributors[contributor].affiliation %}
+        <p class="card-affiliation">{{ contributors[contributor].affiliation }}</p>
+        {%- endif %}
+      </div>
+      {%- if contributors[contributor].git or contributors[contributor].email or contributors[contributor].orcid %}
+      <div class="card-footer">
+        <div class="d-flex justify-content-center">
+          {%- if contributors[contributor].git %}
+          <div class="mx-1"><a class="btn bg-white text-primary hover-primary rounded-circle social-icons p-0" href="https://github.com/{{id}}"><i class="fab fa-github"></i></a></div>
+          {%- endif %}
+          {%- if contributors[contributor].email %}
+          <div class="mx-1"><a class="btn bg-white text-primary hover-primary rounded-circle social-icons p-0" href="mailto:{{contributors[contributor].email}}"><i class="fas fa-envelope"></i></a></div>
+          {%- endif %}
+          {%- if contributors[contributor].orcid %}
+          <div class="mx-1"><a class="btn bg-white text-primary hover-primary rounded-circle social-icons p-0" href="https://orcid.org/{{contributors[contributor].orcid}}"><i class="fab fa-orcid"></i></a></div>
+          {%- endif %}
+        </div>
+      </div>
+      {%- endif %}
+    </div>
+  </div>
+  {%- endfor %}
+</div>

data/_includes/cookie-popup.html

@@ -0,0 +1,19 @@
+{%- if site.gtag %}
+<!-- START Bootstrap-Cookie-Alert -->
+<div class="alert text-center cookiealert rounded-0" role="alert">
+    We use cookies to ensure you get the best experience on our website. Read our
+    <a class="fw-bold" href="{{ '/privacy.html' | relative_url}}">privacy policy</a> to find out more.
+    <button type="button" id="acceptcookies" class="btn btn-primary ms-2">
+        Got it!
+    </button>
+</div>
+<script>
+    /*
+     * Bootstrap Cookie Alert by Wruczek
+     * https://github.com/Wruczek/Bootstrap-Cookie-Alert
+     * Released under MIT license
+     */
+    !function () { "use strict"; var n = document.querySelector(".cookiealert"), e = document.querySelector("#acceptcookies"); n && (n.offsetHeight, function (e) { for (var t = e + "=", o = decodeURIComponent(document.cookie).split(";"), c = 0; c < o.length; c++) { for (var n = o[c]; " " === n.charAt(0);)n = n.substring(1); if (0 === n.indexOf(t)) return n.substring(t.length, n.length) } return "" }("acceptCookies") || n.classList.add("show"), e.addEventListener("click", function () { var e, t, o, c; e = "acceptCookies", t = !0, o = 365, (c = new Date).setTime(c.getTime() + 24 * o * 60 * 60 * 1e3), c = "expires=" + c.toUTCString(), document.cookie = e + "=" + t + ";" + c + ";path=/", n.classList.remove("show"), window.dispatchEvent(new Event("cookieAlertAccept")) })) }();
+</script>
+<!-- END Bootstrap-Cookie-Alert -->
+{%- endif %}

data/_includes/events.html

@@ -0,0 +1,30 @@
+<div class="events {{include.event_type}}s">
+  {%- if include.title == "true" %}
+  <h2 class="mt-5 text-dark">{{include.event_type | replace: "_", " " | capitalize}}s</h2>
+  {%- endif %}
+  {%- assign events = site.data.events %}
+  <ul class="list-unstyled mt-3">
+    {%- for event in events %}
+    <li class='{{include.event_type}}' data-start='{{ event.startDate}}'>
+      <span class="title mb-1">{{ event.name | escape }}</span>
+      <p class="text-muted mb-0"><i class="far fa-calendar me-2"></i><time datetime="{{ event.startDate | date: '%e %B, %Y %H:%M' }}">{{ event.startDate | date_to_long_string }} {{event.startTime}}</time>
+        {% if event.endDate or event.endTime %} - <time datetime="{{ event.endDate | date: '%e %B, %Y %H:%M %Z' }}">{{ event.endDate | date_to_long_string }} {{event.endTime}}</time>{% endif %}</p>
+      {%- if event.location %}
+      <i class="fas fa-map-marker-alt me-2 text-muted"></i>
+      <div class="d-inline-block text-muted">{{ event.location | markdownify }}</div>
+      {%- endif %}
+      {%- if event.description %}
+      {{ event.description | markdownify }}
+      {%- endif %}
+    </li>
+    {%- endfor %}
+  </ul>
+  {%- if include.caption == "true" %}
+  <small>An overview of all our events can be fount on the <a href="/events.html">events page</a>.</small>
+  {%- endif %}
+</div>
+<script>
+  $(function () {
+    show_{ { include.event_type } } s();
+  });
+</script>

data/_includes/footer.html

@@ -0,0 +1,39 @@
+<footer id="footer">
+    <div class="container py-1 py-4">
+        <div class="row g-4 d-flex justify-content-between">
+            {%- for column in site.data.footer.columns %}
+            {%- if column.type == "image" %}
+            <div class="col-lg-{{column.width}} col-sm-6 d-flex justify-content-center">
+                <img class="my-auto" width="{{column.image_width}}" src="{{ column.src | relative_url }}" alt="{{column.alt}}" />
+            </div>
+            {%- elsif column.type == "links" %}
+            <div class="col-lg-{{column.width}} col-sm-6">
+                <ul class="mb-0">
+                    {%- for link in column.children %}
+                    {%- if link.url != nil and link.external_url == nil%}
+                    <li><a href="{{ link.url | relative_url }}">{{link.url_text}}</a></li>
+                    {%- elsif link.external_url != nil and link.url == nil %}
+                    <li><a href="{{link.external_url}}">{{link.url_text}}</a></li>
+                    {%- else %}
+                    <li>{{link.url_text}}</li>
+                    {%- endif %}
+                    {%- endfor %}
+                </ul>
+            </div>
+            {%- endif %}
+            {%- endfor %}
+        </div>
+        {%- unless site.data.footer.extra_line == nil %}
+        <div class="row">
+            <div class="text-center pt-4 mb-0">
+                {{site.data.footer.extra_line | markdownify }}
+            </div>
+        </div>
+        {%- endunless %}
+    </div>
+    {%- unless site.data.footer.copyright == nil %}
+    <div class="copyright text-center p-4">
+        {{ site.data.footer.copyright | markdownify }}
+    </div>
+    {%- endunless %}
+</footer>

data/_includes/head.html

@@ -0,0 +1,90 @@
+<head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="description" content="{% if page.description %}{{ page.description | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.description }}{% endif %}">
+    {%- capture keywords %}
+    {%- if page.related_pages %}
+    {%- for section in page.related_pages %}
+    {%- unless section[1] == nil %}{{ section[1] | join: ', ' }}
+    {%- endunless %}
+    {%- endfor %}
+    {%- endif %}
+    {%- endcapture %}
+    <meta name="keywords" content="{{keywords}}">
+    <meta property="og:title" content="{{ site.title }}" />
+    <meta property="og:description" content="{{ site.description }}" />
+    <meta property="og:image" content="//{{site.github.url | remove: 'https://' | remove: 'http://'}}/assets/img/apple-touch-icon.png" />
+    <meta name="apple-mobile-web-app-title" content="{{site.title}}">
+    <meta name="msapplication-TileColor" content="#{{site.theme_variables.theme_color}}">
+    <meta name="theme-color" content="#{{site.theme_variables.theme_color}}">
+    {%- if page.search_exclude == true and page.url != "/index.html" %}
+    <meta name="robots" content="noindex" />
+    {%- endif %}
+    {%- if page.type %}
+    {%- assign subtitle = page.type | replace: "_", " " | capitalize %}
+    {%- endif %}
+    <title>{% if page.title %}{% if subtitle %}{{subtitle}}: {% endif %}{{ page.title }} | {{ site.title }}{%- else %}{{ site.title }}{% endif %}</title>
+    <!-- Syntax highlighting  -->
+    <link rel="stylesheet" href="{{ 'assets/css/syntax.css' | relative_url }}">
+    <!-- Country flags  -->
+    <link rel="stylesheet" href="{{ 'assets/css/flag-icon.min.css' | relative_url }}">
+    <!-- Font Awesome 5 Icons -->
+    <link rel="stylesheet" type="text/css" href="{{ 'assets/css/all.min.css' | relative_url }}">
+    <!-- Main css file -->
+    <link rel="stylesheet" href="{{ 'assets/css/main.css' | relative_url }}">
+    {%- if site.theme_variables.fonts.size != 0 %}
+    <!-- Main font(s) -->
+    {%- for font in site.theme_variables.fonts %}
+    <link href="{{font}}" rel="stylesheet">
+    {%- endfor %}
+    {%- endif %}
+    <!-- JavaScript  -->
+    <script src="{{ 'assets/js/jquery-3.5.1.min.js' | relative_url }}"></script>
+    <script src="{{ 'assets/js/lunr.min.js' | relative_url }}"></script>
+    <script src="{{ 'assets/js/bootstrap.bundle.min.js' | relative_url }}"></script>
+    <script src="{{ 'assets/js/anchor.min.js' | relative_url }}"></script>
+    <script src="{{ 'assets/js/toc.js' | relative_url }}"></script>
+    <script src="{{ 'assets/js/jquery.navgoco.js' | relative_url }}"></script>
+    <script src="{{ 'assets/js/jquery.cookie.min.js' | relative_url }}"></script>
+    <script src="{{ 'assets/js/main.js' | relative_url }}"></script>
+    <script src="{{ 'assets/js/search.js' | relative_url }}"></script>
+    {%- if page.datatable == true %}
+    <!-- Include the standard DataTables bits -->
+    <link rel="stylesheet" type="text/css" href="{{ 'assets/css/dataTables.bootstrap5.min.css' | relative_url }}">
+    <script type="text/javascript" charset="utf8" src="{{ 'assets/js/jquery.dataTables.min.js' | relative_url }}"></script>
+    <script type="text/javascript" charset="utf8" src="{{ 'assets/js/dataTables.bootstrap5.min.js' | relative_url }}"></script>
+    <script type="text/javascript">
+        $.fn.DataTable.ext.pager.numbers_length = 5;
+        $(document).ready(function () {
+            $('div.datatable-begin').nextUntil('div.datatable-end', 'table').addClass('display');
+            $('table.display').DataTable({
+                lengthMenu: [[25, 50, 100, -1], [25, 50, 100, "All"]],
+                stateSave: true,
+                searching: true,
+                language: {
+                    searchPlaceholder: "Type here..."
+                }
+            });
+        });
+    </script>
+    {%- endif %}
+    <!-- favicon -->
+    <link rel="apple-touch-icon" sizes="180x180" href="{{ 'assets/img/apple-touch-icon.png' | relative_url }}">
+    <link rel="icon" type="image/png" sizes="32x32" href="{{ 'assets/img/favicon-32x32.png' | relative_url }}">
+    <link rel="icon" type="image/png" sizes="16x16" href="{{ 'assets/img/favicon-16x16.png' | relative_url }}">
+    <link rel="manifest" href="{{ 'assets/img/site.webmanifest' | relative_url }}">
+    <link rel="mask-icon" href="{{ 'assets/img/safari-pinned-tab.svg' | relative_url }}" color="#{{site.theme_variables.theme_color}}">
+    <link rel="shortcut icon" href="{{ 'assets/img/favicon.ico' | relative_url }}">
+    <!-- Schema.org metadata -->
+    {% include schemasorg.html %}
+    {%- if site.gtag and jekyll.environment == "production"%}
+    <!-- Google analytics -->
+    <script async src="https://www.googletagmanager.com/gtag/js?id={{ site.gtag }}"></script>
+    <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', '{{ site.gtag }}');</script>
+    {%- endif %}
+    {%- if site.plausible and jekyll.environment == "production"%}
+    <!-- Plausible -->
+    <script defer data-domain="{{site.plausible}}" src="{{site.plausible_src | default: 'https://plausible.io/js/plausible.js'}}"></script>
+    {%- endif %}
+</head>

data/_includes/image.html

@@ -0,0 +1,21 @@
+<figure class="{% if {{include.inline}} == true %}my-0{% else %}my-4{%- endif %} {% if {{include.class}} %}{{include.class}}{%- endif %}"{% if {{include.max-width}} %}width={{include.max-width}}{%- endif %}>
+    {%- capture file_url -%}
+    {{ "/images/" | append:include.file | relative_url }}
+    {%- endcapture -%}
+    {%- if {{include.url}} %}
+    <a target="_blank" rel="noopener" href="{{include.url}}">
+    {%- elsif {{include.click}} == true %}
+    <a target="_blank" rel="noopener noreferrer" href="{{file_url}}">
+    {%- endif %}
+    <img src="{{file_url}}" alt="{{include.alt}}" class="figure-img img-fluid rounded"/>
+    {%- if {{include.url}} or {{include.click}} == true %}
+    </a>
+    {%- endif %}
+    {%- if {{include.caption}} %}
+    <figcaption class="figure-caption">
+    {{include.caption}}
+    </figcaption>
+    {%- endif %}
+{%- if {{include.inline}} != true %}
+</figure>
+{%- endif %}

data/_includes/more-information-tiles.html

@@ -0,0 +1,97 @@
+{%- if page.faircookbook or page.fairsharing or page.training or page.dsw %}
+<!-- More information -->
+<h2>More information</h2>
+
+<div class="row row-cols-1 row-cols-md-2 g-4 mt-2">
+    {%- if page.training %}
+    <!-- Training -->
+    <div class="col">
+        <div class="card h-100 info-card">
+            <div class="card-header fw-bold">Training</div>
+            <div class="card-body">
+                <ul class="list-unstyled">
+                    {%- for training in page.training %}
+                    <li class="d-grid">
+                        <a class="btn bg-white hover-primary text-start" href="{{ training.url }}">
+                            <div class="row g-1">
+                                <div class="col-2 d-flex align-items-center justify-content-center">
+                                    {%- if training.registry == "TeSS" %}
+                                    <img alt="TeSS logo" class="img-fluid h-40px" src="assets/img/tess_logo.svg">
+                                    {%- else %}
+                                    <i class="fas fa-external-link-alt text-primary fs-5"></i>
+                                    {%- endif %}
+                                </div>
+                                <div class="col-10 d-flex align-items-center">
+                                    <span class="text-start">{{training.name}}</span>
+                                </div>
+                            </div>
+                        </a>
+                    </li>
+                    {%- endfor %}
+                </ul>
+            </div>
+        </div>
+    </div>
+    {%- endif %}
+    {%- if page.faircookbook or page.fairsharing or page.dsw %}
+    <!-- FAIR Cookbook and FAIRsharing -->
+    <div class="col">
+        <div class="card h-100 info-card">
+            <div class="card-header fw-bold">Links to other ELIXIR resources</div>
+            <div class="card-body">
+                <ul class="list-unstyled">
+                    {%- if page.faircookbook %}
+                    {%- for recipe in page.faircookbook %}
+                    <li class="d-grid">
+                        <a class="btn bg-white hover-primary text-start" data-bs-toggle="tooltip" data-bs-placement="right" title="FAIRCookbook" href="{{ recipe.url }}">
+                            <div class="row g-1">
+                                <div class="col-2 d-flex align-items-center justify-content-center">
+                                    <img alt="FAIRCookbook logo" class="img-fluid h-40px" src="assets/img/fairplus.svg">
+                                </div>
+                                <div class="col-10 d-flex align-items-center">
+                                    <span class="text-start">Step-by-step process for: {{recipe.name}}</span>
+                                </div>
+                            </div>
+                        </a>
+                    </li>
+                    {%- endfor %}
+                    {%- endif %}
+                    {%- if page.dsw %}
+                    {%- for question in page.dsw %}
+                    <li class="d-grid">
+                        <a class="btn bg-white hover-primary text-start" data-bs-toggle="tooltip" data-bs-placement="right" title="DSW" href="{{ site.dsw_deep_link_prefix | append: question.uuid }}">
+                            <div class="row g-1">
+                                <div class="col-2 d-flex align-items-center justify-content-center">
+                                    <img alt="DSW logo" class="img-fluid h-40px" src="assets/img/dsw-compact.svg">
+                                </div>
+                                <div class="col-10 d-flex align-items-center">
+                                    <span class="text-start">Support for DMP on: {{question.name}}</span>
+                                </div>
+                            </div>
+                        </a>
+                    </li>
+                    {%- endfor %}
+                    {%- endif %}
+                    {%- if page.fairsharing %}
+                    {%- for standard in page.fairsharing %}
+                    <li class="d-grid">
+                        <a class="btn bg-white hover-primary text-start" data-bs-toggle="tooltip" data-bs-placement="right" title="FAIRsharing" href="{{ standard.fairsharing }}">
+                            <div class="row g-1">
+                                <div class="col-2 d-flex align-items-center justify-content-center">
+                                    <img alt="fairsharing logo" class="img-fluid h-40px" src="assets/img/FAIRsharing-small.svg">
+                                </div>
+                                <div class="col-10 d-flex align-items-center">
+                                    <span class="text-start">FAIRsharing collection about: {{standard.title}}</span>
+                                </div>
+                            </div>
+                        </a>
+                    </li>
+                    {%- endfor %}
+                    {%- endif %}
+                </ul>
+            </div>
+        </div>
+    </div>
+    {%- endif %}
+</div>
+{%- endif %}