elixir-toolkit-theme 1.15.1 → 1.17.0
Sign up to get free protection for your applications and to get access to all the features.
- checksums.yaml +4 -4
- data/README.md +1 -1
- data/_includes/affiliation-tiles-selection.html +1 -1
- data/_includes/contributor-minitiles-page.html +3 -3
- data/_includes/head.html +10 -2
- data/_includes/image.html +5 -5
- data/_includes/news.html +1 -1
- data/_includes/resource-table-all.html +38 -15
- data/_includes/resource-table-page.html +96 -7
- data/_includes/training-table-all.html +1 -1
- data/_sass/_bootstrap_variables.scss +1 -1
- data/_sass/_custom_variables.scss +0 -70
- data/_sass/_variables.scss +70 -0
- data/assets/css/main.scss +76 -37
- metadata +3 -2
checksums.yaml
CHANGED
@@ -1,7 +1,7 @@
|
|
1
1
|
---
|
2
2
|
SHA256:
|
3
|
-
metadata.gz:
|
4
|
-
data.tar.gz:
|
3
|
+
metadata.gz: faa89cf0a705783f323a0752072a8e207c05a0aa2af59350dd048707bd56fa93
|
4
|
+
data.tar.gz: cd5d72045a94edecdc128ecc085d0aa1e276c9da7abd1c14f062694f7ae6f790
|
5
5
|
SHA512:
|
6
|
-
metadata.gz:
|
7
|
-
data.tar.gz:
|
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
|
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
|
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
|
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 %}
|
10
|
-
{%-
|
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
|
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
|
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
|
11
|
+
{%- if include.url or include.click == true %}
|
12
12
|
</a>
|
13
13
|
{%- endif %}
|
14
|
-
{%- if
|
14
|
+
{%- if include.caption %}
|
15
15
|
<figcaption class="figure-caption">
|
16
16
|
{{include.caption}}
|
17
17
|
</figcaption>
|
18
18
|
{%- endif %}
|
19
|
-
{%- if
|
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.
|
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
|
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.
|
34
|
-
{%- assign tool_matches = country_page.
|
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.
|
43
|
-
<td><a href="{{tool.
|
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
|
-
{%-
|
49
|
-
<
|
50
|
-
|
51
|
-
|
52
|
-
|
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.
|
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.
|
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
|
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.
|
2
|
-
{%- assign tools = page.
|
3
|
-
<h2>
|
4
|
-
<
|
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
|
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
|
3
|
+
<table class="trainingtable table display">
|
4
4
|
<thead>
|
5
5
|
<tr class="text-nowrap">
|
6
6
|
<th>Name
|
@@ -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:
|
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
|
-
|
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
|
69
|
+
font-family: $font-family-sans-serif !important;
|
71
70
|
}
|
72
71
|
|
73
72
|
.ff-theme {
|
74
|
-
font-family: $font-family-theme
|
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
|
-
|
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
|
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
|
-
>
|
308
|
+
>li:not(.sidebar-title)>a {
|
302
309
|
background-color: $sidebar-bg;
|
303
310
|
color: $sidebar-color;
|
304
311
|
}
|
305
|
-
|
306
|
-
|
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
|
-
>
|
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)
|
335
|
+
&:not(.parent)>a {
|
327
336
|
background-color: $sidebar-bg-active;
|
328
337
|
color: $sidebar-color-active;
|
329
338
|
}
|
330
|
-
|
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
|
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
|
-
|
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
|
-
|
435
|
-
|
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
|
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
|
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;
|
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-
|
563
|
-
|
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
|
613
|
+
color: $footer-link-color !important;
|
584
614
|
}
|
585
615
|
|
586
616
|
a:hover {
|
587
|
-
color: $footer-link-color-hover
|
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
|
632
|
+
background-color: $btn-primary-bg-hover !important;
|
603
633
|
transition: $btn-transition;
|
604
|
-
color: $btn-primary-color-hover
|
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
|
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
|
628
|
-
.news
|
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
|
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
|
700
|
+
color: $white !important;
|
667
701
|
}
|
668
702
|
|
669
703
|
i {
|
670
704
|
transition: $btn-transition;
|
671
|
-
color: $white
|
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.
|
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-
|
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
|