BuzzbeeSCD/clustri
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: remove /clustri/ base path — custom domain serves at root

Browse Source
This commit is contained in:
Matt
2026-08-25 17:59:13 +00:00
parent 0d9f0d7811
commit 717911b18b
3 changed files with 7 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
site/astro.config.mjs
+1 -3
View File
@@ -1,10 +1,8 @@
import { defineConfig } from 'astro/config' import { defineConfig } from 'astro/config'
import tailwindcss from '@tailwindcss/vite' import tailwindcss from '@tailwindcss/vite'
const isGitHubPages = process.env.GITHUB_ACTIONS === 'true'
export default defineConfig({ export default defineConfig({
output: 'static', output: 'static',
base: isGitHubPages ? '/clustri/' : '/', base: '/',
vite: { plugins: [tailwindcss()] }, vite: { plugins: [tailwindcss()] },
}) })
site/src/components/ScreenshotTour.astro
+5 -7
View File
@@ -1,6 +1,5 @@
--- ---
import DotMatrixText from './DotMatrixText.astro' 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"> <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"> <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> <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> <span class="hidden font-mono text-[10px] text-success sm:inline">● live</span>
</div> </div>
<div class="relative bg-[#0e0e12]" data-base-url={base}> <div class="relative bg-[#0e0e12]">
<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" /> <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>
</div> </div>
@@ -60,11 +59,10 @@ const base = import.meta.env.BASE_URL
const img = document.getElementById('tour-img') as HTMLImageElement | null const img = document.getElementById('tour-img') as HTMLImageElement | null
const label = document.getElementById('tour-frame-label') const label = document.getElementById('tour-frame-label')
const tabs = document.querySelectorAll<HTMLButtonElement>('[data-tour-tab]') 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 }> = { 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' }, vms: { src: '/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' }, console: { src: '/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' }, backups: { src: '/screenshots/backups.png', label: 'Backups — datastores, groups and snapshots', alt: 'Clustri backups view with datastores and prune controls' },
} }
tabs.forEach((btn) => { tabs.forEach((btn) => {
btn.addEventListener('click', () => { btn.addEventListener('click', () => {
site/src/layouts/Base.astro
+1 -1
View File
@@ -11,7 +11,7 @@ const { title = 'Clustri', description = 'A desktop client for managing Proxmox
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" /> <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> <title>{title}</title>
<meta name="description" content={description} /> <meta name="description" content={description} />
</head> </head>