elixir-toolkit-theme 1.18.0 → 1.19.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 702636aa170b2e75631a12f0d9be59517201ed939f85f05ad55995605eebfdd0
-  data.tar.gz: 3b65284656f88bd3ef65100136314bf63b8b26673e6f0209a2fe03e021fb935b
+  metadata.gz: 8974445df1cfdf69a5a0bc624bebace7dc8dd1d3865d28001b6098be12dd4d48
+  data.tar.gz: 4aa16186b7890329f81bd5766e042e1b098c3f7c438061ffed2e49bd9278c568
 SHA512:
-  metadata.gz: '007482963824a42c21fed1785de053c989aaf7d3a1c09f5524d29ff3a63051dbb6678765d743c8b707908a4eda36288f375743797b8926871d34fd2e80e377d0'
-  data.tar.gz: c7e480e1f14b95d2be8f990fbc15bb79663049cfe46e95b69135fac6ab7a19471c83f70649ec184a7e4992d47246902efcaa87729bee9d8635a90107f9fef394
+  metadata.gz: fc9d21cbe26bf4978d51009ccb97b8ccc9701c2ed3adc6abd087d99c3600c792a109cbccc333dec8ae6ef75cd8f9946f2507e20421a1987d3c8d7c24ccd41b96
+  data.tar.gz: b9043913369071d3ec4eb0dbebec2ef01d07bae10dd0d78c9bd92c156e4b65b91a6104b4deb2ad1d01bcfbd03867a5a66cc9d113430381e5560688c675167f1d

data/_includes/head.html

@@ -6,7 +6,7 @@
     {%- capture keywords %}
     {%- if page.related_pages %}
     {%- for section in page.related_pages %}
-    {%- unless section[1] == nil %}
+    {%- unless section[1].size == 0 %}
     {%- for keywordstr in section[1] %}
     {%- assign keywordpage = site.pages | where: "page_id", keywordstr | first  %}
     {%- if allkeywords %}

data/_includes/more-information-tiles.html

@@ -17,13 +17,13 @@
                                 <div class="col-2 d-flex align-items-center justify-content-center">
                                     {%- assign registry = training.registry |  downcase %}
                                     {%- if registry  == "tess" %}
-                                    <img alt="TeSS logo" class="img-fluid" src="assets/img/tess_logo.svg">
+                                    <img alt="TeSS logo" class="img-fluid" src="{{ 'assets/img/tess_logo.svg' | relative_url }}">
                                     {%- elsif registry == "zenodo" %}
-                                    <img alt="Zenodo logo" class="img-fluid" src="assets/img/zenodo_logo.svg">
+                                    <img alt="Zenodo logo" class="img-fluid" src="{{ 'assets/img/zenodo_logo.svg' | relative_url }}">
                                     {%- elsif registry == "youtube" %}
-                                    <img alt="Youtube logo" class="img-fluid" src="assets/img/youtube_logo.svg">
+                                    <img alt="Youtube logo" class="img-fluid" src="{{ 'assets/img/youtube_logo.svg' | relative_url }}">
                                     {%- elsif registry == "carpentries" %}
-                                    <img alt="Carpentries" class="img-fluid" src="assets/img/carpentries_logo.svg">
+                                    <img alt="Carpentries" class="img-fluid" src="{{ 'assets/img/carpentries_logo.svg' | relative_url }}">
                                     {%- else %}
                                     <i class="fa-solid fa-external-link-alt text-primary fs-5"></i>
                                     {%- endif %}
@@ -53,7 +53,7 @@
                         <a class="btn bg-white hover-primary text-start" data-bs-toggle="tooltip" data-bs-placement="right" title="FAIRCookbook" href="{{ recipe.url }}">
                             <div class="row g-1">
                                 <div class="col-2 d-flex align-items-center justify-content-center">
-                                    <img alt="FAIRCookbook logo" class="img-fluid" src="assets/img/fairplus_compact_logo.svg">
+                                    <img alt="FAIRCookbook logo" class="img-fluid" src="{{ 'assets/img/fairplus_compact_logo.svg' | relative_url }}">
                                 </div>
                                 <div class="col-10 d-flex align-items-center">
                                     <span class="text-start">Step-by-step process for: {{recipe.name}}</span>
@@ -69,7 +69,7 @@
                         <a class="btn bg-white hover-primary text-start" data-bs-toggle="tooltip" data-bs-placement="right" title="DSW" href="{{ site.dsw_deep_link_prefix | append: question.uuid }}">
                             <div class="row g-1">
                                 <div class="col-2 d-flex align-items-center justify-content-center">
-                                    <img alt="DSW logo" class="img-fluid" src="assets/img/dsw_compact_logo.svg">
+                                    <img alt="DSW logo" class="img-fluid" src="{{ 'assets/img/dsw_compact_logo.svg' | relative_url }}">
                                 </div>
                                 <div class="col-10 d-flex align-items-center">
                                     <span class="text-start">Support for DMP on: {{question.name}}</span>
@@ -85,7 +85,7 @@
                         <a class="btn bg-white hover-primary text-start" data-bs-toggle="tooltip" data-bs-placement="right" title="FAIRsharing" href="{{ standard.url }}">
                             <div class="row g-1">
                                 <div class="col-2 d-flex align-items-center justify-content-center">
-                                    <img alt="FAIRsharing logo" class="img-fluid" src="assets/img/fairsharing_compact_logo.svg">
+                                    <img alt="FAIRsharing logo" class="img-fluid" src="{{ 'assets/img/fairsharing_compact_logo.svg' | relative_url }}">
                                 </div>
                                 <div class="col-10 d-flex align-items-center">
                                     <span class="text-start">FAIRsharing collection about: {{standard.name}}</span>
@@ -101,7 +101,7 @@
                         <a class="btn bg-white hover-primary text-start" data-bs-toggle="tooltip" data-bs-placement="right" title="RDMkit" href="{{ rdmdoc.url }}">
                             <div class="row g-1">
                                 <div class="col-2 d-flex align-items-center justify-content-center">
-                                    <img alt="RDMkit logo" class="img-fluid" src="assets/img/rdmkit_compact_logo.svg">
+                                    <img alt="RDMkit logo" class="img-fluid" src="{{ 'assets/img/rdmkit_compact_logo.svg' | relative_url }}">
                                 </div>
                                 <div class="col-10 d-flex align-items-center">
                                     <span class="text-start">Data management guidelines on: {{rdmdoc.name}}</span>

data/_includes/news.html

@@ -1,6 +1,6 @@
 <div class="news">
   {%- if include.title == true %}
-  <h2>Whats new?</h2>
+  <h2>What's new?</h2>
   {%- endif %}
   {%- assign news = site.data.news | sort: "date" %}
   {%- assign count = 0 %}

data/_includes/related-pages.html

@@ -23,7 +23,7 @@
                     {%- assign metadata = section_pages | where:"page_id", page_id %}
                     {%- for page_hit in metadata %}
                     <li class="d-grid">
-                        <a class="btn bg-white hover-primary text-start" href="{{ page_hit.url | relative_url }}"><span>{{page_hit.title}}{% if page_hit.description %}</span><br><small class="text-muted">{{ page_hit.description | capitalize }}</small>{% endif %}</a>
+                        <a class="btn bg-white hover-primary text-start" href="{{ page_hit.url | relative_url }}"><span>{{page_hit.title}}{% if page_hit.description %}</span><br><small class="text-muted">{{ page_hit.description }}</small>{% endif %}</a>
                     </li>
                     {%- endfor %}
                     {%- endfor %}

data/_includes/resource-table-all.html

@@ -120,7 +120,7 @@
                 {%- if tool.related_pages %}
                 {%- capture related_pages %}
                 {%- for section in tool.related_pages %}
-                {%- unless section.size == 0 %}
+                {%- unless section[1].size == 0 %}
                 {%- for tag in section[1] %}
                 {%- unless tag == page.page_id %}
                 {%- assign related_page = site.pages | where:"page_id",tag | first %}

data/_includes/resource-table-page.html

@@ -40,7 +40,7 @@
                 {%- if tool.related_pages %}
                 {%- capture related_pages %}
                 {%- for section in tool.related_pages %}
-                {%- unless section.size == 0 %}
+                {%- unless section[1].size == 0 %}
                 {%- for tag in section[1] %}
                 {%- unless tag == page.page_id %}
                 {%- assign related_page = site.pages | where:"page_id",tag | first %}

data/_includes/section-navigation-tiles.html

@@ -37,7 +37,7 @@
     <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="buttonUp();" placeholder="Type here..." aria-label="{{page.type | replace: '_', ' ' |}}" aria-describedby="search-label">
+            <input type="text" id="title-search" class="form-control" onkeyup="StartSearch();" placeholder="Type here..." aria-label="{{page.type | replace: '_', ' ' |}}" aria-describedby="search-label">
             <button class="btn btn-primary" title="Button to clear search" type="button" id="clearsearch">
                 <i class="fa-solid fa-backspace"></i>
             </button>
@@ -63,7 +63,7 @@
     <div class="col" data-affiliations="{{affiliations_classes}}" related-pages="{{related_pages_classes}}">
         <div class="card h-100">
             <div class="card-header">
-                <a aria-label="Go to the {{current_page.title}} page" href="{{ current_page.url | relative_url }}">
+                <a class="stretched-link" aria-label="Go to the {{current_page.title}} page" href="{{ current_page.url | relative_url }}">
                     <h3 class="card-title m-0">{{current_page.title}}</h3>
                 </a>
             </div>
@@ -71,21 +71,64 @@
                 {%- if current_page.description %}
                 <p class="card-text">{{ current_page.description}}</p>
                 {%- endif %}
+            </div>
+            <div class="px-3 pb-3 d-flex justify-content-between">
                 {%- if current_page.related_pages %}
+                {%- assign nonempty = false %}
                 {%- for section in current_page.related_pages %}
-                {%- unless section[1] == nil %}
-                <div>
-                    <span><b><small>{{ section[0] | replace: "_", " " | capitalize }}: </small></b></span>
-                    {%- for page_id in section[1] %}
-                    {%- assign section_pages = site.pages | where:"type", section[0] %}
-                    {%- assign metadata = section_pages | where:"page_id", page_id %}
-                    {%- for page_hit in metadata %}
-                    <a href="{{ page_hit.url | relative_url }}"><span class="badge">{{page_hit.title | truncate: 20 }}</span></a>
-                    {%- endfor %}
-                    {%- endfor %}
-                </div>
+                {%- unless section[1].size == 0 %}
+                {%- assign nonempty = true %}
                 {%- endunless %}
                 {%- endfor %}
+                {%- if nonempty %}
+                <div class="dropdown">
+                    <button class="btn  btn-sm dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
+                      Related pages
+                    </button>
+                    <ul class="dropdown-menu px-2 py-0 border-0 shadow">
+                        {%- for section in current_page.related_pages %}
+                        {%- unless section[1].size == 0 %}
+                        <li><h6 class="dropdown-header">{{ section[0] | replace: "_", " " | capitalize }}</h6></li>
+                        {%- for page_id in section[1] %}
+                        {%- assign section_pages = site.pages | where:"type", section[0] %}
+                        {%- assign metadata = section_pages | where:"page_id", page_id %}
+                        {%- for page_hit in metadata %}
+                        <li><a class="dropdown-item rounded" href="{{ page_hit.url | relative_url }}">{{page_hit.title }}</a></li>
+                        {%- endfor %}
+                        {%- endfor %}
+                        {%- endunless %}
+                        {%- endfor %}
+                    </ul>
+                </div>
+                {%- endif %}
+                {%- endif %}
+                {%- if current_page.dsw or current_page.faircookbook %}
+                <div class="btn-group btn-group-sm" role="group">
+                    {%- if current_page.faircookbook %}
+                    <div class="btn-group btn-group-sm" role="group">
+                        <button class="btn dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
+                            <img alt="faircookbook logo" src="{{ 'assets/img/fairplus_compact_logo.svg' | relative_url }}">
+                        </button>
+                        <ul class="dropdown-menu px-2 py-0 border-0 shadow">
+                            {%- for item in current_page.faircookbook %}
+                            <li><a class="dropdown-item rounded" href="{{ item.url }}">{{item.name }}</a></li>
+                            {%- endfor %}
+                        </ul>
+                    </div>
+                    {%- endif %}
+                    {%- if current_page.dsw %}
+                    <div class="btn-group btn-group-sm" role="group">
+                        <button class="btn dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-expanded="false">
+                            <img alt="DSW logo" src="{{ 'assets/img/dsw_compact_logo.svg' | relative_url }}">
+                        </button>
+                        <ul class="dropdown-menu px-2 py-0 border-0 shadow">
+                            {%- for item in current_page.dsw %}
+                            <li><a class="dropdown-item rounded" href="{{ site.dsw_deep_link_prefix | append: item.uuid }}">{{item.name }}</a></li>
+                            {%- endfor %}
+                        </ul>
+                    </div>
+                    {%- endif %}
+                </div>
                 {%- endif %}
             </div>
             {%- if current_page.affiliations %}
@@ -100,7 +143,7 @@
                     {%- if affiliation.size == 2 %}
                     {%- assign country_link = site.pages | where:"country_code",country | first %}
                     {%- if country_link %}
-                    <a role="button" href="{{country_link.url}}" data-bs-toggle="tooltip" title="{{allcountries[country]}}" class="btn btn-sm bg-white hover-primary">
+                    <a role="button" href="{{'country_link.url' | relative_url}}" data-bs-toggle="tooltip" title="{{allcountries[country]}}" class="btn btn-sm bg-white hover-primary">
                         {%- else %}
                         <a role="button" data-bs-toggle="tooltip" title="{{allcountries[country]}}" class="btn btn-sm bg-white hover-primary disabled" aria-disabled="true">
                             {%- endif %}
@@ -171,7 +214,7 @@
      * Search cards
      */
 
-    var buttonUp = () => {
+    var StartSearch = () => {
         const input = document.getElementById("title-search");
         if (input) {
             const cols = document.querySelectorAll(".navigation-tiles .col");

data/_includes/topnav.html

@@ -2,7 +2,7 @@
 <header>
     <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-expand-lg mb-3 mb-lg-5">
+    <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" 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">
@@ -55,6 +55,7 @@
                         <a class="nav-link ps-2 d-flex align-items-center" href="{{site.github.repository_url}}"><i class="fa-brands fa-github me-2"></i>{{site.theme_variables.git_host | default: 'GitHub' }}</a>
                     </li>
                     {%- endif %}
+                    {%- unless include.search == false %}
                     <!--start search-->
                     <li class="nav-item ms-0 ms-lg-3 my-2 my-lg-0">
                         <div class="position-relative">
@@ -65,6 +66,7 @@
                         </div>
                     </li>
                     <!--end search-->
+                    {%- endunless %}
                 </ul>
             </div>
         </div>

data/_sass/_bootstrap_variables.scss

@@ -6,5 +6,3 @@ $dark:          #212529;
 
 /*-----Custom values for Bootstrap variables-----*/
 $link-decoration: none;
-$nav-link-color: $dark;
-$nav-link-hover-color: $primary;

data/_sass/bootstrap/_buttons.scss

@@ -4,7 +4,6 @@
 
 .btn {
   display: inline-block;
-  align-self: center;
   font-family: $btn-font-family;
   font-weight: $btn-font-weight;
   line-height: $btn-line-height;

data/_sass/bootstrap/bootstrap-grid.scss

@@ -1,5 +1,5 @@
 /*!
- * Bootstrap Grid v5.1.2 (https://getbootstrap.com/)
+ * Bootstrap Grid v5.1.3 (https://getbootstrap.com/)
  * Copyright 2011-2021 The Bootstrap Authors
  * Copyright 2011-2021 Twitter, Inc.
  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)

data/_sass/bootstrap/bootstrap-reboot.scss

@@ -1,5 +1,5 @@
 /*!
- * Bootstrap Reboot v5.1.2 (https://getbootstrap.com/)
+ * Bootstrap Reboot v5.1.3 (https://getbootstrap.com/)
  * Copyright 2011-2021 The Bootstrap Authors
  * Copyright 2011-2021 Twitter, Inc.
  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)

data/_sass/bootstrap/bootstrap-utilities.scss

@@ -1,5 +1,5 @@
 /*!
- * Bootstrap Utilities v5.1.2 (https://getbootstrap.com/)
+ * Bootstrap Utilities v5.1.3 (https://getbootstrap.com/)
  * Copyright 2011-2021 The Bootstrap Authors
  * Copyright 2011-2021 Twitter, Inc.
  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)

data/_sass/bootstrap/bootstrap.scss

@@ -1,5 +1,5 @@
 /*!
- * Bootstrap v5.1.2 (https://getbootstrap.com/)
+ * Bootstrap v5.1.3 (https://getbootstrap.com/)
  * Copyright 2011-2021 The Bootstrap Authors
  * Copyright 2011-2021 Twitter, Inc.
  * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE)

data/assets/css/main.scss

@@ -39,11 +39,11 @@ main {
         margin-top: $spacer * 1.5;
     }
 
-    h3+h4 {
+    h3 + h4 {
         margin-top: $spacer * 0.25;
     }
 
-    a:not(.btn) {
+    a:not(.btn):not(.dropdown-item) {
         overflow-wrap: break-word;
         word-wrap: break-word;
         -ms-word-break: break-all;
@@ -51,13 +51,12 @@ main {
 
         &:hover {
             text-decoration: underline;
-
         }
     }
 
     ol li,
     ul li {
-        margin: 10px 0px;
+        margin: $spacer * .5 0;
 
         &::marker {
             color: $primary;
@@ -71,11 +70,11 @@ main {
 }
 
 .ff-body {
-    font-family: $font-family-sans-serif  !important;
+    font-family: $font-family-sans-serif !important;
 }
 
 .ff-theme {
-    font-family: $font-family-theme  !important;
+    font-family: $font-family-theme !important;
 }
 
 /*-----Blockquote-----*/
@@ -176,7 +175,7 @@ header .navbar {
         height: 1px;
     }
 
-    background-color: rgba($nav-link-color, 0.3);
+    background-color: rgba($navbar-{{site.theme_variables.topnav.theme | default: "light"}}-color, 0.3);
 }
 
 /*-----Search box top navigation-----*/
@@ -264,7 +263,7 @@ header .navbar {
     vertical-align: top;
 }
 
-.search-result-preview+.search-result-preview {
+.search-result-preview + .search-result-preview {
     margin-top: 0.25rem;
 }
 
@@ -303,21 +302,21 @@ header .navbar {
     background-color: $sidebar-bg-active;
 }
 
-#side-nav>ul {
-    >li:not(.sidebar-title)>a {
+#side-nav > ul {
+    > li:not(.sidebar-title) > a {
         background-color: $sidebar-bg;
         color: $sidebar-color;
     }
 
-    li>a {
-        >span {
+    li > a {
+        > span {
             float: right;
             width: 15px;
             margin-left: $btn-padding-x;
             text-align: center;
         }
 
-        >span:after {
+        > span:after {
             display: inline-block;
             font-style: normal;
             font-variant: normal;
@@ -331,12 +330,12 @@ header .navbar {
     }
 
     li.active {
-        &:not(.parent)>a {
+        &:not(.parent) > a {
             background-color: $sidebar-bg-active;
             color: $sidebar-color-active;
         }
 
-        >a>span:after {
+        > a > span:after {
             transform: rotate(-180deg);
         }
     }
@@ -413,7 +412,7 @@ header .navbar {
 
 /*-----General table properties-----*/
 
-.table> :not(:first-child) {
+.table > :not(:first-child) {
     border-color: inherit;
 }
 
@@ -459,12 +458,12 @@ footer {
     color: $footer-color;
 
     a {
-        color: $footer-link-color  !important;
+        color: $footer-link-color !important;
         font-weight: bold;
     }
 
     a:hover {
-        color: $footer-link-color-hover  !important;
+        color: $footer-link-color-hover !important;
     }
 
     h2 {
@@ -513,7 +512,6 @@ footer {
         color: $primary;
         font-size: 0.8em;
     }
-
 }
 
 /*-----Contributors carousel-----*/
@@ -569,7 +567,7 @@ footer {
         }
 
         .coordinator-crown {
-            font-size: 0.60em;
+            font-size: 0.6em;
             width: 1.8em;
             height: 1.8em;
             line-height: 1.8;
@@ -609,11 +607,11 @@ footer {
     transition: all 500ms ease-out;
 
     a {
-        color: $footer-link-color  !important;
+        color: $footer-link-color !important;
     }
 
     a:hover {
-        color: $footer-link-color-hover  !important;
+        color: $footer-link-color-hover !important;
     }
 }
 
@@ -628,15 +626,15 @@ footer {
 
 .hover-primary:hover,
 .hover-primary:focus {
-    background-color: $btn-primary-bg-hover  !important;
+    background-color: $btn-primary-bg-hover !important;
     transition: $btn-transition;
-    color: $btn-primary-color-hover  !important;
+    color: $btn-primary-color-hover !important;
 }
 
 .text-hover-primary:hover,
 .text-hover-primary:focus {
     transition: $btn-transition;
-    color: $primary  !important;
+    color: $primary !important;
 }
 
 /*-----Size components-----*/
@@ -653,8 +651,8 @@ li.past_event,
     display: none;
 }
 
-.events>ul>li,
-.news>ul>li {
+.events > ul > li,
+.news > ul > li {
     border-left: $news-border-color 5px solid;
     border-radius: $border-radius;
     padding: 0px 11px;
@@ -674,7 +672,7 @@ li.past_event,
         display: inline-block;
     }
 
-    .full-description>*:last-child {
+    .full-description > *:last-child {
         margin-bottom: 0;
 
         li {
@@ -696,12 +694,12 @@ li.past_event,
     a:hover {
         .text-muted {
             transition: $btn-transition;
-            color: $white  !important;
+            color: $white !important;
         }
 
         i {
             transition: $btn-transition;
-            color: $white  !important;
+            color: $white !important;
         }
     }
 
@@ -718,15 +716,15 @@ li.past_event,
     background-size: cover;
 }
 
-
 /*-----Section navigation tiles-----*/
 
 .navigation-tiles {
     .card {
         background-color: $nav-card-bg;
 
-        .card-text {
-            min-height: 4.5em;
+        a:not(.stretched-link), button:not(.stretched-link) {
+            z-index: 2;
+            position: relative;
         }
 
         .card-header {
@@ -737,15 +735,16 @@ li.past_event,
             }
         }
 
-        .badge {
-            font-weight: inherit;
+        button {
             background-color: $nav-card-badge-bg;
             color: $nav-card-badge-color;
-        }
-
-        .badge:hover {
-            color: $nav-card-badge-color-hover;
-            background-color: $nav-card-badge-bg-hover;
+            &:hover {
+                color: $nav-card-badge-color-hover;
+                background-color: $nav-card-badge-bg-hover;
+            }
+            img {
+                height: 1.2em;
+            }
         }
     }
 }
@@ -759,4 +758,3 @@ iframe.scale {
 }
 
 @import "custom_classes";
-