From 3b13af76e360a488643cce1c09e1f17b202ac1d0 Mon Sep 17 00:00:00 2001
From: IBRAHIM IBRAHIM <66755652+Ibrahim2595@users.noreply.github.com>
Date: Fri, 12 Jun 2026 13:35:58 -0400
Subject: [PATCH] =?UTF-8?q?Add=20Kagenti=20=E2=86=92=20Rosso=20rebrand=20a?=
 =?UTF-8?q?nnouncement=20banner?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Add a dismissible announcement banner at the top of the landing page
noting the upcoming Kagenti → Rosso rename. Styled as a light red-tinted
bar with a "NEW NAME" pill and a brand-red accent so it reads as a
distinct announcement, separate from the (now hidden) event banner.

- index.html: new #rebrand-banner; hide the KubeCon event banner
- style.css: .banner-rebrand + .rebrand-pill styles
- script.js: independent dismiss + session-storage persistence

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
Signed-off-by: IBRAHIM IBRAHIM <66755652+Ibrahim2595@users.noreply.github.com>
---
 index.html | 12 +++++++++++-
 script.js  | 11 +++++++++++
 style.css  | 23 +++++++++++++++++++++++
 3 files changed, 45 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 0d940ea..ed8fa98 100644
--- a/index.html
+++ b/index.html
@@ -27,7 +27,17 @@
 
   <a class="skip-link" href="#main-content">Skip to main content</a>
 
-  <div class="banner" id="event-banner">
+  <div class="banner banner-rebrand" id="rebrand-banner">
+    <div class="container">
+      <p>
+        <span class="rebrand-pill">New name</span>
+        <strong>Kagenti is becoming Rosso</strong><span class="banner-detail"> — you'll see the new name reflected across all project sites soon.</span>
+      </p>
+      <button class="banner-close" aria-label="Dismiss rebrand announcement" onclick="dismissRebrandBanner()">×</button>
+    </div>
+  </div>
+
+  <div class="banner hidden" id="event-banner">
     <div class="container">
       <p>
         <strong>Find Kagenti at KubeCon NA</strong><span class="banner-detail"> — Nov 9–12.</span>
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
    -------------------------------------------------------------------------- */