-
Notifications
You must be signed in to change notification settings - Fork 1
/
animation.html
305 lines (295 loc) · 26.4 KB
/
animation.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
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
<!doctype html>
<html>
<head>
<meta charset='utf-8'>
</head>
<body>
<svg id='art' width="1900px" height="800px" viewBox="0 0 1440 500" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sketch="http://www.bohemiancoding.com/sketch/ns">
<!-- Generator: Sketch 3.1 (8751) - http://www.bohemiancoding.com/sketch -->
<title>Group</title>
<desc>Created with Sketch.</desc>
<defs></defs>
<g id="Page-1" class="s1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="Artboard-1" sketch:type="MSArtboardGroup" stroke="#979797" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<rect id="Rectangle-1" sketch:type="MSShapeGroup" x="562" y="110" width="368.431473" height="258.152665" rx="10"></rect>
<path d="M951,278.153501 C951,278.153501 951,282.628396 951,288.151958 L951,398.155044 C951,403.67704 955.486624,408.153501 961.003701,408.153501 L1133.9963,408.153501 C1139.52119,408.153501 1144,403.681108 1144,398.154338 L1144,277.152665" id="Rectangle-2" sketch:type="MSShapeGroup" transform="translate(1047.500000, 342.653083) scale(1, -1) translate(-1047.500000, -342.653083) "></path>
<path d="M563,332 L929.000008,332" id="Line" sketch:type="MSShapeGroup"></path>
<g id="Line-+-Line-2" sketch:type="MSLayerGroup" transform="translate(1110.000000, 288.000000)">
<path d="M8.5,0.5 L23.0086184,15.0086184" id="Line" sketch:type="MSShapeGroup"></path>
<path d="M0.5,0.5 L24.0212669,24.0212669" id="Line" sketch:type="MSShapeGroup"></path>
</g>
<path d="M1135.01136,287 L959.000008,287" id="Line-3" sketch:type="MSShapeGroup"></path>
<path d="M705,368.5 L699.5,387.152174 C699.5,387.152174 697,396.195652 686.5,407.5" id="Path-10" sketch:type="MSShapeGroup"></path>
<path d="M803,368 L797.5,386.891304 C797.5,386.891304 795,396.050725 784.5,407.5" id="Path-11" sketch:type="MSShapeGroup" transform="translate(793.750000, 387.750000) scale(-1, 1) translate(-793.750000, -387.750000) "></path>
<path d="M736.5,121 L749.509612,121 C749.509612,121 753,121 753,123.5" id="Path-11" sketch:type="MSShapeGroup"></path>
<path d="M1041.5,398 L1054.50961,398 C1054.50961,398 1058,398 1058,400.5" id="Path-13" sketch:type="MSShapeGroup"></path>
<path d="M736.5,343.5 L752.507811,343.5 C752.507811,343.5 759.5,343.5 759.5,349.5 C759.5,355.5 753.744568,355.255432 753.744568,355.255432" id="Path-12" sketch:type="MSShapeGroup"></path>
<rect id="Rectangle-6" sketch:type="MSShapeGroup" x="647" y="408" width="193" height="7" rx="2"></rect>
<rect id="Rectangle-8" sketch:type="MSShapeGroup" transform="translate(387.000000, 409.000000) scale(-1, 1) translate(-387.000000, -409.000000) " x="347" y="403" width="80" height="12" rx="2"></rect>
<path d="M496.000002,381.85191 L496.000002,390.247917 C496.000002,390.247917 493.482219,405.263345 511.241409,405.263342 C529.0006,405.26334 605.178948,405.263342 605.178948,405.263342 C605.178948,405.263342 624.000084,404.398704 624,386.721346 C623.999951,376.43336 623.999997,372 623.999997,372" id="Path-24" sketch:type="MSShapeGroup"></path>
<rect id="Rectangle-7" sketch:type="MSShapeGroup" x="928" y="408" width="240" height="7" rx="2"></rect>
<g id="Group" sketch:type="MSLayerGroup" transform="translate(1171.000000, 277.000000)">
<rect id="Rectangle-3" sketch:type="MSShapeGroup" x="1" y="0" width="51" height="105" rx="8"></rect>
<g id="Line-+-Line" transform="translate(31.000000, 13.000000)" sketch:type="MSShapeGroup">
<path d="M9,0 L15.0086184,6.00861835" id="Line"></path>
<path d="M0,0 L15.0212669,15.0212669" id="Line"></path>
</g>
<path d="M0.876559496,13 L51.8765595,13" id="Line" sketch:type="MSShapeGroup"></path>
<path d="M0.876559496,90 L51.8765595,90" id="Line-4" sketch:type="MSShapeGroup"></path>
<path d="M19,7 L34.008331,7" id="Path-18" sketch:type="MSShapeGroup"></path>
</g>
<g id="Group" sketch:type="MSLayerGroup" transform="translate(360.500000, 293.000000)">
<rect id="Rectangle-3" sketch:type="MSShapeGroup" x="1" y="0" width="51" height="105" rx="8"></rect>
<circle id="Oval-1" sketch:type="MSShapeGroup" cx="26.5" cy="97.5" r="3.5"></circle>
<g id="Line-+-Line" transform="translate(31.000000, 13.000000)" sketch:type="MSShapeGroup">
<path d="M9,0 L15.0086184,6.00861835" id="Line"></path>
<path d="M0,0 L15.0212669,15.0212669" id="Line"></path>
</g>
<path d="M0.876559496,13 L51.8765595,13" id="Line" sketch:type="MSShapeGroup"></path>
<path d="M0.876559496,90 L51.8765595,90" id="Line-4" sketch:type="MSShapeGroup"></path>
<path d="M19,7 L34.008331,7" id="Path-18" sketch:type="MSShapeGroup"></path>
</g>
<g id="Group" sketch:type="MSLayerGroup" transform="translate(446.000000, 231.000000)">
<rect id="Rectangle-3" sketch:type="MSShapeGroup" x="0" y="0" width="98" height="150" rx="8"></rect>
<circle id="Oval-1" sketch:type="MSShapeGroup" cx="49.5" cy="142.5" r="3.5"></circle>
<g id="Line-+-Line" transform="translate(66.000000, 15.000000)" sketch:type="MSShapeGroup">
<path d="M8.5,0.5 L23.0086184,15.0086184" id="Line"></path>
<path d="M0.5,0.5 L24.0212669,24.0212669" id="Line"></path>
</g>
<path d="M1,14.5 L94,14.5" id="Line" sketch:type="MSShapeGroup"></path>
<path d="M4.5,134.5 L97,134.5" id="Line-2" sketch:type="MSShapeGroup"></path>
</g>
<path d="M418,394 L440.842536,394 C440.842536,394 445.693845,394.520027 448.725912,399.760013 C451.75798,405 457.822116,405.7833 457.822116,405.7833 L493.027709,405.7833" id="Path-25" sketch:type="MSShapeGroup"></path>
<path d="M1173.5,411.5 L1190.00757,411.5 C1190.00757,411.5 1197.5,410 1197.5,404 L1197.5,382" id="Path-26" sketch:type="MSShapeGroup"></path>
<rect id="Rectangle-9" sketch:type="MSShapeGroup" x="1191" y="372" width="12" height="5" rx="2"></rect>
<path d="M866.025627,407.204545 C866.025627,407.204545 864.571082,414.75 872.571082,414.75 C880.571082,414.75 893.234953,414.866916 901.633085,414.866916 C910.031217,414.866916 909.000001,406.5 909.000001,406.5 C909.000001,406.5 905.097675,395.000001 887.481139,395 C869.864603,394.999999 866.025627,407.204545 866.025627,407.204545 Z" id="Path-27" sketch:type="MSShapeGroup"></path>
</g>
</g>
<g id="Page-1" class="s2" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="Artboard-1" sketch:type="MSArtboardGroup" stroke="#979797" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<rect id="Rectangle-1" sketch:type="MSShapeGroup" x="562" y="110" width="368.431473" height="258.152665" rx="10"></rect>
<path d="M951,278.153501 C951,278.153501 951,282.628396 951,288.151958 L951,398.155044 C951,403.67704 955.486624,408.153501 961.003701,408.153501 L1133.9963,408.153501 C1139.52119,408.153501 1144,403.681108 1144,398.154338 L1144,277.152665" id="Rectangle-2" sketch:type="MSShapeGroup" transform="translate(1047.500000, 342.653083) scale(1, -1) translate(-1047.500000, -342.653083) "></path>
<path d="M563,332 L929.000008,332" id="Line" sketch:type="MSShapeGroup"></path>
<g id="Line-+-Line-2" sketch:type="MSLayerGroup" transform="translate(1110.000000, 288.000000)">
<path d="M8.5,0.5 L23.0086184,15.0086184" id="Line" sketch:type="MSShapeGroup"></path>
<path d="M0.5,0.5 L24.0212669,24.0212669" id="Line" sketch:type="MSShapeGroup"></path>
</g>
<path d="M1135.01136,287 L959.000008,287" id="Line-3" sketch:type="MSShapeGroup"></path>
<path d="M705,368.5 L699.5,387.152174 C699.5,387.152174 697,396.195652 686.5,407.5" id="Path-10" sketch:type="MSShapeGroup"></path>
<path d="M803,368 L797.5,386.891304 C797.5,386.891304 795,396.050725 784.5,407.5" id="Path-11" sketch:type="MSShapeGroup" transform="translate(793.750000, 387.750000) scale(-1, 1) translate(-793.750000, -387.750000) "></path>
<path d="M736.5,121 L749.509612,121 C749.509612,121 753,121 753,123.5" id="Path-11" sketch:type="MSShapeGroup"></path>
<path d="M1041.5,398 L1054.50961,398 C1054.50961,398 1058,398 1058,400.5" id="Path-13" sketch:type="MSShapeGroup"></path>
<path d="M736.5,343.5 L752.507811,343.5 C752.507811,343.5 759.5,343.5 759.5,349.5 C759.5,355.5 753.744568,355.255432 753.744568,355.255432" id="Path-12" sketch:type="MSShapeGroup"></path>
<rect id="Rectangle-6" sketch:type="MSShapeGroup" x="647" y="408" width="193" height="7" rx="2"></rect>
<rect id="Rectangle-8" sketch:type="MSShapeGroup" transform="translate(387.000000, 409.000000) scale(-1, 1) translate(-387.000000, -409.000000) " x="347" y="403" width="80" height="12" rx="2"></rect>
<path d="M496.000002,381.85191 L496.000002,390.247917 C496.000002,390.247917 493.482219,405.263345 511.241409,405.263342 C529.0006,405.26334 605.178948,405.263342 605.178948,405.263342 C605.178948,405.263342 624.000084,404.398704 624,386.721346 C623.999951,376.43336 623.999997,372 623.999997,372" id="Path-24" sketch:type="MSShapeGroup"></path>
<rect id="Rectangle-7" sketch:type="MSShapeGroup" x="928" y="408" width="240" height="7" rx="2"></rect>
<g id="Group" sketch:type="MSLayerGroup" transform="translate(1171.000000, 277.000000)">
<rect id="Rectangle-3" sketch:type="MSShapeGroup" x="1" y="0" width="51" height="105" rx="8"></rect>
<g id="Line-+-Line" transform="translate(31.000000, 13.000000)" sketch:type="MSShapeGroup">
<path d="M9,0 L15.0086184,6.00861835" id="Line"></path>
<path d="M0,0 L15.0212669,15.0212669" id="Line"></path>
</g>
<path d="M0.876559496,13 L51.8765595,13" id="Line" sketch:type="MSShapeGroup"></path>
<path d="M0.876559496,90 L51.8765595,90" id="Line-4" sketch:type="MSShapeGroup"></path>
<path d="M19,7 L34.008331,7" id="Path-18" sketch:type="MSShapeGroup"></path>
</g>
<g id="Group" sketch:type="MSLayerGroup" transform="translate(360.500000, 293.000000)">
<rect id="Rectangle-3" sketch:type="MSShapeGroup" x="1" y="0" width="51" height="105" rx="8"></rect>
<circle id="Oval-1" sketch:type="MSShapeGroup" cx="26.5" cy="97.5" r="3.5"></circle>
<g id="Line-+-Line" transform="translate(31.000000, 13.000000)" sketch:type="MSShapeGroup">
<path d="M9,0 L15.0086184,6.00861835" id="Line"></path>
<path d="M0,0 L15.0212669,15.0212669" id="Line"></path>
</g>
<path d="M0.876559496,13 L51.8765595,13" id="Line" sketch:type="MSShapeGroup"></path>
<path d="M0.876559496,90 L51.8765595,90" id="Line-4" sketch:type="MSShapeGroup"></path>
<path d="M19,7 L34.008331,7" id="Path-18" sketch:type="MSShapeGroup"></path>
</g>
<g id="Group" sketch:type="MSLayerGroup" transform="translate(446.000000, 231.000000)">
<rect id="Rectangle-3" sketch:type="MSShapeGroup" x="0" y="0" width="98" height="150" rx="8"></rect>
<circle id="Oval-1" sketch:type="MSShapeGroup" cx="49.5" cy="142.5" r="3.5"></circle>
<g id="Line-+-Line" transform="translate(66.000000, 15.000000)" sketch:type="MSShapeGroup">
<path d="M8.5,0.5 L23.0086184,15.0086184" id="Line"></path>
<path d="M0.5,0.5 L24.0212669,24.0212669" id="Line"></path>
</g>
<path d="M1,14.5 L94,14.5" id="Line" sketch:type="MSShapeGroup"></path>
<path d="M4.5,134.5 L97,134.5" id="Line-2" sketch:type="MSShapeGroup"></path>
</g>
<path d="M418,394 L440.842536,394 C440.842536,394 445.693845,394.520027 448.725912,399.760013 C451.75798,405 457.822116,405.7833 457.822116,405.7833 L493.027709,405.7833" id="Path-25" sketch:type="MSShapeGroup"></path>
<path d="M1173.5,411.5 L1190.00757,411.5 C1190.00757,411.5 1197.5,410 1197.5,404 L1197.5,382" id="Path-26" sketch:type="MSShapeGroup"></path>
<rect id="Rectangle-9" sketch:type="MSShapeGroup" x="1191" y="372" width="12" height="5" rx="2"></rect>
<path d="M866.025627,407.204545 C866.025627,407.204545 864.571082,414.75 872.571082,414.75 C880.571082,414.75 893.234953,414.866916 901.633085,414.866916 C910.031217,414.866916 909.000001,406.5 909.000001,406.5 C909.000001,406.5 905.097675,395.000001 887.481139,395 C869.864603,394.999999 866.025627,407.204545 866.025627,407.204545 Z" id="Path-27" sketch:type="MSShapeGroup"></path>
</g>
</g>
<g id="Page-1" class="s3" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="Artboard-1" sketch:type="MSArtboardGroup" stroke="#979797" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<rect id="Rectangle-1" sketch:type="MSShapeGroup" x="562" y="110" width="368.431473" height="258.152665" rx="10"></rect>
<path d="M951,278.153501 C951,278.153501 951,282.628396 951,288.151958 L951,398.155044 C951,403.67704 955.486624,408.153501 961.003701,408.153501 L1133.9963,408.153501 C1139.52119,408.153501 1144,403.681108 1144,398.154338 L1144,277.152665" id="Rectangle-2" sketch:type="MSShapeGroup" transform="translate(1047.500000, 342.653083) scale(1, -1) translate(-1047.500000, -342.653083) "></path>
<path d="M563,332 L929.000008,332" id="Line" sketch:type="MSShapeGroup"></path>
<g id="Line-+-Line-2" sketch:type="MSLayerGroup" transform="translate(1110.000000, 288.000000)">
<path d="M8.5,0.5 L23.0086184,15.0086184" id="Line" sketch:type="MSShapeGroup"></path>
<path d="M0.5,0.5 L24.0212669,24.0212669" id="Line" sketch:type="MSShapeGroup"></path>
</g>
<path d="M1135.01136,287 L959.000008,287" id="Line-3" sketch:type="MSShapeGroup"></path>
<path d="M705,368.5 L699.5,387.152174 C699.5,387.152174 697,396.195652 686.5,407.5" id="Path-10" sketch:type="MSShapeGroup"></path>
<path d="M803,368 L797.5,386.891304 C797.5,386.891304 795,396.050725 784.5,407.5" id="Path-11" sketch:type="MSShapeGroup" transform="translate(793.750000, 387.750000) scale(-1, 1) translate(-793.750000, -387.750000) "></path>
<path d="M736.5,121 L749.509612,121 C749.509612,121 753,121 753,123.5" id="Path-11" sketch:type="MSShapeGroup"></path>
<path d="M1041.5,398 L1054.50961,398 C1054.50961,398 1058,398 1058,400.5" id="Path-13" sketch:type="MSShapeGroup"></path>
<path d="M736.5,343.5 L752.507811,343.5 C752.507811,343.5 759.5,343.5 759.5,349.5 C759.5,355.5 753.744568,355.255432 753.744568,355.255432" id="Path-12" sketch:type="MSShapeGroup"></path>
<rect id="Rectangle-6" sketch:type="MSShapeGroup" x="647" y="408" width="193" height="7" rx="2"></rect>
<rect id="Rectangle-8" sketch:type="MSShapeGroup" transform="translate(387.000000, 409.000000) scale(-1, 1) translate(-387.000000, -409.000000) " x="347" y="403" width="80" height="12" rx="2"></rect>
<path d="M496.000002,381.85191 L496.000002,390.247917 C496.000002,390.247917 493.482219,405.263345 511.241409,405.263342 C529.0006,405.26334 605.178948,405.263342 605.178948,405.263342 C605.178948,405.263342 624.000084,404.398704 624,386.721346 C623.999951,376.43336 623.999997,372 623.999997,372" id="Path-24" sketch:type="MSShapeGroup"></path>
<rect id="Rectangle-7" sketch:type="MSShapeGroup" x="928" y="408" width="240" height="7" rx="2"></rect>
<g id="Group" sketch:type="MSLayerGroup" transform="translate(1171.000000, 277.000000)">
<rect id="Rectangle-3" sketch:type="MSShapeGroup" x="1" y="0" width="51" height="105" rx="8"></rect>
<g id="Line-+-Line" transform="translate(31.000000, 13.000000)" sketch:type="MSShapeGroup">
<path d="M9,0 L15.0086184,6.00861835" id="Line"></path>
<path d="M0,0 L15.0212669,15.0212669" id="Line"></path>
</g>
<path d="M0.876559496,13 L51.8765595,13" id="Line" sketch:type="MSShapeGroup"></path>
<path d="M0.876559496,90 L51.8765595,90" id="Line-4" sketch:type="MSShapeGroup"></path>
<path d="M19,7 L34.008331,7" id="Path-18" sketch:type="MSShapeGroup"></path>
</g>
<g id="Group" sketch:type="MSLayerGroup" transform="translate(360.500000, 293.000000)">
<rect id="Rectangle-3" sketch:type="MSShapeGroup" x="1" y="0" width="51" height="105" rx="8"></rect>
<circle id="Oval-1" sketch:type="MSShapeGroup" cx="26.5" cy="97.5" r="3.5"></circle>
<g id="Line-+-Line" transform="translate(31.000000, 13.000000)" sketch:type="MSShapeGroup">
<path d="M9,0 L15.0086184,6.00861835" id="Line"></path>
<path d="M0,0 L15.0212669,15.0212669" id="Line"></path>
</g>
<path d="M0.876559496,13 L51.8765595,13" id="Line" sketch:type="MSShapeGroup"></path>
<path d="M0.876559496,90 L51.8765595,90" id="Line-4" sketch:type="MSShapeGroup"></path>
<path d="M19,7 L34.008331,7" id="Path-18" sketch:type="MSShapeGroup"></path>
</g>
<g id="Group" sketch:type="MSLayerGroup" transform="translate(446.000000, 231.000000)">
<rect id="Rectangle-3" sketch:type="MSShapeGroup" x="0" y="0" width="98" height="150" rx="8"></rect>
<circle id="Oval-1" sketch:type="MSShapeGroup" cx="49.5" cy="142.5" r="3.5"></circle>
<g id="Line-+-Line" transform="translate(66.000000, 15.000000)" sketch:type="MSShapeGroup">
<path d="M8.5,0.5 L23.0086184,15.0086184" id="Line"></path>
<path d="M0.5,0.5 L24.0212669,24.0212669" id="Line"></path>
</g>
<path d="M1,14.5 L94,14.5" id="Line" sketch:type="MSShapeGroup"></path>
<path d="M4.5,134.5 L97,134.5" id="Line-2" sketch:type="MSShapeGroup"></path>
</g>
<path d="M418,394 L440.842536,394 C440.842536,394 445.693845,394.520027 448.725912,399.760013 C451.75798,405 457.822116,405.7833 457.822116,405.7833 L493.027709,405.7833" id="Path-25" sketch:type="MSShapeGroup"></path>
<path d="M1173.5,411.5 L1190.00757,411.5 C1190.00757,411.5 1197.5,410 1197.5,404 L1197.5,382" id="Path-26" sketch:type="MSShapeGroup"></path>
<rect id="Rectangle-9" sketch:type="MSShapeGroup" x="1191" y="372" width="12" height="5" rx="2"></rect>
<path d="M866.025627,407.204545 C866.025627,407.204545 864.571082,414.75 872.571082,414.75 C880.571082,414.75 893.234953,414.866916 901.633085,414.866916 C910.031217,414.866916 909.000001,406.5 909.000001,406.5 C909.000001,406.5 905.097675,395.000001 887.481139,395 C869.864603,394.999999 866.025627,407.204545 866.025627,407.204545 Z" id="Path-27" sketch:type="MSShapeGroup"></path>
</g>
</g>
<g id="Page-1" class="s4" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" sketch:type="MSPage">
<g id="Artboard-1" sketch:type="MSArtboardGroup" stroke="#979797" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<rect id="Rectangle-1" sketch:type="MSShapeGroup" x="562" y="110" width="368.431473" height="258.152665" rx="10"></rect>
<path d="M951,278.153501 C951,278.153501 951,282.628396 951,288.151958 L951,398.155044 C951,403.67704 955.486624,408.153501 961.003701,408.153501 L1133.9963,408.153501 C1139.52119,408.153501 1144,403.681108 1144,398.154338 L1144,277.152665" id="Rectangle-2" sketch:type="MSShapeGroup" transform="translate(1047.500000, 342.653083) scale(1, -1) translate(-1047.500000, -342.653083) "></path>
<path d="M563,332 L929.000008,332" id="Line" sketch:type="MSShapeGroup"></path>
<g id="Line-+-Line-2" sketch:type="MSLayerGroup" transform="translate(1110.000000, 288.000000)">
<path d="M8.5,0.5 L23.0086184,15.0086184" id="Line" sketch:type="MSShapeGroup"></path>
<path d="M0.5,0.5 L24.0212669,24.0212669" id="Line" sketch:type="MSShapeGroup"></path>
</g>
<path d="M1135.01136,287 L959.000008,287" id="Line-3" sketch:type="MSShapeGroup"></path>
<path d="M705,368.5 L699.5,387.152174 C699.5,387.152174 697,396.195652 686.5,407.5" id="Path-10" sketch:type="MSShapeGroup"></path>
<path d="M803,368 L797.5,386.891304 C797.5,386.891304 795,396.050725 784.5,407.5" id="Path-11" sketch:type="MSShapeGroup" transform="translate(793.750000, 387.750000) scale(-1, 1) translate(-793.750000, -387.750000) "></path>
<path d="M736.5,121 L749.509612,121 C749.509612,121 753,121 753,123.5" id="Path-11" sketch:type="MSShapeGroup"></path>
<path d="M1041.5,398 L1054.50961,398 C1054.50961,398 1058,398 1058,400.5" id="Path-13" sketch:type="MSShapeGroup"></path>
<path d="M736.5,343.5 L752.507811,343.5 C752.507811,343.5 759.5,343.5 759.5,349.5 C759.5,355.5 753.744568,355.255432 753.744568,355.255432" id="Path-12" sketch:type="MSShapeGroup"></path>
<rect id="Rectangle-6" sketch:type="MSShapeGroup" x="647" y="408" width="193" height="7" rx="2"></rect>
<rect id="Rectangle-8" sketch:type="MSShapeGroup" transform="translate(387.000000, 409.000000) scale(-1, 1) translate(-387.000000, -409.000000) " x="347" y="403" width="80" height="12" rx="2"></rect>
<path d="M496.000002,381.85191 L496.000002,390.247917 C496.000002,390.247917 493.482219,405.263345 511.241409,405.263342 C529.0006,405.26334 605.178948,405.263342 605.178948,405.263342 C605.178948,405.263342 624.000084,404.398704 624,386.721346 C623.999951,376.43336 623.999997,372 623.999997,372" id="Path-24" sketch:type="MSShapeGroup"></path>
<rect id="Rectangle-7" sketch:type="MSShapeGroup" x="928" y="408" width="240" height="7" rx="2"></rect>
<g id="Group" sketch:type="MSLayerGroup" transform="translate(1171.000000, 277.000000)">
<rect id="Rectangle-3" sketch:type="MSShapeGroup" x="1" y="0" width="51" height="105" rx="8"></rect>
<g id="Line-+-Line" transform="translate(31.000000, 13.000000)" sketch:type="MSShapeGroup">
<path d="M9,0 L15.0086184,6.00861835" id="Line"></path>
<path d="M0,0 L15.0212669,15.0212669" id="Line"></path>
</g>
<path d="M0.876559496,13 L51.8765595,13" id="Line" sketch:type="MSShapeGroup"></path>
<path d="M0.876559496,90 L51.8765595,90" id="Line-4" sketch:type="MSShapeGroup"></path>
<path d="M19,7 L34.008331,7" id="Path-18" sketch:type="MSShapeGroup"></path>
</g>
<g id="Group" sketch:type="MSLayerGroup" transform="translate(360.500000, 293.000000)">
<rect id="Rectangle-3" sketch:type="MSShapeGroup" x="1" y="0" width="51" height="105" rx="8"></rect>
<circle id="Oval-1" sketch:type="MSShapeGroup" cx="26.5" cy="97.5" r="3.5"></circle>
<g id="Line-+-Line" transform="translate(31.000000, 13.000000)" sketch:type="MSShapeGroup">
<path d="M9,0 L15.0086184,6.00861835" id="Line"></path>
<path d="M0,0 L15.0212669,15.0212669" id="Line"></path>
</g>
<path d="M0.876559496,13 L51.8765595,13" id="Line" sketch:type="MSShapeGroup"></path>
<path d="M0.876559496,90 L51.8765595,90" id="Line-4" sketch:type="MSShapeGroup"></path>
<path d="M19,7 L34.008331,7" id="Path-18" sketch:type="MSShapeGroup"></path>
</g>
<g id="Group" sketch:type="MSLayerGroup" transform="translate(446.000000, 231.000000)">
<rect id="Rectangle-3" sketch:type="MSShapeGroup" x="0" y="0" width="98" height="150" rx="8"></rect>
<circle id="Oval-1" sketch:type="MSShapeGroup" cx="49.5" cy="142.5" r="3.5"></circle>
<g id="Line-+-Line" transform="translate(66.000000, 15.000000)" sketch:type="MSShapeGroup">
<path d="M8.5,0.5 L23.0086184,15.0086184" id="Line"></path>
<path d="M0.5,0.5 L24.0212669,24.0212669" id="Line"></path>
</g>
<path d="M1,14.5 L94,14.5" id="Line" sketch:type="MSShapeGroup"></path>
<path d="M4.5,134.5 L97,134.5" id="Line-2" sketch:type="MSShapeGroup"></path>
</g>
<path d="M418,394 L440.842536,394 C440.842536,394 445.693845,394.520027 448.725912,399.760013 C451.75798,405 457.822116,405.7833 457.822116,405.7833 L493.027709,405.7833" id="Path-25" sketch:type="MSShapeGroup"></path>
<path d="M1173.5,411.5 L1190.00757,411.5 C1190.00757,411.5 1197.5,410 1197.5,404 L1197.5,382" id="Path-26" sketch:type="MSShapeGroup"></path>
<rect id="Rectangle-9" sketch:type="MSShapeGroup" x="1191" y="372" width="12" height="5" rx="2"></rect>
<path d="M866.025627,407.204545 C866.025627,407.204545 864.571082,414.75 872.571082,414.75 C880.571082,414.75 893.234953,414.866916 901.633085,414.866916 C910.031217,414.866916 909.000001,406.5 909.000001,406.5 C909.000001,406.5 905.097675,395.000001 887.481139,395 C869.864603,394.999999 866.025627,407.204545 866.025627,407.204545 Z" id="Path-27" sketch:type="MSShapeGroup"></path>
</g>
</g>
</svg>
<style>
#art rect, #art path, #art circle {
stroke: #eee;
stroke-width: 1px;
}
#art .s2 rect,
#art .s2 path,
#art .s2 circle {
stroke: #9AD3DB;
animation: lol 7000ms ease infinite normal;
}
#art .s3 rect,
#art .s3 path,
#art .s3 circle {
stroke: #d99292;
animation: lol 11000ms ease infinite normal;
}
#art .s4 rect,
#art .s4 path,
#art .s4 circle {
stroke: #789;
animation: lol 16000ms ease infinite normal;
}
#art {
position: absolute;
left: 0;
top: 0;
}
#art .s2,
#art .s3,
#art .s4 {
display: none;
}
#art:hover .s2,
#art:hover .s3,
#art:hover .s4 {
display: block;
}
#logo {
position: absolute;
left: 697px;
top: -60px;
width: 100px;
}
@keyframes lol {
0% {
stroke-dashoffset: 0%;
stroke-dasharray: 0% 100%;
}
40% {
stroke-dashoffset: 50%;
stroke-dasharray: 100% 0%;
}
100% {
stroke-dasharray: 0% 100%;
stroke-dashoffset: -100%;
}
}
</style>