Files
console/src/app.html
T
Torsten Dittmann cb15bb9122 Add grid-based studio loading animation
- Introduce CSS grid of circles with staggered delays - Add JS to build
the animated grid and attach to DOM - Update app.html to load the studio
loading script and assets
2025-12-08 22:46:54 +04:00

56 lines
2.0 KiB
HTML

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<!-- apple web app meta tags -->
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-title" content="Appwrite Console" />
<meta name="apple-mobile-web-app-status-bar-style" content="default" />
<link rel="stylesheet" href="%sveltekit.assets%/css/loading.css" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
%sveltekit.head%
</head>
<body
data-sveltekit-preload-data="hover"
data-loading="true"
data-profile="%sveltekit.env.PUBLIC_CONSOLE_PROFILE%">
<script src="%sveltekit.assets%/js/theme-loader.js"></script>
<div id="svelte">%sveltekit.body%</div>
<div class="page-loader">
<div class="animation">
<div></div>
<div></div>
<div></div>
<div></div>
</div>
<img
src="%sveltekit.assets%/images/appwrite-logo-light.svg"
width="120"
height="22"
class="console-logo-light"
alt="Appwrite Logo" />
<img
src="%sveltekit.assets%/images/appwrite-logo-dark.svg"
width="120"
height="22"
class="console-logo-dark"
alt="Appwrite Logo" />
<img
src="%sveltekit.assets%/images/imagine-logo-light.svg"
width="120"
height="22"
class="studio-logo-light"
alt="Appwrite Logo" />
<img
src="%sveltekit.assets%/images/imagine-logo-dark.svg"
width="120"
height="22"
class="studio-logo-dark"
alt="Appwrite Logo" />
</div>
<script src="%sveltekit.assets%/js/loading-%sveltekit.env.PUBLIC_CONSOLE_PROFILE%.js"></script>
</body>
</html>