Files
WGDashboard/src/static/client/index.html

58 lines
1.8 KiB
HTML
Raw Normal View History

2025-05-29 16:23:20 +08:00
<!DOCTYPE html>
<html lang="">
2025-05-31 22:59:46 +08:00
<head>
<meta charset="UTF-8">
<link rel="icon" href="./img/Logo-2-128x128.png">
2025-05-31 22:59:46 +08:00
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>WGDashboard Client</title>
2025-06-29 16:11:05 +08:00
<style>
*{
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}
#preloader{
width: 100vw; height: 100vh; display: flex
}
#preloader_placeholder{
width: 50px; height: 50px; background-color: #000; margin: auto;
animation: 3s ease-in-out fadeInPreloader infinite;
}
@keyframes fadeInPreloader {
0%{
opacity: 0;
}
50%{
opacity: 1;
}
100%{
opacity: 0;
}
}
</style>
<script>
let appPrefix = "{{ APP_PREFIX if APP_PREFIX else '' }}";
if (appPrefix.includes('{' + '{')) {
appPrefix = '';
}
window.APP_PREFIX = appPrefix;
const isViteDevMode = document.querySelector('script[src*="@vite/client"]') !== null;
const base = document.createElement('base');
if (isViteDevMode) {
base.href = '/';
} else {
base.href = (window.APP_PREFIX || '') + '/client/';
}
document.head.insertBefore(base, document.head.firstChild);
</script>
2025-05-31 22:59:46 +08:00
</head>
<body>
2025-06-29 16:11:05 +08:00
<div id="app">
<div id="preloader">
<div id="preloader_placeholder">
<img style="width: 100%" src="./img/Logo-2-128x128.png" alt="WGDashboard Client" />
2025-06-29 16:11:05 +08:00
</div>
</div>
</div>
<script type="module" src="./src/main.js"></script>
2025-05-31 22:59:46 +08:00
</body>
2025-05-29 16:23:20 +08:00
</html>