Skip to content

Commit ff0d587

Browse files
andreamustandreamust
committed
first draft of the website
1 parent 0c25424 commit ff0d587

58 files changed

Lines changed: 1687 additions & 0 deletions

Some content is hidden

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

‎.hugo_build.lock‎

Whitespace-only changes.

‎archetypes/default.md‎

Lines changed: 5 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,5 @@
1+
+++
2+
date = '{{ .Date }}'
3+
draft = true
4+
title = '{{ replace .File.ContentBaseName "-" " " | title }}'
5+
+++

‎assets/css/custom.css‎

Lines changed: 319 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,319 @@
1+
/* ==== Global style override for the SIG site ==== */
2+
3+
/* === Typography === */
4+
@import url('https://api.fontshare.com/css?f[]=general-sans@400,500,600&f[]=satoshi@500,700&display=swap');
5+
6+
/* === Typography === */
7+
body {
8+
font-family: "General Sans", system-ui, sans-serif;
9+
font-size: 17px;
10+
line-height: 1.65;
11+
color: inherit; /* uses theme text colour */
12+
background: inherit;
13+
}
14+
15+
16+
h1, h2, h3, h4 {
17+
font-family: "Satoshi", sans-serif;
18+
font-weight: 700;
19+
letter-spacing: -0.3px;
20+
color: inherit;
21+
line-height: 1.25;
22+
margin-top: 1.6rem;
23+
margin-bottom: 0.6rem;
24+
}
25+
26+
.main-title {
27+
margin-bottom: 0rem;
28+
text-align: center;
29+
}
30+
h1.main-title {
31+
font-size: 3.2rem;
32+
margin-bottom: -1.5rem;
33+
}
34+
h2.main-title {
35+
margin-bottom: 2.5rem;
36+
}
37+
38+
.home-about {
39+
display: none;
40+
}
41+
42+
/* === Link grid === */
43+
.link-grid {
44+
display: flex;
45+
flex-wrap: wrap;
46+
gap: 0.6rem;
47+
margin-top: 1.5rem;
48+
}
49+
50+
/* === Individual link card === */
51+
.link-card {
52+
display: flex;
53+
align-items: center;
54+
gap: 0.5rem;
55+
font-family: "Satoshi", sans-serif;
56+
font-weight: 600;
57+
font-size: 0.95rem;
58+
text-decoration: none;
59+
color: var(--link-text, #222);
60+
background: var(--link-bg, #f5f5f5);
61+
border: 1px solid var(--link-border, #e0e0e0);
62+
padding: 0.6rem 1rem;
63+
border-radius: 0.5rem;
64+
transition: all 0.2s ease-in-out;
65+
}
66+
67+
.link-card:hover {
68+
background: var(--link-hover-bg, #eaeaea);
69+
border-color: var(--accent-color, #0056b3);
70+
color: var(--accent-color, #0056b3);
71+
transform: translateY(-2px);
72+
}
73+
74+
/* Emoji size/alignment */
75+
.link-card .emoji {
76+
font-size: 1.1rem;
77+
line-height: 1;
78+
}
79+
80+
/* === Dark theme overrides (using your theme vars) === */
81+
html[data-theme='dark'] .link-card,
82+
@media (prefers-color-scheme: dark) {
83+
.link-card {
84+
background: rgba(var(--dark-secondary-color, 45, 51, 59), 0.8);
85+
border-color: rgba(var(--dark-tertiary-color, 100, 100, 100), 0.3);
86+
color: var(--dark-text-color, #fff);
87+
}
88+
.link-card:hover {
89+
background: rgba(var(--accent-color-rgb, 79, 163, 255), 0.15);
90+
color: var(--accent-color, #6da8ff);
91+
}
92+
}
93+
94+
/* === Link grid === */
95+
.link-grid {
96+
display: flex;
97+
flex-wrap: wrap;
98+
justify-content: center; /* ✅ centers horizontally */
99+
align-items: center;
100+
gap: 0.8rem;
101+
margin-top: 1.8rem;
102+
text-align: center;
103+
}
104+
105+
/* === Individual link card === */
106+
.link-card {
107+
display: flex;
108+
align-items: center;
109+
gap: 0.5rem;
110+
font-family: "Satoshi", sans-serif;
111+
font-weight: 600;
112+
font-size: 0.95rem;
113+
text-decoration: none;
114+
color: var(--link-text, #222);
115+
background: var(--link-bg, #f5f5f5);
116+
border: 1px solid var(--link-border, #e0e0e0);
117+
padding: 0.6rem 1rem;
118+
border-radius: 0.5rem;
119+
transition: all 0.2s ease-in-out;
120+
}
121+
122+
.link-card:hover {
123+
background: var(--link-hover-bg, #eaeaea);
124+
border-color: var(--accent-color, #0056b3);
125+
color: var(--accent-color, #0056b3);
126+
transform: translateY(-2px);
127+
}
128+
129+
/* Emoji size/alignment */
130+
.link-card .emoji {
131+
font-size: 1.1rem;
132+
line-height: 1;
133+
}
134+
135+
/* === Dark theme overrides (using your theme vars) === */
136+
html[data-theme='dark'] .link-card,
137+
@media (prefers-color-scheme: dark) {
138+
.link-card {
139+
background: rgba(var(--dark-secondary-color, 45, 51, 59), 0.8);
140+
border-color: rgba(var(--dark-tertiary-color, 100, 100, 100), 0.3);
141+
color: var(--dark-text-color, #fff);
142+
}
143+
.link-card:hover {
144+
background: rgba(var(--accent-color-rgb, 79, 163, 255), 0.15);
145+
color: var(--accent-color, #6da8ff);
146+
}
147+
}
148+
149+
/* === Buttons === */
150+
a.button, .button {
151+
display: inline-block;
152+
background-color: #0056b3;
153+
color: white !important;
154+
padding: 0.7rem 1.4rem;
155+
margin: 0.3rem;
156+
border-radius: 0.5rem;
157+
font-weight: 600;
158+
text-decoration: none;
159+
transition: background 0.2s ease-in-out;
160+
}
161+
a.button:hover {
162+
background-color: #003d80;
163+
}
164+
165+
/* === Event cards === */
166+
.event-card {
167+
background: #f9f9f9;
168+
border: 1px solid #ddd;
169+
border-radius: 0.6rem;
170+
padding: 1.2rem 1.5rem;
171+
margin: 1.2rem 0;
172+
box-shadow: 0 1px 4px rgba(0,0,0,0.04);
173+
}
174+
175+
.event-header {
176+
margin-bottom: 0.5rem;
177+
}
178+
179+
.event-date {
180+
display: inline-block;
181+
background: #0056b3;
182+
color: white;
183+
padding: 0.2rem 0.6rem;
184+
border-radius: 0.3rem;
185+
font-size: 0.9rem;
186+
font-weight: 600;
187+
}
188+
189+
.event-title {
190+
font-size: 1.2rem;
191+
margin: 0.4rem 0;
192+
color: #111;
193+
}
194+
195+
.event-speaker {
196+
font-style: italic;
197+
color: #444;
198+
}
199+
200+
.event-links a {
201+
display: inline-block;
202+
margin-right: 0.6rem;
203+
color: #0056b3;
204+
}
205+
.event-links a:hover { text-decoration: underline; }
206+
207+
/* === Details (Abstract & Bio) === */
208+
details {
209+
margin-top: 0.6rem;
210+
padding: 0.5rem 1rem;
211+
background: #f4f6fa;
212+
border-left: 3px solid #0056b3;
213+
border-radius: 0.3rem;
214+
}
215+
summary {
216+
cursor: pointer;
217+
font-weight: 600;
218+
color: #0056b3;
219+
margin-bottom: 0.3rem;
220+
}
221+
details[open] summary {
222+
color: #003d80;
223+
}
224+
225+
/* === People cards (About page) === */
226+
.people-grid {
227+
display: grid;
228+
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
229+
gap: 1.5rem;
230+
margin-top: 2rem;
231+
}
232+
233+
.person-card {
234+
background: #f9f9f9;
235+
border: 1px solid #ddd;
236+
border-radius: 0.6rem;
237+
text-align: center;
238+
padding: 1.2rem;
239+
box-shadow: 0 1px 4px rgba(0,0,0,0.05);
240+
}
241+
242+
.person-card img {
243+
width: 120px;
244+
height: 120px;
245+
border-radius: 50%;
246+
object-fit: cover;
247+
margin-bottom: 0.7rem;
248+
}
249+
250+
.person-card h3 {
251+
margin: 0.4rem 0 0.2rem;
252+
}
253+
254+
.person-mail {
255+
display: block;
256+
margin-top: 0.4rem;
257+
color: #0056b3;
258+
font-weight: 500;
259+
text-decoration: none;
260+
}
261+
.person-mail:hover { text-decoration: underline; }
262+
263+
/* === Utility === */
264+
.container {
265+
max-width: 900px;
266+
margin: auto;
267+
padding: 2rem 1rem;
268+
}
269+
section {
270+
margin-bottom: 3rem;
271+
}
272+
273+
/* --- Speaker line fix --- */
274+
.speaker-line {
275+
display: inline-flex;
276+
flex-wrap: wrap;
277+
align-items: center;
278+
gap: 0.4rem;
279+
}
280+
281+
.speaker-line strong {
282+
font-weight: 600;
283+
margin-right: 0.3rem;
284+
}
285+
286+
.speaker-line .link-card.small {
287+
padding: 0.2rem 0.6rem;
288+
font-size: 0.8rem;
289+
border-radius: 0.3rem;
290+
font-weight: 500;
291+
background: var(--link-bg, #f0f0f0);
292+
line-height: 1;
293+
}
294+
295+
html[data-theme='dark'] .speaker-line .link-card.small,
296+
@media (prefers-color-scheme: dark) {
297+
.speaker-line .link-card.small {
298+
background: rgba(var(--dark-secondary-color, 45, 51, 59), 0.8);
299+
}
300+
}
301+
302+
/* --- Divider line between talks --- */
303+
hr.talk-divider {
304+
border: none;
305+
border-top: 1px solid var(--talk-divider-color, rgba(0,0,0,0.1));
306+
margin: 2rem auto;
307+
width: 80%;
308+
max-width: 700px;
309+
opacity: 0.6;
310+
}
311+
312+
/* Adapt to dark mode automatically */
313+
html[data-theme='dark'] hr.talk-divider,
314+
@media (prefers-color-scheme: dark) {
315+
hr.talk-divider {
316+
border-top-color: rgba(255,255,255,0.08);
317+
opacity: 0.8;
318+
}
319+
}

0 commit comments

Comments
 (0)