elixir-toolkit-theme 5.0.0 → 6.0.0

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

@@ -48,11 +48,12 @@
     });
 
     var output = $(this);          // the TOC container (e.g., #toc-contents)
-    var $main  = $('#main');   
+    var main  = $('#main');
+    var button = $('#btn-toc-hide')
 
     // 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)
+      main.removeClass('add-grid'); // collapse layout (your existing side-effect + our flag)
       output.empty().hide();                 // hide/clear inner TOC container
       return;
     }
@@ -113,6 +114,7 @@
     (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');
+    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: 5.0.0
+  version: 6.0.0
 platform: ruby
 authors:
 - bedroesb
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2025-08-22 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,11 +494,13 @@ 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
@@ -510,7 +514,6 @@ files:
 - 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>

data/assets/js/jquery.navgoco.js

@@ -1,314 +0,0 @@
-/*
- * jQuery Navgoco Menus Plugin v0.2.1 (2014-04-11)
- * https://github.com/tefra/navgoco
- *
- * Copyright (c) 2014 Chris T (@tefra)
- * BSD - https://github.com/tefra/navgoco/blob/master/LICENSE-BSD
- */
-(function($) {
-
-	"use strict";
-
-	/**
-	 * Plugin Constructor. Every menu must have a unique id which will either
-	 * be the actual id attribute or its index in the page.
-	 *
-	 * @param {Element} el
-	 * @param {Object} options
-	 * @param {Integer} idx
-	 * @returns {Object} Plugin Instance
-	 */
-	var Plugin = function(el, options, idx) {
-		this.el = el;
-		this.$el = $(el);
-		this.options = options;
-		this.uuid = this.$el.attr('id') ? this.$el.attr('id') : idx;
-		this.state = {};
-		this.init();
-		return this;
-	};
-
-	/**
-	 * Plugin methods
-	 */
-	Plugin.prototype = {
-		/**
-		 * Load cookie, assign a unique data-index attribute to
-		 * all sub-menus and show|hide them according to cookie
-		 * or based on the parent open class. Find all parent li > a
-		 * links add the carent if it's on and attach the event click
-		 * to them.
-		 */
-		init: function() {
-			var self = this;
-			self._load();
-			self.$el.find('ul').each(function(idx) {
-				var sub = $(this);
-				sub.attr('data-index', idx);
-				if (self.options.save && self.state.hasOwnProperty(idx)) {
-					sub.parent().addClass(self.options.openClass);
-					sub.show();
-				} else if (sub.parent().hasClass(self.options.openClass)) {
-					sub.show();
-					self.state[idx] = 1;
-				} else {
-					sub.hide();
-				}
-			});
-
-			var caret = $('<span></span>').prepend(self.options.caretHtml);
-			var links = self.$el.find("li > a");
-			self._trigger(caret, false);
-			self._trigger(links, true);
-			self.$el.find("li:has(ul) > a").prepend(caret);
-		},
-		/**
-		 * Add the main event trigger to toggle menu items to the given sources
-		 * @param {Element} sources
-		 * @param {Boolean} isLink
-		 */
-		_trigger: function(sources, isLink) {
-			var self = this;
-			sources.on('click', function(event) {
-				event.stopPropagation();
-				var sub = isLink ? $(this).next() : $(this).parent().next();
-				var isAnchor = false;
-				if (isLink) {
-					var href = $(this).attr('href');
-					isAnchor = href === undefined || href === '' || href === '#';
-				}
-				sub = sub.length > 0 ? sub : false;
-				self.options.onClickBefore.call(this, event, sub);
-
-				if (!isLink || sub && isAnchor) {
-					event.preventDefault();
-					self._toggle(sub, sub.is(":hidden"));
-					self._save();
-				} else if (self.options.accordion) {
-					var allowed = self.state = self._parents($(this));
-					self.$el.find('ul').filter(':visible').each(function() {
-						var sub = $(this),
-							idx = sub.attr('data-index');
-
-						if (!allowed.hasOwnProperty(idx)) {
-							self._toggle(sub, false);
-						}
-					});
-					self._save();
-				}
-				self.options.onClickAfter.call(this, event, sub);
-			});
-		},
-		/**
-		 * Accepts a JQuery Element and a boolean flag. If flag is false it removes the `open` css
-		 * class from the parent li and slides up the sub-menu. If flag is open it adds the `open`
-		 * css class to the parent li and slides down the menu. If accordion mode is on all
-		 * sub-menus except the direct parent tree will close. Internally an object with the menus
-		 * states is maintained for later save duty.
-		 *
-		 * @param {Element} sub
-		 * @param {Boolean} open
-		 */
-		_toggle: function(sub, open) {
-			var self = this,
-				idx = sub.attr('data-index'),
-				parent = sub.parent();
-
-			self.options.onToggleBefore.call(this, sub, open);
-			if (open) {
-				parent.addClass(self.options.openClass);
-				sub.slideDown(self.options.slide);
-				self.state[idx] = 1;
-
-				if (self.options.accordion) {
-					var allowed = self.state = self._parents(sub);
-					allowed[idx] = self.state[idx] = 1;
-
-					self.$el.find('ul').filter(':visible').each(function() {
-						var sub = $(this),
-							idx = sub.attr('data-index');
-
-						if (!allowed.hasOwnProperty(idx)) {
-							self._toggle(sub, false);
-						}
-					});
-				}
-			} else {
-				parent.removeClass(self.options.openClass);
-				sub.slideUp(self.options.slide);
-				self.state[idx] = 0;
-			}
-			self.options.onToggleAfter.call(this, sub, open);
-		},
-		/**
-		 * Returns all parents of a sub-menu. When obj is true It returns an object with indexes for
-		 * keys and the elements as values, if obj is false the object is filled with the value `1`.
-		 *
-		 * @since v0.1.2
-		 * @param {Element} sub
-		 * @param {Boolean} obj
-		 * @returns {Object}
-		 */
-		_parents: function(sub, obj) {
-			var result = {},
-				parent = sub.parent(),
-				parents = parent.parents('ul');
-
-			parents.each(function() {
-				var par = $(this),
-					idx = par.attr('data-index');
-
-				if (!idx) {
-					return false;
-				}
-				result[idx] = obj ? par : 1;
-			});
-			return result;
-		},
-		/**
-		 * If `save` option is on the internal object that keeps track of the sub-menus states is
-		 * saved with a cookie. For size reasons only the open sub-menus indexes are stored.		 *
-		 */
-		_save: function() {
-			if (this.options.save) {
-				var save = {};
-				for (var key in this.state) {
-					if (this.state[key] === 1) {
-						save[key] = 1;
-					}
-				}
-				cookie[this.uuid] = this.state = save;
-				$.cookie(this.options.cookie.name, JSON.stringify(cookie), this.options.cookie);
-			}
-		},
-		/**
-		 * If `save` option is on it reads the cookie data. The cookie contains data for all
-		 * navgoco menus so the read happens only once and stored in the global `cookie` var.
-		 */
-		_load: function() {
-			if (this.options.save) {
-				if (cookie === null) {
-					var data = $.cookie(this.options.cookie.name);
-					cookie = (data) ? JSON.parse(data) : {};
-				}
-				this.state = cookie.hasOwnProperty(this.uuid) ? cookie[this.uuid] : {};
-			}
-		},
-		/**
-		 * Public method toggle to manually show|hide sub-menus. If no indexes are provided all
-		 * items will be toggled. You can pass sub-menus indexes as regular params. eg:
-		 * navgoco('toggle', true, 1, 2, 3, 4, 5);
-		 *
-		 * Since v0.1.2 it will also open parents when providing sub-menu indexes.
-		 *
-		 * @param {Boolean} open
-		 */
-		toggle: function(open) {
-			var self = this,
-				length = arguments.length;
-
-			if (length <= 1) {
-				self.$el.find('ul').each(function() {
-					var sub = $(this);
-					self._toggle(sub, open);
-				});
-			} else {
-				var idx,
-					list = {},
-					args = Array.prototype.slice.call(arguments, 1);
-				length--;
-
-				for (var i = 0; i < length; i++) {
-					idx = args[i];
-					var sub = self.$el.find('ul[data-index="' + idx + '"]').first();
-					if (sub) {
-						list[idx] = sub;
-						if (open) {
-							var parents = self._parents(sub, true);
-							for (var pIdx in parents) {
-								if (!list.hasOwnProperty(pIdx)) {
-									list[pIdx] = parents[pIdx];
-								}
-							}
-						}
-					}
-				}
-
-				for (idx in list) {
-					self._toggle(list[idx], open);
-				}
-			}
-			self._save();
-		},
-		/**
-		 * Removes instance from JQuery data cache and unbinds events.
-		 */
-		destroy: function() {
-			$.removeData(this.$el);
-			this.$el.find("li:has(ul) > a").unbind('click');
-			this.$el.find("li:has(ul) > a > span").unbind('click');
-		}
-	};
-
-	/**
-	 * A JQuery plugin wrapper for navgoco. It prevents from multiple instances and also handles
-	 * public methods calls. If we attempt to call a public method on an element that doesn't have
-	 * a navgoco instance, one will be created for it with the default options.
-	 *
-	 * @param {Object|String} options
-	 */
-	$.fn.navgoco = function(options) {
-		if (typeof options === 'string' && options.charAt(0) !== '_' && options !== 'init') {
-			var callback = true,
-				args = Array.prototype.slice.call(arguments, 1);
-		} else {
-			options = $.extend({}, $.fn.navgoco.defaults, options || {});
-			if (!$.cookie) {
-				options.save = false;
-			}
-		}
-		return this.each(function(idx) {
-			var $this = $(this),
-				obj = $this.data('navgoco');
-
-			if (!obj) {
-				obj = new Plugin(this, callback ? $.fn.navgoco.defaults : options, idx);
-				$this.data('navgoco', obj);
-			}
-			if (callback) {
-				obj[options].apply(obj, args);
-			}
-		});
-	};
-	/**
-	 * Global var holding all navgoco menus open states
-	 *
-	 * @type {Object}
-	 */
-	var cookie = null;
-
-	/**
-	 * Default navgoco options
-	 *
-	 * @type {Object}
-	 */
-	$.fn.navgoco.defaults = {
-		caretHtml: '',
-		accordion: false,
-		openClass: 'open',
-		save: true,
-		cookie: {
-			name: 'navgoco',
-			expires: false,
-			path: '/'
-		},
-		slide: {
-			duration: 400,
-			easing: 'swing'
-		},
-		onClickBefore: $.noop,
-		onClickAfter: $.noop,
-		onToggleBefore: $.noop,
-		onToggleAfter: $.noop
-	};
-})(jQuery);