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">
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
2025-06-28 18:13:26 +08:00
|
|
|
<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>
|
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" />
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2025-05-31 22:59:46 +08:00
|
|
|
<script type="module" src="/src/main.js"></script>
|
|
|
|
|
</body>
|
2025-05-29 16:23:20 +08:00
|
|
|
</html>
|
