From 717911b18bff9e1a5e6b38d80e178cd8dae09ae3 Mon Sep 17 00:00:00 2001
From: Matt <matt@vibing.dev>
Date: Tue, 25 Aug 2026 17:59:13 +0000
Subject: [PATCH] =?UTF-8?q?fix:=20remove=20/clustri/=20base=20path=20?=
 =?UTF-8?q?=E2=80=94=20custom=20domain=20serves=20at=20root?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 site/astro.config.mjs                    |  4 +---
 site/src/components/ScreenshotTour.astro | 12 +++++-------
 site/src/layouts/Base.astro              |  2 +-
 3 files changed, 7 insertions(+), 11 deletions(-)

diff --git a/site/astro.config.mjs b/site/astro.config.mjs
index 4730def..bcd83b9 100644
--- a/site/astro.config.mjs
+++ b/site/astro.config.mjs
@@ -1,10 +1,8 @@
 import { defineConfig } from 'astro/config'
 import tailwindcss from '@tailwindcss/vite'
 
-const isGitHubPages = process.env.GITHUB_ACTIONS === 'true'
-
 export default defineConfig({
   output: 'static',
-  base: isGitHubPages ? '/clustri/' : '/',
+  base: '/',
   vite: { plugins: [tailwindcss()] },
 })
diff --git a/site/src/components/ScreenshotTour.astro b/site/src/components/ScreenshotTour.astro
index 5d5f524..d475e6d 100644
--- a/site/src/components/ScreenshotTour.astro
+++ b/site/src/components/ScreenshotTour.astro
@@ -1,6 +1,5 @@
 ---
 import DotMatrixText from './DotMatrixText.astro'
-const base = import.meta.env.BASE_URL
 ---
 <section id="tour" aria-labelledby="tour-title" class="scroll-mt-24 py-20 sm:py-28">
   <div class="mx-auto max-w-7xl px-6 lg:px-8">
@@ -34,8 +33,8 @@ const base = import.meta.env.BASE_URL
         <p id="tour-frame-label" class="font-mono text-[10px] tabular-nums text-muted-foreground">Virtual Machines — 4 VMs across the cluster</p>
         <span class="hidden font-mono text-[10px] text-success sm:inline">● live</span>
       </div>
-      <div class="relative bg-[#0e0e12]" data-base-url={base}>
-        <img id="tour-img" src={`${import.meta.env.BASE_URL}screenshots/vms.png`} alt="Clustri VM list showing running and stopped VMs" width="1600" height="1000" class="h-auto w-full object-cover object-top transition-opacity duration-300" loading="lazy" decoding="async" />
+      <div class="relative bg-[#0e0e12]">
+        <img id="tour-img" src="/screenshots/vms.png" alt="Clustri VM list showing running and stopped VMs" width="1600" height="1000" class="h-auto w-full object-cover object-top transition-opacity duration-300" loading="lazy" decoding="async" />
       </div>
     </div>
 
@@ -60,11 +59,10 @@ const base = import.meta.env.BASE_URL
   const img = document.getElementById('tour-img') as HTMLImageElement | null
   const label = document.getElementById('tour-frame-label')
   const tabs = document.querySelectorAll<HTMLButtonElement>('[data-tour-tab]')
-  const baseUrl = img?.closest('[data-base-url]')?.getAttribute('data-base-url') || '/'
   const sources: Record<string, { src: string; label: string; alt: string }> = {
-    vms: { src: `${baseUrl}screenshots/vms.png`, label: 'Virtual Machines — 4 VMs across the cluster', alt: 'Clustri VM list showing running and stopped VMs' },
-    console: { src: `${baseUrl}screenshots/console.png`, label: 'VNC Console — web-01 (QEMU) on pve1', alt: 'Clustri console view with VNC viewer' },
-    backups: { src: `${baseUrl}screenshots/backups.png`, label: 'Backups — datastores, groups and snapshots', alt: 'Clustri backups view with datastores and prune controls' },
+    vms: { src: '/screenshots/vms.png', label: 'Virtual Machines — 4 VMs across the cluster', alt: 'Clustri VM list showing running and stopped VMs' },
+    console: { src: '/screenshots/console.png', label: 'VNC Console — web-01 (QEMU) on pve1', alt: 'Clustri console view with VNC viewer' },
+    backups: { src: '/screenshots/backups.png', label: 'Backups — datastores, groups and snapshots', alt: 'Clustri backups view with datastores and prune controls' },
   }
   tabs.forEach((btn) => {
     btn.addEventListener('click', () => {
diff --git a/site/src/layouts/Base.astro b/site/src/layouts/Base.astro
index 3a29cf4..879c894 100644
--- a/site/src/layouts/Base.astro
+++ b/site/src/layouts/Base.astro
@@ -11,7 +11,7 @@ const { title = 'Clustri', description = 'A desktop client for managing Proxmox
   <head>
     <meta charset="utf-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <link rel="icon" type="image/png" href={`${import.meta.env.BASE_URL}icon.png`} />
+    <link rel="icon" type="image/png" href="/icon.png" />
     <title>{title}</title>
     <meta name="description" content={description} />
   </head>