Skip to content

Commit 3aee516

Browse files
GieziJoGieziJo
committed
website skeletton
0 parents  commit 3aee516

5 files changed

Lines changed: 299 additions & 0 deletions

File tree

‎.github/workflows/deploy.yml‎

Lines changed: 37 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,37 @@
1+
name: Deploy static site to GitHub Pages
2+
3+
on:
4+
push:
5+
branches: ["website"]
6+
workflow_dispatch:
7+
8+
permissions:
9+
contents: read
10+
pages: write
11+
id-token: write
12+
13+
concurrency:
14+
group: pages
15+
cancel-in-progress: true
16+
17+
jobs:
18+
deploy:
19+
environment:
20+
name: github-pages
21+
url: ${{ steps.deployment.outputs.page_url }}
22+
runs-on: ubuntu-latest
23+
steps:
24+
- name: Checkout
25+
uses: actions/checkout@v4
26+
27+
- name: Setup Pages
28+
uses: actions/configure-pages@v5
29+
30+
- name: Upload artifact
31+
uses: actions/upload-pages-artifact@v3
32+
with:
33+
path: .
34+
35+
- name: Deploy to GitHub Pages
36+
id: deployment
37+
uses: actions/deploy-pages@v4

‎.gitignore‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
.DS_Store

‎README.md‎

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
# MicroWeather-Bench
2+
3+
A clean starter skeleton for the MicroWeather-Bench website.
4+
5+
## What is included
6+
7+
- Static website entrypoint: `index.html`
8+
- Styling: `assets/styles.css`
9+
- GitHub Pages deployment workflow: `.github/workflows/deploy.yml`
10+
11+
## Deploy by pushing to git (GitHub)
12+
13+
1. Push this repository to GitHub.
14+
2. Ensure your default branch is `main` (or update the workflow trigger).
15+
3. In GitHub repo settings, open **Pages** and set **Source** to **GitHub Actions**.
16+
4. Push to `main`.
17+
5. The workflow will deploy the site automatically.
18+
19+
Your site URL will appear in the workflow run summary.
20+
21+
## Local preview
22+
23+
You can open `index.html` directly in a browser, or run a local static server.

‎assets/styles.css‎

Lines changed: 166 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,166 @@
1+
:root {
2+
--bg-top: #f7f0df;
3+
--bg-bottom: #d5eef8;
4+
--ink: #1f2d3a;
5+
--accent: #ff6b35;
6+
--accent-dark: #d94f23;
7+
--card: rgba(255, 255, 255, 0.72);
8+
--border: rgba(31, 45, 58, 0.12);
9+
}
10+
11+
* {
12+
box-sizing: border-box;
13+
}
14+
15+
html,
16+
body {
17+
margin: 0;
18+
min-height: 100%;
19+
}
20+
21+
body {
22+
font-family: "IBM Plex Sans", sans-serif;
23+
color: var(--ink);
24+
background:
25+
radial-gradient(circle at 15% 20%, rgba(255, 107, 53, 0.28), transparent 45%),
26+
radial-gradient(circle at 80% 75%, rgba(59, 173, 227, 0.25), transparent 48%),
27+
linear-gradient(160deg, var(--bg-top), var(--bg-bottom));
28+
position: relative;
29+
overflow-x: hidden;
30+
}
31+
32+
.noise {
33+
position: fixed;
34+
inset: 0;
35+
pointer-events: none;
36+
background-image: radial-gradient(rgba(31, 45, 58, 0.04) 1px, transparent 1px);
37+
background-size: 3px 3px;
38+
}
39+
40+
.site-header {
41+
max-width: 980px;
42+
margin: 5rem auto 2.5rem;
43+
padding: 0 1.2rem;
44+
animation: lift-in 650ms ease-out both;
45+
}
46+
47+
.eyebrow {
48+
margin: 0;
49+
text-transform: uppercase;
50+
letter-spacing: 0.12em;
51+
font-size: 0.8rem;
52+
font-weight: 700;
53+
opacity: 0.8;
54+
}
55+
56+
h1 {
57+
font-family: "Archivo Black", sans-serif;
58+
margin: 0.5rem 0;
59+
font-size: clamp(2rem, 7vw, 4.6rem);
60+
line-height: 0.95;
61+
max-width: 12ch;
62+
}
63+
64+
.subtitle {
65+
max-width: 52ch;
66+
font-size: 1.08rem;
67+
margin-bottom: 1.5rem;
68+
}
69+
70+
.cta {
71+
display: inline-block;
72+
text-decoration: none;
73+
color: #fff;
74+
background: var(--accent);
75+
padding: 0.7rem 1.05rem;
76+
border-radius: 999px;
77+
font-weight: 700;
78+
transition: transform 0.2s ease, background 0.2s ease;
79+
}
80+
81+
.cta:hover {
82+
background: var(--accent-dark);
83+
transform: translateY(-2px);
84+
}
85+
86+
main {
87+
max-width: 980px;
88+
margin: 0 auto 3rem;
89+
padding: 0 1.2rem;
90+
}
91+
92+
.cards {
93+
display: grid;
94+
gap: 1rem;
95+
grid-template-columns: repeat(3, minmax(0, 1fr));
96+
}
97+
98+
.card {
99+
background: var(--card);
100+
border: 1px solid var(--border);
101+
border-radius: 18px;
102+
padding: 1rem;
103+
backdrop-filter: blur(2px);
104+
animation: lift-in 700ms ease-out both;
105+
}
106+
107+
.card:nth-child(2) {
108+
animation-delay: 80ms;
109+
}
110+
111+
.card:nth-child(3) {
112+
animation-delay: 160ms;
113+
}
114+
115+
.card h2 {
116+
margin-top: 0;
117+
font-size: 1.1rem;
118+
}
119+
120+
.roadmap {
121+
margin-top: 2rem;
122+
background: rgba(255, 255, 255, 0.64);
123+
border: 1px solid var(--border);
124+
border-radius: 18px;
125+
padding: 1rem 1.2rem;
126+
animation: lift-in 800ms ease-out both;
127+
}
128+
129+
.roadmap h2 {
130+
margin-top: 0;
131+
}
132+
133+
.roadmap ol {
134+
margin: 0;
135+
padding-left: 1.1rem;
136+
line-height: 1.7;
137+
}
138+
139+
footer {
140+
border-top: 1px solid var(--border);
141+
padding: 1rem 1.2rem 2rem;
142+
text-align: center;
143+
font-size: 0.92rem;
144+
}
145+
146+
@keyframes lift-in {
147+
from {
148+
opacity: 0;
149+
transform: translateY(12px);
150+
}
151+
152+
to {
153+
opacity: 1;
154+
transform: translateY(0);
155+
}
156+
}
157+
158+
@media (max-width: 900px) {
159+
.cards {
160+
grid-template-columns: 1fr;
161+
}
162+
163+
.site-header {
164+
margin-top: 4rem;
165+
}
166+
}

‎index.html‎

Lines changed: 72 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,72 @@
1+
<!doctype html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<title>MicroWeather-Bench</title>
7+
<meta
8+
name="description"
9+
content="MicroWeather-Bench: benchmark and compare micro-weather forecasting models."
10+
/>
11+
<link rel="preconnect" href="https://fonts.googleapis.com" />
12+
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
13+
<link
14+
href="https://fonts.googleapis.com/css2?family=Archivo+Black&family=IBM+Plex+Sans:wght@300;400;500;700&display=swap"
15+
rel="stylesheet"
16+
/>
17+
<link rel="stylesheet" href="assets/styles.css" />
18+
</head>
19+
<body>
20+
<div class="noise" aria-hidden="true"></div>
21+
22+
<header class="site-header">
23+
<p class="eyebrow">Experimental Weather AI</p>
24+
<h1>MicroWeather-Bench</h1>
25+
<p class="subtitle">
26+
A benchmark hub for tiny but sharp weather prediction models.
27+
</p>
28+
<a class="cta" href="#roadmap">Explore roadmap</a>
29+
</header>
30+
31+
<main>
32+
<section class="cards" aria-label="Platform pillars">
33+
<article class="card">
34+
<h2>Benchmark Tracks</h2>
35+
<p>
36+
Define reproducible tasks for nowcasting, uncertainty calibration,
37+
and edge-device inference.
38+
</p>
39+
</article>
40+
41+
<article class="card">
42+
<h2>Dataset Registry</h2>
43+
<p>
44+
Host clear metadata for micro-climate datasets with transparent
45+
splits and quality flags.
46+
</p>
47+
</article>
48+
49+
<article class="card">
50+
<h2>Model Leaderboard</h2>
51+
<p>
52+
Compare models on speed, memory, and forecast skill with strict
53+
versioned scoring.
54+
</p>
55+
</article>
56+
</section>
57+
58+
<section id="roadmap" class="roadmap">
59+
<h2>Starter Roadmap</h2>
60+
<ol>
61+
<li>Publish benchmark specs and baseline scripts.</li>
62+
<li>Ingest first public weather-station datasets.</li>
63+
<li>Launch leaderboard and submission workflow.</li>
64+
</ol>
65+
</section>
66+
</main>
67+
68+
<footer>
69+
<p>MicroWeather-Bench • Built for rapid, transparent climate ML research</p>
70+
</footer>
71+
</body>
72+
</html>

0 commit comments

Comments
 (0)