This repository has been archived by the owner on Jun 12, 2024. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
71 lines (68 loc) · 2.01 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="stylesheet" href="/src/styles.css" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Tauri App</title>
<script id="sittly-extensions-set">
if (!window.__SITTLY_EXTENSIONS__) {
window.__SITTLY_EXTENSIONS__ = [];
}
document.addEventListener(
"DOMContentLoaded",
() => {
if (localStorage.getItem("theme") === "dark") {
document.body.classList.add("dark");
}
},
{ once: true }
);
</script>
</head>
<body class="h-screen p-4 overflow-hidden bg-transparent rounded-xl">
<div
id="root"
class="h-full shadow-[0_0_12px_0_rgba(0,0,0,0.2)] bg-gradient-to-tr from-amber-50 via-orange-50 to-green-50 overflow-hidden rounded-xl dark:from-neutral-800 dark:to-neutral-800"
>
<style>
.spinner {
width: 56px;
height: 56px;
border-radius: 50%;
background: radial-gradient(farthest-side, #b3b3cf 94%, #0000) top/9px
9px no-repeat,
conic-gradient(#0000 30%, #b3b3cf);
-webkit-mask: radial-gradient(
farthest-side,
#0000 calc(100% - 9px),
#000 0
);
animation: spinner-c7wet2 1s infinite linear;
}
.container-load {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100vh;
gap: 12px;
}
h2 {
color: #343434;
}
@keyframes spinner-c7wet2 {
100% {
transform: rotate(1turn);
}
}
</style>
<div class="container-load">
<div class="spinner"></div>
<h2>Loading...</h2>
</div>
</div>
<script src="/src/init.ts" type="module" id="init-script"></script>
<script src="/src/main.tsx" type="module" id="main-script"></script>
</body>
</html>