elixir-toolkit-theme 4.2.0 → 6.0.0

data/assets/img/favicon.svg

@@ -0,0 +1,24 @@
+<svg xmlns="http://www.w3.org/2000/svg" version="1.1" xmlns:xlink="http://www.w3.org/1999/xlink" width="77.2" height="77.12"><svg id="SvgjsSvg1005" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" width="77.2" height="77.12" viewBox="0 0 77.2 77.12">
+  <defs>
+    <style>
+      .cls-1 {
+        fill: #0d6efd;
+      }
+
+      .cls-2, .cls-3 {
+        fill: #fff;
+      }
+
+      .cls-2 {
+        opacity: 0.18;
+      }
+    </style>
+  </defs>
+  <g>
+    <circle class="cls-1" cx="38.56" cy="38.56" r="38.56"></circle>
+    <path class="cls-2" d="M9,48.08a44.19,44.19,0,0,0,4.68,19.84A38.56,38.56,0,1,0,55.16,3.72c-.59,0-1.19-.05-1.79-.05A44.4,44.4,0,0,0,9,48.08Z"></path>
+    <path class="cls-3" d="M54,20.52H13.64a.85.85,0,0,0-.84.85v34a.84.84,0,0,0,.84.84H30a.84.84,0,0,0,.85-.84V51.16a.85.85,0,0,0-.85-.85H20.07a.85.85,0,0,1-.85-.85V42a.85.85,0,0,1,.85-.84h8.66a.85.85,0,0,0,.85-.85V36.06a.85.85,0,0,0-.85-.85H20.07a.85.85,0,0,1-.85-.84V27.29a.85.85,0,0,1,.85-.85H38.26a.85.85,0,0,1,.85.85V55.38a.84.84,0,0,0,.85.84h4.73a.84.84,0,0,0,.85-.84V27.29a.85.85,0,0,1,.84-.85H61.27a.85.85,0,0,1,.84.85V55.38a.84.84,0,0,0,.85.84h4.73a.84.84,0,0,0,.85-.84V27.29a.85.85,0,0,1,.85-.85h6.77a.84.84,0,0,0,.84-.85V21.37a.84.84,0,0,0-.84-.85Z"></path>
+  </g>
+</svg><style>@media (prefers-color-scheme: light) { :root { filter: none; } }
+@media (prefers-color-scheme: dark) { :root { filter: none; } }
+</style></svg>

data/assets/img/site.webmanifest

@@ -3,21 +3,23 @@ layout: none
 permalink: assets/img/site.webmanifest
 ---
 {
-    "name": "",
-    "short_name": "",
-    "icons": [
-        {
-            "src": "android-chrome-192x192.png",
-            "sizes": "192x192",
-            "type": "image/png"
-        },
-        {
-            "src": "android-chrome-512x512.png",
-            "sizes": "512x512",
-            "type": "image/png"
-        }
-    ],
-    "theme_color": "#{{ site.theme_variables.theme_color | default: '0d6efd' }}",
-    "background_color": "#ffffff",
-    "display": "standalone"
+  "name": "{{ site.title | default: '0d6efd' }}",
+  "short_name": "",
+  "icons": [
+    {
+      "src": "{{ 'assets/img/web-app-manifest-192x192.png' | relative_url }}",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "maskable"
+    },
+    {
+      "src": "{{ 'assets/img/web-app-manifest-512x512.png' | relative_url }}",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "maskable"
+    }
+  ],
+  "theme_color": "#{{ site.theme_variables.theme_color | default: '0d6efd' }}",
+  "background_color": "#ffffff",
+  "display": "standalone"
 }

data/assets/js/main.js

@@ -27,27 +27,45 @@ $(document).ready(function () {
 });
 
 /**
- * Settings for side navigation
+ * Sidebar height
  */
 $(document).ready(function () {
-    // Initialize navgoco with default options
-    $("#sidebar>nav>ul").navgoco({
-        caretHtml: '',
-        accordion: true,
-        openClass: 'active', // open
-        save: false, // leave false or nav highlighting doesn't work right
-        cookie: {
-            name: 'navgoco',
-            expires: false,
-            path: '/'
-        },
-        slide: {
-            duration: 400,
-            easing: 'swing'
-        }
-    });
+    const breakpointLg = 992; // Bootstrap's lg breakpoint in pixels
+    const main = document.getElementById('main');
+    const sideNav = document.getElementById('side-nav');
+
+    // If either element is missing, don't do anything
+    if (!main || !sideNav) return;
+
+    function getVisibleHeight(el) {
+      const rect = el.getBoundingClientRect();
+      const windowHeight = window.innerHeight || document.documentElement.clientHeight;
+
+      const visibleTop = Math.max(rect.top, 0);
+      const visibleBottom = Math.min(rect.bottom, windowHeight);
+      const visibleHeight = Math.max(0, visibleBottom - visibleTop);
+
+      return visibleHeight;
+    }
+
+    function adjustSidebarHeight() {
+        window.requestAnimationFrame(() => {
+            if (window.innerWidth < breakpointLg) {
+                sideNav.style.height = 'auto';
+            } else {
+                const visibleHeight = getVisibleHeight(main);
+                sideNav.style.height = visibleHeight + 'px';
+            }
+        });
+    }
+
+    adjustSidebarHeight();
+
+    window.addEventListener('scroll', adjustSidebarHeight);
+    window.addEventListener('resize', adjustSidebarHeight);
 });
 
+
 /**
  * Back to top button
  */
@@ -170,8 +188,101 @@ $(function () {
  */
 
 $(function () {
-    var popoverTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="popover"]'))
-    var popoverList = popoverTriggerList.map(function (popoverTriggerEl) {
-        return new bootstrap.Popover(popoverTriggerEl)
-    })
-})
+    const bs = window.bootstrap;
+    // Initialize all popovers (click to open; HTML allowed; render in body)
+    $('[data-bs-toggle="popover"]').each(function () {
+        new bs.Popover(this, {
+            html: true,
+            sanitize: false,   // allow dropdown markup inside
+            container: 'body',
+            trigger: 'click'
+        });
+    });
+
+    // When a popover is shown, initialize any dropdowns inside it
+    $(document).on('shown.bs.popover', '[data-bs-toggle="popover"]', function () {
+        const tipId = $(this).attr('aria-describedby');
+        if (!tipId) return;
+        const $tip = $('#' + tipId);
+        if (!$tip.length) return;
+
+        $tip.find('[data-bs-toggle="dropdown"]').each(function () {
+            new bs.Dropdown(this);
+        });
+    });
+
+    // Prevent clicks *inside* the popover from bubbling up (so it doesn't immediately close)
+    $('body').on('click', function (e) {
+        if ($(e.target).closest('.popover').length) {
+            e.stopPropagation();
+        }
+    });
+
+    // Close popovers when clicking outside any popover/trigger
+    $(document).on('click', function (e) {
+        const $t = $(e.target);
+        const clickedTrigger = $t.closest('[data-bs-toggle="popover"]').length > 0;
+        const clickedInsidePopover = $t.closest('.popover').length > 0;
+        if (clickedTrigger || clickedInsidePopover) return;
+
+        $('[data-bs-toggle="popover"]').each(function () {
+            const inst = bs.Popover.getInstance(this);
+            if (inst) inst.hide();
+        });
+    });
+
+    // Close on ESC
+    $(document).on('keydown', function (e) {
+        if (e.key !== 'Escape') return;
+        $('[data-bs-toggle="popover"]').each(function () {
+            const inst = bs.Popover.getInstance(this);
+            if (inst) inst.hide();
+        });
+    });
+});
+  
+
+/**
+ * Equalize contributor card heights in carousels and position arrows
+ */
+function equalizeContributorCardHeights() {
+    $('.carousel[id^="contributors-carousel-"]').each(function() {
+        var carousel = $(this);
+        var maxHeight = 0;
+        
+        carousel.find('.contributor-cards .card').css('min-height', '');
+        
+        // Measure all slides by temporarily making them active
+        carousel.find('.carousel-item').each(function() {
+            var $item = $(this);
+            var wasActive = $item.hasClass('active');
+            
+            $item.addClass('active').css({'visibility': 'hidden', 'position': 'absolute'});
+            $item.find('.contributor-cards .card').each(function() {
+                maxHeight = Math.max(maxHeight, $(this).outerHeight());
+            });
+            $item.css({'visibility': '', 'position': ''});
+            if (!wasActive) $item.removeClass('active');
+        });
+        
+        // Apply max height and position arrows
+        if (maxHeight > 0) {
+            carousel.find('.contributor-cards .card').css('min-height', maxHeight + 'px');
+            carousel.find('.carousel-control-prev, .carousel-control-next').css('top', (maxHeight / 2 - 24) + 'px');
+        }
+    });
+}
+
+$(document).ready(function() {
+    // Equalize heights on page load
+    equalizeContributorCardHeights();
+    
+    // Re-equalize on window resize
+    var resizeTimer;
+    $(window).on('resize', function() {
+        clearTimeout(resizeTimer);
+        resizeTimer = setTimeout(function() {
+            equalizeContributorCardHeights();
+        }, 250);
+    });
+});

data/assets/js/toc.js

@@ -5,85 +5,116 @@
       title: '<i>Jump to...</i>',
       minimumHeaders: 3,
       headers: 'h1, h2, h3, h4, h5, h6',
-      listType: 'ol', // values: [ol|ul]
-      showEffect: 'show', // values: [show|slideDown|fadeIn|none]
-      showSpeed: 'slow', // set to 0 to deactivate effect
+      listType: 'ol',       // values: [ol|ul]
+      showEffect: 'show',   // values: [show|slideDown|fadeIn|none]
+      showSpeed: 'slow',    // set to 0 to deactivate effect
       classes: {
         list: '',
         item: '',
         link: '',
         toc: ''
       }
-    },
-    settings = $.extend(defaults, options);
+    };
+
+    // Do not mutate defaults; merge into a fresh object
+    var settings = $.extend({}, defaults, options);
 
+    // Encode fragment identifiers safely (e.g., handle !'()*)
     function fixedEncodeURIComponent(str) {
       return encodeURIComponent(str).replace(/[!'()*]/g, function (c) {
         return '%' + c.charCodeAt(0).toString(16);
       });
     }
 
+    // Build an <a> for a given header; ensure it has an id
     function createLink(header) {
-      var innerText = header.textContent || header.innerText;
-      return "<a class='" + settings.classes.link + "' href='#" + fixedEncodeURIComponent(header.id) + "'>" + innerText + "</a>";
+      var innerText = header.textContent || header.innerText || '';
+      if (!header.id) {
+        header.id = innerText.trim()
+          ? innerText.trim().replace(/\s+/g, '-').toLowerCase()
+          : ('heading-' + Math.random().toString(36).slice(2, 8)); // fallback id
+      }
+      return "<a class='" + settings.classes.link + "' href='#" +
+             fixedEncodeURIComponent(header.id) + "'>" + innerText + "</a>";
     }
 
+    // Collect headers and ensure they have IDs (filter out those that still don't)
     var headers = $(settings.headers).filter(function () {
-      // Ensure headers have IDs
       if (!this.id) {
-        this.id = $(this).text().trim().replace(/\s+/g, '-').toLowerCase();
+        var text = $(this).text().trim();
+        this.id = text ? text.replace(/\s+/g, '-').toLowerCase() : '';
       }
       return this.id;
     });
 
-    var output = $(this);
+    var output = $(this);          // the TOC container (e.g., #toc-contents)
+    var main  = $('#main');
+    var button = $('#btn-toc-hide')
 
-    // Check if there are any headers
-    if (!$('#page-img .page-img-lg').length ) {
-      if ( !headers.length || headers.length < settings.minimumHeaders || !output.length ) {
-        $('#main').removeClass("add-grid");
-        $("#toc").hide();
-        return;  // Exit early if there are no headers
-      }
+    // Prevents calling get_level(headers[0]) on undefined and collapses layout/space.
+    if (!headers.length || headers.length < settings.minimumHeaders || !output.length) {
+      main.removeClass('add-grid'); // collapse layout (your existing side-effect + our flag)
+      output.empty().hide();                 // hide/clear inner TOC container
+      return;
     }
 
-    if (settings.showSpeed === 0) {
-      settings.showEffect = 'none';
-    }
+    // If speed is 0, disable visual effect
+    if (settings.showSpeed === 0) settings.showEffect = 'none';
 
-    $(this).addClass(settings.classes.toc);
+    // Optional extra class on the container
+    output.addClass(settings.classes.toc);
 
     var render = {
-      show: function () { output.hide().html(html).show(settings.showSpeed); },
+      show:      function () { output.hide().html(html).show(settings.showSpeed); },
       slideDown: function () { output.hide().html(html).slideDown(settings.showSpeed); },
-      fadeIn: function () { output.hide().html(html).fadeIn(settings.showSpeed); },
-      none: function () { output.html(html); }
+      fadeIn:    function () { output.hide().html(html).fadeIn(settings.showSpeed); },
+      none:      function () { output.html(html); }
+    };
+
+    // Resilient parser of header levels (H1..H6 → 1..6). Returns NaN if invalid.
+    var get_level = function (ele) {
+      return (ele && ele.nodeName) ? parseInt(ele.nodeName.replace(/H/i, ''), 10) : NaN;
     };
 
-    var get_level = function (ele) { return parseInt(ele.nodeName.replace("H", ""), 10); };
-    var highest_level = headers.map(function (_, ele) { return get_level(ele); }).get().sort()[0];
-    var level = get_level(headers[0]), this_level;
+    // Validate first level before proceeding
+    var level = get_level(headers[0]);
+    if (!isFinite(level)) {
+      output.hide().empty();
+      return;
+    }
+
+    var this_level;
     var html = settings.title + " <" + settings.listType + " class=\"" + settings.classes.list + "\">";
 
+    // Build nested list based on header levels
     headers.each(function (_, header) {
       this_level = get_level(header);
-      if (this_level === level) { // same level as before; same indenting
+      if (!isFinite(this_level)) return; // skip anything unexpected
+
+      if (this_level === level) { // same level; same indent
         html += "<li class=\"" + settings.classes.item + "\">" + createLink(header);
-      } else if (this_level <= level) { // higher level than before; end parent ol
+      } else if (this_level <= level) { // moving up; close lists
         for (var i = this_level; i < level; i++) {
-          html += "</li></" + settings.listType + ">"
+          html += "</li></" + settings.listType + ">";
         }
         html += "<li class=\"" + settings.classes.item + "\">" + createLink(header);
-      } else if (this_level > level) { // lower level than before; expand the previous to contain a ol
-        for (i = this_level; i > level; i--) {
+      } else { // moving down; open nested lists
+        for (var j = this_level; j > level; j--) {
           html += "<" + settings.listType + " class=\"" + settings.classes.list + "\">" +
-            "<li class=\"" + settings.classes.item + "\">"
+                  "<li class=\"" + settings.classes.item + "\">";
         }
         html += createLink(header);
       }
-      level = this_level; // update for the next one
+      level = this_level; // update for next header
     });
+
     html += "</" + settings.listType + ">";
-    render[settings.showEffect]();
+
+    // Render with the selected effect
+    (render[settings.showEffect] || render.none)();
+
+    // Add grid + flag on #main (if your layout uses it), and flag #toc so CSS applies margin.
+    main.addClass('add-grid');
+    button.show()
   };
 })(jQuery);

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: elixir-toolkit-theme
 version: !ruby/object:Gem::Version
-  version: 4.2.0
+  version: 6.0.0
 platform: ruby
 authors:
 - bedroesb
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-03-18 00:00:00.000000000 Z
+date: 2026-01-27 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -30,14 +30,14 @@ dependencies:
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: 0.1.10
+        version: 1.1.0
   type: :runtime
   prerelease: false
   version_requirements: !ruby/object:Gem::Requirement
     requirements:
     - - ">="
       - !ruby/object:Gem::Version
-        version: 0.1.10
+        version: 1.1.0
 - !ruby/object:Gem::Dependency
   name: bundler
   requirement: !ruby/object:Gem::Requirement
@@ -76,12 +76,15 @@ files:
 - LICENSE
 - README.md
 - _data/countries.yml
+- _includes/affiliation-logo.html
 - _includes/affiliation-tiles-page.html
 - _includes/affiliation-tiles-selection.html
 - _includes/banner.html
 - _includes/breadcrumb.html
 - _includes/callout.html
 - _includes/citation-page.html
+- _includes/contributor-avatar.html
+- _includes/contributor-card.html
 - _includes/contributor-carousel-selection.html
 - _includes/contributor-minitiles-page.html
 - _includes/contributor-tiles-all.html
@@ -94,6 +97,7 @@ files:
 - _includes/image.html
 - _includes/more-information-tiles.html
 - _includes/news.html
+- _includes/page-metadata-tabs.html
 - _includes/pageids-overview.html
 - _includes/related-pages.html
 - _includes/resource-table-all.html
@@ -479,8 +483,6 @@ files:
 - assets/flags/zm.svg
 - assets/flags/zw.svg
 - assets/img/Flag_of_Europe.svg
-- assets/img/android-chrome-192x192.png
-- assets/img/android-chrome-512x512.png
 - assets/img/apple-touch-icon.png
 - assets/img/carpentries_logo.svg
 - assets/img/dsw_logo.svg
@@ -492,24 +494,26 @@ files:
 - assets/img/favicon-16x16.png
 - assets/img/favicon-32x32.png
 - assets/img/favicon.ico
+- assets/img/favicon.svg
 - assets/img/main_logo.svg
 - assets/img/rdmkit_logo.svg
-- assets/img/safari-pinned-tab.svg
 - assets/img/site.webmanifest
 - assets/img/tess_logo.svg
+- assets/img/web-app-manifest-192x192.png
+- assets/img/web-app-manifest-512x512.png
 - assets/img/youtube_logo.svg
 - assets/img/zenodo_logo.svg
 - assets/js/anchor.min.js
 - assets/js/bootstrap.bundle.min.js
 - assets/js/bootstrap.bundle.min.js.map
 - assets/js/clipboard.min.js
+- assets/js/custom.js
 - assets/js/dataTables.bootstrap5.min.js
 - assets/js/dataTables.dateTime.min.js
 - assets/js/dataTables.searchBuilder.min.js
 - assets/js/jquery.dataTables.min.js
 - assets/js/jquery.min.js
 - assets/js/jquery.min.map
-- assets/js/jquery.navgoco.js
 - assets/js/lunr.min.js
 - assets/js/main.js
 - assets/js/search-data.json

data/assets/img/safari-pinned-tab.svg

@@ -1,29 +0,0 @@
-<?xml version="1.0" standalone="no"?>
-<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
- "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
-<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
- width="700.000000pt" height="700.000000pt" viewBox="0 0 700.000000 700.000000"
- preserveAspectRatio="xMidYMid meet">
-<metadata>
-Created by potrace 1.14, written by Peter Selinger 2001-2017
-</metadata>
-<g transform="translate(0.000000,700.000000) scale(0.100000,-0.100000)"
-fill="#000000" stroke="none">
-<path d="M3270 6994 c-432 -38 -776 -119 -1123 -265 -1015 -427 -1773 -1308
--2041 -2374 -73 -289 -101 -529 -101 -855 0 -333 28 -566 106 -874 269 -1067
-1059 -1965 2089 -2376 922 -368 1976 -323 2861 120 956 480 1649 1386 1859
-2430 54 267 64 378 64 700 0 223 -4 327 -17 425 -24 175 -68 394 -111 543 -20
-68 -36 125 -36 128 0 2 -123 4 -274 4 -261 0 -274 -1 -300 -21 l-26 -20 -2
--1310 -3 -1311 -24 -19 c-21 -18 -42 -19 -271 -19 l-249 0 -20 26 -21 27 0
-1299 0 1299 -25 24 -24 25 -701 0 -701 0 -24 -25 -25 -24 0 -1299 0 -1299 -21
--27 -20 -26 -248 0 c-198 0 -251 3 -267 14 -19 14 -19 42 -24 1326 l-5 1312
--28 24 -28 24 -839 0 c-617 0 -846 -3 -865 -12 -42 -19 -46 -57 -43 -409 3
--305 4 -328 22 -348 19 -21 25 -21 426 -21 419 0 460 -3 480 -40 6 -11 10
--114 10 -238 0 -201 -2 -222 -19 -243 l-19 -24 -431 -5 c-396 -5 -432 -6 -448
--23 -17 -16 -18 -46 -18 -387 l0 -369 23 -23 23 -23 484 -3 484 -3 21 -26 c19
--24 20 -39 20 -240 0 -214 0 -214 -25 -238 l-24 -25 -775 0 -775 0 -20 26 -21
-27 0 1566 c1 1215 3 1570 13 1582 7 9 22 21 34 27 16 9 682 12 2697 12 1472 0
-2676 2 2676 5 0 13 -99 178 -176 295 -427 646 -1089 1149 -1827 1389 -346 112
--638 160 -1022 165 -132 2 -260 2 -285 0z"/>
-</g>
-</svg>