From 538d16a5b778b4ff0c7ff0d1438f271cf63989ca Mon Sep 17 00:00:00 2001
From: Amir Raminfar <findamir@gmail.com>
Date: Thu, 20 Feb 2025 10:28:35 -0800
Subject: [PATCH] chore: updates docs

---
 docs/.vitepress/config.ts                     | 12 ++++++--
 .../.vitepress/theme/components/Supported.vue | 28 ++++++++++++++++++-
 docs/guide/agent.md                           |  2 +-
 docs/guide/podman.md                          |  4 +++
 docs/index.md                                 |  3 ++
 5 files changed, 44 insertions(+), 5 deletions(-)

diff --git a/docs/.vitepress/config.ts b/docs/.vitepress/config.ts
index 9c9bc3ab..c1f5297e 100644
--- a/docs/.vitepress/config.ts
+++ b/docs/.vitepress/config.ts
@@ -59,6 +59,14 @@ export default defineConfig({
           { text: "Getting Started", link: "/guide/getting-started" },
         ],
       },
+      {
+        text: "Platforms",
+        items: [
+          { text: "Swarm", link: "/guide/swarm-mode" },
+          { text: "K8s", link: "/guide/k8s" },
+          { text: "Podman", link: "/guide/podman" },
+        ],
+      },
       {
         text: "Advanced Configuration",
         items: [
@@ -73,9 +81,6 @@ export default defineConfig({
           { text: "Filters", link: "/guide/filters" },
           { text: "Healthcheck", link: "/guide/healthcheck" },
           { text: "Remote Hosts", link: "/guide/remote-hosts" },
-          { text: "Swarm Mode", link: "/guide/swarm-mode" },
-          { text: "K8s Mode", link: "/guide/k8s" },
-          { text: "Supported Env Vars", link: "/guide/supported-env-vars" },
           { text: "Logging Files on Disk", link: "/guide/log-files-on-disk" },
           { text: "SQL Engine", link: "/guide/sql-engine" },
         ],
@@ -85,6 +90,7 @@ export default defineConfig({
         items: [
           { text: "FAQ", link: "/guide/faq" },
           { text: "Debugging", link: "/guide/debugging" },
+          { text: "Supported Env Vars", link: "/guide/supported-env-vars" },
         ],
       },
       {
diff --git a/docs/.vitepress/theme/components/Supported.vue b/docs/.vitepress/theme/components/Supported.vue
index c7189a57..9a878c56 100644
--- a/docs/.vitepress/theme/components/Supported.vue
+++ b/docs/.vitepress/theme/components/Supported.vue
@@ -1,5 +1,8 @@
 <template>
-  <ul class="center -mt-8! mb-12! flex flex-row justify-center gap-8 text-lg font-thin md:text-3xl">
+  <ul
+    class="center -mt-8! mb-12! flex flex-col items-center justify-center gap-x-8 gap-y-4 text-lg font-light md:text-3xl lg:flex-row"
+  >
+    <li>Supported Platforms</li>
     <li>
       <a href="/guide/getting-started" class="flex flex-row items-center gap-2">
         <svg width="24" height="24" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" class="size-12">
@@ -11,6 +14,29 @@
         Docker
       </a>
     </li>
+    <li>
+      <a href="/guide/swarm-mode" class="flex flex-row items-center gap-2"
+        ><svg width="36" height="36" viewBox="0 0 36 36" xmlns="http://www.w3.org/2000/svg">
+          <path
+            fill="currentColor"
+            d="M10.5 34.29L2 29.39v-9.81l8.5-4.9l8.5 4.9v9.81ZM4 28.23L10.5 32l6.5-3.77v-7.49L10.5 17L4 20.74Z"
+            class="clr-i-outline clr-i-outline-path-1"
+          />
+          <path
+            fill="currentColor"
+            d="m25.5 34.29l-8.5-4.9v-9.81l8.5-4.9l8.5 4.9v9.81ZM19 28.23L25.5 32l6.5-3.77v-7.49L25.5 17L19 20.74Z"
+            class="clr-i-outline clr-i-outline-path-2"
+          />
+          <path
+            fill="currentColor"
+            d="m18 21.32l-8.5-4.9V6.61l8.5-4.9l8.5 4.9v9.81Zm-6.5-6.06L18 19l6.5-3.75V7.77L18 4l-6.5 3.77Z"
+            class="clr-i-outline clr-i-outline-path-3"
+          />
+          <path fill="none" d="M0 0h36v36H0z" />
+        </svg>
+        Docker Swarm
+      </a>
+    </li>
     <li>
       <a href="/guide/k8s" class="flex flex-row items-center gap-2">
         <svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg" class="size-12">
diff --git a/docs/guide/agent.md b/docs/guide/agent.md
index 49155084..c63b788a 100644
--- a/docs/guide/agent.md
+++ b/docs/guide/agent.md
@@ -2,7 +2,7 @@
 title: Agent Mode
 ---
 
-# Agent Mode
+# Agent Mode <Badge type="warning" text="Docker Only" />
 
 Dozzle can run in agent mode which can expose Docker hosts to other Dozzle instances. All communication is done over a secured connection using TLS. This means that you can deploy Dozzle on a remote host and connect to it from your local machine.
 
diff --git a/docs/guide/podman.md b/docs/guide/podman.md
index ef0d5457..930f3e2e 100644
--- a/docs/guide/podman.md
+++ b/docs/guide/podman.md
@@ -2,6 +2,10 @@
 title: Podman
 ---
 
+# Podman
+
+Dozzle supports Podman. However, there are some issues with Podman that might prevent Dozzle from working properly. One of the main issues is that Podman doesn't create an engine-id like Docker.
+
 ## I am seeing host not found error in the logs. How do I fix it?
 
 This should be mainly a Podman only error: Using Podman doesn't create an engine-id like Docker.
diff --git a/docs/index.md b/docs/index.md
index 9c9af264..9c613aa6 100644
--- a/docs/index.md
+++ b/docs/index.md
@@ -14,6 +14,9 @@ hero:
     - theme: alt
       text: View on GitHub
       link: https://github.com/amir20/dozzle
+    - theme: alt
+      text: Support 🙏🏼
+      link: https://www.buymeacoffee.com/amirraminfar
 
 features:
   - title: Self Hosted