elixir-toolkit-theme 1.15.2 → 1.18.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 6cfd52126ba440141b223fc9c9936c110ce2bc1106b727b538fcc133e082e28d
-  data.tar.gz: d73557479018ea17c1e456a8745e3426350142fe600ee9c946d5ed0a0767503e
+  metadata.gz: 702636aa170b2e75631a12f0d9be59517201ed939f85f05ad55995605eebfdd0
+  data.tar.gz: 3b65284656f88bd3ef65100136314bf63b8b26673e6f0209a2fe03e021fb935b
 SHA512:
-  metadata.gz: 667377e6e1260eefdfe48ebcff0603cd8540c84d7906856e6de6e7b24e24ea4a02b64098923b51d99a7d7b420dda8b11781104d1d2143e8ec7151b3c1dca2e50
-  data.tar.gz: 538df21e9e8b6578a5d1556cf27dfcb6336b157ab5062a9b6f3e05924c011cf6e3270f301410014489c6426a718db7d098f7e199b5456812fc563765e3ec5619
+  metadata.gz: '007482963824a42c21fed1785de053c989aaf7d3a1c09f5524d29ff3a63051dbb6678765d743c8b707908a4eda36288f375743797b8926871d34fd2e80e377d0'
+  data.tar.gz: c7e480e1f14b95d2be8f990fbc15bb79663049cfe46e95b69135fac6ab7a19471c83f70649ec184a7e4992d47246902efcaa87729bee9d8635a90107f9fef394

data/README.md

@@ -23,13 +23,16 @@ Its key features:
 
 ## Installation
 
-### via GitHub Pages remote theme
+### via GitHub Pages remote theme (installation free!)
 
-The quickiest way to use Just The Docs is to use GitHub pages [remote theme](https://blog.github.com/2017-11-29-use-any-theme-with-github-pages/) feature in your `config.yml` file:
+The quickest way to use the elixir-toolkit-theme is to use the GitHub pages [remote theme](https://blog.github.com/2017-11-29-use-any-theme-with-github-pages/) feature in your `config.yml` file:
 
 ```yaml
 remote_theme: ELIXIR-Belgium/elixir-toolkit-theme
 ```
+
+It also allows you to use a specific version of the theme by add `@X.X.X` to make sure your website keeps working iif breaking changes get introduced.
+
 ### via RubyGems:
 
 Alternatively you can install it as a Ruby Gem (preferred way if you use GitLab).
@@ -96,7 +99,7 @@ docker run -it --rm -p [::1]:4000:4000 -v $PWD:/srv/jekyll jekyll/jekyll:latest
 
 This will start the docker container and serve the website locally. Make sure the `.\_site` is not yet created to avoid permission errors.
 
-## This theme is known to be used in:
+## This theme is known to be used in
 
 - [RDMkit](https://rdmkit.elixir-europe.org/)
 - [WorkflowHub project](https://about.workflowhub.eu/)
@@ -104,7 +107,7 @@ This will start the docker container and serve the website locally. Make sure th
 - [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/)
 
 ## Used packages
 

data/_includes/affiliation-tiles-selection.html

@@ -6,7 +6,7 @@
   <div class="col">
     <div class="card h-100 border-0">
       <div class="my-auto d-flex justify-content-center">
-        {% if affiliation.url %}<a href="{{ affiliation.url }}">{% endif %}<img class="rounded w-100" src="{{ affiliation.image_url | relative_url }}" alt="{{ affiliation.name }}">{%- if affiliation.url %}</a>{% endif %}
+        {% if affiliation.url %}<a class="w-100" href="{{ affiliation.url }}">{% endif %}<img class="rounded" src="{{ affiliation.image_url | relative_url }}" alt="{{ affiliation.name }}">{%- if affiliation.url %}</a>{% endif %}
       </div>
     </div>
   </div>

data/_includes/contributor-minitiles-page.html

@@ -1,5 +1,5 @@
 {%- if page.contributors and page.contributors.size != 0 %}
-<span class="d-block h2-like fs-2 text-dark">Contributors</span>
+<span class="d-block h2-like fs-2">Contributors</span>
 <div class="p-4 rounded mt-4 page-contributors">
     {%- assign contributors = site.data.CONTRIBUTORS %}
     {%- assign page_contributors = page.contributors | sort %}
@@ -7,7 +7,7 @@
     {%- assign id = contributors[contributor].git | default: 'no_github' %}
     {%- capture html_code %}
     {%- assign stripped_name = contributor | replace: "'", "’" %}
-    <div class="card bg-white">
+    <div class="card">
         {%- assign id = contributors[contributor].git | default: 'no_github' %}
         <div class="position-relative d-flex justify-content-center">
           {%- if contributors[contributor].image_url %}
@@ -26,7 +26,7 @@
           {%- endif %}
         </div>
         {%- if contributors[contributor].git or contributors[contributor].email or contributors[contributor].orcid %}
-        <div class="card-footer bg-dark">
+        <div class="card-footer">
           <div class="d-flex justify-content-center">
             {%- if contributors[contributor].git %}
             <div class="mx-1"><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></div>

data/_includes/events.html

@@ -1,5 +1,5 @@
 <div class="events {{include.event_type}}s">
-  {%- if include.title == "true" %}
+  {%- if include.title == true%}
   <h2>{{include.event_type | replace: "_", " " | capitalize}}s</h2>
   {%- endif %}
   {%- assign events = site.data.events %}
@@ -16,7 +16,7 @@
       {%- endif %}
       {%- if event.description %}
       {%- assign word_count = event.description | split: " " | size %}
-      {%- if include.truncate == "true" and  word_count > 40 %}
+      {%- 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
       </a>
@@ -32,7 +32,7 @@
     {%- assign count = count | plus: 1 %}
     {%- endfor %}
   </ul>
-  {%- if include.caption == "true" %}
+  {%- if include.caption == true%}
   <small>An overview of all our events can be fount on the <a href="{{'/events' | relative_url}}">events page</a>.</small>
   {%- endif %}
 </div>

data/_includes/head.html

@@ -6,9 +6,17 @@
     {%- capture keywords %}
     {%- if page.related_pages %}
     {%- for section in page.related_pages %}
-    {%- unless section[1] == nil %}{{ section[1] | join: ', ' }}
-    {%- endunless %}
+    {%- unless section[1] == nil %}
+    {%- for keywordstr in section[1] %}
+    {%- assign keywordpage = site.pages | where: "page_id", keywordstr | first  %}
+    {%- if allkeywords %}
+    {%- assign allkeywords = allkeywords | append: ", " | append: keywordstr | append: ", " | append: keywordpage.title %}
+    {%- else %}
+    {%- assign allkeywords = allkeywords | append: keywordstr | append: ", " | append: keywordpage.title %}
+    {%- endif %}
     {%- endfor %}
+    {%- endunless %}
+    {%- endfor %}{{allkeywords}}
     {%- endif %}
     {%- endcapture %}
     <meta name="keywords" content="{{keywords}}">
@@ -46,7 +54,6 @@
     <script src="{{ 'assets/js/anchor.min.js' | relative_url }}"></script>
     <script src="{{ 'assets/js/toc.js' | relative_url }}"></script>
     <script src="{{ 'assets/js/jquery.navgoco.js' | relative_url }}"></script>
-    <script src="{{ 'assets/js/jquery.cookie.min.js' | relative_url }}"></script>
     <script src="{{ 'assets/js/main.js' | relative_url }}"></script>
     <script src="{{ 'assets/js/search.js' | relative_url }}"></script>
     {%- if page.datatable == true %}

data/_includes/image.html

@@ -1,21 +1,21 @@
-<figure class="{% if {{include.inline}} == true %}my-0{% else %}my-4{%- endif %} {% if {{include.class}} %}{{include.class}}{%- endif %}"{% if {{include.max-width}} %}width={{include.max-width}}{%- endif %}>
+<figure class="{% if include.inline == true %}my-0{% else %}my-4{%- endif %} {% if include.class %}{{include.class}}{%- endif %}" {% if include.max-width %}style="max-width:{{include.max-width}}"{% endif %}>
     {%- capture file_url -%}
     {{ "/images/" | append:include.file | relative_url }}
     {%- endcapture -%}
-    {%- if {{include.url}} %}
+    {%- if include.url %}
     <a target="_blank" rel="noopener" href="{{include.url}}">
     {%- elsif {{include.click}} == true %}
     <a target="_blank" rel="noopener noreferrer" href="{{file_url}}">
     {%- endif %}
     <img src="{{file_url}}" alt="{{include.alt}}" class="figure-img img-fluid rounded"/>
-    {%- if {{include.url}} or {{include.click}} == true %}
+    {%- if include.url or include.click == true %}
     </a>
     {%- endif %}
-    {%- if {{include.caption}} %}
+    {%- if include.caption %}
     <figcaption class="figure-caption">
-    {{include.caption}}
+    {{ include.caption | markdownify }}
     </figcaption>
     {%- endif %}
-{%- if {{include.inline}} != true %}
+{%- if include.inline != true %}
 </figure>
 {%- endif %}

data/_includes/news.html

@@ -1,8 +1,8 @@
 <div class="news">
-  {%- if include.title == "true" %}
+  {%- if include.title == true %}
   <h2>Whats new?</h2>
   {%- endif %}
-  {%- assign news = site.data.news | sort: "date"%}
+  {%- assign news = site.data.news | sort: "date" %}
   {%- assign count = 0 %}
   <ul class="list-unstyled mt-3">
     {%- for new in news reversed%}
@@ -11,7 +11,7 @@
       <p class="text-muted"><i class="far fa-calendar me-2"></i><time>{{ new.date | date_to_long_string }}</time>{% if new.linked_pr %}<b> - </b><i class="fa-solid fa-code-branch"></i><a href="{{ site.github.repository_url | append: '/pull/' | append: new.linked_pr }}">{{new.linked_pr }}</a>{% endif %}</p>
       {%- if new.description %}
       {%- assign word_count = new.description | split: " " | size %}
-      {%- if include.truncate == "true" and  word_count > 40 %}
+      {%- 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
       </a>
@@ -30,7 +30,7 @@
     {%- endif %}
     {%- endfor %}
   </ul>
-  {%- if include.caption == "true" %}
-  <small>For more news please visit our <a href="/news">news page</a>.</small>
+  {%- if include.caption == true %}
+  <small>For more news please visit our <a href="{{ '/news' | relative_url }}">news page</a>.</small>
   {%- endif %}
 </div>

data/_includes/resource-table-all.html

@@ -1,12 +1,12 @@
 {%- assign tools = site.data.tool_and_resource_list | where:"related_pages", include.tag %}
-{%- assign country_pages = site.pages | where_exp: "item", "item.search_exclude != true" | where_exp:"item","item.resources != nil" %}
+{%- assign country_pages = site.pages | where_exp: "item", "item.search_exclude != true" | where_exp:"item","item.national_resources != nil" %}
 {%- unless tools.size == 0 %}
 {%- if include.tag %}
 <h2>Relevant tools and resources</h2>
 {%- endif %}
 <a class="visually-hidden-focusable" href='#skip-tool-table'>Skip tool table</a>
 <div class="table-responsive mt-4 mb-5">
-    <table id="tooltable" class="table display">
+    <table class="tooltable table display">
         <thead>
             <tr class="text-nowrap">
                 <th>Tool or resource {%- if include.tag -%}
@@ -26,12 +26,12 @@
         <tbody>
             {%- for tool in tools | sort %}
             <tr>
-                {%- assign total_county_tools = 0 %}
                 {%- assign instances_tool = 0 %}
+                {%- assign total_county_tools = 0 %}
                 {%- assign query = "related_pages." | append: page.type %}
                 {%- for country_page in country_pages %}
-                {%- assign instance_matches = country_page.resources | where: "instance_of", tool.name | where_exp:"resource","resource.related_pages != nil" | where: query, include.tag %}
-                {%- assign tool_matches = country_page.resources | where_exp:"resource","resource.related_pages != nil" | where: query, include.tag %}
+                {%- assign instance_matches = country_page.national_resources | where: "instance_of", tool.name | where_exp:"resource","resource.related_pages != nil" | where: query, include.tag %}
+                {%- assign tool_matches = country_page.national_resources | where_exp:"resource","resource.related_pages != nil" | where: query, include.tag %}
                 {%- unless tool_matches.size == 0 %}
                 {%- assign total_county_tools = total_county_tools | plus: tool_matches.size %}
                 {%- endunless %}
@@ -39,17 +39,27 @@
                 {%- assign instances_tool = instances_tool | plus: instance_matches.size %}
                 {%- endunless %}
                 {%- endfor %}
-                {% if tool.link %}
-                <td><a href="{{tool.link}}">{{tool.name}}</a></td>
+                {% if tool.url %}
+                <td><a href="{{tool.url}}">{{tool.name}}</a></td>
                 {%- else %}
                 <td>{{tool.name}}</td>
                 {%- endif %}
                 <td>{{tool.description}}
-                    {%- unless instances_tool == 0 or total_county_tools == 0 or include.tag == nil %}
-                    <a href="#national-resources-button" class="d-block mt-1">
-                        <span class="badge text-white bg-primary"><i class="fa-solid fa-arrow-circle-down me-2"></i>Different instances available</span>
-                    </a>
-                    {%- endunless %}
+                    {%- if instances_tool != 0 and total_county_tools != 0 and include.tag != nil or tool.instance_of or tool.how_to_access %}
+                    <div class="d-block mt-1">
+                        {%- if tool.instance_of %}
+                        <span class="d-inline-block" tabindex="0" data-bs-toggle="tooltip" title="This resource is an instance of {{tool.instance_of}}"><span class="badge text-primary border border-primary">{{tool.instance_of}}</span></span>
+                        {%- endif %}
+                        {%- if tool.how_to_access %}
+                        <span class="d-inline-block" tabindex="0" data-bs-toggle="tooltip" title="{{tool.how_to_access}}"><span class="badge text-primary border border-primary"> <i class="fa-solid fa-key"></i></span></span>
+                        {%- endif %}
+                        {%- unless instances_tool == 0 or total_county_tools == 0 or include.tag == nil %}    
+                        <a href="#national-resources-button">
+                            <span class="badge text-white bg-primary"><i class="fa-solid fa-arrow-circle-down me-2"></i>Different instances available</span>
+                        </a>
+                        {%- endunless %}
+                    </div>
+                    {%- endif %}
                 </td>
                 {%- capture related_pages %}
                 {%- for tag in tool.related_pages %}
@@ -84,9 +94,9 @@
             {%- assign hide_ids = "resource_title" %}
             {%- for country_page in country_pages %}
             {%- if include.tag %}
-            {%- assign tool_matches = country_page.resources| where_exp:"resource","resource.related_pages != nil" | where: query, include.tag %}
+            {%- assign tool_matches = country_page.national_resources| where_exp:"resource","resource.related_pages != nil" | where: query, include.tag %}
             {%- else %}
-            {%- assign tool_matches = country_page.resources %}
+            {%- assign tool_matches = country_page.national_resources %}
             {%- endif %}
             {%- for tool in tool_matches %}
             {%- assign tool_id = tool.name | slugify %}
@@ -124,7 +134,20 @@
                 {%- else %}
                 <td></td>
                 {%- endif %}
-                <td></td>
+                <td>
+                    {%- if tool.registry.biotools %}
+                    <a data-bs-toggle="tooltip" data-bs-original-title="Bio.tools" href="https://bio.tools/{{tool.registry.biotools}}"><span class="badge bg-dark text-white hover-primary"><i class="fa-solid fa-info me-2"></i>Tool info</span></a>
+                    {%- endif %}
+                    {%- if tool.registry.fairsharing %}
+                    <a data-bs-toggle="tooltip" data-bs-original-title="FAIRsharing" href="https://fairsharing.org/FAIRsharing.{{tool.registry.fairsharing}}"><span class="badge bg-dark text-white hover-primary"><i class="fa-solid fa-database me-2"></i>Standards/Databases</span></a>
+                    {%- endif %}
+                    {%- if tool.registry.fairsharing-coll %}
+                    <a data-bs-toggle="tooltip" data-bs-original-title="FAIRsharing collection" href="https://fairsharing.org/{{tool.registry.fairsharing-coll}}"><span class="badge bg-dark text-white hover-primary"><i class="fa-solid fa-database me-2"></i>Standards/Databases</span></a>
+                    {%- endif %}
+                    {%- if tool.registry.tess %}
+                    <a data-bs-toggle="tooltip" data-bs-original-title="TeSS" href="https://tess.elixir-europe.org/search?q={{tool.registry.tess}}"><span class="badge bg-dark text-white hover-primary"><i class="fa-solid fa-graduation-cap me-2"></i>Training</span></a>
+                    {%- endif %}
+                </td>
             </tr>
             {%- endfor %}
             {%- endfor %}

data/_includes/resource-table-page.html

@@ -1,14 +1,21 @@
-{%- if page.resources %}
-{%- assign tools = page.resources %}
-<h2>Relevant tools and resources</h2>
-<a class="visually-hidden-focusable" href='#skip-tool-table'>Skip tool table</a>
+{%- if page.national_resources %}
+{%- assign tools = page.national_resources %}
+<h2>Tools and resources</h2>
+<h3>Tailored to users in {{page.title}}</h3>
+<p>Developed and/or deployed by institutions and organisations in {{page.title}}.</p>
+<a class="visually-hidden-focusable" href='#skip-tool-table-1'>Skip tool table</a>
 <div class="table-responsive mt-4 mb-5">
-    <table id="tooltable" class="table display">
+    <table class="tooltable table display">
         <thead>
             <tr class="text-nowrap">
                 <th>Resource</th>
                 <th>Description</th>
                 <th>Related pages</th>
+                <th>Registry
+                    <a data-bs-toggle="tooltip" data-bs-original-title="Links to related information in ELIXIR registries: related policies and standards in FAIRsharing, scientific and technical descriptions of the resource in bio.tools, and related training in TeSS.">
+                        <i class="fa-solid fa-info-circle"></i>
+                    </a>
+                </th>
             </tr>
         </thead>
         <tbody>
@@ -47,11 +54,93 @@
                 {%- else %}
                 <td></td>
                 {%- endif %}
+                <td>
+                    {%- if tool.registry.biotools %}
+                    <a data-bs-toggle="tooltip" data-bs-original-title="Bio.tools" href="https://bio.tools/{{tool.registry.biotools}}"><span class="badge bg-dark text-white hover-primary"><i class="fa-solid fa-info me-2"></i>Tool info</span></a>
+                    {%- endif %}
+                    {%- if tool.registry.fairsharing %}
+                    <a data-bs-toggle="tooltip" data-bs-original-title="FAIRsharing" href="https://fairsharing.org/FAIRsharing.{{tool.registry.fairsharing}}"><span class="badge bg-dark text-white hover-primary"><i class="fa-solid fa-database me-2"></i>Standards/Databases</span></a>
+                    {%- endif %}
+                    {%- if tool.registry.fairsharing-coll %}
+                    <a data-bs-toggle="tooltip" data-bs-original-title="FAIRsharing collection" href="https://fairsharing.org/{{tool.registry.fairsharing-coll}}"><span class="badge bg-dark text-white hover-primary"><i class="fa-solid fa-database me-2"></i>Standards/Databases</span></a>
+                    {%- endif %}
+                    {%- if tool.registry.tess %}
+                    <a data-bs-toggle="tooltip" data-bs-original-title="TeSS" href="https://tess.elixir-europe.org/search?q={{tool.registry.tess}}"><span class="badge bg-dark text-white hover-primary"><i class="fa-solid fa-graduation-cap me-2"></i>Training</span></a>
+                    {%- endif %}
+                </td>
             </tr>
             {%- endfor %}
         </tbody>
     </table>
 </div>
-<div id="skip-tool-table"></div>
-
+<div id="skip-tool-table-1"></div>
 {%- endif %}
+{%- if page.ref_to_main_resources %}
+{%- assign tool_names = page.ref_to_main_resources %}
+<h3>{{page.title}} contributes to</h3>
+<p>Institutions and organisations in {{page.title}} are actively involved in the development of the following tools and resources.</p>
+<a class="visually-hidden-focusable" href='#skip-tool-table-2'>Skip tool table</a>
+<div class="table-responsive mt-4 mb-5">
+    <table class="tooltable table display">
+        <thead>
+            <tr class="text-nowrap">
+                <th>Resource</th>
+                <th>Description</th>
+                <th>Related pages</th>
+                <th>Registry
+                    <a data-bs-toggle="tooltip" data-bs-original-title="Links to related information in ELIXIR registries: related policies and standards in FAIRsharing, scientific and technical descriptions of the resource in bio.tools, and related training in TeSS.">
+                        <i class="fa-solid fa-info-circle"></i>
+                    </a>
+                </th>
+            </tr>
+        </thead>
+        <tbody>
+            {%- for tool_name in tool_names | sort %}
+            {%- assign tool =  site.data.tool_and_resource_list | where:"name", tool_name | first %}
+            <tr>
+                {% if tool.url %}
+                <td><a href="{{tool.url}}">{{tool.name}}</a>
+                </td>
+                {%- else %}
+                <td>{{tool.name}}</td>
+                {%- endif %}
+                <td>{{tool.description | markdownify }}
+                    {%- if tool.instance_of or tool.how_to_access %}
+                    <div class="d-block mt-1">
+                        <span class="d-inline-block" tabindex="0" data-bs-toggle="tooltip" title="This resource is an instance of {{tool.instance_of}}"><span class="badge text-primary border border-primary">{{tool.instance_of}}</span></span>
+                        {%- if tool.how_to_access %}
+                        <span class="d-inline-block" tabindex="0" data-bs-toggle="tooltip" title="{{tool.how_to_access}}"><span class="badge text-primary border border-primary"> <i class="fa-solid fa-key"></i></span></span>
+                        {%- endif %}
+                    </div>
+                    {%- endif %}
+                </td>
+                {%- capture related_pages %}
+                {%- for tag in tool.related_pages %}
+                {%- unless tag == page.page_id %}
+                {%- assign related_page = site.pages | where:"page_id",tag | first %}
+                <a href="{{related_page.url | relative_url }}"><span class="badge default-badge">{{related_page.title}}</span></a>
+                {%- endunless %}
+                {%- endfor %}
+                {%- endcapture %}
+                <td>{{related_pages}}</td>
+                <td>
+                    {%- if tool.registry.biotools %}
+                    <a data-bs-toggle="tooltip" data-bs-original-title="Bio.tools" href="https://bio.tools/{{tool.registry.biotools}}"><span class="badge bg-dark text-white hover-primary"><i class="fa-solid fa-info me-2"></i>Tool info</span></a>
+                    {%- endif %}
+                    {%- if tool.registry.fairsharing %}
+                    <a data-bs-toggle="tooltip" data-bs-original-title="FAIRsharing" href="https://fairsharing.org/FAIRsharing.{{tool.registry.fairsharing}}"><span class="badge bg-dark text-white hover-primary"><i class="fa-solid fa-database me-2"></i>Standards/Databases</span></a>
+                    {%- endif %}
+                    {%- if tool.registry.fairsharing-coll %}
+                    <a data-bs-toggle="tooltip" data-bs-original-title="FAIRsharing collection" href="https://fairsharing.org/{{tool.registry.fairsharing-coll}}"><span class="badge bg-dark text-white hover-primary"><i class="fa-solid fa-database me-2"></i>Standards/Databases</span></a>
+                    {%- endif %}
+                    {%- if tool.registry.tess %}
+                    <a data-bs-toggle="tooltip" data-bs-original-title="TeSS" href="https://tess.elixir-europe.org/search?q={{tool.registry.tess}}"><span class="badge bg-dark text-white hover-primary"><i class="fa-solid fa-graduation-cap me-2"></i>Training</span></a>
+                    {%- endif %}
+                </td>
+            </tr>
+            {%- endfor %}
+        </tbody>
+    </table>
+</div>
+<div id="skip-tool-table-2"></div>
+{%- endif %}

data/_includes/training-table-all.html

@@ -1,6 +1,6 @@
 <a class="visually-hidden-focusable" href='#skip-tool-table'>Skip tool table</a>
 <div class="table-responsive mt-4 mb-5">
-    <table id="trainingtable" class="table display">
+    <table class="trainingtable table display">
         <thead>
             <tr class="text-nowrap">
                 <th>Name

data/_sass/_bootstrap_variables.scss

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

data/_sass/_custom_variables.scss

@@ -1,70 +0,0 @@
-/*-----General styling-----*/
-$font-family-theme: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !default;
-$h2-color: $primary;
-
-/*-----Buttons hover style-----*/
-$btn-primary-bg-hover: $primary;
-$btn-primary-color-hover: $white;
-
-/*-----Top navigation-----*/
-$topnav-bg: $light;
-$topnav-title-color: $primary;
-$topnav-brand-height: 44px;
-
-/*-----Search-----*/
-$search-result-color: $primary;
-
-/*-----Sidebar-----*/
-$sidebar-bg: $light;
-$sidebar-color: $dark;
-$sidebar-lvl2-bg: $white;
-$sidebar-lvl2-color: $dark;
-$sidebar-lvl3-bg: $white;
-$sidebar-lvl3-color: $dark;
-$sidebar-bg-active: $primary;
-$sidebar-color-active: $white;
-
-/*-----TOC-----*/
-$toc-bg: $light;
-
-/*-----Section navigation tiles-----*/
-$nav-card-bg: $white;
-$nav-card-header-bg: $dark;
-$nav-card-header-color: $white;
-$nav-card-badge-color: $body-color;
-$nav-card-badge-bg: $light;
-$nav-card-badge-color-hover: $white;
-$nav-card-badge-bg-hover: $primary;
-
-/*-----More information tiles-----*/
-$info-card-bg: $light;
-$info-card-header-bg: $dark;
-$info-card-header-color: $white;
-
-/*-----Contributors-cards-----*/
-$contr-card-bg: $light;
-
-/*-----Page contributors-----*/
-$contr-bg: $light;
-$contr-link-bg: $white;
-$contr-crown-bg: $dark;
-$contr-crown-color: $white;
-
-/*-----Events & news-----*/
-$news-title-bg: $primary;
-$news-border-color: $light;
-$news-title-color: $white;
-
-/*-----Default badge-----*/
-$badge-color: $body-color;
-$badge-bg: $light;
-$badge-color-hover: $white;
-$badge-bg-hover: $primary;
-
-/*-----Footer-----*/
-$footer-bg: $light;
-$footer-color: $dark;
-$footer-link-color: $dark;
-$footer-link-color-hover: $primary;
-$footer-copyright-bg: $gray-200;
-

data/_sass/_variables.scss

@@ -0,0 +1,70 @@
+/*-----General styling-----*/
+$font-family-theme: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" !default;
+$h2-color: $primary;
+
+/*-----Buttons hover style-----*/
+$btn-primary-bg-hover: $primary;
+$btn-primary-color-hover: $white;
+
+/*-----Top navigation-----*/
+$topnav-bg: $light;
+$topnav-title-color: $primary;
+$topnav-brand-height: 44px;
+
+/*-----Search-----*/
+$search-result-color: $primary;
+
+/*-----Sidebar-----*/
+$sidebar-bg: $light;
+$sidebar-color: $dark;
+$sidebar-lvl2-bg: $white;
+$sidebar-lvl2-color: $dark;
+$sidebar-lvl3-bg: $white;
+$sidebar-lvl3-color: $dark;
+$sidebar-bg-active: $primary;
+$sidebar-color-active: $white;
+
+/*-----TOC-----*/
+$toc-bg: $light;
+
+/*-----Section navigation tiles-----*/
+$nav-card-bg: $white;
+$nav-card-header-bg: $secondary;
+$nav-card-header-color: $white;
+$nav-card-badge-color: $body-color;
+$nav-card-badge-bg: $light;
+$nav-card-badge-color-hover: $white;
+$nav-card-badge-bg-hover: $primary;
+
+/*-----More information tiles-----*/
+$info-card-bg: $light;
+$info-card-header-bg: $secondary;
+$info-card-header-color: $white;
+
+/*-----Contributors-cards-----*/
+$contr-card-bg: $light;
+
+/*-----Page contributors-----*/
+$contr-bg: $light;
+$contr-link-bg: $white;
+$contr-crown-bg: $dark;
+$contr-crown-color: $white;
+$contr-popover-bg: $white;
+
+/*-----Events & news-----*/
+$news-title-bg: $primary;
+$news-border-color: $light;
+$news-title-color: $white;
+
+/*-----Default badge-----*/
+$badge-color: $body-color;
+$badge-bg: $light;
+$badge-color-hover: $white;
+$badge-bg-hover: $primary;
+
+/*-----Footer-----*/
+$footer-bg: $light;
+$footer-color: $dark;
+$footer-link-color: $dark;
+$footer-link-color-hover: $primary;
+$footer-copyright-bg: $gray-200;

data/assets/css/main.scss

@@ -1,12 +1,14 @@
----
+--- 
 layout: none
 permalink: assets/css/main.css
 ---
+
 /*-----Default theme variables-----*/
 $popover-max-width: 12em;
 $enable-caret: false;
 @import "bootstrap_variables";
 @import "bootstrap/bootstrap";
+@import "variables";
 @import "custom_variables";
 
 /*-----General styling-----*/
@@ -17,6 +19,7 @@ main {
         font-weight: 400;
         margin-bottom: $spacer * 1.5;
     }
+
     h2,
     .h2-like {
         font-family: $font-family-theme;
@@ -36,11 +39,7 @@ main {
         margin-top: $spacer * 1.5;
     }
 
-    h2 + h3 {
-        margin-top: $spacer * 0.5;
-    }
-
-    h3 + h4 {
+    h3+h4 {
         margin-top: $spacer * 0.25;
     }
 
@@ -59,6 +58,11 @@ main {
     ol li,
     ul li {
         margin: 10px 0px;
+
+        &::marker {
+            color: $primary;
+            font-weight: 600;
+        }
     }
 
     img {
@@ -67,11 +71,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-----*/
@@ -96,12 +100,6 @@ blockquote {
     background: $primary;
 }
 
-/*-----Color list marker-----*/
-
-ul li::marker {
-    color: $primary;
-}
-
 /*-----Emoji styling-----*/
 
 main img.emoji {
@@ -139,8 +137,10 @@ pre code {
 
 header .navbar {
     background-color: $topnav-bg;
+
     .navbar-brand {
         color: $topnav-title-color;
+
         img {
             height: $topnav-brand-height;
         }
@@ -160,8 +160,9 @@ header .navbar {
     content: "\f0d7";
     transition: transform 0.2s ease-in-out;
 }
+
 .dropdown-toggle[aria-expanded="true"]::after {
-        transform: rotate(-180deg);
+    transform: rotate(-180deg);
 }
 
 // Break line in top navigation
@@ -170,9 +171,11 @@ header .navbar {
     @media (min-width: 992px) {
         width: 1px;
     }
+
     @media (max-width: 992px) {
         height: 1px;
     }
+
     background-color: rgba($nav-link-color, 0.3);
 }
 
@@ -206,6 +209,7 @@ header .navbar {
         background-color: $light;
     }
 }
+
 @media (max-width: 992px) {
     .search-results {
         width: 100%;
@@ -228,6 +232,7 @@ header .navbar {
         font-size: 12px !important;
         font-weight: 600;
     }
+
     .search-result-doc-title {
         overflow: auto;
         color: $body-color;
@@ -259,7 +264,7 @@ header .navbar {
     vertical-align: top;
 }
 
-.search-result-preview + .search-result-preview {
+.search-result-preview+.search-result-preview {
     margin-top: 0.25rem;
 }
 
@@ -285,6 +290,7 @@ header .navbar {
 
 .sidebar-collapse {
     background-color: $sidebar-bg;
+
     i {
         font-size: 1.25rem;
         float: right;
@@ -298,19 +304,20 @@ header .navbar {
 }
 
 #side-nav>ul {
-    > li:not(.sidebar-title) > a {
+    >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;
@@ -322,23 +329,28 @@ header .navbar {
             transition: transform 0.2s ease-in-out;
         }
     }
+
     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);
         }
     }
+
     ul {
         display: none;
+
         li {
             a {
                 margin-left: 30px;
                 background-color: $sidebar-lvl2-bg;
                 color: $sidebar-lvl2-color;
             }
+
             ul li a {
                 margin-left: 60px;
                 background-color: $sidebar-lvl3-bg;
@@ -401,7 +413,7 @@ header .navbar {
 
 /*-----General table properties-----*/
 
-.table > :not(:first-child) {
+.table> :not(:first-child) {
     border-color: inherit;
 }
 
@@ -415,13 +427,15 @@ table {
 
 // Tool table column width optimizations
 
-#tooltable {
+.tooltable {
     tr th:nth-child(1) {
         width: 25%;
     }
+
     tr th:nth-child(2) {
         width: 40%;
     }
+
     td:nth-child(2) {
         font-size: 0.9em;
     }
@@ -431,8 +445,8 @@ table {
     }
 }
 
-#tooltable td:nth-child(1) a,
-#trainingtable td:nth-child(1) a {
+.tooltable td:nth-child(1) a,
+.trainingtable td:nth-child(1) a {
     font-weight: bold;
 }
 
@@ -445,12 +459,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 {
@@ -467,6 +481,7 @@ footer {
 }
 
 /*-----Back to top-----*/
+
 #back-to-top {
     transition: 0.3s ease-in-out;
     position: fixed;
@@ -479,7 +494,7 @@ footer {
     &.visible {
         bottom: $spacer;
         opacity: 1;
-    }    
+    }
 }
 
 /*-----Contributors cards-----*/
@@ -488,16 +503,19 @@ footer {
     .card {
         background-color: $contr-card-bg;
     }
+
     .badge {
         background-color: $primary;
         margin: 10px 10px 0px 0px;
     }
+
     .card-affiliation {
         color: $primary;
         font-size: 0.8em;
     }
 
 }
+
 /*-----Contributors carousel-----*/
 
 #contributors-carousel .carousel-control-next,
@@ -509,10 +527,12 @@ footer {
     #contributors-carousel .card-title {
         font-size: 0.5em;
     }
+
     #contributors-carousel .card-affiliation {
         color: $primary;
         font-size: 0.4em;
     }
+
     #contributors-carousel .card-body {
         padding: 0rem 0.5rem 0.5rem 0.5rem;
     }
@@ -538,9 +558,12 @@ footer {
 /*--------Page contributors---------*/
 .page-contributors {
     background-color: $contr-bg;
-    font-size: 0; /* Gets rid of extra white space */
+    font-size: 0;
+
+    /* Gets rid of extra white space */
     .contributor-link {
         background-color: $contr-link-bg;
+
         .contributor-img-sm {
             height: 1.7em;
         }
@@ -559,8 +582,14 @@ footer {
     }
 }
 
-.contributor-img {
-    width: 11em;
+.popover.contributor-cards {
+    .contributor-img {
+        width: 11em;
+    }
+
+    .card {
+        background-color: $contr-popover-bg;
+    }
 }
 
 /*-----Cookie consent banner-----*/
@@ -580,11 +609,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;
     }
 }
 
@@ -599,15 +628,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-----*/
@@ -624,8 +653,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;
@@ -645,32 +674,37 @@ li.past_event,
         display: inline-block;
     }
 
-    .full-description > *:last-child {
+    .full-description>*:last-child {
         margin-bottom: 0;
+
         li {
             margin-bottom: 0;
         }
     }
 }
+
 /*-----More information tiles-----*/
 
 .info-card {
     background-color: $info-card-bg;
+
     .card-header {
         background-color: $info-card-header-bg;
         color: $info-card-header-color;
     }
+
     a:hover {
         .text-muted {
             transition: $btn-transition;
-            color: $white !important;
+            color: $white  !important;
         }
 
         i {
             transition: $btn-transition;
-            color: $white !important;
+            color: $white  !important;
         }
     }
+
     img {
         height: 40px;
         max-width: 45px;
@@ -690,9 +724,11 @@ li.past_event,
 .navigation-tiles {
     .card {
         background-color: $nav-card-bg;
+
         .card-text {
             min-height: 4.5em;
         }
+
         .card-header {
             background-color: $nav-card-header-bg;
 
@@ -700,6 +736,7 @@ li.past_event,
                 color: $nav-card-header-color;
             }
         }
+
         .badge {
             font-weight: inherit;
             background-color: $nav-card-badge-bg;
@@ -722,3 +759,4 @@ iframe.scale {
 }
 
 @import "custom_classes";
+

data/assets/js/main.js

@@ -76,24 +76,24 @@ $(function () {
  * Back to top button
  */
 
- var toggleHeight = $(window).outerHeight() / 2;
-
- $(window).scroll(function () {
-   if ($(window).scrollTop() > toggleHeight) {
-     //Adds active class to make button visible
-     $("#back-to-top").addClass("visible");
- 
-   } else {
-     //Removes active class to make button visible
-     $("#back-to-top").removeClass("visible");
-   }
- });
- 
- //Scrolls the user to the top of the page again
- function topFunction() {
+var toggleHeight = $(window).outerHeight() / 2;
+
+$(window).scroll(function () {
+    if ($(window).scrollTop() > toggleHeight) {
+        //Adds active class to make button visible
+        $("#back-to-top").addClass("visible");
+
+    } else {
+        //Removes active class to make button visible
+        $("#back-to-top").removeClass("visible");
+    }
+});
+
+//Scrolls the user to the top of the page again
+function topFunction() {
     document.body.scrollTop = 0; // For Safari
     document.documentElement.scrollTop = 0; // For Chrome, Firefox, IE and Opera
-  }
+}
 
 
 /**
@@ -127,3 +127,14 @@ function show_past_events() {
     elements.show();
 };
 
+/**
+ * Making tables responsive
+ */
+$(document).ready(function () {
+    $('table').each(function (i, obj) {
+        if (!$(obj).parents('.table-responsive').length) {
+            $(obj).wrap('<div class="table-responsive mt-4 mb-5"/>');
+        }
+    });
+
+});

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: elixir-toolkit-theme
 version: !ruby/object:Gem::Version
-  version: 1.15.2
+  version: 1.18.0
 platform: ruby
 authors:
 - bedroesb
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2022-05-16 00:00:00.000000000 Z
+date: 2022-07-28 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -93,6 +93,7 @@ files:
 - _sass/_bootstrap_variables.scss
 - _sass/_custom_classes.scss
 - _sass/_custom_variables.scss
+- _sass/_variables.scss
 - _sass/bootstrap/_accordion.scss
 - _sass/bootstrap/_alert.scss
 - _sass/bootstrap/_badge.scss
@@ -467,7 +468,6 @@ files:
 - assets/js/bootstrap.bundle.min.js
 - assets/js/bootstrap.bundle.min.js.map
 - assets/js/dataTables.bootstrap5.min.js
-- assets/js/jquery.cookie.min.js
 - assets/js/jquery.dataTables.min.js
 - assets/js/jquery.min.js
 - assets/js/jquery.min.map

data/assets/js/jquery.cookie.min.js

@@ -1,8 +0,0 @@
-/*!
- * jQuery Cookie Plugin v1.3.1
- * https://github.com/carhartl/jquery-cookie
- *
- * Copyright 2013 Klaus Hartl
- * Released under the MIT license
- */
-!function(a){"function"==typeof define&&define.amd?define(["jquery"],a):a(jQuery)}(function(a){function b(a){return a}function c(a){return decodeURIComponent(a.replace(e," "))}function d(a){0===a.indexOf('"')&&(a=a.slice(1,-1).replace(/\\"/g,'"').replace(/\\\\/g,"\\"));try{return f.json?JSON.parse(a):a}catch(b){}}var e=/\+/g,f=a.cookie=function(e,g,h){if(void 0!==g){if(h=a.extend({},f.defaults,h),"number"==typeof h.expires){var i=h.expires,j=h.expires=new Date;j.setDate(j.getDate()+i)}return g=f.json?JSON.stringify(g):String(g),document.cookie=[f.raw?e:encodeURIComponent(e),"=",f.raw?g:encodeURIComponent(g),h.expires?"; expires="+h.expires.toUTCString():"",h.path?"; path="+h.path:"",h.domain?"; domain="+h.domain:"",h.secure?"; secure":""].join("")}for(var k=f.raw?b:c,l=document.cookie.split("; "),m=e?void 0:{},n=0,o=l.length;o>n;n++){var p=l[n].split("="),q=k(p.shift()),r=k(p.join("="));if(e&&e===q){m=d(r);break}e||(m[q]=d(r))}return m};f.defaults={},a.removeCookie=function(b,c){return void 0!==a.cookie(b)?(a.cookie(b,"",a.extend({},c,{expires:-1})),!0):!1}});