elixir-toolkit-theme 1.25.0 → 1.26.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: 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