docs: drop v10 promo banner, add icons to podman page
Deploy VitePress site to Pages / build (push) Has been cancelled
Deploy VitePress site to Pages / Deploy (push) Has been cancelled
Push container / Push branches and PRs (push) Has been cancelled
Test / Typecheck (push) Has been cancelled
Test / JavaScript Tests (push) Has been cancelled
Test / Go Tests (push) Has been cancelled
Test / Go Staticcheck (push) Has been cancelled
Test / Integration Tests (push) Has been cancelled

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.
This commit is contained in:
Amir Raminfar
2026-05-20 10:14:55 -07:00
parent 99d1ae93e9
commit 1f4f21b98e
4 changed files with 10 additions and 63 deletions
@@ -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>
-2
View File
@@ -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),
});
},
-1
View File
@@ -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']
+10 -10
View File
@@ -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