Skip to content

Commit 4c890cc

Browse files
cofinoacofinoa
authored
Merge pull request #605 from lhmarsden/homepage
Improvements to bring the homepage
2 parents d15cfbe + 37e67d3 commit 4c890cc

4 files changed

Lines changed: 176 additions & 56 deletions

File tree

‎Data/media/images/CF2024_group2_cropped.jpg‎

110 KB
Loading

‎_layouts/default.html‎

Lines changed: 38 additions & 45 deletions
Original file line numberDiff line numberDiff line change
@@ -12,58 +12,15 @@
1212

1313
<!-- Bootstrap Core CSS -->
1414
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
15+
<link rel="stylesheet" href="{{ '/assets/css/custom.css' | relative_url }}">
16+
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
1517

1618
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
1719
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
1820
<!--[if lt IE 9]>
1921
<script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
2022
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
2123
<![endif]-->
22-
<!-- Custom styles for this template -->
23-
<style>
24-
body {
25-
padding-bottom: 20px;
26-
}
27-
p a.anchor {
28-
display: block;
29-
position: relative;
30-
top: -50px;
31-
visibility: hidden;
32-
}
33-
</style>
34-
<style>
35-
.flash-message {
36-
padding: 1em;
37-
margin-bottom: 1em;
38-
border: 1px solid transparent;
39-
border-radius: 4px;
40-
text-align: center;
41-
}
42-
43-
.flash-info {
44-
background-color: #d9edf7;
45-
color: #31708f;
46-
border-color: #bce8f1;
47-
}
48-
49-
.flash-success {
50-
background-color: #dff0d8;
51-
color: #3c763d;
52-
border-color: #d6e9c6;
53-
}
54-
55-
.flash-warning {
56-
background-color: #fcf8e3;
57-
color: #8a6d3b;
58-
border-color: #faebcc;
59-
}
60-
61-
.flash-error {
62-
background-color: #f2dede;
63-
color: #a94442;
64-
border-color: #ebccd1;
65-
}
66-
</style>
6724
</head>
6825

6926
<body>
@@ -87,10 +44,46 @@
8744
{% assign group = 'navigation' %}
8845
{% include pages_list %}
8946
</ul>
47+
<ul class="nav navbar-nav navbar-right">
48+
<li>
49+
<a href="https://github.com/cf-convention" target="_blank" title="CF Conventions on GitHub">
50+
<i class="fab fa-github"></i>
51+
</a>
52+
</li>
53+
</ul>
9054
</div><!--/.nav-collapse -->
9155
</div>
9256
</div>
9357

58+
<!-- Hero Section -->
59+
{% if page.hero_image or page.hero_gradient %}
60+
<div class="jumbotron"
61+
style="
62+
{% if page.hero_image %}
63+
background: url('{{ page.hero_image | relative_url }}') no-repeat center center;
64+
{% elsif page.hero_gradient %}
65+
background: linear-gradient({{ page.hero_gradient }});
66+
{% endif %}
67+
background-size: cover;
68+
color: white;
69+
text-align: center;
70+
padding: 40px 20px;
71+
position: relative;
72+
">
73+
<div class="container">
74+
{% if page.hero_header %}
75+
<h1 class="display-3" style="font-weight: bold; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);">{{ page.hero_header }}</h1>
76+
{% endif %}
77+
{% if page.hero_paragraph %}
78+
<p class="lead" style="text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7);">{{ page.hero_paragraph }}</p>
79+
{% endif %}
80+
{% if page.hero_button_text and page.hero_button_url %}
81+
<a href="{{ page.hero_button_url }}" class="btn btn-lg btn-hero" style="font-weight: bold;">{{ page.hero_button_text }}</a>
82+
{% endif %}
83+
</div>
84+
</div>
85+
{% endif %}
86+
9487
{% if page.flash_message %}
9588
<div class="flash-message flash-{{ page.flash_message_type | default: 'info' }}">
9689
{{ page.flash_message }}

‎assets/css/custom.css‎

Lines changed: 108 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,108 @@
1+
body {
2+
padding-bottom: 20px;
3+
}
4+
5+
p a.anchor {
6+
display: block;
7+
position: relative;
8+
top: -50px;
9+
visibility: hidden;
10+
}
11+
12+
.flash-message {
13+
padding: 1em;
14+
margin-bottom: 0; /* Remove margin below flash message */
15+
border: 1px solid transparent;
16+
border-radius: 4px;
17+
text-align: center;
18+
}
19+
20+
.flash-info {
21+
background-color: #d9edf7;
22+
color: #31708f;
23+
border-color: #bce8f1;
24+
}
25+
26+
.flash-success {
27+
background-color: #dff0d8;
28+
color: #3c763d;
29+
border-color: #d6e9c6;
30+
}
31+
32+
.flash-warning {
33+
background-color: #fcf8e3;
34+
color: #8a6d3b;
35+
border-color: #faebcc;
36+
}
37+
38+
.flash-error {
39+
background-color: #f2dede;
40+
color: #a94442;
41+
border-color: #ebccd1;
42+
}
43+
44+
.hero {
45+
position: relative;
46+
height: 350px;
47+
background-size: cover;
48+
background-position: center;
49+
display: flex;
50+
align-items: center;
51+
justify-content: center;
52+
color: white;
53+
text-align: center;
54+
background-color: #2a4365;
55+
}
56+
57+
.hero-content {
58+
background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent overlay for better readability */
59+
padding: 20px;
60+
border-radius: 8px;
61+
}
62+
63+
.hero h1 {
64+
font-size: 2.5rem;
65+
margin: 0;
66+
}
67+
68+
.hero p {
69+
font-size: 1.2rem;
70+
}
71+
72+
.jumbotron {
73+
margin-bottom: 0;
74+
position: relative;
75+
}
76+
77+
.jumbotron h1, .jumbotron p {
78+
color: white;
79+
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.7);
80+
}
81+
82+
.jumbotron a.btn {
83+
text-shadow: none;
84+
}
85+
86+
.navbar {
87+
border-radius: 0;
88+
border-bottom: none;
89+
}
90+
91+
/* GitHub icon in navbar */
92+
.navbar .nav > li > a .fa-github {
93+
font-size: 28px;
94+
line-height: 1;
95+
vertical-align: middle;
96+
padding: 0;
97+
color: #fff;
98+
}
99+
100+
.btn-hero {
101+
background-color: #f8f9fa;
102+
color: #1e3d5a;
103+
border-color: #e0e0e0;
104+
}
105+
106+
.btn-hero:hover {
107+
background-color: #e2e6ea;
108+
}

‎index.md‎

Lines changed: 30 additions & 11 deletions
Original file line numberDiff line numberDiff line change
@@ -1,35 +1,54 @@
11
---
22
layout: default
33
title: CF Conventions Home Page
4-
flash_message: "The <strong>CF Conventions Workshop 2025</strong> will be hosted online from 22nd to 25th September. Register <a href='https://forms.gle/UJ6JCiaZzSGndvWu8' target='_blank'><strong>here</strong></a> and view the agenda <a href='https://cfconventions.org/Meetings/2025-Workshop.html' target='_blank'><strong>here</strong></a>."
5-
flash_message_type: "info" # Optional: Use 'info', 'success', 'warning', or 'error'
4+
#flash_message: "The <strong>CF Conventions Workshop 2025</strong> will be hosted online from 22nd to 25th September. Register <a href='https://forms.gle/UJ6JCiaZzSGndvWu8' target='_blank'><strong>here</strong></a> and view the agenda <a href='https://cfconventions.org/Meetings/2025-Workshop.html' target='_blank'><strong>here</strong></a>."
5+
#flash_message_type: "info" # Optional: Use 'info', 'success', 'warning', or 'error'
6+
#hero_image: Data/media/images/CF2024_group1.JPG # Overwrites gradient if
7+
hero_gradient: to bottom, rgb(70, 110, 140), rgb(30, 70, 110)
8+
hero_header: CF Metadata Conventions # Only displays if hero_image or hero_gradient are provided
9+
#hero_paragraph: Some words about the CF Conventions # Only displays if hero_image or hero_gradient are provided
10+
hero_button_text: View latest release # Only displays if hero_image or hero_gradient are provided
11+
hero_button_url: Data/cf-conventions/cf-conventions-1.12/cf-conventions.html # Only displays if hero_image or hero_gradient are provided
612
---
713

8-
# CF Metadata Conventions
14+
<br>
915

1016
The CF metadata conventions are designed to promote the processing and sharing of files created with the [NetCDF API][api].
1117
The conventions define metadata that provide a definitive description of what the data in each variable represents, and the spatial and temporal properties of the data.
1218
This enables users of data from different sources to decide which quantities are comparable, and facilitates building applications with powerful extraction, regridding, and display capabilities.
1319
The CF convention includes a standard name table, which defines strings that identify physical quantities.
1420

21+
Initially CF was developed for gridded data from climate and forecast models (hence "CF") of the atmosphere and ocean, but its use has subsequently extended to other geosciences, and to observations as well as numerical models.
22+
The use of CF is recommended where applicable by Unidata.
23+
1524
---
1625

17-
[**_Ask a question_ &#x2753; about how to use CF**][github_askq]<br>
18-
**_Read the conventions_:** **Latest release** (1.12) [HTML][releasedhtml] [PDF][releasedpdf]&nbsp;&bull;&nbsp;
19-
**Working draft** [HTML][workinghtml] [PDF][workingpdf]<br>
20-
**_Check the latest vocabularies_:** [**Standard names**][currentnames]&nbsp;&bull;&nbsp;
21-
[**Area types**][areatypes]&nbsp;&bull;&nbsp;
22-
[**Standardized regions**][regions]
26+
#### [Ask a question &#x2753; about how to use CF][github_askq]
27+
28+
### Latest release (1.12)
29+
[HTML][releasedhtml] [PDF][releasedpdf]
30+
31+
### Working draft
32+
[HTML][workinghtml] [PDF][workingpdf]
33+
34+
### Check the latest vocabularies
35+
36+
[Standard names][currentnames]{:.btn .btn-primary .btn-lg}
37+
[Area types][areatypes]{:.btn .btn-primary .btn-lg}
38+
[Standarized regions][regions]{:.btn .btn-primary .btn-lg}
2339

2440
---
2541

42+
## Get involved
43+
2644
CF is developed through open discussion on GitHub.
2745
If you would like to propose a change, make a suggestion, report a problem or ask a question, please [see here][discussion].
2846
Changes are decided according to the CF [governance arrangements][governance].
2947
The CF community embraces a philosophy of producing excellence by maintaining an open and welcoming culture and an environment that promotes debate and inquiry in a respectful, bold and intellectually rigorous fashion.
3048

31-
Initially CF was developed for gridded data from climate and forecast models (hence "CF") of the atmosphere and ocean, but its use has subsequently extended to other geosciences, and to observations as well as numerical models.
32-
The use of CF is recommended where applicable by Unidata.
49+
![CF community at the 2024 conventions workshop](Data/media/images/CF2024_group2_cropped.jpg){: style="max-width:800px; height:auto;" } *CF community at the 2024 conventions workshop*
50+
51+
---
3352

3453
## Quick links
3554

0 commit comments

Comments
 (0)