From 1f4f21b98e91bce81baf2eba8d5d6df6caa1afde Mon Sep 17 00:00:00 2001
From: Amir Raminfar <findamir@gmail.com>
Date: Wed, 20 May 2026 10:14:55 -0700
Subject: [PATCH] docs: drop v10 promo banner, add icons to podman page

The v10 launch banner has run its course. Remove it.

Also bring podman.md in line with the rest of the guide pages (agent, k8s, swarm-mode) by adding inline mdi icons to the section headings.
---
 docs/.vitepress/theme/components/Banner.vue | 50 ---------------------
 docs/.vitepress/theme/index.ts              |  2 -
 docs/components.d.ts                        |  1 -
 docs/guide/podman.md                        | 20 ++++-----
 4 files changed, 10 insertions(+), 63 deletions(-)
 delete mode 100644 docs/.vitepress/theme/components/Banner.vue

diff --git a/docs/.vitepress/theme/components/Banner.vue b/docs/.vitepress/theme/components/Banner.vue
deleted file mode 100644
index a1b47caa..00000000
--- a/docs/.vitepress/theme/components/Banner.vue
+++ /dev/null
@@ -1,50 +0,0 @@
-<template>
-  <div
-    class="banner fixed top-0 right-0 left-0 z-(--vp-z-index-layout-top) flex items-center overflow-hidden bg-[oklch(74%_0.16_232.661)] p-4 font-bold text-gray-800 dark:bg-[oklch(60%_0.126_221.723)] dark:text-white"
-  >
-    <div class="mx-auto flex items-center gap-2 lg:gap-4">
-      <span class="animate-bounce">🎉</span>Dozzle v10 is here! Alerts, webhooks, and Dozzle Cloud are now available.
-      <a href="/guide/alerts-and-webhooks" class="btn btn-sm btn-primary text-white!"> Learn more </a>
-    </div>
-    <button class="btn btn-circle btn-ghost btn-xs ml-auto" @click="dismiss">
-      <svg class="swap-on fill-current" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 512 512">
-        <polygon
-          points="400 145.49 366.51 112 256 222.51 145.49 112 112 145.49 222.51 256 112 366.51 145.49 400 256 289.49 366.51 400 400 366.51 289.49 256 400 145.49"
-        />
-      </svg>
-    </button>
-  </div>
-</template>
-<script setup>
-import { onMounted } from "vue";
-const dismiss = () => {
-  localStorage.setItem("banner-dismissed", (Date.now() + 8.64e7 * 1).toString());
-  document.documentElement.classList.add("banner-dismissed");
-};
-
-onMounted(() => {
-  if (new Date(+localStorage.getItem("banner-dismissed")) > Date.now()) {
-    document.documentElement.classList.add("banner-dismissed");
-  }
-});
-</script>
-<style>
-.banner-dismissed {
-  --vp-layout-top-height: 0px !important;
-}
-@media (min-width: 375px) {
-  html {
-    --vp-layout-top-height: 100px;
-  }
-}
-@media (min-width: 768px) {
-  html {
-    --vp-layout-top-height: 63px;
-  }
-}
-</style>
-<style scoped>
-.banner-dismissed .banner {
-  display: none;
-}
-</style>
diff --git a/docs/.vitepress/theme/index.ts b/docs/.vitepress/theme/index.ts
index 16787052..9e1cb219 100644
--- a/docs/.vitepress/theme/index.ts
+++ b/docs/.vitepress/theme/index.ts
@@ -8,7 +8,6 @@ import "./style.css";
 import HeroVideo from "./components/HeroVideo.vue";
 import BuyMeCoffee from "./components/BuyMeCoffee.vue";
 import Stats from "./components/Stats.vue";
-import Banner from "./components/Banner.vue";
 import Supported from "./components/Supported.vue";
 
 export default {
@@ -18,7 +17,6 @@ export default {
       "home-hero-image": () => h(HeroVideo),
       "sidebar-nav-after": () => h(BuyMeCoffee),
       "home-hero-actions-after": () => h(Stats),
-      "layout-top": () => h(Banner),
       "home-hero-after": () => h(Supported),
     });
   },
diff --git a/docs/components.d.ts b/docs/components.d.ts
index 991ec137..83aa94eb 100644
--- a/docs/components.d.ts
+++ b/docs/components.d.ts
@@ -11,7 +11,6 @@ export {}
 /* prettier-ignore */
 declare module 'vue' {
   export interface GlobalComponents {
-    Banner: typeof import('./.vitepress/theme/components/Banner.vue')['default']
     BuyMeCoffee: typeof import('./.vitepress/theme/components/BuyMeCoffee.vue')['default']
     Counter: typeof import('./.vitepress/theme/components/Counter.vue')['default']
     HeroVideo: typeof import('./.vitepress/theme/components/HeroVideo.vue')['default']
diff --git a/docs/guide/podman.md b/docs/guide/podman.md
index 2dd2bad7..dbaff00d 100644
--- a/docs/guide/podman.md
+++ b/docs/guide/podman.md
@@ -27,11 +27,11 @@ Podman offers several launch approaches:
 
 ---
 
-# Standalone Mode
+# <Icon icon="mdi:monitor-dashboard" inline /> Standalone Mode
 
 Run Dozzle as a standalone service to monitor local Podman containers.
 
-## Rootful Setup
+## <Icon icon="mdi:shield-account-outline" inline /> Rootful Setup
 
 For system-wide Podman daemon:
 
@@ -46,7 +46,7 @@ podman run -v /run/podman/podman.sock:/var/run/docker.sock:ro \
   ghcr.io/amir20/dozzle:latest
 ```
 
-## Rootless Setup
+## <Icon icon="mdi:account-outline" inline /> Rootless Setup
 
 Rootless Podman isolates containers to a user namespace:
 
@@ -63,7 +63,7 @@ podman run -v /run/user/$(id -u appuser)/podman/podman.sock:/var/run/docker.sock
 
 **Important**: A Dozzle bound to one user's rootless socket only sees that user's containers. Other users' rootless containers live in separate namespaces and won't appear.
 
-## Quadlet Deployment
+## <Icon icon="mdi:rocket-launch-outline" inline /> Quadlet Deployment
 
 Quadlet enables systemd-native container management. Create a `.container` file at `~/.config/containers/systemd/dozzle.container`:
 
@@ -105,11 +105,11 @@ For multi-user systems, drop the same file into each user's `~/.config/container
 
 ---
 
-# Agent Mode
+# <Icon icon="mdi:lan-connect" inline /> Agent Mode
 
 Run Dozzle as an agent on remote Podman hosts for centralized monitoring via a main Dozzle server. Agents communicate with the main server via gRPC.
 
-## Agent Setup
+## <Icon icon="mdi:cog-outline" inline /> Agent Setup
 
 ### Prerequisites
 
@@ -181,11 +181,11 @@ systemctl --user start dozzle-agent.service
 
 ---
 
-# Main Server with Remote Agents
+# <Icon icon="mdi:server-network" inline /> Main Server with Remote Agents
 
 Configure the main Dozzle server to connect to agents on remote Podman hosts.
 
-## Server Configuration
+## <Icon icon="mdi:cog" inline /> Server Configuration
 
 Run the main Dozzle server with agent endpoints:
 
@@ -240,7 +240,7 @@ WantedBy=default.target
 
 ---
 
-# Additional Configuration
+# <Icon icon="mdi:tune" inline /> Additional Configuration
 
 ## <Icon icon="mdi:identifier" inline /> Engine-ID Setup
 
@@ -279,7 +279,7 @@ cat /var/lib/docker/engine-id
 
 > [!WARNING] Clean up existing Dozzle deployments (stop container, remove volumes) before recreating with the engine-id in place.
 
-## FAQ
+## <Icon icon="mdi:help-circle-outline" inline /> FAQ
 
 ### Memory Stats Missing in Rootless Mode