mirror of
https://github.com/donaldzou/WGDashboard.git
synced 2026-04-17 10:26:18 +00:00
51 lines
1.6 KiB
HTML
51 lines
1.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<link rel="icon" href="./img/Logo-2-128x128.png">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>WGDashboard Client</title>
|
|
<base href="./client/">
|
|
<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>
|
|
const isViteDevMode = document.querySelector('script[src*="@vite/client"]') !== null;
|
|
const base = document.querySelector('base');
|
|
if (base && isViteDevMode) {
|
|
base.href = '/';
|
|
}
|
|
</script>
|
|
</head>
|
|
<body>
|
|
<div id="app">
|
|
<div id="preloader">
|
|
<div id="preloader_placeholder">
|
|
<img style="width: 100%" src="./img/Logo-2-128x128.png" alt="WGDashboard Client" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script type="module" src="./src/main.js"></script>
|
|
</body>
|
|
</html>
|