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 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