elixir-toolkit-theme 1.25.0 → 1.26.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: 0e271dd02e5d4621cb80d9dd514f2a27e68862e5588549c2ce9d906b79df0d21
4
- data.tar.gz: 48f4897c4090ee5e1481f138027088d7c780a2261d82238572b995fe54df8d81
3
+ metadata.gz: 6ef4ebf40b6e201b710ec252b5333ab05e29a1ab2d498f3ae08a68eb070897f3
4
+ data.tar.gz: df3e16d7a670713d0fe8e93547884721aad320d15e572749cbed49b96dabfc76
5
5
  SHA512:
6
- metadata.gz: 7030ad90a9e23e7ed28dfd6085de00726ae52c5ba5d1ee95fdb87625d7d247fbc1f3e20a77c20548cc14480ad4debe71b735d599d60e3b3356e543d74101cb61
7
- data.tar.gz: 39dbefc2537534cd79537fa1f193fcd289ea3ceb30d29de701d8f83ff6ddf0d9458ff812f8e8a4ef0d63bb9f4fb538c943a2dbcd8d572dfe02335b59495c5c1f
6
+ metadata.gz: 6a16e5224092c6774408a45a127c181a0f8e1683af2dfe139254faf8ce968ab09f8337deff75f010d9ca0ca9ea59b7c7465cb2ec9509f37cc59f7e72acdce583
7
+ data.tar.gz: 8de88b386adcdd70a791627acea9d1fddd448115aa765b32f83b445e1cc7eff869673cc4a4aa5b9b84490017d13495bb4112ed5782d6e47baa9de06615a092dc
data/README.md CHANGED
@@ -109,6 +109,9 @@ This will start the docker container and serve the website locally. Make sure th
109
109
  - [Applied Bioinformatics and Biostatistics intranet page](https://intranet.psb.ugent.be/abb/)
110
110
  - [FAIRDOM](https://fair-dom.org/)
111
111
  - [Australian BioCommons How-to-Guides](https://australianbiocommons.github.io/how-to-guides/)
112
+ - [Norwegian Life Science RDM LookUp](https://elixir.no/rdm-lookup)
113
+ - [ERIM Research Toolbox](https://eur-nl.github.io/erim-research-toolbox/)
114
+ - [ELIXIR-UK Fellowship](https://elixir-uk-dash.github.io/rdmkit/)
112
115
 
113
116
  ## Used packages
114
117
 
@@ -0,0 +1,31 @@
1
+ {%- if page.affiliations and page.affiliations.size != 0 %}
2
+ <span class="d-block h2-like fs-2">Affiliations</span>
3
+ <div class="p-4 rounded mt-4 page-contributors d-flex flex-wrap gap-2">
4
+ {%- assign affiliations = site.data.affiliations %}
5
+ {%- assign page_affiliations = page.affiliations | sort %}
6
+ {%- assign allcountries = site.data.countries %}
7
+ {%- for affiliation in page_affiliations %}
8
+ {%- if affiliation.size == 2 %}
9
+ {%- assign country = affiliation | upcase %}
10
+ {%- assign country_link = site.pages | where:"country_code",country | first %}
11
+ {%- if country_link %}
12
+ <a role="button" href="{{country_link.url | relative_url}}" data-bs-toggle="tooltip" title="{{allcountries[country]}}" class="btn btn-sm d-flex align-items-center contributor-link hover-primary">
13
+ {%- else %}
14
+ <a role="button" data-bs-toggle="tooltip" title="{{allcountries[country]}}" class="btn btn-sm contributor-link d-flex align-items-center hover-primary disabled border-white" aria-disabled="true">
15
+ {%- endif %}
16
+ <div class="d-flex justify-content-center affiliation-flag">
17
+ <div class="ratio ratio-4x3">
18
+ <div class="rounded shadow-sm flag-icon flag-icon-{{affiliation | downcase}}">
19
+ </div>
20
+ </div>
21
+ </div>
22
+ </a>
23
+ {%- else %}
24
+ {%- assign affiliation_info = affiliations | where:"name",affiliation | first %}
25
+ <a class="btn btn-sm contributor-link d-flex align-items-center justify-content-center hover-primary" data-bs-toggle="tooltip" title="{{affiliation_info.name}}" href="{{affiliation_info.url}}">
26
+ <img src="{{affiliation_info.image_url | relative_url}}" alt="{{affiliation_info.name}}" class="affiliation-img">
27
+ </a>
28
+ {%- endif %}
29
+ {%- endfor %}
30
+ </div>
31
+ {%- endif %}
@@ -10,49 +10,54 @@
10
10
  {%- assign allcontrstr = allcontrstr | append: ", " | append: pagecontr %}
11
11
  {%- else %}
12
12
  {%- assign allcontrstr = allcontrstr | append: pagecontr %}
13
- {%- endif %}
14
- {%- endif %}
13
+ {%- endif %}
14
+ {%- endif %}
15
15
  {%- endfor %}
16
16
  {%- for contr in contributors %}
17
17
  {%- assign allcontrstr = allcontrstr | append: ", " | append: contr[0] %}
18
18
  {%- endfor %}
19
19
  {%- assign allcontributors = allcontrstr | split: ", " | uniq | sort %}
20
- {%- endif %}
20
+ {%- endif %}
21
21
  <div id="contributors-carousel" class="carousel carousel-dark slide my-4" data-ride="carousel" data-bs-interval="7000">
22
22
  <div class="carousel-inner">
23
- {%- assign counter = 0 %}
24
- {%- for contributor in allcontributors %}
25
- {%- capture modulo %}{{ counter | modulo:nr }}{% endcapture %}
26
- {%- if modulo == '0' or counter == 0 %}
27
- {%- if counter != 0 %}
28
- </div>
29
- </div>
30
- {%- endif %}
31
- <div class="carousel-item {% if counter == 0 %}active{% endif %}">
32
- <div class="row row-cols-5 contributor-cards g-1 g-sm-4 ">
33
- {%- endif %}
34
- <div class="col">
35
- <div class="card h-100">
23
+ {%- assign counter = 0 %}
24
+ {%- for contributor in allcontributors %}
25
+ {%- capture modulo %}{{ counter | modulo:nr }}{% endcapture %}
26
+ {%- if modulo == '0' or counter == 0 %}
27
+ {%- if counter != 0 %}
28
+ </div>
29
+ </div>
30
+ {%- endif %}
31
+ <div class="carousel-item {% if counter == 0 %}active{% endif %}">
32
+ <div class="row row-cols-5 contributor-cards g-1 g-sm-4 ">
33
+ {%- endif %}
34
+ <div class="col">
35
+ <div class="card h-100">
36
36
  {%- assign id = contributors[contributor].git | default: 'no_github' %}
37
37
  <div>
38
38
  {%- if contributors[contributor].image_url %}
39
- <img src="{{ contributors[contributor].image_url }}" class="card-img-top p-3 rounded-circle" alt="{{ contributor }}">
39
+ <div class="p-3">
40
+ <div class="ratio ratio-1x1">
41
+ <div class="contr-placeholder rounded-circle" style="background-image: url({{ contributors[contributor].image_url }});">
42
+ </div>
43
+ </div>
44
+ </div>
40
45
  {%- else %}
41
46
  {%- if contributors[contributor].git %}
42
47
  <img src="https://avatars.githubusercontent.com/{{id}}" class="card-img-top p-3 rounded-circle" alt="{{ contributor }}">
43
48
  {%- else %}
44
49
  <div class="p-3">
45
- <div class="ratio ratio-1x1">
46
- <div class="contr-placeholder rounded-circle d-flex justify-content-center align-items-center">
47
- {%- assign contr_name = contributor | split: " " %}
48
- {%- assign initials = "" %}
49
- {%- for name in contr_name %}
50
- {%- assign initial = name | slice: 0,1 | capitalize %}
51
- {%- assign initials = initials | append: initial %}
52
- {%- endfor %}
53
- <span class="fs-2 fw-bold">{{ initials }}</span>
50
+ <div class="ratio ratio-1x1">
51
+ <div class="contr-placeholder rounded-circle d-flex justify-content-center align-items-center">
52
+ {%- assign contr_name = contributor | split: " " %}
53
+ {%- assign initials = "" %}
54
+ {%- for name in contr_name %}
55
+ {%- assign initial = name | slice: 0,1 | capitalize %}
56
+ {%- assign initials = initials | append: initial %}
57
+ {%- endfor %}
58
+ <span class="fs-2 fw-bold">{{ initials }}</span>
59
+ </div>
54
60
  </div>
55
- </div>
56
61
  </div>
57
62
  {%- endif %}
58
63
  {%- endif %}
@@ -78,21 +83,21 @@
78
83
  </div>
79
84
  </div>
80
85
  {%- endif %}
81
- </div>
82
86
  </div>
87
+ </div>
83
88
  {%- assign counter = counter | plus:1 %}
84
89
  {%- if forloop.last %}
85
- </div>
86
- {%- endif %}
87
- {%- endfor %}
88
90
  </div>
89
- <button class="carousel-control-prev" type="button" data-bs-target="#contributors-carousel" data-bs-slide="prev">
90
- <span class="carousel-control-prev-icon" aria-hidden="true"></span>
91
- <span class="visually-hidden">Previous</span>
92
- </button>
93
- <button class="carousel-control-next" type="button" data-bs-target="#contributors-carousel" data-bs-slide="next">
94
- <span class="carousel-control-next-icon" aria-hidden="true"></span>
95
- <span class="visually-hidden">Next</span>
96
- </button>
91
+ {%- endif %}
92
+ {%- endfor %}
93
+ </div>
94
+ <button class="carousel-control-prev" type="button" data-bs-target="#contributors-carousel" data-bs-slide="prev">
95
+ <span class="carousel-control-prev-icon" aria-hidden="true"></span>
96
+ <span class="visually-hidden">Previous</span>
97
+ </button>
98
+ <button class="carousel-control-next" type="button" data-bs-target="#contributors-carousel" data-bs-slide="next">
99
+ <span class="carousel-control-next-icon" aria-hidden="true"></span>
100
+ <span class="visually-hidden">Next</span>
101
+ </button>
97
102
  </div>
98
103
  </div>
@@ -9,7 +9,10 @@
9
9
  <button class="btn btn-sm dropdown-toggle contributor-link d-flex gap-2 align-items-center hover-primary position-relative" type="button" data-bs-toggle="dropdown" aria-expanded="false" data-bs-auto-close="outside" data-bs-offset="0,10">
10
10
  <div>
11
11
  {%- if contributors[contributor].image_url %}
12
- <img class="img-fluid rounded-circle contributor-img-sm" src="{{ contributors[contributor].image_url }}" alt="Avatar of the contributor {{ contributor }}">
12
+ <div class="ratio ratio-1x1 contributor-img-sm">
13
+ <div class="contr-placeholder rounded-circle" style="background-image: url({{ contributors[contributor].image_url }});">
14
+ </div>
15
+ </div>
13
16
  {%- else %}
14
17
  {%- if contributors[contributor].git %}
15
18
  <img class="img-fluid rounded-circle contributor-img-sm" src="https://avatars.githubusercontent.com/{{ id }}" alt="Avatar of the contributor {{ contributor }}">
@@ -49,7 +52,12 @@
49
52
  {%- assign id = contributors[contributor].git | default: 'no_github' %}
50
53
  <div class="position-relative">
51
54
  {%- if contributors[contributor].image_url %}
52
- <img src="{{ contributors[contributor].image_url }}" class="card-img-top p-3 rounded-circle" alt="{{ contributor }}">
55
+ <div class="p-3">
56
+ <div class="ratio ratio-1x1">
57
+ <div class="contr-placeholder rounded-circle" style="background-image: url({{ contributors[contributor].image_url }});">
58
+ </div>
59
+ </div>
60
+ </div>
53
61
  {%- else %}
54
62
  {%- if contributors[contributor].git %}
55
63
  <img src="https://avatars.githubusercontent.com/{{id}}" class="card-img-top p-3 rounded-circle" alt="{{ contributor }}">
@@ -28,7 +28,12 @@
28
28
  {%- assign id = contributors[contributor].git | default: 'no_github' %}
29
29
  <div class="position-relative">
30
30
  {%- if contributors[contributor].image_url %}
31
- <img src="{{ contributors[contributor].image_url }}" class="card-img-top p-3 rounded-circle" alt="{{ contributor }}">
31
+ <div class="p-3">
32
+ <div class="ratio ratio-1x1">
33
+ <div class="contr-placeholder rounded-circle" style="background-image: url({{ contributors[contributor].image_url }});">
34
+ </div>
35
+ </div>
36
+ </div>
32
37
  {%- else %}
33
38
  {%- if contributors[contributor].git %}
34
39
  <img src="https://avatars.githubusercontent.com/{{id}}" class="card-img-top p-3 rounded-circle" alt="{{ contributor }}">
@@ -5,8 +5,8 @@
5
5
  We use cookies to ensure you get the best experience on our website. Read our
6
6
  <a class="fw-bold" href="{{ site.theme_variables.privacy_statement_url | default: '/privacy' | relative_url}}">privacy policy</a> to find out more.
7
7
  </p>
8
- <div class=""d-flex justify-content-cente>
9
- <button type="button" id="acceptcookies" class="btn btn-primary ms-2">
8
+ <div class="d-flex justify-content-center">
9
+ <button type="button" id="acceptcookies" class="btn btn-primary">
10
10
  Got it!
11
11
  </button>
12
12
  </div>
@@ -103,9 +103,9 @@
103
103
  {%- assign hide_ids = hide_ids | append: " " | append: tool_id %}
104
104
  <tr {% unless include.tag==nil %} class="collapse multi-collapse" id="{{tool_id}}" {% endunless %}>
105
105
  {% if tool.url %}
106
- <td><a href="{{tool.url}}">{{tool.name}}</a><a href="{{country_page.url | relative_url }}" data-bs-toggle="tooltip" title="{{country_page.title}}"><span class="flag-icon ms-2 flag-icon-{{country_page.country_code | downcase }}"></span></a></td>
106
+ <td><a href="{{tool.url}}">{{tool.name}}</a><a href="{{country_page.url | relative_url }}" data-bs-toggle="tooltip" title="{{country_page.title}}"><span class="flag-icon ms-2 shadow-sm flag-icon-{{country_page.country_code | downcase }}"></span></a></td>
107
107
  {%- else %}
108
- <td>{{tool.name}}<a href="{{country_page.url}}"><span class="flag-icon ms-2 flag-icon-{{country_page.country_code | downcase }}"></span></a></td>
108
+ <td>{{tool.name}}<a href="{{country_page.url}}"><span class="flag-icon ms-2 shadow-sm flag-icon-{{country_page.country_code | downcase }}"></span></a></td>
109
109
  {%- endif %}
110
110
  <td>{{tool.description | markdownify }}
111
111
  {%- if tool.instance_of or tool.how_to_access %}
@@ -1,11 +1,11 @@
1
1
  {%- assign allcountries = site.data.countries %}
2
2
  {%- assign except = include.except | split: ", " %}
3
- <div class="row row-cols-1 row-cols-md-2 g-3 mb-5 navigation-tiles">
3
+ <div class="row row-cols-1 row-cols-md-2 g-3 my-4 navigation-tiles">
4
4
  {%- for current_page in site.pages | sorted %}
5
5
  {%- if current_page.title and current_page.search_exclude != true and current_page.type == include.type %}
6
6
  {%- unless except contains current_page.name %}
7
7
  <div class="col d-grid">
8
- <a role="button" class="btn bg-light py-4 fs-3 hover-primary" href="{{ current_page.url | relative_url }}">{{current_page.title}}<span class="flag-icon ms-3 flag-icon-{{current_page.country_code | downcase }}"></span></a>
8
+ <a role="button" class="btn bg-light py-4 fs-3 hover-primary" href="{{ current_page.url | relative_url }}">{{current_page.title}}{% if current_page.country_code %}<span class="flag-icon shadow-sm ms-3 flag-icon-{{current_page.country_code | downcase }}"></span>{% endif %}</a>
9
9
  </div>
10
10
  {% endunless %}
11
11
  {%- endif %}
@@ -146,17 +146,17 @@
146
146
  {%- assign country_link = site.pages | where:"country_code",country | first %}
147
147
  {%- if country_link %}
148
148
  <a role="button" href="{{country_link.url | relative_url}}" data-bs-toggle="tooltip" title="{{allcountries[country]}}" class="btn btn-sm bg-white hover-primary">
149
- {%- else %}
150
- <a role="button" data-bs-toggle="tooltip" title="{{allcountries[country]}}" class="btn btn-sm bg-white hover-primary disabled border-white" aria-disabled="true">
151
- {%- endif %}
152
- <div class="d-block h-24px">
153
- <span class="flag-icon flag-icon-{{affiliation | downcase}} align-items-center"></span>
154
- </div>
155
- </a>
149
+ {%- else %}
150
+ <a role="button" data-bs-toggle="tooltip" title="{{allcountries[country]}}" class="btn btn-sm bg-white hover-primary disabled border-white" aria-disabled="true">
151
+ {%- endif %}
152
+ <div class="d-block affiliation-img-sm">
153
+ <span class="flag-icon flag-icon-{{affiliation | downcase}} shadow-sm"></span>
154
+ </div>
155
+ </a>
156
156
  {%- elsif filter_affiliation %}
157
157
  <a role="button" href="{{filter_affiliation.url}}" data-bs-toggle="tooltip" data-bs-original-title="{{affiliation}}" class="btn btn-sm bg-white hover-primary">
158
158
  {%- if filter_affiliation.image_url %}
159
- <img alt="logo of {{filter_affiliation.name}}" src="{{filter_affiliation.image_url | relative_url }}" class="d-inline h-24px">
159
+ <img alt="logo of {{filter_affiliation.name}}" src="{{filter_affiliation.image_url | relative_url }}" class="d-inline affiliation-img-sm">
160
160
  {%- else %}
161
161
  {{filter_affiliation.name}}
162
162
  {%- endif %}
@@ -10,7 +10,7 @@
10
10
  <div class="row gx-0 gx-lg-5">
11
11
  {%- assign content_col_size = "col-lg-12" %}{% unless page.hide_sidebar %}
12
12
  <!-- Sidebar Column -->
13
- <div class="col-lg-3">
13
+ <div class="col-lg-3 mb-0 mb-lg-4">
14
14
  {% include sidebar.html %}
15
15
  </div>
16
16
  {%- assign content_col_size = "col-lg-9" %}{% endunless %}
data/_layouts/page.html CHANGED
@@ -27,6 +27,7 @@ layout: default
27
27
  {%- if page.page_id %}
28
28
  {% include resource-table-all.html tag=page.page_id %}
29
29
  {%- endif %}
30
+ {% include affiliation-tiles-page.html %}
30
31
  {% include contributor-minitiles-page.html %}
31
32
  {%- if site.theme_variables.github_buttons.position == "bottom" %}
32
33
  <div id="github-buttons-wrapper" class="d-flex mt-5">
@@ -28,11 +28,11 @@ $sidebar-color-active: $white;
28
28
  $toc-bg: $light;
29
29
 
30
30
  /*-----Section navigation tiles-----*/
31
- $nav-card-bg: $white;
31
+ $nav-card-bg: $light;
32
32
  $nav-card-header-bg: $secondary;
33
33
  $nav-card-header-color: $white;
34
34
  $nav-card-badge-color: $body-color;
35
- $nav-card-badge-bg: $light;
35
+ $nav-card-badge-bg: $white;
36
36
  $nav-card-badge-color-hover: $white;
37
37
  $nav-card-badge-bg-hover: $primary;
38
38
 
data/assets/css/main.scss CHANGED
@@ -6,6 +6,7 @@ permalink: assets/css/main.css
6
6
  /*-----Default theme variables-----*/
7
7
  $popover-max-width: 12em;
8
8
  $enable-caret: false;
9
+ $card-border-width: 0;
9
10
 
10
11
  /*-----Include other SASS files-----*/
11
12
 
@@ -128,7 +129,6 @@ pre {
128
129
  code {
129
130
  padding: 0;
130
131
  background-color: transparent;
131
-
132
132
  }
133
133
  }
134
134
 
@@ -137,7 +137,7 @@ div.highlight {
137
137
  color: $body-color;
138
138
  border: 1px solid $border-color;
139
139
  border-radius: $border-radius;
140
- margin-bottom: $spacer;
140
+ margin: $spacer 0;
141
141
  pre {
142
142
  margin-bottom: 0;
143
143
  padding: $spacer;
@@ -495,8 +495,11 @@ footer {
495
495
  }
496
496
 
497
497
  #ett-logo {
498
+ transition: color .15s ease-in-out;
499
+
498
500
  .cls-1 {
499
501
  fill: $footer-ett;
502
+ transition: fill .15s ease-in-out;
500
503
  }
501
504
  &:hover {
502
505
  .cls-1 {
@@ -510,7 +513,6 @@ footer {
510
513
  /*-----Back to top-----*/
511
514
 
512
515
  #back-to-top {
513
- transition: 0.3s ease-in-out;
514
516
  position: fixed;
515
517
  bottom: -50px;
516
518
  right: $spacer;
@@ -540,9 +542,6 @@ footer {
540
542
  color: $primary;
541
543
  font-size: 0.8em;
542
544
  }
543
- .contr-placeholder {
544
- background-color: rgba($dark, 0.1);
545
- }
546
545
  }
547
546
 
548
547
  /*-----Contributors carousel-----*/
@@ -567,6 +566,18 @@ footer {
567
566
  }
568
567
  }
569
568
 
569
+ /*-----Contributor url image-----*/
570
+
571
+ .contr-placeholder {
572
+ background-color: rgba($dark, 0.1);
573
+ background-position: center;
574
+ background-repeat: no-repeat;
575
+ -webkit-background-size: cover;
576
+ -moz-background-size: cover;
577
+ -o-background-size: cover;
578
+ background-size: cover;
579
+ }
580
+
570
581
  /*-----------Social icons----------*/
571
582
 
572
583
  .social-icons {
@@ -621,7 +632,6 @@ footer {
621
632
  }
622
633
 
623
634
  .contr-placeholder {
624
- background-color: rgba($dark, 0.1);
625
635
  font-size: 0.5rem;
626
636
  }
627
637
  }
@@ -674,12 +684,24 @@ footer {
674
684
  color: $primary !important;
675
685
  }
676
686
 
677
- /*-----Size components-----*/
687
+ /*-----Affiliation sizes-----*/
678
688
 
679
- .h-24px {
689
+ .affiliation-img-sm {
680
690
  height: 24px;
681
691
  }
682
692
 
693
+ .affiliation-img {
694
+ height: 60px;
695
+ }
696
+
697
+ .affiliation-flag {
698
+ width: 60px;
699
+ }
700
+
701
+ .affiliation-flag .ratio {
702
+ width: 40px;
703
+ }
704
+
683
705
  /*-----News and events-----*/
684
706
 
685
707
  li.upcoming_event,
data/assets/js/main.js CHANGED
@@ -126,7 +126,7 @@ $(document).ready(function () {
126
126
  var btn = document.createElement('button');
127
127
  var div = document.createElement('div');
128
128
  btn.innerHTML = '<i class="fa-regular fa-copy"></i>';
129
- btn.className = "btn btn-light text-secondary m-1 btn-copy py-1 px-2";
129
+ btn.className = "btn text-secondary m-1 btn-copy py-1 px-2";
130
130
  btn.title = "Copy to clipboard";
131
131
  btn.type = "button";
132
132
  btn.setAttribute("data-bs-toggle", "tooltip");
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.25.0
4
+ version: 1.26.0
5
5
  platform: ruby
6
6
  authors:
7
7
  - bedroesb
8
8
  autorequire:
9
9
  bindir: bin
10
10
  cert_chain: []
11
- date: 2023-03-23 00:00:00.000000000 Z
11
+ date: 2023-04-25 00:00:00.000000000 Z
12
12
  dependencies:
13
13
  - !ruby/object:Gem::Dependency
14
14
  name: jekyll
@@ -63,6 +63,7 @@ extra_rdoc_files: []
63
63
  files:
64
64
  - LICENSE
65
65
  - README.md
66
+ - _includes/affiliation-tiles-page.html
66
67
  - _includes/affiliation-tiles-selection.html
67
68
  - _includes/callout.html
68
69
  - _includes/contributor-carousel-selection.html