elixir-toolkit-theme 1.15.1 → 1.17.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
checksums.yaml CHANGED
@@ -1,7 +1,7 @@
1
1
  ---
2
2
  SHA256:
3
- metadata.gz: 5116818f824c43ac6772574ec0355a9f315305c81262063ea3af0cb25621aa0a
4
- data.tar.gz: 6e6bc17368378dd393fedd8b3512ab78ac55f067b8fba8b7ce881a2bb87a891c
3
+ metadata.gz: faa89cf0a705783f323a0752072a8e207c05a0aa2af59350dd048707bd56fa93
4
+ data.tar.gz: cd5d72045a94edecdc128ecc085d0aa1e276c9da7abd1c14f062694f7ae6f790
5
5
  SHA512:
6
- metadata.gz: 7f0a27be3b8dd0b2a85ea97d7040c214ab5d6a8a97c269a3d56dc942c3cd11e923fb0203e8996bdf5a6d44d0cbd74db604735ec34d54fa89f92c4dbe26dd818b
7
- data.tar.gz: 6281320307692f8c0b7b953b12a3d34bf39477832f13f95aa967441c19dd202d738e54f43eecf39ce644c9ec1d35a01e2a91ab5fa617ee31804e56441dadf3d3
6
+ metadata.gz: ae9c134c870219a3c626069f6ecfac20840b6d8d3e44b800f69dc859ac61d8d8eb1d5fc6e9d57bf4bf9a4210ca33ba6069b0058abf16d78c5223a5be9a9caf24
7
+ data.tar.gz: 7a912281fd2e2cdffff99a9de4525a66336abaf03d23959aaed7c6ff5b2261eba7ca6f7ec97727b89d8735568536c22c19b1a430ba365625f421bb4dfb7eefc6
data/README.md CHANGED
@@ -104,7 +104,7 @@ This will start the docker container and serve the website locally. Make sure th
104
104
  - [Infectious Diseases Toolkit](https://www.infectious-diseases-toolkit.org/)
105
105
  - [Applied Bioinformatics and Biostatistics intranet page](https://intranet.psb.ugent.be/abb/)
106
106
  - [FAIRDOM](https://fair-dom.org/)
107
-
107
+ - [Australian BioCommons How-to-Guides](https://australianbiocommons.github.io/how-to-guides/)
108
108
 
109
109
  ## Used packages
110
110
 
@@ -6,7 +6,7 @@
6
6
  <div class="col">
7
7
  <div class="card h-100 border-0">
8
8
  <div class="my-auto d-flex justify-content-center">
9
- {% if affiliation.url %}<a href="{{ affiliation.url }}">{% endif %}<img class="rounded" src="{{ affiliation.image_url | relative_url }}" alt="{{ affiliation.name }}">{%- if affiliation.url %}</a>{% endif %}
9
+ {% 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 %}
10
10
  </div>
11
11
  </div>
12
12
  </div>
@@ -1,5 +1,5 @@
1
1
  {%- if page.contributors and page.contributors.size != 0 %}
2
- <span class="d-block h2-like fs-2 text-dark">Contributors</span>
2
+ <span class="d-block h2-like fs-2">Contributors</span>
3
3
  <div class="p-4 rounded mt-4 page-contributors">
4
4
  {%- assign contributors = site.data.CONTRIBUTORS %}
5
5
  {%- assign page_contributors = page.contributors | sort %}
@@ -7,7 +7,7 @@
7
7
  {%- assign id = contributors[contributor].git | default: 'no_github' %}
8
8
  {%- capture html_code %}
9
9
  {%- assign stripped_name = contributor | replace: "'", "’" %}
10
- <div class="card bg-white">
10
+ <div class="card">
11
11
  {%- assign id = contributors[contributor].git | default: 'no_github' %}
12
12
  <div class="position-relative d-flex justify-content-center">
13
13
  {%- if contributors[contributor].image_url %}
@@ -26,7 +26,7 @@
26
26
  {%- endif %}
27
27
  </div>
28
28
  {%- if contributors[contributor].git or contributors[contributor].email or contributors[contributor].orcid %}
29
- <div class="card-footer bg-dark">
29
+ <div class="card-footer">
30
30
  <div class="d-flex justify-content-center">
31
31
  {%- if contributors[contributor].git %}
32
32
  <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/head.html CHANGED
@@ -6,9 +6,17 @@
6
6
  {%- capture keywords %}
7
7
  {%- if page.related_pages %}
8
8
  {%- for section in page.related_pages %}
9
- {%- unless section[1] == nil %}{{ section[1] | join: ', ' }}
10
- {%- endunless %}
9
+ {%- unless section[1] == nil %}
10
+ {%- for keywordstr in section[1] %}
11
+ {%- assign keywordpage = site.pages | where: "page_id", keywordstr | first %}
12
+ {%- if allkeywords %}
13
+ {%- assign allkeywords = allkeywords | append: ", " | append: keywordstr | append: ", " | append: keywordpage.title %}
14
+ {%- else %}
15
+ {%- assign allkeywords = allkeywords | append: keywordstr | append: ", " | append: keywordpage.title %}
16
+ {%- endif %}
11
17
  {%- endfor %}
18
+ {%- endunless %}
19
+ {%- endfor %}{{allkeywords}}
12
20
  {%- endif %}
13
21
  {%- endcapture %}
14
22
  <meta name="keywords" content="{{keywords}}">
data/_includes/image.html CHANGED
@@ -1,21 +1,21 @@
1
- <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 %}>
1
+ <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 %}>
2
2
  {%- capture file_url -%}
3
3
  {{ "/images/" | append:include.file | relative_url }}
4
4
  {%- endcapture -%}
5
- {%- if {{include.url}} %}
5
+ {%- if include.url %}
6
6
  <a target="_blank" rel="noopener" href="{{include.url}}">
7
7
  {%- elsif {{include.click}} == true %}
8
8
  <a target="_blank" rel="noopener noreferrer" href="{{file_url}}">
9
9
  {%- endif %}
10
10
  <img src="{{file_url}}" alt="{{include.alt}}" class="figure-img img-fluid rounded"/>
11
- {%- if {{include.url}} or {{include.click}} == true %}
11
+ {%- if include.url or include.click == true %}
12
12
  </a>
13
13
  {%- endif %}
14
- {%- if {{include.caption}} %}
14
+ {%- if include.caption %}
15
15
  <figcaption class="figure-caption">
16
16
  {{include.caption}}
17
17
  </figcaption>
18
18
  {%- endif %}
19
- {%- if {{include.inline}} != true %}
19
+ {%- if include.inline != true %}
20
20
  </figure>
21
21
  {%- endif %}
data/_includes/news.html CHANGED
@@ -31,6 +31,6 @@
31
31
  {%- endfor %}
32
32
  </ul>
33
33
  {%- if include.caption == "true" %}
34
- <small>For more news please visit our <a href="/news">news page</a>.</small>
34
+ <small>For more news please visit our <a href="{{ '/news' | relative_url }}">news page</a>.</small>
35
35
  {%- endif %}
36
36
  </div>
@@ -1,12 +1,12 @@
1
1
  {%- assign tools = site.data.tool_and_resource_list | where:"related_pages", include.tag %}
2
- {%- assign country_pages = site.pages | where_exp: "item", "item.search_exclude != true" | where_exp:"item","item.resources != nil" %}
2
+ {%- assign country_pages = site.pages | where_exp: "item", "item.search_exclude != true" | where_exp:"item","item.national_resources != nil" %}
3
3
  {%- unless tools.size == 0 %}
4
4
  {%- if include.tag %}
5
5
  <h2>Relevant tools and resources</h2>
6
6
  {%- endif %}
7
7
  <a class="visually-hidden-focusable" href='#skip-tool-table'>Skip tool table</a>
8
8
  <div class="table-responsive mt-4 mb-5">
9
- <table id="tooltable" class="table display">
9
+ <table class="tooltable table display">
10
10
  <thead>
11
11
  <tr class="text-nowrap">
12
12
  <th>Tool or resource {%- if include.tag -%}
@@ -26,12 +26,12 @@
26
26
  <tbody>
27
27
  {%- for tool in tools | sort %}
28
28
  <tr>
29
- {%- assign total_county_tools = 0 %}
30
29
  {%- assign instances_tool = 0 %}
30
+ {%- assign total_county_tools = 0 %}
31
31
  {%- assign query = "related_pages." | append: page.type %}
32
32
  {%- for country_page in country_pages %}
33
- {%- assign instance_matches = country_page.resources | where: "instance_of", tool.name | where_exp:"resource","resource.related_pages != nil" | where: query, include.tag %}
34
- {%- assign tool_matches = country_page.resources | where_exp:"resource","resource.related_pages != nil" | where: query, include.tag %}
33
+ {%- assign instance_matches = country_page.national_resources | where: "instance_of", tool.name | where_exp:"resource","resource.related_pages != nil" | where: query, include.tag %}
34
+ {%- assign tool_matches = country_page.national_resources | where_exp:"resource","resource.related_pages != nil" | where: query, include.tag %}
35
35
  {%- unless tool_matches.size == 0 %}
36
36
  {%- assign total_county_tools = total_county_tools | plus: tool_matches.size %}
37
37
  {%- endunless %}
@@ -39,17 +39,27 @@
39
39
  {%- assign instances_tool = instances_tool | plus: instance_matches.size %}
40
40
  {%- endunless %}
41
41
  {%- endfor %}
42
- {% if tool.link %}
43
- <td><a href="{{tool.link}}">{{tool.name}}</a></td>
42
+ {% if tool.url %}
43
+ <td><a href="{{tool.url}}">{{tool.name}}</a></td>
44
44
  {%- else %}
45
45
  <td>{{tool.name}}</td>
46
46
  {%- endif %}
47
47
  <td>{{tool.description}}
48
- {%- unless instances_tool == 0 or total_county_tools == 0 or include.tag == nil %}
49
- <a href="#national-resources-button" class="d-block mt-1">
50
- <span class="badge text-white bg-primary"><i class="fa-solid fa-arrow-circle-down me-2"></i>Different instances available</span>
51
- </a>
52
- {%- endunless %}
48
+ {%- if instances_tool != 0 and total_county_tools != 0 and include.tag != nil or tool.instance_of or tool.how_to_access %}
49
+ <div class="d-block mt-1">
50
+ {%- if tool.instance_of %}
51
+ <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>
52
+ {%- endif %}
53
+ {%- if tool.how_to_access %}
54
+ <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>
55
+ {%- endif %}
56
+ {%- unless instances_tool == 0 or total_county_tools == 0 or include.tag == nil %}
57
+ <a href="#national-resources-button">
58
+ <span class="badge text-white bg-primary"><i class="fa-solid fa-arrow-circle-down me-2"></i>Different instances available</span>
59
+ </a>
60
+ {%- endunless %}
61
+ </div>
62
+ {%- endif %}
53
63
  </td>
54
64
  {%- capture related_pages %}
55
65
  {%- for tag in tool.related_pages %}
@@ -84,9 +94,9 @@
84
94
  {%- assign hide_ids = "resource_title" %}
85
95
  {%- for country_page in country_pages %}
86
96
  {%- if include.tag %}
87
- {%- assign tool_matches = country_page.resources| where_exp:"resource","resource.related_pages != nil" | where: query, include.tag %}
97
+ {%- assign tool_matches = country_page.national_resources| where_exp:"resource","resource.related_pages != nil" | where: query, include.tag %}
88
98
  {%- else %}
89
- {%- assign tool_matches = country_page.resources %}
99
+ {%- assign tool_matches = country_page.national_resources %}
90
100
  {%- endif %}
91
101
  {%- for tool in tool_matches %}
92
102
  {%- assign tool_id = tool.name | slugify %}
@@ -124,7 +134,20 @@
124
134
  {%- else %}
125
135
  <td></td>
126
136
  {%- endif %}
127
- <td></td>
137
+ <td>
138
+ {%- if tool.registry.biotools %}
139
+ <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>
140
+ {%- endif %}
141
+ {%- if tool.registry.fairsharing %}
142
+ <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>
143
+ {%- endif %}
144
+ {%- if tool.registry.fairsharing-coll %}
145
+ <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>
146
+ {%- endif %}
147
+ {%- if tool.registry.tess %}
148
+ <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>
149
+ {%- endif %}
150
+ </td>
128
151
  </tr>
129
152
  {%- endfor %}
130
153
  {%- endfor %}
@@ -1,14 +1,21 @@
1
- {%- if page.resources %}
2
- {%- assign tools = page.resources %}
3
- <h2>Relevant tools and resources</h2>
4
- <a class="visually-hidden-focusable" href='#skip-tool-table'>Skip tool table</a>
1
+ {%- if page.national_resources %}
2
+ {%- assign tools = page.national_resources %}
3
+ <h2>Tools and resources</h2>
4
+ <h3>Tailored to users in {{page.title}}</h3>
5
+ <p>Developed and/or deployed by institutions and organisations in {{page.title}}.</p>
6
+ <a class="visually-hidden-focusable" href='#skip-tool-table-1'>Skip tool table</a>
5
7
  <div class="table-responsive mt-4 mb-5">
6
- <table id="tooltable" class="table display">
8
+ <table class="tooltable table display">
7
9
  <thead>
8
10
  <tr class="text-nowrap">
9
11
  <th>Resource</th>
10
12
  <th>Description</th>
11
13
  <th>Related pages</th>
14
+ <th>Registry
15
+ <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.">
16
+ <i class="fa-solid fa-info-circle"></i>
17
+ </a>
18
+ </th>
12
19
  </tr>
13
20
  </thead>
14
21
  <tbody>
@@ -47,11 +54,93 @@
47
54
  {%- else %}
48
55
  <td></td>
49
56
  {%- endif %}
57
+ <td>
58
+ {%- if tool.registry.biotools %}
59
+ <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>
60
+ {%- endif %}
61
+ {%- if tool.registry.fairsharing %}
62
+ <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>
63
+ {%- endif %}
64
+ {%- if tool.registry.fairsharing-coll %}
65
+ <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>
66
+ {%- endif %}
67
+ {%- if tool.registry.tess %}
68
+ <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>
69
+ {%- endif %}
70
+ </td>
50
71
  </tr>
51
72
  {%- endfor %}
52
73
  </tbody>
53
74
  </table>
54
75
  </div>
55
- <div id="skip-tool-table"></div>
56
-
76
+ <div id="skip-tool-table-1"></div>
57
77
  {%- endif %}
78
+ {%- if page.ref_to_main_resources %}
79
+ {%- assign tool_names = page.ref_to_main_resources %}
80
+ <h3>{{page.title}} contributes to</h3>
81
+ <p>Institutions and organisations in {{page.title}} are actively involved in the development of the following tools and resources.</p>
82
+ <a class="visually-hidden-focusable" href='#skip-tool-table-2'>Skip tool table</a>
83
+ <div class="table-responsive mt-4 mb-5">
84
+ <table class="tooltable table display">
85
+ <thead>
86
+ <tr class="text-nowrap">
87
+ <th>Resource</th>
88
+ <th>Description</th>
89
+ <th>Related pages</th>
90
+ <th>Registry
91
+ <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.">
92
+ <i class="fa-solid fa-info-circle"></i>
93
+ </a>
94
+ </th>
95
+ </tr>
96
+ </thead>
97
+ <tbody>
98
+ {%- for tool_name in tool_names | sort %}
99
+ {%- assign tool = site.data.tool_and_resource_list | where:"name", tool_name | first %}
100
+ <tr>
101
+ {% if tool.url %}
102
+ <td><a href="{{tool.url}}">{{tool.name}}</a>
103
+ </td>
104
+ {%- else %}
105
+ <td>{{tool.name}}</td>
106
+ {%- endif %}
107
+ <td>{{tool.description | markdownify }}
108
+ {%- if tool.instance_of or tool.how_to_access %}
109
+ <div class="d-block mt-1">
110
+ <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>
111
+ {%- if tool.how_to_access %}
112
+ <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>
113
+ {%- endif %}
114
+ </div>
115
+ {%- endif %}
116
+ </td>
117
+ {%- capture related_pages %}
118
+ {%- for tag in tool.related_pages %}
119
+ {%- unless tag == page.page_id %}
120
+ {%- assign related_page = site.pages | where:"page_id",tag | first %}
121
+ <a href="{{related_page.url | relative_url }}"><span class="badge default-badge">{{related_page.title}}</span></a>
122
+ {%- endunless %}
123
+ {%- endfor %}
124
+ {%- endcapture %}
125
+ <td>{{related_pages}}</td>
126
+ <td>
127
+ {%- if tool.registry.biotools %}
128
+ <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>
129
+ {%- endif %}
130
+ {%- if tool.registry.fairsharing %}
131
+ <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>
132
+ {%- endif %}
133
+ {%- if tool.registry.fairsharing-coll %}
134
+ <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>
135
+ {%- endif %}
136
+ {%- if tool.registry.tess %}
137
+ <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>
138
+ {%- endif %}
139
+ </td>
140
+ </tr>
141
+ {%- endfor %}
142
+ </tbody>
143
+ </table>
144
+ </div>
145
+ <div id="skip-tool-table-2"></div>
146
+ {%- endif %}
@@ -1,6 +1,6 @@
1
1
  <a class="visually-hidden-focusable" href='#skip-tool-table'>Skip tool table</a>
2
2
  <div class="table-responsive mt-4 mb-5">
3
- <table id="trainingtable" class="table display">
3
+ <table class="trainingtable table display">
4
4
  <thead>
5
5
  <tr class="text-nowrap">
6
6
  <th>Name
@@ -7,4 +7,4 @@ $dark: #212529;
7
7
  /*-----Custom values for Bootstrap variables-----*/
8
8
  $link-decoration: none;
9
9
  $nav-link-color: $dark;
10
- $nav-link-hover-color: $primary;
10
+ $nav-link-hover-color: $primary;
@@ -1,70 +0,0 @@
1
- /*-----General styling-----*/
2
- $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;
3
- $h2-color: $primary;
4
-
5
- /*-----Buttons hover style-----*/
6
- $btn-primary-bg-hover: $primary;
7
- $btn-primary-color-hover: $white;
8
-
9
- /*-----Top navigation-----*/
10
- $topnav-bg: $light;
11
- $topnav-title-color: $primary;
12
- $topnav-brand-height: 44px;
13
-
14
- /*-----Search-----*/
15
- $search-result-color: $primary;
16
-
17
- /*-----Sidebar-----*/
18
- $sidebar-bg: $light;
19
- $sidebar-color: $dark;
20
- $sidebar-lvl2-bg: $white;
21
- $sidebar-lvl2-color: $dark;
22
- $sidebar-lvl3-bg: $white;
23
- $sidebar-lvl3-color: $dark;
24
- $sidebar-bg-active: $primary;
25
- $sidebar-color-active: $white;
26
-
27
- /*-----TOC-----*/
28
- $toc-bg: $light;
29
-
30
- /*-----Section navigation tiles-----*/
31
- $nav-card-bg: $white;
32
- $nav-card-header-bg: $dark;
33
- $nav-card-header-color: $white;
34
- $nav-card-badge-color: $body-color;
35
- $nav-card-badge-bg: $light;
36
- $nav-card-badge-color-hover: $white;
37
- $nav-card-badge-bg-hover: $primary;
38
-
39
- /*-----More information tiles-----*/
40
- $info-card-bg: $light;
41
- $info-card-header-bg: $dark;
42
- $info-card-header-color: $white;
43
-
44
- /*-----Contributors-cards-----*/
45
- $contr-card-bg: $light;
46
-
47
- /*-----Page contributors-----*/
48
- $contr-bg: $light;
49
- $contr-link-bg: $white;
50
- $contr-crown-bg: $dark;
51
- $contr-crown-color: $white;
52
-
53
- /*-----Events & news-----*/
54
- $news-title-bg: $primary;
55
- $news-border-color: $light;
56
- $news-title-color: $white;
57
-
58
- /*-----Default badge-----*/
59
- $badge-color: $body-color;
60
- $badge-bg: $light;
61
- $badge-color-hover: $white;
62
- $badge-bg-hover: $primary;
63
-
64
- /*-----Footer-----*/
65
- $footer-bg: $light;
66
- $footer-color: $dark;
67
- $footer-link-color: $dark;
68
- $footer-link-color-hover: $primary;
69
- $footer-copyright-bg: $gray-200;
70
-
@@ -0,0 +1,70 @@
1
+ /*-----General styling-----*/
2
+ $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;
3
+ $h2-color: $primary;
4
+
5
+ /*-----Buttons hover style-----*/
6
+ $btn-primary-bg-hover: $primary;
7
+ $btn-primary-color-hover: $white;
8
+
9
+ /*-----Top navigation-----*/
10
+ $topnav-bg: $light;
11
+ $topnav-title-color: $primary;
12
+ $topnav-brand-height: 44px;
13
+
14
+ /*-----Search-----*/
15
+ $search-result-color: $primary;
16
+
17
+ /*-----Sidebar-----*/
18
+ $sidebar-bg: $light;
19
+ $sidebar-color: $dark;
20
+ $sidebar-lvl2-bg: $white;
21
+ $sidebar-lvl2-color: $dark;
22
+ $sidebar-lvl3-bg: $white;
23
+ $sidebar-lvl3-color: $dark;
24
+ $sidebar-bg-active: $primary;
25
+ $sidebar-color-active: $white;
26
+
27
+ /*-----TOC-----*/
28
+ $toc-bg: $light;
29
+
30
+ /*-----Section navigation tiles-----*/
31
+ $nav-card-bg: $white;
32
+ $nav-card-header-bg: $secondary;
33
+ $nav-card-header-color: $white;
34
+ $nav-card-badge-color: $body-color;
35
+ $nav-card-badge-bg: $light;
36
+ $nav-card-badge-color-hover: $white;
37
+ $nav-card-badge-bg-hover: $primary;
38
+
39
+ /*-----More information tiles-----*/
40
+ $info-card-bg: $light;
41
+ $info-card-header-bg: $secondary;
42
+ $info-card-header-color: $white;
43
+
44
+ /*-----Contributors-cards-----*/
45
+ $contr-card-bg: $light;
46
+
47
+ /*-----Page contributors-----*/
48
+ $contr-bg: $light;
49
+ $contr-link-bg: $white;
50
+ $contr-crown-bg: $dark;
51
+ $contr-crown-color: $white;
52
+ $contr-popover-bg: $white;
53
+
54
+ /*-----Events & news-----*/
55
+ $news-title-bg: $primary;
56
+ $news-border-color: $light;
57
+ $news-title-color: $white;
58
+
59
+ /*-----Default badge-----*/
60
+ $badge-color: $body-color;
61
+ $badge-bg: $light;
62
+ $badge-color-hover: $white;
63
+ $badge-bg-hover: $primary;
64
+
65
+ /*-----Footer-----*/
66
+ $footer-bg: $light;
67
+ $footer-color: $dark;
68
+ $footer-link-color: $dark;
69
+ $footer-link-color-hover: $primary;
70
+ $footer-copyright-bg: $gray-200;
data/assets/css/main.scss CHANGED
@@ -1,12 +1,14 @@
1
- ---
1
+ ---
2
2
  layout: none
3
3
  permalink: assets/css/main.css
4
4
  ---
5
+
5
6
  /*-----Default theme variables-----*/
6
- $popover-max-width: 11em;
7
+ $popover-max-width: 12em;
7
8
  $enable-caret: false;
8
9
  @import "bootstrap_variables";
9
10
  @import "bootstrap/bootstrap";
11
+ @import "variables";
10
12
  @import "custom_variables";
11
13
 
12
14
  /*-----General styling-----*/
@@ -17,6 +19,7 @@ main {
17
19
  font-weight: 400;
18
20
  margin-bottom: $spacer * 1.5;
19
21
  }
22
+
20
23
  h2,
21
24
  .h2-like {
22
25
  font-family: $font-family-theme;
@@ -36,11 +39,7 @@ main {
36
39
  margin-top: $spacer * 1.5;
37
40
  }
38
41
 
39
- h2 + h3 {
40
- margin-top: $spacer * 0.5;
41
- }
42
-
43
- h3 + h4 {
42
+ h3+h4 {
44
43
  margin-top: $spacer * 0.25;
45
44
  }
46
45
 
@@ -67,11 +66,11 @@ main {
67
66
  }
68
67
 
69
68
  .ff-body {
70
- font-family: $font-family-sans-serif !important;
69
+ font-family: $font-family-sans-serif !important;
71
70
  }
72
71
 
73
72
  .ff-theme {
74
- font-family: $font-family-theme !important;
73
+ font-family: $font-family-theme !important;
75
74
  }
76
75
 
77
76
  /*-----Blockquote-----*/
@@ -139,8 +138,10 @@ pre code {
139
138
 
140
139
  header .navbar {
141
140
  background-color: $topnav-bg;
141
+
142
142
  .navbar-brand {
143
143
  color: $topnav-title-color;
144
+
144
145
  img {
145
146
  height: $topnav-brand-height;
146
147
  }
@@ -160,8 +161,9 @@ header .navbar {
160
161
  content: "\f0d7";
161
162
  transition: transform 0.2s ease-in-out;
162
163
  }
164
+
163
165
  .dropdown-toggle[aria-expanded="true"]::after {
164
- transform: rotate(-180deg);
166
+ transform: rotate(-180deg);
165
167
  }
166
168
 
167
169
  // Break line in top navigation
@@ -170,9 +172,11 @@ header .navbar {
170
172
  @media (min-width: 992px) {
171
173
  width: 1px;
172
174
  }
175
+
173
176
  @media (max-width: 992px) {
174
177
  height: 1px;
175
178
  }
179
+
176
180
  background-color: rgba($nav-link-color, 0.3);
177
181
  }
178
182
 
@@ -206,6 +210,7 @@ header .navbar {
206
210
  background-color: $light;
207
211
  }
208
212
  }
213
+
209
214
  @media (max-width: 992px) {
210
215
  .search-results {
211
216
  width: 100%;
@@ -228,6 +233,7 @@ header .navbar {
228
233
  font-size: 12px !important;
229
234
  font-weight: 600;
230
235
  }
236
+
231
237
  .search-result-doc-title {
232
238
  overflow: auto;
233
239
  color: $body-color;
@@ -259,7 +265,7 @@ header .navbar {
259
265
  vertical-align: top;
260
266
  }
261
267
 
262
- .search-result-preview + .search-result-preview {
268
+ .search-result-preview+.search-result-preview {
263
269
  margin-top: 0.25rem;
264
270
  }
265
271
 
@@ -285,6 +291,7 @@ header .navbar {
285
291
 
286
292
  .sidebar-collapse {
287
293
  background-color: $sidebar-bg;
294
+
288
295
  i {
289
296
  font-size: 1.25rem;
290
297
  float: right;
@@ -298,19 +305,20 @@ header .navbar {
298
305
  }
299
306
 
300
307
  #side-nav>ul {
301
- > li:not(.sidebar-title) > a {
308
+ >li:not(.sidebar-title)>a {
302
309
  background-color: $sidebar-bg;
303
310
  color: $sidebar-color;
304
311
  }
305
- li > a {
306
- > span {
312
+
313
+ li>a {
314
+ >span {
307
315
  float: right;
308
316
  width: 15px;
309
317
  margin-left: $btn-padding-x;
310
318
  text-align: center;
311
319
  }
312
320
 
313
- > span:after {
321
+ >span:after {
314
322
  display: inline-block;
315
323
  font-style: normal;
316
324
  font-variant: normal;
@@ -322,23 +330,28 @@ header .navbar {
322
330
  transition: transform 0.2s ease-in-out;
323
331
  }
324
332
  }
333
+
325
334
  li.active {
326
- &:not(.parent) > a {
335
+ &:not(.parent)>a {
327
336
  background-color: $sidebar-bg-active;
328
337
  color: $sidebar-color-active;
329
338
  }
330
- > a > span:after {
339
+
340
+ >a>span:after {
331
341
  transform: rotate(-180deg);
332
342
  }
333
343
  }
344
+
334
345
  ul {
335
346
  display: none;
347
+
336
348
  li {
337
349
  a {
338
350
  margin-left: 30px;
339
351
  background-color: $sidebar-lvl2-bg;
340
352
  color: $sidebar-lvl2-color;
341
353
  }
354
+
342
355
  ul li a {
343
356
  margin-left: 60px;
344
357
  background-color: $sidebar-lvl3-bg;
@@ -401,7 +414,7 @@ header .navbar {
401
414
 
402
415
  /*-----General table properties-----*/
403
416
 
404
- .table > :not(:first-child) {
417
+ .table> :not(:first-child) {
405
418
  border-color: inherit;
406
419
  }
407
420
 
@@ -415,13 +428,15 @@ table {
415
428
 
416
429
  // Tool table column width optimizations
417
430
 
418
- #tooltable {
431
+ .tooltable {
419
432
  tr th:nth-child(1) {
420
433
  width: 25%;
421
434
  }
435
+
422
436
  tr th:nth-child(2) {
423
437
  width: 40%;
424
438
  }
439
+
425
440
  td:nth-child(2) {
426
441
  font-size: 0.9em;
427
442
  }
@@ -431,8 +446,8 @@ table {
431
446
  }
432
447
  }
433
448
 
434
- #tooltable td:nth-child(1) a,
435
- #trainingtable td:nth-child(1) a {
449
+ .tooltable td:nth-child(1) a,
450
+ .trainingtable td:nth-child(1) a {
436
451
  font-weight: bold;
437
452
  }
438
453
 
@@ -445,12 +460,12 @@ footer {
445
460
  color: $footer-color;
446
461
 
447
462
  a {
448
- color: $footer-link-color !important;
463
+ color: $footer-link-color !important;
449
464
  font-weight: bold;
450
465
  }
451
466
 
452
467
  a:hover {
453
- color: $footer-link-color-hover !important;
468
+ color: $footer-link-color-hover !important;
454
469
  }
455
470
 
456
471
  h2 {
@@ -467,6 +482,7 @@ footer {
467
482
  }
468
483
 
469
484
  /*-----Back to top-----*/
485
+
470
486
  #back-to-top {
471
487
  transition: 0.3s ease-in-out;
472
488
  position: fixed;
@@ -479,7 +495,7 @@ footer {
479
495
  &.visible {
480
496
  bottom: $spacer;
481
497
  opacity: 1;
482
- }
498
+ }
483
499
  }
484
500
 
485
501
  /*-----Contributors cards-----*/
@@ -488,16 +504,19 @@ footer {
488
504
  .card {
489
505
  background-color: $contr-card-bg;
490
506
  }
507
+
491
508
  .badge {
492
509
  background-color: $primary;
493
510
  margin: 10px 10px 0px 0px;
494
511
  }
512
+
495
513
  .card-affiliation {
496
514
  color: $primary;
497
515
  font-size: 0.8em;
498
516
  }
499
517
 
500
518
  }
519
+
501
520
  /*-----Contributors carousel-----*/
502
521
 
503
522
  #contributors-carousel .carousel-control-next,
@@ -509,10 +528,12 @@ footer {
509
528
  #contributors-carousel .card-title {
510
529
  font-size: 0.5em;
511
530
  }
531
+
512
532
  #contributors-carousel .card-affiliation {
513
533
  color: $primary;
514
534
  font-size: 0.4em;
515
535
  }
536
+
516
537
  #contributors-carousel .card-body {
517
538
  padding: 0rem 0.5rem 0.5rem 0.5rem;
518
539
  }
@@ -538,9 +559,12 @@ footer {
538
559
  /*--------Page contributors---------*/
539
560
  .page-contributors {
540
561
  background-color: $contr-bg;
541
- font-size: 0; /* Gets rid of extra white space */
562
+ font-size: 0;
563
+
564
+ /* Gets rid of extra white space */
542
565
  .contributor-link {
543
566
  background-color: $contr-link-bg;
567
+
544
568
  .contributor-img-sm {
545
569
  height: 1.7em;
546
570
  }
@@ -559,8 +583,14 @@ footer {
559
583
  }
560
584
  }
561
585
 
562
- .contributor-img {
563
- width: 130px;
586
+ .popover.contributor-cards {
587
+ .contributor-img {
588
+ width: 11em;
589
+ }
590
+
591
+ .card {
592
+ background-color: $contr-popover-bg;
593
+ }
564
594
  }
565
595
 
566
596
  /*-----Cookie consent banner-----*/
@@ -580,11 +610,11 @@ footer {
580
610
  transition: all 500ms ease-out;
581
611
 
582
612
  a {
583
- color: $footer-link-color !important;
613
+ color: $footer-link-color !important;
584
614
  }
585
615
 
586
616
  a:hover {
587
- color: $footer-link-color-hover !important;
617
+ color: $footer-link-color-hover !important;
588
618
  }
589
619
  }
590
620
 
@@ -599,15 +629,15 @@ footer {
599
629
 
600
630
  .hover-primary:hover,
601
631
  .hover-primary:focus {
602
- background-color: $btn-primary-bg-hover !important;
632
+ background-color: $btn-primary-bg-hover !important;
603
633
  transition: $btn-transition;
604
- color: $btn-primary-color-hover !important;
634
+ color: $btn-primary-color-hover !important;
605
635
  }
606
636
 
607
637
  .text-hover-primary:hover,
608
638
  .text-hover-primary:focus {
609
639
  transition: $btn-transition;
610
- color: $primary !important;
640
+ color: $primary !important;
611
641
  }
612
642
 
613
643
  /*-----Size components-----*/
@@ -624,8 +654,8 @@ li.past_event,
624
654
  display: none;
625
655
  }
626
656
 
627
- .events > ul > li,
628
- .news > ul > li {
657
+ .events>ul>li,
658
+ .news>ul>li {
629
659
  border-left: $news-border-color 5px solid;
630
660
  border-radius: $border-radius;
631
661
  padding: 0px 11px;
@@ -645,32 +675,37 @@ li.past_event,
645
675
  display: inline-block;
646
676
  }
647
677
 
648
- .full-description > *:last-child {
678
+ .full-description>*:last-child {
649
679
  margin-bottom: 0;
680
+
650
681
  li {
651
682
  margin-bottom: 0;
652
683
  }
653
684
  }
654
685
  }
686
+
655
687
  /*-----More information tiles-----*/
656
688
 
657
689
  .info-card {
658
690
  background-color: $info-card-bg;
691
+
659
692
  .card-header {
660
693
  background-color: $info-card-header-bg;
661
694
  color: $info-card-header-color;
662
695
  }
696
+
663
697
  a:hover {
664
698
  .text-muted {
665
699
  transition: $btn-transition;
666
- color: $white !important;
700
+ color: $white !important;
667
701
  }
668
702
 
669
703
  i {
670
704
  transition: $btn-transition;
671
- color: $white !important;
705
+ color: $white !important;
672
706
  }
673
707
  }
708
+
674
709
  img {
675
710
  height: 40px;
676
711
  max-width: 45px;
@@ -690,9 +725,11 @@ li.past_event,
690
725
  .navigation-tiles {
691
726
  .card {
692
727
  background-color: $nav-card-bg;
728
+
693
729
  .card-text {
694
730
  min-height: 4.5em;
695
731
  }
732
+
696
733
  .card-header {
697
734
  background-color: $nav-card-header-bg;
698
735
 
@@ -700,6 +737,7 @@ li.past_event,
700
737
  color: $nav-card-header-color;
701
738
  }
702
739
  }
740
+
703
741
  .badge {
704
742
  font-weight: inherit;
705
743
  background-color: $nav-card-badge-bg;
@@ -722,3 +760,4 @@ iframe.scale {
722
760
  }
723
761
 
724
762
  @import "custom_classes";
763
+
metadata CHANGED
@@ -1,14 +1,14 @@
1
1
  --- !ruby/object:Gem::Specification
2
2
  name: elixir-toolkit-theme
3
3
  version: !ruby/object:Gem::Version
4
- version: 1.15.1
4
+ version: 1.17.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - bedroesb
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2022-05-05 00:00:00.000000000 Z
11
+ date: 2022-06-13 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll
@@ -93,6 +93,7 @@ files:
93
93
  - _sass/_bootstrap_variables.scss
94
94
  - _sass/_custom_classes.scss
95
95
  - _sass/_custom_variables.scss
96
+ - _sass/_variables.scss
96
97
  - _sass/bootstrap/_accordion.scss
97
98
  - _sass/bootstrap/_alert.scss
98
99
  - _sass/bootstrap/_badge.scss