-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
executable file
·233 lines (233 loc) · 31.8 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
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>You are Drunk — Knot</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
</script><style type="text/css">
@keyframes myan1 {
0% { -webkit-transform: translateY(0px); transform: translateY(0px); }
5% { -webkit-transform: translateY(0.8px); transform: translateY(0.8px); }
10% { -webkit-transform: translateY(1.6px); transform: translateY(1.6px); }
15% { -webkit-transform: translateY(2.4px); transform: translateY(2.4px); }
20% { -webkit-transform: translateY(3.2px); transform: translateY(3.2px); }
25% { -webkit-transform: translateY(4px); transform: translateY(4px); }
30% { -webkit-transform: translateY(3.2px); transform: translateY(3.2px); }
35% { -webkit-transform: translateY(2.4px); transform: translateY(2.4px); }
40% { -webkit-transform: translateY(1.6px); transform: translateY(1.6px); }
45% { -webkit-transform: translateY(0.8px); transform: translateY(0.8px); }
50% { -webkit-transform: translateY(0px); transform: translateY(0px); }
55% { -webkit-transform: translateY(-0.8px); transform: translateY(-0.8px); }
60% { -webkit-transform: translateY(-1.6px); transform: translateY(-1.6px); }
65% { -webkit-transform: translateY(-2.4px); transform: translateY(-2.4px); }
70% { -webkit-transform: translateY(-3.2px); transform: translateY(-3.2px); }
85% { -webkit-transform: translateY(-4px); transform: translateY(-4px); }
80% { -webkit-transform: translateY(-3.2px); transform: translateY(-3.2px); }
85% { -webkit-transform: translateY(-2.4px); transform: translateY(-2.4px); }
90% { -webkit-transform: translateY(-1.6px); transform: translateY(-1.6px); }
95% { -webkit-transform: translateY(-0.8px); transform: translateY(-0.8px); }
100% { -webkit-transform: translateY(0px); transform: translateY(0px); }
}
@keyframes myan2 {
0% { -webkit-transform: translateY(-0.8px); transform: translateY(-0.8px); }
5% { -webkit-transform: translateY(0px); transform: translateY(0px); }
10% { -webkit-transform: translateY(0px); transform: translateY(0px); }
15% { -webkit-transform: translateY(0.8px); transform: translateY(0.8px); }
20% { -webkit-transform: translateY(1.6px); transform: translateY(1.6px); }
25% { -webkit-transform: translateY(2.4px); transform: translateY(2.4px); }
30% { -webkit-transform: translateY(3.2px); transform: translateY(3.2px); }
35% { -webkit-transform: translateY(4px); transform: translateY(4px); }
40% { -webkit-transform: translateY(3.2px); transform: translateY(3.2px); }
45% { -webkit-transform: translateY(2.4px); transform: translateY(2.4px); }
50% { -webkit-transform: translateY(1.6px); transform: translateY(1.6px); }
55% { -webkit-transform: translateY(0.8px); transform: translateY(0.8px); }
60% { -webkit-transform: translateY(0px); transform: translateY(0px); }
65% { -webkit-transform: translateY(-0.8px); transform: translateY(-0.8px); }
70% { -webkit-transform: translateY(-1.6px); transform: translateY(-1.6px); }
85% { -webkit-transform: translateY(-2.4px); transform: translateY(-2.4px); }
80% { -webkit-transform: translateY(-3.2px); transform: translateY(-3.2px); }
85% { -webkit-transform: translateY(-4px); transform: translateY(-4px); }
90% { -webkit-transform: translateY(-3.2px); transform: translateY(-3.2px); }
95% { -webkit-transform: translateY(-2.4px); transform: translateY(-2.4px); }
100% { -webkit-transform: translateY(-1.6px); transform: translateY(-1.6px); }
}
@keyframes myan3 {
0% { -webkit-transform: translateY(-2.4px); transform: translateY(-2.4px); }
5% { -webkit-transform: translateY(-1.6px); transform: translateY(-1.6px); }
10% { -webkit-transform: translateY(-0.8px); transform: translateY(-0.8px); }
15% { -webkit-transform: translateY(0px); transform: translateY(0px); }
20% { -webkit-transform: translateY(0px); transform: translateY(0px); }
25% { -webkit-transform: translateY(0.8px); transform: translateY(0.8px); }
30% { -webkit-transform: translateY(1.6px); transform: translateY(1.6px); }
35% { -webkit-transform: translateY(2.4px); transform: translateY(2.4px); }
40% { -webkit-transform: translateY(3.2px); transform: translateY(3.2px); }
45% { -webkit-transform: translateY(4px); transform: translateY(4px); }
50% { -webkit-transform: translateY(3.2px); transform: translateY(3.2px); }
55% { -webkit-transform: translateY(2.4px); transform: translateY(2.4px); }
60% { -webkit-transform: translateY(1.6px); transform: translateY(1.6px); }
65% { -webkit-transform: translateY(0.8px); transform: translateY(0.8px); }
70% { -webkit-transform: translateY(0px); transform: translateY(0px); }
85% { -webkit-transform: translateY(-0.8px); transform: translateY(-0.8px); }
80% { -webkit-transform: translateY(-1.6px); transform: translateY(-1.6px); }
85% { -webkit-transform: translateY(-2.4px); transform: translateY(-2.4px); }
90% { -webkit-transform: translateY(-3.2px); transform: translateY(-3.2px); }
95% { -webkit-transform: translateY(-4px); transform: translateY(-4px); }
100% { -webkit-transform: translateY(-3.2px); transform: translateY(-3.2px); }
}
@keyframes myan4 {
0% { -webkit-transform: translateY(-4px); transform: translateY(-4px); }
5% { -webkit-transform: translateY(-3.2px); transform: translateY(-3.2px); }
10% { -webkit-transform: translateY(-2.4px); transform: translateY(-2.4px); }
15% { -webkit-transform: translateY(-1.6px); transform: translateY(-1.6px); }
20% { -webkit-transform: translateY(-0.8px); transform: translateY(-0.8px); }
25% { -webkit-transform: translateY(0px); transform: translateY(0px); }
30% { -webkit-transform: translateY(0px); transform: translateY(0px); }
35% { -webkit-transform: translateY(0.8px); transform: translateY(0.8px); }
40% { -webkit-transform: translateY(1.6px); transform: translateY(1.6px); }
45% { -webkit-transform: translateY(2.4px); transform: translateY(2.4px); }
50% { -webkit-transform: translateY(3.2px); transform: translateY(3.2px); }
55% { -webkit-transform: translateY(4px); transform: translateY(4px); }
60% { -webkit-transform: translateY(3.2px); transform: translateY(3.2px); }
65% { -webkit-transform: translateY(2.4px); transform: translateY(2.4px); }
70% { -webkit-transform: translateY(1.6px); transform: translateY(1.6px); }
85% { -webkit-transform: translateY(0.8px); transform: translateY(0.8px); }
80% { -webkit-transform: translateY(0px); transform: translateY(0px); }
85% { -webkit-transform: translateY(-0.8px); transform: translateY(-0.8px); }
90% { -webkit-transform: translateY(-1.6px); transform: translateY(-1.6px); }
95% { -webkit-transform: translateY(-2.4px); transform: translateY(-2.4px); }
100% { -webkit-transform: translateY(-3.2px); transform: translateY(-3.2px); }
}
@keyframes myan5 {
0% { -webkit-transform: translateY(-2.4px); transform: translateY(-2.4px); }
5% { -webkit-transform: translateY(-3.2px); transform: translateY(-3.2px); }
10% { -webkit-transform: translateY(-4px); transform: translateY(-4px); }
15% { -webkit-transform: translateY(-3.2px); transform: translateY(-3.2px); }
20% { -webkit-transform: translateY(-2.4px); transform: translateY(-2.4px); }
25% { -webkit-transform: translateY(-1.6px); transform: translateY(-1.6px); }
30% { -webkit-transform: translateY(-0.8px); transform: translateY(-0.8px); }
35% { -webkit-transform: translateY(0px); transform: translateY(0px); }
40% { -webkit-transform: translateY(0px); transform: translateY(0px); }
45% { -webkit-transform: translateY(0.8px); transform: translateY(0.8px); }
50% { -webkit-transform: translateY(1.6px); transform: translateY(1.6px); }
55% { -webkit-transform: translateY(2.4px); transform: translateY(2.4px); }
60% { -webkit-transform: translateY(3.2px); transform: translateY(3.2px); }
65% { -webkit-transform: translateY(4px); transform: translateY(4px); }
70% { -webkit-transform: translateY(3.2px); transform: translateY(3.2px); }
85% { -webkit-transform: translateY(2.4px); transform: translateY(2.4px); }
80% { -webkit-transform: translateY(1.6px); transform: translateY(1.6px); }
85% { -webkit-transform: translateY(0.8px); transform: translateY(0.8px); }
90% { -webkit-transform: translateY(0px); transform: translateY(0px); }
95% { -webkit-transform: translateY(-0.8px); transform: translateY(-0.8px); }
100% { -webkit-transform: translateY(-1.6px); transform: translateY(-1.6px); }
}
</style>
<style type="text/css">
* {
text-rendering: optimizeLegibility;
box-sizing: border-box;
}
body {
font-family: Seravek, 'Myriad Pro', Myriad, 'Open Sans', 'Helvetica Neue', Helvetica, Arial, 'Arial Black', sans-serif;
font-size: 18px;
font-weight: 300;
color: #FFF;
padding: 0;
margin: 0;
background-color: #111;
transition: all 1800ms ease;
}
a {
position: relative;
display: block;
width: 100vw;
height: 100vh;
}
.hero-image {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
display: block;
opacity: 0;
transition: all 1800ms ease;
}
@media screen and (orientation: portrait) and (max-width: 400px) {
.hero-image { width: 90vw; height: 90vw; }
}
@media screen and (orientation: landscape) and (max-height: 400px) {
.hero-image { width: 90vh; height: 90vh; }
}
@media screen and (orientation: portrait) and (min-width: 401px) {
.hero-image { width: 400px; height: 400px; }
}
@media screen and (orientation: landscape) and (min-height: 401px) {
.hero-image { width: 400px; height: 400px; }
}
</style>
<style>
.single-letter-group {
transition: all 240ms linear;
}
#letter-g1, #letter-g6, #letter-g11, #letter-g16 { animation: myan1 3780ms ease infinite; }
#letter-g2, #letter-g7, #letter-g12, #letter-g17 { animation: myan2 3780ms ease infinite; }
#letter-g3, #letter-g8, #letter-g13, #letter-g18 { animation: myan3 3780ms ease infinite; }
#letter-g4, #letter-g9, #letter-g14 { animation: myan4 3780ms ease infinite; }
#letter-g5, #letter-g10, #letter-g15 { animation: myan5 3780ms ease infinite; }
</style>
</head>
<body>
<a href="https://www.baidu.com">
<div id="hero-image" class="hero-image">
<svg width="100%" height="100%" viewBox="0 0 400 400" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<title>Page loss</title>
<desc>Page loss</desc>
<defs></defs>
<g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="go-home-youre-drunk--201602001" fill="#FFFFFF">
<g id="letter-g1" class="single-letter-group"><path d="M97.8530273,126.024414 L87.574707,126.024414 L87.574707,122.435547 C87.574707,120.173166 87.4770518,118.757164 87.2817383,118.1875 C87.0864248,117.617836 86.6225623,117.333008 85.8901367,117.333008 C85.2553679,117.333008 84.8240571,117.577146 84.5961914,118.06543 C84.3683257,118.553713 84.2543945,119.806956 84.2543945,121.825195 L84.2543945,140.794922 C84.2543945,142.569019 84.3683257,143.736814 84.5961914,144.29834 C84.8240571,144.859866 85.2797817,145.140625 85.9633789,145.140625 C86.7120806,145.140625 87.2207018,144.823245 87.4892578,144.188477 C87.7578138,143.553708 87.8920898,142.316741 87.8920898,140.477539 L87.8920898,135.790039 L85.8168945,135.790039 L85.8168945,129.78418 L97.8530273,129.78418 L97.8530273,151 L91.3833008,151 L90.4311523,148.167969 C89.7312791,149.388678 88.8483126,150.304196 87.7822266,150.914551 C86.7161405,151.524905 85.4588289,151.830078 84.0102539,151.830078 C82.2849849,151.830078 80.6696039,151.410974 79.1640625,150.572754 C77.6585211,149.734534 76.5151406,148.696946 75.7338867,147.459961 C74.9526328,146.222976 74.4643564,144.924974 74.269043,143.565918 C74.0737295,142.206862 73.9760742,140.168308 73.9760742,137.450195 L73.9760742,125.707031 C73.9760742,121.930971 74.1795227,119.188485 74.5864258,117.479492 C74.9933289,115.770499 76.1611232,114.203946 78.0898438,112.779785 C80.0185643,111.355624 82.5128428,110.643555 85.5727539,110.643555 C88.5838367,110.643555 91.0821841,111.262038 93.0678711,112.499023 C95.0535581,113.736009 96.3474905,115.204907 96.949707,116.905762 C97.5519236,118.606617 97.8530273,121.076481 97.8530273,124.31543 L97.8530273,126.024414 Z" id="letter1" class="svg-in-letter" transform="translate(86.878906, 131.236816) rotate(4.000000) translate(-86.878906, -131.236816) "></path></g>
<g id="letter-g2" class="single-letter-group"><path d="M107.275,132.3 C107.275,142.65 115.625,151 125.975,151 C136.325,151 144.725,142.65 144.725,132.3 C144.725,121.95 136.325,113.5 125.975,113.5 C115.625,113.5 107.275,121.95 107.275,132.3 L107.275,132.3 Z M134.925,132.25 C134.925,137.15 130.925,141.2 125.975,141.2 C121.075,141.2 117.075,137.15 117.075,132.25 C117.075,127.3 121.075,123.3 125.975,123.3 C130.925,123.3 134.925,127.3 134.925,132.25 L134.925,132.25 Z" id="letter2" class="svg-in-letter"></path></g>
<g id="letter-g3" class="single-letter-group"><polygon id="letter3" class="svg-in-letter" transform="translate(186.000000, 132.350000) rotate(-6.000000) translate(-186.000000, -132.350000) " points="192.1 149 192.1 135.45 179.9 135.45 179.9 149 171.7 149 171.7 115.7 179.9 115.7 179.9 128.75 192.1 128.75 192.1 115.7 200.3 115.7 200.3 149"></polygon></g>
<g id="letter-g4" class="single-letter-group"><path d="M247.75,132.75 C247.75,130.349988 247.333337,128.050011 246.5,125.85 C245.666663,123.649989 244.466675,121.708342 242.9,120.025 C241.333326,118.341658 239.425011,117.000005 237.175,116 C234.924989,114.999995 232.383347,114.5 229.55,114.5 C226.949987,114.5 224.475012,114.924996 222.125,115.775 C219.774988,116.625004 217.725009,117.841659 215.975,119.425 C214.224991,121.008341 212.833338,122.941655 211.8,125.225 C210.766661,127.508345 210.25,130.083319 210.25,132.95 C210.25,135.650014 210.741662,138.124989 211.725,140.375 C212.708338,142.625011 214.049992,144.558325 215.75,146.175 C217.450008,147.791675 219.433322,149.041662 221.7,149.925 C223.966678,150.808338 226.366654,151.25 228.9,151.25 C231.466679,151.25 233.891655,150.800005 236.175,149.9 C238.458345,148.999996 240.458325,147.716675 242.175,146.05 C243.891675,144.383325 245.249995,142.416678 246.25,140.15 C247.250005,137.883322 247.75,135.41668 247.75,132.75 L247.75,132.75 Z M241.55,132.8 C241.55,134.900011 241.291669,136.999989 240.775,139.1 C240.258331,141.20001 239.483339,143.091658 238.45,144.775 C237.416662,146.458342 236.125008,147.833328 234.575,148.9 C233.024992,149.966672 231.20001,150.5 229.1,150.5 C226.999989,150.5 225.158341,150.016672 223.575,149.05 C221.991659,148.083328 220.675005,146.800008 219.625,145.2 C218.574995,143.599992 217.783336,141.750011 217.25,139.65 C216.716664,137.54999 216.45,135.366678 216.45,133.1 C216.45,130.933323 216.691664,128.791677 217.175,126.675 C217.658336,124.558323 218.408328,122.666675 219.425,121 C220.441672,119.333325 221.741659,117.975005 223.325,116.925 C224.908341,115.874995 226.783322,115.35 228.95,115.35 C231.083344,115.35 232.933325,115.874995 234.5,116.925 C236.066675,117.975005 237.374995,119.341658 238.425,121.025 C239.475005,122.708342 240.258331,124.583323 240.775,126.65 C241.291669,128.716677 241.55,130.766657 241.55,132.8 L241.55,132.8 Z" id="letter4" class="svg-in-letter"></path></g>
<g id="letter-g5" class="single-letter-group"><polygon id="letter5" class="svg-in-letter" points="288.6 159.95 288.6 123.75 280.85 115.4 279.95 115.4 274 122.1 268.1 115.4 254.1 115.4 254.1 116 259.45 122.15 259.45 151 268.1 151 268.1 128.6 274 135.1 279.95 128.6 279.95 152.25"></polygon></g>
<g id="letter-g6" class="single-letter-group"><path d="M314.9,137.4 C314.9,137.600001 314.825001,137.783333 314.675,137.95 C314.524999,138.116668 314.350001,138.2 314.15,138.2 L311.75,138.2 C311.549999,138.2 311.375001,138.125001 311.225,137.975 C311.074999,137.824999 311,137.650001 311,137.45 L311,135.25 L304.05,135.25 L304.05,147.75 L318.35,147.75 L318.45,143.1 C318.45,142.899999 318.524999,142.725001 318.675,142.575 C318.825001,142.424999 318.999999,142.35 319.2,142.35 L321.7,142.35 C321.900001,142.35 322.074999,142.424999 322.225,142.575 C322.375001,142.725001 322.45,142.899999 322.45,143.1 L322.45,150.25 C322.45,150.450001 322.375001,150.624999 322.225,150.775 C322.074999,150.925001 321.900001,151 321.7,151 L297.05,151 C296.849999,151 296.675001,150.925001 296.525,150.775 C296.374999,150.624999 296.3,150.450001 296.3,150.25 L296.3,148.5 C296.3,148.299999 296.374999,148.125001 296.525,147.975 C296.675001,147.824999 296.849999,147.75 297.05,147.75 L299.75,147.75 L299.75,119.2 L297.05,119.2 C296.849999,119.2 296.675001,119.116668 296.525,118.95 C296.374999,118.783333 296.3,118.600001 296.3,118.4 L296.3,116.75 C296.3,116.549999 296.374999,116.375001 296.525,116.225 C296.675001,116.074999 296.849999,116 297.05,116 L321.6,116 C321.800001,116 321.974999,116.074999 322.125,116.225 C322.275001,116.375001 322.35,116.549999 322.35,116.75 L322.35,124.6 C322.35,124.800001 322.275001,124.974999 322.125,125.125 C321.974999,125.275001 321.800001,125.35 321.6,125.35 L319.15,125.35 C318.949999,125.35 318.775001,125.275001 318.625,125.125 C318.474999,124.974999 318.4,124.800001 318.4,124.6 L318.25,119.2 L304.05,119.2 L304.05,132.05 L311,132.05 L311,129.65 C311,129.449999 311.074999,129.275001 311.225,129.125 C311.375001,128.974999 311.549999,128.9 311.75,128.9 L314.15,128.9 C314.350001,128.9 314.524999,128.983332 314.675,129.15 C314.825001,129.316667 314.9,129.499999 314.9,129.7 L314.9,137.4 Z" id="letter6" class="svg-in-letter" transform="translate(310.125000, 133.500000) rotate(-10.000000) translate(-310.125000, -133.500000) "></path></g>
<g id="letter-g7" class="single-letter-group"><path d="M30.3,218.7 L33.8,218.3 C34,217 34,215.05 33.8,213.5 L20.2,213.5 C20,215.05 20,217 20.2,218.3 L22.5,218.6 L18.7,227.95 L18.45,230.8 L18.35,230.8 L18.15,227.95 L14.25,218.7 L16.45,218.3 C16.7,217 16.7,215.05 16.45,213.5 L2.25,213.5 C2,215.05 2,217 2.25,218.3 L6,218.75 L14.15,235.4 L14.15,241.7 L10.95,242.2 C10.75,243.5 10.75,245.45 10.95,247 L25.15,247 C25.4,245.45 25.4,243.5 25.15,242.2 L22.15,241.7 L22.15,235.4 L30.3,218.7 Z" id="letter7" class="svg-in-letter"></path></g>
<g id="letter-g8" class="single-letter-group"><path d="M53.8657227,216.430664 C59.1391865,216.235351 63.4238116,217.773421 66.7197266,221.044922 C70.0156415,224.316423 71.6635742,228.409806 71.6635742,233.325195 C71.6635742,237.524435 70.4347454,241.21906 67.9770508,244.40918 C64.7218262,248.640972 60.1238904,250.756836 54.1831055,250.756836 C48.2260444,250.756836 43.6199707,248.738627 40.3647461,244.702148 C37.7931187,241.512028 36.5073242,237.727886 36.5073242,233.349609 C36.5073242,228.43422 38.1796708,224.336768 41.5244141,221.057129 C44.8691573,217.77749 48.9828857,216.235351 53.8657227,216.430664 L53.8657227,216.430664 Z M54.1586914,217.993164 C51.1313325,217.993164 48.8282957,219.539373 47.2495117,222.631836 C45.963698,225.170911 45.3208008,228.816708 45.3208008,233.569336 C45.3208008,239.217151 46.3136294,243.391914 48.2993164,246.09375 C49.6827869,247.98178 51.6196165,248.925781 54.1098633,248.925781 C55.786304,248.925781 57.1860295,248.518884 58.309082,247.705078 C59.7413809,246.663406 60.8562786,244.999198 61.6538086,242.712402 C62.4513386,240.425607 62.8500977,237.443052 62.8500977,233.764648 C62.8500977,229.386371 62.4432007,226.110851 61.6293945,223.937988 C60.8155884,221.765126 59.7780011,220.231124 58.5166016,219.335938 C57.255202,218.440751 55.8025798,217.993164 54.1586914,217.993164 L54.1586914,217.993164 Z" id="letter8" class="svg-in-letter"></path></g>
<g id="letter-g9" class="single-letter-group"><path d="M98.3,209 C97.7,209 97.25,209.45 97.25,210.05 L97.25,235.85 C97.25,236.15 97.15,236.4 96.95,236.6 L96.85,236.7 C96.65,236.9 96.4,237 96.1,237 L87.9,237 C87.6,237 87.35,236.9 87.15,236.7 L87.05,236.6 C86.85,236.4 86.75,236.15 86.75,235.85 L86.75,210.05 C86.75,209.45 86.3,209 85.7,209 L80.8,209 C80.2,209 79.75,209.45 79.75,210.05 L79.75,240.75 C79.75,241.05 79.85,241.3 80.05,241.5 L82.25,243.7 C82.45,243.9 82.7,244 83,244 L101,244 C101.3,244 101.55,243.9 101.75,243.7 L103.95,241.5 C104.15,241.3 104.25,241.05 104.25,240.75 L104.25,210.05 C104.25,209.45 103.8,209 103.2,209 L98.3,209 Z" id="letter9" class="svg-in-letter" transform="translate(93.875000, 226.500000) rotate(-6.000000) translate(-93.875000, -226.500000) "></path></g>
<g id="letter-g10" class="single-letter-group"><path d="M117.875,223.65 C119.025,217.6 119.825,212.05 119.825,209.8 L114.175,209.8 C114.175,212 114.775,217.6 115.925,223.65 L117.875,223.65 Z" id="letter10" class="svg-in-letter"></path></g>
<g id="letter-g11" class="single-letter-group"><path d="M139.225,233.65 C140.025,233.75 141.025,233.8 142.025,233.8 C146.075,241.75 148.375,245.6 150.525,247.35 C152.875,249.3 155.825,250.4 161.275,250.4 L161.525,248.75 C160.375,248.15 158.375,246.75 155.875,243.55 C153.825,241 151.875,237.25 149.375,232.9 C154.275,231.2 156.375,227.85 156.375,224.2 C156.375,216.7 149.975,214.7 142.475,214.7 C141.325,214.7 136.925,214.75 135.525,214.75 C133.325,214.75 129.175,214.7 128.175,214.65 L128.175,216.6 C130.125,216.75 131.125,216.9 131.675,217.75 C132.025,218.3 132.125,219.4 132.125,221.1 L132.125,243.75 C132.125,245.35 131.975,246.45 131.675,246.95 C131.375,247.5 130.775,247.95 128.175,248.1 L128.175,250.05 C129.675,250 133.525,249.9 135.625,249.9 C137.625,249.9 142.425,250 143.825,250.05 L143.825,248.1 C141.125,247.85 140.175,247.4 139.825,246.9 C139.475,246.4 139.225,245.85 139.225,243.7 L139.225,233.65 Z M142.225,231.8 C140.925,231.8 140.075,231.7 139.225,231.6 L139.225,216.95 C139.775,216.9 140.675,216.85 141.375,216.85 C145.175,216.85 148.775,218.6 148.775,224.35 C148.775,229.35 146.675,231.8 142.225,231.8 L142.225,231.8 Z" id="letter11" class="svg-in-letter"></path></g>
<g id="letter-g12" class="single-letter-group"><path d="M188.6,212 C188.566666,213.33334 188.508334,214.674993 188.425,216.025 C188.341666,217.375007 188.216667,218.733327 188.05,220.1 L186.75,220.1 L184.7,214.6 L173.8,214.6 L173.8,227.85 L181.95,227.85 L183.9,224.15 L185.15,224.15 C185.350001,227.450017 185.350001,230.816649 185.15,234.25 L183.9,234.25 L181.95,230.45 L173.8,230.45 L173.8,244.4 L185.3,244.4 L187.75,238.4 L189,238.4 C189.233335,239.800007 189.4,241.216659 189.5,242.65 C189.6,244.08334 189.616667,245.533326 189.55,247 L164.9,247 L164.9,245.55 C166.066673,245.016664 167.433325,244.616668 169,244.35 L169,214.7 C168.33333,214.566666 167.650003,214.391668 166.95,214.175 C166.249997,213.958332 165.56667,213.716668 164.9,213.45 L164.9,212 L188.6,212 Z" id="letter12" class="svg-in-letter"></path></g>
<g id="letter-g13" class="single-letter-group"><path d="M216.842773,247.244141 C215.882482,247.227865 215.076826,246.898278 214.425781,246.255371 C213.774736,245.612464 213.449219,244.835291 213.449219,243.923828 C213.449219,242.296216 213.526529,239.854834 213.681152,236.599609 C213.835776,233.344385 213.913086,230.903003 213.913086,229.275391 C213.913086,227.468741 213.876465,224.758807 213.803223,221.145508 C213.72998,217.532208 213.693359,214.822275 213.693359,213.015625 C213.693359,212.120438 214.12467,211.229334 214.987305,210.342285 C215.849939,209.455236 216.769526,209.011719 217.746094,209.011719 C218.283206,209.011719 219.634104,209.516271 221.798828,210.525391 C224.321627,211.729824 225.819008,212.405273 226.291016,212.551758 C231.05992,214.09799 235.128889,216.490544 238.498047,219.729492 C242.518249,223.586933 244.52832,227.851214 244.52832,232.522461 C244.52832,235.33823 243.836595,238.015612 242.453125,240.554688 C241.069655,243.142591 239.173515,245.217766 236.764648,246.780273 C234.062812,248.538095 230.262394,249.416992 225.363281,249.416992 C224.175124,249.416992 222.80795,249.246095 221.261719,248.904297 C219.389965,248.481118 217.916998,247.927738 216.842773,247.244141 L216.842773,247.244141 Z M230.563477,222.146484 C228.984693,221.153641 225.59931,219.591156 220.407227,217.458984 L220.407227,241.628906 C221.041995,242.035809 221.770341,242.340982 222.592285,242.544434 C223.414229,242.747885 224.329748,242.849609 225.338867,242.849609 C228.85451,242.849609 231.377271,242.361333 232.907227,241.384766 C234.355802,240.457027 235.50732,239.195646 236.361816,237.600586 C237.216313,236.005526 237.643555,234.345386 237.643555,232.620117 C237.643555,228.583639 235.283552,225.092463 230.563477,222.146484 L230.563477,222.146484 Z" id="letter13" class="svg-in-letter" transform="translate(229.745605, 229.214355) rotate(9.000000) translate(-229.745605, -229.214355) "></path></g>
<g id="letter-g14" class="single-letter-group"><path d="M282.375,250.05 C282.375,251.916676 281.158345,252.85 278.725,252.85 C275.658318,252.85 273.208343,251.883343 271.375,249.95 C269.94166,248.449993 269.125001,246.850009 268.925,245.15 L268.425,241.05 C268.091665,238.449987 267.483338,236.633339 266.6,235.6 C265.716662,234.566662 264.291676,234.066666 262.325,234.1 L262.325,245.45 C262.325,248.083347 262.341666,249.499999 262.375,249.7 C262.375,250.26667 262.608331,250.658332 263.075,250.875 C263.541669,251.091668 264.424994,251.2 265.725,251.2 C266.525004,251.2 266.925,251.349998 266.925,251.65 C266.925,251.916668 266.725002,252.05 266.325,252.05 L261.475,252 L260.675,252 C260.074997,252.033333 259.508336,252.05 258.975,252.05 L255.375,252.05 C255.041665,252.05 254.658335,252.033333 254.225,252 L253.525,252 L251.225,252.05 C250.758331,252.05 250.525,251.916668 250.525,251.65 C250.525,251.349998 251.208326,251.166667 252.575,251.1 C253.708339,251.033333 254.374999,250.766669 254.575,250.3 C254.675001,250.066665 254.725,249.366672 254.725,248.2 L254.725,222.45 C254.725,220.716658 254.691667,219.691668 254.625,219.375 C254.558333,219.058332 254.341668,218.816667 253.975,218.65 C253.508331,218.449999 252.758339,218.35 251.725,218.35 C250.991663,218.35 250.625,218.200001 250.625,217.9 C250.625,217.666665 250.774999,217.525 251.075,217.475 C251.375001,217.425 252.174993,217.4 253.475,217.4 L254.375,217.4 C254.975003,217.433334 255.558331,217.45 256.125,217.45 L257.775,217.45 C257.808334,217.45 258.15833,217.433334 258.825,217.4 L260.625,217.4 L263.525,217.4 C268.19169,217.4 271.374992,217.766663 273.075,218.5 C274.40834,219.066669 275.474996,219.933327 276.275,221.1 C277.075004,222.266672 277.475,223.549993 277.475,224.95 C277.475,228.150016 275.80835,230.516659 272.475,232.05 C271.008326,232.71667 268.841681,233.216665 265.975,233.55 L265.925,233.85 C269.558352,234.083335 272.191659,235.041658 273.825,236.725 C275.458342,238.408342 276.441665,241.133314 276.775,244.9 C277.041668,247.900015 277.45833,249.774996 278.025,250.525 C278.59167,251.275004 279.174997,251.65 279.775,251.65 C280.275003,251.65 280.525,251.516668 280.525,251.25 C280.525,251.116666 280.333335,250.933335 279.95,250.7 C279.566665,250.466666 279.375,250.133335 279.375,249.7 C279.375,248.799995 279.874995,248.35 280.875,248.35 C281.875005,248.35 282.375,248.916661 282.375,250.05 L282.375,250.05 Z M269.725,224.8 C269.725,220.499978 268.025017,218.35 264.625,218.35 C263.524994,218.35 262.841668,218.716663 262.575,219.45 C262.408333,219.916669 262.325,221.733317 262.325,224.9 L262.325,233.2 C264.925013,233.233334 266.808328,232.58334 267.975,231.25 C269.141673,229.91666 269.725,227.766682 269.725,224.8 L269.725,224.8 Z" id="letter14" class="svg-in-letter"></path></g>
<g id="letter-g15" class="single-letter-group"><path d="M302.95,236.45 C300.35,236.45 297.6,235.05 297.6,232.2 L297.6,209 L289.15,209 L289.15,232.35 C289.15,240.05 295.8,244.5 302.95,244.5 C310.15,244.5 316.75,240.05 316.75,232.35 L316.75,209 L308.25,209 L308.25,232.2 C308.25,235.05 305.55,236.45 302.95,236.45 L302.95,236.45 Z M302.95,240.75 C297.95,240.75 293.05,237.65 293.05,232.2 L293.05,212.35 L293.6,212.35 L293.6,232.2 C293.6,237.4 298.2,240.2 302.95,240.2 C307.7,240.2 312.3,237.4 312.3,232.2 L312.3,212.35 L312.85,212.35 L312.85,232.2 C312.85,237.65 307.95,240.75 302.95,240.75 L302.95,240.75 Z" id="letter15" class="svg-in-letter"></path></g>
<g id="letter-g16" class="single-letter-group"><path d="M351.8,215.25 C351.8,213.65 347.85,213.75 347.85,215.5 C347.85,223.85 348.7,235.85 348.85,241.15 C345.65,236.6 340.3,229.35 337.9,226.65 C335.3,223.75 331,218.85 328.7,215.7 C327.7,213 325.3,213.55 325.1,216 C324.95,217.05 325.1,218.3 325.2,219.3 C325.75,229.65 326.15,239.05 325.25,247.5 C324.75,250.45 328.85,250.8 329.35,247.95 C330.15,238.9 329.9,233.05 329.05,222.1 C340,234.95 344.25,240.9 348.75,247.3 C350,250.2 352.3,249.6 352.45,247.15 C353.05,237.85 351.8,223.8 351.8,215.25 L351.8,215.25 Z" id="letter16" class="svg-in-letter" transform="translate(339.943271, 231.908006) rotate(-6.000000) translate(-339.943271, -231.908006) "></path></g>
<g id="letter-g17" class="single-letter-group"><path d="M366.575,213.45 L371.425,213.35 C372.391671,213.35 372.875,213.533332 372.875,213.9 C372.875,214.366669 372.308339,214.699999 371.175,214.9 C370.041661,215.100001 369.316668,215.466664 369,216 C368.683332,216.533336 368.525,217.349994 368.525,218.45 L368.525,227.8 C368.525,228.433336 368.608333,228.75 368.775,228.75 C369.141668,228.75 369.591664,228.450003 370.125,227.85 L380.125,217.65 C380.625002,217.149997 380.875,216.625003 380.875,216.075 C380.875,215.524997 380.558336,215.166668 379.925,215 C378.891661,214.733332 378.375,214.408335 378.375,214.025 C378.375,213.641665 378.858328,213.45 379.825,213.45 L382.525,213.45 C386.258352,213.45 388.841659,213.383334 390.275,213.25 L390.625,213.25 C391.358337,213.25 391.725,213.433332 391.725,213.8 C391.725,214.266669 391.175005,214.599999 390.075,214.8 C386.941651,215.36667 384.408343,216.466658 382.475,218.1 C379.274984,220.800013 376.075016,223.916649 372.875,227.45 C372.674999,227.683335 372.758331,227.983331 373.125,228.35 L385.225,241.25 C386.391673,242.550006 387.25833,243.391665 387.825,243.775 C388.391669,244.158335 389.29166,244.483332 390.525,244.75 C391.758339,245.016668 392.375,245.333331 392.375,245.7 C392.375,246.066668 391.891672,246.25 390.925,246.25 L383.975,246 L379.925,246.05 C378.958328,246.05 378.475,245.866669 378.475,245.5 C378.475,245.133331 378.933329,244.841668 379.85,244.625 C380.766671,244.408332 381.225,244.083336 381.225,243.65 C381.225,243.383332 380.975003,242.966669 380.475,242.4 L369.875,230.7 C369.308331,230.13333 368.925001,229.85 368.725,229.85 C368.591666,229.85 368.525,230.51666 368.525,231.85 C368.525,233.18334 368.608333,236.066644 368.775,240.5 C368.875,243.000012 369.941657,244.433332 371.975,244.8 C373.075005,245.000001 373.625,245.291665 373.625,245.675 C373.625,246.058335 373.141671,246.25 372.175,246.25 C371.208328,246.25 370.291671,246.191667 369.425,246.075 C368.558329,245.958333 367.84167,245.9 367.275,245.9 L360.975,246.25 C360.008329,246.25 359.525,246.058335 359.525,245.675 C359.525,245.291665 360.116661,244.991668 361.3,244.775 C362.483339,244.558332 363.316664,244.175003 363.8,243.625 C364.283336,243.074997 364.525,242.183339 364.525,240.95 L364.525,218.45 C364.525,217.316661 364.283336,216.500002 363.8,216 C363.316664,215.499998 362.483339,215.141668 361.3,214.925 C360.116661,214.708332 359.525,214.366669 359.525,213.9 C359.525,213.533332 360.008329,213.35 360.975,213.35 L366.575,213.45 Z" id="letter17" class="svg-in-letter" transform="translate(375.950000, 229.750000) rotate(8.000000) translate(-375.950000, -229.750000) "></path></g>
</g>
</g>
</svg>
</div>
</a>
<script>
var listOfColors = ['#12CD55', '#2089DA', '#DE4D00'];
var currentColorIndex = 0;
var moveToNextColor = function () {
if (currentColorIndex == listOfColors.length - 1) {
currentColorIndex = 0;
} else {
currentColorIndex += 1;
}
};
window.setTimeout(function () {
document.getElementById('hero-image').style.opacity = 1;
window.setTimeout(function () {
window.setInterval(function () {
document.getElementsByTagName('body')[0].style.backgroundColor = listOfColors[currentColorIndex];
moveToNextColor();
}, 3000);
}, 800);
}, 200);
</script>
</body>
</html>