Skip to content

Commit 7625bd2

Browse files
bedroesbbedroesb
authored
Merge pull request #73 from ELIXIR-Belgium/contr-panel
contributors improvement
2 parents 3608211 + 17054eb commit 7625bd2

File tree

4 files changed

+41
-24
lines changed

4 files changed

+41
-24
lines changed

‎_includes/affiliation-tiles-selection.html

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,11 +1,11 @@
11
{%- assign alllogos = site.data.affiliations %}
2-
<div class="affiliation-tiles row row-cols-2 row-cols-sm-3 row-cols-md-4 g-5 my-3">
2+
<div class="affiliation-tiles row row-cols-2 row-cols-sm-3 row-cols-md-4 g-4 my-3">
33
{%- assign filtered_logos = alllogos | where: "type", include.type %}
44
{%- for affiliation in filtered_logos %}
55
{%- if affiliation.image_url and affiliation.expose == true %}
66
<div class="col">
77
<div class="card h-100 border-0">
8-
<div class="my-auto">
8+
<div class="my-auto d-flex justify-content-center">
99
{% 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 %}
1010
</div>
1111
</div>

‎_includes/contributor-minitiles-page.html

Lines changed: 35 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -6,27 +6,43 @@
66
{%- for contributor in page_contributors %}
77
{%- assign id = contributors[contributor].git | default: 'no_github' %}
88
{%- capture html_code %}
9-
{%- assign stripped_name = contributor | replace: "'", " " %}
10-
<div class="d-flex justify-content-center">
11-
{%- if contributors[contributor].image_url %}
12-
<img class="img-fluid rounded-circle contributor-img" src="{{ contributors[contributor].image_url }}" alt="Avatar of the contributor {{ stripped_name }}">
13-
{%- else %}
14-
<img class="img-fluid rounded-circle contributor-img" src="https://avatars.githubusercontent.com/{{ id }}" alt="Avatar of the contributor {{ stripped_name }}">
15-
{%- endif %}
16-
</div>
17-
<div class="d-flex mt-3 justify-content-center">
18-
{%- if contributors[contributor].git %}
19-
<div class="mx-1"><a class="btn btn-primary rounded-circle social-icons p-0" href="https://github.com/{{id}}"><i class="fa-brands fa-github"></i></a></div>
20-
{%- endif %}
21-
{%- if contributors[contributor].email %}
22-
<div class="mx-1"><a class="btn btn-primary rounded-circle social-icons p-0" href="mailto:{{contributors[contributor].email}}"><i class="fa-solid fa-envelope"></i></a></div>
23-
{%- endif %}
24-
{%- if contributors[contributor].orcid %}
25-
<div class="mx-1"><a class="btn btn-primary rounded-circle social-icons p-0" href="https://orcid.org/{{contributors[contributor].orcid}}"><i class="fa-brands fa-orcid"></i></a></div>
9+
{%- assign stripped_name = contributor | replace: "'", "’" %}
10+
<div class="card bg-white">
11+
{%- assign id = contributors[contributor].git | default: 'no_github' %}
12+
<div class="position-relative d-flex justify-content-center">
13+
{%- if contributors[contributor].image_url %}
14+
<img src="{{ contributors[contributor].image_url }}" class="card-img-top p-3 rounded-circle contributor-img" alt="{{ stripped_name }}">
15+
{%- else %}
16+
<img src="https://avatars.githubusercontent.com/{{id}}" class="card-img-top p-3 rounded-circle contributor-img" alt="{{ stripped_name }}">
17+
{%- endif %}
18+
{%- if contributors[contributor].role %}
19+
<span class="badge position-absolute top-0 end-0">{{ contributors[contributor].role | capitalize }}</span>
20+
{%- endif %}
21+
</div>
22+
<div class="card-body text-center py-0">
23+
<p class="card-title">{{ stripped_name }}</p>
24+
{%- if contributors[contributor].affiliation %}
25+
<p class="card-affiliation">{{ contributors[contributor].affiliation | replace: "'", "’" }}</p>
26+
{%- endif %}
27+
</div>
28+
{%- if contributors[contributor].git or contributors[contributor].email or contributors[contributor].orcid %}
29+
<div class="card-footer bg-dark">
30+
<div class="d-flex justify-content-center">
31+
{%- if contributors[contributor].git %}
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>
33+
{%- endif %}
34+
{%- if contributors[contributor].email %}
35+
<div class="mx-1"><a class="btn bg-white text-primary hover-primary rounded-circle social-icons p-0" href="mailto:{{contributors[contributor].email}}"><i class="fa-solid fa-envelope"></i></a></div>
36+
{%- endif %}
37+
{%- if contributors[contributor].orcid %}
38+
<div class="mx-1"><a class="btn bg-white text-primary hover-primary rounded-circle social-icons p-0" href="https://orcid.org/{{contributors[contributor].orcid}}"><i class="fa-brands fa-orcid"></i></a></div>
39+
{%- endif %}
40+
</div>
41+
</div>
2642
{%- endif %}
27-
</div>
43+
</div>
2844
{%- endcapture %}
29-
<a tabindex="0" role="button" class="btn btn-sm contributor-link hover-primary m-1 position-relative" data-bs-trigger="focus" data-bs-html="true" data-bs-container="body" data-bs-toggle="popover" data-bs-placement="top" data-bs-content='{{html_code}}' title="{{contributor}}">
45+
<a tabindex="0" role="button" class="btn btn-sm contributor-link hover-primary m-1 position-relative" data-bs-html="true" data-bs-trigger="focus" data-bs-container="body" data-bs-template='<div class="popover shadow border-0 contributor-cards" role="tooltip"><div class="popover-body p-0"></div></div>' data-bs-toggle="popover" data-bs-placement="top" data-bs-content='{{html_code}}'>
3046
<div class="d-flex align-items-center">
3147
<div class="flex-shrink-0">
3248
{%- if contributors[contributor].image_url %}

‎assets/css/main.scss

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -3,8 +3,8 @@ layout: none
33
permalink: assets/css/main.css
44
---
55
/*-----Default theme variables-----*/
6+
$popover-max-width: 11em;
67
$enable-caret: false;
7-
88
@import "bootstrap_variables";
99
@import "bootstrap/bootstrap";
1010
@import "custom_variables";
@@ -496,6 +496,7 @@ footer {
496496
color: $primary;
497497
font-size: 0.8em;
498498
}
499+
499500
}
500501
/*-----Contributors carousel-----*/
501502

@@ -572,7 +573,7 @@ footer {
572573
left: 0;
573574
width: 100%;
574575
margin: 0 !important;
575-
z-index: 999;
576+
z-index: 1071;
576577
opacity: 0;
577578
visibility: hidden;
578579
transform: translateY(100%);

‎elixir-toolkit-theme.gemspec

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,7 @@
22

33
Gem::Specification.new do |spec|
44
spec.name = "elixir-toolkit-theme"
5-
spec.version = "1.15.0"
5+
spec.version = "1.15.1"
66
spec.authors = ["bedroesb"]
77
spec.email = ["bedro@psb.vib-ugent.be\n"]
88

0 commit comments

Comments
 (0)