Alexandru Popovici
096e06abd8
* feat(sandbox): Vibez based developement of the loading widget thing * fix(sandbox): Fixed compler errors
55 lines
1.8 KiB
HTML
55 lines
1.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<link rel="icon" type="image/svg+xml" href="favicon.svg" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
<title>Vite App</title>
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
|
</head>
|
|
<body>
|
|
<div class="w-screen h-screen">
|
|
<div id="renderer" class="absolute w-full h-full"></div>
|
|
<div
|
|
id="renderer-controls"
|
|
class="relative overflow-y-scroll h-full pointer-events-none w-auto"
|
|
></div>
|
|
</div>
|
|
<div class="center-wrapper" id="loadingWrapper">
|
|
<div class="loading-container">
|
|
<!-- Grayscale Image -->
|
|
<img
|
|
class="grayscale-overlay"
|
|
src="https://avatars.githubusercontent.com/u/65039012?s=280&v=4"
|
|
alt="Grayscale Image"
|
|
/>
|
|
<!-- Colored Image -->
|
|
<img
|
|
class="color-image"
|
|
id="colorImage"
|
|
src="https://avatars.githubusercontent.com/u/65039012?s=280&v=4"
|
|
alt="Color Image"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<script type="module" src="/src/main.ts"></script>
|
|
<!-- <div class="w-screen h-screen flex flex-col" id="multi-root">
|
|
<div class="h-1/2">
|
|
<div class="absolute w-full h-1/2" id="renderer0"></div>
|
|
<div
|
|
id="renderer0-controls"
|
|
class="relative overflow-y-scroll h-full pointer-events-none w-auto"
|
|
></div>
|
|
</div>
|
|
<div class="border-t-2 border-blue-500 h-1/2">
|
|
<div class="absolute w-full h-1/2" id="renderer1"></div>
|
|
<div
|
|
id="renderer1-controls"
|
|
class="relative overflow-y-scroll h-full pointer-events-none w-auto"
|
|
></div>
|
|
</div>
|
|
</div>
|
|
<script type="module" src="/src/main-multi.ts"></script> -->
|
|
</body>
|
|
</html>
|