diff --git a/index.html b/index.html index 0d940ea..ed8fa98 100644 --- a/index.html +++ b/index.html @@ -27,7 +27,17 @@ Skip to main content -
+ New name + Kagenti is becoming Rosso — you'll see the new name reflected across all project sites soon. +
+ +Find Kagenti at KubeCon NA — Nov 9–12. diff --git a/script.js b/script.js index 829df07..66188f8 100644 --- a/script.js +++ b/script.js @@ -17,12 +17,23 @@ function dismissBanner() { try { sessionStorage.setItem('kagenti-banner-dismissed', '1'); } catch (e) {} } +function dismissRebrandBanner() { + var banner = document.getElementById('rebrand-banner'); + if (!banner) return; + banner.classList.add('hidden'); + try { sessionStorage.setItem('kagenti-rebrand-dismissed', '1'); } catch (e) {} +} + (function () { try { if (sessionStorage.getItem('kagenti-banner-dismissed') === '1') { var banner = document.getElementById('event-banner'); if (banner) banner.classList.add('hidden'); } + if (sessionStorage.getItem('kagenti-rebrand-dismissed') === '1') { + var rebrand = document.getElementById('rebrand-banner'); + if (rebrand) rebrand.classList.add('hidden'); + } } catch (e) {} })(); diff --git a/style.css b/style.css index d377a57..e9dc40f 100644 --- a/style.css +++ b/style.css @@ -169,6 +169,29 @@ body { .banner-close:hover { opacity: 1; } .banner.hidden { display: none; } +/* Rebrand announcement banner (Kagenti → Rosso) */ +.banner-rebrand { + background: #fdecec; /* light red tint — distinct from the dark event banner */ + color: var(--c-text); + border-bottom: 2px solid #ee0000; +} +.banner-rebrand .banner-close { color: var(--c-text); } +.banner-rebrand a { color: #cc0000; border-bottom-color: rgba(204,0,0,0.4); } +.banner-rebrand a:hover { border-bottom-color: #cc0000; } +.rebrand-pill { + display: inline-block; + background: #cc0000; + color: #f9f9f7; + font-weight: 700; + font-size: 0.6875rem; + letter-spacing: 0.04em; + text-transform: uppercase; + padding: 0.15rem 0.5rem; + border-radius: 999px; + margin-right: var(--sp-3); + vertical-align: middle; +} + /* -------------------------------------------------------------------------- Header -------------------------------------------------------------------------- */