elixir-toolkit-theme 6.1.0 → 7.0.0

data/_includes/news.html

@@ -4,16 +4,19 @@
   {%- endif %}
   {%- assign news = site.data.news | sort: "date" %}
   {%- assign count = 0 %}
-  <ul class="list-unstyled mt-3">
+  <ul class="news-timeline list-unstyled my-3">
     {%- for new in news reversed%}
-    <li>
-      <span class="title mb-1">{{ new.name | escape }}</span>
-      <p class="text-muted"><i class="far fa-calendar me-2"></i><time>{{ new.date | date_to_long_string }}</time>{% if new.linked_pr %} - <i class="fa-solid fa-code-branch me-2"></i><a href="{{ site.github.repository_url | append: '/pull/' | append: new.linked_pr }}"><span>{{new.linked_pr }}</span></a>{% endif %}</p>
+    <li class="news-timeline-item">
+      <article class="news-timeline-content">
+      <h3 class="title mt-0 mb-2">{{ new.name | escape }}</h3>
+      <p class="news-timeline-date text-muted mb-3">
+        <span class="news-metadata-item"><i class="icon-calendar me-2" aria-hidden="true"></i><time>{{ new.date | date_to_long_string }}</time></span>{% if new.linked_pr %}<span class="metadata-separator" aria-hidden="true">&middot;</span><span class="news-metadata-item"><i class="icon-git-branch me-2" aria-hidden="true"></i><a href="{{ site.github.repository_url | append: '/pull/' | append: new.linked_pr }}"><span>PR #{{new.linked_pr }}</span></a></span>{% endif %}
+      </p>
       {%- if new.description %}
       {%- assign word_count = new.description | split: " " | size %}
       {%- if include.truncate == true and word_count > 40 %}
-      <p class="mb-0"><a data-bs-toggle="collapse" href="#collapse-{{count}}" role="button" aria-expanded="false" aria-controls="collapse-{{count}}">
-        View description
+      <p class="mb-0"><a class="description-toggle btn btn-sm d-inline-flex align-items-center gap-2" data-bs-toggle="collapse" href="#collapse-{{count}}" role="button" aria-expanded="false" aria-controls="collapse-{{count}}">
+        <i class="icon-chevron-right" aria-hidden="true"></i><span>View description</span>
       </a>
       </p>
       <div class="full-description collapse" id="collapse-{{count}}">
@@ -23,6 +26,7 @@
       {{ new.description | markdownify }}
       {%- endif %}
       {%- endif %}
+      </article>
     </li>
     {%- assign count = count | plus: 1 %}
     {%- if include.limit and count == include.limit %}

data/_includes/page-metadata-tabs.html

@@ -2,23 +2,25 @@
 {%- assign has_contributors = false -%}
 {%- assign has_coordinators = false -%}
 {%- assign has_editors = false -%}
-{%- assign has_affiliations = false -%}
+{%- assign has_supported_by = false -%}
 {%- assign has_citations = false -%}
+{%- assign supported_by = page.supported_by -%}
+{%- if supported_by == nil -%}{%- assign supported_by = page.affiliations -%}{%- endif -%}
 
 {%- 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 supported_by and supported_by.size > 0 -%}{%- assign has_supported_by = 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 %}
+{% if has_contributors or has_coordinators or has_editors or has_supported_by 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_supported_by -%}{%- assign first_tab = "supported-by" -%}{%- endif -%}{%- endunless -%}
 {%- unless first_tab -%}{%- if has_citations -%}{%- assign first_tab = "citations" -%}{%- endif -%}{%- endunless -%}
 
 <div class="page-metadata p-4 mt-5 rounded">
@@ -26,31 +28,31 @@
         <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>
+                <i class="icon-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>
+                <i class="icon-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>
+                <i class="icon-message-circle 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
+            {%- if has_supported_by %}
+            <button class="nav-link {% if first_tab == 'supported-by' %}active{% endif %}" id="credits-supported-by-tab" data-bs-toggle="tab" data-bs-target="#credits-supported-by" type="button" role="tab" aria-controls="credits-supported-by" aria-selected="{% if first_tab == 'supported-by' %}true{% else %}false{% endif %}">
+                <i class="icon-handshake me-2"></i>
+                Supported by
             </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>
+                <i class="icon-quote me-2"></i>
                 Citation
             </button>
             {%- endif %}
@@ -77,9 +79,11 @@
             </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 %}
+        {%- if has_supported_by %}
+        <div class="tab-pane {% if first_tab == 'supported-by' %}show active{% endif %}" id="credits-supported-by" role="tabpanel">
+            {%- assign supported_by_sort = site.theme_variables.page_metadata.supported_by_sort -%}
+            {%- if supported_by_sort == nil -%}{%- assign supported_by_sort = site.theme_variables.page_metadata.affiliations_sort -%}{%- endif -%}
+            {% include supported-by-tiles-page.html supported_by_list=supported_by sort=supported_by_sort %}
         </div>
         {%- endif %}
         {%- if has_citations %}

data/_includes/related-pages.html

@@ -16,24 +16,7 @@
     {%- assign page_hit = section_pages | where:"page_id", page_id | first %}
     {%- if page_hit %}
     <div class="col">
-        <div class="card h-100">
-            <div class="card-body d-flex flex-column">
-                <div class="d-flex align-items-center">
-                    {%- if page_hit.type_img %}
-                    <img src="{{page_hit.type_img | relative_url}}" class="type-icon me-2" alt="{{page_hit.type}} icon">
-                    {%- endif %}
-                    {%- if page_hit.type %}
-                    <span class=""><small>{{page_hit.type | replace: "_", " " }}</small></span>
-                    {%- endif %}
-                </div>
-                <a class="stretched-link section-title" aria-label="Go to the {{page_hit.title}} page" href="{{ page_hit.url | relative_url }}">
-                    <b>{{page_hit.title}}</b>
-                </a>
-                {%- if page_hit.description %}
-                <p class="card-text">{{ page_hit.description}}</p>
-                {%- endif %}
-            </div>
-        </div>
+        {% include navigation-tile-card.html tile_page=page_hit variant="related" %}
     </div>
     {%- endif %}
     {%- endfor %}

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-right fs-5"></i>
+    <i class="icon-chevron-right fs-5"></i>
 </a>
 <div class="collapse info-card" id="tools_collapse">
 {%- endif %}
@@ -41,7 +41,7 @@
                 <th>Tool or resource
                     {%- if include.tag %}
                     <a data-bs-toggle="tooltip" data-bs-original-title="This is a curated subset of (and not a comprehensive list of all) tools and resources on this topic - you'll typically find only the tools or resources referenced on this page.">
-                        <i class="fa-solid fa-info-circle"></i>
+                        <i class="icon-info"></i>
                     </a>
                     {%- endif %}
                 </th>
@@ -49,7 +49,7 @@
                 <th>Related pages</th>
                 <th>Registry {%- if include.tag -%}
                     <a data-bs-toggle="tooltip" data-bs-original-title="Links to related information in ELIXIR registries: related policies and standards in FAIRsharing, scientific and technical descriptions of the resource in bio.tools, and related training in TeSS.">
-                        <i class="fa-solid fa-info-circle"></i>
+                        <i class="icon-info"></i>
                     </a>{%- endif %}
                 </th>
             </tr>
@@ -71,7 +71,7 @@
                         <span class="d-inline-block" tabindex="0" data-bs-toggle="tooltip" title="This resource is an instance of {{linked_tool.name}}"><span class="badge text-primary border border-primary">{{linked_tool.name}}</span></span>
                         {%- endif %}
                         {%- 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>
+                        <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="icon-key-round"></i></span></span>
                         {%- endif %}
                         {%- if instances_tool > 0 %}
                         {%- assign dropdown_id = 'instances-dd-' | append: forloop.index0 %}
@@ -81,7 +81,7 @@
                                     id="{{ dropdown_id }}"
                                     data-bs-toggle="dropdown"
                                     aria-expanded="false">
-                            <i class="fa-solid fa-globe me-2"></i>Instances
+                            <i class="icon-globe me-2"></i>Instances
                             </button>
                             <ul class="dropdown-menu" aria-labelledby="{{ dropdown_id }}">
                             {%- for inst in tool.instances %}
@@ -89,7 +89,7 @@
                                     <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>
+                                            <span class="fi ms-2 shadow-sm fi-{{ inst.country_code | downcase }}"></span>
                                         {%- endif %}
                                     </a>
                                 </li>
@@ -111,19 +111,16 @@
                 <td>{{related_pages}}</td>
                 <td>
                     {%- if tool.registry.biotools and tool.registry.biotools != "NA" %}
-                    <a data-bs-toggle="tooltip" data-bs-original-title="Bio.tools" href="https://bio.tools/{{tool.registry.biotools}}"><span class="badge bg-dark text-white hover-primary"><i class="fa-solid fa-info me-2"></i>Tool info</span></a>
+                    <a data-bs-toggle="tooltip" data-bs-original-title="Bio.tools" href="https://bio.tools/{{tool.registry.biotools}}"><span class="badge bg-dark text-white hover-primary"><i class="icon-info me-2"></i>Tool info</span></a>
                     {%- endif %}
                     {%- if tool.registry.fairsharing and tool.registry.fairsharing != "NA" %}
-                    <a data-bs-toggle="tooltip" data-bs-original-title="FAIRsharing" href="https://fairsharing.org/FAIRsharing.{{tool.registry.fairsharing}}"><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.fairsharing-coll and tool.registry.fairsharing-coll != "NA" %}
-                    <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>
+                    <a data-bs-toggle="tooltip" data-bs-original-title="FAIRsharing" href="https://fairsharing.org/FAIRsharing.{{tool.registry.fairsharing}}"><span class="badge bg-dark text-white hover-primary"><i class="icon-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="icon-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>
+                    <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="icon-book-open me-2"></i>Publication</span></a>
                     {%- endif %}
                 </td>
             </tr>
@@ -149,7 +146,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-right fs-5"></i>
+    <i class="icon-chevron-right fs-5"></i>
 </a>
 <div class="collapse info-card" id="nat_tools_collapse">
 {%- endif %}
@@ -164,7 +161,7 @@
                 <th>Related pages</th>
                 <th>Registry
                     <a data-bs-toggle="tooltip" data-bs-original-title="Links to related information in ELIXIR registries: related policies and standards in FAIRsharing, scientific and technical descriptions of the resource in bio.tools, and related training in TeSS.">
-                        <i class="fa-solid fa-info-circle"></i>
+                        <i class="icon-info"></i>
                     </a>
                 </th>
             </tr>
@@ -180,9 +177,9 @@
             {%- for tool in tool_matches %}
             <tr>
                 {% if tool.url %}
-                <td><a href="{{tool.url}}">{{tool.name}}</a><a href="{{country_page.url | relative_url }}" data-bs-toggle="tooltip" title="{{country_page.title}}"><span class="flag-icon ms-2 shadow-sm flag-icon-{{country_page.country_code | downcase }}"></span></a></td>
+                <td><a href="{{tool.url}}">{{tool.name}}</a><a href="{{country_page.url | relative_url }}" data-bs-toggle="tooltip" title="{{country_page.title}}"><span class="fi ms-2 shadow-sm fi-{{country_page.country_code | downcase }}"></span></a></td>
                 {%- else %}
-                <td>{{tool.name}}<a href="{{country_page.url}}"><span class="flag-icon ms-2 shadow-sm flag-icon-{{country_page.country_code | downcase }}"></span></a></td>
+                <td>{{tool.name}}<a href="{{country_page.url}}"><span class="fi ms-2 shadow-sm fi-{{country_page.country_code | downcase }}"></span></a></td>
                 {%- endif %}
                 <td>{{tool.description | markdownify }}
                     {%- if tool.instance_of or tool.how_to_access %}
@@ -192,7 +189,7 @@
                         <span class="d-inline-block" tabindex="0" data-bs-toggle="tooltip" title="This resource is an instance of {{linked_tool.name}}"><span class="badge text-primary border border-primary">{{linked_tool.name}}</span></span>
                         {%- endif %}
                         {%- 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>
+                        <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="icon-key-round"></i></span></span>
                         {%- endif %}
                     </div>
                     {%- endif %}
@@ -216,19 +213,16 @@
                 {%- endif %}
                 <td>
                     {%- if tool.registry.biotools and tool.registry.biotools != "NA" %}
-                    <a data-bs-toggle="tooltip" data-bs-original-title="Bio.tools" href="https://bio.tools/{{tool.registry.biotools}}"><span class="badge bg-dark text-white hover-primary"><i class="fa-solid fa-info me-2"></i>Tool info</span></a>
+                    <a data-bs-toggle="tooltip" data-bs-original-title="Bio.tools" href="https://bio.tools/{{tool.registry.biotools}}"><span class="badge bg-dark text-white hover-primary"><i class="icon-info me-2"></i>Tool info</span></a>
                     {%- endif %}
                     {%- if tool.registry.fairsharing and tool.registry.fairsharing != "NA" %}
-                    <a data-bs-toggle="tooltip" data-bs-original-title="FAIRsharing" href="https://fairsharing.org/FAIRsharing.{{tool.registry.fairsharing}}"><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.fairsharing-coll and tool.registry.fairsharing-coll != "NA" %}
-                    <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>
+                    <a data-bs-toggle="tooltip" data-bs-original-title="FAIRsharing" href="https://fairsharing.org/FAIRsharing.{{tool.registry.fairsharing}}"><span class="badge bg-dark text-white hover-primary"><i class="icon-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="icon-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>
+                    <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="icon-book-open me-2"></i>Publication</span></a>
                     {%- endif %}
                 </td>
             </tr>

data/_includes/resource-table-page.html

@@ -13,7 +13,7 @@
                 <th>Related pages</th>
                 <th>Registry
                     <a data-bs-toggle="tooltip" data-bs-original-title="Links to related information in ELIXIR registries: related policies and standards in FAIRsharing, scientific and technical descriptions of the resource in bio.tools, and related training in TeSS.">
-                        <i class="fa-solid fa-info-circle"></i>
+                        <i class="icon-info"></i>
                     </a>
                 </th>
             </tr>
@@ -35,7 +35,7 @@
                         <span class="d-inline-block" tabindex="0" data-bs-toggle="tooltip" title="This resource is an instance of {{linked_tool.name}}"><span class="badge text-primary border border-primary">{{linked_tool.name}}</span></span>
                         {%- endif %}
                         {%- 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>
+                        <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="icon-key-round"></i></span></span>
                         {%- endif %}
                     </div>
                     {%- endif %}
@@ -59,19 +59,16 @@
                 {%- endif %}
                 <td>
                     {%- if tool.registry.biotools %}
-                    <a data-bs-toggle="tooltip" data-bs-original-title="Bio.tools" href="https://bio.tools/{{tool.registry.biotools}}"><span class="badge bg-dark text-white hover-primary"><i class="fa-solid fa-info me-2"></i>Tool info</span></a>
+                    <a data-bs-toggle="tooltip" data-bs-original-title="Bio.tools" href="https://bio.tools/{{tool.registry.biotools}}"><span class="badge bg-dark text-white hover-primary"><i class="icon-info me-2"></i>Tool info</span></a>
                     {%- endif %}
                     {%- if tool.registry.fairsharing %}
-                    <a data-bs-toggle="tooltip" data-bs-original-title="FAIRsharing" href="https://fairsharing.org/FAIRsharing.{{tool.registry.fairsharing}}"><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.fairsharing-coll %}
-                    <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>
+                    <a data-bs-toggle="tooltip" data-bs-original-title="FAIRsharing" href="https://fairsharing.org/FAIRsharing.{{tool.registry.fairsharing}}"><span class="badge bg-dark text-white hover-primary"><i class="icon-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="icon-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>
+                    <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="icon-book-open me-2"></i>Publication</span></a>
                     {%- endif %}
                 </td>
             </tr>
@@ -95,7 +92,7 @@
                 <th>Related pages</th>
                 <th>Registry
                     <a data-bs-toggle="tooltip" data-bs-original-title="Links to related information in ELIXIR registries: related policies and standards in FAIRsharing, scientific and technical descriptions of the resource in bio.tools, and related training in TeSS.">
-                        <i class="fa-solid fa-info-circle"></i>
+                        <i class="icon-info"></i>
                     </a>
                 </th>
             </tr>
@@ -117,7 +114,7 @@
                         {%- if linked_tool %}
                         <span class="d-inline-block" tabindex="0" data-bs-toggle="tooltip" title="This resource is an instance of {{linked_tool.name}}"><span class="badge text-primary border border-primary">{{linked_tool.name}}</span></span>
                         {%- endif %}                        {%- 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>
+                        <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="icon-key-round"></i></span></span>
                         {%- endif %}
                     </div>
                     {%- endif %}
@@ -133,19 +130,16 @@
                 <td>{{related_pages}}</td>
                 <td>
                     {%- if tool.registry.biotools %}
-                    <a data-bs-toggle="tooltip" data-bs-original-title="Bio.tools" href="https://bio.tools/{{tool.registry.biotools}}"><span class="badge bg-dark text-white hover-primary"><i class="fa-solid fa-info me-2"></i>Tool info</span></a>
+                    <a data-bs-toggle="tooltip" data-bs-original-title="Bio.tools" href="https://bio.tools/{{tool.registry.biotools}}"><span class="badge bg-dark text-white hover-primary"><i class="icon-info me-2"></i>Tool info</span></a>
                     {%- endif %}
                     {%- if tool.registry.fairsharing %}
-                    <a data-bs-toggle="tooltip" data-bs-original-title="FAIRsharing" href="https://fairsharing.org/FAIRsharing.{{tool.registry.fairsharing}}"><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.fairsharing-coll %}
-                    <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>
+                    <a data-bs-toggle="tooltip" data-bs-original-title="FAIRsharing" href="https://fairsharing.org/FAIRsharing.{{tool.registry.fairsharing}}"><span class="badge bg-dark text-white hover-primary"><i class="icon-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="icon-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>
+                    <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="icon-book-open me-2"></i>Publication</span></a>
                     {%- endif %}
                 </td>
             </tr>

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><span class="visually-hidden">Back to top button</span>
+    <i class="icon-arrow-up"></i><span class="visually-hidden">Back to top button</span>
 </button>
 {%- endif %}

data/_includes/section-navigation-tiles-simple.html

@@ -1,11 +1,34 @@
 {%- assign allcountries = site.data.countries %}
 {%- assign except = include.except | split: ", " %}
+{%- if include.custom %}
+{%- assign section_pages = include.custom | split: ", " %}
+{%- unless include.sort == false %}
+{%- assign section_pages = section_pages | sort_natural %}
+{%- endunless %}
+{%- elsif include.type %}
+{%- assign section_pages = site.pages | where:"type", include.type %}
+{%- else %}
+{%- assign section_pages = site.pages %}
+{%- endif %}
+{%- unless include.sort == false or include.custom %}
+{%- assign section_pages = section_pages | sort_natural: "title" %}
+{%- endunless %}
 <div class="row row-cols-1 row-cols-md-2 row-cols-lg-{{ include.col | default: 2 }} gy-4 navigation-tiles">
-    {%- for current_page in site.pages | sorted %}
-    {%- if current_page.title and current_page.search_exclude != true and current_page.type == include.type %}
+    {%- for section_page in section_pages %}
+    {%- if include.custom %}
+    {%- assign current_page = site.pages | where:"page_id", section_page | first %}
+    {%- else %}
+    {%- assign current_page = section_page %}
+    {%- endif %}
+    {%- if current_page.title and current_page.search_exclude != true %}
     {%- unless except contains current_page.name %}
     <div class="col d-grid">
-        <a role="button" class="btn py-4 fs-3 section-title" href="{{ current_page.url | relative_url }}">{{current_page.title}}{% if current_page.country_code %}<span class="flag-icon shadow-sm ms-3 flag-icon-{{current_page.country_code | downcase }}"></span>{% endif %}</a>
+        <a role="button" class="btn p-4 fs-4 section-title navigation-tile-simple-link d-flex align-items-center justify-content-between gap-3 text-start lh-sm h-100" href="{{ current_page.url | relative_url }}">
+            <span class="flex-grow-1">{{current_page.title}}{% if current_page.country_code %}<span class="fi shadow-sm ms-2 align-middle fi-{{current_page.country_code | downcase }}"></span>{% endif %}</span>
+            <span class="navigation-tile-arrow flex-shrink-0" aria-hidden="true">
+                <i class="icon-arrow-right"></i>
+            </span>
+        </a>
     </div>
     {% endunless %}
     {%- endif %}