adjust paths

index.html

@@ -4,17 +4,18 @@
 	<meta http-equiv="content-type" content="text/html; charset=UTF-8">
 	<meta charset="utf-8">
 	<title>Mahseum</title>
+	<base href=".">
 	<meta name="viewport" content="width=device-width, initial-scale=1">
-	<link rel="apple-touch-icon" sizes="180x180" href="public/app/apple-touch-icon.png">
-	<link rel="icon" type="image/png" sizes="32x32" href="public/app/favicon-32x32.png">
-	<link rel="icon" type="image/png" sizes="16x16" href="public/app/favicon-16x16.png">
-	<link rel="manifest" href="public/app/manifest.json">
-	<link rel="mask-icon" href="public/app/safari-pinned-tab.svg" color="#d55b5b">
+	<link rel="apple-touch-icon" sizes="180x180" href="./app/apple-touch-icon.png">
+	<link rel="icon" type="image/png" sizes="32x32" href="./app/favicon-32x32.png">
+	<link rel="icon" type="image/png" sizes="16x16" href="./app/favicon-16x16.png">
+	<link rel="manifest" href="./app/manifest.json">
+	<link rel="mask-icon" href="./app/safari-pinned-tab.svg" color="#d55b5b">
+	<meta name="msapplication-config" content="./app/browserconfig.xml">
 	<link rel="shortcut icon" href="public/app/favicon.ico">
 	<meta name="apple-mobile-web-app-title" content="Mahseum">
 	<meta name="application-name" content="Mahseum">
 	<meta name="msapplication-TileColor" content="#00aba9">
-	<meta name="msapplication-config" content="assets/app/browserconfig.xml">
 	<meta name="theme-color" content="#ffffff">
 	<style>html {
 		background-color: #131313;

src/app/App.css

@@ -9,7 +9,7 @@ header {
 	right: 0;
 	z-index: 10;
 	padding: 8px 30px;
-	background-image: url("public/app/fancy-cushion.webp");
+	background-image: url("../app/fancy-cushion.webp");
 	border-bottom: 1px solid #303030;
 }
 

src/app/helper.ts

@@ -5,7 +5,7 @@ export function svg_file_url(layout: Layout): string {
 }
 
 export function data_file_url(layout: Layout, format: LayoutFormat): string {
-	return `/boards/${layout.path}/${layout.filename}.${format}`;
+	return `./boards/${layout.path}/${layout.filename}.${format}`;
 }
 
 export function play(layout: Layout) {

vite.config.ts

@@ -3,5 +3,6 @@ import react from '@vitejs/plugin-react'
 
 // https://vitejs.dev/config/
 export default defineConfig({
+  base: './',
   plugins: [react()],
 })