-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathauthenticate.html
More file actions
446 lines (436 loc) 路 33.4 KB
/
Copy pathauthenticate.html
File metadata and controls
446 lines (436 loc) 路 33.4 KB
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
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
<!doctype html>
<html lang="sv">
<head>
<meta charset="utf-8">
<title>Eggup</title>
<meta name="description" content="Order breakfast eggs at the Silverspin office">
<meta name="author" content="Ljungmark">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<style>
/** Critical Rendering Path */
body {
background: url('assets/mesh.png') repeat;
color: #000000;
font-family: 'Roboto Slab', serif;
height: 100vh;
font-size: 1em;
margin: 0;
overflow: hidden;
text-align: center;
user-select: none;
}
body::after {
content: "";
background: linear-gradient(to right, #141e30, #243b55);
opacity: 0.8;
top: 0;
left: 0;
bottom: -60px; /** Compensate for Android address bar */
right: 0;
position: absolute;
z-index: -1;
}
.faq {
background: #ffffff;
bottom: 14px;
border-bottom: 3px solid #c3c3c3;
border-radius: 6px;
box-shadow: 0 7px 10px rgba(9, 13, 62, 0.3);
left: 14px;
overflow-y: auto;
padding: 20px 40px;
position: fixed;
right: 14px;
text-align: left;
top: 14px;
}
.faq::after {
content: "";
background: url('assets/mesh.png') repeat;
opacity: 0.8;
top: 0;
left: 0;
bottom: 0;
right: 0;
position: absolute;
z-index: -1;
}
.faq .-logo {
margin: 10px 0 20px;
text-align: center;
}
.faq .-logo .-image {
max-width: 200px;
width: 80%;
}
#login_crest {
animation: fill_login_crest 2s linear forwards;
fill: transparent;
stroke-dasharray: 1000;
stroke-dashoffset: 1000;
}
@keyframes fill_login_crest {
0% {
fill: transparent;
stroke-dashoffset: 1000;
}
80% {
fill: rgba(40, 57, 72, 0.0);
stroke-dashoffset: 500;
}
100% {
fill: rgba(40, 57, 72, 0.9);
stroke-dashoffset: 0;
}
}
.services {
display: grid;
grid-auto-flow: row;
grid-template-columns: 1fr;
justify-items: center;
}
.service {
padding: 4px 0 4px 10px;
}
.icon {
display: grid;
justify-self: center;
align-self: center;
margin-right: 10px;
width: 24px;
}
.graveyard {
display: none;
}
.-privacy-policy {
margin-top: 10px;
opacity: 0;
}
.-login {
border-radius: 2px;
color: #ffffff;
display: grid;
grid-template-columns: 30px 2px auto;
opacity: 0;
overflow: visible;
padding: 9px 18px 11px 18px;
position: relative;
text-align: center;
text-decoration: none;
white-space: nowrap;
zoom: 1;
width: fit-content;
}
.-login .divider {
border: 1px solid rgba(255, 255, 255, 0.06);
left: 0;
top: 0;
bottom: 0;
right: 0;
box-shadow: 1px 0px rgba(0, 0, 0, 0.06);
}
.-login.-facebook {
background: linear-gradient(#637bad, #5872a7);
border: 1px solid #999;
border-bottom-color: #888;
border-color: #29447e #29447e #1a356e;
box-shadow:
0 1px 0 rgba(0, 0, 0, 0.1),
inset 0 1px 0 #8a9cc2;
color: #ffffff;
margin: 30px 0 10px;
}
.-login.-facebook:active {
border-color: #29447E;
background: #4F6AA3;
box-shadow: none;
}
.-login.-okta {
background: linear-gradient(#0e8ed3, #007dc1);
border: 1px solid #999;
border-bottom-color: #888;
border-color: #29447e #29447e #1a356e;
box-shadow:
0 1px 0 rgba(0, 0, 0, 0.1),
inset 0 1px 0 #8a9cc2;
color: #ffffff;
margin: 30px 0 10px;
}
.-login.-okta:active {
border-color: #29447E;
background: #007dc1;
box-shadow: none;
}
.-login.-entra {
background: linear-gradient(#0e8ed3, #007dc1);
border: 1px solid #999;
border-bottom-color: #888;
border-color: #29447e #29447e #1a356e;
box-shadow:
0 1px 0 rgba(0, 0, 0, 0.1),
inset 0 1px 0 #8a9cc2;
color: #ffffff;
margin: 30px 0 10px;
}
.-login.-entra:active {
border-color: #29447E;
background: #007dc1;
box-shadow: none;
}
.-login.-google {
background: linear-gradient(#ef4b36, #dd4b39);
border: 1px solid #999;
border-bottom-color: #ff0000;
border-color: #c53927 #c53927 #801f13;
box-shadow:
0 1px 0 rgba(0, 0, 0, 0.2),
inset 0 1px 0 #ff8778;
color: #ffffff;
margin: 10px 0 10px;
}
.-login.-google:active {
background: #e04f3e;
box-shadow: none;
}
.-login.-twitter {
background: linear-gradient(#55acee, #4ca2e4);
border: 1px solid #999;
border-bottom-color: #888;
border-color: #1f77ba #1f77ba #1869a7;
box-shadow:
0 1px 0 rgba(0, 0, 0, 0.2),
inset 0 1px 0 #90b4ff;
color: #ffffff;
margin: 10px 0 10px;
}
.-login.-twitter:active {
background: #2795e9;
box-shadow: none;
}
.-login.-steam {
background: linear-gradient(-180deg, #55667d, #414e61);
border: 1px solid #999;
border-bottom-color: #888;
border-color: #5a6a80 #354e6f #262e3a;
box-shadow:
0 1px 0 rgba(0, 0, 0, 0.08),
inset 0 1px 0 #7c8490;
color: #ffffff;
margin: 10px 0 10px;
}
.-login.-steam:active {
background: #414e61;
box-shadow: none;
}
.-login.-github {
background: linear-gradient(-180deg, #eaeaea, #dedede);
border: 1px solid #999;
border-bottom-color: #888;
border-color: #b3b7bb #b3b7bb #9e9e9e;
box-shadow:
0 1px 0 rgba(0, 0, 0, 0.08),
inset 0 1px 0 #ffffff;
color: #24292e;
margin: 10px 0 10px;
}
.-login.-github:active {
background: #dedede;
box-shadow: none;
}
.-login.-reddit {
background: linear-gradient(-180deg, #ff6932, #ff4500);
border: 1px solid #999;
border-bottom-color: #888;
border-color: #ff6126 #c54212 #ab2e00;
box-shadow:
0 1px 0 rgba(0, 0, 0, 0.08),
inset 0 1px 0 #ffad8f;
color: #ffffff;
margin: 10px 0 10px;
}
.-login.-reddit:active {
background: #ff4500;
border-color: #8d1a00;
box-shadow: none;
}
.-login.-spotify {
background: linear-gradient(#1ed760, #1bcc5a);
border: 1px solid #999;
border-bottom-color: #888;
border-color: #0d8c3a #0d8c3a #086328;
box-shadow:
0 1px 0 rgba(0, 0, 0, 0.2),
inset 0 1px 0 #34ea74;
color: #ffffff;
margin: 10px 0 10px;
}
.-login.-spotify:active {
background: #15b54e;
box-shadow: none;
}
.-login.-linkedin {
background: linear-gradient(#0487cc, #0077b5);
border: 1px solid #999;
border-bottom-color: #888;
border-color: #006092 #006092 #005c8c;
box-shadow:
0 1px 0 rgba(0, 0, 0, 0.2),
inset 0 1px 0 #13aeff;
color: #ffffff;
margin: 10px 0 10px;
}
.-login.-linkedin:active {
background: #0072ad;
box-shadow: none;
}
.-login.-instagram {
background: linear-gradient(#fdbe58, #f9b342);
border: 1px solid #999;
border-bottom-color: #888;
border-color: #bd8833 #bd8833 #9a6f29;
box-shadow:
0 1px 0 rgba(0, 0, 0, 0.2),
inset 0 1px 0 #ffe0ae;
color: #24292e;
margin: 10px 0 10px;
}
.-login.-instagram:active {
background: #f9b342;
box-shadow: none;
}
._display {
animation: show 500ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
animation-fill-mode: forwards;
}
@keyframes show {
0% {
opacity: 0;
transform: translateY(50px);
}
100% {
opacity: 1;
transform: translateY(0);
}
}
._displaying {
opacity: 1;
}
@media only screen and (min-width: 960px) {
.faq {
bottom: 40px;
left: 40px;
right: 40px;
top: 40px;
}
}
</style>
<link href="https://fonts.googleapis.com/css?family=Roboto+Mono|Roboto+Slab" rel="stylesheet">
<link rel="apple-touch-icon" sizes="57x57" href="app/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="app/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="app/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="app/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="app/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="app/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="app/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="app/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="app/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="app/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="app/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="app/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="app/favicon-16x16.png">
<meta name="msapplication-TileColor" content="#454f5f">
<meta name="msapplication-TileImage" content="app/ms-icon-144x144.png">
<meta name="theme-color" content="#454f5f">
</head>
<body>
<div class="faq">
<div class="-logo">
<div>
<svg class="-image" xmlns="http://www.w3.org/2000/svg" width="273.3333" height="181.3333" version="1" viewBox="0 0 205.000000 136.000000">
<path id="login_crest" stroke="rgba(40, 57, 72, 0.8)" stroke-width="1" stroke-miterlimit="10" d="M8.2 5.2C7.1 6.5 5.6 8.8 5 10.4c-1.8 4.8-3.2 27.2-2.8 46.2.3 15.9.6 18.4 2.5 22.6 2.5 5.5 6.7 8.4 13.2 9.4 8.5 1.3 21.6-4.3 20.9-8.9-.4-3-4-3.4-7.5-.8-9.2 6.5-22.3.7-22.3-10V65h9.3c11.1 0 16.2-1.3 18.3-4.5 2.2-3.3 3-17.3 1.5-26.1-1.6-9.4-3.6-15.2-7.1-20.8C25.1 4.4 13.2 0 8.2 5.2zm15 8.5c4.5 4.8 6.4 8.5 8.3 16.5 1.9 8.2 2 22.8.1 25.3-1.2 1.7-3 2-12.6 2.3l-11.3.4.6-18.8c.5-17.8 1.5-25.2 3.9-28.2 2.1-2.6 7.2-1.4 11 2.5zM54.5 44.9c-9.8 4.5-14 15.2-9.6 24.6 2.5 5.4 6 8.4 12.1 10.5l5 1.7-5.8 1.2c-13 2.9-19.3 10-16.7 18.7 3.6 12 22 25.4 34.8 25.4 9.1 0 14.6-3.3 21.4-12.9.2-.3 2.2 1.4 4.6 3.6 9.2 8.9 22.4 15.1 29.9 13.9 18.2-2.9 26-22.6 14.9-37.5-2.9-3.9-11.1-8.1-15.8-8.1-5.2 0-4.5-1.4 1.8-3.4 6.6-2.1 11.9-7 11.9-11.2 0-9.6-18-24.4-29.8-24.4-8.2 0-16.1 6.1-18.3 14.2-2.8 10.7 4.5 21 16.8 23.6l3.8.9-5.3 1.1c-5.4 1.2-12.6 4.4-13.7 6.1-.3.5-2.7-1.1-5.3-3.7-3-3.1-6.3-5.2-9.2-6.1-2.5-.7-5.2-1.6-6-1.8-.9-.3.2-1 2.7-1.8 9.4-2.8 14.3-8.3 12.8-14.2-1.6-6.6-9.9-14.6-20-19.4-6.9-3.3-11.4-3.6-17-1zm18.8 7.4c6.6 4.3 12.6 10.4 13.4 13.6.8 3.1-3.8 7.5-9.4 9-6.6 1.9-18.3 1.4-22.1-.9-7-4.3-9.2-12.8-4.9-19.1 5.1-7.7 13.6-8.6 23-2.6zm48.8 2.2c6.3 3.2 14.5 11.1 15.4 14.8.6 2.2.2 3.4-1.5 5.2-3.4 3.6-8.4 4.9-18.5 5-10.5 0-13.1-1.3-16.6-8.3-2.9-5.8-2-10.4 3.1-15.4 3.3-3.3 4.4-3.8 8.4-3.8 3 0 6.4.9 9.7 2.5zM82 89.2c8.7 4.4 12 14.1 7.8 22.6-4.2 8.5-12.4 11.9-21.3 8.7-9.9-3.4-22.4-14.3-24-20.7-1.8-7.2 8.7-12.5 25-12.7 6.5-.1 8.9.3 12.5 2.1zm54.9 5.1c9.1 6 10.6 18.3 3.3 26.1-8.6 9.2-22.1 6.6-35.8-6.9-5.7-5.6-6.4-6.7-6.4-10.2 0-8.2 10.2-12.6 27.3-11.8 6.3.3 8.6.8 11.6 2.8zM165.7 47.7c-.4.3-.7 5.2-.7 10.7-.1 19.9-2.6 28.6-8.1 28.6-3.1 0-3.9-3.3-5-20.2-1.1-15.9-1.8-18.8-4.4-18.8-2.1 0-2.3 2-1.3 17.5 1.1 16.8 2 21.7 4.9 24.6 2.2 2.2 7.9 2.6 10.8.7 1.5-.9 2.2-.8 3.6.6 1.3 1.3 2 1.4 3.1.5 1.9-1.5 2.1-41.8.2-43.7-1.4-1.4-2.2-1.5-3.1-.5zM177.9 47.7c-1.3.3-1.7 3.1-2.2 18.5-.9 24.6-.8 38 .2 39.7 2 3.1 3.9.3 4.6-6.8l.7-7 5-1.1c2.8-.5 6.3-1.9 7.8-3 5.9-4.2 9.5-17.8 7.1-26.8-2.6-9.6-13.7-16.1-23.2-13.5zm14 8.8c3.9 3.3 5.5 8.4 4.8 15.2-.9 8.2-4.5 12.6-12 14.3l-3.4.7-.7-11.1c-.3-6.1-.6-13.5-.6-16.4V54h4.4c3.3 0 5.2.7 7.5 2.5z" />
</svg>
</div>
<div class="services">
<a class="-login -okta" href="/auth/okta">
<div class="icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><g fill-rule="evenodd" clip-rule="evenodd"><path fill="#ffffff" d="M128 352c53.023 0 96-42.977 96-96h32c0 70.688-57.309 128-128 128S0 326.688 0 256c0-70.691 57.309-128 128-128 31.398 0 60.141 11.344 82.406 30.117l-.039.059c3.414 2.93 5.625 7.215 5.625 12.082 0 8.824-7.156 16-16 16-3.859 0-7.371-1.434-10.145-3.723l-.039.059C173.109 168.516 151.562 160 128 160c-53.023 0-96 42.977-96 96s42.977 96 96 96z"/><path fill="#ffffff" d="M352 384c-8.844 0-16-7.156-16-16s7.156-16 16-16c53.023 0 96-42.977 96-96s-42.977-96-96-96-96 42.977-96 96h-32c0-70.691 57.312-128 128-128s128 57.309 128 128c0 70.688-57.312 128-128 128zm-64-48c8.844 0 16 7.156 16 16s-7.156 16-16 16-16-7.156-16-16 7.156-16 16-16z"/></g></svg></div>
<div class="divider"></div>
<div class="service">Okta</div>
</a>
<a class="-login -github" href="/auth/github">
<div class="icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#171515" fill-rule="evenodd" d="M192 368.004c0-8.844 7.156-16 16-16s16 7.156 16 16-7.156 16-16 16-16-7.156-16-16zM349.328 494.16c-4.266 1.219-8.672 2.094-13.328 2.094-26.516 0-48-21.484-48-48v-58.188c0-20.094 12.898-37.156 30.797-43.438C353.164 335.082 384 306.082 384 272.004V240c0-15.164-6.188-29.285-16-41.367V162.5c0-17.668-14.328-23.719-32-13.496l-24.516 14.176C303.633 161.145 295.703 160 288 160h-64c-7.699 0-15.633 1.145-23.484 3.18L176 149.004c-17.668-10.223-32-4.172-32 13.496v36.133c-9.812 12.082-16 26.203-16 41.367v32.004c0 23.281 14.488 44.188 34.578 58.812l-.02.031c4.172 2.859 6.945 7.688 6.945 13.156 0 8.828-7.176 16-16 16-4.52 0-8.574-1.891-11.48-4.906C115.004 334.629 96 305.035 96 272.004V240c0-18.523 6.012-35.977 16-51.375v-47.633c0-35.336 28.645-47.438 64-26.996l27.461 15.887C210.309 128.719 217.172 128 224 128h64c6.828 0 13.688.719 20.539 1.883L336 113.996c35.359-20.441 64-8.34 64 26.996v47.633c9.984 15.398 16 32.852 16 51.375v32.004c0 47.609-39.25 88.141-85.531 104.359-.055.047-.109.172-.188.188-6.016 2.312-10.281 8.125-10.281 14.953v56.75c0 8.844 7.156 16 16 16 1.336 0 2.562-.375 3.797-.688C421.969 430.41 480 350.066 480 256c0-123.715-100.281-224-224-224C132.285 32 32 132.285 32 256c0 97.41 62.254 180.066 149.121 210.895.445.047.852.234 1.316.234 5.277 0 9.562-4.297 9.562-9.562 0-5.281-4.285-9.562-9.562-9.562-.113 0-.113-.094-.191-.141-53.16-1.422-53.219-63.859-70.246-63.859-8.844 0-16-7.156-16-16s7.156-16 16-16h7.988c32.02 0 27.445 64 72.012 64 17.668 0 32 14.328 32 32v28c0 15.453-12.527 28-28.004 28-1.688 0-3.277-.344-4.887-.656C81.203 474.613 0 374.926 0 256 0 114.617 114.617 0 256 0s256 114.617 256 256c0 108.41-67.492 200.848-162.672 238.16z" clip-rule="evenodd"/></svg></div>
<div class="divider"></div>
<div class="service">Github</div>
</a>
<a class="-login -google" href="/auth/google">
<div class="icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#ffffff" fill-rule="evenodd" d="M400 32H272h-16c-53.008 0-95.992 35.812-95.992 79.992 0 31.828 22.336 59.203 54.625 72.102l-.055.109c5.547 2.508 9.422 8.055 9.422 14.547 0 8.828-7.164 16-16.008 16-2.836 0-5.453-.805-7.75-2.102C157.531 194.477 128 156.32 128 111.992 128 50.141 185.305 0 256 0h144c8.844 0 16 7.156 16 16 0 8.828-7.156 16-16 16zM191.992 312c0-8.844 7.18-16 16-16 8.844 0 16.008 7.156 16.008 16 0 8.828-7.164 16-16.008 16-8.82 0-16-7.172-16-16zm-48.117 7.625c8.703 0 15.758 7.047 15.758 15.75 0 6.023-3.445 11.195-8.414 13.828l.055.094C127.109 363.109 112 382.484 112 403.992c0 41.977 57.297 75.992 128 75.992 70.695 0 128-34.016 128-75.992 0-24.258-19.203-45.82-49-59.719-36.336-11.453-63-43.125-63-84.82 0-36.789 22.141-68.133 53.242-80.477l-.195-.32c25.867-14.336 42.945-38.836 42.945-66.664 0-9.148-1.938-17.898-5.328-26.078l.219-.094c-.703-1.812-1.133-3.766-1.133-5.828 0-8.828 7.156-16 16-16 7.93 0 14.461 5.773 15.734 13.359 4.109 10.93 6.516 22.516 6.516 34.641 0 39.453-23.359 74.07-58.594 94.023 0 0-5.148 2.203-11.156 5.797-4.016 2.398-7.789 5.398-11.195 9.023-20.219 21.469-20.219 56.273 0 77.742 5.078 5.383 10.945 9.422 17.188 12.094 7.25 3.102 12.859 5.617 12.859 5.617C373.539 335.875 400 367.805 400 403.992 400 463.641 328.367 512 240 512c-88.375 0-160-48.359-160-108.008 0-31.953 20.719-60.547 53.383-80.297 2.797-2.492 6.461-4.07 10.492-4.07z" clip-rule="evenodd"/></svg></div>
<div class="divider"></div>
<div class="service">Google</div>
</a>
<a class="-login -reddit" href="/auth/reddit">
<div class="icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#ffffff" fill-rule="evenodd" d="M311.992 165.258c1.727 0 3.375.348 4.922.852 35.555 7.176 67.453 20.461 93.484 38.168C420.969 196.578 433.922 192 448 192c35.336 0 64 28.645 64 64 0 23.93-13.148 44.758-32.578 55.734.195 2.758.578 5.477.578 8.266 0 88.359-100.305 160-224 160-123.711 0-224-71.641-224-160 0-2.789.391-5.508.586-8.266C13.148 300.758 0 279.93 0 256c0-35.355 28.648-64 64-64 14.062 0 27.039 4.578 37.609 12.277 32.734-22.305 74.859-37.449 121.773-42.34.172-.133.328-.309.617-.328 12.297-1.164 23.141-9.484 27.25-21.703l17.32-64.641c8.109-22.457 31.531-35.547 55.039-30.504l26.453 7.098c.023.02-.023.078.023.078C369.57 56.961 384 74.668 384 95.746c0 .039.023.059.023.098 0 .059-.023.098-.023.156 0 17.668 14.312 32 32 32 17.672 0 32-14.332 32-32 0-5.875-1.688-11.309-4.461-16.039l.117-.059c-1.336-2.348-2.172-5.023-2.172-7.914 0-8.824 7.18-15.996 16-15.996 5.859 0 10.898 3.16 13.695 7.852l.078-.039C476.781 73.27 480 84.246 480 96c0 35.355-28.664 64-64 64-35.352 0-64-28.645-64-64 0-5.934-3.758-10.938-9-12.918l-25.672-6.883c-8.055-1.844-16.141 2.715-18.719 10.551l-16.68 62.312c-7.68 24.551-28.836 41.348-53.078 44.371C135.719 202.258 64 255.477 64 320c0 70.688 85.953 128 192 128 106.031 0 192-57.312 192-128 0-58.359-58.625-107.48-138.703-122.898l.016-.117c-7.562-1.262-13.32-7.816-13.32-15.73-.001-8.841 7.155-15.997 15.999-15.997zM74.961 226.055C71.523 224.797 67.859 224 64 224c-17.688 0-32 14.332-32 32 0 8.227 3.18 15.648 8.305 21.336 7.25-18.719 19.078-36 34.656-51.281zm396.742 51.281C476.82 271.648 480 264.227 480 256c0-17.668-14.328-32-32-32-3.875 0-7.539.797-10.977 2.055 15.579 15.281 27.422 32.562 34.68 51.281zM305.125 288c0-17.047 13.812-30.875 30.875-30.875 17.047 0 30.859 13.828 30.859 30.875S353.047 318.875 336 318.875c-17.062 0-30.875-13.828-30.875-30.875zm-160 0c0-17.047 13.812-30.875 30.875-30.875 17.047 0 30.859 13.828 30.859 30.875S193.047 318.875 176 318.875c-17.062 0-30.875-13.828-30.875-30.875zm170.008 78.523l.039.023c2.914-3.938 7.547-6.539 12.82-6.539 8.844 0 16 7.156 16 16v.062c0 .172-.055.344-.055.523-.039.945-.117 1.898-.312 2.789C339.82 399.906 302.086 416 256 416c-44.953 0-81.883-15.344-87.172-35.125-.508-1.547-.836-3.156-.836-4.867 0-8.844 7.156-16 16-16 5.82 0 10.82 3.141 13.633 7.758l.156-.055C206.023 377.172 228.945 384 256 384c28.164 0 51.844-7.406 59.133-17.477zM416 64c-8.844 0-16-7.156-16-16s7.156-16 16-16c8.828 0 16 7.156 16 16s-7.172 16-16 16z" clip-rule="evenodd"/><path fill="#ffffff" fill="#24292e" d="M176 320c-17.688 0-32-14.336-32-32s14.312-32 32-32c17.672 0 32 14.336 32 32s-14.328 32-32 32zm160 0c-17.688 0-32-14.336-32-32s14.312-32 32-32c17.672 0 32 14.336 32 32s-14.328 32-32 32z"/></svg></div>
<div class="divider"></div>
<div class="service">Reddit</div>
</a>
<a class="-login -spotify" href="/auth/spotify">
<div class="icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#ffffff" fill-rule="evenodd" d="M500.555 246.359l-.211-.156c-2.906 3.957-7.562 6.555-12.836 6.555-8.844 0-16-7.156-16-16 0-3.336 1.023-6.438 2.773-8.996l-.172-.117c3.664-6.051 5.891-13.051 5.891-20.637 0-17.066-10.727-31.555-25.773-37.293C380.062 132.926 296.555 112 208 112c-49.375 0-97.164 6.609-142.703 18.695-1.547.27-3 .695-4.5 1.141l-8.469-30.699C101.898 87.465 154.062 80 208 80c96.062 0 186.625 23.328 266.57 64.445l.039-.078C496.891 156.605 512 180.285 512 207.512c0 14.312-4.227 27.636-11.445 38.847zM32 170.141c0 22.148 17.961 40.125 40.125 40.125 3.438 0 6.734-.562 9.914-1.375l.055.211c40.086-11.07 82.289-17.105 125.906-17.105 84.109 0 163.008 22.09 231.406 60.668l.062-.098c19.43 11.324 32.539 32.332 32.539 56.434 0 36.094-29.266 65.336-65.336 65.336-11.93 0-23.062-3.234-32.695-8.82l-.039.055c-50-28.93-108.008-45.555-169.93-45.555-43.812 0-85.664 8.383-124.141 23.508C70.633 346.859 64 355.625 64 366c0 13.266 10.742 24.008 24.008 24.008 3.18 0 6.227-.656 9-1.781l11.789 29.805c-6.359 2.484-13.227 3.977-20.461 3.977C57.211 422.008 32 396.781 32 365.672c0-23.703 14.68-43.906 35.414-52.211l11.484 29.031-11.508-29.086c42.398-16.352 88.438-25.414 136.617-25.414 67.297 0 130.438 17.656 185.266 48.336 5.164 3.375 11.289 5.352 17.898 5.352 18.141 0 32.836-14.703 32.836-32.828 0-12.242-6.766-22.797-16.695-28.438l.039-.078C359.68 244.516 286.258 224 208 224c-40.672 0-80 5.621-117.391 15.961l.016.055c-5.914 1.574-12.102 2.484-18.5 2.484C32.289 242.5 0 210.211 0 170.375c0-32.953 22.125-60.684 52.305-69.297l8.477 30.758C44.195 136.766 32 151.949 32 170.141zm0 93.867c8.844 0 16 7.156 16 16s-7.156 16-16 16-16-7.156-16-16 7.156-16 16-16zm172.008 104.008c53.156 0 102.922 14.336 145.836 39.141 5.938 2.328 10.164 8.086 10.164 14.852 0 8.844-7.172 16-16 16-2.93 0-5.602-.828-7.969-2.211l-.117.195c-38.672-22.828-83.766-35.977-131.914-35.977-33.609 0-65.688 6.438-95.188 18.055l-11.773-29.75c33.125-13.048 69.18-20.305 106.961-20.305zm195.992 48c8.844 0 16 7.156 16 16 0 8.828-7.156 16-16 16s-16-7.172-16-16c0-8.844 7.156-16 16-16z" clip-rule="evenodd"/></svg></div>
<div class="divider"></div>
<div class="service">Spotify</div>
</a>
<div class="graveyard">
<a class="-login -facebook" href="/auth/facebook">
<div class="icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#ffffff" fill-rule="evenodd" d="M448 512h-87.999c-22.094 0-39.999-17.922-39.999-40V360.001c0-22.094 17.905-39.999 39.999-39.999h12.922c8.32 0 16.844-6.656 19.062-15.031l8.484-31.953c2.484-9.312-2.812-17.023-11.852-17.023H360c-22.094 0-39.999-17.902-39.999-39.988v-16C320.001 177.905 337.906 160 360 160h24.008c8.82 0 16-7.156 16-16v-32.004c0-8.828-7.18-16.004-16-16.004H336c-44.187 0-79.991 35.828-79.991 80.011v40.004c0 22.085-17.922 39.988-40.003 39.988h-7.625c-9.039 0-16.379 7.711-16.379 17.023v31.953c0 8.375 6.746 15.031 15.07 15.031h8.934c22.082 0 40.003 17.905 40.003 39.999V472c0 22.078-17.922 40-40.003 40h-8c-8.844 0-16.004-7.172-16.004-16 0-8.844 7.16-16 16.004-16 8.824 0 16-7.172 16-16v-95.999c0-8.844-7.175-16-16-16H197.51c-20.719 0-37.511-16.578-37.511-37.577v-47.922c0-23.156 18.371-42.512 41.027-42.512h6.98c8.824 0 16-7.16 16-15.984v-40.004c0-57.441 46.559-103.995 103.995-103.995h64.008c22.086 0 39.984 17.902 39.984 39.988v48.004c0 22.085-17.898 40.003-39.984 40.003H352.001v16.004c0 8.824 7.156 15.984 16 15.984h29.969c22.672 0 37.398 19.355 33.062 42.512l-8.992 47.922c-3.93 20.999-23.82 37.577-44.539 37.577h-9.5c-8.844 0-16 7.156-16 16V464c0 8.828 7.156 16 16 16H448c17.672 0 32-14.328 32-32V64.007c0-17.688-14.328-32.003-32-32.003H64.007c-17.672 0-32.003 14.316-32.003 32.003V448c0 17.672 14.332 32 32.003 32h16c8.828 0 16.003 7.156 16.003 16 0 8.828-7.175 16-16.003 16h-16C28.668 512 0 483.344 0 448V64.007C0 28.648 28.668 0 64.007 0H448c35.359 0 64 28.648 64 64.007V448c0 35.344-28.641 64-64 64zm-304.001-32c8.844 0 16 7.156 16 16 0 8.828-7.156 16-16 16-8.828 0-16.004-7.172-16.004-16 0-8.844 7.176-16 16.004-16z" clip-rule="evenodd"/></svg></div>
<div class="divider"></div>
<div class="service">Facebook</div>
</a>
<a class="-login -twitter" href="/auth/twitter">
<div class="icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="#ffffff" fill-rule="evenodd" d="M512 107.867c0 7.031-2.203 13.527-5.977 18.836-10.062 15.051-23.727 25.977-37.367 37.422-2.797 2.707-4.57 6.387-4.805 10.531-1.523 69.156-27.141 148.246-72.78 200.512-54.586 62.49-129 104.881-215.078 104.881-8.824 0-16-7.172-16-16 0-8.844 7.176-16 16-16 158.555 0 244.944-138.6 255.007-256.924.469-1.652.758-3.785.758-6.816 0-1.008.016-2.012.07-2.996.789-13.796 6.961-26.156 16.43-35.019.469-.449.828-.859 1.172-1.273 11.555-11.375 22.211-24.668 30.461-37.152-11.719 5.258-24.078 9.238-36.922 11.93-2.148 0-3.961-1.812-3.961-4 0-1.094.445-2.098 1.164-2.816.031-.035-.109.016-.125.016 12.609-11.012 22.281-25.402 27.484-41.816-8.469 5.059-17.406 9.418-26.68 13.098-5.992 2.387-12.5 3.766-19.359 3.766-10.672 0-20.593-3.211-28.843-8.719-.32-.215-.648-.359-.969-.555-13.672-9.184-29.617-14.711-47.68-14.711l-1.883.34c-39.742 0-69.945 22.406-81.234 56.707-.317.147-3.551 14.406-3.875 16.453-2.996 19.121-19.535 33.742-39.504 33.742-2.168 0-4.305-.18-6.387-.539-52.472-9.812-99.847-32.504-135.207-69.406-.215-.18-.379-.234-.684-.539-4.68-4.684-12.27-4.684-16.969 0-1.094 1.113-1.938 2.367-2.531 3.73-.141.344-.23.344-.34.414-4.27 9.867-7.391 20.539-7.391 31.09 0 21.832 8.879 41.761 22.227 57.601 0 .02-.16-.07-.09 0 1.168 1.398 1.867 3.195 1.867 5.148 0 4.414-3.59 8-8.004 8-.879 0-1.703-.23-2.492-.5-.125-.055-.25-.109-.375-.16-.145.051-.305.125-.559 0-1.074-.539-2.277-.844-3.566-.844-4.344 0-7.859 3.516-7.969 7.82 4.164 28.469 21.637 53.676 45.227 68.458-.305-.031-.484-.031-.375.031 2.168 1.422 3.621 3.898 3.621 6.695 0 4.414-3.586 8-8 8-.09 0-.18-.016-.27-.016-.105-.023-.195-.055-.305-.07-.285-.039-.555-.094-.844-.125-2.152.109-3.84 1.812-3.84 3.961 0 .633.129 1.219.395 1.742 6.512 16.219 17.527 30.078 31.395 40.219.164.125.199.234.395.375 1.184.844 2.297 1.812 3.375 2.875 10.922 10.922 10.922 28.648 0 39.594-3.355 3.328-7.34 5.664-11.555 6.953-.035.016-.016 0-.055.016-16.395 5.203-33.762 8.219-52.203 8.219h-9.992c-2.207 0-4 1.797-4 4 0 1.297.645 2.375 1.578 3.094 6.586 3.906 13.332 7.727 20.344 11.281l-.016.016c4.715 2.639 7.965 7.623 7.965 13.436 0 8.523-6.906 15.43-15.43 15.43-3.48 0-6.672-1.203-9.258-3.141-11.211-5.867-22.082-12.148-32.414-18.836-12.59-8.142-17.938-23.986-12.879-38.197 4.594-12.992 16.703-19.086 30.105-19.086 5.953.719 17.902 0 24 0 12.289 0 22.355-2.531 33.996-5.344-17.473-14.82-30.965-34.555-38.266-57.57-1.812-5.727-1.992-11.734-.645-17.398-20.648-22.531-35.089-55.293-35.089-87.672.16-8.02 5.273-14.711 10.496-20.434-5.059-13.761-10.496-28.433-10.496-43.574 0-22.137 8.558-43.969 19.554-63.004 5.309-9.184 17.957-16.164 28.449-16.988 9.598 0 18.031 5.273 24.148 12.844 30.176 37.352 77.406 57.426 123.871 68.906.789.141 1.633.25 2.477.25 7.625 0 13.938-5.293 15.59-12.434C242.817 71.844 284.563 32 342.118 32c24.344 0 48.078 7.34 68.147 20.633 3.125 1.973 6.766 3.176 10.727 3.176 1.758 0 3.445-.289 5.039-.719 8.672-3.23 17.117-6.98 25.117-11.785 5.078-3.035 10.727-3.266 16.359-3.266 7.109 0 14.195 1.129 20.008 5.793 10.422 8.379 14.633 22.391 10.562 35.199 0 .035-.016.07-.016.105C506.477 86.984 512 96.781 512 107.867zM31.998 368.043c-1.258-.141 1.253 0 0 0zm32-311.984c-.825 0 .828-.075 0 0zm56.007 383.99c8.828 0 16.004 7.156 16.004 16 0 8.828-7.176 16-16.004 16-8.844 0-16-7.172-16-16 0-8.844 7.157-16 16-16z" clip-rule="evenodd"/></svg></div>
<div class="divider"></div>
<div class="service">Twitter</div>
</a>
<a class="-login -instagram" href="/auth/instagram">
<div class="icon"><svg viewBox="0 0 512 512" xmlns="http://www.w3.org/2000/svg"><path clip-rule="evenodd" d="M384.004 80.01v31.986c0 8.843 7.172 16 16 16h32.003c8.828 0 16.008 7.175 16.008 16.003 0 8.843-7.18 16.003-16.008 16.003h-40.002c-20.977 0-38.017-16.22-39.688-36.777-.086-1.078-.32-2.117-.32-3.23V80.01c0-8.847 7.18-16.003 16-16.003 8.844 0 16.008 7.157 16.008 16.004zM127.996 271.995c0-8.82 7.157-16 16-16 8.83 0 16 7.18 16 16 0 8.844-7.172 16.008-16 16.008-8.843 0-16-7.164-16-16.008zM256 384.01c-34.782 0-66.252-13.9-89.323-36.415-3.57-2.93-5.92-7.344-5.92-12.344 0-8.827 7.163-15.998 15.983-15.998 4.43 0 8.414 1.79 11.32 4.694l.056-.055C205.484 341.283 229.484 352 256 352c48.417 0 88.315-35.858 94.918-82.444l.125.016c1.383-8.648 9.406-14.656 18.102-13.398 8.743 1.273 14.806 9.383 13.548 18.14-.125.845-.36 1.642-.61 2.44-9.938 60.81-62.472 107.255-126.083 107.255zM496 288c-8.83 0-15.985-7.164-15.985-16.008 0-8.82 7.156-16 15.984-16 8.844 0 16 7.18 16 16 0 8.844-7.156 16.008-16 16.008zM416.004 512H95.995C42.985 512 0 469.023 0 415.993v-160c0-35.338 28.65-63.99 63.986-63.99h64.008c10.478 0 19.79-5.04 25.643-12.845.14-.18.32-.285.484-.43 23.353-30.8 60.237-50.734 101.88-50.734 41.634 0 78.524 19.934 101.877 50.734.164.145.344.25.484.43 5.853 7.805 15.166 12.844 25.643 12.844h64.01c17.664 0 32-14.332 32-32V96.01c0-35.358-28.664-64.006-64.01-64.006H95.996C60.65 32.004 32 60.652 32 96.01V144c0 8.843-7.17 16.003-16 16.003-8.843 0-16-7.16-16-16.004V96.01C0 42.985 42.986 0 95.996 0h320.01C469.015 0 512 42.984 512 96.01v63.993c0 35.34-28.65 64.003-63.986 64.003h-64.01c-20.923 0-39.486-10.042-51.166-25.562-.094-.125-.22-.145-.305-.25C315.04 175 287.305 160.004 256 160.004c-31.29 0-59.064 14.995-76.534 38.19-.094.105-.22.125-.305.25-11.664 15.52-30.242 25.562-51.165 25.562h-64.01C46.32 224.006 32 238.322 32 255.994v160C32 451.35 60.65 480 95.995 480h320.01c35.345 0 64.01-28.648 64.01-64.007V336c0-8.843 7.156-15.998 15.984-15.998 8.844 0 16 7.155 16 16v79.99c0 53.03-42.986 96.008-95.995 96.008z" fill="#24292e" fill-rule="evenodd"/></svg></div>
<div class="divider"></div>
<div class="service">Instagram</div>
</a>
<a class="-login -steam" href="/auth/steam">
<div class="icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="#ffffff" d="M17.5 11.001c-1.654 0-3-1.346-3-3s1.346-3 3-3 3 1.346 3 3-1.346 3-3 3zm0-5c-1.103 0-2 .897-2 2s.897 2 2 2 2-.897 2-2-.897-2-2-2zM7.498 20.003c-.446 0-.89-.101-1.304-.3-.248-.12-.353-.419-.232-.667.12-.249.42-.351.668-.233.481.233 1.024.264 1.528.088.505-.176.91-.538 1.143-1.018.479-.993.063-2.191-.931-2.671-.248-.12-.353-.419-.232-.668s.42-.352.668-.232c1.489.72 2.115 2.517 1.396 4.006-.349.722-.957 1.264-1.714 1.528-.324.111-.658.167-.99.167z"/><path fill="#ffffff" d="M7.5 22.001c-2.119 0-4.019-1.375-4.709-3.376l-1.949-.65C.638 17.908.5 17.717.5 17.501v-6c0-.17.086-.328.229-.42.143-.092.322-.105.478-.035l3.702 1.683c.957-.583 2.019-.848 3.227-.683L11.5 7.933c.037-3.277 2.715-5.932 6-5.932 3.309 0 6 2.691 6 6 0 3.121-2.404 5.717-5.501 5.973l-5.612 4.008c-.465 2.342-2.487 4.019-4.887 4.019zm-6-4.86l1.85.617c.156.052.277.178.322.337.489 1.711 2.063 2.907 3.828 2.907 1.976 0 3.631-1.423 3.936-3.384.021-.133.094-.252.203-.33l5.894-4.209c.077-.055.168-.087.262-.092 2.639-.154 4.706-2.344 4.706-4.985 0-2.757-2.243-5-5-5s-5 2.243-5 5c0 .115-.035.332-.108.421l-3.665 4.48c-.115.142-.297.21-.479.175-.271-.051-.516-.076-.747-.076-.811 0-1.594.245-2.265.708-.145.1-.331.117-.491.043L1.5 12.278v4.863z"/></svg></div>
<div class="divider"></div>
<div class="service">Steam</div>
</a>
<a class="-login -linkedin" href="/auth/linkedin">
<div class="icon"><svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><title/><path fill="#ffffff" d="M42.057 20a12.6 12.6 0 0 0-6.024 1.554A3.98 3.98 0 0 0 34 21h-8a3.974 3.974 0 0 0-2.984 1.36c-.05-.057-.09-.123-.145-.178s-.15-.12-.222-.184A9.045 9.045 0 0 0 25 15.808 9 9 0 0 0 7 16a2 2 0 0 0 4-.043 5.01 5.01 0 0 1 4.947-5.057 4.838 4.838 0 0 1 3.548 1.43 5.016 5.016 0 0 1-3.44 8.592 1.94 1.94 0 0 0-.493.075H12a4.015 4.015 0 0 0-4 4.017V52a4 4 0 0 0 4 4h8a3.972 3.972 0 0 0 3-1.385A3.966 3.966 0 0 0 26 56h8a4.015 4.015 0 0 0 4-4.017v-14.93a1 1 0 1 1 2-.04v14.97a4 4 0 0 0 3.992 4L52 56a4 4 0 0 0 4-4V37.36C56 25.84 51.31 20 42.057 20zM20 52h-8V25h8.04zm32 0l-8-.017v-12.97c0-3.09-.747-7.013-5-7.013-4.31 0-5 3.315-5 6.793V52h-8V25h8v3.963A9.52 9.52 0 0 1 42.057 24C50.45 24 52 30.177 52 37.36z"/></svg></div>
<div class="divider"></div>
<div class="service">LinkedIn</div>
</a>
<a class="-login -entra" href="/auth/entra">
<div class="icon"><svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><title/><path fill="#ffffff" d="M42.057 20a12.6 12.6 0 0 0-6.024 1.554A3.98 3.98 0 0 0 34 21h-8a3.974 3.974 0 0 0-2.984 1.36c-.05-.057-.09-.123-.145-.178s-.15-.12-.222-.184A9.045 9.045 0 0 0 25 15.808 9 9 0 0 0 7 16a2 2 0 0 0 4-.043 5.01 5.01 0 0 1 4.947-5.057 4.838 4.838 0 0 1 3.548 1.43 5.016 5.016 0 0 1-3.44 8.592 1.94 1.94 0 0 0-.493.075H12a4.015 4.015 0 0 0-4 4.017V52a4 4 0 0 0 4 4h8a3.972 3.972 0 0 0 3-1.385A3.966 3.966 0 0 0 26 56h8a4.015 4.015 0 0 0 4-4.017v-14.93a1 1 0 1 1 2-.04v14.97a4 4 0 0 0 3.992 4L52 56a4 4 0 0 0 4-4V37.36C56 25.84 51.31 20 42.057 20zM20 52h-8V25h8.04zm32 0l-8-.017v-12.97c0-3.09-.747-7.013-5-7.013-4.31 0-5 3.315-5 6.793V52h-8V25h8v3.963A9.52 9.52 0 0 1 42.057 24C50.45 24 52 30.177 52 37.36z"/></svg></div>
<div class="divider"></div>
<div class="service">Entra</div>
</a>
</div>
<!-- <div class="-privacy-policy">
<a href="https://github.com/ljungmark/eggup-node/blob/master/docs/PRIVACY.markdown">Privacy Policy</a>
</div> -->
</div>
</div>
<script>
let timer = 0;
document.querySelectorAll('.-login, .-privacy-policy').forEach(element => {
timer += 20;
setTimeout(_ => {
element.classList.add('_display');
element.addEventListener('webkitAnimationEnd', function(e) {
e.target.removeEventListener(e.type, arguments.callee);
element.classList.add('_displaying');
element.classList.remove('_display');
});
}, timer);
});
/** Update .faq::after CSSOM on scroll */
document.querySelector('.faq').addEventListener('scroll', _ => {
document.styleSheets[0].rules[3].style.bottom = `-${document.querySelector('.faq').scrollTop}px`;
});
</script>
</div>
</body>
</html>