From 70d87ba0bb612b7b4456a231be085ac104412b52 Mon Sep 17 00:00:00 2001
From: thisisobate <obasiuche62@gmail.com>
Date: Thu, 24 Sep 2026 14:13:41 +0100
Subject: [PATCH] chore: add kubecon na event to announcement banner

Signed-off-by: thisisobate <obasiuche62@gmail.com>
---
 docs/stylesheets/extra.css | 17 +++++++++++++++++
 mkdocs.yml                 |  4 ++++
 overrides/main.html        |  6 ++++++
 3 files changed, 27 insertions(+)

diff --git a/docs/stylesheets/extra.css b/docs/stylesheets/extra.css
index 2fdc1ed8e25..5b6be10f1c5 100644
--- a/docs/stylesheets/extra.css
+++ b/docs/stylesheets/extra.css
@@ -236,6 +236,23 @@ a.md-header__button.md-logo img {
   background: #fff5b5;
 }
 
+.md-banner:has(.site-announcement) {
+  background: #0d4984;
+}
+
+.site-announcement {
+  color: #fff;
+  font-weight: 600;
+  padding: 0.6rem 0.8rem;
+  text-align: center;
+}
+
+.md-banner .site-announcement a {
+  color: #fff;
+  margin-left: 0.5rem;
+  text-decoration: underline;
+}
+
 .md-banner .versionwarning h1 {
   font-weight: bold;
   font-size: 20px;
diff --git a/mkdocs.yml b/mkdocs.yml
index 8814bf8e10d..2a03fa96170 100644
--- a/mkdocs.yml
+++ b/mkdocs.yml
@@ -107,5 +107,9 @@ extra:
   analytics:
     provider: google
     property: G-YRMNFYE32R
+  announcement:
+    text: "Join us at KubeCon + CloudNativeCon North America on Nov 9-12 🎉"
+    href: "https://events.linuxfoundation.org/kubecon-cloudnativecon-north-america/register/?utm_source=knative&utm_medium=ribbon-banner&utm_campaign=KubeCon-CloudNativeCon-NA-2026&utm_content=hero"
+    link_text: "Register Today!"
   version:
     provider: directory
diff --git a/overrides/main.html b/overrides/main.html
index 5db63cec36d..3ec83706de8 100644
--- a/overrides/main.html
+++ b/overrides/main.html
@@ -5,6 +5,12 @@
 {% endblock %}
 
 {% block announce %}
+{% if page and page.is_homepage and config.extra.announcement %}
+<div class="site-announcement">
+  <span>{{ config.extra.announcement.text }}</span>
+  <a href="{{ config.extra.announcement.href }}">{{ config.extra.announcement.link_text }}</a>
+</div>
+{% endif %}
 {% if page and page.meta.version_warning %}
 <div class="versionwarning" style="margin: .6rem auto; padding: 0 .8rem">
   <h1>⚠ You are viewing an archived snapshot of the documentation for Knative version: {{ page.meta.knative_version }}</h1>