diff --git a/src/content/news/testowy-artykuł-tytuł.md b/src/content/news/testowy-artykuł-tytuł.md index c5b4216..fafda32 100644 --- a/src/content/news/testowy-artykuł-tytuł.md +++ b/src/content/news/testowy-artykuł-tytuł.md @@ -1,7 +1,7 @@ --- title: Testowy Artykuł - Tytuł description: Testowy artykuł - opis -date: 2026-07-24 +date: 2026-07-23 category: news author: CTAO cover: /uploads/UAE_Event.jpg diff --git a/src/content/news/the-ctao-eric-council-visits-ctao-north-in-la-palma.md b/src/content/news/the-ctao-eric-council-visits-ctao-north-in-la-palma.md index 52b25f9..6e049f5 100644 --- a/src/content/news/the-ctao-eric-council-visits-ctao-north-in-la-palma.md +++ b/src/content/news/the-ctao-eric-council-visits-ctao-north-in-la-palma.md @@ -1,7 +1,7 @@ --- 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…" -date: 2026-06-09 +date: 2026-07-24 category: news author: CTAO cover: /uploads/CouncilatCTAONorth-1600x1069.jpg diff --git a/src/styles/global.css b/src/styles/global.css index d682937..3b42d11 100644 --- a/src/styles/global.css +++ b/src/styles/global.css @@ -21,7 +21,9 @@ /* Type & layout */ --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 */ - --radius: 10px; + /* ctao.org uses generous rounding (15/30/60px tokens) and pill buttons */ + --radius: 16px; + --radius-pill: 999px; --maxw: 1120px; } @@ -82,14 +84,14 @@ img { max-width: 100%; height: auto; display: block; } .nav a.navlink:hover { color: #fff; } .nav a.navlink[aria-current="page"] { color: #fff; border-bottom-color: var(--cherenkov); } .nav a.navlink--edit { - color: #fff; border: 1px solid rgba(255,255,255,0.35); border-radius: var(--radius); - padding: 7px 14px; margin-left: 6px; + color: #fff; border: 1px solid rgba(255,255,255,0.35); border-radius: var(--radius-pill); + padding: 7px 16px; margin-left: 6px; } .nav a.navlink--edit:hover { border-color: var(--cherenkov); color: var(--cherenkov); } /* AAI login placeholder — visibly disabled (mock) */ .nav .login-mock { 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; } @@ -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); } .btn { 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; } .btn:hover { filter: brightness(0.92); }