-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
115 lines (115 loc) · 5.24 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
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="icon" href="/favicon.ico" type="image/x-icon" />
<title>Evermorrow Labs</title>
<link rel="stylesheet" href="./loader.css" />
</head>
<body>
<div class="loader">
<svg
height="20%"
viewBox="0 0 1321 718"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M558.418 462.912L445.675 472.809C444.506 472.912 443.5 471.99 443.5 470.817V442.846C443.5 441.615 444.601 440.677 445.817 440.871L558.56 458.945C560.887 459.318 560.766 462.706 558.418 462.912Z"
fill="white"
class="svg-elem-1"
style="--darkreader-inline-fill: #e8e6e3"
data-darkreader-inline-fill=""
></path>
<path
d="M574.5 461.5V407.634C574.5 406.478 573.524 405.563 572.371 405.638L445.371 413.879C444.318 413.947 443.5 414.82 443.5 415.874V440.5M574.5 461.5L445.675 472.809C444.506 472.912 443.5 471.99 443.5 470.817V440.5M574.5 461.5L443.5 440.5"
stroke="white"
stroke-width="24"
class="svg-elem-2"
style="--darkreader-inline-stroke: #e8e6e3"
data-darkreader-inline-stroke=""
></path>
<path
d="M470.119 240.888L440.619 239.127C439.47 239.058 438.5 239.972 438.5 241.123V288.116C438.5 289.174 439.324 290.049 440.381 290.112L469.881 291.873C471.03 291.942 472 291.028 472 289.877V242.884C472 241.826 471.176 240.951 470.119 240.888Z"
stroke="white"
stroke-width="24"
class="svg-elem-3"
style="--darkreader-inline-stroke: #e8e6e3"
data-darkreader-inline-stroke=""
></path>
<path
d="M310.5 623L574.5 559.5"
stroke="white"
stroke-width="24"
class="svg-elem-4"
style="--darkreader-inline-stroke: #e8e6e3"
data-darkreader-inline-stroke=""
></path>
<path
d="M310.5 85.5L574.5 148.5"
stroke="white"
stroke-width="24"
class="svg-elem-5"
style="--darkreader-inline-stroke: #e8e6e3"
data-darkreader-inline-stroke=""
></path>
<path
d="M308.002 86.1418L78.5023 145.114C77.6181 145.341 77 146.138 77 147.051V560.952C77 561.864 77.6161 562.66 78.4984 562.888L307.998 622.352C309.265 622.68 310.5 621.724 310.5 620.416V88.0789C310.5 86.7723 309.268 85.8167 308.002 86.1418Z"
stroke="white"
stroke-width="24"
class="svg-elem-6"
style="--darkreader-inline-stroke: #e8e6e3"
data-darkreader-inline-stroke=""
></path>
<path
d="M574.5 148.5V559.5"
stroke="white"
stroke-width="24"
class="svg-elem-7"
style="--darkreader-inline-stroke: #e8e6e3"
data-darkreader-inline-stroke=""
></path>
<path
d="M574.5 149.5C574.5 149.5 669.273 128.473 730 115M730 115C730 134.313 730 162.781 730 171.122C730 172.365 731.122 173.303 732.346 173.088L765.288 167.301C766.27 167.128 766.975 166.259 766.941 165.263L765.525 123.5M730 115C745.5 111.561 765.525 123.5 765.525 123.5M1008 49.5L766.586 107.618C765.663 107.84 765.023 108.681 765.055 109.63L765.525 123.5"
stroke="white"
stroke-width="24"
class="svg-elem-8"
style="--darkreader-inline-stroke: #e8e6e3"
data-darkreader-inline-stroke=""
></path>
<path
d="M1008 651.833V51.1832C1008 49.8449 1009.29 48.8842 1010.57 49.2665L1243.07 118.574C1243.92 118.827 1244.5 119.606 1244.5 120.491V584C1244.5 584.889 1243.91 585.671 1243.06 585.92L1010.56 653.753C1009.28 654.127 1008 653.167 1008 651.833Z"
stroke="white"
stroke-width="24"
class="svg-elem-9"
style="--darkreader-inline-stroke: #e8e6e3"
data-darkreader-inline-stroke=""
></path>
<path
d="M1008 654.5L853.5 620.5M853.5 620.5V223.616C853.5 222.467 852.535 221.554 851.388 221.619L810.888 223.894C809.828 223.953 809 224.83 809 225.891V607M853.5 620.5C853.5 620.5 839.241 613.71 834.222 607.403C833.158 606.066 830.342 605.041 828.752 605.666C822.52 608.113 813.476 607.678 809 607M809 607L698 581M698 581V237.685C698 236.511 696.993 235.589 695.823 235.693L660.323 238.838C659.291 238.93 658.5 239.794 658.5 240.831V573M698 581C698 581 688.362 578.656 682.999 575.095C681.398 574.032 675.952 572.415 674.055 572.727C669.184 573.526 662.428 573.327 658.5 573M658.5 573L574.5 559.5"
stroke="white"
stroke-width="24"
class="svg-elem-10"
style="--darkreader-inline-stroke: #e8e6e3"
data-darkreader-inline-stroke=""
></path>
</svg>
</div>
<div id="root"></div>
<script type="module" src="/src/main.jsx"></script>
<script>
const emSvg = document.querySelector(".loader>svg");
const loader = document.querySelector(".loader");
setTimeout(() => {
emSvg.classList.add("active");
}, 200);
setTimeout(() => {
loader.classList.add("animation-complete");
}, 2200);
window.addEventListener("load", () => {
loader.classList.add("loading-done");
});
</script>
</body>
</html>