Commit d239a61a authored by Alejandro Asensio's avatar Alejandro Asensio
Browse files

refactor(#16): replace fontawesome with bootstrap icons; style: unify page headings and its margins

parent e676ebd1
......@@ -17,6 +17,9 @@ h5.card-header {
.alert {
border: none;
}
.list-group-item {
color: $primary;
}
.pagination {
& > li > a {
background-color: $color--white;
......
......@@ -6,8 +6,4 @@
background-repeat: no-repeat;
background-position-y: bottom;
text-shadow: 1px 1px 3px $bg-color--hero;
&--heading {
font-weight: 500;
}
}
a {
color: $primary;
transition: transform 400ms ease;
}
.bi-arrow-right-circle-fill {
transition-duration: 125ms;
transition-property: transform;
&:focus,
&:hover {
transform: translateX(0.25rem);
}
}
......@@ -2,14 +2,11 @@ body {
font-family: "IBM Plex Sans", sans-serif;
}
h1 {
margin-top: 4rem;
margin-bottom: 2rem;
margin-top: 2rem;
margin-bottom: 1rem;
}
h2,
h3 {
margin-top: 3rem;
margin-bottom: 1.5rem;
}
h3,
h4,
h5,
h6 {
......
......@@ -9,7 +9,7 @@ languages:
menu:
about:
- name: European portal
post: <i class="fas fa-arrow-circle-right"></i>
post: <i class="bi bi-arrow-right-circle-fill"></i>
url: https://www.covid19dataportal.org/
weight: 1
- name: About Spanish portal
......
......@@ -4,6 +4,7 @@ menu:
main:
name: Genomics
weight: 1
type: genomics
---
<div style="text-align:center"><img src="/images/banners/coming-soon-banner.png" style="margin-top: 2rem;" width="200"></div>
......@@ -15,8 +15,6 @@ js:
- https://cdn.datatables.net/v/bs4/jszip-2.5.0/dt-1.10.23/b-1.6.5/b-colvis-1.6.5/b-flash-1.6.5/b-html5-1.6.5/b-print-1.6.5/r-2.2.7/datatables.min.js
---
## Articles and preprints
This section presents a list of the latest published scientific journal articles and preprints on COVID-19 and SARS-CoV-2 where at least one author has a Spanish affiliation. You can filter out those publications with acknowledged funding to the "Fondo COVID19" funds. Note that the complete list contains the sum of various automatic searches that are daily fetched from [Europe PMC](https://europepmc.org/).
You can help us enriching this section by adding new papers or available associated data to existing papers (datasets, code repositories...) [filling in this formulaire](https://bsc3.typeform.com/to/yFGM8nUc). Please make sure that the information is not already in the table below and that the publication has at least one author affiliated in Spain.
......@@ -7,7 +7,7 @@ menu:
type: research-projects
---
## Research projects granted by ISCIII COVID-19 funds and other projects adhered to the ISCIII-COVID-19 Registry
#### Granted by ISCIII COVID-19 funds and other projects adhered to the ISCIII-COVID-19 Registry
The ISCIII granted research projects with the COVID-19 extraordinary fund to promote knowledge about SARS-CoV-2 and COVID-19 disease as well as its impact on infected people, with the aim of contributing to efficient patient treatment and/or public health preparedness and response. The expected impact is to:
......
[hero_container]
[motto]
other = "Accelerating research through data sharing"
[research_projects_cv19]
......
{{ define "main" }}
<div class="container">
<h1>{{ .Title }}</h1>
{{ .Content }}
</div>
{{ end }}
\ No newline at end of file
{{ define "main" }}
{{ .Content }}
{{ $tabs_to_display := slice }}
......@@ -10,6 +9,7 @@
{{ end }}
<main class="container">
<h1>{{ .Title }}</h1>
<div class="tab mt-3" role="tabpanel">
<!-- Nav tabs -->
<ul class="nav nav-tabs align-items-start" role="tablist">
......
......@@ -16,7 +16,7 @@
{{ $slides := slice $slide1 $slide2 $slide3 }}
<div class="hero">
<h2 class="container hero--heading">Accelerating research through data sharing</h2>
<div class="container h3 pt-5">{{ i18n "motto" }}</div>
</div>
<main class="container">
<article class="mt-5">
......@@ -59,7 +59,7 @@
</div>
</div>
<a href="/research-projects" class="see-all-link">
See all projects on COVID-19 <i class="fas fa-arrow-circle-right"></i>
See all projects on COVID-19 <i class="bi bi-arrow-right-circle-fill"></i>
</a>
</section>
<section id="resources">
......@@ -78,7 +78,7 @@
<div class="card-footer">
<small class="float-left">
<a href="https://flowmaps.life.bsc.es/flowboard/board_risk/" class="font-weight-bold">
See mobility-based analysis <i class="fas fa-arrow-circle-right"></i>
See mobility-based analysis <i class="bi bi-arrow-right-circle-fill"></i>
</a>
</small>
<small class="float-right">Last update: 2021-02-23</small>
......@@ -114,7 +114,7 @@
<div class="card-footer">
<small class="float-left">
<a href="https://covid19beacon.crg.eu/" class="font-weight-bold">
See other statistics <i class="fas fa-arrow-circle-right"></i>
See other statistics <i class="bi bi-arrow-right-circle-fill"></i>
</a>
</small>
<small class="float-right">Last update: 2021-02-23</small>
......@@ -122,7 +122,7 @@
</div>
</div>
<a href="/resources" class="see-all-link">
See all resources about COVID-19 <i class="fas fa-arrow-circle-right"></i>
See all resources about COVID-19 <i class="bi bi-arrow-right-circle-fill"></i>
</a>
</section>
</main>
......
......@@ -6,6 +6,7 @@
{{ end }}
<main class="container">
<h1>{{ .Title }}</h1>
{{ .Content }}
{{ partial "warning-manual-curation.html" (dict "context" . "last_update" (substr $.Site.Data.inb_articles.timestamp 0 10)) }}
<div id="loading">
......@@ -128,7 +129,7 @@
<!-- PREPRINT INDICATOR -->
<br>
{{ if eq .type "preprint"}}
<span class="badge badge-pill badge-info">preprint</span>&nbsp;
<span class="badge badge-pill badge-info">preprint</span>&nbsp;
{{ end }}
<i>{{ .citation }}</i>
......@@ -144,7 +145,8 @@
<!-- ABSTRACT -->
{{ if .abstract }}
<a class="btn btn-link badge badge-primary" data-toggle="collapse" href="#abstract{{ $index }}" role="button" aria-expanded="false" aria-controls="abstract{{ $index }}">
{{ i18n "abstract" }} <i class="fas fa-caret-down"></i></a>
{{ i18n "abstract" }} <i class="bi bi-caret-down-fill"></i>
</a>
<div class="collapse" id="abstract{{ $index }}">
<div class="card card-body">{{ .abstract }}</div>
</div>
......@@ -153,17 +155,14 @@
<!-- AVAILABLE DATA -->
{{ if .available_data }}
<a class="btn btn-link badge badge-success" data-toggle="collapse" href="#data{{ $index }}" role="button" aria-expanded="false" aria-controls="abstract{{ $index }}">
{{ i18n "data_available" }} <i class="fas fa-caret-down"></i></a>
<div class="collapse" id="data{{ $index }}">
<div class="card card-body">
<div class="list-group list-group-flush">
{{ range .available_data }}
<a target="_blank" href="{{.link}}" class="list-group-item list-group-item-action" style="color:rgba(46, 104, 165, 0.8);">
<i class="fas fa-external-link-alt" style="color:rgba(46, 104, 165, 0.8);margin-right:5px"></i>{{ .label }}
</a>
{{end}}
</div>
</div>
{{ i18n "data_available" }} <i class="bi bi-caret-down-fill"></i>
</a>
<div class="collapse list-group" id="data{{ $index }}">
{{ range .available_data }}
<a target="_blank" href="{{ .link }}" class="list-group-item list-group-item-action">
{{ .label }} <i class="bi bi-box-arrow-up-right"></i>
</a>
{{end}}
</div>
{{end}}
</div>
......
......@@ -2,9 +2,6 @@
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
<!-- FontAwesome -->
<script src="https://kit.fontawesome.com/471b59d3f8.js" crossorigin="anonymous"></script>
<!-- Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-168266875-1"></script>
<script>
......
......@@ -28,6 +28,7 @@
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdn.datatables.net/1.10.22/css/dataTables.bootstrap4.min.css">
<link rel="stylesheet" href="/third_party/flowmaps-maps/flowmaps-maps.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.4.0/font/bootstrap-icons.css">
<!-- Own CSS using Hugo SASS pipeline -->
{{ $options := (dict "targetPath" "style.css" "enableSourceMap" true "includePaths" (slice "node_modules/myscss")) }}
......
......@@ -23,7 +23,9 @@
{{ range $index, $entry := $.Site.Data.health_isaric_12o_model.clusters }}
{{ $clusterScope := . }}
<tr class="cluster">
<td class="text-success"><i id="cluster{{.code}}" class="fas fa-plus-circle"></i></td>
<td class="text-success">
<i id="cluster{{.code}}" class="bi bi-plus-circle-fill"></i>
</td>
<td>
{{.component}}
</td>
......@@ -74,15 +76,15 @@
showid = "cluster"+this.cells[5].innerText;
if($("#"+showid).hasClass('fa-plus-circle')) {
$("#"+showid).removeClass('fa-plus-circle');
$("#"+showid).addClass('fa-minus-circle');
if($("#"+showid).hasClass('bi-plus-circle-fill')) {
$("#"+showid).removeClass('bi-plus-circle-fill');
$("#"+showid).addClass('bi-dash-circle-fill');
$("#"+showid).parent().removeClass('text-success');
$("#"+showid).parent().addClass('text-warning');
$("tr[name="+showid+"]").removeClass('d-none');
} else {
$("#"+showid).addClass('fa-plus-circle');
$("#"+showid).removeClass('fa-minus-circle');
$("#"+showid).addClass('bi-plus-circle-fill');
$("#"+showid).removeClass('bi-dash-circle-fill');
$("#"+showid).parent().addClass('text-success');
$("#"+showid).parent().removeClass('text-warning');
$("tr[name="+showid+"]").addClass('d-none');
......
<div class="alert alert-primary small font-weight-bold">
<i class="fas fa-exclamation-triangle"></i>
{{ i18n "warning_manual_curation" (dict "last_update" .last_update)}}
<div class="alert alert-primary font-weight-bold">
<i class="bi bi-exclamation-circle-fill"></i>
<span class="ml-2">{{ i18n "warning_manual_curation" (dict "last_update" .last_update)}}</span>
</div>
\ No newline at end of file
......@@ -26,6 +26,7 @@
{{$topic_calls = sort $topic_calls}}
<main class="container">
<h1>{{ .Title }}</h1>
<article>
{{ .Content }}
</article>
......@@ -112,7 +113,7 @@
<div class="row">
<div class="col">
<a class="btn btn-link badge badge-primary" data-toggle="collapse" href="#description{{ $index }}" role="button" aria-expanded="false" aria-controls="description{{ $index }}">
{{ i18n "description" }} <i class="fas fa-caret-down"></i></a>
{{ i18n "description" }} <i class="bi bi-caret-down-fill"></i></a>
<div class="collapse" id="description{{ $index }}">
<div class="card card-body">
{{ .description }}
......
{{ define "main" }}
<div class="container">
{{ partial "warning-manual-curation.html" (dict "context" . "last_update" (substr $.Site.Data.inb_articles.timestamp 0 10)) }}
<h1>{{ .Title }}</h1>
<div class="card-columns">
{{ range .Params.resources }}
<div class="card">
......@@ -11,7 +11,7 @@
<p class="card-text">{{ .text }}</p>
</div>
<div class="card-footer">
<a href="{{ .link }}" class="see-all-link mt-0">{{ i18n "explore_this"}} {{ .category }} <i class="fas fa-arrow-circle-right"></i></a>
<a href="{{ .link }}" class="see-all-link mt-0">{{ i18n "explore_this"}} {{ .category }} <i class="bi bi-arrow-right-circle-fill"></i></a>
</div>
</div>
{{ end }}
......
{{ define "main" }}
{{ .Content }}
<div class="container">
<h1>{{ .Title }}</h1>
{{ .Content }}
<div class="row row-cols-1 row-cols-md-2">
<!-- VRE -->
......@@ -10,7 +11,7 @@
<div class="card-header bg-dataportal">
<h5 class="card-title text-white d-flex justify-content-between">
<span>COVID-19 VRE</span>
<a href="#" class="small font-weight-bold text-white">Explore <i class="fas fa-arrow-circle-right"></i></a>
<a href="#" class="small font-weight-bold text-white">Explore <i class="bi bi-arrow-right-circle-fill"></i></a>
</h5>
</div>
<div class="card-body">
......@@ -26,7 +27,7 @@
<div class="card-header bg-dataportal">
<h5 class="card-title text-white d-flex justify-content-between">
<span>COVID-19 Galaxy</span>
<a href="https://covid19.usegalaxy.es" class="small font-weight-bold text-white">Explore <i class="fas fa-arrow-circle-right"></i></a>
<a href="https://covid19.usegalaxy.es" class="small font-weight-bold text-white">Explore <i class="bi bi-arrow-right-circle-fill"></i></a>
</h5>
</div>
<div class="card-body">
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment