-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
92 lines (76 loc) · 5.06 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
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<if condition="env === 'production'">
<!-- google analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-66VTRFJMP6"></script>
<script>window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'G-66VTRFJMP6');</script>
<!-- microsoft clarity -->
<script type="text/javascript">(function (c, l, a, r, i, t, y) {c[a] = c[a] || function () { (c[a].q = c[a].q || []).push(arguments) };t = l.createElement(r); t.async = 1; t.src = "https://www.clarity.ms/tag/" + i;y = l.getElementsByTagName(r)[0]; y.parentNode.insertBefore(t, y);})(window, document, "clarity", "script", "f82y3gdkko");</script>
</if>
<link rel="stylesheet" href="index.sass">
<script defer type="module" src="index.js"></script>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;700&display=swap" rel="stylesheet">
<link rel="apple-touch-icon" sizes="180x180" href="./assets/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="./assets/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="./assets/favicon-16x16.png">
<if condition="env === 'production'">
<link rel="manifest" href="./assets/site.webmanifest">
</if>
<link rel="mask-icon" href="./assets/safari-pinned-tab.svg" color="#224659">
<meta name="msapplication-TileColor" content="#224659">
<meta name="theme-color" content="#ffffff">
</head>
<body>
<div id="splash-screen" class="is-overlay is-flex is-flex-direction-column is-justify-content-center is-align-items-center">
<svg xmlns="http://www.w3.org/2000/svg" version="1.0" width="387.000000pt" height="387.000000pt"
viewBox="0 0 387.000000 387.000000" preserveAspectRatio="xMidYMid meet">
<g transform="translate(0.000000,387.000000) scale(0.100000,-0.100000)" stroke="none">
<path d="M1814 3819 c-140 -40 -230 -203 -190 -341 36 -124 138 -202 265 -202 251 0 375 306 192 477 -71 67 -176 93 -267 66z m156 -167 c14 -10 31 -37 39 -59 13 -35 13 -46 0 -79 -20 -51 -69 -84 -126 -84 -38 0 -51 6 -79 34 -30 30 -34 41 -34 84 0 107 115 167 200 104z" />
<path d="M2725 2939 c-16 -4 -47 -23 -69 -41 -109 -90 -101 -265 16 -344 166 -112 381 31 338 224 -28 125 -158 199 -285 161z m113 -155 c15 -10 22 -25 22 -49 0 -42 -22 -65 -62 -65 -66 0 -92 70 -42 109 32 25 52 26 82 5z" />
<path d="M1061 2925 c-149 -47 -200 -245 -93 -358 91 -96 257 -88 332 15 78 107 48 258 -63 322 -54 31 -120 39 -176 21z m111 -162 c22 -20 23 -70 1 -95 -35 -39 -113 -8 -113 45 0 58 69 89 112 50z" />
<path d="M1845 2448 c-80 -15 -193 -76 -255 -138 -157 -157 -195 -392 -95 -596 55 -113 180 -217 307 -255 58 -18 88 -21 174 -17 97 4 109 7 188 46 318 158 393 546 155 806 -47 51 -79 75 -142 106 -118 58 -211 71 -332 48z m203 -159 c126 -28 227 -144 252 -291 27 -153 -59 -307 -207 -375 -80 -37 -163 -41 -254 -13 -64 19 -80 29 -139 88 -58 58 -69 77 -89 140 -56 174 21 353 185 433 75 36 150 41 252 18z" />
<path d="M194 2174 c-101 -36 -174 -141 -174 -249 0 -119 54 -210 152 -259 71 -35 171 -36 243 -2 214 101 205 406 -15 505 -54 24 -145 26 -206 5z m151 -148 c40 -17 75 -68 75 -109 0 -42 -26 -90 -59 -110 -87 -51 -199 20 -188 121 10 88 88 133 172 98z" />
<path d="M3473 2164 c-102 -37 -176 -145 -176 -259 0 -205 214 -340 398 -251 173 85 208 304 71 442 -80 79 -189 104 -293 68z m156 -152 c79 -42 92 -140 27 -199 -80 -74 -206 -18 -206 92 0 96 94 152 179 107z" />
<path d="M2680 1314 c-88 -38 -149 -141 -136 -230 16 -118 120 -203 235 -192 178 17 262 228 143 360 -65 72 -161 97 -242 62z m118 -151 c35 -30 38 -68 8 -97 -30 -31 -55 -33 -87 -8 -45 37 -16 122 41 122 10 0 27 -8 38 -17z" />
<path d="M1055 1292 c-167 -80 -167 -309 -1 -394 60 -31 160 -23 218 17 63 44 101 123 94 193 -6 68 -45 134 -98 169 -54 36 -153 43 -213 15z m140 -157 c30 -29 31 -45 4 -79 -38 -48 -119 -22 -119 39 0 32 33 65 65 65 14 0 37 -11 50 -25z" />
<path d="M1844 590 c-51 -16 -126 -72 -155 -115 -78 -115 -63 -252 36 -352 108 -107 259 -110 373 -8 68 61 96 121 96 206 0 150 -110 267 -259 275 -33 2 -74 -1 -91 -6z m120 -154 c92 -38 104 -166 20 -220 -34 -23 -103 -24 -136 -2 -30 20 -58 72 -58 109 0 35 40 89 80 109 42 22 51 22 94 4z" />
</g>
</svg>
<style>
body #splash-screen {
background-color: #224659;
z-index: 9999999;
}
body #splash-screen.fading {
animation: fade;
animation-timing-function: cubic-bezier(1, 0.1, 1, 1);
opacity: 0;
}
body #splash-screen.hidden {
display: none !important;
}
body #splash-screen svg {
fill: white;
width: 70px;
height: 70px;
animation: rotation 4s;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@keyframes rotation {
from { transform: rotate(0deg); }
to { transform: rotate(360deg); }
}
@keyframes fade {
from { opacity: 1; }
to { opacity: 0; }
}
</style>
</div>
</body>
</html>