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 tailwindcss from '@tailwindcss/vite'
const isGitHubPages = process.env.GITHUB_ACTIONS === 'true'
export default defineConfig({
output: 'static',
base: isGitHubPages ? '/clustri/' : '/',
base: '/',
vite: { plugins: [tailwindcss()] },
})
site/src/components/ScreenshotTour.astro
+5 -7
View File
@@ -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', () => {
site/src/layouts/Base.astro
+1 -1
View File
@@ -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>