-
Notifications
You must be signed in to change notification settings - Fork 11
/
Copy pathindex.html
121 lines (85 loc) · 5.64 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
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="theme-color" content="#000000" />
<title>Form Gear</title>
</head>
<body>
<noscript>You need to enable JavaScript to run this app.</noscript>
<div id="FormGear-root">
</div>
<script src="/dev.tsx" type="module"></script>
<div id="FormGear-loader" class="bg-gray-200 dark:bg-[#181f30] h-screen">
<div class="overflow-hidden">
<div class="bg-gray-50 dark:bg-gray-900 dark:text-white h-screen shadow-xl text-gray-600 flex overflow-hidden text-sm font-montserrat rounded-lg dark:shadow-gray-800">
<div class=" flex-grow flex flex-col bg-white dark:bg-gray-900 z-0">
<div class="relative md:flex max-h-screen ">
<div class="block">
<div class=" backdrop-blur-sm col-span-12 overflow-x-hidden overflow-y-auto fixed inset-0 z-50 outline-none focus:outline-none flex justify-center items-center">
<svg class="w-20 h-20 animate-spin" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 94.53 98.372"><circle cx="23.536" cy="16.331" r="8.646" style="fill:#0a77e8"/><circle cx="8.646" cy="36.698" r="8.646" style="fill:#0f9af0"/><circle cx="8.646" cy="61.867" r="8.646" style="fill:#0f9af0"/><circle cx="23.536" cy="82.233" r="8.646" style="fill:#13bdf7"/><circle cx="47.361" cy="89.726" r="8.646" style="fill:#13bdf7"/><circle cx="71.282" cy="82.233" r="8.646" style="fill:#18e0ff"/><circle cx="85.884" cy="61.867" r="8.646" style="fill:#65eaff"/><circle cx="85.884" cy="36.698" r="8.646" style="fill:#b2f5ff"/><circle cx="47.361" cy="8.646" r="8.646" style="fill:#1d4970"/></svg>
</div>
</div>
<div
class="bg-gray-50 dark:bg-gray-900 w-72 flex-shrink-0 dark:border-gray-800 h-full p-5 space-y-4
absolute inset-y-0 left-0 transform -translate-x-full transition-transform duration-500 ease-in-out md:relative md:translate-x-0 z-10">
<div class="animate-pulse flex space-x-4">
<div class="flex-1 space-y-3 py-1">
<div class="w-full shadow-2xl rounded-lg">
<div class="h-32 bg-gray-200 rounded-tr-lg rounded-tl-lg animate-pulse"></div>
<div class="p-5">
<div class="h-20 px-2 rounded-lg bg-gray-200 animate-pulse mb-4"></div>
<div class="h-6 rounded-lg bg-gray-200 animate-pulse mt-10 mb-4"></div>
<div class="h-6 rounded-lg bg-gray-200 animate-pulse mt-4 mb-4"></div>
<div class="h-6 rounded-lg bg-gray-200 animate-pulse mt-4 mb-4"></div>
<div class="h-6 rounded-lg bg-gray-200 animate-pulse mt-10 mb-4"></div>
<div class="h-6 rounded-lg bg-gray-200 animate-pulse mt-4 mb-4"></div>
<div class="h-6 rounded-lg bg-gray-200 animate-pulse mt-4 mb-4"></div>
<div class="h-6 rounded-lg bg-gray-200 animate-pulse mt-10 mb-4"></div>
<div class="h-6 rounded-lg bg-gray-200 animate-pulse mt-4 mb-4"></div>
<div class="h-6 rounded-lg bg-gray-200 animate-pulse mt-4 mb-4"></div>
<div class="h-20 px-2 rounded-lg bg-gray-200 animate-pulse mt-10 mb-4"></div>
</div>
</div>
</div>
</div>
</div>
<div class="flex-grow bg-white dark:bg-gray-900 transition duration-500 ease-in-out z-10 p-5 space-y-4
">
<div class="flex-grow bg-white dark:bg-gray-900 ">
<div class=" w-full mx-auto">
<div class="animate-pulse flex space-x-4">
<div class="flex-1 space-y-3 py-1">
<div
class="min-h-screen flex items-start justify-start bg-gradient-to-br from-gray-200 to-gray-400">
<div class="w-full bg-white shadow-2xl rounded-lg">
<div class="h-32 bg-gray-200 rounded-tr-lg rounded-tl-lg animate-pulse"></div>
<div class="p-5">
<div class="h-20 px-2 rounded-lg bg-gray-200 animate-pulse mb-4"></div>
<div class="h-6 rounded-lg bg-gray-200 animate-pulse mt-10 mb-4"></div>
<div class="h-6 rounded-lg bg-gray-200 animate-pulse mt-4 mb-4"></div>
<div class="h-6 rounded-lg bg-gray-200 animate-pulse mt-4 mb-4"></div>
<div class="h-6 rounded-lg bg-gray-200 animate-pulse mt-10 mb-4"></div>
<div class="h-6 rounded-lg bg-gray-200 animate-pulse mt-4 mb-4"></div>
<div class="h-6 rounded-lg bg-gray-200 animate-pulse mt-4 mb-4"></div>
<div class="h-6 rounded-lg bg-gray-200 animate-pulse mt-10 mb-4"></div>
<div class="h-6 rounded-lg bg-gray-200 animate-pulse mt-4 mb-4"></div>
<div class="h-6 rounded-lg bg-gray-200 animate-pulse mt-4 mb-4"></div>
<div class="h-6 rounded-lg bg-gray-200 animate-pulse mt-10 mb-4"></div>
<div class="h-6 rounded-lg bg-gray-200 animate-pulse mt-4 mb-4"></div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
</html>