Skip to content

Commit d7f8eaf

Browse files
bedroesbbedroesb
authored
Start of a better landing page (#857)
* first try * updates after feedback * new landing start * new search * colums * test fix * search fix * gray background * no I needed * bedder spacing * padding fix * bg fix * padding fix * container fix * spacing fix * more paddign * landing pages * hover effect * typo * url fix * search box fix * search smaller * some small fixes * main classes * main fix * font fixes * fixes * h2 fix * title change * some title fixes * contributor section * no bold brurb * news border * new text * fix position results * trigger build * trigger * scroll into view * search-section * icon examples * flag colors * better icon behaviour * icon changes * PAGE URL FIX * example pages * more menu items * better landingpages * tiles improvements * typo * white background * feeback changes * lighter section tiles * test with different icons * update logo's * size change * trigger * cycle update * more rounded * preview * implement feedback * domain fix * alt cycle icon * trigger * trigger * trigger * bugfix * trigger * trigger * spcing fix * bug fix * dsw url fix * size data life cycle wheel * new bootstrap * topnav fix * role back bootstrap update * alt icon * font weight * boolean * update landing pages * spacer * safari fix * official font awesome icons * implement feedback * description update * little bit bigger * rounded pill * line martin * no point * use latest theme * fix h3 * syntax param
1 parent d3ae157 commit d7f8eaf

65 files changed

Lines changed: 617 additions & 414 deletions

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎_config.yml‎

Lines changed: 4 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,10 +1,10 @@
11
title: RDMkit
22
# this appears in the html browser tab for the site title (seen mostly by search engines, not users)
33

4-
description: "Find the answers to your Research Data Management questions in Life Sciences."
4+
description: "Best practices and guidelines you can use for FAIR management of your research data."
55
# Metadata description of the website
66

7-
remote_theme: ELIXIR-Belgium/elixir-toolkit-theme@1.17.0
7+
remote_theme: ELIXIR-Belgium/elixir-toolkit-theme@1.19.0
88

99
sass:
1010
style: compressed
@@ -17,6 +17,8 @@ dsw_deep_link_prefix: https://converge.ds-wizard.org/knowledge-models/dsw:root:l
1717
# prefix for DSW deep links to a certain question
1818

1919
theme_variables:
20+
topnav:
21+
theme: dark
2022
theme_color: c23669
2123
fonts:
2224
- https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,400&display=swap

‎_data/sidebars/data_management.yml‎

Lines changed: 62 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -2,11 +2,15 @@ title: Data management
22
title_url: /index
33
subitems:
44
- title: Data life cycle
5-
description: Start here to get an overview of research data management. Click on a section of the diagram below to get an introduction to that stage of the data management life cycle.
5+
description: Start here to get an overview of research data management based on stages in the data life cycle.
6+
url: /data_life_cycle
67
subitems:
78
- RDM: True
9+
image_url: /assets/img/section-icons/arrows-spin-light.svg
810
- title: Your role
911
description: Identify your role in research data management, find data management resources relevant for you, and information to help you progress in your career path.
12+
url: /your_role
13+
image_url: /assets/img/section-icons/address-card-light.svg
1014
subitems:
1115
- title: Researcher
1216
url: /researcher
@@ -17,7 +21,9 @@ subitems:
1721
- title: "Data Steward: infrastructure"
1822
url: /data_steward_infrastructure
1923
- title: Your domain
20-
description: Learn about the data management problems that affect your domain or research community, and the solutions adopted to address them.
24+
description: Learn about data management tasks that affect your domain or research community, and the solutions adopted to address them.
25+
url: /your_domain
26+
image_url: /assets/img/section-icons/dna-light.svg
2127
subitems:
2228
- title: Plant sciences
2329
url: /plant_sciences
@@ -42,7 +48,9 @@ subitems:
4248
- title: Structural bioinformatics
4349
url: /structural_bioinformatics
4450
- title: Your tasks
45-
description: Find guidelines and solutions for tackling common data management problems.
51+
description: Find guidelines and solutions for tackling common data management tasks.
52+
url: /your_tasks
53+
image_url: /assets/img/section-icons/list-check-light.svg
4654
subitems:
4755
- title: Compliance monitoring
4856
url: /compliance_monitoring
@@ -77,17 +85,63 @@ subitems:
7785
- title: Sensitive data
7886
url: /sensitive_data
7987
- title: Tool assembly
80-
description: Find concrete combinations of tools and resources assembled into a workflow for research data management.
88+
description: Find concrete combinations of tools and resources assembled into an ecosystem for research data management.
8189
url: /tool_assembly
90+
subitems:
91+
- title: COVID-19 Data Portal
92+
url: /covid19_data_portal
93+
- title: CSC
94+
url: /csc_assembly
95+
- title: IFB
96+
url: /ifb_assembly
97+
- title: Marine Metagenomics
98+
url: /marine_metagenomics_assembly
99+
- title: NeLS
100+
url: /nels_assembly
101+
- title: OMERO
102+
url: /omero_assembly
103+
- title: Plant Genomics
104+
url: /plant_genomics_assembly
105+
- title: TransMed
106+
url: /transmed_assembly
107+
- title: TSD
108+
url: /tsd_assembly
109+
- title: XNAT-PIC
110+
url: /xnat_pic_assembly
111+
image_url: /assets/img/section-icons/arrows-to-dot-light.svg
82112
- title: National resources
83-
description: Browse trough the national resource pages
113+
description: Find pointers to country specific information resources and national research data management practices.
84114
url: /national_resources
85-
115+
image_url: /assets/img/section-icons/flag-light.svg
116+
subitems:
117+
- title: Belgium
118+
url: /be_resources
119+
- title: Germany
120+
url: /de_resources
121+
- title: Estonia
122+
url: /ee_resources
123+
- title: Spain
124+
url: /es_resources
125+
- title: Finland
126+
url: /fi_resources
127+
- title: France
128+
url: /fr_resources
129+
- title: Italy
130+
url: /it_resources
131+
- title: Norway
132+
url: /no_resources
133+
- title: Portugal
134+
url: /pt_resources
135+
- title: Sweden
136+
url: /se_resources
137+
- title: United Kingdom
138+
url: /uk_resources
86139
- title: All tools and resources
87140
description: Browse the RDMkit's catalogue of tools and resources for research data management.
88141
url: /all_tools_and_resources
142+
image_url: /assets/img/section-icons/gears-light.svg
89143
hr: True
90144
- title: All training resources
91-
description: Browse the RDMkit's catalogue of training resources for research data management.
145+
description: Browse all training resources mentioned in RDMkit pages.
92146
url: /all_training_resources
93-
147+
image_url: /assets/img/section-icons/graduation-cap-light.svg

‎_sass/_bootstrap_variables.scss‎

Lines changed: 0 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -12,8 +12,6 @@ $component-active-bg: $primary;
1212
$navbar-dark-color: $white;
1313
$navbar-dark-hover-color: $primary;
1414
$navbar-dark-toggler-border-color: transparent;
15-
$nav-link-color: $white;
16-
$nav-link-hover-color: $primary;
1715
$border-radius: 0.3rem;
1816
$btn-border-radius-sm: $border-radius;
1917
$card-border-width: 0;

‎_sass/_custom_classes.scss‎

Lines changed: 69 additions & 49 deletions
Original file line numberDiff line numberDiff line change
@@ -7,6 +7,10 @@
77
}
88
}
99

10+
.bg-light-x {
11+
background-color: $light-x;
12+
}
13+
1014
/*-----Sidebar-----*/
1115

1216
//RDM wheel in sidebar
@@ -41,81 +45,97 @@ li ul .sidebar_rdm_sub {
4145
margin-top: $spacer * 0.5;
4246
}
4347

44-
/*-----News and events-----*/
48+
/* -----Homepage----- */
4549

46-
.events,
47-
.news {
48-
h2 {
49-
color: $dark;
50+
.landingpage {
51+
52+
.h-icon-6 {
53+
height: 6em;
54+
}
55+
.h-icon-5 {
56+
height: 5em;
57+
}
58+
.h-icon-4 {
59+
height: 4em;
5060
}
51-
}
5261

53-
/* -----Homepage----- */
62+
.card {
63+
&:hover{
64+
box-shadow: $box-shadow;
65+
}
5466

55-
// Counters on landing page
67+
.card-img-top {
68+
width: unset;
69+
padding: $card-spacer-x $card-spacer-x 0 $card-spacer-x;
70+
}
71+
}
5672

57-
.count-number {
58-
font-size: 4em;
59-
font-weight: 700;
60-
}
73+
h1 {
74+
font-size: 2.2rem;
75+
font-weight: 200;
76+
text-align: center;
77+
}
6178

62-
.blurb-title {
63-
font-family: "Exo 2", sans-serif;
64-
font-size: 1.3em;
65-
margin-bottom: 18px;
66-
font-weight: 600;
67-
}
79+
h2 {
80+
font-weight: 700;
81+
font-family: $font-family-theme;
82+
}
6883

69-
// Dropdown boxes
84+
h3 {
85+
font-weight: 600;
86+
font-family: $font-family-theme;
87+
}
7088

71-
h2.card-title {
72-
margin: 0 0 0.5rem 0;
7389
}
7490

75-
// Arrow in button
76-
77-
.btn.arrow::after {
78-
float: right;
79-
width: 15px;
80-
text-align: center;
81-
font-style: normal;
82-
font-variant: normal;
83-
text-rendering: auto;
84-
-webkit-font-smoothing: antialiased;
85-
font-family: "Font Awesome 5 Free";
86-
font-weight: 900;
87-
content: "\f078";
88-
transition: transform 0.2s ease-in-out;
89-
}
91+
// Search box
92+
93+
section#search-section {
94+
form {
95+
max-width: 600px;
96+
}
97+
98+
#search-results {
99+
right: unset;
100+
}
101+
.input-group-text {
102+
font-size: 1.5rem;
103+
}
90104

91-
.btn.arrow:not(.collapsed)::after {
92-
transform: rotate(-180deg);
105+
93106
}
94107

95-
// RDM wheel frontpage
108+
// Counters on landing page
96109

97-
.ratio.main_rdm {
98-
padding-bottom: 100%;
110+
.count-number {
111+
font-size: 4em;
112+
font-weight: 700;
99113
}
100114

101-
@media (min-width: 576px) {
102-
.ratio.main_rdm {
103-
padding-bottom: 70%;
115+
116+
/*-----Section navigation tiles-----*/
117+
118+
.navigation-tiles {
119+
.card:hover {
120+
box-shadow: $box-shadow;
104121
}
105-
}
106122

107-
@media (min-width: 768px) {
108-
.ratio.main_rdm {
109-
padding-bottom: 35%;
123+
.card-header {
124+
a:hover {
125+
text-decoration: none;
126+
}
127+
h3 {
128+
font-size: 1.2rem;
129+
}
110130
}
111131
}
112132

133+
113134
/*-----Top navigation-----*/
114135

115136
.navbar-nav .nav-item > a {
116137
white-space: nowrap;
117138
&.active {
118-
color: $white;
119139
background-color: $primary;
120140
border-radius: $border-radius;
121141
}

‎_sass/_custom_variables.scss‎

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -11,8 +11,8 @@ $info-card-header-bg: $dark;
1111

1212
/*-----Section navigation tiles-----*/
1313
$nav-card-bg: $light;
14-
$nav-card-header-bg: $dark;
15-
$nav-card-header-color: $white;
14+
$nav-card-header-bg: $light-x;
15+
$nav-card-header-color: $dark;
1616
$nav-card-badge-color: $body-color;
1717
$nav-card-badge-bg: $white;
1818

@@ -22,4 +22,5 @@ $footer-color: $white;
2222
$footer-link-color: $white;
2323
$footer-copyright-bg: #00000033;
2424

25-
25+
/*-----Events & news-----*/
26+
$news-border-color: $dark;

‎assets/img/section-icons/address-card-light.svg‎

Lines changed: 1 addition & 0 deletions
Loading

‎assets/img/section-icons/arrows-spin-light.svg‎

Lines changed: 1 addition & 0 deletions
Loading

‎assets/img/section-icons/arrows-to-dot-light.svg‎

Lines changed: 1 addition & 0 deletions
Loading

‎assets/img/section-icons/dna-light.svg‎

Lines changed: 1 addition & 0 deletions
Loading

‎assets/img/section-icons/file-lines-light.svg‎

Lines changed: 1 addition & 0 deletions
Loading

0 commit comments

Comments
 (0)