elixir-toolkit-theme 3.1.1 → 4.0.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 835542e6c518dcc697a20243eb8c8303a8fa1d98b5117ce937bfe958cc51ac0e
-  data.tar.gz: 52b5a026310216076d6cf9785ff0b1ca2a4fac57c4237ca872671d129924c776
+  metadata.gz: a07e1cb623cc5fb4841e057ef9883239b178a68e3f136c0bddc2859ce8bef101
+  data.tar.gz: 7d0c44d9b271d3ebefd6910576338490ec30dfa752b2343b10c2bccc3f19eba8
 SHA512:
-  metadata.gz: '094092b18afb88f57338879cf1bd51de9c213bc4510fbecc60da757496d5e819cff6dd78874c5f575f7c7992cfd13c08a34ad345f96736855c17c7872a473572'
-  data.tar.gz: 8ed3aecd937f496cf845edea7085541ee5debe33204c1a8acbda42177295131e49e830eb7b0560005ec0ac87d6d7da78d472a863acd80068c6cc96b125744204
+  metadata.gz: f5edebe68e889102d4e0e1dbbd2002067e957d9747ad0b4549f93d8414baa7a332c257130ac9b95e9b88a849f5209e21e3654af071467e7d9a26ca4731a81d2b
+  data.tar.gz: 51a9028a3e61ace267ef51620dfde4bedaf0e499dc0b239e0a8da0a023265128b9d4aa00ecc60551a9f2e6548cddcee12421ffdd17994371f9afba94ca1e66b0

data/README.md

@@ -37,7 +37,7 @@ remote_theme: ELIXIR-Belgium/elixir-toolkit-theme
 You can lock it onto a specific version using:
 
 ```yaml
-remote_theme: ELIXIR-Belgium/elixir-toolkit-theme@3.0.1
+remote_theme: ELIXIR-Belgium/elixir-toolkit-theme@4.0.0
 ```
 
 ### Using Ruby Gems (alternative)
@@ -50,7 +50,7 @@ gem "elixir-toolkit-theme"
 You can lock it onto a specific version like this:
 
 ```ruby
-gem "elixir-toolkit-theme", "~> 3.0.1"
+gem "elixir-toolkit-theme", "~> 4.0.0"
 ```
 
 And add this line to your Jekyll site's `_config.yml`:
@@ -149,16 +149,25 @@ This will start the docker container and serve the website locally. Make sure th
 
 ## This theme is known to be used in
 
-- [RDMkit](https://rdmkit.elixir-europe.org/)
-- [WorkflowHub project](https://about.workflowhub.eu/)
-- [RDM Guide](https://rdm.elixir-belgium.org/)
-- [Infectious Diseases Toolkit](https://www.infectious-diseases-toolkit.org/)
-- [Applied Bioinformatics and Biostatistics intranet page](https://intranet.psb.ugent.be/abb/)
-- [FAIRDOM](https://fair-dom.org/)
-- [Australian BioCommons How-to-Guides](https://australianbiocommons.github.io/how-to-guides/)
-- [Norwegian Life Science RDM LookUp](https://elixir.no/rdm-lookup)
-- [ERIM Research Toolbox](https://eur-nl.github.io/erim-research-toolbox/)
-
+- [RDMkit](https://rdmkit.elixir-europe.org/) (CONVERGE)
+- [WorkflowHub](https://about.workflowhub.eu/) (EOSC-life project)
+- [RO-crate](https://www.researchobject.org/ro-crate-2024) (EOSC)
+- [Infectious Diseases Toolkit](https://www.infectious-diseases-toolkit.org/) (BY-COVID)
+- [FAIRDOM](https://fair-dom.org/) (FAIRDOM community)
+- [ABB intranet page at PSB](https://intranet.psb.ugent.be/abb/) (VIB department)
+- [How-to-Guides](https://australianbiocommons.github.io/how-to-guides/) (Australian BioCommons)
+- [SPLASH](https://elixir-europe-training.github.io/ELIXIR-Training-SPLASH/) (ELIXIR Training platform)
+- [1+MG Framework](https://framework.onemilliongenomes.eu/) (GDI)
+- [Human 'Omics Data Sharing Field Guide](https://australianbiocommons.github.io/human-omics-data-sharing-field-guide/) (Australian BioCommons)
+- [ERIM RDM Toolbox](https://eur-nl.github.io/erim-research-toolbox/) (ERIM NL)
+- [ABLeS](https://australianbiocommons.github.io/ables) (Australian BioCommons)
+- [TRE-FX](https://trefx.uk/) (DARE UK, HDR UK)
+- [Norwegian Life Science RDM LookUp](https://elixir.no/rdm-lookup/) (ELIXIR Norway)
+- [RSQkit: Research Software Quality kit](https://everse.software/RSQKit/) (EOSC-EVERSE)
+- [dHMp norge](https://dhp-stottepakke.github.io/pages/) (ELIXIR Norway)
+- [Learning-Library](https://patcapon39.github.io/Learning-Library/) (Australian BioCommons)
+- [ELIXIR-IT Training Platform](https://elixir-iib-training.github.io/site/training_courses) (ELIXIR IT)
+- Want your instance here? [Open an issue](https://github.com/ELIXIR-Belgium/elixir-toolkit-theme/issues)
 
 ## Dependencies
 

data/_includes/contributor-carousel-selection.html

@@ -1,4 +1,5 @@
 {%- assign contributors = site.data.CONTRIBUTORS %}
+{%- assign allcontrstr = nil %}
 {%- assign nr = include.col | default: 5 %}
 {%- if include.custom %}
 {%- assign allcontrstr = include.custom %}
@@ -6,11 +7,11 @@
 {%- assign rolefilter =  include.role | downcase %}
 {%- for contr in contributors %}
 {%- assign contrrole = contr[1]['role'] | downcase %}
-{%- if include.role == contrrole %}
+{%- if rolefilter == contrrole %}
 {%- if allcontrstr %}
 {%- assign allcontrstr = allcontrstr | append: ", " | append: contr[0] %}
 {%- else %}
-{%- assign allcontrstr = allcontrstr | append: contr[0] %}
+{%- assign allcontrstr = contr[0] %}
 {%- endif %}
 {%- endif %}
 {%- endfor %}
@@ -21,7 +22,7 @@
 {%- if allcontrstr %}
 {%- assign allcontrstr = allcontrstr | append: ", " | append: pagecontr %}
 {%- else %}
-{%- assign allcontrstr = allcontrstr | append: pagecontr %}
+{%- assign allcontrstr = pagecontr %}
 {%- endif %}
 {%- endif %}
 {%- endfor %}
@@ -29,7 +30,7 @@
 {%- if allcontrstr %}
 {%- assign allcontrstr = allcontrstr | append: ", " | append: contr[0] %}
 {%- else %}
-{%- assign allcontrstr = allcontrstr | append: contr[0] %}
+{%- assign allcontrstr = contr[0] %}
 {%- endif %}
 {%- endfor %}
 {%- endif %}
@@ -37,89 +38,87 @@
 {%- unless include.sort == false %}
 {%- assign allcontributors = allcontributors | sort %}
 {%- endunless %}
+{%- unless allcontributors.size == 0 %}
 <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-{{nr}} contributor-cards g-1 g-xl-4 ">
-            {%- endif %}
-            <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 }});">
+        {%- assign counter = 0 %}
+        {%- for contributor in allcontributors %}
+        {%- if modulo == '0' or counter == 0 %}
+        <div class="carousel-item {% if counter == 0 %}active{% endif %}">
+            <div class="row row-cols-{{nr}} contributor-cards g-1 g-xl-4 ">
+        {%- endif %}
+                <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>
-                        </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>
+                            {%- 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>
-                        </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 }}</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-1 gap-md-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>
+                            {%- 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 gap-1 gap-md-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>
-                    {%- endif %}
                 </div>
+        {%- assign counter = counter | plus:1 %}
+        {%- capture modulo %}{{ counter | modulo:nr }}{% endcapture %}
+        {%- if forloop.last or modulo == '0' and counter != 0  %}
             </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>
+        <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>
+{%- endunless %}

data/_includes/contributor-tiles-all.html

@@ -1,4 +1,5 @@
 {%- assign contributors = site.data.CONTRIBUTORS %}
+{%- assign allcontrstr = nil %}
 {%- assign nr = include.col | default: 5 %}
 {%- if include.custom %}
 {%- assign allcontrstr = include.custom %}
@@ -6,11 +7,11 @@
 {%- assign rolefilter =  include.role | downcase %}
 {%- for contr in contributors %}
 {%- assign contrrole = contr[1]['role'] | downcase %}
-{%- if include.role == contrrole %}
+{%- if rolefilter == contrrole %}
 {%- if allcontrstr %}
 {%- assign allcontrstr = allcontrstr | append: ", " | append: contr[0] %}
 {%- else %}
-{%- assign allcontrstr = allcontrstr | append: contr[0] %}
+{%- assign allcontrstr = contr[0] %}
 {%- endif %}
 {%- endif %}
 {%- endfor %}
@@ -21,7 +22,7 @@
 {%- if allcontrstr %}
 {%- assign allcontrstr = allcontrstr | append: ", " | append: pagecontr %}
 {%- else %}
-{%- assign allcontrstr = allcontrstr | append: pagecontr %}
+{%- assign allcontrstr = pagecontr %}
 {%- endif %}
 {%- endif %}
 {%- endfor %}
@@ -29,7 +30,7 @@
 {%- if allcontrstr %}
 {%- assign allcontrstr = allcontrstr | append: ", " | append: contr[0] %}
 {%- else %}
-{%- assign allcontrstr = allcontrstr | append: contr[0] %}
+{%- assign allcontrstr = contr[0] %}
 {%- endif %}
 {%- endfor %}
 {%- endif %}
@@ -37,6 +38,7 @@
 {%- unless include.sort == false %}
 {%- 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="col">
@@ -98,3 +100,4 @@
   </div>
   {%- endfor %}
 </div>
+{%- endunless %}

data/_includes/footer.html

@@ -1,30 +1,32 @@
 <footer id="footer">
-    <div class="container py-1 py-4">
+    <div class="container py-4 g-lg-5">
         <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 class="col-6 col-lg-{{column.width}} d-flex justify-content-lg-{% if forloop.first == true %}start{% elsif forloop.last == true %}end{% else %}center{% endif %}">
+                <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">
-                {%- if column.title != nil %}
-                <span class="footer-title">{{column.title}}</span>
-                {%- endif %}
-                <ul class="mb-0 list-unstyled">
-                    {%- 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>
+            <div class="col-6 col-lg-{{column.width}} d-flex justify-content-lg-{% if forloop.first == true %}start{% elsif forloop.last == true %}end{% else %}center{% endif %}">
+                <div>
+                    {%- if column.title != nil %}
+                    <span class="footer-title">{{column.title}}</span>
                     {%- endif %}
-                    {%- endfor %}
-                </ul>
+                    <ul class="mb-0 list-unstyled">
+                        {%- 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>
             </div>
             {%- elsif column.type == "text" %}
-            <div class="col-lg-{{column.width}} col-sm-6 d-flex justify-content-center">
+            <div class="col-6 col-lg-{{column.width}} d-flex justify-content-lg-{% if forloop.first == true %}start{% elsif forloop.last == true %}end{% else %}center{% endif %}">
                 {{column.content | markdownify }}
             </div>
             {%- endif %}
@@ -38,13 +40,13 @@
         </div>
         {%- endunless %}
     </div>
-    <div class="copyright p-4">
-        <div class="container d-flex justify-content-between flex-column flex-lg-row">
+    <div class="copyright py-4">
+        <div class="container g-lg-5 d-flex justify-content-between flex-column flex-lg-row">
             {%- unless site.data.footer.copyright == nil %}
             <div class="d-flex align-items-center mb-3 mb-lg-0 mx-auto mx-lg-0 text-center">{{ site.data.footer.copyright | markdownify }}</div>
             {%- endunless %}
             <div class="d-flex align-items-center mx-auto ms-lg-4 me-lg-0">
-                <a id="ett-logo" class="text-nowrap me-lg-5 me-xxxl-0" href="https://elixir-belgium.github.io/elixir-toolkit-theme">Built with
+                <a id="ett-logo" class="text-nowrap me-lg-5 me-xxlg-0" href="https://elixir-belgium.github.io/elixir-toolkit-theme">Built with
                     <svg data-name="ETT logo" xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 77.2 77.12">
                         <defs>
                             <style>

data/_includes/head.html

@@ -52,9 +52,9 @@
     <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>
-    {% unless page.toc == false %}<script src="{{ 'assets/js/toc.js' | relative_url }}"></script>{% endunless %}
+    {% 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 }}"></script>
+    <script src="{{ 'assets/js/main.js' | relative_url }}?{{site.time | date: '%s'}}"></script>
     <script src="{{ 'assets/js/search.js' | relative_url }}"></script>
     <script src="{{ 'assets/js/clipboard.min.js' | relative_url }}"></script>
     {%- if page.datatable == true %}
@@ -62,6 +62,13 @@
     <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>
+    {%- if site.theme_variables.datatables.searchbuilder %}
+    <link rel="stylesheet" type="text/css" href="{{ 'assets/css/dataTables.dateTime.min.css' | relative_url }}">
+    <link rel="stylesheet" type="text/css" href="{{ 'assets/css/searchBuilder.bootstrap5.min.css' | relative_url }}">
+    <script type="text/javascript" charset="utf8" src="{{ 'assets/js/dataTables.searchBuilder.min.js' | relative_url }}"></script>
+    <script type="text/javascript" charset="utf8" src="{{ 'assets/js/dataTables.dateTime.min.js' | relative_url }}"></script>
+    <script type="text/javascript" charset="utf8" src="{{ 'assets/js/searchBuilder.bootstrap5.min.js' | relative_url }}"></script>
+    {%- endif %}
     <script type="text/javascript">
         $(document).ready(function () {
             $('table.display').each(function() {
@@ -69,19 +76,25 @@
                     lengthMenu: [[10, 25, 50, 100, -1], [10, 25, 50, 100, "All"]],
                     stateSave: true,
                     searching: true,
+                    {%- if site.theme_variables.datatables.searchbuilder %}
+                    layout: {
+                        top1Start: 'searchBuilder'
+                    },
+                    {%- endif %}
                     info: true,
                     pageLength: 10,
                     language: {
                         searchPlaceholder: "Type here..."
                     },
-                    "fnDrawCallback": function ( oSettings ){
-                        var tableId = oSettings.nTable.id;
-                        if(oSettings.fnRecordsTotal() < 10){     
-                            $('#'+tableId+'_length').hide();
-                            $('#'+tableId+'_paginate').hide();
-                            $('#'+tableId+'_filter').hide();
-                            $('#'+tableId+'_info').hide();
+                    "drawCallback": function ( settings ){
+                        var tableId = settings.nTable.id;
+                        if(settings.fnRecordsTotal() < 10){     
+                            $('#'+tableId+'_wrapper .dt-length').hide();
+                            $('#'+tableId+'_wrapper .dt-paging').hide();
+                            $('#'+tableId+'_wrapper .dt-search').hide();
+                            $('#'+tableId+'_wrapper .dt-info').hide();
                         }
+                        $('.dt-layout-table .dt-layout-full').addClass('table-responsive');
                     }
                 });
             })

data/_includes/pageids-overview.html

@@ -1,7 +1,7 @@
 {%- assign sidebar = site.data.sidebars[include.sidebar]['subitems'] -%}
 {%- for sections in sidebar %}
 {%- assign section = sections.title | downcase | replace: " ", "_" %}
-{%- assign section_pages = site.pages | where:"type", section %}
+{%- assign section_pages = site.pages | where:"type", section | where_exp: "item", "item.search_exclude != true" | where_exp: "item", "item.page_id != nil"   %}
 {%- unless section_pages.size == 0 %}
 <h2>{{sections.title}}</h2>
 <div class="table-responsive">
@@ -16,14 +16,12 @@
         </thead>
         <tbody>
             {%- for section_page in section_pages %}
-            {%- if section_page.page_id and section_page.search_exclude != true %}
             <tr>
                 <td><a href="{{ section_page.url | relative_url }}">{{section_page.title}}</a></td>
                 <td>{{section_page.page_id}}</td>
                 <td>{{section_page.description | default: "no description"}}</td>
                 <td>{{section_page.url}}</td>
             </tr>
-            {%- endif %}
             {%- endfor %}
         </tbody>
     </table>

data/_includes/scroll-top.html

@@ -0,0 +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>
+</button>
+{%- endif %}

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

@@ -1,6 +1,6 @@
 {%- assign allcountries = site.data.countries %}
 {%- assign except = include.except | split: ", " %}
-<div class="row row-cols-1 row-cols-md-2 row-cols-lg-{{ include.col | default: 2 }} gy-2 gx-4 my-4 navigation-tiles">
+<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 %}
     {%- unless except contains current_page.name %}

data/_includes/section-navigation-tiles.html

@@ -36,8 +36,8 @@
     {%- if include.search == true %}
     <div class="col">
         <div class="input-group">
-            <span class="input-group-text" id="search-label">Search</span>
-            <input type="text" id="title-search" class="form-control" onkeyup="StartSearch();" placeholder="Type here..." aria-label="{{page.type | replace: '_', ' ' |}}" aria-describedby="search-label">
+            <span class="input-group-text" id="search-label-tiles"><i class="fa-solid fa-magnifying-glass"></i></span>
+            <input type="text" id="title-search" class="form-control" onkeyup="StartSearch();" placeholder="Find your page..." aria-label="{{page.type | replace: '_', ' ' |}}" aria-describedby="search-label-tiles">
             <button class="btn btn-primary" title="Button to clear search" type="button" id="clearsearch">
                 <i class="fa-solid fa-backspace"></i>
             </button>
@@ -81,6 +81,9 @@
     {%- endif %}
     <div class="col" data-affiliations="{{affiliations_classes}}">
         <div class="card h-100">
+            {%- if current_page.page_img %}
+            <div class="d-flex">
+            {%- endif %}
             <div class="card-body d-flex flex-column">
                 <div class="d-flex align-items-center">
                     {%- if current_page.type_img %}
@@ -99,7 +102,7 @@
                 {%- if current_page.affiliations %}
                 {%- assign alllogos = site.data.affiliations %}
                 {%- assign allcountries = site.data.countries %}
-                <div class="d-flex align-items-center gap-2">
+                <div class="d-flex align-items-center flex-wrap gap-2">
                     <span><b><small>Affiliations:</small></b></span>
                     {%- for affiliation in current_page.affiliations %}
                     {%- assign filter_affiliation = alllogos | where: "name", affiliation | first %}
@@ -129,6 +132,13 @@
                 </div>
                 {%- endif %}
             </div>
+            {%- if current_page.page_img %}
+            {%- capture file_url -%}
+            {{ "/images/" | append: current_page.page_img | relative_url }}
+            {%- endcapture -%}
+                <img alt="logo of {{current_page.title}}" src="{{ file_url }}" class="page-img-sm pt-3 pe-3" />   
+            </div>
+            {%- endif %}
         </div>
     </div>
     {% endunless %}
@@ -137,6 +147,7 @@
 </div>
 
 
+{%- if include.affiliations == true or include.search == true %}
 <script type="text/javascript">
     /** 
      * Filter cards by affiliation
@@ -218,3 +229,4 @@
     });
 
 </script>
+{%- endif %}

data/_includes/toc.html

@@ -1,9 +1,52 @@
+
+{%- if page.page_img %}
+<div id="page-img" class="d-flex flex-column">
+{%- capture file_url -%}
+{{ "/images/" | append: page.page_img | relative_url }}
+{%- endcapture -%}
+<div class="mb-4"><img src="{{ file_url }}" alt="Page image" class="page-img-lg"/></div>
+{% endif %}
+{%- if page.page_img %}
+</div>
+{% endif %}
+{%- if page.toc or page.toc == nil %}
 <script>
   $(document).ready(function () {
-    $('#toc-contents').toc({ minimumHeaders: {{site.theme_variables.toc.min_headings | default: 2 }}, listType: 'ul', classes: { list: 'list-unstyled' }, noBackToTopLinks: true, showSpeed: 0, headers: '{{site.theme_variables.toc.headings | default: 'main h2' }}' , title: '<strong class="my-2">On this page</strong><hr class="my-2">' });
+    // Ensure that the TOC is generated after the document is fully loaded
+    $('#toc-contents').toc({
+      minimumHeaders: {{ site.theme_variables.toc.min_headings | default: 1 }},
+      listType: 'ul',
+      classes: { list: 'list-unstyled mb-4' },
+      showSpeed: 0,
+      headers: '{{site.theme_variables.toc.headings | default: "main h2" }}',
+      title: '<strong class="my-2">On this page</strong><hr class="my-2">' 
+    });
+    // After generating the TOC, check the hash in the URL and scroll to the anchor if present
+    if (window.location.hash) {
+      var target = $(window.location.hash);
+      if (target.length) {
+        $('html, body').animate({
+          scrollTop: target.offset().top
+        }, 0);
+      }
+    }
+    // Allow the browser to handle the scrolling to the anchor
+    $('#toc-contents a').on('click', function (e) {
+      e.preventDefault(); // Prevent the default link click behavior
+
+      var target = this.hash; // Get the hash (e.g., #heading-id)
+      var $target = $(target); // Find the element with the corresponding ID
+
+      if ($target.length) {
+        // Change the URL hash
+        window.location.hash = target;
+      }
+    });
+
   });
 </script>
-<button id="btn-toc-hide" class="btn bg-light d-xl-none hover-primary mb-3" type="button" data-bs-toggle="collapse" data-bs-target="#toc-contents" aria-expanded="true" aria-controls="toc-contents">
+<button id="btn-toc-hide" class="btn bg-light me-auto d-xl-none hover-primary mb-3" type="button" data-bs-toggle="collapse" data-bs-target="#toc-contents" aria-expanded="true" aria-controls="toc-contents">
   <i class="fa-solid fa-up-right-and-down-left-from-center me-2"></i>On this page
 </button>
 <nav id="toc-contents" class="collapse" aria-label="Table of contents"></nav>
+{% endif %}

data/_includes/topnav.html

@@ -3,8 +3,8 @@
     <a class="visually-hidden-focusable" href='#main'>Skip to content</a>
     <a class="visually-hidden-focusable" href='#footer'>Skip to footer</a>
     <nav class="navbar navbar-{{ site.theme_variables.topnav.theme | default: 'light' }} navbar-expand-lg mb-3 mb-lg-5">
-        <div class="container">
-            <a class="navbar-brand overflow-x-auto" href="{{ '/' | relative_url }}"><img class="{% if site.topnav_title %}me-3 {% endif %}img-fluid" alt="{{site.title}} logo" src="{{ site.theme_variables.topnav.brand_logo | default: 'assets/img/main_logo.svg' | relative_url }}">{% if site.topnav_title %}<span class="me-0 me-lg-3">{{site.topnav_title}}</span>{% endif %}</a>
+        <div class="container g-lg-5">
+            <a class="navbar-brand flex-grow-1 overflow-x-auto" href="{{ '/' | relative_url }}"><img class="{% if site.topnav_title %}me-3 {% endif %}img-fluid" alt="{{site.title}} logo" src="{{ site.theme_variables.topnav.brand_logo | default: 'assets/img/main_logo.svg' | relative_url }}">{% if site.topnav_title %}<span class="me-0 me-lg-3">{{site.topnav_title}}</span>{% endif %}</a>
             <button class="navbar-toggler text-primary" type="button" data-bs-toggle="collapse" data-bs-target="#navbarCollapse" aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
                 <i title="navbar-toggler" class="fa-solid fa-bars"></i>
             </button>
@@ -53,7 +53,7 @@
                     {%- endif %}
                     {%- if site.theme_variables.topnav.twitter %}
                     <li class="nav-item">
-                        <a class="nav-link ps-2 d-flex align-items-center" href="{{site.theme_variables.topnav.twitter}}"><i class="fa-brands fa-twitter me-2"></i>Twitter</a>
+                        <a class="nav-link ps-2 d-flex align-items-center" href="{{site.theme_variables.topnav.twitter}}"><i class="fa-brands fa-x-twitter me-2"></i>Twitter</a>
                     </li>
                     {%- endif %}
                     {%- if site.theme_variables.topnav.github or site.theme_variables.topnav.github == nil %}
@@ -74,7 +74,7 @@
                     <li class="nav-item">
                         <div class="position-relative">
                             <form role="search" class="input-group">
-                                <span class="input-group-text" id="search-label"><i class="fa-solid fa-magnifying-glass"></i></span><input type="search" id="search-input" class="search-input form-control" tabindex="0" placeholder="Search {{ site.title }}" aria-label="Search {{ site.title }}" autocomplete="off">
+                                <span class="input-group-text" id="search-label"><i class="fa-solid fa-magnifying-glass"></i></span><input type="search" id="search-input" class="search-input form-control" tabindex="0" placeholder="Search..." aria-label="Search..." autocomplete="off">
                             </form>
                             <div id="search-results" class="search-results"></div>
                         </div>