Kubecon banner

assets/scss/_styles_project.scss

@@ -63,3 +63,37 @@ assets/scss/_styles_project.scss
 .tab-body {
   padding: 0rem;
 }
+
+// Styling for announcement banner
+.menu-banner {
+  @include media-breakpoint-up(md) {
+    width: 100%;
+    position: fixed;
+    margin-left: -15px;
+    z-index: 31;
+    top: 4rem;
+  }
+
+  //--td-pre-bg: #{adjust-color($gray-900, $lightness: -2.5%)};
+  --td-pre-bg: black;
+
+  background: var(--td-pre-bg);
+  color: var(--bs-body-color);
+  text-align: center;
+  height: 24px;
+
+  & p {
+    // padding: 0.5rem;
+    // margin-bottom: initial;
+    color: white;
+  }
+}
+
+// Adds a padding because the announcements banner is too close to the breadcrumb
+header {
+  padding-bottom: 8px;
+}
+.td-page-meta {
+  // Adds a margin because the announcements banner is too close
+  margin-top: 16px;
+}

content/announcements/_index.md

@@ -0,0 +1,6 @@
+---
+title: Announcements
+cascade:
+  type: docs
+headless: true
+---

content/announcements/kubecon-na-2024.md

@@ -0,0 +1,6 @@
+---
+title: Observability Day North America
+expiryDate: 2024-11-15
+weight: -1 # top
+---
+<i class="fas fa-bullhorn"></i> Meet us at [**Observability Day North America**](https://colocatedeventsna2024.sched.com/event/1iztP/turn-the-volume-down-on-noisy-neighbors-sandor-guba-axoflow) (part of KubeCon) in Salt Lake City on November 12!

content/docs/_index.md

@@ -1,6 +1,8 @@
 ---
 title: Logging operator
 weight: 400
+cascade:
+  show_banner: true
 ---
 
 Welcome to the Logging operator documentation!

layouts/partials/banner.html

@@ -0,0 +1,10 @@
+{{ if .Params.show_banner -}}
+  {{ $announcements := site.GetPage "announcements" -}}
+  {{ if $announcements -}}
+    <div class="menu-banner">
+      {{ range $announcements.RegularPages }}
+      <div>{{ .Content }}</div>
+      {{ end -}}
+    </div>
+  {{ end -}}
+{{ end -}}

layouts/partials/navbar.html

@@ -62,4 +62,5 @@
   <div class="navbar-nav d-none d-lg-block">
     {{ partial "search-input.html" . }}
   </div>
+  {{- partial "banner.html" . }} <!-- Adds announcements banner under the menu -->
 </nav>