elixir-toolkit-theme 5.0.0 → 6.1.0

data/_includes/contributor-minitiles-page.html

@@ -1,111 +1,22 @@
-{%- assign EMPTY = "" | split: "" -%}
-{%- assign contrib_list = page.contributors | default: EMPTY -%}
-{%- assign coord_list  = page.coordinators | default: EMPTY -%}
-{%- if contrib_list.size > 0 or coord_list.size > 0 -%}
-<span class="d-block h2-like fs-2">{{site.theme_variables.contributor-minitiles-page | default: 'Contributors' }}</span>
-<div class="p-4 rounded mt-4 page-contributors d-flex flex-wrap gap-2">
-    {%- assign contributors = site.data.CONTRIBUTORS %}
-    {%- assign page_contributors = contrib_list | concat: coord_list | uniq %}
-    {%- unless include.sort == false %}
-    {%- assign page_contributors = page_contributors | sort %}
-    {%- endunless %}
-    {%- for contributor in page_contributors %}
-    {%- assign id = contributors[contributor].git | default: 'no_github' %}
+{%- assign contributors_lookup = site.data.CONTRIBUTORS %}
+{%- unless include.sort == false %}
+{%- assign name_list = include.contributors_list | sort %}
+{%- else %}
+{%- assign name_list = include.contributors_list %}
+{%- endunless %}
+<div class="gap-1 rounded page-contributors d-flex flex-wrap">
+  {%- for contributor_name in name_list %}
+    {%- assign data = contributors_lookup[contributor_name] %}
     <div class="dropup-center dropup d-inline-block">
-      <button class="btn btn-sm dropdown-toggle contributor-link d-flex gap-2 align-items-center hover-primary position-relative"  type="button" data-bs-toggle="dropdown" aria-expanded="false" data-bs-auto-close="outside" data-bs-offset="0,10">
-          <div>
-            {%- if contributors[contributor].image_url %}
-            <div class="ratio ratio-1x1 contributor-img-sm">
-              <div class="contr-placeholder rounded-circle" style="background-image: url({{ contributors[contributor].image_url }});">
-              </div>
-            </div>
-            {%- else %}
-            {%- if contributors[contributor].git %}
-            <img class="img-fluid rounded-circle contributor-img-sm" src="https://avatars.githubusercontent.com/{{ id }}" alt="Avatar of the contributor {{ contributor }}">
-            {%- else %}
-            <div class="contr-placeholder rounded-circle d-flex justify-content-center align-items-center contributor-img-sm">
-              {%- assign contr_name = contributor | split: " " %}
-              {%- assign initials = "" %}
-              {%- for name in contr_name %}
-                  {%- assign initial = name | slice: 0,1 | capitalize %}
-                  {%- assign initials = initials | append: initial %}
-              {%- endfor %}
-              <span class="fw-bold">{{ initials }}</span>
-            </div>
-            {%- endif %}
-            {%- endif %}
-          </div>
-          <div>
-              {{ contributor }}
-          </div>
-        {%- if page.coordinators.size != 0 and page.coordinators contains contributor %}
-        <div class="position-absolute top-0 start-100 translate-middle">
-            <div class="rounded-circle coordinator-crown">
-              <a data-bs-toggle="tooltip" data-bs-original-title="Coordinator of the {{page.title}} page.">
-                <i class="fa-solid fa-crown"></i>
-              </a>  
-            </div>
+      <button class="btn btn-sm dropdown-toggle contributor-link d-flex gap-2 align-items-center hover-primary rounded-pill" type="button" data-bs-toggle="dropdown" aria-expanded="false" data-bs-auto-close="outside" data-bs-offset="0,10">
+        <div class="ratio ratio-1x1 contributor-img-sm">
+          {%- include contributor-avatar.html name=contributor_name image_url=data.image_url git=data.git small=true %}
         </div>
-        {%- endif %}
+        <div>{{ contributor_name }}</div>
       </button>
-        <div class="dropdown-menu shadow p-0 border-0 contributor-cards">
-
-          <div class="card">
-              {%- assign id = contributors[contributor].git | default: 'no_github' %}
-              <div class="position-relative">
-                {%- if contributors[contributor].image_url %}
-                <div class="p-3">
-                  <div class="ratio ratio-1x1">
-                    <div class="contr-placeholder rounded-circle" style="background-image: url({{ contributors[contributor].image_url }});">
-                    </div>
-                  </div>
-                </div>
-                {%- else %}
-                {%- if contributors[contributor].git %}
-                <img src="https://avatars.githubusercontent.com/{{id}}" class="card-img-top p-3 rounded-circle" alt="{{ contributor }}">
-                {%- else %}
-                <div class="p-3">
-                  <div class="ratio ratio-1x1">
-                    <div class="contr-placeholder rounded-circle d-flex justify-content-center align-items-center">
-                      {%- assign contr_name = contributor | split: " " %}
-                      {%- assign initials = "" %}
-                      {%- for name in contr_name %}
-                          {%- assign initial = name | slice: 0,1 | capitalize %}
-                          {%- assign initials = initials | append: initial %}
-                      {%- endfor %}
-                      <span class="fs-2 fw-bold">{{ initials }}</span>
-                    </div>
-                  </div>
-                </div>
-                {%- endif %}
-                {%- 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">{{ stripped_name }}</p>
-                {%- if contributors[contributor].affiliation %}
-                <p class="card-affiliation">{{ contributors[contributor].affiliation | join: " / " }}</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 gap-2">
-                  {%- if contributors[contributor].git %}
-                  <a class="btn bg-white text-primary hover-primary rounded-circle social-icons p-0" href="https://github.com/{{id}}"><i class="fa-brands fa-github"></i></a>
-                  {%- endif %}
-                  {%- if contributors[contributor].email %}
-                  <a class="btn bg-white text-primary hover-primary rounded-circle social-icons p-0" href="mailto:{{contributors[contributor].email}}"><i class="fa-solid fa-envelope"></i></a>
-                  {%- endif %}
-                  {%- if contributors[contributor].orcid %}
-                  <a class="btn bg-white text-primary hover-primary rounded-circle social-icons p-0" href="https://orcid.org/{{contributors[contributor].orcid}}"><i class="fa-brands fa-orcid"></i></a>
-                  {%- endif %}
-                </div>
-              </div>
-              {%- endif %}
-            </div>
-        </div>
-      </div>{%- endfor %}
+      <div class="dropdown-menu shadow p-0 border-0 contributor-cards">
+        {%- include contributor-card.html name=contributor_name image_url=data.image_url git=data.git email=data.email orcid=data.orcid role=data.role affiliation=data.affiliation %}
+      </div>
+    </div>
+  {%- endfor %}
 </div>
-{%- endif %}

data/_includes/contributor-tiles-all.html

@@ -1,11 +1,11 @@
-{%- assign contributors = site.data.CONTRIBUTORS %}
+{%- assign contributors_lookup = site.data.CONTRIBUTORS %}
 {%- assign allcontrstr = nil %}
-{%- assign nr = include.col | default: 5 %}
+{%- assign nr = include.col | default: 4 %}
 {%- if include.custom %}
 {%- assign allcontrstr = include.custom %}
 {%- elsif include.role %}
 {%- assign rolefilter =  include.role | downcase %}
-{%- for contr in contributors %}
+{%- for contr in contributors_lookup %}
 {%- assign contrrole = contr[1]['role'] | downcase %}
 {%- if rolefilter == contrrole %}
 {%- if allcontrstr %}
@@ -26,7 +26,7 @@
 {%- endif %}
 {%- endif %}
 {%- endfor %}
-{%- for contr in contributors %}
+{%- for contr in contributors_lookup %}
 {%- if allcontrstr %}
 {%- assign allcontrstr = allcontrstr | append: ", " | append: contr[0] %}
 {%- else %}
@@ -39,64 +39,11 @@
 {%- assign allcontributors = allcontributors | sort %}
 {%- endunless %}
 {%- unless allcontributors.size == 0 %}
-<div class="row row-cols-2 row-cols-sm-3 row-cols-md-4 row-cols-xl-{{nr}} g-4 contributor-cards mb-4">
-  {%- for contributor in allcontributors %}
+<div class="row row-cols-2 row-cols-sm-3{%- if nr < 4 %} row-cols-md-4{%- endif %} row-cols-xl-{{nr}} g-4 contributor-cards mb-4">
+  {%- for contributor_name in allcontributors %}
+  {%- assign data = contributors_lookup[contributor_name] %}
   <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 %}
-        <div class="p-3">
-          <div class="ratio ratio-1x1">
-            <div class="contr-placeholder rounded-circle" style="background-image: url({{ contributors[contributor].image_url }});">
-            </div>
-          </div>
-        </div>
-        {%- else %}
-        {%- if contributors[contributor].git %}
-        <img src="https://avatars.githubusercontent.com/{{id}}" class="card-img-top p-3 rounded-circle" alt="{{ contributor }}">
-        {%- else %}
-        <div class="p-3">
-          <div class="ratio ratio-1x1">
-            <div class="contr-placeholder rounded-circle d-flex justify-content-center align-items-center">
-              {%- assign contr_name = contributor | split: " " %}
-              {%- assign initials = "" %}
-              {%- for name in contr_name %}
-                  {%- assign initial = name | slice: 0,1 | capitalize %}
-                  {%- assign initials = initials | append: initial %}
-              {%- endfor %}
-              <span class="fs-2 fw-bold">{{ initials }}</span>
-            </div>
-          </div>
-        </div>
-        {%- endif %}
-        {%- 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 | join: " / " }}</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 gap-2">
-          {%- if contributors[contributor].git %}
-          <a class="btn bg-white text-primary hover-primary rounded-circle social-icons p-0" href="https://github.com/{{id}}"><i class="fa-brands fa-github"></i></a>
-          {%- endif %}
-          {%- if contributors[contributor].email %}
-          <a class="btn bg-white text-primary hover-primary rounded-circle social-icons p-0" href="mailto:{{contributors[contributor].email}}"><i class="fa-solid fa-envelope"></i></a>
-          {%- endif %}
-          {%- if contributors[contributor].orcid %}
-          <a class="btn bg-white text-primary hover-primary rounded-circle social-icons p-0" href="https://orcid.org/{{contributors[contributor].orcid}}"><i class="fa-brands fa-orcid"></i></a>
-          {%- endif %}
-        </div>
-      </div>
-      {%- endif %}
-    </div>
+    {%- include contributor-card.html name=contributor_name image_url=data.image_url git=data.git email=data.email orcid=data.orcid role=data.role affiliation=data.affiliation %}
   </div>
   {%- endfor %}
 </div>

data/_includes/events.html

@@ -2,7 +2,12 @@
   {%- if include.title == true%}
   <h2>{{include.event_type | replace: "_", " " | capitalize}}s</h2>
   {%- endif %}
+  {%- if include.related_pages %}
+  {%- assign filtered = site.data.events | where_exp: "event", "event.related_pages contains include.related_pages" %}
+  {%- assign events = filtered | sort: "startDate" | reverse %}
+  {%- else %}
   {%- assign events = site.data.events | sort: "startDate" | reverse %}
+    {%- endif %}
   {%- assign count = 0 %}
   <ul class="list-unstyled mt-3">
     {%- for event in events %}

data/_includes/github-buttons.html

@@ -1,26 +1,26 @@
-{%- assign show_github_edit_button = site.theme_variables.github_buttons.edit_me | default: true %}
-{%- assign show_github_history_button = site.theme_variables.github_buttons.history | default: true %}
-{%- assign show_github_open_issue_button = site.theme_variables.github_buttons.open_issue | default: true %}
-{%- if show_github_edit_button or show_github_history_button or show_github_open_issue_button %}
+{%- assign show_github_edit_button = site.theme_variables.github_buttons.edit_me %}
+{%- assign show_github_history_button = site.theme_variables.github_buttons.history %}
+{%- assign show_github_open_issue_button = site.theme_variables.github_buttons.open_issue %}
+{%- unless show_github_edit_button and show_github_history_button and show_github_open_issue_button == false %}
 <div id="edit-me" class="btn-group">
-    {% if show_github_edit_button %}
-    {% assign repo_url = page.github.repository_url | default: site.github.repository_url %}
-    {% assign repo_branch = page.github.branch | default: site.github.source.branch %}
-    {% assign file_path = page.github.file_path | default: page.path %}
+    {%- unless show_github_edit_button == false %}
+    {%- assign repo_url = page.github.repository_url | default: site.github.repository_url %}
+    {%- assign repo_branch = page.github.branch | default: site.github.source.branch %}
+    {%- assign file_path = page.github.file_path | default: page.path %}
     <a role="button" data-bs-toggle="tooltip"
         title="Propose changes to the content of this page on {{site.theme_variables.git_host | default: 'GitHub' }}"
         href="{{repo_url}}/blob/{{repo_branch}}/{{file_path}}" class="btn btn-sm hover-primary text-primary"><i
             class="fa-solid fa-pencil-alt"></i></a>
-    {%- endif %}
-    {%- if show_github_open_issue_button %}
+    {%- endunless %}
+    {%- unless show_github_open_issue_button == false %}
     <a role="button" data-bs-toggle="tooltip" title="Report an issue"
         href="{{repo_url}}/issues/new?title={{'Issue on page: ' | url_encode }}{{page.title | url_encode }}&amp;body={{'I would like to report an issue on the ' | url_encode }}{{page.title | url_encode }}{{' page at `'| url_encode }}{{page.url | url_encode }}{{'`. Description of the issue:' | url_encode }}"
         class="btn btn-sm hover-primary text-primary"><i class="fa-solid fa-exclamation"></i></a>
-    {%- endif %}
-    {%- if show_github_history_button %}
+    {%- endunless %}
+    {%- unless show_github_history_button == false %}
     <a role="button" data-bs-toggle="tooltip" title="Check out the history of this page"
         href="{{repo_url}}/commits/{{repo_branch}}/{{file_path}}" class="btn btn-sm hover-primary text-primary"><i
             class="fa-solid fa-history"></i></a>
-    {%- endif %}
+    {%- endunless %}
 </div>
-{%- endif %}
+{%- endunless %}

data/_includes/head.html

@@ -31,8 +31,8 @@
     <meta property="og:type" content="article">
     <meta property="og:url" content="{{ page.url | absolute_url }}">
     <meta property="og:image" content="//{{site.github.url | remove: 'https://' | remove: 'http://'}}/assets/img/apple-touch-icon.png" />
+    <meta property="og:logo" content="//{{site.github.url | remove: 'https://' | remove: 'http://'}}/assets/img/apple-touch-icon.png" />
     <meta name="apple-mobile-web-app-title" content="{{title}}">
-    <meta name="msapplication-TileColor" content="#{{site.theme_variables.theme_color | default: 0d6efd }}">
     <meta name="theme-color" content="#{{site.theme_variables.theme_color | default: 0d6efd }}">
     {%- if page.no_robots %}
     <meta name="robots" content="noindex" />
@@ -57,9 +57,10 @@
     <script src="{{ 'assets/js/bootstrap.bundle.min.js' | relative_url }}"></script>
     <script src="{{ 'assets/js/anchor.min.js' | relative_url }}"></script>
     {% if page.toc or page.toc == nil %}<script src="{{ 'assets/js/toc.js' | relative_url }}?{{site.time | date: '%s'}}"></script>{% endif %}
-    <script src="{{ 'assets/js/jquery.navgoco.js' | relative_url }}"></script>
     <script src="{{ 'assets/js/main.js' | relative_url }}?{{site.time | date: '%s'}}"></script>
+    {%- unless site.theme_variables.topnav.search == false  %}
     <script src="{{ 'assets/js/search.js' | relative_url }}"></script>
+    {%- endunless %}
     <script src="{{ 'assets/js/clipboard.min.js' | relative_url }}"></script>
     {%- if page.datatable == true %}
     <!-- Include the standard DataTables bits -->
@@ -112,7 +113,6 @@
     <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 | default: 0d6efd }}">
     <link rel="shortcut icon" href="{{ 'assets/img/favicon.ico' | relative_url }}">
     <!-- Schema.org metadata -->
     {% include schemasorg.html %}

data/_includes/more-information-tiles.html

@@ -63,7 +63,7 @@
 {%- if actual_fairsharing %}
 <!-- FAIRsharing -->
 <a data-bs-toggle="collapse" href="#fairsharing_collapse" role="button" aria-expanded="false" aria-controls="fairsharing_collapse" class="d-flex align-items-baseline pb-3 border-top info-collapse">
-    <h3 class="mb-0 flex-grow-1 mt-3 text-dark">Links to FAIRsharing</h3><i class="fa-solid fa-chevron-down fs-5"></i>
+    <h3 class="mb-0 flex-grow-1 mt-3 text-dark">Links to FAIRsharing</h3><i class="fa-solid fa-chevron-right fs-5"></i>
 </a>
 <div class="collapse info-card" id="fairsharing_collapse">
     <div class="mt-2 p-3 pb-5">
@@ -85,7 +85,7 @@
 {%- if actual_faircookbook %}
 <!-- FAIR Cookbook -->
 <a data-bs-toggle="collapse" href="#faircookbook_collapse" role="button" aria-expanded="false" aria-controls="faircookbook_collapse" class="d-flex align-items-baseline pb-3 border-top info-collapse">
-    <h3 class="mb-0 flex-grow-1 mt-3 text-dark">Links to FAIR Cookbook</h3><i class="fa-solid fa-chevron-down fs-5"></i>
+    <h3 class="mb-0 flex-grow-1 mt-3 text-dark">Links to FAIR Cookbook</h3><i class="fa-solid fa-chevron-right fs-5"></i>
 </a>
 <div class="collapse info-card" id="faircookbook_collapse">
     <div class="mt-2 p-3 pb-5">
@@ -107,7 +107,7 @@
 {%- if actual_dsw %}
 <!-- DSW -->
 <a data-bs-toggle="collapse" href="#dsw_collapse" role="button" aria-expanded="false" aria-controls="dsw_collapse" class="d-flex align-items-baseline pb-3 border-top info-collapse">
-    <h3 class="mb-0 flex-grow-1 mt-3 text-dark">Links to DSW</h3><i class="fa-solid fa-chevron-down fs-5"></i>
+    <h3 class="mb-0 flex-grow-1 mt-3 text-dark">Links to DSW</h3><i class="fa-solid fa-chevron-right fs-5"></i>
 </a>
 <div class="collapse info-card" id="dsw_collapse">
     <div class="mt-2 p-3 pb-5">
@@ -129,7 +129,7 @@
 {%- if actual_rdmkit %}
 <!-- RDMkit -->
 <a data-bs-toggle="collapse" href="#rdmkit_collapse" role="button" aria-expanded="false" aria-controls="rdmkit_collapse" class="d-flex align-items-baseline pb-3 border-top info-collapse">
-    <h3 class="mb-0 flex-grow-1 mt-3 text-dark">Links to RDMkit</h3><i class="fa-solid fa-chevron-down fs-5"></i>
+    <h3 class="mb-0 flex-grow-1 mt-3 text-dark">Links to RDMkit</h3><i class="fa-solid fa-chevron-right fs-5"></i>
 </a>
 <div class="collapse info-card" id="rdmkit_collapse">
     <div class="mt-2 p-3 pb-5">
@@ -152,7 +152,7 @@
 {%- if actual_training %}
 <!-- Training -->
 <a data-bs-toggle="collapse" href="#training_collapse" role="button" aria-expanded="false" aria-controls="training_collapse" class="d-flex align-items-baseline pb-3 border-top info-collapse">
-    <h3 class="mb-0 flex-grow-1 mt-3 text-dark">Training</h3><i class="fa-solid fa-chevron-down fs-5"></i>
+    <h3 class="mb-0 flex-grow-1 mt-3 text-dark">Training</h3><i class="fa-solid fa-chevron-right fs-5"></i>
 </a>
 <div class="collapse info-card" id="training_collapse">
     <div class="mt-2 p-3 pb-5">

data/_includes/page-metadata-tabs.html

@@ -0,0 +1,92 @@
+{%- comment -%} Check if any tab has actual content (not empty arrays) {%- endcomment -%}
+{%- assign has_contributors = false -%}
+{%- assign has_coordinators = false -%}
+{%- assign has_editors = false -%}
+{%- assign has_affiliations = false -%}
+{%- assign has_citations = false -%}
+
+{%- if page.contributors and page.contributors.size > 0 -%}{%- assign has_contributors = true -%}{%- endif -%}
+{%- if page.coordinators and page.coordinators.size > 0 -%}{%- assign has_coordinators = true -%}{%- endif -%}
+{%- if page.editors and page.editors.size > 0 -%}{%- assign has_editors = true -%}{%- endif -%}
+{%- if page.affiliations and page.affiliations.size > 0 -%}{%- assign has_affiliations = true -%}{%- endif -%}
+{%- if page.page_citation -%}{%- assign has_citations = true -%}{%- endif -%}
+
+{% if has_contributors or has_coordinators or has_editors or has_affiliations or has_citations %}
+
+{%- comment -%} Determine which tab should be active by default {%- endcomment -%}
+{%- assign first_tab = nil -%}
+{%- unless first_tab -%}{%- if has_contributors -%}{%- assign first_tab = "contributors" -%}{%- endif -%}{%- endunless -%}
+{%- unless first_tab -%}{%- if has_coordinators -%}{%- assign first_tab = "coordinators" -%}{%- endif -%}{%- endunless -%}
+{%- unless first_tab -%}{%- if has_editors -%}{%- assign first_tab = "editors" -%}{%- endif -%}{%- endunless -%}
+{%- unless first_tab -%}{%- if has_affiliations -%}{%- assign first_tab = "affiliations" -%}{%- endif -%}{%- endunless -%}
+{%- unless first_tab -%}{%- if has_citations -%}{%- assign first_tab = "citations" -%}{%- endif -%}{%- endunless -%}
+
+<div class="page-metadata p-4 mt-5 rounded">
+    <nav>
+        <div class="nav nav-tabs mb-3" id="nav-credits" role="tablist">
+            {%- if has_contributors %}
+            <button class="nav-link {% if first_tab == 'contributors' %}active{% endif %}" id="credits-contributors-tab" data-bs-toggle="tab" data-bs-target="#credits-contributors" type="button" role="tab" aria-controls="credits-contributors" aria-selected="{% if first_tab == 'contributors' %}true{% else %}false{% endif %}">
+                <i class="fa-solid fa-users me-2"></i>
+                Contributors
+            </button>
+            {%- endif %}
+            {%- if has_coordinators %}
+            <button class="nav-link {% if first_tab == 'coordinators' %}active{% endif %}" id="credits-coordinators-tab" data-bs-toggle="tab" data-bs-target="#credits-coordinators" type="button" role="tab" aria-controls="credits-coordinators" aria-selected="{% if first_tab == 'coordinators' %}true{% else %}false{% endif %}">
+                <i class="fa-solid fa-crown me-2"></i>
+                Coordinators
+            </button>
+            {%- endif %}
+            {%- if has_editors %}
+            <button class="nav-link {% if first_tab == 'editors' %}active{% endif %}" id="credits-editors-tab" data-bs-toggle="tab" data-bs-target="#credits-editors" type="button" role="tab" aria-controls="credits-editors" aria-selected="{% if first_tab == 'editors' %}true{% else %}false{% endif %}">
+                <i class="fa-solid fa-comment-dots me-2"></i>
+                Editors
+            </button>
+            {% endif %}
+            {%- if has_affiliations %}
+            <button class="nav-link {% if first_tab == 'affiliations' %}active{% endif %}" id="credits-affiliations-tab" data-bs-toggle="tab" data-bs-target="#credits-affiliations" type="button" role="tab" aria-controls="credits-affiliations" aria-selected="{% if first_tab == 'affiliations' %}true{% else %}false{% endif %}">
+                <i class="fa-solid fa-building-columns me-2"></i>
+                Affiliations
+            </button>
+            {%- endif %}
+            {%- if has_citations %}
+            <button class="nav-link {% if first_tab == 'citations' %}active{% endif %}" id="credits-cite-tab" data-bs-toggle="tab" data-bs-target="#credits-citations" type="button" role="tab" aria-controls="credits-cite" aria-selected="{% if first_tab == 'citations' %}true{% else %}false{% endif %}">
+                <i class="fa-solid fa-quote-left me-2"></i>
+                Citation
+            </button>
+            {%- endif %}
+        </div>
+    </nav>
+
+    <div class="tab-content" id="nav-creditsContent">
+        {%- if has_contributors %}
+        <div class="tab-pane {% if first_tab == 'contributors' %}show active{% endif %}" id="credits-contributors" role="tabpanel">
+            {% include contributor-minitiles-page.html contributors_list=page.contributors sort=site.theme_variables.page_metadata.contributors_sort %}
+        </div>
+        {%- endif %}
+        {%- if has_coordinators %}
+        <div class="tab-pane {% if first_tab == 'coordinators' %}show active{% endif %}" id="credits-coordinators" role="tabpanel">
+            <div class="coordinators">
+                {% include contributor-minitiles-page.html contributors_list=page.coordinators sort=site.theme_variables.page_metadata.coordinators_sort %}
+            </div>
+        </div>
+        {%- endif %}
+        {%- if has_editors %}
+        <div class="tab-pane {% if first_tab == 'editors' %}show active{% endif %}" id="credits-editors" role="tabpanel">
+            <div class="editors">
+                {% include contributor-minitiles-page.html contributors_list=page.editors sort=site.theme_variables.page_metadata.editors_sort %}
+            </div>
+        </div>
+        {%- endif %}
+        {%- if has_affiliations %}
+        <div class="tab-pane {% if first_tab == 'affiliations' %}show active{% endif %}" id="credits-affiliations" role="tabpanel">
+            {% include affiliation-tiles-page.html affiliations_list=page.affiliations sort=site.theme_variables.page_metadata.affiliations_sort %}
+        </div>
+        {%- endif %}
+        {%- if has_citations %}
+        <div class="tab-pane {% if first_tab == 'citations' %}show active{% endif %}" id="credits-citations" role="tabpanel">
+            {% include citation-page.html contributors_list=page.contributors sort=site.theme_variables.page_metadata.contributors_sort %}
+        </div>
+        {%- endif %}
+    </div>
+</div>
+{% endif %}

data/_includes/resource-table-all.html

@@ -26,7 +26,7 @@
 {%- endif %}
 {% if site.theme_variables.headings.resource-table-all-collapse %}<h3 class="mb-0 mt-3 flex-grow-1 text-dark">{% else %}<h2 class="h2-like fs-2">{% endif %}{{site.theme_variables.headings.resource-table-all | default: 'Tools and resources on this page' }}{% if site.theme_variables.headings.resource-table-all-collapse %}</h3>{% else % %}</h2>{% endif %}
 {%- if site.theme_variables.headings.resource-table-all-collapse %}
-    <i class="fa-solid fa-chevron-down fs-5"></i>
+    <i class="fa-solid fa-chevron-right fs-5"></i>
 </a>
 <div class="collapse info-card" id="tools_collapse">
 {%- endif %}
@@ -57,21 +57,14 @@
         <tbody>
             {%- for tool in tools %}
             <tr>
-                {%- assign instances_tool = 0 %}
-                {%- assign query = "related_pages." | append: page.type %}
-                {%- for country_page in country_pages %}
-                {%- assign instance_matches = country_page.national_resources | where: "instance_of", tool.id | where_exp:"resource","resource.related_pages != nil" | where: query, include.tag %}
-                {%- unless instance_matches.size == 0 %}
-                {%- assign instances_tool = instances_tool | plus: instance_matches.size %}
-                {%- endunless %}
-                {%- endfor %}
+                {%- assign instances_tool = tool.instances | size %}
                 {% if tool.url %}
                 <td><a href="{{tool.url}}">{{tool.name}}</a></td>
                 {%- else %}
                 <td>{{tool.name}}</td>
                 {%- endif %}
                 <td>{{tool.description}}
-                    {%- if tool.instance_of or tool.how_to_access or instances_tool != 0 != 0 and include.tag != nil %}
+                    {%- if tool.instance_of or tool.how_to_access or instances_tool != 0 %}
                     {%- assign linked_tool = site.data.tool_and_resource_list | where:"id", tool.instance_of | first %}
                     <div class="d-block mt-1">
                         {%- if linked_tool %}
@@ -80,11 +73,30 @@
                         {%- if tool.how_to_access %}
                         <span class="d-inline-block" tabindex="0" data-bs-toggle="tooltip" title="{{tool.how_to_access}}"><span class="badge text-primary border border-primary"> <i class="fa-solid fa-key"></i></span></span>
                         {%- endif %}
-                        {%- unless instances_tool == 0 or include.tag == nil %}
-                        <!-- <a href="#national-resources-button">
-                        <span class="badge text-white bg-primary"><i class="fa-solid fa-arrow-circle-down me-2"></i>Different instances available</span>
-                    </a> -->
-                        {%- endunless %}
+                        {%- if instances_tool > 0 %}
+                        {%- assign dropdown_id = 'instances-dd-' | append: forloop.index0 %}
+                        <div class="dropdown d-inline-block">
+                            <button class="btn btn-badge btn-outline-primary dropdown-toggle"
+                                    type="button"
+                                    id="{{ dropdown_id }}"
+                                    data-bs-toggle="dropdown"
+                                    aria-expanded="false">
+                            <i class="fa-solid fa-globe me-2"></i>Instances
+                            </button>
+                            <ul class="dropdown-menu" aria-labelledby="{{ dropdown_id }}">
+                            {%- for inst in tool.instances %}
+                                <li>
+                                    <a class="dropdown-item no-ext-icon" href="{{ inst.url }}">
+                                        {{ inst.name }}
+                                        {%- if inst.country_code.size != 0 %}
+                                            <span class="flag-icon ms-2 shadow-sm flag-icon-{{ inst.country_code | downcase }}"></span>
+                                        {%- endif %}
+                                    </a>
+                                </li>
+                            {%- endfor %}
+                            </ul>
+                        </div>
+                        {%- endif %}
                     </div>
                     {%- endif %}
                 </td>
@@ -108,7 +120,7 @@
                     <a data-bs-toggle="tooltip" data-bs-original-title="FAIRsharing collection" href="https://fairsharing.org/{{tool.registry.fairsharing-coll}}"><span class="badge bg-dark text-white hover-primary"><i class="fa-solid fa-database me-2"></i>Standards/Databases</span></a>
                     {%- endif %}
                     {%- if tool.registry.tess and tool.registry.tess != "NA" %}
-                    <a data-bs-toggle="tooltip" data-bs-original-title="TeSS" href="https://tess.elixir-europe.org/search?q={{tool.registry.tess}}"><span class="badge bg-dark text-white hover-primary"><i class="fa-solid fa-graduation-cap me-2"></i>Training</span></a>
+                    <a data-bs-toggle="tooltip" data-bs-original-title="TeSS" href='https://tess.elixir-europe.org/search?q="{{tool.registry.tess}}"'><span class="badge bg-dark text-white hover-primary"><i class="fa-solid fa-graduation-cap me-2"></i>Training</span></a>
                     {%- endif %}
                     {%- if tool.registry.europmc and tool.registry.europmc != "NA" %}
                     <a data-bs-toggle="tooltip" data-bs-original-title="EuroPMC" href="https://europepmc.org/article/MED/{{tool.registry.europmc}}"><span class="badge bg-dark text-white hover-primary"><i class="fa-solid fa-book me-2"></i>Publication</span></a>
@@ -137,7 +149,7 @@
 {%- endif %}
     <h3 class="{% if site.theme_variables.headings.resource-table-all-collapse %}mb-0 mt-3 flex-grow-1 text-dark {% endif %}">National resources</h3>
 {%- if site.theme_variables.headings.resource-table-all-collapse %}
-    <i class="fa-solid fa-chevron-down fs-5"></i>
+    <i class="fa-solid fa-chevron-right fs-5"></i>
 </a>
 <div class="collapse info-card" id="nat_tools_collapse">
 {%- endif %}
@@ -213,7 +225,7 @@
                     <a data-bs-toggle="tooltip" data-bs-original-title="FAIRsharing collection" href="https://fairsharing.org/{{tool.registry.fairsharing-coll}}"><span class="badge bg-dark text-white hover-primary"><i class="fa-solid fa-database me-2"></i>Standards/Databases</span></a>
                     {%- endif %}
                     {%- if tool.registry.tess and tool.registry.tess != "NA" %}
-                    <a data-bs-toggle="tooltip" data-bs-original-title="TeSS" href="https://tess.elixir-europe.org/search?q={{tool.registry.tess}}"><span class="badge bg-dark text-white hover-primary"><i class="fa-solid fa-graduation-cap me-2"></i>Training</span></a>
+                    <a data-bs-toggle="tooltip" data-bs-original-title="TeSS" href='https://tess.elixir-europe.org/search?q="{{tool.registry.tess}}"'><span class="badge bg-dark text-white hover-primary"><i class="fa-solid fa-graduation-cap me-2"></i>Training</span></a>
                     {%- endif %}
                     {%- if tool.registry.europmc and tool.registry.europmc != "NA" %}
                     <a data-bs-toggle="tooltip" data-bs-original-title="EuroPMC" href="https://europepmc.org/article/MED/{{tool.registry.europmc}}"><span class="badge bg-dark text-white hover-primary"><i class="fa-solid fa-book me-2"></i>Publication</span></a>

data/_includes/resource-table-page.html

@@ -68,7 +68,7 @@
                     <a data-bs-toggle="tooltip" data-bs-original-title="FAIRsharing collection" href="https://fairsharing.org/{{tool.registry.fairsharing-coll}}"><span class="badge bg-dark text-white hover-primary"><i class="fa-solid fa-database me-2"></i>Standards/Databases</span></a>
                     {%- endif %}
                     {%- if tool.registry.tess %}
-                    <a data-bs-toggle="tooltip" data-bs-original-title="TeSS" href="https://tess.elixir-europe.org/search?q={{tool.registry.tess}}"><span class="badge bg-dark text-white hover-primary"><i class="fa-solid fa-graduation-cap me-2"></i>Training</span></a>
+                    <a data-bs-toggle="tooltip" data-bs-original-title="TeSS" href='https://tess.elixir-europe.org/search?q="{{tool.registry.tess}}"'><span class="badge bg-dark text-white hover-primary"><i class="fa-solid fa-graduation-cap me-2"></i>Training</span></a>
                     {%- endif %}
                     {%- if tool.registry.europmc %}
                     <a data-bs-toggle="tooltip" data-bs-original-title="EuroPMC" href="https://europepmc.org/article/MED/{{tool.registry.europmc}}"><span class="badge bg-dark text-white hover-primary"><i class="fa-solid fa-book me-2"></i>Publication</span></a>
@@ -142,7 +142,7 @@
                     <a data-bs-toggle="tooltip" data-bs-original-title="FAIRsharing collection" href="https://fairsharing.org/{{tool.registry.fairsharing-coll}}"><span class="badge bg-dark text-white hover-primary"><i class="fa-solid fa-database me-2"></i>Standards/Databases</span></a>
                     {%- endif %}
                     {%- if tool.registry.tess %}
-                    <a data-bs-toggle="tooltip" data-bs-original-title="TeSS" href="https://tess.elixir-europe.org/search?q={{tool.registry.tess}}"><span class="badge bg-dark text-white hover-primary"><i class="fa-solid fa-graduation-cap me-2"></i>Training</span></a>
+                    <a data-bs-toggle="tooltip" data-bs-original-title="TeSS" href='https://tess.elixir-europe.org/search?q={{tool.registry.tess}}"'><span class="badge bg-dark text-white hover-primary"><i class="fa-solid fa-graduation-cap me-2"></i>Training</span></a>
                     {%- endif %}
                     {%- if tool.registry.europmc %}
                     <a data-bs-toggle="tooltip" data-bs-original-title="EuroPMC" href="https://europepmc.org/article/MED/{{tool.registry.europmc}}"><span class="badge bg-dark text-white hover-primary"><i class="fa-solid fa-book me-2"></i>Publication</span></a>

data/_includes/scroll-top.html

@@ -1,5 +1,5 @@
 {%- if site.theme_variables.back_to_top or site.theme_variables.back_to_top == nil %}
 <button id="back-to-top" class="btn btn-primary btn-sm rounded-pill" type="button" aria-hidden="true" onclick="topFunction()">
-    <i class="fa-solid fa-arrow-up"></i>
+    <i class="fa-solid fa-arrow-up"></i><span class="visually-hidden">Back to top button</span>
 </button>
 {%- endif %}

data/_includes/section-navigation-tiles.html

@@ -164,7 +164,7 @@
                 }
                 const cols = document.querySelectorAll(".navigation-tiles .col");
                 for (col of cols) {
-                    const colCategories = col.getAttribute("data-affiliations").split(" ");
+                    const colCategories = (col.getAttribute("data-affiliations") ?? "").split(" ");
                     if (colCategories.indexOf(this.value) != -1 || this.value === "reset") {
                         col.classList.remove("d-none");
                     } else {
@@ -181,7 +181,7 @@
                     document.getElementById("affiliations-input").selectedIndex = null;
                     const cols = document.querySelectorAll(".navigation-tiles .col");
                     for (col of cols) {
-                        const colCategories = col.getAttribute("data-affiliations").split(" ");
+                        const colCategories = (col.getAttribute("data-affiliations") ?? "").split(" ");
                         col.classList.remove("d-none");
                     }
                 }
@@ -198,13 +198,17 @@
         const input = document.getElementById("title-search");
         if (input) {
             const cols = document.querySelectorAll(".navigation-tiles .col");
-            let filter = input.value.toLowerCase();
+            const filter = input.value.toLowerCase();
+
             var affiliations = document.getElementById('affiliations-input');
             if (affiliations) {
                 document.getElementById("affiliations-input").selectedIndex = null;
             }
+
             for (let i = 0; i < cols.length; i++) {
-                let body = cols[i].querySelector(".card-body");
+                let body = cols[i].querySelector(".card-body") || cols[i].querySelector(".section-title");
+                if (!body) continue; // skip cols that don’t have searchable content
+
                 if (body.innerText.toLowerCase().indexOf(filter) > -1) {
                     cols[i].classList.remove("d-none");
                 } else {
@@ -212,7 +216,8 @@
                 }
             }
         }
-    }
+    };
+
     $(document).ready(function () {
         var clearsearch = document.getElementById("clearsearch");
         if (clearsearch) {