vtube-studio/index.html

39 lines
1.7 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Vtube Studio</title>
<!-- Tailwind is built locally via PostCSS; CSS is imported in the app entry -->
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@400;700&display=swap" rel="stylesheet">
<!-- Production CSP: tighten before packaging; development overrides via Electron main for HMR -->
<!-- Development CSP: allow jsDelivr for third-party wasm/scripts (tighten for production) -->
<!-- Development CSP: allow jsDelivr and storage.googleapis for third-party wasm/scripts and models (tighten for production) -->
<meta http-equiv="Content-Security-Policy" content="default-src 'self'; img-src 'self' data:; style-src 'self' 'unsafe-inline' https://fonts.googleapis.com; font-src 'self' https://fonts.gstatic.com; script-src 'self' https://cdn.jsdelivr.net 'unsafe-eval' 'unsafe-inline' data:; connect-src 'self' https://cdn.jsdelivr.net https://storage.googleapis.com https://generativelanguage.googleapis.com;">
<style>
body {
font-family: 'Inter', sans-serif;
background-color: #0f172a;
color: #f8fafc;
}
h1, h2, h3, .brand-font {
font-family: 'Space Grotesk', sans-serif;
}
/* Hide scrollbar for cleaner UI */
::-webkit-scrollbar {
width: 8px;
}
::-webkit-scrollbar-track {
background: #0f172a;
}
::-webkit-scrollbar-thumb {
background: #334155;
border-radius: 4px;
}
</style>
</head>
<body>
<div id="root"></div>
<script type="module" src="/src/renderer/index.tsx"></script>
</body>
</html>