elixir-toolkit-theme 1.5.0

data/_includes/news.html

@@ -0,0 +1,23 @@
+<div class="news">
+  {%- if include.title == "true" %}
+  <h2 class="mt-5 text-dark">Whats new?</h2>
+  {%- endif %}
+  {%- assign news = site.data.news | sort: "date"%}
+  {%- assign count = 0 %}
+  <ul class="list-unstyled mt-3">
+    {%- for new in news reversed%}
+    <li>
+      <span class="title mb-1">{{ new.name | escape }}</span>
+      <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="fas fa-code-branch"></i><a href="{{ site.github.repository_url | append: '/pull/' | append: new.linked_pr }}">{{new.linked_pr }}</a>{% endif %}</p>
+      {{ new.description | markdownify }}
+    </li>
+    {%- assign count = count | plus: 1 %}
+    {%- if include.limit and count == include.limit %}
+    {%- break %}
+    {%- endif %}
+    {%- endfor %}
+  </ul>
+  {%- if include.caption == "true" %}
+  <small>For more news please visit our <a href="/news.html">news page</a>.</small>
+  {%- endif %}
+</div>

data/_includes/pageids-overview.html

@@ -0,0 +1,32 @@
+{%- assign sidebar = site.data.sidebars[include.sidebar]['subitems'] -%}
+{%- for sections in sidebar %}
+{%- assign section = sections.title | downcase | replace: " ", "_" %}
+{%- assign section_pages = site.pages | where:"type", section %}
+{%- unless section_pages.size == 0 %}
+<h2>{{sections.title}}</h2>
+<div class="table-responsive">
+    <table class="table ">
+        <thead>
+            <tr>
+                <th>title</th>
+                <th>page_id</th>
+                <th>description</th>
+            </tr>
+        </thead>
+        <tbody>
+            {%- for section_page in section_pages %}
+            {%- if section_page.page_id and section_page.search_exclude != true %}
+            <tr>
+                <td><a href="{{ section_page.url | relative_url }}">{{section_page.title}}</a></td>
+                <td>{{section_page.page_id}}</td>
+                {%- if section_page.description %}
+                <td>{{section_page.description}}</td>
+                {%- endif %}
+            </tr>
+            {%- endif %}
+            {%- endfor %}
+        </tbody>
+    </table>
+</div>
+{%- endunless %}
+{%- endfor %}

data/_includes/related-pages.html

@@ -0,0 +1,38 @@
+{%- assign actual_related = nil %}
+{%- for section in page.related_pages %}
+{%- unless section[1].size == 0 %}
+{%- assign actual_related = 1 %}
+{%- endunless %}
+{%- endfor %}
+{%- if actual_related != nil %}
+<!-- Read next -->
+<h2>Related pages</h2>
+
+<div class="row row-cols-1 row-cols-md-2 g-4 mt-2">
+    {%- if page.related_pages %}
+    <!-- Related pages -->
+    {%- for section in page.related_pages %}
+    {%- unless section[1].size == 0 %}
+    <div class="col">
+        <div class="card h-100 info-card">
+            <div class="card-header fw-bold">{{ section[0] | replace: "_", " " | capitalize }}</div>
+            <div class="card-body">
+                <ul class="list-unstyled">
+                    {%- 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 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>
+                    </li>
+                    {%- endfor %}
+                    {%- endfor %}
+                </ul>
+            </div>
+        </div>
+    </div>
+    {%- endunless %}
+    {%- endfor %}
+    {%- endif %}
+</div>
+{%- endif %}

data/_includes/resource-table-all.html

@@ -0,0 +1,140 @@
+{%- 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" %}
+{%- 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">
+        <thead>
+            <tr>
+                <th>Tool or resource {%- if include.tag -%}
+                    <a data-bs-toggle="tooltip" data-bs-original-title="This is a curated list which means that not all tools or resources that exist for this topic are listed here. This is mainly because we do not intend to be a registry. In most cases you will only find back the tools or resources that are mentioned in this page.">
+                        <i class="fas fa-info-circle"></i>
+                    </a>{%- endif %}
+                </th>
+                <th>Description</th>
+                <th>Related pages</th>
+                <th>Registry {%- if include.tag -%}
+                    <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="fas fa-info-circle"></i>
+                    </a>{%- endif %}
+                </th>
+            </tr>
+        </thead>
+        <tbody>
+            {%- for tool in tools | sort %}
+            <tr>
+                {%- assign total_county_tools = 0 %}
+                {%- assign instances_tool = 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 %}
+                {%- unless tool_matches.size == 0 %}
+                {%- assign total_county_tools = total_county_tools | plus: tool_matches.size %}
+                {%- endunless %}
+                {%- unless instance_matches.size == 0 %}
+                {%- assign instances_tool = instances_tool | plus: instance_matches.size %}
+                {%- endunless %}
+                {%- endfor %}
+                {% if tool.link %}
+                <td><a href="{{tool.link}}">{{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="fas fa-arrow-circle-down me-2"></i>Different instances available</span>
+                    </a>
+                    {%- endunless %}
+                </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 class="align-middle text-center">
+                    {%- 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">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">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">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">Training</span></a>
+                    {%- endif %}
+                </td>
+            </tr>
+            {%- endfor %}
+            {%- unless total_county_tools == 0 or include.tag == nil %}
+            <tr class="collapse multi-collapse bg-light" id="resource_title">
+                <td colspan="4"><b>National resources</b></td>
+            </tr>
+            {%- endunless %}
+            {%- 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 %}
+            {%- else %}
+            {%- assign tool_matches = country_page.resources %}
+            {%- endif %}
+            {%- for tool in tool_matches %}
+            {%- assign tool_id = tool.name | slugify %}
+            {%- assign hide_ids = hide_ids | append: " " | append: tool_id %}
+            <tr {% unless include.tag==nil %} class="collapse multi-collapse" id="{{tool_id}}" {% endunless %}>
+                {% if tool.url %}
+                <td><a href="{{tool.url}}">{{tool.name}}</a><a href="{{country_page.url}}" data-bs-toggle="tooltip" title="{{country_page.title}}"><span class="flag-icon ms-2 flag-icon-{{country_page.country_code | downcase }}"></span></a></td>
+                {%- else %}
+                <td>{{tool.name}}<a href="{{country_page.url}}"><span class="flag-icon ms-2 flag-icon-{{country_page.country_code | downcase }}"></span></a></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="fas fa-key"></i></span></span>
+                        {%- endif %}
+                    </div>
+                    {%- endif %}
+                </td>
+                {%- if tool.related_pages %}
+                {%- capture related_pages %}
+                {%- for section in tool.related_pages %}
+                {%- unless section.size == 0 %}
+                {%- for tag in section[1] %}
+                {%- unless tag == page.page_id %}
+                {%- assign related_page = site.pages | where:"page_id",tag | first %}
+                <a class="nohover" href="{{related_page.url | relative_url }}"><span class="badge default-badge">{{related_page.title}}</span></a>
+                {%- endunless %}
+                {%- endfor %}
+                {%- endunless %}
+                {%- endfor %}
+                {%- endcapture %}
+                <td>{{related_pages}}</td>
+                {%- else %}
+                <td></td>
+                {%- endif %}
+                <td></td>
+            </tr>
+            {%- endfor %}
+            {%- endfor %}
+        </tbody>
+    </table>
+</div>
+{%- unless total_county_tools == 0 or include.tag == nil %}
+<a class="btn btn-primary" id="national-resources-button" data-bs-toggle="collapse" data-bs-target=".multi-collapse" role="button" aria-expanded="false" aria-controls="{{hide_ids}}">
+    View national resources <span class="badge bg-white text-primary ms-2">{{total_county_tools}}</span>
+</a>
+{%- endunless %}
+<div id="skip-tool-table"></div>
+{%- endunless %}

data/_includes/resource-table-page.html

@@ -0,0 +1,61 @@
+{%- 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>
+<div class="table-responsive mt-4 mb-5">
+    <table id="tooltable" class="table display">
+        <thead>
+            <tr>
+                <th>Resource {%- if include.tag -%}
+                    <a data-bs-toggle="tooltip" data-bs-original-title="This is a curated list which means that not all tools or resources that exist for this topic are listed here. This is mainly because we do not intend to be a registry. In most cases you will only find back the tools or resources that are mentioned in this page.">
+                        <i class="fas fa-info-circle" style="color:var(--main-text-color);"></i>
+                    </a>{%- endif %}
+                </th>
+                <th>Description</th>
+                <th>Related pages</th>
+            </tr>
+        </thead>
+        <tbody>
+            {%- for tool in tools | sort %}
+            <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="fas fa-key"></i></span></span>
+                        {%- endif %}
+                    </div>
+                    {%- endif %}
+                </td>
+                {%- if tool.related_pages %}
+                {%- capture related_pages %}
+                {%- for section in tool.related_pages %}
+                {%- unless section.size == 0 %}
+                {%- for tag in section[1] %}
+                {%- unless tag == page.page_id %}
+                {%- assign related_page = site.pages | where:"page_id",tag | first %}
+                <a class="nohover" href="{{related_page.url | relative_url }}"><span class="badge default-badge">{{related_page.title}}</span></a>
+                {%- endunless %}
+                {%- endfor %}
+                {%- endunless %}
+                {%- endfor %}
+                {%- endcapture %}
+                <td>{{related_pages}}</td>
+                {%- else %}
+                <td></td>
+                {%- endif %}
+            </tr>
+            {%- endfor %}
+        </tbody>
+    </table>
+</div>
+<div id="skip-tool-table"></div>
+
+{%- endif %}

data/_includes/schemasorg.html

@@ -0,0 +1,42 @@
+<script type="application/ld+json">
+    {
+        "@context": "https://schema.org",
+        "@type": "WebSite",
+        "name": "{{ site.title }}",
+        "url": "{{ site.url }}",
+        "about": "{{ site.description }}"{% if page.contributors %},
+        {%- assign contributors = site.data.CONTRIBUTORS %}
+        {%- assign contributor_count = page.contributors.size %}
+        {%- assign count = 1 %}
+        "author": [
+            {%- for people in page.contributors %}
+            {
+                "@type": "Person",
+                {%- if contributors[people].orcid %}
+                "@id": "https://orcid.org/{{contributors[people].orcid}}",
+                "mainEntityOfPage": "https://orcid.org/{{contributors[people].orcid}}",
+                {%- endif %}
+                {%- if contributors[people].affiliation %}
+                "affiliation": {
+                    "@type": "Organization",
+                    "name": "{{contributors[people].affiliation}}"
+                },
+                {%- endif %}
+                {%- if contributors[people].email %}
+                "email": "{{contributors[people].email}}",
+                {%- endif %}
+                {%- if contributors[people].git %}
+                "url": "https://github.com/{{contributors[people].git}}",
+                "image": "https://avatars.githubusercontent.com/{{contributors[people].git}}",
+                {%- endif %}
+                {%- if contributors[people].role %}
+                "jobTitle": "{{contributors[people].role}}",
+                {%- endif %}
+                "name": "{{people}}"
+            }{% unless count == contributor_count - 1 %},{% endunless %}
+            {%- assign count = count | plus:1 %}
+            {%- endfor %}
+        ]
+        {%- endif %}
+    }
+</script>

data/_includes/section-navigation-tiles-simple.html

@@ -0,0 +1,10 @@
+{%- assign allcountries = site.data.countries %}
+<div class="row row-cols-1 row-cols-md-2 g-3 mb-5 navigation-tiles">
+    {%- for current_page in site.pages | sorted %}
+    {%- if current_page.title and current_page.search_exclude != true and current_page.type == include.type %}
+    <div class="col d-grid">
+        <a role="button" class="btn bg-light py-4 fs-3 hover-primary" href="{{ current_page.url | relative_url }}">{{current_page.title}}<span class="flag-icon ms-3 flag-icon-{{current_page.country_code | downcase }}"></span></a>
+    </div>
+    {%- endif %}
+    {%- endfor %}
+</div>

data/_includes/section-navigation-tiles.html

@@ -0,0 +1,210 @@
+{%- unless include.affiliations == nil and include.search == nil and include.related_pages == nil %}
+{%- assign allcountries = site.data.countries %}
+{%- for current_page in site.pages | sorted %}
+{%- if current_page.affiliations and current_page.search_exclude != true and current_page.type == include.type %}
+{%- assign pageaffiliations = current_page.affiliations | join: ", " %}
+{%- if allaffiliations %}
+{%- assign allaffiliations = allaffiliations | append: ", " | append: pageaffiliations %}
+{%- else %}
+{%- assign allaffiliations = allaffiliations | append: pageaffiliations %}
+{%- endif %}
+{%- endif %}
+{%- endfor %}
+{%- assign allaffiliations = allaffiliations | split: ", " | uniq | sort %}
+<div class="row g-4 row-cols-1 row-cols-md-2 my-4">
+    {%- unless include.affiliations == nil %}
+    <div class="col">
+        <div class="input-group">
+            <label class="input-group-text" for="affiliations-input">Filter by affiliation</label>
+            <select class="form-select" id="affiliations-input" aria-label="Example select with button addon">
+                <option selected="" value="reset">Choose...</option>
+                {%- for affiliation in allaffiliations %}
+                {%- if affiliation.size == 2 %}
+                {%- assign country = affiliation | upcase %}
+                <option value="{{country | slugify}}">{{allcountries[country]}}</option>
+                {%- else %}
+                <option value="{{affiliation | slugify}}">{{affiliation}}</option>
+                {%- endif %}
+                {%- endfor %}
+            </select>
+            <button class="btn btn-primary" title="Button to clear affiliations selection" type="button" id="clearfilter">
+                <i class="fas fa-backspace"></i>
+            </button>
+        </div>
+    </div>
+    {%- endunless %}
+    {%- unless include.search == nil %}
+    <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">
+            <button class="btn btn-primary" title="Button to clear search" type="button" id="clearsearch">
+                <i class="fas fa-backspace"></i>
+            </button>
+        </div>
+    </div>
+    {%- endunless %}
+</div>
+{%- endunless %}
+<div class="row row-cols-1 row-cols-md-2 g-4 mb-5 navigation-tiles">
+    {%- for current_page in site.pages | sorted %}
+    {%- assign affiliations_classes = "" %}
+    {%- assign related_pages_classes = "" %}
+    {%- if current_page.title and current_page.search_exclude != true and current_page.type == include.type %}
+    {%- if current_page.affiliations %}
+    {%- capture affiliations_classes -%}
+    {%- assign affiliations_output = "" %}
+    {%- for affiliation in current_page.affiliations %}
+    {%- assign group_affiliations = affiliation | slugify | prepend: " " %}
+    {%- assign affiliations_output = affiliations_output | append: group_affiliations | strip %}
+    {%- endfor %}{{affiliations_output}}
+    {%- endcapture -%}
+    {%- endif %}
+    <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 }}">
+                    <h3 class="card-title m-0">{{current_page.title}}</h3>
+                </a>
+            </div>
+            <div class="card-body">
+                {%- if current_page.description %}
+                <p class="card-text">{{ current_page.description}}</p>
+                {%- endif %}
+                {%- if current_page.related_pages %}
+                {%- 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>
+                {%- endunless %}
+                {%- endfor %}
+                {%- endif %}
+            </div>
+            {%- if current_page.affiliations %}
+            {%- assign alllogos = site.data.affiliations %}
+            {%- assign allcountries = site.data.countries %}
+            <div class="card-footer d-flex align-middle">
+                <div class="me-3">
+                    <span class="me-2"><b><small>Affiliations:</small></b></span>
+                    {%- for affiliation in current_page.affiliations %}
+                    {%- assign filter_affiliation = alllogos | where: "name", affiliation %}
+                    {%- assign country = affiliation | upcase %}
+                    {%- 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">
+                        {%- else %}
+                        <a role="button" data-bs-toggle="tooltip" title="{{allcountries[country]}}" class="btn btn-sm bg-white hover-primary disabled" aria-disabled="true">
+                            {%- endif %}
+                            <div class="d-block h-24px">
+                                <span class="flag-icon flag-icon-{{affiliation | downcase}} align-items-center"></span>
+                            </div>
+                        </a>
+                        {%- elsif filter_affiliation %}
+                        {%- for result in filter_affiliation %}
+                        <a role="button" href="{{result.url}}" data-bs-toggle="tooltip" data-bs-original-title="{{affiliation}}" class="btn btn-sm bg-white hover-primary">
+                            <img alt="logo of {{result.name}}" src="{{result.image_url | relative_url }}" class="d-inline h-24px">
+                        </a>
+                        {%- endfor %}
+                        {%- endif %}
+                        {%- endfor %}
+                </div>
+            </div>
+            {%- endif %}
+        </div>
+    </div>
+    {%- endif %}
+    {%- endfor %}
+</div>
+
+
+<script type="text/javascript">
+    /** 
+     * Filter cards by affiliation
+     */
+
+    $(document).ready(function () {
+        var affiliations = document.getElementById('affiliations-input');
+        if (affiliations) {
+            affiliations.addEventListener("change", function () {
+                var search = document.getElementById('title-search')
+                if (search) {
+                    search.value = '';
+                }
+                const cols = document.querySelectorAll(".navigation-tiles .col");
+                for (col of cols) {
+                    const colCategories = col.getAttribute("data-affiliations").split(" ");
+                    if (colCategories.indexOf(this.value) != -1 || this.value === "reset") {
+                        col.classList.remove("d-none");
+                    } else {
+                        col.classList.add("d-none");
+                    }
+                }
+            });
+        }
+        var clearaffiliations = document.getElementById("clearfilter");
+        if (clearaffiliations) {
+            clearaffiliations.addEventListener("click", function () {
+                var affiliations = document.getElementById('affiliations-input');
+                if (affiliations) {
+                    document.getElementById("affiliations-input").selectedIndex = null;
+                    const cols = document.querySelectorAll(".navigation-tiles .col");
+                    for (col of cols) {
+                        const colCategories = col.getAttribute("data-affiliations").split(" ");
+                        col.classList.remove("d-none");
+                    }
+                }
+            });
+
+        }
+    });
+
+    /** 
+     * Search cards
+     */
+
+    var buttonUp = () => {
+        const input = document.getElementById("title-search");
+        if (input) {
+            const cols = document.querySelectorAll(".navigation-tiles .col");
+            let filter = input.value.toLowerCase();
+            var affiliations = document.getElementById('affiliations-input');
+            if (affiliations) {
+                document.getElementById("affiliations-input").selectedIndex = null;
+            }
+            for (let i = 0; i < cols.length; i++) {
+                let body = cols[i].querySelector(".card-body");
+                let title = cols[i].querySelector(".card-header");
+                if (title.innerText.toLowerCase().indexOf(filter) > -1 || body.innerText.toLowerCase().indexOf(filter) > -1) {
+                    cols[i].classList.remove("d-none");
+                } else {
+                    cols[i].classList.add("d-none");
+                }
+            }
+        }
+    }
+    $(document).ready(function () {
+        var clearsearch = document.getElementById("clearsearch");
+        if (clearsearch) {
+            clearsearch.addEventListener("click", function () {
+                var search = document.getElementById('title-search')
+                if (search) {
+                    search.value = ''
+                    const cols = document.querySelectorAll(".navigation-tiles .col");
+                    for (col of cols) {
+                        col.classList.remove("d-none");
+                    }
+                }
+            });
+        }
+    });
+
+</script>