elixir-toolkit-theme 6.0.0 → 7.0.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: e056672e004a2c043dba792f32755cd49be63a9c9f6f04af3e60d6134204908d
-  data.tar.gz: a9ad5a24a302317452020fdb4647187e7795f26a8c698398683d2b2f1ce38570
+  metadata.gz: cf055caeb038addaed85617a251b2709f4dd948f72a884ebf47fd8e5d4cc735a
+  data.tar.gz: a0cd04fdd3dd0c1a435bbb7f6ccb1c0f72b52965d4ff4255829e9008a30fb9c1
 SHA512:
-  metadata.gz: 8ca08bd09ef240f7e17cca76dc31ba86716767358fe36662c984be035150a6ed4bd88fcbdf4994b493b0cc2fe253f1e92ed0e57f89e1460004915b4fd2d52ea7
-  data.tar.gz: d388f54594ffc120a96c9f781eb561f22761e4080ca04e3a0c25ab81e27e9e62c4d577c90661175a664664241848ef86d8e65fbcd6834830e7ccaf61b524e02a
+  metadata.gz: 490ec9d9ae1f6d8985f6ca861656c81bd0878a5b1fc9f49988ea22395a9ffdb1a0697fff1da6c58c185800e956fbeaed1fe9cc59e5894801c13fb141cbae6aca
+  data.tar.gz: 8ba032496af40b1186d43c4edcc1c8d3c5cce2b50e8ee09651a2f231a1a29bc60b27fa661e83ba4b125da5857b990fbccaa33d87b6a5fc2748a55efec6327fcf

data/README.md

@@ -17,7 +17,7 @@ Its key features:
 - Advanced content search
 - Create your own look with the many theme variables and support for custom classes
 - Support for a central tools table
-- Integrated attribution for contributors, editors and affiliations
+- Integrated attribution for contributors, editors and supporting organizations
 - Page tagging and listing of those tagged pages
 - Linking to ELIXIR resources including Bio.tools, FAIRsharing, FAIR Cookbook, RDMkit, TeSS and DSW
 - Easy side navigation, top navigation and footer management
@@ -28,29 +28,20 @@ Its key features:
 
 ## Enabling the theme on your Jekyll project
 
-The quickest way to use the elixir-toolkit-theme is setting it as a [remote theme](https://blog.github.com/2017-11-29-use-any-theme-with-github-pages/) in your `config.yml` file:
+Use the theme as a [remote theme](https://blog.github.com/2017-11-29-use-any-theme-with-github-pages/) and lock it to a released version in your `_config.yml` file:
 
 ```yaml
-remote_theme: ELIXIR-Belgium/elixir-toolkit-theme
+remote_theme: ELIXIR-Belgium/elixir-toolkit-theme@7.0.0
 ```
 
-You can lock it onto a specific version using:
-
-```yaml
-remote_theme: ELIXIR-Belgium/elixir-toolkit-theme@5.0.0
-```
+An exact version is recommended so a website rebuild cannot silently pull a different theme. Before starting or upgrading, read the [release notes](https://github.com/ELIXIR-Belgium/elixir-toolkit-theme/releases) and use the `Gemfile` from the matching release tag. See [Versions and upgrades](versions_and_upgrades) for the complete workflow.
 
 ### Using Ruby Gems (alternative)
 
-Alternatively you can use the Ruby Gem of the theme (needed when using GitLab) by adding this line to your Jekyll site's Gemfile:
+Alternatively you can use the Ruby Gem of the theme (needed when using GitLab) by adding an exact version to your Jekyll site's `Gemfile`:
 
 ```ruby
-gem "elixir-toolkit-theme"
-```
-You can lock it onto a specific version like this:
-
-```ruby
-gem "elixir-toolkit-theme", "~> 5.0.0"
+gem "elixir-toolkit-theme", "7.0.0"
 ```
 
 And add this line to your Jekyll site's `_config.yml`:
@@ -153,9 +144,11 @@ This will start the docker container and serve the website locally. Make sure th
 - [RDMkit](https://rdmkit.elixir-europe.org/) (CONVERGE)
 - [WorkflowHub](https://about.workflowhub.eu/) (EOSC-life project)
 - [RO-crate](https://www.researchobject.org/ro-crate/) (EOSC)
+- [GPG RO-Crate Profile](https://uoa-eresearch.github.io/GPG-ro-crate-profile/) (University of Auckland eResearch)
 - [Infectious Diseases Toolkit](https://www.infectious-diseases-toolkit.org/) (BY-COVID)
 - [FAIRDOM](https://fair-dom.org/) (FAIRDOM community)
 - [How-to-Guides](https://australianbiocommons.github.io/how-to-guides/) (Australian BioCommons)
+- [Australian Tree of Life documentation](https://australianbiocommons.github.io/atol/) (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)
@@ -165,16 +158,22 @@ This will start the docker container and serve the website locally. Make sure th
 - [Norwegian Life Science RDM LookUp](https://elixir.no/rdm-lookup/) (ELIXIR Norway)
 - [RSQkit: Research Software Quality kit](https://everse.software/RSQKit/) (EOSC-EVERSE)
 - [research-data.no](https://plan.research-data.no/pages/) (ELIXIR Norway & BOTT universities Norway)
-- [Learning-Library](https://patcapon39.github.io/Learning-Library/) (Australian BioCommons)
+- [Australian BioCommons Community Library](https://australianbiocommons.github.io/Community-Library/) (Australian BioCommons)
 - [ELIXIR-IT Training Platform](https://elixir-iib-training.github.io/site/training_courses) (ELIXIR IT)
 - [FAIRDOM-SEEK Documentation](https://docs.seek4science.org/) (SEEK community)
 - [FAIR Lesson Plan Handbook](https://elixir-europe-training.github.io/ELIXIR-TrP-FAIR-Converge/)  (ELIXIR Training platform)
-- [Data Steward Handbook](https://elixir-uk.github.io/elixir-ds-handbook) (ELIXIR RDM Community)
+- [Data Steward Handbook](https://elixir-europe.github.io/ds-handbook/) (ELIXIR RDM Community)
 - [Fed-A-Crate](https://elixir-europe.github.io/fed-a-crate/how-to-contribute) (ELIXIR Fed-A-Crate project)
 - [Federated Learning toolkit (FLkit)](https://uhasselt-biomedicaldatasciences.github.io/federated-learning-toolkit/) (UHasselt)
 - [mTeSS-X](https://elixirtess.github.io/mTeSS-X/) (OSCARS project)
 - [Galaxy Codex](https://galaxyproject.github.io/galaxy_codex/) (Galaxy Community)
-- [ELIXIR Software Management Plan](https://elixir-europe.github.io/software-management-plans/community/) (ELIXIR SMP Community)
+- [ELIXIR Software Management Plan](https://elixir-europe.github.io/software-management-plans/) (ELIXIR SMP Community)
+- [FAIR Metroline](https://fairmetroline.org/) (Health-RI)
+- [Globus Community Australasia](https://aarnet.github.io/Globus-Community/) (AARNet)
+- [ELIXIR Research Software Ecosystem (RSEc)](https://research-software-ecosystem.github.io/) (ELIXIR Tools Platform)
+- [Knowledge Hub](https://knowledge.lnds.lu/) (Luxembourg National Data Service (LNDS))
+- [ELIXIR-ELITMa](https://elixir-europe-training.github.io/ELIXIR-ELITMa/) (ELIXIR Training platform)
+- [ELIXIR-GOBLET Train-the-Trainer](https://elixir-europe-training.github.io/ELIXIR-TrP-GOBLET-Train-the-Trainer/) (ELIXIR Training platform)
 - Want your instance here? [Open an issue](https://github.com/ELIXIR-Belgium/elixir-toolkit-theme/issues)
 
 ## Dependencies
@@ -187,7 +186,8 @@ This theme would not be possible without following open source projects:
 - [lunr.js](https://github.com/olivernn/lunr.js) - Main tool behind the search bar enabling content search
 - [jQuery](https://github.com/jquery/jquery) - A fast, small, and feature-rich JavaScript library for easy scripting
 - [jekyll-table-of-contents](https://github.com/ghiculescu/jekyll-table-of-contents) - Lightweight JS script to render the table of contents
-- [Font-Awesome](https://github.com/FortAwesome/Font-Awesome) - The famous icon library
+- [Lucide](https://github.com/lucide-icons/lucide) - The main icon library used by the theme through its static icon font
+- [Font-Awesome](https://github.com/FortAwesome/Font-Awesome) - Icon library kept available for backwards compatibility, brand icons and markdown/sidebar content
 - [flag-icons](https://github.com/lipis/flag-icons) - A curated collection of all country flags in SVG + css integration
 - [clipboard.js](https://github.com/zenorocha/clipboard.js) - Modern copy to clipboard. No Flash. Just 3kb gzipped clipboard.
 
@@ -203,5 +203,9 @@ If you like our work, you can add following badge to the readme of your project:
 
 ## License
 
-The theme is available as open source under the terms of the [MIT License](http://opensource.org/licenses/MIT).
+The theme source code is available as open source under the terms of the [MIT License](https://opensource.org/license/mit).
+
+Bundled third-party libraries and assets retain their upstream licenses. In particular:
 
+- [Lucide](https://github.com/lucide-icons/lucide) static icon font assets are distributed under the [ISC License](https://github.com/lucide-icons/lucide/blob/main/LICENSE). Some Lucide icons are derived from Feather and are covered by MIT as noted in the Lucide license file.
+- [Font Awesome Free](https://github.com/FortAwesome/Font-Awesome) assets use component-specific licenses: webfont files are under SIL OFL 1.1, CSS/code is under MIT, and SVG/JS icon assets are under CC BY 4.0. Brand icons are trademarks of their respective owners and should only be used to represent those brands.

data/_data/countries.yml

@@ -12,7 +12,7 @@ AS: American Samoa
 AT: Austria
 AU: Australia
 AW: Aruba
-AX: "\xC5land Islands"
+AX: Åland Islands
 AZ: Azerbaijan
 BA: Bosnia and Herzegovina
 BB: Barbados
@@ -23,11 +23,11 @@ BG: Bulgaria
 BH: Bahrain
 BI: Burundi
 BJ: Benin
-BL: "Saint Barth\xE9lemy"
+BL: Saint Barthélemy
 BM: Bermuda
-BN: Brunei Darussalam
-BO: Bolivia (Plurinational State of)
-BQ: Bonaire, Sint Eustatius and Saba
+BN: Brunei
+BO: Bolivia
+BQ: Caribbean Netherlands
 BR: Brazil
 BS: Bahamas
 BT: Bhutan
@@ -37,7 +37,7 @@ BY: Belarus
 BZ: Belize
 CA: Canada
 CC: Cocos (Keeling) Islands
-CD: Congo (Democratic Republic of the)
+CD: DR Congo
 CF: Central African Republic
 CG: Congo
 CH: Switzerland
@@ -49,11 +49,11 @@ CN: China
 CO: Colombia
 CR: Costa Rica
 CU: Cuba
-CV: Cabo Verde
-CW: "Cura\xE7ao"
+CV: Cape Verde
+CW: Curaçao
 CX: Christmas Island
 CY: Cyprus
-CZ: Czech Republic
+CZ: Czechia
 DE: Germany
 DJ: Djibouti
 DK: Denmark
@@ -69,12 +69,12 @@ ES: Spain
 ET: Ethiopia
 FI: Finland
 FJ: Fiji
-FK: Falkland Islands (Malvinas)
-FM: Micronesia (Federated States of)
+FK: Falkland Islands
+FM: Micronesia
 FO: Faroe Islands
 FR: France
 GA: Gabon
-GB: United Kingdom of Great Britain and Northern Ireland
+GB: United Kingdom
 GD: Grenada
 GE: Georgia
 GF: French Guiana
@@ -87,7 +87,7 @@ GN: Guinea
 GP: Guadeloupe
 GQ: Equatorial Guinea
 GR: Greece
-GS: South Georgia and the South Sandwich Islands
+GS: South Georgia
 GT: Guatemala
 GU: Guam
 GW: Guinea-Bissau
@@ -105,7 +105,7 @@ IM: Isle of Man
 IN: India
 IO: British Indian Ocean Territory
 IQ: Iraq
-IR: Iran (Islamic Republic of)
+IR: Iran
 IS: Iceland
 IT: Italy
 JE: Jersey
@@ -118,12 +118,12 @@ KH: Cambodia
 KI: Kiribati
 KM: Comoros
 KN: Saint Kitts and Nevis
-KP: Korea (Democratic People's Republic of)
-KR: Korea (Republic of)
+KP: North Korea
+KR: South Korea
 KW: Kuwait
 KY: Cayman Islands
 KZ: Kazakhstan
-LA: Lao People's Democratic Republic
+LA: Laos
 LB: Lebanon
 LC: Saint Lucia
 LI: Liechtenstein
@@ -136,16 +136,16 @@ LV: Latvia
 LY: Libya
 MA: Morocco
 MC: Monaco
-MD: Moldova (Republic of)
+MD: Moldova
 ME: Montenegro
-MF: Saint Martin (French part)
+MF: Saint Martin
 MG: Madagascar
 MH: Marshall Islands
 MK: North Macedonia
 ML: Mali
 MM: Myanmar
 MN: Mongolia
-MO: Macao
+MO: Macau
 MP: Northern Mariana Islands
 MQ: Martinique
 MR: Mauritania
@@ -178,17 +178,17 @@ PH: Philippines
 PK: Pakistan
 PL: Poland
 PM: Saint Pierre and Miquelon
-PN: Pitcairn
+PN: Pitcairn Islands
 PR: Puerto Rico
-PS: Palestine, State of
+PS: Palestine
 PT: Portugal
 PW: Palau
 PY: Paraguay
 QA: Qatar
-RE: "R\xE9union"
+RE: Réunion
 RO: Romania
 RS: Serbia
-RU: Russian Federation
+RU: Russia
 RW: Rwanda
 SA: Saudi Arabia
 SB: Solomon Islands
@@ -206,14 +206,14 @@ SN: Senegal
 SO: Somalia
 SR: Suriname
 SS: South Sudan
-ST: Sao Tome and Principe
+ST: São Tomé and Príncipe
 SV: El Salvador
-SX: Sint Maarten (Dutch part)
-SY: Syrian Arab Republic
-SZ: Swaziland
+SX: Sint Maarten
+SY: Syria
+SZ: Eswatini
 TC: Turks and Caicos Islands
 TD: Chad
-TF: French Southern Territories
+TF: French Southern and Antarctic Lands
 TG: Togo
 TH: Thailand
 TJ: Tajikistan
@@ -222,27 +222,27 @@ TL: Timor-Leste
 TM: Turkmenistan
 TN: Tunisia
 TO: Tonga
-TR: Turkey
+TR: Türkiye
 TT: Trinidad and Tobago
 TV: Tuvalu
 TW: Taiwan
-TZ: Tanzania, United Republic of
+TZ: Tanzania
 UA: Ukraine
 UG: Uganda
 UM: United States Minor Outlying Islands
-US: United States of America
+US: United States
 UY: Uruguay
 UZ: Uzbekistan
 VA: Vatican City
 VC: Saint Vincent and the Grenadines
-VE: Venezuela (Bolivarian Republic of)
-VG: Virgin Islands (British)
-VI: Virgin Islands (U.S.)
+VE: Venezuela
+VG: British Virgin Islands
+VI: United States Virgin Islands
 VN: Vietnam
 VU: Vanuatu
 WF: Wallis and Futuna
 WS: Samoa
-XK: Republic of Kosovo
+XK: Kosovo
 YE: Yemen
 YT: Mayotte
 ZA: South Africa

data/_includes/affiliation-tiles-selection.html

@@ -1,15 +1,4 @@
-{%- assign alllogos = site.data.affiliations %}
-<div class="affiliation-tiles row row-cols-2 row-cols-sm-3 row-cols-md-4 g-4 my-3">
-  {%- assign filtered_logos = alllogos | where: "type", include.type %}
-  {%- for affiliation in filtered_logos %}
-  {%- if affiliation.image_url and affiliation.expose == true %}
-  <div class="col">
-    <div class="card h-100 border-0">
-      <div class="my-auto d-flex justify-content-center">
-        {% if affiliation.url %}<a class="w-100" href="{{ affiliation.url }}">{% endif %}<img class="rounded p-3" src="{{ affiliation.image_url | relative_url }}" alt="{{ affiliation.name }}">{%- if affiliation.url %}</a>{% endif %}
-      </div>
-    </div>
-  </div>
-  {%- endif %}
-  {%- endfor %}
-</div>
+{%- comment -%}
+Deprecated: use supported-by-tiles-selection.html. This alias will be removed in ETT v8.0.0.
+{%- endcomment -%}
+{%- include supported-by-tiles-selection.html type=include.type -%}

data/_includes/breadcrumb.html

@@ -3,7 +3,7 @@
     <ol class="breadcrumb">
         {% if crumbs.size > 0 %}
         <li class="breadcrumb-item mt-0">
-            <a href="{{ site.baseurl }}/"><i class="fa-solid fa-house  fa-xs"></i></a>
+            <a href="{{ site.baseurl }}/"><i class="icon-house"></i></a>
         </li>
         {% endif %}
         {% for crumb in crumbs offset: 1 %}

data/_includes/callout.html

@@ -1,9 +1,20 @@
-{%- if include.type == "tip" %}
-<div markdown="span" class="alert alert-success" role="alert"><i class="fa-solid fa-check-square"></i> <b>Tip:</b> {{include.content}}</div>
-{%- elsif include.type == "important" %}
-<div markdown="span" class="alert alert-warning" role="alert"><i class="fa-solid fa-exclamation-triangle"></i> <b>Important:</b> {{include.content}}</div>
-{%- elsif include.type == "note" %}
-<div markdown="span" class="alert alert-info" role="alert"><i class="fa-solid fa-info-circle"></i> <b>Note:</b> {{include.content}}</div>
-{%- elsif include.type == "warning" %}
-<div markdown="span" class="alert alert-danger" role="alert"><i class="fa-solid fa-exclamation-circle"></i> <b>Warning:</b> {{include.content}}</div>
-{%- endif %}
+{%- assign type = include.type | default: "note" -%}
+{%- assign content = include.content | markdownify | strip -%}
+{%- case type -%}
+  {%- when "tip" -%}
+    {%- assign default_title = "Tip" -%}
+  {%- when "important" -%}
+    {%- assign default_title = "Important" -%}
+  {%- when "warning" -%}
+    {%- assign default_title = "Warning" -%}
+  {%- else -%}
+    {%- assign type = "note" -%}
+    {%- assign default_title = "Note" -%}
+{%- endcase -%}
+{%- assign title = include.title | default: default_title -%}
+<div class="callout callout--{{ type }}" role="alert">
+  <div class="callout__heading">{{ title }}</div>
+  <div class="callout__content">
+    {{ content }}
+  </div>
+</div>

data/_includes/contributor-card.html

@@ -17,12 +17,12 @@
   </div>
   {%- if include.git or include.email or include.orcid %}
   <div class="card-footer">
-    <div class="d-flex justify-content-center gap-2">
+    <div class="d-flex justify-content-center gap-2 flex-wrap">
       {%- if include.git %}
       <a class="btn bg-white text-primary hover-primary rounded-circle social-icons p-0" href="https://github.com/{{ include.git }}"><i class="fa-brands fa-github"></i><span class="visually-hidden">GitHub</span></a>
       {%- endif -%}
       {%- if include.email %}
-      <a class="btn bg-white text-primary hover-primary rounded-circle social-icons p-0" href="mailto:{{ include.email }}"><i class="fa-solid fa-envelope"></i><span class="visually-hidden">Email</span></a>
+      <a class="btn bg-white text-primary hover-primary rounded-circle social-icons p-0" href="mailto:{{ include.email }}"><i class="icon-mail"></i><span class="visually-hidden">Email</span></a>
       {%- endif -%}
       {%- if include.orcid %}
       <a class="btn bg-white text-primary hover-primary rounded-circle social-icons p-0" href="https://orcid.org/{{ include.orcid }}"><i class="fa-brands fa-orcid"></i><span class="visually-hidden">Orcid</span></a>

data/_includes/events.html

@@ -2,23 +2,31 @@
   {%- 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">
+  <ul class="events-grid row row-cols-1 row-cols-md-{{ include.col | default: 1 }} gx-4 gy-0 list-unstyled mt-3">
     {%- for event in events %}
-    <li class='{{include.event_type}}' data-start='{{ event.startDate}}'>
-      <span class="title mb-1">{{ event.name | escape }}</span>
-      <p class="text-muted mb-0"><i class="far fa-calendar me-2"></i><time datetime="{{ event.startDate | date: '%e %B, %Y %H:%M' }}">{{ event.startDate | date_to_long_string }} {{event.startTime}}</time>
-        {% if event.endDate or event.endTime %} - <time datetime="{{ event.endDate | date: '%e %B, %Y %H:%M %Z' }}">{{ event.endDate | date_to_long_string }} {{event.endTime}}</time>{% endif %}</p>
-      {%- if event.location %}
-      <i class="fa-solid fa-map-marker-alt me-2 text-muted"></i>
-      <div class="d-inline-block text-muted">{{ event.location | markdownify }}</div>
-      {%- endif %}
+    <li class='col {{include.event_type}}' data-start='{{ event.startDate}}'>
+      <article class="event-card card h-100">
+      <div class="card-body d-flex flex-column p-4">
+      <div class="event-card-header d-flex align-items-start gap-3 mb-3">
+        <span class="event-card-icon d-inline-flex flex-shrink-0 align-items-center justify-content-center rounded-circle" aria-hidden="true"><i class="icon-calendar"></i></span>
+        <div>
+          <h3 class="title mt-0 mb-0">{{ event.name | escape }}</h3>
+          <p class="event-card-date text-muted mt-1 mb-0"><time datetime="{{ event.startDate | date: '%e %B, %Y %H:%M' }}">{{ event.startDate | date_to_long_string }} {{event.startTime}}</time>
+            {% if event.endDate or event.endTime %}<span class="event-date-range-separator" aria-hidden="true">&ndash;</span><time datetime="{{ event.endDate | date: '%e %B, %Y %H:%M %Z' }}">{{ event.endDate | date_to_long_string }} {{event.endTime}}</time>{% endif %}{% if event.location %}<span class="metadata-separator" aria-hidden="true">&middot;</span><i class="icon-map-pin me-1" aria-hidden="true"></i><span>{{ event.location | markdownify | remove: '<p>' | remove: '</p>' | strip }}</span>{% endif %}</p>
+        </div>
+      </div>
       {%- if event.description %}
       {%- assign word_count = event.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}}">
@@ -28,13 +36,15 @@
       {{ event.description | markdownify }}
       {%- endif %}
       {%- endif %}
+      </div>
+      </article>
     </li>
     {%- assign count = count | plus: 1 %}
     {%- endfor %}
   </ul>
   {%- if include.caption == true%}
   {%- assign caption_url = include.caption_url | default: "/events" %}
-  <small>An overview of all our events can be fount on the <a href="{{ caption_url | relative_url}}">events page</a>.</small>
+  <small>An overview of all our events can be found on the <a href="{{ caption_url | relative_url}}">events page</a>.</small>
   {%- endif %}
 </div>
 <script>

data/_includes/github-buttons.html

@@ -2,25 +2,25 @@
 {%- 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">
+<div id="edit-me" class="d-inline-flex align-items-center align-middle ms-2">
     {%- 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>
+        href="{{repo_url}}/blob/{{repo_branch}}/{{file_path}}" class="btn btn-sm btn-icon-round rounded-circle p-0 d-inline-flex align-items-center justify-content-center"><i
+            class="icon-pencil"></i></a>
     {%- 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>
+        class="btn btn-sm btn-icon-round rounded-circle p-0 d-inline-flex align-items-center justify-content-center"><i class="icon-circle-alert"></i></a>
     {%- 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>
+        href="{{repo_url}}/commits/{{repo_branch}}/{{file_path}}" class="btn btn-sm btn-icon-round rounded-circle p-0 d-inline-flex align-items-center justify-content-center"><i
+            class="icon-history"></i></a>
     {%- endunless %}
 </div>
 {%- endunless %}

data/_includes/head.html

@@ -40,7 +40,9 @@
     <!-- Syntax highlighting  -->
     <link rel="stylesheet" href="{{ 'assets/css/syntax.css' | relative_url }}">
     <!-- Country flags  -->
-    <link rel="stylesheet" href="{{ 'assets/css/flag-icon.min.css' | relative_url }}">
+    <link rel="stylesheet" href="{{ 'assets/css/flag-icons.min.css' | relative_url }}">
+    <!-- Lucide icon font -->
+    <link rel="stylesheet" type="text/css" href="{{ 'assets/css/lucide.css' | relative_url }}">
     <!-- Font Awesome -->
     <link rel="stylesheet" type="text/css" href="{{ 'assets/css/all.min.css' | relative_url }}">
     <!-- Main css file -->
@@ -92,13 +94,11 @@
                     language: {
                         searchPlaceholder: "Type here..."
                     },
-                    "drawCallback": function ( settings ){
-                        var tableId = settings.nTable.id;
-                        if(settings.fnRecordsTotal() < {{ pagelength }}){     
-                            $('#'+tableId+'_wrapper .dt-length').hide();
-                            $('#'+tableId+'_wrapper .dt-paging').hide();
-                            $('#'+tableId+'_wrapper .dt-search').hide();
-                            $('#'+tableId+'_wrapper .dt-info').hide();
+                    "drawCallback": function (){
+                        var api = this.api();
+                        var wrapper = $(api.table().container());
+                        if(api.page.info().recordsTotal < {{ pagelength }}){     
+                            wrapper.find('.dt-length, .dt-paging, .dt-search, .dt-info').hide();
                         }
                         $('.dt-layout-table .dt-layout-full').addClass('table-responsive');
                     }