ctao/portal
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: ctao.org-inspired pill buttons + larger radius; reorder: ERIC Council featured, test article second

Browse Source
This commit is contained in:
ctao
2026-07-24 22:14:20 +02:00
parent 02f30af010
commit 7c949bbb3c
3 changed files with 9 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/content/news/testowy-artykuł-tytuł.md
+1 -1
View File
@@ -1,7 +1,7 @@
--- ---
title: Testowy Artykuł - Tytuł title: Testowy Artykuł - Tytuł
description: Testowy artykuł - opis description: Testowy artykuł - opis
date: 2026-07-24 date: 2026-07-23
category: news category: news
author: CTAO author: CTAO
cover: /uploads/UAE_Event.jpg cover: /uploads/UAE_Event.jpg
src/content/news/the-ctao-eric-council-visits-ctao-north-in-la-palma.md
+1 -1
View File
@@ -1,7 +1,7 @@
--- ---
title: "The CTAO ERIC Council Visits CTAO-North in La Palma" title: "The CTAO ERIC Council Visits CTAO-North in La Palma"
description: "Between 27 and 29 May, the CTAO ERIC Council held its first in-person meeting of the year on the island of La Palma (Canary Islands, Spain), home to the CTAO northern hemisphere array, or CTAO-North. The Council is the governing body of…" description: "Between 27 and 29 May, the CTAO ERIC Council held its first in-person meeting of the year on the island of La Palma (Canary Islands, Spain), home to the CTAO northern hemisphere array, or CTAO-North. The Council is the governing body of…"
date: 2026-06-09 date: 2026-07-24
category: news category: news
author: CTAO author: CTAO
cover: /uploads/CouncilatCTAONorth-1600x1069.jpg cover: /uploads/CouncilatCTAONorth-1600x1069.jpg
src/styles/global.css
+7 -5
View File
@@ -21,7 +21,9 @@
/* Type & layout */ /* Type & layout */
--font-body: "Inter", Arial, system-ui, sans-serif; /* BRAND D.3.1 */ --font-body: "Inter", Arial, system-ui, sans-serif; /* BRAND D.3.1 */
--font-display: "Space Grotesk", var(--font-body); /* BRAND D.3.2 — headlines only */ --font-display: "Space Grotesk", var(--font-body); /* BRAND D.3.2 — headlines only */
--radius: 10px; /* ctao.org uses generous rounding (15/30/60px tokens) and pill buttons */
--radius: 16px;
--radius-pill: 999px;
--maxw: 1120px; --maxw: 1120px;
} }
@@ -82,14 +84,14 @@ img { max-width: 100%; height: auto; display: block; }
.nav a.navlink:hover { color: #fff; } .nav a.navlink:hover { color: #fff; }
.nav a.navlink[aria-current="page"] { color: #fff; border-bottom-color: var(--cherenkov); } .nav a.navlink[aria-current="page"] { color: #fff; border-bottom-color: var(--cherenkov); }
.nav a.navlink--edit { .nav a.navlink--edit {
color: #fff; border: 1px solid rgba(255,255,255,0.35); border-radius: var(--radius); color: #fff; border: 1px solid rgba(255,255,255,0.35); border-radius: var(--radius-pill);
padding: 7px 14px; margin-left: 6px; padding: 7px 16px; margin-left: 6px;
} }
.nav a.navlink--edit:hover { border-color: var(--cherenkov); color: var(--cherenkov); } .nav a.navlink--edit:hover { border-color: var(--cherenkov); color: var(--cherenkov); }
/* AAI login placeholder — visibly disabled (mock) */ /* AAI login placeholder — visibly disabled (mock) */
.nav .login-mock { .nav .login-mock {
color: var(--galaxy); background: var(--cherenkov); font: inherit; font-weight: 600; color: var(--galaxy); background: var(--cherenkov); font: inherit; font-weight: 600;
border: 0; border-radius: var(--radius); padding: 8px 16px; margin-left: 6px; cursor: not-allowed; border: 0; border-radius: var(--radius-pill); padding: 8px 18px; margin-left: 6px; cursor: not-allowed;
} }
.external::after { content: " ↗"; font-size: 0.85em; } .external::after { content: " ↗"; font-size: 0.85em; }
@@ -194,7 +196,7 @@ img { max-width: 100%; height: auto; display: block; }
.form-row input:focus, .form-row select:focus, .form-row textarea:focus { border-color: var(--azure); } .form-row input:focus, .form-row select:focus, .form-row textarea:focus { border-color: var(--azure); }
.btn { .btn {
background: var(--cherenkov); color: var(--galaxy); border: 0; background: var(--cherenkov); color: var(--galaxy); border: 0;
padding: 12px 20px; border-radius: calc(var(--radius) - 4px); padding: 12px 24px; border-radius: var(--radius-pill);
font: inherit; font-weight: 600; cursor: pointer; font: inherit; font-weight: 600; cursor: pointer;
} }
.btn:hover { filter: brightness(0.92); } .btn:hover { filter: brightness(0.92); }