-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
478 lines (392 loc) · 174 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
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
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8"><link rel="manifest" href="/manifest.json">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>SNIPD - Generate Images of Ethereum & Handshake dWebsites</title>
<meta name="description" content="SNIPD makes it easy to generate images of Ethereum & Handshake websites. Enter the name or URL and click "generate image". It's that simple.">
<link rel="icon" type="image/x-icon" href="https://softr-prod.imgix.net/applications/b2a6f3a7-49da-495e-9d80-df7db7021cf8/assets/84f6962b-4c5b-4391-81d7-0988d26e44f1.ico?rnd=1650089269710" />
<link rel="canonical" href="https://snipd/" />
<link href="https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i&display=swap" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/css/bootstrap.min.css" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.14.0/css/all.css" rel="stylesheet">
<style type="text/css">
html {
scroll-behavior: smooth;
font-size: 16px;
overflow-x: hidden;
}
body {
overflow-x: hidden;
}
.container {
max-width: 100%;
}
@media (min-width: 576px) {
.container {
max-width: 540px;
}
}
@media (max-width: 576px) {
.navbar-brand img {
max-width: 15rem!important;
}
}
@media (min-width: 768px) {
.container {
max-width: 720px;
}
}
@media (min-width: 992px) {
.container {
max-width: 960px;
}
}
@media (min-width: 1200px) {
.container {
max-width: 1140px;
}
}
p, h1, h2, h3, h4, h5, small { white-space: pre-line; }
@media screen and (max-width: 768px) {
input, select, textarea {
font-size: 16px !important;
}
}
h1.sw-font-family-default,
h2.sw-font-family-default {
font-family: "Poppins";
}
h1.sw-font-weight-default,
h2.sw-font-weight-default {
font-weight: 600;
}
h1.sw-text-color-default,
h2.sw-text-color-default {
color: #2b2a35;
}
section.sw-font-family-default,
header.sw-font-family-default,
nav.sw-font-family-default,
footer.sw-font-family-default,
div.sw-font-family-default,
span.sw-font-family-default,
small.sw-font-family-default,
pre.sw-font-family-default,
p.sw-font-family-default,
b.sw-font-family-default,
li.sw-font-family-default,
ul.sw-font-family-default,
a.sw-font-family-default,
h3.sw-font-family-default,
h4.sw-font-family-default,
h5.sw-font-family-default,
h6.sw-font-family-default {
font-family: "Poppins";
}
span.sw-font-weight-default,
li.sw-font-weight-default span,
small.sw-font-weight-default,
li.sw-font-weight-default small,
pre.sw-font-weight-default,
p.sw-font-weight-default,
h3.sw-font-weight-default,
h4.sw-font-weight-default,
h5.sw-font-weight-default,
h6.sw-font-weight-default {
font-weight: 300;
}
span.sw-text-color-default,
li.sw-text-color-default span,
small.sw-text-color-default,
li.sw-text-color-default small,
pre.sw-text-color-default,
p.sw-text-color-default,
div.sw-text-color-default,
h3.sw-text-color-default,
h4.sw-text-color-default,
h5.sw-text-color-default,
h6.sw-text-color-default {
color: #626272;
}
input.sw-font-family-default,
textarea.sw-font-family-default {
font-family: "Poppins";
}
input.sw-font-weight-default,
textarea.sw-font-weight-default {
font-weight: 300;
}
.sw-font-family-default::-webkit-input-placeholder,
.sw-font-family-default::-moz-placeholder,
.sw-font-family-default:-ms-input-placeholder,
.sw-font-family-default:-moz-placeholder {
font-family: "Poppins";
}
.sw-font-family-default::-webkit-input-placeholder,
.sw-font-family-default::-moz-placeholder,
.sw-font-family-default:-ms-input-placeholder,
.sw-font-family-default:-moz-placeholder {
font-weight: 300;
}
.sw-text-color-default[data-element='button'] {
color: #ffffff;
}
.sw-background-color-default[data-element='button'] {
background-color: #3349c0;
}
.sw-border-radius-default[data-element='button'] {
border-radius: .5rem;
}
.sw-font-size-m { font-size: 1rem!important; } .sw-text-color-000000 { color: #000000!important; } .sw-font-family-default { } .sw-font-weight-semibold { font-weight: 600!important; } .sw-letter-spacing-normal { letter-spacing: 0rem!important; } .sw-display-block { display: block!important; } .sw-padding-top-6xs { padding-top: 0.5rem!important; } .sw-padding-bottom-6xs { padding-bottom: 0.5rem!important; } .sw-padding-left-6xs { padding-left: 0.5rem!important; } .sw-padding-right-xs { padding-right: 2rem!important; } @media (hover: hover) { .hover\:sw-text-decoration-no-underline:hover { text-decoration: none!important; } } .sw-font-size-s { font-size: 0.875rem!important; } .sw-font-weight-normal { font-weight: 400!important; } .sw-display-flex { display: flex!important; } .sw-padding-top-7xs { padding-top: 0.25rem!important; } .sw-padding-bottom-7xs { padding-bottom: 0.25rem!important; } .sw-padding-left-7xs { padding-left: 0.25rem!important; } .sw-padding-right-7xs { padding-right: 0.25rem!important; } .active\:sw-background-color-transparent:active { background-color: transparent!important; } .sw-text-color-13324b { color: #13324b!important; } .sw-width-11xs { width: 2rem!important; } .sw-margin-right-7xs { margin-right: 0.25rem!important; } .sw-margin-left-7xs { margin-left: 0.25rem!important; } .sw-text-align-left { text-align: left!important; } .sw-text-color-default { } .sw-border-radius-full { border-radius: 9999rem!important; } .sw-background-color-default { } .sw-padding-left-2xs { padding-left: 1.5rem!important; } .sw-padding-right-2xs { padding-right: 1.5rem!important; } .sw-border-color-2977c9 { border-color: #2977c9!important; } .sw-border-style-solid { border-style: solid!important; } .sw-border-width-xs { border-width: 1px!important; } .sw-text-decoration-no-underline { text-decoration: none!important; } @media (hover: hover) { .hover\:sw-box-shadow-m:hover { box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)!important; } } @media (min-width: 768px) { .m\:sw-margin-left-6xs { margin-left: 0.5rem!important; } } .sw-background-color-ffffff { background-color: #ffffff!important; } .sw-border-top-style-none { border-top-style: none!important; } .sw-border-top-width-xs { border-top-width: 1px!important; } .sw-border-top-color-000000 { border-top-color: #000000!important; } .sw-border-bottom-style-none { border-bottom-style: none!important; } .sw-border-bottom-width-xs { border-bottom-width: 1px!important; } .sw-border-bottom-color-000000 { border-bottom-color: #000000!important; } .sw-width-5xs { width: 8rem!important; } .sw-text-color-ffffff { color: #ffffff!important; } .sw-border-radius-l { border-radius: 0.5rem!important; } .sw-background-color-3349c0 { background-color: #3349c0!important; } .sw-padding-left-xs { padding-left: 2rem!important; } .sw-padding-top-5xs { padding-top: 0.75rem!important; } .sw-padding-bottom-5xs { padding-bottom: 0.75rem!important; } .sw-background-color-9ea5b4 { background-color: #9ea5b4!important; } .sw-border-color-9ea5b4 { border-color: #9ea5b4!important; } .sw-background-attachment-scroll { background-attachment: scroll!important; } .sw-background-repeat-no-repeat { background-repeat: no-repeat!important; } .sw-background-position-center { background-position: center!important; } .sw-background-size-cover { background-size: cover!important; } .home_header2-fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; box-shadow: 0 1px 7px rgba(0, 0, 0, 0.1); } #home_header2 .navbar-nav .dropdown-menu { border: 0; box-shadow: 0 1px 3px #00000014, 0 10px 40px -10px #00000059; min-width: 180px; } #home_header2.navbar-light .profile-dropdown-toggle { background-color: #88898b !important; color: #ffffff!important; } #home_header2.navbar-dark .profile-dropdown-toggle { background-color: #d7d8dd !important; color: #302e2e!important; } #home_header2 .navbar-nav .profile-letters { background-image: none!important; text-transform: uppercase; font-weight: 400; } #home_header2 .profile-dropdown-toggle:hover { box-shadow: 0 0 0 3px rgba(222, 235, 255, .9); transition: all .3s ease-in-out; } #home_header2 .navbar-nav .links-dropdown a { padding-left: 1.5rem !important; } #home_header2 .toggle-button{ display: none; } #home_header2 .mob-menu-header{ padding: 8px 24px; display: flex; justify-content: space-between; } #home_header2 .mob-menu-body{ height: 90%; position: relative; } #home_header2 .navigation-section{ padding: 10px 24px; } #home_header2 .navigation-section p a{ width: 100%; } #home_header2 .buttons-section{ margin: 24px; display: flex; justify-content: flex-start; } #home_header2 .arrow { position: absolute; right: 15px; top: 5px; display: inline-block; width: 8px; height: 8px; border-left: 2px solid #29394c; border-top: 2px solid #29394c; transform: rotate(225deg); transition: .2s linear; margin-top: 10px; } #home_header2 .link{ background: #f5f5f5; padding: 3px 10px; } #home_header2 .collapsed.link{ background: none; } #home_header2 .collapsed .arrow { transform: rotate(135deg); } #home_header2 .buttons-section button{ margin-left: 0!important; } #home_header2 .navbar-close i{ font-size: 24px; margin-top: 10px; margin-right: 3px; cursor: pointer; } #home_header2 .mob-menu-content{ display: none; } #home_header2 .nav-link.dropdown-toggle{ border-radius: 50%; width: 24px; height: 24px; text-align: center; line-height: 10px; display: flex; align-items: center; justify-content: center; } #home_header2 .nav-link.dropdown-toggle i{ position: relative; left: 0; top: 0; } #home_header2 .dropdown-menu-profile { left: -148px; top: 25px; border-radius: 0; box-shadow: 0 1px 3px #00000014, 0 10px 40px -10px #00000059; border: 0; } #home_header2 .dropdown-menu-profile a{ text-decoration: none; border-bottom: 1px solid rgba(0,0,0,.15); padding: 6px 12px; } #home_header2 .dropdown-menu{ min-width: 11rem!important; } #home_header2 .nav-link.dropdown-toggle:after{ display: none; } #home_header2 .mob-menu-body .dropdown-menu-profile { border-top: 1px solid #dedede; } #home_header2 .navbar-nav .dropdown-menu-profile a:hover{ box-shadow: 0 1px 3px #00000014, 0 4px 5px -5px #00000059; } @media (max-width: 992px) { #home_header2 .buttons-section{ margin-left: 24px; margin-right: 0; display: inline-block; } #home_header2 .buttons-section a{ margin-right: 10px; margin-bottom: 16px; } #home_header2 .desktop-menu{ display: none; } #home_header2 .dropdown-menu-profile { box-shadow: none; } #home_header2 .dropdown-menu-profile a{ border: 0; } #home_header2 .toggle-button{ display: block; } #home_header2 .mob-menu-content{ display: block; position: fixed; z-index: 5; width: 100%; height: 100%; opacity: 0; top:0; left: 0; background: #fff; -webkit-transition: ease-in all 0.5s; transition: ease-in all 0.5s; -webkit-transform: translateX(200%); -ms-transform: translateX(200%); transform: translateX(200%); overflow-y: auto; } #home_header2 .mob-menu-content.show{ display: block; opacity: 1; /*left: 0;*/ -webkit-transition: ease-in all 0.5s; transition: ease-in all 0.5s; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); } } .navbar-dark .navbar-toggler-icon { cursor: pointer; background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 1.0)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important; } .navbar-light .navbar-toggler-icon { cursor: pointer; background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(0, 0, 0, 1.0)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important; }
.sw-font-size-m { font-size: 1rem!important; } .sw-text-color-default { } .sw-font-family-default { } .sw-font-weight-semibold { font-weight: 600!important; } .sw-border-radius-full { border-radius: 9999rem!important; } .sw-background-color-default { } .sw-padding-left-s { padding-left: 2.5rem!important; } .sw-padding-right-s { padding-right: 2.5rem!important; } .sw-padding-top-5xs { padding-top: 0.75rem!important; } .sw-padding-bottom-5xs { padding-bottom: 0.75rem!important; } .sw-border-style-none { border-style: none!important; } .sw-border-width-xs { border-width: 1px!important; } .sw-border-color-000000 { border-color: #000000!important; } .sw-letter-spacing-normal { letter-spacing: 0rem!important; } .sw-text-decoration-no-underline { text-decoration: none!important; } @media (hover: hover) { .hover\:sw-text-decoration-no-underline:hover { text-decoration: none!important; } } @media (hover: hover) { .hover\:sw-box-shadow-m:hover { box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)!important; } } .sw-margin-bottom-6xs { margin-bottom: 0.5rem!important; } .sw-margin-right-5xs { margin-right: 0.75rem!important; } .sw-display-inline-block { display: inline-block!important; } .sw-background-color-ffffff { background-color: #ffffff!important; } .sw-padding-bottom-none { padding-bottom: 0rem!important; } .sw-border-top-style-none { border-top-style: none!important; } .sw-border-top-width-xs { border-top-width: 1px!important; } .sw-border-top-color-000000 { border-top-color: #000000!important; } .sw-border-bottom-style-none { border-bottom-style: none!important; } .sw-border-bottom-width-xs { border-bottom-width: 1px!important; } .sw-border-bottom-color-000000 { border-bottom-color: #000000!important; } .sw-font-size-6xl { font-size: 4rem!important; } .sw-text-color-3349c0 { color: #3349c0!important; } .sw-font-weight-bold { font-weight: 700!important; } .sw-padding-top-4xs { padding-top: 1rem!important; } .sw-padding-bottom-4xs { padding-bottom: 1rem!important; } .sw-line-height-tight { line-height: 1.25!important; } .sw-font-size-l { font-size: 1.125rem!important; } .sw-font-weight-default { } .sw-padding-top-none { padding-top: 0rem!important; } .sw-padding-bottom-3xs { padding-bottom: 1.25rem!important; } .sw-line-height-loose { line-height: 2!important; } .sw-percentage-width-full { width: 100%!important; } .sw-border-radius-m { border-radius: 0.25rem!important; } .sw-background-repeat-no-repeat { background-repeat: no-repeat!important; } .sw-background-size-cover { background-size: cover!important; } .sw-background-position-center { background-position: center!important; } .sw-background-attachment-scroll { background-attachment: scroll!important; }
.sw-font-size-m { font-size: 1rem!important; } .sw-text-color-default { } .sw-font-family-default { } .sw-font-weight-semibold { font-weight: 600!important; } .sw-border-radius-default { } .sw-background-color-default { } @media (hover: hover) { .hover\:sw-background-color-default:hover { } } @media (hover: hover) { .hover\:sw-box-shadow-s:hover { box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)!important; } } .sw-padding-left-xs { padding-left: 2rem!important; } .sw-padding-right-xs { padding-right: 2rem!important; } .sw-padding-top-5xs { padding-top: 0.75rem!important; } .sw-padding-bottom-5xs { padding-bottom: 0.75rem!important; } .sw-margin-top-6xs { margin-top: 0.5rem!important; } .sw-margin-bottom-6xs { margin-bottom: 0.5rem!important; } .sw-border-style-none { border-style: none!important; } .sw-border-width-xs { border-width: 1px!important; } .sw-border-color-000000 { border-color: #000000!important; } .sw-letter-spacing-normal { letter-spacing: 0rem!important; } .sw-text-decoration-no-underline { text-decoration: none!important; } @media (hover: hover) { .hover\:sw-text-decoration-no-underline:hover { text-decoration: none!important; } } .sw-width-full { width: 100%!important; } .sw-display-inline-block { display: inline-block!important; } .sw-background-color-FAFAFC { background-color: #FAFAFC!important; } @media (hover: hover) { .hover\:sw-background-color-FAFAFC:hover { background-color: #FAFAFC!important; } } .sw-font-size-s { font-size: 0.875rem!important; } .sw-text-color-212121 { color: #212121!important; } .sw-border-radius-l { border-radius: 0.5rem!important; } .sw-border-style-solid { border-style: solid!important; } .sw-border-color-F0F0F4 { border-color: #F0F0F4!important; } @media (hover: hover) { .hover\:sw-border-style-solid:hover { border-style: solid!important; } } @media (hover: hover) { .hover\:sw-border-width-xs:hover { border-width: 1px!important; } } @media (hover: hover) { .hover\:sw-border-color-AEAEB5:hover { border-color: #AEAEB5!important; } } .sw-box-shadow-none { box-shadow: none!important; } .sw-padding-left-5xs { padding-left: 0.75rem!important; } .sw-padding-right-5xs { padding-right: 0.75rem!important; } .sw-outline-none { outline: none!important; } .sw-font-size-2xl { font-size: 1.5rem!important; } .sw-text-color-f0cc57 { color: #f0cc57!important; } .sw-display-inline-flex { display: inline-flex!important; } .sw-background-color-ffffff { background-color: #ffffff!important; } .sw-padding-top-2xs { padding-top: 1.5rem!important; } .sw-padding-bottom-xl { padding-bottom: 5rem!important; } .sw-border-top-style-none { border-top-style: none!important; } .sw-border-top-width-xs { border-top-width: 1px!important; } .sw-border-top-color-000000 { border-top-color: #000000!important; } .sw-border-bottom-style-none { border-bottom-style: none!important; } .sw-border-bottom-width-xs { border-bottom-width: 1px!important; } .sw-border-bottom-color-000000 { border-bottom-color: #000000!important; } .sw-font-size-l { font-size: 1.125rem!important; } .sw-font-weight-default { } .sw-padding-top-none { padding-top: 0rem!important; } .sw-padding-bottom-6xs { padding-bottom: 0.5rem!important; } .sw-line-height-normal { line-height: 1.5!important; } .sw-font-size-xs { font-size: 0.75rem!important; } .sw-padding-bottom-4xs { padding-bottom: 1rem!important; } .sw-background-repeat-no-repeat { background-repeat: no-repeat!important; } .sw-background-size-cover { background-size: cover!important; } .sw-background-position-center { background-position: center!important; } .sw-background-attachment-scroll { background-attachment: scroll!important; } .sw-background-color-f1f1f4 { background-color: #f1f1f4!important; } .sw-text-color-000000 { color: #000000!important; } .sw-font-size-xl { font-size: 1.25rem!important; } .sw-padding-bottom-none { padding-bottom: 0rem!important; } #degen button:focus { outline: none; } #degen .btn { background: transparent; border: none; } #degen textarea { min-height: 47px; max-height: 200px; } #degen .selectdiv:after { content: '⌄'; color: #191919; right: 30px; top: 0; height: 34px; padding: 15px 0 0 8px; position: absolute; pointer-events: none; } #degen .bootstrap-select .btn:focus { outline: none !important; } #degen .cursor-pointer { cursor: pointer; } #degen .bootstrap-select .btn-light { padding-left: 0; padding-top: 0; padding-bottom: 0; font-size: inherit !important; display: flex; color: inherit; } #degen .dropdown .dropdown-menu { left: -12px!important; max-height: 150px!important; } #degen .sw-date-field .dropdown .dropdown-menu { left: 12px!important; } #degen .bootstrap-select div.dropdown-menu div.show { transform: none !important; } #degen .bootstrap-select .btn-light:focus { box-shadow: none !important; } #degen .bootstrap-select .btn-light:after { color: #000; } #degen .bootstrap-select .dropdown-menu { font-size: inherit; } #degen .sw-date-field .bootstrap-select .dropdown-menu { min-width: 130px; max-width: 130px; } #degen .bootstrap-select .dropdown-menu.inne { font-size: inherit; } #degen .bootstrap-select .dropdown-item.active, .dropdown-item:active { color: #000000; text-decoration: none; background-color: #ffffff; } #degen .bootstrap-select .dropdown-item:focus { outline: none; border: none; } /* IE11 hide native button (thanks Matt!) */ #degen select::-ms-expand { display: none; } #degen select { text-indent: 1px; text-overflow: ''; width: 100px; -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 2px 2px 2px 2px; border: none; background: url("https://softr-assets-eu-shared.s3.eu-central-1.amazonaws.com/studio/blocks/assets/chevron-down-small.svg") white no-repeat calc(100% - 10px) !important; } #degen .sw-btn-success { background: #22bc66 !important; color: #fff !important; } #degen .sw-btn-success .fa-check { display: inline-block !important; color: #fff !important; position: relative !important; left: 0.5rem !important; } #degen .sw-input-invalid { border: 1px solid #E25B5B !important; } #degen .sw-btn-spinner { width: 1rem !important; height: 1rem !important; margin-left: 0.5rem !important; } #degen .drag{ padding-right: 12px!important; } #degen .drag .upload-header{ font-size: 14px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.71; letter-spacing: normal; color: #adadad; } #degen .drag .upload-header i{ color: #373737; } #degen .drag-file-area { display: flex; flex: 1; justify-content: center; align-items: center; border: dashed 1px #979797; background-color: rgba(255, 255, 255, 0.04); margin: 12px 0; border-radius: 2px; } #degen .drag-file-area .drag-text { display: flex; } #degen .drag-file-area .drag-text span { display: flex; flex-direction: column; align-items: center; margin: 0; font-size: 12px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; color: #adadad; padding: 28px 0; } #degen .file-input { display: none; } #degen .browse-link { color: #18a0fb; font-size: 12px; margin-left: 4px; cursor: pointer; } #degen .browse-link:focus { outline: none; } #degen .file-list { margin: 12px 0; flex: 1; overflow: auto; list-style-type: none; padding: 28px 0; border: dashed 1px #979797; } #degen .file-list li { font-size: 12px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.33; letter-spacing: normal; color: #adadad; position: relative; padding: 0 12px; margin-bottom: 16px; } #degen .file-list li div{ display: flex; justify-content: space-between; } #degen .sw-rating-container .sw-input-invalid { border: 0!important; position: relative; } #degen .sw-rating-container .sw-input-invalid:after { content: 'Please enter a value'; position: absolute; bottom: -7px; left: 0; font-size: 11px; color: red; } #degen .sw-rating-container > div { justify-content: center; flex-direction: row-reverse; } #degen .sw-rating-container .fa.fa-star { opacity: .3; cursor: pointer; transition: .2s ease-in-out all; } #degen .sw-rating-container .fa.fa-star.checked { opacity: 1!important; } #degen .sw-rating-container .fa.fa-star.checked { opacity: 1!important; } #degen .sw-rating-container span.fa.fa-star:hover ~ span.fa.fa-star, #degen .sw-rating-container span.fa.fa-star.checked ~ span.fa.fa-star, #degen .sw-rating-container span.fa.fa-star:hover { color: inherit; opacity: 1!important; transition: .2s ease-in-out all; } #degen .delete { position: absolute; right: 10px; top: -2px; padding: 5px; color: #373737; text-align: center; line-height: 15px; z-index: 1; cursor: pointer; display: block; width: 20px; height: 20px; } #degen .progressbar { display: block; height: 4px; border-radius: 2px; background-color: rgba(0, 0, 0, 0.4); width: 100%; margin-top: 6px; } #degen .sw-date-field .bootstrap-select>.dropdown-toggle:after { display: none; } #degen .sw-date-field .filter-option { height: 21px; } #degen .sw-date-field .bootstrap-select .dropdown-toggle .filter-option-inner-inner { text-align: center; } #degen .sw-date-field{ display: flex!important; justify-content: flex-start; } #degen .sw-date-field .dropdown-menu{ max-height: 200px; } #degen .sw-date-input { border-color: transparent!important; background: transparent; flex: 3; } #degen .sw-date-input:focus { outline: none; } #degen .sw-time-input { flex: 1; } #degen .sw-time-input.prevent-click { pointer-events: none; opacity: 0; width: 0; } #degen .sw-date-input.input-alone { width: 100%; } #degen input::placeholder, #degen textarea::placeholder{ color: #adadad; } #degen select option{ color: #adadad; } #degen .sw-dropdown .bootstrap-select .dropdown-toggle .filter-option-inner-inner, #degen .sw-multi-select .bootstrap-select .dropdown-toggle .filter-option-inner-inner{ height: 19px; } #degen .sw-dropdown .bootstrap-select .dropdown-toggle .filter-option-inner-inner { color: rgb(179, 179, 179)!important; } #degen .sw-dropdown .bootstrap-select .dropdown-toggle:hover { background: transparent!important; border-color: transparent!important; } #degen .blink { background-image: linear-gradient(90deg, #f1f1f1 0px, rgb(225, 225, 225) 90%, #f1f1f1 100%); background-size: 70%; animation: shine-lines 3s infinite ease-out; } @keyframes shine-lines { 0% { background-position: -100px; } 60%, 100% { background-position: 650px; } } #degen .checkbox-container { display: block; position: relative; cursor: pointer; font-size: 22px; } #degen .checkbox-container input { position: absolute; opacity: 0; cursor: pointer; height: 0; width: 0; } #degen .checkmark { background-color: #fff; } #degen .checkbox-container .checkmark:after { content: ""; position: absolute; display: none; border: solid #000; border-width: 0 3px 3px 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } #degen .checkbox-container input:checked ~ .checkmark:after { display: block; } #degen .checkbox-container .sw-checkbox-s { height: 20px!important; width: 20px!important; padding: 0!important; } #degen .checkbox-container .sw-checkbox-s:after { left: 7px; top: 3px; width: 5px; height: 11px; } #degen .checkbox-container .sw-checkbox-m { height: 30px!important; width: 30px!important; padding: 0!important; } #degen .checkbox-container .sw-checkbox-m:after { left: 11px; top: 8px; width: 6px; height: 12px; } #degen .checkbox-container .sw-checkbox-l { height: 40px!important; width: 40px!important; padding: 0!important; } #degen .checkbox-container .sw-checkbox-l:after { left: 16px; top: 12px; width: 6px; height: 14px; } #degen .checkbox-container .sw-checkbox-s.sw-input-invalid:after { left: 6px; top: 2px; } #degen .checkbox-container .sw-checkbox-m.sw-input-invalid:after { top: 6px; } .container__months{ overflow: initial!important; } .container__months .dropdown.bootstrap-select{ width: 100px!important; position: relative; left: 8px; top: -1px; } .container__months .dropdown-menu{ height: 150px; } #toast-container{ bottom: 56px!important; } div#toast-container> div.toast-error { background-color: #FCEFEF; background-image: url('https://softr-assets-eu-shared.s3.eu-central-1.amazonaws.com/studio/blocks/assets/toaster-close-icon.svg')!important; color: #383B3D; max-width: 400px!important; width: 400px!important; border-radius: 12px; opacity: 1; border: 0; } #toast-container> div { border-right: 12px; opacity: 1; box-shadow: none!important; } #toast-container>.toast-error .toast-message{ max-width: 300px!important; width: 300px!important; } #toast-container>.toast-error .toast-progress{ display: none; } #toast-container>.toast-error .toast-close-button{ color: #383B3D; font-size: 15px; font-weight: 500; }
.sw-border-radius-s { border-radius: 0.125rem!important; } .sw-margin-right-m { margin-right: 3rem!important; } .sw-height-s { height: 24rem!important; } .sw-background-color-ffffff { background-color: #ffffff!important; } .sw-padding-top-none { padding-top: 0rem!important; } .sw-padding-bottom-7xs { padding-bottom: 0.25rem!important; } .sw-border-top-style-none { border-top-style: none!important; } .sw-border-top-width-xs { border-top-width: 1px!important; } .sw-border-top-color-000000 { border-top-color: #000000!important; } .sw-border-bottom-style-none { border-bottom-style: none!important; } .sw-border-bottom-width-xs { border-bottom-width: 1px!important; } .sw-border-bottom-color-000000 { border-bottom-color: #000000!important; } .sw-font-size-4xl { font-size: 2.25rem!important; } .sw-text-color-default { } .sw-font-family-default { } .sw-font-weight-default { } .sw-padding-bottom-4xs { padding-bottom: 1rem!important; } .sw-letter-spacing-normal { letter-spacing: 0rem!important; } .sw-line-height-normal { line-height: 1.5!important; } .sw-font-size-xl { font-size: 1.25rem!important; } .sw-padding-bottom-6xs { padding-bottom: 0.5rem!important; } .sw-line-height-loose { line-height: 2!important; } .sw-border-radius-none { border-radius: 0rem!important; } #gallery1 .gallery-slide { background-size: cover; margin-right: 0.5rem !important; background-repeat: no-repeat; background-position: center; }
.sw-border-style-none { border-style: none!important; } .sw-border-width-xs { border-width: 1px!important; } .sw-border-color-000000 { border-color: #000000!important; } .sw-border-radius-none { border-radius: 0rem!important; } .sw-width-8xs { width: 5rem!important; } .sw-display-block { display: block!important; } .sw-text-decoration-no-underline { text-decoration: none!important; } @media (hover: hover) { .hover\:sw-text-decoration-no-underline:hover { text-decoration: none!important; } } .sw-background-color-ffffff { background-color: #ffffff!important; } .sw-padding-top-none { padding-top: 0rem!important; } .sw-padding-bottom-m { padding-bottom: 3rem!important; } .sw-border-top-style-none { border-top-style: none!important; } .sw-border-top-width-xs { border-top-width: 1px!important; } .sw-border-top-color-000000 { border-top-color: #000000!important; } .sw-border-bottom-style-none { border-bottom-style: none!important; } .sw-border-bottom-width-xs { border-bottom-width: 1px!important; } .sw-border-bottom-color-000000 { border-bottom-color: #000000!important; } .sw-text-color-default { } .sw-font-size-xl { font-size: 1.25rem!important; } .sw-font-family-default { } .sw-font-weight-light { font-weight: 300!important; } .sw-padding-bottom-xs { padding-bottom: 2rem!important; } .sw-letter-spacing-widest { letter-spacing: 0.1rem!important; } .sw-line-height-normal { line-height: 1.5!important; } .sw-letter-spacing-normal { letter-spacing: 0rem!important; } .sw-font-weight-default { } .sw-padding-bottom-none { padding-bottom: 0rem!important; } .sw-line-height-loose { line-height: 2!important; } .sw-width-5xs { width: 8rem!important; } .sw-width-4xs { width: 10rem!important; }
.sw-font-size-4xl { font-size: 2.25rem!important; } .sw-text-color-ff4954 { color: #ff4954!important; } .sw-width-10xs { width: 3rem!important; } .sw-margin-right-2xs { margin-right: 1.5rem!important; } .sw-line-height-compact { line-height: 1!important; } .sw-font-size-l { font-size: 1.125rem!important; } .sw-text-color-default { } .sw-font-family-default { } .sw-font-weight-medium { font-weight: 500!important; } .sw-letter-spacing-normal { letter-spacing: 0rem!important; } .sw-margin-bottom-6xs { margin-bottom: 0.5rem!important; } .sw-margin-top-none { margin-top: 0rem!important; } .sw-font-size-m { font-size: 1rem!important; } .sw-font-weight-default { } .sw-line-height-loose { line-height: 2!important; } .sw-background-color-ffffff { background-color: #ffffff!important; } .sw-padding-top-2xs { padding-top: 1.5rem!important; } .sw-padding-bottom-m { padding-bottom: 3rem!important; } .sw-border-top-style-none { border-top-style: none!important; } .sw-border-top-width-xs { border-top-width: 1px!important; } .sw-border-top-color-000000 { border-top-color: #000000!important; } .sw-border-bottom-style-none { border-bottom-style: none!important; } .sw-border-bottom-width-xs { border-bottom-width: 1px!important; } .sw-border-bottom-color-000000 { border-bottom-color: #000000!important; } .sw-font-size-3xl { font-size: 1.875rem!important; } .sw-padding-top-none { padding-top: 0rem!important; } .sw-padding-bottom-4xs { padding-bottom: 1rem!important; } .sw-line-height-normal { line-height: 1.5!important; } .sw-padding-bottom-3xs { padding-bottom: 1.25rem!important; } .sw-percentage-width-2xl { width: 75%!important; } .sw-border-style-none { border-style: none!important; } .sw-border-width-xs { border-width: 1px!important; } .sw-border-color-000000 { border-color: #000000!important; } .sw-border-radius-none { border-radius: 0rem!important; } .sw-background-repeat-no-repeat { background-repeat: no-repeat!important; } .sw-background-size-cover { background-size: cover!important; } .sw-background-position-center { background-position: center!important; } .sw-background-attachment-scroll { background-attachment: scroll!important; } .sw-text-color-2977c9 { color: #2977c9!important; } .sw-font-weight-semibold { font-weight: 600!important; } .sw-margin-top-3xs { margin-top: 1.25rem!important; } .sw-margin-bottom-3xs { margin-bottom: 1.25rem!important; } .sw-text-decoration-no-underline { text-decoration: none!important; } @media (hover: hover) { .hover\:sw-text-decoration-no-underline:hover { text-decoration: none!important; } } .sw-display-inline-block { display: inline-block!important; } .sw-text-color-af2e99 { color: #af2e99!important; }
.sw-font-size-m { font-size: 1rem!important; } .sw-text-color-default { } .sw-font-family-default { } .sw-font-weight-semibold { font-weight: 600!important; } .sw-border-radius-default { } .sw-background-color-default { } .sw-padding-left-m { padding-left: 3rem!important; } .sw-padding-right-m { padding-right: 3rem!important; } .sw-padding-top-4xs { padding-top: 1rem!important; } .sw-padding-bottom-4xs { padding-bottom: 1rem!important; } .sw-border-style-none { border-style: none!important; } .sw-border-width-xs { border-width: 1px!important; } .sw-border-color-2977c9 { border-color: #2977c9!important; } .sw-letter-spacing-normal { letter-spacing: 0rem!important; } .sw-text-decoration-no-underline { text-decoration: none!important; } @media (hover: hover) { .hover\:sw-text-decoration-no-underline:hover { text-decoration: none!important; } } @media (hover: hover) { .hover\:sw-box-shadow-m:hover { box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)!important; } } .sw-margin-bottom-6xs { margin-bottom: 0.5rem!important; } .sw-display-inline-block { display: inline-block!important; } .sw-margin-left-7xs { margin-left: 0.25rem!important; } .sw-margin-right-7xs { margin-right: 0.25rem!important; } .sw-background-color-ffffff { background-color: #ffffff!important; } .sw-padding-top-none { padding-top: 0rem!important; } .sw-padding-bottom-2xl { padding-bottom: 6rem!important; } .sw-border-top-style-none { border-top-style: none!important; } .sw-border-top-width-xs { border-top-width: 1px!important; } .sw-border-top-color-000000 { border-top-color: #000000!important; } .sw-border-bottom-style-none { border-bottom-style: none!important; } .sw-border-bottom-width-xs { border-bottom-width: 1px!important; } .sw-border-bottom-color-000000 { border-bottom-color: #000000!important; } .sw-background-color-none { background-color: #none!important; } .sw-border-color-000000 { border-color: #000000!important; } .sw-border-radius-none { border-radius: 0rem!important; } .sw-box-shadow-none { box-shadow: none!important; } .sw-padding-bottom-none { padding-bottom: 0rem!important; } .sw-font-size-6xl { font-size: 4rem!important; } .sw-text-color-ffffff { color: #ffffff!important; } .sw-font-weight-default { } .sw-padding-bottom-s { padding-bottom: 2.5rem!important; } .sw-line-height-normal { line-height: 1.5!important; } .sw-background-repeat-no-repeat { background-repeat: no-repeat!important; } .sw-background-size-cover { background-size: cover!important; } .sw-background-position-center { background-position: center!important; } .sw-background-attachment-scroll { background-attachment: scroll!important; } .sw-font-size-xl { font-size: 1.25rem!important; } .sw-padding-bottom-3xs { padding-bottom: 1.25rem!important; } .sw-line-height-loose { line-height: 2!important; } .sw-background-color-af2e99 { background-color: #af2e99!important; } @media (max-width: 576px) { #cta3 a{ width: 80%; } }
.sw-font-size-4xl { font-size: 2.25rem!important; } .sw-text-color-ff4954 { color: #ff4954!important; } .sw-width-10xs { width: 3rem!important; } .sw-margin-right-2xs { margin-right: 1.5rem!important; } .sw-line-height-compact { line-height: 1!important; } .sw-font-size-l { font-size: 1.125rem!important; } .sw-text-color-default { } .sw-font-family-default { } .sw-font-weight-medium { font-weight: 500!important; } .sw-letter-spacing-normal { letter-spacing: 0rem!important; } .sw-margin-bottom-6xs { margin-bottom: 0.5rem!important; } .sw-margin-top-none { margin-top: 0rem!important; } .sw-font-size-m { font-size: 1rem!important; } .sw-font-weight-default { } .sw-line-height-loose { line-height: 2!important; } .sw-background-color-ffffff { background-color: #ffffff!important; } .sw-padding-top-m { padding-top: 3rem!important; } .sw-padding-bottom-m { padding-bottom: 3rem!important; } .sw-border-top-style-none { border-top-style: none!important; } .sw-border-top-width-xs { border-top-width: 1px!important; } .sw-border-top-color-000000 { border-top-color: #000000!important; } .sw-border-bottom-style-none { border-bottom-style: none!important; } .sw-border-bottom-width-xs { border-bottom-width: 1px!important; } .sw-border-bottom-color-000000 { border-bottom-color: #000000!important; } .sw-font-size-3xl { font-size: 1.875rem!important; } .sw-padding-top-none { padding-top: 0rem!important; } .sw-padding-bottom-4xs { padding-bottom: 1rem!important; } .sw-line-height-normal { line-height: 1.5!important; } .sw-padding-bottom-3xs { padding-bottom: 1.25rem!important; } .sw-percentage-width-2xl { width: 75%!important; } .sw-border-style-none { border-style: none!important; } .sw-border-width-xs { border-width: 1px!important; } .sw-border-color-000000 { border-color: #000000!important; } .sw-border-radius-none { border-radius: 0rem!important; } .sw-background-repeat-no-repeat { background-repeat: no-repeat!important; } .sw-background-size-cover { background-size: cover!important; } .sw-background-position-center { background-position: center!important; } .sw-background-attachment-scroll { background-attachment: scroll!important; } .sw-text-color-2977c9 { color: #2977c9!important; } .sw-font-weight-semibold { font-weight: 600!important; } .sw-margin-top-3xs { margin-top: 1.25rem!important; } .sw-margin-bottom-3xs { margin-bottom: 1.25rem!important; } .sw-text-decoration-no-underline { text-decoration: none!important; } @media (hover: hover) { .hover\:sw-text-decoration-no-underline:hover { text-decoration: none!important; } } .sw-display-inline-block { display: inline-block!important; } .sw-text-color-af2e99 { color: #af2e99!important; }
.sw-font-size-m { font-size: 1rem!important; } .sw-text-color-default { } .sw-font-family-default { } .sw-font-weight-semibold { font-weight: 600!important; } .sw-border-radius-default { } .sw-background-color-default { } .sw-padding-left-m { padding-left: 3rem!important; } .sw-padding-right-m { padding-right: 3rem!important; } .sw-padding-top-4xs { padding-top: 1rem!important; } .sw-padding-bottom-4xs { padding-bottom: 1rem!important; } .sw-border-style-none { border-style: none!important; } .sw-border-width-xs { border-width: 1px!important; } .sw-border-color-2977c9 { border-color: #2977c9!important; } .sw-letter-spacing-normal { letter-spacing: 0rem!important; } .sw-text-decoration-no-underline { text-decoration: none!important; } @media (hover: hover) { .hover\:sw-text-decoration-no-underline:hover { text-decoration: none!important; } } @media (hover: hover) { .hover\:sw-box-shadow-m:hover { box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)!important; } } .sw-margin-bottom-6xs { margin-bottom: 0.5rem!important; } .sw-display-inline-block { display: inline-block!important; } .sw-margin-left-7xs { margin-left: 0.25rem!important; } .sw-margin-right-7xs { margin-right: 0.25rem!important; } .sw-background-color-ffffff { background-color: #ffffff!important; } .sw-padding-top-none { padding-top: 0rem!important; } .sw-padding-bottom-2xl { padding-bottom: 6rem!important; } .sw-border-top-style-none { border-top-style: none!important; } .sw-border-top-width-xs { border-top-width: 1px!important; } .sw-border-top-color-000000 { border-top-color: #000000!important; } .sw-border-bottom-style-none { border-bottom-style: none!important; } .sw-border-bottom-width-xs { border-bottom-width: 1px!important; } .sw-border-bottom-color-000000 { border-bottom-color: #000000!important; } .sw-background-color-none { background-color: #none!important; } .sw-border-color-000000 { border-color: #000000!important; } .sw-border-radius-none { border-radius: 0rem!important; } .sw-box-shadow-none { box-shadow: none!important; } .sw-padding-bottom-none { padding-bottom: 0rem!important; } .sw-font-size-6xl { font-size: 4rem!important; } .sw-text-color-ffffff { color: #ffffff!important; } .sw-font-weight-default { } .sw-padding-bottom-s { padding-bottom: 2.5rem!important; } .sw-line-height-normal { line-height: 1.5!important; } .sw-background-repeat-no-repeat { background-repeat: no-repeat!important; } .sw-background-size-cover { background-size: cover!important; } .sw-background-position-center { background-position: center!important; } .sw-background-attachment-scroll { background-attachment: scroll!important; } .sw-font-size-xl { font-size: 1.25rem!important; } .sw-padding-bottom-3xs { padding-bottom: 1.25rem!important; } .sw-line-height-loose { line-height: 2!important; } .sw-background-color-8a6afe { background-color: #8a6afe!important; } @media (max-width: 576px) { #cta5 a{ width: 80%; } }
.sw-font-size-l { font-size: 1.125rem!important; } .sw-text-color-default { } .sw-font-family-default { } .sw-font-weight-medium { font-weight: 500!important; } .sw-letter-spacing-normal { letter-spacing: 0rem!important; } .sw-margin-bottom-6xs { margin-bottom: 0.5rem!important; } .sw-margin-top-none { margin-top: 0rem!important; } .sw-font-size-m { font-size: 1rem!important; } .sw-font-weight-default { } .sw-line-height-loose { line-height: 2!important; } .sw-background-color-ffffff { background-color: #ffffff!important; } .sw-padding-top-2xl { padding-top: 6rem!important; } .sw-padding-bottom-2xl { padding-bottom: 6rem!important; } .sw-border-top-style-none { border-top-style: none!important; } .sw-border-top-width-xs { border-top-width: 1px!important; } .sw-border-top-color-000000 { border-top-color: #000000!important; } .sw-border-bottom-style-none { border-bottom-style: none!important; } .sw-border-bottom-width-xs { border-bottom-width: 1px!important; } .sw-border-bottom-color-000000 { border-bottom-color: #000000!important; } .sw-font-size-4xl { font-size: 2.25rem!important; } .sw-padding-top-none { padding-top: 0rem!important; } .sw-padding-bottom-4xs { padding-bottom: 1rem!important; } .sw-line-height-normal { line-height: 1.5!important; } .sw-font-size-xl { font-size: 1.25rem!important; } .sw-padding-bottom-m { padding-bottom: 3rem!important; } .sw-background-repeat-no-repeat { background-repeat: no-repeat!important; } .sw-background-size-cover { background-size: cover!important; } .sw-background-position-center { background-position: center!important; } .sw-background-attachment-scroll { background-attachment: scroll!important; } .sw-background-color-201e3a { background-color: #201e3a!important; } #other1 .s-feature-box{ cursor: pointer; display: flex; padding: 28px; border-radius: 16px; box-shadow: 0 8px 16px 0 transparent, inset 0 0 0 1px #e3e3e3; transition: .3s; background: #fff; margin: 6px 0; } #other1 .info{ padding-left: 24px; } #other1 #code-tabs{ padding: 0; opacity: 0; } #other1 pre{ font-size: 14px; } #other1 div.code-toolbar > .toolbar{ padding-right: 12px; } #other1 div.code-toolbar > .toolbar .toolbar-item:first-child{ display: none!important; } #other1 .nav-tabs .nav-link{ color: #abaaaa; background: transparent; border-bottom: 2px solid transparent; } #other1 .nav-tabs .nav-link.active{ color: #f8f8f8; border: none; border-bottom: 2px solid #ffffff; } #other1 .nav-tabs .nav-link.active:hover{ border-bottom: 2px solid #ffffff; } #other1 .nav-tabs{ border-color: transparent; -webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.75); -moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.75); box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.75); padding-bottom: 5px; } #other1 .nav-tabs .nav-link:hover { border-color: transparent; border-bottom: 2px solid #ffffff; background: transparent; }
.sw-font-size-m { font-size: 1rem!important; } .sw-text-color-default { } .sw-font-family-default { } .sw-font-weight-semibold { font-weight: 600!important; } .sw-border-radius-full { border-radius: 9999rem!important; } .sw-background-color-default { } .sw-padding-left-s { padding-left: 2.5rem!important; } .sw-padding-right-s { padding-right: 2.5rem!important; } .sw-padding-top-5xs { padding-top: 0.75rem!important; } .sw-padding-bottom-5xs { padding-bottom: 0.75rem!important; } .sw-border-style-none { border-style: none!important; } .sw-border-width-xs { border-width: 1px!important; } .sw-border-color-000000 { border-color: #000000!important; } .sw-letter-spacing-normal { letter-spacing: 0rem!important; } .sw-text-decoration-no-underline { text-decoration: none!important; } @media (hover: hover) { .hover\:sw-text-decoration-no-underline:hover { text-decoration: none!important; } } @media (hover: hover) { .hover\:sw-box-shadow-m:hover { box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)!important; } } .sw-margin-bottom-6xs { margin-bottom: 0.5rem!important; } .sw-margin-right-5xs { margin-right: 0.75rem!important; } .sw-display-inline-block { display: inline-block!important; } .sw-background-color-f6f6f6 { background-color: #f6f6f6!important; } .sw-padding-top-2xl { padding-top: 6rem!important; } .sw-padding-bottom-xl { padding-bottom: 5rem!important; } .sw-border-top-style-none { border-top-style: none!important; } .sw-border-top-width-xs { border-top-width: 1px!important; } .sw-border-top-color-000000 { border-top-color: #000000!important; } .sw-border-bottom-style-none { border-bottom-style: none!important; } .sw-border-bottom-width-xs { border-bottom-width: 1px!important; } .sw-border-bottom-color-000000 { border-bottom-color: #000000!important; } .sw-font-size-xl { font-size: 1.25rem!important; } .sw-font-weight-default { } .sw-padding-top-none { padding-top: 0rem!important; } .sw-padding-bottom-4xs { padding-bottom: 1rem!important; } .sw-line-height-normal { line-height: 1.5!important; } .sw-font-size-l { font-size: 1.125rem!important; } .sw-padding-bottom-none { padding-bottom: 0rem!important; } .sw-line-height-loose { line-height: 2!important; } .sw-percentage-width-3xl { width: 80%!important; } .sw-border-radius-none { border-radius: 0rem!important; } .sw-background-repeat-no-repeat { background-repeat: no-repeat!important; } .sw-background-size-cover { background-size: cover!important; } .sw-background-position-center { background-position: center!important; } .sw-background-attachment-scroll { background-attachment: scroll!important; }
.sw-font-size-m { font-size: 1rem!important; } .sw-text-color-default { } .sw-font-family-default { } .sw-font-weight-semibold { font-weight: 600!important; } .sw-border-radius-full { border-radius: 9999rem!important; } .sw-background-color-default { } .sw-padding-left-s { padding-left: 2.5rem!important; } .sw-padding-right-s { padding-right: 2.5rem!important; } .sw-padding-top-5xs { padding-top: 0.75rem!important; } .sw-padding-bottom-5xs { padding-bottom: 0.75rem!important; } .sw-border-style-none { border-style: none!important; } .sw-border-width-xs { border-width: 1px!important; } .sw-border-color-000000 { border-color: #000000!important; } .sw-letter-spacing-normal { letter-spacing: 0rem!important; } .sw-text-decoration-no-underline { text-decoration: none!important; } @media (hover: hover) { .hover\:sw-text-decoration-no-underline:hover { text-decoration: none!important; } } @media (hover: hover) { .hover\:sw-box-shadow-m:hover { box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)!important; } } .sw-margin-bottom-6xs { margin-bottom: 0.5rem!important; } .sw-margin-right-5xs { margin-right: 0.75rem!important; } .sw-display-inline-block { display: inline-block!important; } .sw-background-color-f6f6f6 { background-color: #f6f6f6!important; } .sw-padding-top-2xl { padding-top: 6rem!important; } .sw-padding-bottom-xl { padding-bottom: 5rem!important; } .sw-border-top-style-none { border-top-style: none!important; } .sw-border-top-width-xs { border-top-width: 1px!important; } .sw-border-top-color-000000 { border-top-color: #000000!important; } .sw-border-bottom-style-none { border-bottom-style: none!important; } .sw-border-bottom-width-xs { border-bottom-width: 1px!important; } .sw-border-bottom-color-000000 { border-bottom-color: #000000!important; } .sw-font-size-xl { font-size: 1.25rem!important; } .sw-font-weight-default { } .sw-padding-top-none { padding-top: 0rem!important; } .sw-padding-bottom-4xs { padding-bottom: 1rem!important; } .sw-line-height-normal { line-height: 1.5!important; } .sw-font-size-l { font-size: 1.125rem!important; } .sw-padding-bottom-none { padding-bottom: 0rem!important; } .sw-line-height-loose { line-height: 2!important; } .sw-percentage-width-s { width: 55%!important; } .sw-border-radius-none { border-radius: 0rem!important; } .sw-background-repeat-no-repeat { background-repeat: no-repeat!important; } .sw-background-size-cover { background-size: cover!important; } .sw-background-position-center { background-position: center!important; } .sw-background-attachment-scroll { background-attachment: scroll!important; }
.sw-font-size-m { font-size: 1rem!important; } .sw-text-color-default { } .sw-font-family-default { } .sw-font-weight-semibold { font-weight: 600!important; } .sw-border-radius-full { border-radius: 9999rem!important; } .sw-background-color-default { } .sw-padding-left-s { padding-left: 2.5rem!important; } .sw-padding-right-s { padding-right: 2.5rem!important; } .sw-padding-top-5xs { padding-top: 0.75rem!important; } .sw-padding-bottom-5xs { padding-bottom: 0.75rem!important; } .sw-border-style-none { border-style: none!important; } .sw-border-width-xs { border-width: 1px!important; } .sw-border-color-000000 { border-color: #000000!important; } .sw-letter-spacing-normal { letter-spacing: 0rem!important; } .sw-text-decoration-no-underline { text-decoration: none!important; } @media (hover: hover) { .hover\:sw-text-decoration-no-underline:hover { text-decoration: none!important; } } @media (hover: hover) { .hover\:sw-box-shadow-m:hover { box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)!important; } } .sw-margin-bottom-6xs { margin-bottom: 0.5rem!important; } .sw-margin-right-5xs { margin-right: 0.75rem!important; } .sw-display-inline-block { display: inline-block!important; } .sw-background-color-f6f6f6 { background-color: #f6f6f6!important; } .sw-padding-top-7xl { padding-top: 16rem!important; } .sw-padding-bottom-7xl { padding-bottom: 16rem!important; } .sw-border-top-style-none { border-top-style: none!important; } .sw-border-top-width-xs { border-top-width: 1px!important; } .sw-border-top-color-000000 { border-top-color: #000000!important; } .sw-border-bottom-style-none { border-bottom-style: none!important; } .sw-border-bottom-width-xs { border-bottom-width: 1px!important; } .sw-border-bottom-color-000000 { border-bottom-color: #000000!important; } .sw-font-size-xl { font-size: 1.25rem!important; } .sw-font-weight-default { } .sw-padding-top-none { padding-top: 0rem!important; } .sw-padding-bottom-4xs { padding-bottom: 1rem!important; } .sw-line-height-normal { line-height: 1.5!important; } .sw-font-size-l { font-size: 1.125rem!important; } .sw-padding-bottom-none { padding-bottom: 0rem!important; } .sw-line-height-loose { line-height: 2!important; } .sw-percentage-width-4xs { width: 35%!important; } .sw-border-radius-none { border-radius: 0rem!important; } .sw-background-repeat-no-repeat { background-repeat: no-repeat!important; } .sw-background-size-cover { background-size: cover!important; } .sw-background-position-center { background-position: center!important; } .sw-background-attachment-scroll { background-attachment: scroll!important; }
.sw-background-color-ffffff { background-color: #ffffff!important; } .sw-padding-top-2xl { padding-top: 6rem!important; } .sw-padding-bottom-3xs { padding-bottom: 1.25rem!important; } .sw-border-top-style-none { border-top-style: none!important; } .sw-border-top-width-xs { border-top-width: 1px!important; } .sw-border-top-color-000000 { border-top-color: #000000!important; } .sw-border-bottom-style-none { border-bottom-style: none!important; } .sw-border-bottom-width-xs { border-bottom-width: 1px!important; } .sw-border-bottom-color-000000 { border-bottom-color: #000000!important; } .sw-background-repeat-no-repeat { background-repeat: no-repeat!important; } .sw-background-size-cover { background-size: cover!important; } .sw-background-position-center { background-position: center!important; } .sw-background-attachment-scroll { background-attachment: scroll!important; } .sw-font-family-default { } .sw-letter-spacing-normal { letter-spacing: 0rem!important; } .sw-line-height-loose { line-height: 2!important; } /** * Start Vanilla CSS 1.0.2 */ .ql-editor { line-height: inherit !important; } .ql-editor h1, .ql-editor h2, .ql-editor h3, .ql-editor h4, .ql-editor h5, .ql-editor h6, .ql-editor b, .ql-editor strong { font-weight: bold; } .ql-editor em, .ql-editor i, .ql-editor dfn { font-style: italic; } .ql-editor dfn { font-weight: bold; } .ql-editor code, .ql-editor pre, .ql-editor kbd { margin: 0 0 1.5em 0; } .ql-editor blockquote { margin: 0 1.5em 1.5em 1.5em; } .ql-editor cite { font-style: italic; } .ql-editor li ul, .ql-editor li ol { margin: 0 1.5em; } .ql-editor ul, .ql-editor ol { margin: 0 1.5em 1.5em 1.5em; } .ql-editor ul { list-style-type: disc; } .ql-editor ol { list-style-type: decimal; } .ql-editor ol ol { list-style: upper-alpha; } .ql-editor ol ol ol { list-style: lower-roman; } .ql-editor ol ol ol ol { list-style: lower-alpha; } .ql-editor dl { margin: 0 0 1.5em 0; } .ql-editor dl dt { font-weight: bold; } .ql-editor dd { margin-left: 1.5em; } .ql-editor table { margin-bottom: 1.4em; width: 100%; } .ql-editor th { font-weight: bold; } .ql-editor th, .ql-editor td, .ql-editor caption { padding: 4px 10px 4px 5px; } .ql-editor tfoot { font-style: italic; } .ql-editor sup, .ql-editor sub { line-height: 0; } .ql-editor abbr, .ql-editor acronym { border-bottom: 1px dotted; } .ql-editor address { margin: 0 0 1.5em; font-style: italic; } .ql-editor del { text-decoration: line-through; } .ql-editor pre { margin: 1.5em 0; white-space: pre; } .ql-editor img.centered, .ql-editor .aligncenter, .ql-editor div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .ql-editor img.alignright { display: inline; } .ql-editor img.alignleft { display: inline; } .ql-editor .alignright { float: right; margin-left: 10px; } .ql-editor .alignleft { float: left; margin-right: 10px; } .ql-editor img { max-width: 100%; } .ql-editor * html .clearfix { height: 1%; } .ql-editor * + html .clearfix { display: inline-block; } .ql-editor .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ql-editor * html .group { height: 1%; } .ql-editor * + html .group { display: inline-block; } .ql-editor .group:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /** * End Vanilla CSS */ /*# sourceMappingURL=style.css.map */
.sw-font-size-m { font-size: 1rem!important; } .sw-text-color-000000 { color: #000000!important; } .sw-width-11xs { width: 2rem!important; } .sw-display-inline-block { display: inline-block!important; } .sw-min-width-6xs { min-width: 2rem!important; } .sw-margin-right-7xs { margin-right: 0.25rem!important; } .sw-text-align-center { text-align: center!important; } .sw-border-radius-s { border-radius: 0.125rem!important; } .sw-border-color-eaeff4 { border-color: #eaeff4!important; } .sw-border-style-solid { border-style: solid!important; } .sw-border-width-xs { border-width: 1px!important; } .sw-padding-right-7xs { padding-right: 0.25rem!important; } .sw-padding-left-7xs { padding-left: 0.25rem!important; } .sw-padding-top-7xs { padding-top: 0.25rem!important; } .sw-padding-bottom-7xs { padding-bottom: 0.25rem!important; } .sw-opacity-2xs { opacity: 0.8!important; } .sw-font-family-default { } .sw-font-weight-semibold { font-weight: 600!important; } .sw-line-height-loose { line-height: 2!important; } .sw-font-weight-light { font-weight: 300!important; } .sw-letter-spacing-normal { letter-spacing: 0rem!important; } .sw-padding-left-none { padding-left: 0rem!important; } @media (hover: hover) { .hover\:sw-text-decoration-no-underline:hover { text-decoration: none!important; } } .sw-background-color-ffffff { background-color: #ffffff!important; } .sw-padding-top-2xl { padding-top: 6rem!important; } .sw-padding-bottom-2xl { padding-bottom: 6rem!important; } .sw-border-top-style-none { border-top-style: none!important; } .sw-border-top-width-xs { border-top-width: 1px!important; } .sw-border-top-color-000000 { border-top-color: #000000!important; } .sw-border-bottom-style-none { border-bottom-style: none!important; } .sw-border-bottom-width-xs { border-bottom-width: 1px!important; } .sw-border-bottom-color-000000 { border-bottom-color: #000000!important; } .sw-text-color-default { } .sw-font-weight-default { } .sw-padding-top-3xs { padding-top: 1.25rem!important; } .sw-padding-bottom-none { padding-bottom: 0rem!important; } .sw-width-6xs { width: 7rem!important; }
</style>
<script>window['application_context'] = {}; window['application_context']['policies'] ={"supportedNumberOfDomains":3,"supportedNumberOfCollaborators":5,"supportedNumberOfMembershipUsers":100000,"supportedNumberOfAirtableRecords":100000,"hasCustomCodeSupport":true,"hasSamlAuthenticationSupport":true,"hasEmbedBlockSupport":true,"isSoftrBrandingVisible":false,"hasTransferOwnershipSupport":true,"hasUserLastSeenSupport":true,"hasChartsSupport":true,"hasKanbanSupport":true,"hasMapSupport":true,"hasEditAirtableRecordsSupport":true,"hasMultiGroupEditAirtableRecordsSupport":true}; </script>
<style>
.sw-font-size-5xl {
font-size: 3rem;
}
.sw-font-size-4xl {
font-size: 2.25rem;
}
</style>
<script>
document.addEventListener("DOMContentLoaded", () => {
if($(window).width() < 768) {
$('h1.sw-font-size-10xl').removeClass('sw-font-size-10xl').addClass('sw-font-size-5xl');
$('h1.sw-font-size-9xl').removeClass('sw-font-size-9xl').addClass('sw-font-size-5xl');
$('h1.sw-font-size-8xl').removeClass('sw-font-size-8xl').addClass('sw-font-size-5xl');
$('h1.sw-font-size-7xl').removeClass('sw-font-size-7xl').addClass('sw-font-size-5xl');
$('h1.sw-font-size-6xl').removeClass('sw-font-size-6xl').addClass('sw-font-size-4xl');
$('h2.sw-font-size-10xl').removeClass('sw-font-size-10xl').addClass('sw-font-size-5xl');
$('h2.sw-font-size-9xl').removeClass('sw-font-size-9xl').addClass('sw-font-size-5xl');
$('h2.sw-font-size-8xl').removeClass('sw-font-size-8xl').addClass('sw-font-size-5xl');
$('h2.sw-font-size-7xl').removeClass('sw-font-size-7xl').addClass('sw-font-size-5xl');
$('h2.sw-font-size-6xl').removeClass('sw-font-size-6xl').addClass('sw-font-size-4xl');
$('div.sw-font-size-10xl').removeClass('sw-font-size-10xl').addClass('sw-font-size-5xl');
$('div.sw-font-size-9xl').removeClass('sw-font-size-9xl').addClass('sw-font-size-5xl');
$('div.sw-font-size-8xl').removeClass('sw-font-size-8xl').addClass('sw-font-size-5xl');
$('div.sw-font-size-7xl').removeClass('sw-font-size-7xl').addClass('sw-font-size-5xl');
$('div.sw-font-size-6xl').removeClass('sw-font-size-6xl').addClass('sw-font-size-4xl');
$('p.sw-font-size-10xl').removeClass('sw-font-size-10xl').addClass('sw-font-size-5xl');
$('p.sw-font-size-9xl').removeClass('sw-font-size-9xl').addClass('sw-font-size-5xl');
$('p.sw-font-size-8xl').removeClass('sw-font-size-8xl').addClass('sw-font-size-5xl');
$('p.sw-font-size-7xl').removeClass('sw-font-size-7xl').addClass('sw-font-size-5xl');
$('p.sw-font-size-6xl').removeClass('sw-font-size-6xl').addClass('sw-font-size-4xl');
$('span.sw-font-size-10xl').removeClass('sw-font-size-10xl').addClass('sw-font-size-5xl');
$('span.sw-font-size-9xl').removeClass('sw-font-size-9xl').addClass('sw-font-size-5xl');
$('span.sw-font-size-8xl').removeClass('sw-font-size-8xl').addClass('sw-font-size-5xl');
$('span.sw-font-size-7xl').removeClass('sw-font-size-7xl').addClass('sw-font-size-5xl');
$('span.sw-font-size-6xl').removeClass('sw-font-size-6xl').addClass('sw-font-size-4xl');
}
});
</script><script>
var clickmagick_cmc = {
uid: '157588',
hid: '112900509',
cmc_project: 'Snipd',
utm_source: 'organic',
}
</script>
<script src='//cdn.clkmc.com/cmc.js'></script>
<script>
document.addEventListener("DOMContentLoaded", function () {
$('#degen #sw-form-capture-submit-btn').attr('onclick', 'redirect()');
$('#degen .sw-form-capture-URL[data-type="url"]').attr('type', 'url');
});
</script>
<style>
#degen { margin-top: -90px;margin-bottom: 25px;}
#trust .col-md-3 {padding-bottom:15px!important;}
#degen .container .row.text-center .sw-padding-bottom-4xs{padding-bottom:0rem!important;}
@media only screen and (min-width : 993px) {
#snipd .container .col-lg-8 p {font-size:0.8em!important;}
}
@media only screen and (min-width : 768px) {
#mobile .container .offset-md-3 {margin-left:0px!important;}}
@media screen and (max-width: 991px) {
.d-flex {display: -ms-flexbox!important; display: flex!important;flex-direction: column!important;}
#trust .d-flex {flex-direction: row!important;}
#mobile {margin-top:-45px!important;}
}
@media screen and (max-width: 424px) {
#trust .d-flex img{ width: 37px!important; }
}
@media (min-width: 425px) and (max-width: 767px) {
#trust .d-flex img{ width: 47px!important; }
}
@media screen and (max-width: 767px) {
#trust .d-flex {flex-direction: row!important;display: flex!important;flex-wrap: nowrap!important;} }
#gallery1 .gallery-slide {background-size:contain!important;}
#gallery1 {margin-top:-110px!important;}
#loading{display:none;}
#hloading{display:none;}
#sloadingg{display:none;}
#load{display:none;}
#hload{display:none;}
#sload{display:none;}
/*#degen .container .row.text-center{display:none!important;}*/
#cta3 a {
width: inherit!important;
}
#cta5 a {
width: inherit!important;
}
</style>
<body>
<header id="load" data-block-version="2.0.0" data-block-id="40ce4e8a-2f67-4c9c-a3c3-60a10e4148c9" data-block-updated="" style="" class="hero1-40ce4e8a-2f67-4c9c-a3c3-60a10e4148c9 sw-background-color-f6f6f6 sw-padding-top-2xl sw-padding-bottom-xl sw-border-top-style-none sw-border-top-width-xs sw-border-top-color-000000 sw-border-bottom-style-none sw-border-bottom-width-xs sw-border-bottom-color-000000 sw-background-repeat-no-repeat sw-background-size-cover sw-background-position-center sw-background-attachment-scroll "> <div class="container"> <div class="row align-items-center text-center pb-5"> <div class="col-lg-2"></div> <div class="col-lg-8"> <h1 class="sw-font-size-xl sw-text-color-default sw-font-family-default sw-font-weight-default sw-padding-top-none sw-padding-bottom-4xs sw-letter-spacing-normal sw-line-height-normal "> Loading .ETH Image </h1> <p class="sw-font-size-l sw-text-color-default sw-font-family-default sw-font-weight-default sw-padding-top-none sw-padding-bottom-none sw-letter-spacing-normal sw-line-height-loose "> Please be patient. The image will render shortly. </p> <div class="d-flex justify-content-center flex-wrap"> </div> </div> <div class="col-lg-2"></div> </div> <div class="row align-items-center"> <div class="col-lg-2"></div> <div class="col-lg-8 text-center"> <img src="https://softr-prod.imgix.net/applications/b2a6f3a7-49da-495e-9d80-df7db7021cf8/assets/94b4f437-e8ac-4e24-bf1b-20d33d3853f7.svg" class="sw-percentage-width-3xl sw-border-style-none sw-border-width-xs sw-border-color-000000 sw-border-radius-none mx-auto d-block" alt="Image alt"> </div> <div class="col-lg-2"></div> </div> </div> </header>
<header id="hload" data-block-version="2.0.0" data-block-id="191c1c81-6937-42d1-a660-219f493be4b0" data-block-updated="" style="" class="hero1-191c1c81-6937-42d1-a660-219f493be4b0 sw-background-color-f6f6f6 sw-padding-top-2xl sw-padding-bottom-xl sw-border-top-style-none sw-border-top-width-xs sw-border-top-color-000000 sw-border-bottom-style-none sw-border-bottom-width-xs sw-border-bottom-color-000000 sw-background-repeat-no-repeat sw-background-size-cover sw-background-position-center sw-background-attachment-scroll "> <div class="container"> <div class="row align-items-center text-center pb-5"> <div class="col-lg-2"></div> <div class="col-lg-8"> <h1 class="sw-font-size-xl sw-text-color-default sw-font-family-default sw-font-weight-default sw-padding-top-none sw-padding-bottom-4xs sw-letter-spacing-normal sw-line-height-normal "> Loading Handshake Image </h1> <p class="sw-font-size-l sw-text-color-default sw-font-family-default sw-font-weight-default sw-padding-top-none sw-padding-bottom-none sw-letter-spacing-normal sw-line-height-loose "> Please be patient. The image will render shortly. </p> <div class="d-flex justify-content-center flex-wrap"> </div> </div> <div class="col-lg-2"></div> </div> <div class="row align-items-center"> <div class="col-lg-2"></div> <div class="col-lg-8 text-center"> <img src="https://softr-prod.imgix.net/applications/b2a6f3a7-49da-495e-9d80-df7db7021cf8/assets/1824d6b9-732c-44c4-8133-c1ab73c5720e.svg" class="sw-percentage-width-s sw-border-style-none sw-border-width-xs sw-border-color-000000 sw-border-radius-none mx-auto d-block" alt="Image alt"> </div> <div class="col-lg-2"></div> </div> </div> </header>
<header id="sload" data-block-version="2.0.0" data-block-id="b4feeef4-f546-4658-ac63-85ff71fb4e1c" data-block-updated="" style="" class="hero1-b4feeef4-f546-4658-ac63-85ff71fb4e1c sw-background-color-f6f6f6 sw-padding-top-7xl sw-padding-bottom-7xl sw-border-top-style-none sw-border-top-width-xs sw-border-top-color-000000 sw-border-bottom-style-none sw-border-bottom-width-xs sw-border-bottom-color-000000 sw-background-repeat-no-repeat sw-background-size-cover sw-background-position-center sw-background-attachment-scroll "> <div class="container"> <div class="row align-items-center text-center pb-5"> <div class="col-lg-2"></div> <div class="col-lg-8"> <h1 class="sw-font-size-xl sw-text-color-default sw-font-family-default sw-font-weight-default sw-padding-top-none sw-padding-bottom-4xs sw-letter-spacing-normal sw-line-height-normal "> Loading Website Image </h1> <p class="sw-font-size-l sw-text-color-default sw-font-family-default sw-font-weight-default sw-padding-top-none sw-padding-bottom-none sw-letter-spacing-normal sw-line-height-loose "> Please be patient. The image will render shortly. </p> <div class="d-flex justify-content-center flex-wrap"> </div> </div> <div class="col-lg-2"></div> </div> <div class="row align-items-center"> <div class="col-lg-2"></div> <div class="col-lg-8 text-center"> <img src="https://softr-prod.imgix.net/applications/b2a6f3a7-49da-495e-9d80-df7db7021cf8/assets/c1f9bd9b-17ac-4388-bb72-f729b787303a.png" class="sw-percentage-width-4xs sw-border-style-none sw-border-width-xs sw-border-color-000000 sw-border-radius-none mx-auto d-block" alt="Image alt"> </div> <div class="col-lg-2"></div> </div> </div> </header></body>
<script>window['is401Page'] = false; </script>
<script>
/** Bugfix on multiple ?recordId= issue **/
setInterval(function() {
$('section a').each(function() {
const href = $(this).attr('href');
if(href && href.includes('?recordId=')) {
const countOfRecords = (href.match(/\?recordId=/g) || []).length;
if(countOfRecords > 1) {
const index = href.lastIndexOf('?recordId=');
const cleanedHref = href.substring(0, index);
$(this).attr('href', cleanedHref);
}
}
});
}, 1000);
</script>
<script>
/** Image lineup on mobile **/
document.addEventListener("DOMContentLoaded", function() {
function changeImageDirectionsOnMobile() {
const classListSection = $('body>div>section').attr('class').split(/\s+/);
const textClassSection = classListSection.find(cls => cls.startsWith('feature'));
const classListHeader = $('body>div>header').attr('class').split(/\s+/);
const textClassHeader = classListHeader.find(cls => cls.startsWith('hero'));
/*If FEATURE block*/
if (textClassSection) {
findRowsWidthImageAndReverse(textClassSection)
}
/*If HERO block*/
if (textClassHeader) {
findRowsWidthImageAndReverse(textClassHeader)
}
}
function findRowsWidthImageAndReverse(textClass) {
const rowsWithImages = $('.' + textClass + ' .row.align-items-center').has('img').toArray();
const rowsWithLeftSideImages = rowsWithImages.filter(row => {
return $(row).children().first().children().first().prop("tagName") === 'IMG';
});
rowsWithLeftSideImages.forEach(row => {
if ($(window).width() <= 768) {
row.classList.add('flex-column-reverse')
}
});
}
if ($(window).width() <= 768) {
changeImageDirectionsOnMobile();
}
});
/** BG Size on mobile **/
document.addEventListener("DOMContentLoaded", function() {
if($(window).width() <= 768) {
var element = $('section.sw-background-size-auto, header.sw-background-size-auto');
element.removeClass('sw-background-size-auto');
element.css('background-size', 'cover');
$('section.sw-background-attachment-fixed, header.sw-background-attachment-fixed').removeClass('sw-background-attachment-fixed');
}
});
/** Disable zoom on mobile **/
document.addEventListener("DOMContentLoaded", function() {
if($(window).width() <= 768) {
$('input.sw-font-size-s').removeClass('sw-font-size-s');
$('textarea.sw-font-size-s').removeClass('sw-font-size-s');
$('select.sw-font-size-s').removeClass('sw-font-size-s');
}
});
</script>
</head>
<body>
<div data-appid="b2a6f3a7-49da-495e-9d80-df7db7021cf8" data-pageId="4127d859-cab3-46a1-aeb3-254205e74668" class="content"><nav id="home_header2" data-block-version="2.1.0" data-block-id="ea72f656-cf7a-421e-a2c1-82a6029b0fcb" data-block-updated="" class=" navbar nav navbar-expand-lg navbar-light header2-ea72f656-cf7a-421e-a2c1-82a6029b0fcb sw-background-color-ffffff sw-padding-top-6xs sw-padding-bottom-6xs sw-border-top-style-none sw-border-top-width-xs sw-border-top-color-000000 sw-border-bottom-style-none sw-border-bottom-width-xs sw-border-bottom-color-000000"> <div class="container"> <!-- Logo --> <a class="navbar-brand" href="/"> <img class="sw-width-5xs " src="https://softr-prod.imgix.net/applications/b2a6f3a7-49da-495e-9d80-df7db7021cf8/assets/c1f9bd9b-17ac-4388-bb72-f729b787303a.png" alt=""> </a> <div class="desktop-menu text-center justify-content-end" id="navbarSupportedContent"> <ul class="navbar-nav align-items-center one-button"> <li class="nav-item "> <a class="position-relative sw-font-size-m sw-text-color-000000 sw-font-family-default sw-font-weight-normal sw-letter-spacing-normal sw-display-block sw-padding-top-6xs sw-padding-bottom-6xs sw-padding-left-6xs sw-padding-right-xs hover:sw-text-decoration-no-underline" href="https://slyfi/" target="" > Latest Website Image </a> <div class="shadow border-0 dropdown-menu links-dropdown" aria-labelledby="navbarDropdown-0"> </div> </li> <li class="nav-item pt-lg-0 pt-3"> <a data-element="button" target="" class="sw-font-size-m sw-text-color-ffffff sw-font-family-default sw-font-weight-semibold sw-border-radius-l sw-background-color-3349c0 sw-padding-left-xs sw-padding-right-xs sw-padding-top-5xs sw-padding-bottom-5xs sw-border-color-2977c9 sw-border-style-solid sw-border-width-xs sw-letter-spacing-normal sw-text-decoration-no-underline hover:sw-text-decoration-no-underline hover:sw-box-shadow-m sw-display-block m:sw-margin-left-6xs" href="#degen">Generate Image</a> </li> </ul> </div> <!-- mobile toggle --> <div class="toggle-button"> <span class="navbar-toggler-icon"></span> </div> <div class="mob-menu-content"> <div class="mob-menu-header"> <a class="navbar-brand" href="/"> <img class="sw-width-5xs " src="https://softr-prod.imgix.net/applications/b2a6f3a7-49da-495e-9d80-df7db7021cf8/assets/c1f9bd9b-17ac-4388-bb72-f729b787303a.png" alt=""> </a> <span class="navbar-close"> <i class="fa fa-fw fa-times" aria-hidden="true"></i> </span> </div> <div class="mob-menu-body"> <div class="navigation-section"> <a class="link collapsed d-block sw-font-size-m sw-text-color-000000 sw-font-family-default sw-font-weight-normal sw-letter-spacing-normal sw-display-block sw-padding-top-6xs sw-padding-bottom-6xs sw-padding-left-6xs sw-padding-right-xs hover:sw-text-decoration-no-underline" href="https://slyfi/"> Latest Website Image </a> </div> <div class="buttons-section"> <a data-element="button" target="" class="sw-font-size-m sw-text-color-ffffff sw-font-family-default sw-font-weight-semibold sw-border-radius-l sw-background-color-3349c0 sw-padding-left-xs sw-padding-right-xs sw-padding-top-5xs sw-padding-bottom-5xs sw-border-color-2977c9 sw-border-style-solid sw-border-width-xs sw-letter-spacing-normal sw-text-decoration-no-underline hover:sw-text-decoration-no-underline hover:sw-box-shadow-m sw-display-block m:sw-margin-left-6xs" href="#degen">Generate Image</a> </div> </div> </div> </div> </nav> <header id="snipd" data-block-version="2.0.0" data-block-id="71e0f560-9378-406b-9765-9fc1a68c5cd5" data-block-updated="" style="" class="hero1-71e0f560-9378-406b-9765-9fc1a68c5cd5 sw-background-color-ffffff sw-padding-top-5xs sw-padding-bottom-none sw-border-top-style-none sw-border-top-width-xs sw-border-top-color-000000 sw-border-bottom-style-none sw-border-bottom-width-xs sw-border-bottom-color-000000 sw-background-repeat-no-repeat sw-background-size-cover sw-background-position-center sw-background-attachment-scroll "> <div class="container"> <div class="row align-items-center text-center pb-5"> <div class="col-lg-2"></div> <div class="col-lg-8"> <h1 class="sw-font-size-6xl sw-text-color-3349c0 sw-font-family-default sw-font-weight-bold sw-padding-top-4xs sw-padding-bottom-4xs sw-letter-spacing-normal sw-line-height-tight "> Generate HNS & ENS Website Images </h1> <p class="sw-font-size-l sw-text-color-default sw-font-family-default sw-font-weight-default sw-padding-top-none sw-padding-bottom-3xs sw-letter-spacing-normal sw-line-height-loose "> <img style="margin-top:-3px;" width="10%" src="https://softr-prod.imgix.net/applications/b2a6f3a7-49da-495e-9d80-df7db7021cf8/assets/c1f9bd9b-17ac-4388-bb72-f729b787303a.png"> is an easy way to generate images of Handshake and Ethereum websites. </p> <div class="d-flex justify-content-center flex-wrap"> </div> </div> <div class="col-lg-2"></div> </div> </div> </header> <section id="degen" data-block-version="2.1.2" data-block-id="b485f576-2a73-4ac9-8d8b-d149cf074699" data-block-updated="" style="" class="form3-b485f576-2a73-4ac9-8d8b-d149cf074699 sw-background-color-ffffff sw-padding-top-2xs sw-padding-bottom-xl sw-border-top-style-none sw-border-top-width-xs sw-border-top-color-000000 sw-border-bottom-style-none sw-border-bottom-width-xs sw-border-bottom-color-000000 sw-background-repeat-no-repeat sw-background-size-cover sw-background-position-center sw-background-attachment-scroll "> <div class="container"> <div class="row text-center"> <div class="col-lg-6 offset-md-3"> <h2 class="d-block sw-font-size-l sw-text-color-default sw-font-family-default sw-font-weight-default sw-padding-top-none sw-padding-bottom-6xs sw-letter-spacing-normal sw-line-height-normal sw-width-full"> Experimental, not for use in production. </h2> <p class="sw-font-size-xs sw-text-color-default sw-font-family-default sw-font-weight-default sw-padding-top-none sw-padding-bottom-4xs sw-letter-spacing-normal sw-line-height-normal "> You must explicitly add http:// in front of sites that are not served with SSL/HTTPS </p> </div> </div> <div class="row"> <div class="col-11 col-md-8 col-lg-6 mx-auto"> <div class="col-12 "> <div class="row"> <div class="col-12 text-center"> <input class="sw-form-capture-element sw-background-color-f1f1f4 hover:sw-background-color-FAFAFC sw-font-size-l sw-text-color-000000 sw-font-family-default sw-border-radius-l sw-padding-top-5xs sw-padding-bottom-5xs sw-margin-top-6xs sw-margin-bottom-6xs sw-border-style-solid sw-border-width-xs sw-border-color-F0F0F4 hover:sw-border-style-solid hover:sw-border-width-xs hover:sw-border-color-AEAEB5 sw-box-shadow-none sw-margin-bottom-6xs sw-display-inline-block sw-padding-left-5xs sw-padding-right-5xs sw-outline-none sw-width-full" id="sw-form-capture-URL" type="text" data-type="url" data-required="true" name="URL" placeholder="ex. theshake or http://almonit.eth"> </div> <div class="col-12 text-center"> <button data-element="button" data-action='submit' id="sw-form-capture-submit-btn" class="g-recaptcha sw-font-size-xl sw-text-color-default sw-font-family-default sw-font-weight-semibold sw-border-radius-default sw-background-color-default hover:sw-background-color-default hover:sw-box-shadow-s sw-padding-left-xs sw-padding-right-xs sw-padding-top-5xs sw-padding-bottom-5xs sw-margin-top-6xs sw-margin-bottom-6xs sw-border-style-none sw-border-width-xs sw-border-color-000000 sw-letter-spacing-normal sw-text-decoration-no-underline hover:sw-text-decoration-no-underline sw-width-full sw-display-inline-block" > Generate Image <div class="spinner-border sw-btn-spinner d-none text-light" role="status"> <span class="sr-only">Loading...</span> </div> <i class="fa fa-fw fa-check d-none" aria-hidden="true"></i> </button> </div> <p id="sw-form-success-message" data-success-action-state="OPEN_PAGE" data-success-action-path="NO_ACTION" class="col-12 text-center d-none sw-font-size-l sw-text-color-default sw-font-family-default sw-font-weight-default sw-padding-top-none sw-padding-bottom-none sw-letter-spacing-normal "> Thank you for getting in touch! </p> </div> </div> </div> </div> </div> </section> <section id="gallery1" data-block-version="2.0.1" data-block-id="522d30eb-0524-4401-bbff-b1fad4c1032f" data-block-updated="" class="gallery1-522d30eb-0524-4401-bbff-b1fad4c1032f sw-background-color-ffffff sw-padding-top-none sw-padding-bottom-7xs sw-border-top-style-none sw-border-top-width-xs sw-border-top-color-000000 sw-border-bottom-style-none sw-border-bottom-width-xs sw-border-bottom-color-000000 "> <div class="container"> <!-- Header --> <!-- Subheader --> <div class="row"> <div class="col-12"> <div id="gallery-slider" class="slick-slider overflow-hidden d-none"> <div class="sw-border-radius-none sw-margin-right-m sw-height-s gallery-slide" title="" style="background-image: url('https://softr-prod.imgix.net/applications/b2a6f3a7-49da-495e-9d80-df7db7021cf8/assets/29d5b5fc-0602-4069-a20e-9a0b6c40fc4c.png');"> </div> <div class="sw-border-radius-none sw-margin-right-m sw-height-s gallery-slide" title="" style="background-image: url('https://softr-prod.imgix.net/applications/b2a6f3a7-49da-495e-9d80-df7db7021cf8/assets/079f90b8-f187-42dc-a018-fec3101d3896.png');"> </div> <div class="sw-border-radius-s sw-margin-right-m sw-height-s gallery-slide" title="theshake_snipd" style="background-image: url('https://softr-prod.imgix.net/applications/b2a6f3a7-49da-495e-9d80-df7db7021cf8/assets/84b8bdb8-7f3c-43bb-b8ee-137b4e32605d.png');"> </div> <div class="sw-border-radius-none sw-margin-right-m sw-height-s gallery-slide" title="hcdn_snipd" style="background-image: url('https://softr-prod.imgix.net/applications/b2a6f3a7-49da-495e-9d80-df7db7021cf8/assets/e7410eee-8381-4b50-b199-cf1996d2eeaa.png');"> </div> <div class="sw-border-radius-none sw-margin-right-m sw-height-s gallery-slide" title="" style="background-image: url('https://softr-prod.imgix.net/applications/b2a6f3a7-49da-495e-9d80-df7db7021cf8/assets/ea06f414-8275-4841-90f1-9e178446a6a1.png');"> </div> <div class="sw-border-radius-none sw-margin-right-m sw-height-s gallery-slide" title="secret_droids_snipd" style="background-image: url('https://softr-prod.imgix.net/applications/b2a6f3a7-49da-495e-9d80-df7db7021cf8/assets/a8851327-9127-4074-8bf6-d991dc84b195.png');"> </div> <div class="sw-border-radius-s sw-margin-right-m sw-height-s gallery-slide" title="almonit_snipd" style="background-image: url('https://softr-prod.imgix.net/applications/b2a6f3a7-49da-495e-9d80-df7db7021cf8/assets/112dbd7c-5ab3-4944-b832-ed7372c1d595.png');"> </div> </div> </div> </div> </div> </section> <section id="trust" data-block-version="2.0.0" data-block-id="3c3e723d-f529-42e6-b128-e063d9fc9cac" data-block-updated="" class="partner1-3c3e723d-f529-42e6-b128-e063d9fc9cac sw-background-color-ffffff sw-padding-top-none sw-padding-bottom-m sw-border-top-style-none sw-border-top-width-xs sw-border-top-color-000000 sw-border-bottom-style-none sw-border-bottom-width-xs sw-border-bottom-color-000000 "> <div class="container"> <div class="row"> <div class="col-12 text-center"> <h2 class="sw-text-color-default sw-font-size-xl sw-font-family-default sw-font-weight-light sw-padding-top-none sw-padding-bottom-xs sw-letter-spacing-widest sw-line-height-normal " >Journey To The New Frontier</h2> </div> </div> <div class="row d-flex align-items-center text-center"> <div class="col-md-3 text-center pt-4"> <!-- picture --> <img src="https://softr-prod.imgix.net/applications/b2a6f3a7-49da-495e-9d80-df7db7021cf8/assets/63ccea00-d9a5-4a5b-b483-4196c50db23d.svg" class="sw-border-style-none sw-border-width-xs sw-border-color-000000 sw-border-radius-none sw-width-5xs " /> </div> <div class="col-md-3 text-center pt-4"> <!-- picture --> <img src="https://softr-prod.imgix.net/applications/b2a6f3a7-49da-495e-9d80-df7db7021cf8/assets/99c8e9d5-58e8-435a-bcde-6a0d886dab92.svg" class="sw-border-style-none sw-border-width-xs sw-border-color-000000 sw-border-radius-none sw-width-5xs " /> </div> <div class="col-md-3 text-center pt-4"> <!-- picture --> <img src="https://softr-prod.imgix.net/applications/b2a6f3a7-49da-495e-9d80-df7db7021cf8/assets/e13d8294-519b-4fe6-9e8e-aa9d7f2335fd.png" class="sw-border-style-none sw-border-width-xs sw-border-color-000000 sw-border-radius-none sw-width-5xs " /> </div> <div class="col-md-3 text-center pt-4"> <!-- picture --> <img src="https://softr-prod.imgix.net/applications/b2a6f3a7-49da-495e-9d80-df7db7021cf8/assets/5b3f14ee-70af-431c-bf97-5d73d74f2aac.png" class="sw-border-style-none sw-border-width-xs sw-border-color-000000 sw-border-radius-none sw-width-4xs " /> </div> </div> </div> </section> <section id="feature1" data-block-version="2.0.0" data-block-id="23cc4962-cbff-43b4-d83c-fdd7f788d714" data-block-updated="" style="" class="feature1-23cc4962-cbff-43b4-d83c-fdd7f788d714 sw-background-color-ffffff sw-padding-top-2xs sw-padding-bottom-m sw-border-top-style-none sw-border-top-width-xs sw-border-top-color-000000 sw-border-bottom-style-none sw-border-bottom-width-xs sw-border-bottom-color-000000 sw-background-repeat-no-repeat sw-background-size-cover sw-background-position-center sw-background-attachment-scroll "> <div class="container"> <div class="row align-items-center"> <div class="col-lg-6 text-center"> <img src="https://softr-prod.imgix.net/applications/b2a6f3a7-49da-495e-9d80-df7db7021cf8/assets/99c8e9d5-58e8-435a-bcde-6a0d886dab92.svg" class="sw-percentage-width-2xl sw-border-style-none sw-border-width-xs sw-border-color-000000 sw-border-radius-none mx-auto d-block" alt="Fingertip - Impervious"> </div> <div class="col-lg-6 pt-5 pt-lg-0 text-center text-lg-left"> <h2 class="sw-font-size-3xl sw-text-color-default sw-font-family-default sw-font-weight-default sw-padding-top-none sw-padding-bottom-4xs sw-letter-spacing-normal sw-line-height-normal "> Fingertip Is Your Gateway To The Decentralized Web </h2> <p class="sw-font-size-l sw-text-color-default sw-font-family-default sw-font-weight-default sw-padding-top-none sw-padding-bottom-3xs sw-letter-spacing-normal sw-line-height-loose "> Fingertip is fully open source software created to connect you to Ethereum (ENS) and Handshake (HNS) websites.
</p> <!-- Features --> <div class="media"> <div class="sw-font-size-4xl sw-text-color-af2e99 sw-margin-right-2xs sw-line-height-compact"> <i class="fas fa-link fa-fw"></i> </div> <div class="media-body text-left"> <h6 class="sw-font-size-3xl sw-text-color-default sw-font-family-default sw-font-weight-medium sw-letter-spacing-normal sw-margin-bottom-6xs sw-margin-top-none"> Access The Decentralized Web </h6> <p class="sw-font-size-l sw-text-color-default sw-font-family-default sw-font-weight-default sw-line-height-loose sw-letter-spacing-normal "> It's now easier than ever to browse decentralized websites on Ethereum and Handshake, trustlessly using Fingertip. </p> </div> </div> <div class="media"> <div class="sw-font-size-4xl sw-text-color-af2e99 sw-margin-right-2xs sw-line-height-compact"> <i class="fas fa-user-lock fa-fw"></i> </div> <div class="media-body text-left"> <h6 class="sw-font-size-3xl sw-text-color-default sw-font-family-default sw-font-weight-medium sw-letter-spacing-normal sw-margin-bottom-6xs sw-margin-top-none"> Start Browsing In Minutes </h6> <p class="sw-font-size-l sw-text-color-default sw-font-family-default sw-font-weight-default sw-line-height-loose sw-letter-spacing-normal "> Install and within minutes you'll have zero-trust browser security using DANE/TLSA without any centralized certificate authorities. </p> </div> </div> <p> <a target="" href="https://impervious.com/fingertip" class="sw-font-size-m sw-text-color-2977c9 sw-font-family-default sw-font-weight-semibold sw-margin-top-3xs sw-margin-bottom-3xs sw-letter-spacing-normal sw-text-decoration-no-underline hover:sw-text-decoration-no-underline sw-display-inline-block"> Available on Windows, Mac, and Linux. <i class="fa fa-fw fa-arrow-right ml-2"></i> </a> </p> </div> </div> </div> </section> <section id="cta3" style="" data-block-version="2.0.0" data-block-id="6d518d1f-bea1-40bd-96fe-6dd080976810" data-block-updated="" class="cta5-6d518d1f-bea1-40bd-96fe-6dd080976810 sw-background-color-ffffff sw-padding-top-none sw-padding-bottom-2xl sw-border-top-style-none sw-border-top-width-xs sw-border-top-color-000000 sw-border-bottom-style-none sw-border-bottom-width-xs sw-border-bottom-color-000000 sw-background-repeat-no-repeat sw-background-size-cover sw-background-position-center sw-background-attachment-scroll "> <div class="container"> <div class="row sw-background-color-none sw-border-style-none sw-border-width-xs sw-border-color-000000 sw-border-radius-none sw-box-shadow-none sw-padding-top-none sw-padding-bottom-none "> <div class="col-12 text-center"> </div> <div class="col-12 text-center"> <div class="d-flex justify-content-center flex-wrap"> <a data-element="button" target="" class="sw-font-size-xl sw-text-color-default sw-font-family-default sw-font-weight-semibold sw-border-radius-default sw-background-color-af2e99 sw-padding-left-m sw-padding-right-m sw-padding-top-4xs sw-padding-bottom-4xs sw-border-style-none sw-border-width-xs sw-border-color-2977c9 sw-letter-spacing-normal sw-text-decoration-no-underline hover:sw-text-decoration-no-underline hover:sw-box-shadow-m sw-margin-bottom-6xs sw-display-inline-block sw-margin-left-7xs sw-margin-right-7xs" href="https://impervious.com/fingertip"> Install Fingertip </a> </div> </div> </div> </div> </section> <section id="feature3" data-block-version="2.0.0" data-block-id="736ae97d-ea87-4fd4-971e-355e004abf4a" data-block-updated="" style="" class="feature1-736ae97d-ea87-4fd4-971e-355e004abf4a sw-background-color-ffffff sw-padding-top-m sw-padding-bottom-m sw-border-top-style-none sw-border-top-width-xs sw-border-top-color-000000 sw-border-bottom-style-none sw-border-bottom-width-xs sw-border-bottom-color-000000 sw-background-repeat-no-repeat sw-background-size-cover sw-background-position-center sw-background-attachment-scroll "> <div class="container"> <div class="row align-items-center"> <div class="col-lg-6 text-center"> <img src="https://softr-prod.imgix.net/applications/b2a6f3a7-49da-495e-9d80-df7db7021cf8/assets/5b3f14ee-70af-431c-bf97-5d73d74f2aac.png" class="sw-percentage-width-2xl sw-border-style-none sw-border-width-xs sw-border-color-000000 sw-border-radius-none mx-auto d-block" alt="Our awesome features"> </div> <div class="col-lg-6 pt-5 pt-lg-0 text-center text-lg-left"> <h2 class="sw-font-size-3xl sw-text-color-default sw-font-family-default sw-font-weight-default sw-padding-top-none sw-padding-bottom-4xs sw-letter-spacing-normal sw-line-height-normal "> Easily register and manage .forever domains </h2> <p class="sw-font-size-l sw-text-color-default sw-font-family-default sw-font-weight-default sw-padding-top-none sw-padding-bottom-3xs sw-letter-spacing-normal sw-line-height-loose "> The registry for .forever names is deployed on Ethereum and unowned by anyone, so it is completely decentralized. </p> <!-- Features --> <div class="media"> <div class="sw-font-size-4xl sw-text-color-af2e99 sw-margin-right-2xs sw-line-height-compact"> <i class="fas fa-infinity fa-fw"></i> </div> <div class="media-body text-left"> <h6 class="sw-font-size-3xl sw-text-color-default sw-font-family-default sw-font-weight-medium sw-letter-spacing-normal sw-margin-bottom-6xs sw-margin-top-none"> Forever Blockchain Domain </h6> <p class="sw-font-size-l sw-text-color-default sw-font-family-default sw-font-weight-default sw-line-height-loose sw-letter-spacing-normal "> Each .forever domain is an NFT because it's issued as an ERC-721 token on the Ethereum blockchain. </p> </div> </div> <div class="media"> <div class="media-body text-left"> <h6 class="sw-font-size-3xl sw-text-color-default sw-font-family-default sw-font-weight-medium sw-letter-spacing-normal sw-margin-bottom-6xs sw-margin-top-none"> </h6> <p class="sw-font-size-l sw-text-color-default sw-font-family-default sw-font-weight-default sw-line-height-loose sw-letter-spacing-normal "> </p> </div> </div> <p> <a target="" href="https://foreverdomains.io/about/index.html" class="sw-font-size-m sw-text-color-2977c9 sw-font-family-default sw-font-weight-semibold sw-margin-top-3xs sw-margin-bottom-3xs sw-letter-spacing-normal sw-text-decoration-no-underline hover:sw-text-decoration-no-underline sw-display-inline-block"> More About Forever Domains <i class="fa fa-fw fa-arrow-right ml-2"></i> </a> </p> </div> </div> </div> </section> <section id="cta5" style="" data-block-version="2.0.0" data-block-id="1b165498-7e55-41de-d493-efea8e440378" data-block-updated="" class="cta5-1b165498-7e55-41de-d493-efea8e440378 sw-background-color-ffffff sw-padding-top-none sw-padding-bottom-2xl sw-border-top-style-none sw-border-top-width-xs sw-border-top-color-000000 sw-border-bottom-style-none sw-border-bottom-width-xs sw-border-bottom-color-000000 sw-background-repeat-no-repeat sw-background-size-cover sw-background-position-center sw-background-attachment-scroll "> <div class="container"> <div class="row sw-background-color-none sw-border-style-none sw-border-width-xs sw-border-color-000000 sw-border-radius-none sw-box-shadow-none sw-padding-top-none sw-padding-bottom-none "> <div class="col-12 text-center"> </div> <div class="col-12 text-center"> <div class="d-flex justify-content-center flex-wrap"> <a data-element="button" target="" class="sw-font-size-xl sw-text-color-default sw-font-family-default sw-font-weight-semibold sw-border-radius-default sw-background-color-8a6afe sw-padding-left-m sw-padding-right-m sw-padding-top-4xs sw-padding-bottom-4xs sw-border-style-none sw-border-width-xs sw-border-color-2977c9 sw-letter-spacing-normal sw-text-decoration-no-underline hover:sw-text-decoration-no-underline hover:sw-box-shadow-m sw-margin-bottom-6xs sw-display-inline-block sw-margin-left-7xs sw-margin-right-7xs" href="https://foreverdomains.io/"> Buy Forever Domains </a> </div> </div> </div> </div> </section> <section id="other1" data-block-version="2.0.1" data-block-id="bbc49413-3399-4a39-adac-3d4584f8b4c5" data-block-updated="" style="" class="code-highlighter1-bbc49413-3399-4a39-adac-3d4584f8b4c5 sw-background-color-ffffff sw-padding-top-2xl sw-padding-bottom-2xl sw-border-top-style-none sw-border-top-width-xs sw-border-top-color-000000 sw-border-bottom-style-none sw-border-bottom-width-xs sw-border-bottom-color-000000 sw-background-repeat-no-repeat sw-background-size-cover sw-background-position-center sw-background-attachment-scroll "> <div class="container"> <div class="col-12 text-center"> <h2 class="sw-font-size-4xl sw-text-color-default sw-font-family-default sw-font-weight-default sw-padding-top-none sw-padding-bottom-4xs sw-letter-spacing-normal sw-line-height-normal "> Use The SNIPD API In Your Applications </h2> <p class="sw-font-size-xl sw-text-color-default sw-font-family-default sw-font-weight-default sw-padding-top-none sw-padding-bottom-m sw-letter-spacing-normal sw-line-height-loose "> For the time being everyone has free access to the API. <br><strong>Experimental, use at your own risk. </strong> </p> </div> <div class="row align-items-center"> <div class="col-md-10 text-center offset-md-1 col-12"> <div class="row"> <div id="code-tabs" class="container sw-background-color-201e3a "> <nav> <div class="nav nav-tabs" id="myTab" role="tablist"> <a class="nav-item nav-link active" href="#0a" data-toggle="tab" role="tab" id="0b" aria-controls="0a" aria-selected="true"> Handshake API </a> <a class="nav-item nav-link " href="#1a" data-toggle="tab" role="tab" id="1b" aria-controls="1a" aria-selected="true"> Full Page Image </a> <a class="nav-item nav-link " href="#2a" data-toggle="tab" role="tab" id="2b" aria-controls="2a" aria-selected="true"> Custom Width/Height </a> <a class="nav-item nav-link " href="#3a" data-toggle="tab" role="tab" id="3b" aria-controls="3a" aria-selected="true"> Latest Capture </a> </div> </nav> <div class="tab-content" id="nav-tabContent"> <div class="tab-pane fade show active" role="tabpanel" aria-labelledby="0b" id="0a"> <pre class="line-numbers sw-background-color-201e3a "> <code style="white-space: pre-wrap;" class="language-Select language"> Generate Full Page Images:
https://api.snipd/capture?url=https://thehandshaketarot&fullPage=true
------------------------------------------------
Generate Custom Sized Images:
https://api.snipd/capture?url=http://almonit.eth&width=650&height=350
------------------------------------------------
Pull the most recent capture from the server.
https://api.snipd/latest
NOTE: You must explicitly add http:// in front of sites that are not served with SSL/HTTPS on all endpoints. </code> </pre> </div> <div class="tab-pane fade show active" role="tabpanel" aria-labelledby="1b" id="1a"> <pre class="line-numbers sw-background-color-201e3a "> <code style="white-space: pre-wrap;" class="language-html"> Generate Full Page Images:
https://api.snipd.xyz/capture?url=http://almonit.eth&fullPage=true
Append desired .eth or handshake name after the first equal sign
Then append &fullPage=true onto the end
NOTE: You must explicitly add http:// in front of sites that are not served with SSL/HTTPS on all endpoints.
</code> </pre> </div> <div class="tab-pane fade show active" role="tabpanel" aria-labelledby="2b" id="2a"> <pre class="line-numbers sw-background-color-201e3a "> <code style="white-space: pre-wrap;" class="language-html"> Generate Custom Sized Images:
https://api.snipd.xyz/capture?url=http://almonit.eth&width=650&height=350
Replace with desired width and height.
(Appended after the URL you wish to generate an image for)
NOTE: You must explicitly add http:// in front of sites that are not served with SSL/HTTPS on all endpoints. </code> </pre> </div> <div class="tab-pane fade show active" role="tabpanel" aria-labelledby="3b" id="3a"> <pre class="line-numbers sw-background-color-201e3a "> <code style="white-space: pre-wrap;" class="language-Select language"> Pull the most recent capture from the server.
https://api.snipd.xyz/latest
</code> </pre> </div> </div> </div> </div> </div> </div> </div> </section> <header id="loading" data-block-version="2.0.0" data-block-id="40ce4e8a-2f67-4c9c-a3c3-60a10e4148c9" data-block-updated="" style="" class="hero1-40ce4e8a-2f67-4c9c-a3c3-60a10e4148c9 sw-background-color-f6f6f6 sw-padding-top-2xl sw-padding-bottom-xl sw-border-top-style-none sw-border-top-width-xs sw-border-top-color-000000 sw-border-bottom-style-none sw-border-bottom-width-xs sw-border-bottom-color-000000 sw-background-repeat-no-repeat sw-background-size-cover sw-background-position-center sw-background-attachment-scroll "> <div class="container"> <div class="row align-items-center text-center pb-5"> <div class="col-lg-2"></div> <div class="col-lg-8"> <h1 class="sw-font-size-xl sw-text-color-default sw-font-family-default sw-font-weight-default sw-padding-top-none sw-padding-bottom-4xs sw-letter-spacing-normal sw-line-height-normal "> Loading .ETH Image </h1> <p class="sw-font-size-l sw-text-color-default sw-font-family-default sw-font-weight-default sw-padding-top-none sw-padding-bottom-none sw-letter-spacing-normal sw-line-height-loose "> Please be patient. The image will render shortly. </p> <div class="d-flex justify-content-center flex-wrap"> </div> </div> <div class="col-lg-2"></div> </div> <div class="row align-items-center"> <div class="col-lg-2"></div> <div class="col-lg-8 text-center"> <img src="https://softr-prod.imgix.net/applications/b2a6f3a7-49da-495e-9d80-df7db7021cf8/assets/94b4f437-e8ac-4e24-bf1b-20d33d3853f7.svg" class="sw-percentage-width-3xl sw-border-style-none sw-border-width-xs sw-border-color-000000 sw-border-radius-none mx-auto d-block" alt="Image alt"> </div> <div class="col-lg-2"></div> </div> </div> </header> <header id="hloading" data-block-version="2.0.0" data-block-id="191c1c81-6937-42d1-a660-219f493be4b0" data-block-updated="" style="" class="hero1-191c1c81-6937-42d1-a660-219f493be4b0 sw-background-color-f6f6f6 sw-padding-top-2xl sw-padding-bottom-xl sw-border-top-style-none sw-border-top-width-xs sw-border-top-color-000000 sw-border-bottom-style-none sw-border-bottom-width-xs sw-border-bottom-color-000000 sw-background-repeat-no-repeat sw-background-size-cover sw-background-position-center sw-background-attachment-scroll "> <div class="container"> <div class="row align-items-center text-center pb-5"> <div class="col-lg-2"></div> <div class="col-lg-8"> <h1 class="sw-font-size-xl sw-text-color-default sw-font-family-default sw-font-weight-default sw-padding-top-none sw-padding-bottom-4xs sw-letter-spacing-normal sw-line-height-normal "> Loading Handshake Image </h1> <p class="sw-font-size-l sw-text-color-default sw-font-family-default sw-font-weight-default sw-padding-top-none sw-padding-bottom-none sw-letter-spacing-normal sw-line-height-loose "> Please be patient. The image will render shortly. </p> <div class="d-flex justify-content-center flex-wrap"> </div> </div> <div class="col-lg-2"></div> </div> <div class="row align-items-center"> <div class="col-lg-2"></div> <div class="col-lg-8 text-center"> <img src="https://softr-prod.imgix.net/applications/b2a6f3a7-49da-495e-9d80-df7db7021cf8/assets/1824d6b9-732c-44c4-8133-c1ab73c5720e.svg" class="sw-percentage-width-s sw-border-style-none sw-border-width-xs sw-border-color-000000 sw-border-radius-none mx-auto d-block" alt="Image alt"> </div> <div class="col-lg-2"></div> </div> </div> </header> <header id="sloadingg" data-block-version="2.0.0" data-block-id="b4feeef4-f546-4658-ac63-85ff71fb4e1c" data-block-updated="" style="" class="hero1-b4feeef4-f546-4658-ac63-85ff71fb4e1c sw-background-color-f6f6f6 sw-padding-top-7xl sw-padding-bottom-7xl sw-border-top-style-none sw-border-top-width-xs sw-border-top-color-000000 sw-border-bottom-style-none sw-border-bottom-width-xs sw-border-bottom-color-000000 sw-background-repeat-no-repeat sw-background-size-cover sw-background-position-center sw-background-attachment-scroll "> <div class="container"> <div class="row align-items-center text-center pb-5"> <div class="col-lg-2"></div> <div class="col-lg-8"> <h1 class="sw-font-size-xl sw-text-color-default sw-font-family-default sw-font-weight-default sw-padding-top-none sw-padding-bottom-4xs sw-letter-spacing-normal sw-line-height-normal "> Loading Website Image </h1> <p class="sw-font-size-l sw-text-color-default sw-font-family-default sw-font-weight-default sw-padding-top-none sw-padding-bottom-none sw-letter-spacing-normal sw-line-height-loose "> Please be patient. The image will render shortly. </p> <div class="d-flex justify-content-center flex-wrap"> </div> </div> <div class="col-lg-2"></div> </div> <div class="row align-items-center"> <div class="col-lg-2"></div> <div class="col-lg-8 text-center"> <img src="https://softr-prod.imgix.net/applications/b2a6f3a7-49da-495e-9d80-df7db7021cf8/assets/c1f9bd9b-17ac-4388-bb72-f729b787303a.png" class="sw-percentage-width-4xs sw-border-style-none sw-border-width-xs sw-border-color-000000 sw-border-radius-none mx-auto d-block" alt="Image alt"> </div> <div class="col-lg-2"></div> </div> </div> </header> <section id="other2" data-block-version="2.0.0" data-block-id="fff71fc5-9379-4c8d-8abb-9ab31856a980" data-block-updated="" style="" class="text1-fff71fc5-9379-4c8d-8abb-9ab31856a980 sw-background-color-ffffff sw-padding-top-2xl sw-padding-bottom-3xs sw-border-top-style-none sw-border-top-width-xs sw-border-top-color-000000 sw-border-bottom-style-none sw-border-bottom-width-xs sw-border-bottom-color-000000 sw-background-repeat-no-repeat sw-background-size-cover sw-background-position-center sw-background-attachment-scroll ""> <div class="container"> <div class="row align-items-center"> <div class="col-12 sw-font-family-default sw-letter-spacing-normal sw-line-height-loose "> <div class="ql-editor"><h2>Donations keep this service running.</h2><p><br></p><p><span style="font-size: 26px;">HNS: </span><span style="font-size: 26px; color: rgb(0, 0, 0);">hs1qhqdy4x9we5w0sjkasmn9m2rrzqyta38madhqxu</span></p><p><br></p><p><span style="color: rgb(0, 0, 0); font-size: 26px;">BTC: </span><span style="color: rgb(29, 28, 29); font-size: 26px;">1Q7AB7JSkdVBPk7gh9eqH2VaKSp4RSENDk</span></p><p><br></p><p><span style="color: rgb(29, 28, 29); font-size: 26px;">ETH: </span><span style="font-size: 26px;">0x5430658F2E32914C49D8F798d518eE8D84fE1601</span></p></div> </div> </div> </div> </section> <footer id="home_footer3" data-block-version="2.0.0" data-block-id="767884ef-205d-46d1-982d-e530e7659f4d" data-block-updated="" class="footer2-767884ef-205d-46d1-982d-e530e7659f4d sw-background-color-ffffff sw-padding-top-2xl sw-padding-bottom-2xl sw-border-top-style-none sw-border-top-width-xs sw-border-top-color-000000 sw-border-bottom-style-none sw-border-bottom-width-xs sw-border-bottom-color-000000 "> <div class="container"> <div class="row"> <div class="col-12 col-md-5 "> <!-- Logo --> <a href="/"> <img class="sw-width-6xs " src="https://softr-prod.imgix.net/applications/b2a6f3a7-49da-495e-9d80-df7db7021cf8/assets/c1f9bd9b-17ac-4388-bb72-f729b787303a.png" alt=""> </a> <!-- Description --> <p class="sw-font-size-m sw-text-color-default sw-font-family-default sw-font-weight-default sw-padding-top-3xs sw-padding-bottom-none sw-line-height-loose "><a href="https://github.com/FliKites/capture-website-api">Created Using Open Source Software </a></p> </div> <!-- Link Groups --> <div class="pt-4 pt-md-0 col-6 col-md-3 offset-md-1"> <h6 class="sw-font-size-m sw-text-color-000000 sw-font-family-default sw-font-weight-semibold sw-line-height-loose "> </h6> </div> <div class="pt-4 pt-md-0 col-6 col-md-3 "> <h6 class="sw-font-size-m sw-text-color-000000 sw-font-family-default sw-font-weight-semibold sw-line-height-loose "> </h6> </div> </div> <!-- Social Icons --> <div class="row"> <div class="col-12"> <div class="text-left pt-4 pt-sm-2"> <!-- ToDo Styles --> <a href="https://twitter.com/snipd_xyz" target="_blank" class="sw-font-size-m sw-text-color-000000 sw-width-11xs sw-display-inline-block sw-min-width-6xs sw-margin-right-7xs sw-text-align-center sw-border-radius-s sw-border-color-eaeff4 sw-border-style-solid sw-border-width-xs sw-padding-right-7xs sw-padding-left-7xs sw-padding-top-7xs sw-padding-bottom-7xs sw-opacity-2xs"> <i class="fab fa-twitter"></i> </a> <!-- ToDo Styles --> <a href="https://github.com/FliKites/capture-website-api" target="_blank" class="sw-font-size-m sw-text-color-000000 sw-width-11xs sw-display-inline-block sw-min-width-6xs sw-margin-right-7xs sw-text-align-center sw-border-radius-s sw-border-color-eaeff4 sw-border-style-solid sw-border-width-xs sw-padding-right-7xs sw-padding-left-7xs sw-padding-top-7xs sw-padding-bottom-7xs sw-opacity-2xs"> <i class="fab fa-github"></i> </a> </div> </div> </div> </div> </footer> </div>
<!-- Scripts -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
<script type="text/javascript">
if(window.jQuery && window.jQuery.ajaxSetup) {
window.jQuery.ajaxSetup({
beforeSend: function(xhr, settings) {
if(settings && settings.url && (settings.url.includes('/integrations/airtable/') || settings.url.includes('/v1/applications/b2a6f3a7-49da-495e-9d80-df7db7021cf8'))){
xhr.setRequestHeader('softr-page-id', '4127d859-cab3-46a1-aeb3-254205e74668');
}
}
});
}
window['home_header2'] = {}; ;(function () { const elements = JSON.parse(`{"definitions":{"link":{"tag":"a","type":"link","primaryStyles":[{"name":"size-color","label":"Text Size/Color","isPrimary":true,"classes":["sw-font-size-m","sw-text-color-000000"]},{"name":"font-family","label":"Font family","isPrimary":true,"classes":["sw-font-family-default"]},{"name":"font-weight","label":"Font weight","isPrimary":true,"classes":["sw-font-weight-semibold"]},{"name":"letter-spacing","label":"Letter spacing","isPrimary":true,"classes":["sw-letter-spacing-normal"]}],"otherStyles":[{"name":"others","label":"Others","isPrimary":true,"classes":["sw-display-block","sw-padding-top-6xs","sw-padding-bottom-6xs","sw-padding-left-6xs","sw-padding-right-xs","hover:sw-text-decoration-no-underline"]}],"value":"Link name","action":{"type":"navigate","options":{"url":{"destination":"","target":""}}}},"profileLink":{"link":{"tag":"a","type":"link","primaryStyles":[{"name":"size-color","label":"Text Size/Color","isPrimary":true,"classes":["sw-font-size-s","sw-text-color-000000"]},{"name":"font-family","label":"Font family","isPrimary":true,"classes":["sw-font-family-default"]},{"name":"font-weight","label":"Font weight","isPrimary":true,"classes":["sw-font-weight-normal"]},{"name":"letter-spacing","label":"Letter spacing","isPrimary":true,"classes":["sw-letter-spacing-normal"]}],"otherStyles":[{"name":"others","label":"Others","isPrimary":true,"classes":["sw-display-flex","sw-padding-top-7xs","sw-padding-bottom-7xs","sw-padding-left-7xs","sw-padding-right-7xs","hover:sw-text-decoration-no-underline","active:sw-background-color-transparent"]}],"value":"Link name","action":{"type":"navigate","options":{"url":{"destination":"","target":""}}}},"icon":{"tag":"i","type":"icon","primaryStyles":[{"name":"size-color","label":"Icon Size/Color","isPrimary":true,"showFor":"icon","classes":["sw-font-size-s","sw-text-color-13324b"]},{"name":"width","label":"Icon Size","isPrimary":true,"showFor":"image","classes":["sw-width-11xs"]}],"otherStyles":[{"name":"others","label":"Others","isPrimary":true,"classes":["sw-margin-right-7xs","sw-margin-left-7xs","sw-text-align-left"]}],"provider":"font-awesome","value":"fas fa-shield-alt","src":""}},"compositeLink":{"link":{"tag":"a","type":"link","primaryStyles":[{"name":"size-color","label":"Text Size/Color","isPrimary":true,"classes":["sw-font-size-m","sw-text-color-000000"]},{"name":"font-family","label":"Font family","isPrimary":true,"classes":["sw-font-family-default"]},{"name":"font-weight","label":"Font weight","isPrimary":true,"classes":["sw-font-weight-semibold"]},{"name":"letter-spacing","label":"Letter spacing","isPrimary":true,"classes":["sw-letter-spacing-normal"]}],"otherStyles":[{"name":"others","label":"Others","isPrimary":true,"classes":["sw-display-block","sw-padding-top-6xs","sw-padding-bottom-6xs","sw-padding-left-6xs","sw-padding-right-xs","hover:sw-text-decoration-no-underline"]}],"value":"Link name","action":{"type":"navigate","options":{"url":{"destination":"","target":""}}}},"subLinks":{"type":"array","item_type":"#/elements/definitions/link","items":[]}},"button":{"tag":"a","type":"button","primaryStyles":[{"name":"size-color","label":"Text Size/Color","isPrimary":true,"classes":["sw-font-size-m","sw-text-color-default"]},{"name":"font-family","label":"Font family","isPrimary":true,"classes":["sw-font-family-default"]},{"name":"font-weight","label":"Font weight","isPrimary":true,"classes":["sw-font-weight-semibold"]},{"name":"border-radius","label":"Roundness","isPrimary":true,"classes":["sw-border-radius-full"]},{"name":"background-color","label":"Background color","isPrimary":true,"classes":["sw-background-color-default"]},{"name":"padding-left-right","label":"Padding left/right","isPrimary":true,"classes":["sw-padding-left-2xs","sw-padding-right-2xs"]},{"name":"padding-top-bottom","label":"Padding top/bottom","isPrimary":true,"classes":["sw-padding-top-6xs","sw-padding-bottom-6xs"]},{"name":"border-style","label":"Border Style","isPrimary":true,"classes":["sw-border-color-2977c9","sw-border-style-solid","sw-border-width-xs"]},{"name":"letter-spacing","label":"Letter spacing","isPrimary":true,"classes":["sw-letter-spacing-normal"]}],"otherStyles":[{"name":"others","label":"Others","isPrimary":true,"classes":["sw-text-decoration-no-underline","hover:sw-text-decoration-no-underline","hover:sw-box-shadow-m","sw-display-block","m:sw-margin-left-6xs"]}],"label":"Button label","action":{"type":"navigate","options":{"url":{"destination":"","target":""}}}}},"sticky":false,"profileEnabled":false,"container":{"tag":"nav","type":"container","primaryStyles":[{"name":"background-color","label":"Background color","isPrimary":true,"classes":["sw-background-color-ffffff"]},{"name":"padding-top","label":"Padding top","isPrimary":true,"classes":["sw-padding-top-6xs"]},{"name":"padding-bottom","label":"Padding bottom","isPrimary":true,"classes":["sw-padding-bottom-6xs"]},{"name":"border-top","label":"Border top","isPrimary":true,"classes":["sw-border-top-style-none","sw-border-top-width-xs","sw-border-top-color-000000"]},{"name":"border-bottom","label":"Border bottom","isPrimary":true,"classes":["sw-border-bottom-style-none","sw-border-bottom-width-xs","sw-border-bottom-color-000000"]}]},"logo":{"tag":"img","type":"image-with-link","primaryStyles":[{"name":"width","label":"Width","isPrimary":true,"classes":["sw-width-5xs"]}],"src":"https://softr-prod.imgix.net/applications/b2a6f3a7-49da-495e-9d80-df7db7021cf8/assets/c1f9bd9b-17ac-4388-bb72-f729b787303a.png","alt":""},"links":{"type":"array","item_type":"#/elements/definitions/compositeLink","items":[{"link":{"tag":"a","type":"link","primaryStyles":[{"name":"size-color","label":"Text Size/Color","isPrimary":true,"classes":["sw-font-size-m","sw-text-color-000000"]},{"name":"font-family","label":"Font family","isPrimary":true,"classes":["sw-font-family-default"]},{"name":"font-weight","label":"Font weight","isPrimary":true,"classes":["sw-font-weight-normal"]},{"name":"letter-spacing","label":"Letter spacing","isPrimary":true,"classes":["sw-letter-spacing-normal"]}],"otherStyles":[{"name":"others","label":"Others","isPrimary":true,"classes":["sw-display-block","sw-padding-top-6xs","sw-padding-bottom-6xs","sw-padding-left-6xs","sw-padding-right-xs","hover:sw-text-decoration-no-underline"]}],"value":"Latest Website Image","action":{"type":"navigate","options":{"url":{"destination":"https://slyfi/","target":""}}}},"subLinks":{"type":"array","item_type":"#/elements/definitions/link","items":[]}}]},"buttons":{"type":"array","item_type":"#/elements/definitions/button","items":[{"tag":"a","type":"button","primaryStyles":[{"name":"size-color","label":"Text Size/Color","isPrimary":true,"classes":["sw-font-size-m","sw-text-color-ffffff"]},{"name":"font-family","label":"Font family","isPrimary":true,"classes":["sw-font-family-default"]},{"name":"font-weight","label":"Font weight","isPrimary":true,"classes":["sw-font-weight-semibold"]},{"name":"border-radius","label":"Roundness","isPrimary":true,"classes":["sw-border-radius-l"]},{"name":"background-color","label":"Background color","isPrimary":true,"classes":["sw-background-color-3349c0"]},{"name":"padding-left-right","label":"Padding left/right","isPrimary":true,"classes":["sw-padding-left-xs","sw-padding-right-xs"]},{"name":"padding-top-bottom","label":"Padding top/bottom","isPrimary":true,"classes":["sw-padding-top-5xs","sw-padding-bottom-5xs"]},{"name":"border-style","label":"Border Style","isPrimary":true,"classes":["sw-border-color-2977c9","sw-border-style-solid","sw-border-width-xs"]},{"name":"letter-spacing","label":"Letter spacing","isPrimary":true,"classes":["sw-letter-spacing-normal"]}],"otherStyles":[{"name":"others","label":"Others","isPrimary":true,"classes":["sw-text-decoration-no-underline","hover:sw-text-decoration-no-underline","hover:sw-box-shadow-m","sw-display-block","m:sw-margin-left-6xs"]}],"label":"Generate Image","action":{"type":"navigate","options":{"url":{"destination":"#degen","target":""}},"action":"Open external url > #degen"}}]},"profileLinks":{"type":"array","item_type":"#/elements/definitions/profileLink","items":[]},"profileIcon":{"tag":"img","primaryStyles":[{"name":"size-color","label":"Icon Size/Color","isPrimary":true,"showFor":"icon","classes":["sw-font-size-s","sw-text-color-ffffff"]},{"name":"background-color","label":"Background color","isPrimary":true,"classes":["sw-background-color-9ea5b4"]},{"name":"border","label":"Border","isPrimary":true,"classes":["sw-border-style-solid","sw-border-width-xs","sw-border-color-9ea5b4"]}],"otherStyles":[{"name":"others","label":"Others","isPrimary":true,"classes":["sw-background-attachment-scroll","sw-background-repeat-no-repeat","sw-background-position-center","sw-background-size-cover"]}],"src":"https://softr-assets-eu-shared.s3.eu-central-1.amazonaws.com/studio/blocks/assets/user_profile1.jpg","value":""}}`); if(elements.profileEnabled) { profileIconInitialization(); } $('#home_header2 .navbar-toggler-icon').on('click', function () { $('#home_header2 .mob-menu-content').addClass('show'); }); $('#home_header2 .navbar-close').on('click', function () { $('#home_header2 .mob-menu-content').removeClass('show'); }); oneButtonView($(window)); $(window).on('resize', function () { var win = $(this); oneButtonView(win) }); /* close the mobile menu */ $('#home_header2 .mob-menu-body a').click(function () { if ($(this).attr('aria-controls')) { return; } $('#home_header2 .mob-menu-content').removeClass('show'); }); var bgColor = window.getComputedStyle(document.querySelector('nav#home_header2'), null).getPropertyValue('background-color'); if (lightOrDark(bgColor) === 'dark') { $('nav#home_header2').removeClass('navbar-light'); $('nav#home_header2').addClass('navbar-dark'); $('#home_header2 .navbar-close i').css('color', '#ffffff'); $('#home_header2 .arrow').css('border-left', '2px solid #ffffff'); $('#home_header2 .arrow').css('border-top', '2px solid #ffffff'); } $('#home_header2 a.dropdown-item').hover(function () { $(this).css('background-color', bgColor); }); profileIconSizeCalculation(); $('#home_header2 .navbar-nav .dropdown-menu').css('background-color', bgColor); $('#home_header2 .mob-menu-content').css('background-color', bgColor); $('#home_header2 .link').css('background-color', bgColor); function lightOrDark(color) { /* Variables for red, green, blue values */ var r, g, b, hsp; /* Check the format of the color, HEX or RGB? */ if (color.match(/^rgb/)) { /* If HEX --> store the red, green, blue values in separate variables */ color = color.match(/^rgba?\((\d+),\s*(\d+),\s*(\d+)(?:,\s*(\d+(?:\.\d+)?))?\)$/); r = color[1]; g = color[2]; b = color[3]; } else { /* If RGB --> Convert it to HEX: http://gist.github.com/983661 */ color = +("0x" + color.slice(1).replace( color.length < 5 && /./g, '$&$&')); r = color >> 16; g = color >> 8 & 255; b = color & 255; } /* HSP (Highly Sensitive Poo) equation from http://alienryderflex.com/hsp.html */ hsp = Math.sqrt( 0.299 * (r * r) + 0.587 * (g * g) + 0.114 * (b * b) ); /* Using the HSP value, determine whether the color is light or dark */ if (hsp > 127.5) { return 'light'; } else { return 'dark'; } } function oneButtonView(win) { if (win.width() <= 414) { if ($('.navbar-nav').hasClass('empty-links') && $('.navbar-nav').hasClass('one-button')) { if(!$('.profile-dropdown-toggle').length) { $('.desktop-menu').hide(); $('.toggle-button').show(); } } } if (win.width() <= 992 && win.width() > 414) { if ($('.navbar-nav').hasClass('empty-links') && $('.navbar-nav').hasClass('one-button')) { $('.desktop-menu').show(); $('.toggle-button').hide(); } } if (win.width() <= 992) { if ($('.navbar-nav').hasClass('empty-links') && $('.navbar-nav').hasClass('empty-buttons')) { $('.desktop-menu').show(); $('.toggle-button').hide(); } } } function signout() { deleteCookie('jwtToken'); window.location.href = '/'; } function deleteCookie(name) { document.cookie = name + "=;path=/; expires=Thu, 01 Jan 1970 00:00:00 UTC" + ";" + 'SameSite=None; Secure'; } function profileIconInitialization() { let loggedInUser = window['logged_in_user']; if(loggedInUser) { let avatarUrl; if(loggedInUser['softr_user_profile_picture_mapped_field'] && loggedInUser[loggedInUser['softr_user_profile_picture_mapped_field']]) { const avatar = loggedInUser[loggedInUser['softr_user_profile_picture_mapped_field']]; avatarUrl = (avatar[0].thumbnails && avatar[0].thumbnails.large.url) || avatar[0].url; $('#home_header2 .nav-link').css('background-image', 'url(\'' + avatarUrl + '\')'); $('#home_header2 .nav-link').addClass('profile-icons'); } else if(loggedInUser['softr_user_full_name']) { avatarUrl = extractUserNameFirstLetters(loggedInUser && loggedInUser['softr_user_full_name']); $('#home_header2 .nav-link').text(avatarUrl); $('#home_header2 .nav-link').addClass('profile-letters'); } } /*do not do anything, dummy image is here*/ } function profileIconSizeCalculation(){ const headerLinks = document.querySelector('nav#home_header2 .nav-item a'); if(!headerLinks) { return; } const fSize = window.getComputedStyle(headerLinks, null).getPropertyValue('font-size'); if(fSize <= '16px'){ $('#home_header2 .nav-item.dropdown a.profile-dropdown-toggle').css({ 'width': '31px', 'height': '31px', }); } else if (fSize > '16px' && fSize <= '24px') { $('#home_header2 .nav-item.dropdown a.profile-dropdown-toggle').css({ 'width': '34px', 'height': '34px', }); } else { $('#home_header2 .nav-item.dropdown a.profile-dropdown-toggle').css({ 'width': '38px', 'height': '38px', }); } } $("a[href='action:signout']").click(function(event) { event.preventDefault(); signout(); }); function extractUserNameFirstLetters(fullName) { const userName = fullName.trim().replace(/\s+/g, ' ').split(' '); let avatarLetters; let pattern = new RegExp('^[a-z]+', 'i'); let filteredUsername= userName.filter((item) => pattern.test(item)); filteredUsername = filteredUsername.length === 0 ? userName : filteredUsername; if (filteredUsername.length === 1) { avatarLetters = filteredUsername[0].length === 1 ? filteredUsername[0][0] : filteredUsername[0][0] + filteredUsername[0][1] } else { avatarLetters = filteredUsername[0][0] + filteredUsername[1][0]; } return avatarLetters; } })();
window['snipd'] = {};
window['degen'] = {}; window['degen']['airtableBaseUrl'] = 'https://api.airtable.com/v0/appQ9vaEq5KsMnAKY/snipd';;(function () { const blockId = 'b485f576-2a73-4ac9-8d8b-d149cf074699'; const formElemenetsSelector = '#degen .sw-form-capture-element'; const formFileElemenetsSelector = '#degen .sw-js-file-upload'; const formDropdownWrapperElemenetsSelector = '#degen div.bootstrap-select'; const dateTimeWrapperElemenetsSelector = '#degen div.sw-date-field'; const submitButtonSelector = '#degen #sw-form-capture-submit-btn'; const checkboxElemenetsSelector = '#degen span.checkmark'; const ratingStars = '#degen .sw-rating-container .fa.fa-star'; const ratingStarsContainer = '#degen .sw-rating-container > div'; const applicationId = $('body > div.content').attr('data-appid') || 'b2a6f3a7-49da-495e-9d80-df7db7021cf8'; const airtableBaseUrl = (window['degen'] && window['degen']['airtableBaseUrl']) || 'https://api.airtable.com/v0/appQ9vaEq5KsMnAKY/snipd'; const zapierWebhookUrl = ''; const integromatWebhookUrl = ''; const mailchimpUrl = ''; const mailerliteUrl = ''; const parsedMailchimpUrl = parseUrl(mailchimpUrl.replace(/&/g, '&')); const destinationEmail = ''; const dragAreaSelector = '#degen .drag-file-area'; const browseButtonSelector = '#degen .sw-js-browse-link'; const formSuccessMessageEl = '#degen #sw-form-success-message'; const actionState = $(formSuccessMessageEl).attr('data-success-action-state'); const actionPath = $(formSuccessMessageEl).attr('data-success-action-path'); const recaptchaEnabled = ('false' === 'true'); let pickers = []; if (isInStudio() && isShowMessageSelected()) { $(formSuccessMessageEl).removeClass('d-none'); } else { $(formSuccessMessageEl).addClass('d-none'); } function isShowMessageSelected() { return actionState === "SHOW_MESSAGE"; } let filesToUpload = {}; let uploadedFileUrls = {}; appendStyle('https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap-select.min.css'); appendScript('https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap-select.min.js', initSelectPickers); appendStyle('https://cdnjs.cloudflare.com/ajax/libs/toastr.js/2.1.4/toastr.min.css'); appendScript('https://cdnjs.cloudflare.com/ajax/libs/toastr.js/2.1.4/toastr.min.js'); appendStyle('https://cdn.jsdelivr.net/npm/[email protected]/dist/css/litepicker.css'); appendScript('https://cdn.jsdelivr.net/npm/[email protected]/dist/litepicker.js', loadLitepickerMobileFriendlyPlugin); function loadLitepickerMobileFriendlyPlugin() { appendScript('https://cdn.jsdelivr.net/npm/[email protected]/dist/plugins/mobilefriendly.js', initDatePicker); } initSelectPickers(); initDatePicker(); attachRatingFieldHandler(); checkGoogleMapScriptExistence(); function attachRatingFieldHandler() { $(ratingStars).click(function () { if (!$(this).hasClass('checked')) { $(this).parent().find('.checked').removeClass('checked'); $(this).addClass('checked'); } else { $(this).parent().find('.checked').removeClass('checked'); } }); } function checkGoogleMapScriptExistence() { const containsGoogleMapsApiScript = [...$('head script')] .some((script) => $(script).attr('src') && $(script).attr('src') .startsWith('https://maps.googleapis.com/maps/api/js')); if (containsGoogleMapsApiScript && $("#degen input[data-type='address']").length) { initAddressField(); } } function initAddressField() { setTimeout(() => { $("#degen input[data-type='address']").each(function () { const element = $(this).get()[0]; new google.maps.places.Autocomplete(element, { types: ["address"], }); }) }, 500); } function initSelectPickers() { if ($('#degen select').selectpicker) { $('#degen select').selectpicker(); $('#degen select').removeClass('d-none'); $('#degen select').addClass('d-block'); } else { const existCondition = setInterval(function () { if ($('#degen select').selectpicker) { $('#degen select').selectpicker(); $('#degen select').removeClass('d-none'); $('#degen select').addClass('d-block'); clearInterval(existCondition); } }, 100); } } function initDatePicker() { if (pickers.length > 0) { return; } if (window['Litepicker']) { setupDatePicker(); setupDateTimePicker(); } else { let existCondition = setInterval(() => { if (window['Litepicker']) { if (pickers.length > 0) { return; } setupDatePicker(); setupDateTimePicker(); clearInterval(existCondition); } }, 100); } } function setupDatePicker() { const urlParams = parsePrefillUrl(); $("#degen input[data-type='date']").each(function () { const element = $(this).get()[0]; let dateFromUrl = urlParams.find(field => field.name === $(element).attr('name')); if (dateFromUrl) { dateFromUrl = dateFromUrl.value.split('/')[0]; } else { dateFromUrl = null } const picker = new Litepicker({ element: element, plugins: ['mobilefriendly'], format: 'MMMM D YYYY', dropdowns: {minYear: 1930, maxYear: null, months: false, years: true}, startDate: dateFromUrl ? new Date(dateFromUrl.split('-').join(' ')) : '', setup: (pkr) => { pkr.on('selected', (date) => { $(element).attr('data-date-formatted-value', date.format('YYYY-MM-DD')); $(element).removeClass('sw-input-invalid'); }); pkr.on('change:year', (date, calendarIdx) => { $('#degen select.month-item-year').selectpicker(); let activeDate = $(element).attr('data-date-formatted-value').split('-'); activeDate[0] = date.getFullYear(); pkr.setDate(activeDate.join('-')); pkr.hide(); pkr.show(); }); pkr.on('change:month', (date, calendarIdx) => { $('#degen select.month-item-year').selectpicker(); }); pkr.on('show', (el) => { $('#degen select.month-item-year').selectpicker(); }); } }); pickers.push(picker); }); } function setupDateTimePicker() { const urlParams = parsePrefillUrl(); $("#degen input[data-type='dateTime']").each(function () { const element = $(this).get()[0]; let currentDate; let dateFromUrl = urlParams.find(field => field.name === $(element).attr('name')); if (dateFromUrl) { let date = new Date(dateFromUrl.value); const timeOffsetInMS = -(date.getTimezoneOffset() * 60000); const localDate = new Date(date.setTime(date.getTime() + timeOffsetInMS)); currentDate = `${localDate.getFullYear()}-${localDate.getMonth() + 1}-${localDate.getDate()},`; } else { dateFromUrl = null } const picker = new Litepicker({ element: element, plugins: ['mobilefriendly'], format: 'MMMM D YYYY', dropdowns: {minYear: 1930, maxYear: null, months: false, years: true}, startDate: dateFromUrl ? new Date(currentDate) : '', setup: (pkr) => { pkr.on('selected', (date) => { const selectElement = $(element)[0].nextElementSibling.querySelector('select'); $(element)[0].nextElementSibling.classList.remove('prevent-click'); let selectedTime = selectElement.getAttribute('data-time-formatted-value'); $(element.parentNode).removeClass('sw-input-invalid'); $(element.nextElementSibling).removeClass('sw-input-invalid'); if (!selectedTime) { selectElement.value = '00:00'; selectedTime = '00:00'; $(element.nextElementSibling).find('select[data-type="time"]').trigger('change'); } const selectedDate = date.format('YYYY-MM-DD'); $(element).attr('data-datetime-formatted-value', selectedDate + ' ' + selectedTime); removeSelectDefaultPlaceholder(); }); pkr.on('change:year', (date, calendarIdx) => { $('#degen select.month-item-year').selectpicker(); let activeDate = $(element).attr('data-datetime-formatted-value').split('-'); activeDate[0] = date.getFullYear(); pkr.setDate(activeDate.join('-')); pkr.hide(); pkr.show(); }); pkr.on('change:month', (date, calendarIdx) => { $('#degen select.month-item-year').selectpicker(); }); pkr.on('show', (el) => { $('#degen select.month-item-year').selectpicker(); }); } }); pickers.push(picker); }); $("#degen select[data-type='time']").change(function () { const element = $(this).get()[0]; const dateInputElement = $(element)[0].parentElement.previousElementSibling; const selectedTime = $(this).val(); $(element).attr('data-time-formatted-value', selectedTime); let selectedDate = dateInputElement.getAttribute('data-datetime-formatted-value'); if (selectedDate) { selectedDate = selectedDate.split(' ')[0]; } dateInputElement.setAttribute('data-datetime-formatted-value', selectedDate + ' ' + selectedTime); removeSelectDefaultPlaceholder(); }); console.log('Setup time picker'); setTimeout(() => removeSelectDefaultPlaceholder(), 100); } function removeSelectDefaultPlaceholder() { console.log('REMOVE PLACEHOLDER'); setTimeout(() => { [...document.querySelectorAll('[class*="filter-option-inner-inner"]')] .forEach(txt => { if (txt && txt.innerHTML.includes('Nothing selected')) { txt.innerHTML = '' } }); initialiseDropdownColors(); $("#degen select").change(function () { initialiseDropdownColors(); }); }); } function isEmail(email) { var emailReg = /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/; return email && emailReg.test(email); } function normalizeFileName(name) { let nameClone = name.split('.'); let fileName = nameClone.slice(0, -1).join('.'); const uniqueNme = fileName + '_' + uniqueID(); return standardizeFileName(uniqueNme); } function standardizeFileName(name) { let nameClone = String(name); nameClone = nameClone.replace(/\s/g, '_'); return nameClone.replace(/[^0-9a-zA-Z_.-]/gi, ''); } function parseUrl(url) { var parser = document.createElement('a'), searchObject = {}, queries, split, i; parser.href = url; queries = parser.search.replace(/^\?/, '').split('&'); for (i = 0; i < queries.length; i++) { split = queries[i].split('='); searchObject[split[0]] = split[1]; } return { protocol: parser.protocol, host: parser.host, hostname: parser.hostname, port: parser.port, pathname: parser.pathname, search: parser.search, searchObject: searchObject, hash: parser.hash }; } function collectEmailInMailchimp(payload, parsedMailchimpUrl, successCallback, errorCallback) { var data = ''; for (var key in payload) { if (isArray(payload[key]) && payload[key].length > 0) { data = data + key + '=' + [key].join(";") + '&'; } else { data = data + key + '=' + payload[key] + '&'; } } data = data + 'PAGE_AND_SECTION=' + window.location.href + '#degen'; $.ajax({ url: 'https://' + parsedMailchimpUrl.hostname + '/subscribe/post-json?u=' + parsedMailchimpUrl.searchObject.u + '&id=' + parsedMailchimpUrl.searchObject.id + '&c=?', type: 'GET', data: data, dataType: 'jsonp', contentType: 'application/json; charset=utf-8', success: function (data) { successCallback(); }, error: function (error) { console.log(error); if (error && error.responseJSON && error.responseJSON.message) { showErrorToastr(error.responseJSON.message); } errorCallback(); } }); } function collectEmailInMailerlite(payload, mailerliteUrl, successCallback, errorCallback) { var data = ''; for (var key in payload) { if (isArray(payload[key]) && payload[key].length > 0) { data = data + key + '=' + encodeURIComponent(payload[key]) + '&'; } else { data = data + key + '=' + encodeURIComponent(payload[key]) + '&'; } } data = data + 'fields[page_and_section]=' + encodeURIComponent(window.location.href + '#degen'); data = data + '&ml-submit=1'; $.ajax({ url: mailerliteUrl, type: 'POST', data: data, contentType: 'application/x-www-form-urlencoded', success: function (data) { successCallback(); }, error: function (error) { console.log(error); if (error && error.responseJSON && error.responseJSON.message) { showErrorToastr(error.responseJSON.message); } errorCallback(); } }); } function forwardToEmail(payload, destinationEmail, successCallback, errorCallback) { payload['PAGE_AND_SECTION'] = window.location.href + '#degen'; var _payload = {"attributes": payload}; for (let key in _payload.attributes) { if (isArray(_payload.attributes[key]) && _payload.attributes[key].length > 0) { _payload.attributes[key] = _payload.attributes[key].join(";"); } } /* File upload urls */ if (JSON.stringify(uploadedFileUrls) !== '{}') { for (let key in uploadedFileUrls) { uploadedFileUrls[key].forEach(function (file) { _payload['attributes'][key + ': ' + file.name] = file.url; }); } } $.ajax({ url: getFormToEmailUrl(destinationEmail), type: 'POST', data: JSON.stringify(_payload), contentType: 'application/json; charset=utf-8', success: function () { successCallback(); }, error: function (error) { console.log(error); if (error && error.responseJSON && error.responseJSON.message) { showErrorToastr(error.responseJSON.message); } errorCallback(); } }); } function sendToZapierWebhook(payload, zapierWebhookUrl, successCallback, errorCallback) { payload['PAGE_AND_SECTION'] = window.location.href + '#degen'; const _payload = payload; /* File upload urls */ if (JSON.stringify(uploadedFileUrls) !== '{}') { for (let key in uploadedFileUrls) { uploadedFileUrls[key].forEach(function (file, index) { _payload[key + ': ' + index] = file.url; }); } } $.ajax({ url: zapierWebhookUrl, type: 'POST', data: JSON.stringify(payload), success: function (data) { console.log(data); successCallback(); }, error: function (error) { console.log(error); if (error && error.responseJSON && error.responseJSON.message) { showErrorToastr(error.responseJSON.message); } errorCallback(); } }); } function sendToIntegromatWebhook(payload, integromatWebhookUrl, successCallback, errorCallback) { payload['PAGE_AND_SECTION'] = window.location.href + '#degen'; const _payload = payload; /* File upload urls */ if (JSON.stringify(uploadedFileUrls) !== '{}') { for (let key in uploadedFileUrls) { uploadedFileUrls[key].forEach(function (file, index) { _payload[key + ': ' + index] = file.url; }); } } $.ajax({ url: integromatWebhookUrl, type: 'POST', data: JSON.stringify(payload), contentType: 'application/json; charset=utf-8', success: function (data) { console.log(data); successCallback(); }, error: function (error) { console.log(error); if (error && error.responseJSON && error.responseJSON.message) { showErrorToastr(error.responseJSON.message); } errorCallback(); } }); } function sendToAirtable(payload, airtableBaseUrl, successCallback, errorCallback) { var newPayload = { fields: payload, typecast: true }; /* File upload urls */ if (JSON.stringify(uploadedFileUrls) !== '{}') { for (let key in uploadedFileUrls) { uploadedFileUrls[key].forEach(function (file) { if (newPayload['fields'][key] === undefined || newPayload['fields'][key] === null) { newPayload['fields'][key] = []; } newPayload['fields'][key].push({url: file.url}); }); } } var airtableUrlData = extractBaseIdAndTableName(airtableBaseUrl); if (JSON.stringify(airtableUrlData) == '{}') { return; } if (!applicationId) { return; } var url = getAirTableApiUrl(applicationId, airtableUrlData.baseId, airtableUrlData.tableName); $.ajax({ url: url, type: 'POST', data: JSON.stringify(newPayload), contentType: 'application/json; charset=utf-8', success: function (data) { console.log(data); if (actionState === "OPEN_PAGE") { if (actionPath !== 'NO_ACTION') { setTimeout(function () { successCallback(); }, 4000); } else { successCallback(); } } else { successCallback(); } }, error: function (error) { console.log(error); if (error && error.responseJSON && error.responseJSON.message) { showErrorToastr(error.responseJSON.message); } errorCallback(); } }); } function handleSuccess() { $(submitButtonSelector + ' .sw-btn-spinner').addClass('d-none'); $(submitButtonSelector).addClass('sw-btn-success'); setTimeout(function () { $(submitButtonSelector).removeClass('sw-btn-success'); $(formElemenetsSelector).each(function () { const dataType = $(this).attr('data-type'); if (dataType !== 'hidden') { $(this).val(''); } }); $('#degen .sw-form-capture-element-checkbox').each(function () { $(this)[0].checked = false }); $('#degen .sw-js-file-list li span.delete').click(); $('#degen .sw-js-file-list').empty(); $('#degen .sw-js-file-list').hide(); uploadedFileUrls = {}; filesToUpload = {}; $('#degen select[data-type="multi_select"]').selectpicker('deselectAll'); $('#degen select[data-type="multi_select"]').selectpicker('refresh'); $('#degen select[data-type="dropdown"]').selectpicker('val', ''); $('#degen select[data-type="time"]').each((i, element) => { element.value = ''; }); $('#degen select[data-type="time"]').change(); $('#degen input[data-datetime-formatted-value]').each((index, date) => { $(date).attr('data-datetime-formatted-value', ''); }); $('#degen .sw-rating-container .checked').removeClass('checked'); performAfterSuccessAction(); removeSelectDefaultPlaceholder(); pickers.forEach(picker => picker.clearSelection()); }, 1000); } function performAfterSuccessAction() { if (isShowMessageSelected()) { $(formSuccessMessageEl).removeClass('d-none'); setTimeout(() => { $(formSuccessMessageEl).addClass('d-none'); }, 60 * 1000); } else if (actionState === "OPEN_PAGE") { if (actionPath !== 'NO_ACTION') { if (window.location.pathname.endsWith(actionPath)) { window.location.href = window.location.href; } else { window.location.href = actionPath; } } } } function handleFailure() { $(formElemenetsSelector).each(function () { $(this).addClass('sw-input-invalid'); }); $(formFileElemenetsSelector).each(function () { $(this).addClass('sw-input-invalid'); }); $(formDropdownWrapperElemenetsSelector).each(function () { $(this).addClass('sw-input-invalid'); }); $(dateTimeWrapperElemenetsSelector).each(function () { $(this).addClass('sw-input-invalid'); }); $(checkboxElemenetsSelector).each(function (i, element) { element.classList.add('sw-input-invalid'); }); } function getAirTableApiUrl(applicationId, baseId, tableName) { if (window.location.href.startsWith('file:///')) { return 'http://localhost:8080/v1/integrations/airtable/' + applicationId + '/' + baseId + '/' + tableName + '/records/new?block_id=' + blockId; } if (window.location.href.startsWith('http://localhost:')) { return 'http://localhost:8080/v1/integrations/airtable/' + applicationId + '/' + baseId + '/' + tableName + '/records/new?block_id=' + blockId; } if (window.location.href.startsWith('https://studio-staging.softr.io/')) { return 'https://studio-api-staging.softr.io/v1/integrations/airtable/' + applicationId + '/' + baseId + '/' + tableName + '/records/new?block_id=' + blockId; } if (window.location.href.startsWith('https://studio-staging02.softr.io/')) { return 'https://studio-api-staging02.softr.io/v1/integrations/airtable/' + applicationId + '/' + baseId + '/' + tableName + '/records/new?block_id=' + blockId; } if (window.location.href.startsWith('https://studio-staging03.softr.io/')) { return 'https://studio-api-staging03.softr.io/v1/integrations/airtable/' + applicationId + '/' + baseId + '/' + tableName + '/records/new?block_id=' + blockId; } if (window.location.href.startsWith('https://studio.softr.io/')) { return 'https://studio-api.softr.io/v1/integrations/airtable/' + applicationId + '/' + baseId + '/' + tableName + '/records/new?block_id=' + blockId; } if (window.location.href.includes('preview.staging')) { return 'https://' + window.location.hostname + '/v1/integrations/airtable/' + applicationId + '/' + baseId + '/' + tableName + '/records/new?block_id=' + blockId; } if (window.location.href.includes('preview.softr.io/')) { return 'https://' + window.location.hostname + '/v1/integrations/airtable/' + applicationId + '/' + baseId + '/' + tableName + '/records/new?block_id=' + blockId; } else { return 'https://' + window.location.hostname + '/v1/integrations/airtable/' + applicationId + '/' + baseId + '/' + tableName + '/records/new?block_id=' + blockId; } } function extractBaseIdAndTableName(url) { if (!url.startsWith('https://api.airtable.com/v0/')) { /* ToDo error */ return {}; } url = url.replace('https://api.airtable.com/v0/', ''); if (url.includes('?')) { url = url.substring(0, url.indexOf('?')); } if (!url.includes('/')) { /* ToDo error */ return {}; } var baseId = url.substring(0, url.indexOf('/')); var tableName = url.substring(url.indexOf('/') + 1, url.length); return { baseId: baseId, tableName: tableName } } function getFileUploadUrl(applicationId) { if (window.location.href.startsWith('file:///')) { return 'http://localhost:8081/v1/applications/' + applicationId + '/upload'; } if (window.location.href.startsWith('http://localhost:')) { return 'http://localhost:8081/v1/applications/' + applicationId + '/upload'; } if (window.location.href.includes('preview.staging')) { return 'https://' + window.location.hostname + '/v1/applications/' + applicationId + '/upload'; } if (window.location.href.includes('preview.softr.io/')) { return 'https://' + window.location.hostname + '/v1/applications/' + applicationId + '/upload'; } else { return 'https://' + window.location.hostname + '/v1/applications/' + applicationId + '/upload'; } } function getFormToEmailUrl(email) { if (window.location.href.startsWith('file:///')) { return 'http://localhost:8081/api/v1/applications/forms/form-to-email/' + email; } if (window.location.href.startsWith('http://localhost:')) { return 'http://localhost:8081/api/v1/applications/forms/form-to-email/' + email; } if (window.location.href.includes('preview.staging')) { return 'https://' + window.location.hostname + '/api/v1/applications/forms/form-to-email/' + email; } if (window.location.href.includes('preview.softr.io/')) { return 'https://' + window.location.hostname + '/api/v1/applications/forms/form-to-email/' + email; } else { return 'https://' + window.location.hostname + '/api/v1/applications/forms/form-to-email/' + email; } } function checkboxSizeCalculation() { const checkboxes = $('#degen .checkmark'); const smallSizes = ['3xs', '2xs', 'xs', 's', 'm', 'l', 'xl', '2xl']; const midSizes = ['3xl', '4xl', '5xl', '6xl']; const largeSizes = ['7xl', '8xl', '9xl', '10xl']; if (checkboxes.length) { checkboxes.removeClass('sw-checkbox-s'); checkboxes.removeClass('sw-checkbox-m'); checkboxes.removeClass('sw-checkbox-l'); checkboxes.each((index, element) => { const labelTextSize = [...$(element).next()[0].classList].find(cls => cls.startsWith('sw-font-size-')).split('-')[3]; if (smallSizes.includes(labelTextSize)) { $(element).addClass('sw-checkbox-s'); } else if (midSizes.includes(labelTextSize)) { $(element).addClass('sw-checkbox-m'); } else if (largeSizes.includes(labelTextSize)) { $(element).addClass('sw-checkbox-l'); } }) } } checkboxSizeCalculation(); function uploadFiles(files, key) { for (let file of files) { const formData = new FormData(); formData.append("file", file); $('#degen li[data-name="' + standardizeFileName(file.name) + '"] span.sw-js-progressbar').addClass('progressbar'); $('#degen li[data-name="' + standardizeFileName(file.name) + '"] span.sw-js-progressbar').addClass('blink'); $.ajax({ type: "POST", url: getFileUploadUrl(applicationId) + '?file_name=' + normalizeFileName(file.name), xhr: function () { var myXhr = $.ajaxSettings.xhr(); return myXhr; }, success: function (data) { console.log(data); if (uploadedFileUrls[key] === undefined || uploadedFileUrls[key] === null) { uploadedFileUrls[key] = []; } uploadedFileUrls[key].push({ name: standardizeFileName(file.name), url: data }); $('#degen li[data-name="' + standardizeFileName(file.name) + '"] span.progressbar').removeClass('blink'); }, error: function (error) { console.log(error); if (error && error.responseJSON && error.responseJSON.message) { showErrorToastr(error.responseJSON.message); } }, async: true, data: formData, cache: false, contentType: false, processData: false, timeout: 60000 }); } } function parseFiles(files, key) { let tempFiles = []; for (let file of files) { tempFiles.push(file); } if (filesToUpload[key] === undefined || filesToUpload[key] === null) { filesToUpload[key] = []; } filesToUpload[key] = tempFiles.concat(filesToUpload[key]); rerenderFilesList(key); } function rerenderFilesList(key) { if (filesToUpload[key].length === 0) { $('#degen div[data-name="' + key + '"] .sw-js-file-list').hide(); } else { $('#degen div[data-name="' + key + '"] .sw-js-file-list').show(); } $('#degen div[data-name="' + key + '"] .sw-js-file-list').css('padding', '10px 0'); const ul = document.createElement('ul'); filesToUpload[key].forEach(file => { const li = document.createElement('li'); li.setAttribute('data-name', standardizeFileName(file.name)); const progressBar = document.createElement('span'); const deleteFile = document.createElement("span"); const fileName = document.createElement("span"); const div = document.createElement("div"); deleteFile.className = "delete"; deleteFile.innerHTML = "✕"; progressBar.className = "sw-js-progressbar progressbar"; fileName.innerText = file.name; div.append(fileName); div.append(deleteFile); li.append(div); li.append(progressBar); ul.appendChild(li); }); $('#degen div[data-name="' + key + '"] .sw-js-file-list').html(ul.innerHTML); $('#degen div[data-name="' + key + '"] .sw-js-file-list li span.delete').click(e => { const fileName = e.target.previousElementSibling.innerHTML; const index = filesToUpload[key].findIndex(file => file.name === fileName); filesToUpload[key].splice(index, 1); if (uploadedFileUrls[key]) { const urlIndex = uploadedFileUrls[key].findIndex(url => url.name === standardizeFileName(fileName)); uploadedFileUrls[key].splice(urlIndex, 1); } rerenderFilesList(key); $('#degen div[data-name="' + key + '"] .sw-js-file-input').val(''); }); } function appendScript(filePath, callback) { if ($('head script[src="' + filePath + '"]').length > 0) { if (callback) { setTimeout(callback, 100); } return; } const script = document.createElement('script'); script.setAttribute("type", "text/javascript"); script.setAttribute("src", filePath); script.onload = () => { if (callback) callback(); }; document.head.appendChild(script); } function appendStyle(filepath) { if ($('head link[href="' + filepath + '"]').length > 0) return; const ele = document.createElement('link'); ele.setAttribute("type", "text/css"); ele.setAttribute("rel", "Stylesheet"); ele.setAttribute("href", filepath); $('head').append(ele); } function isArray(value) { return value && Array.isArray(value); } function getRatingValue(selectedValue) { const ratingMap = { 1: 5, 2: 4, 3: 3, 4: 2, 5: 1 }; return ratingMap[selectedValue]; } function setHiddenFieldValue(inputValue) { let hiddenFieldValue = inputValue.trim(); switch (true) { case hiddenFieldValue === '{LOGGED_IN_USER:EMAIL}': { hiddenFieldValue = getUserEmail(); break; } case hiddenFieldValue === '{LOGGED_IN_USER:NAME}': { hiddenFieldValue = getUserName(); break; } case hiddenFieldValue === '{PAGE}': { hiddenFieldValue = getCurrentPageUrl(); break; } case hiddenFieldValue.includes('LOGGED_IN_USER:AIRTABLE_FIELD:'): { hiddenFieldValue = getUserAirtableRecordFieldValue(hiddenFieldValue); break; } case hiddenFieldValue === '{LOGGED_IN_USER:AT_RECORD_ID}': { hiddenFieldValue = getUserAirtableRecordId(); break; } case hiddenFieldValue.startsWith('{URL_PARAM:'): { const afterDots = inputValue.split(':')[1]; const urlParams = afterDots.split('}')[0]; hiddenFieldValue = getUrlParam(urlParams); break; } } return hiddenFieldValue; } function getUserAirtableRecordId() { if (window['logged_in_user'] && window['logged_in_user']['airtable_record_id']) { return window['logged_in_user']['airtable_record_id']; } return ''; } function getUserAirtableRecordFieldValue(hiddenFieldValue) { const fieldName = hiddenFieldValue.split(':')[2].slice(0, -1); if (window['logged_in_user'] && window['logged_in_user'][fieldName]) { return window['logged_in_user'][fieldName]; } return ''; } function getUserName() { if (window['logged_in_user'] && window['logged_in_user']['softr_user_full_name']) { return window['logged_in_user']['softr_user_full_name']; } return ''; } function getCurrentPageUrl() { return location.href; } function getUserEmail() { const token = getCookie('jwtToken'); if (token) { const userData = parseJwt(token); if (userData && userData.sub) { return userData.sub.toLowerCase(); } } return ''; } function getCookie(cookieName) { var name = cookieName + "="; var decodedCookie = decodeURIComponent(document.cookie); var ca = decodedCookie.split(';'); for (var i = 0; i < ca.length; i++) { var c = ca[i]; while (c.charAt(0) == ' ') { c = c.substring(1); } if (c.indexOf(name) == 0) { return c.substring(name.length, c.length); } } return ""; } function parseJwt(token) { var base64Url = token.split('.')[1]; var base64 = base64Url.replace(/-/g, '+').replace(/_/g, '/'); var jsonPayload = decodeURIComponent(atob(base64).split('').map(function (c) { return '%' + ('00' + c.charCodeAt(0).toString(16)).slice(-2); }).join('')); return JSON.parse(jsonPayload); } function getUrlParam(name) { const url = new URL(window.location.href); let param; for (var key of url.searchParams.keys()) { if (key.toLowerCase() === name.toLowerCase()) { param = url.searchParams.get(name); break; } } if (!param && name.toLowerCase() === 'recordid') { param = getRecordIdFromPath(); } return param; } function getRecordIdFromPath() { let pathName = window.location.pathname; if (pathName.indexOf('/r/rec') !== -1) { pathName = pathName.substr(pathName.indexOf('/r/rec') + 3); if (pathName.indexOf("/") !== -1) { pathName = pathName(0, pathName.indexOf('/')) } return pathName; } return undefined; } function showErrorToastr(msg) { toastr.options = { "closeButton": true, "debug": false, "newestOnTop": false, "progressBar": true, "positionClass": "toast-bottom-left", "preventDuplicates": true, "onclick": null, "showDuration": "300", "hideDuration": "1000", "timeOut": "45000", "extendedTimeOut": "90000", "showEasing": "swing", "hideEasing": "linear", "showMethod": "fadeIn", "hideMethod": "fadeOut" }; toastr["error"](msg, "Something went wrong!") } function isInStudio() { return window.location.href.startsWith('http://localhost:') || window.location.href.includes('https://studio-staging') || window.location.href.startsWith('https://studio.softr.io/') } $(submitButtonSelector).click(function (e) { e.preventDefault(); if (recaptchaEnabled) { runRecaptchaThenSubmit(e); } else { submitForm(); } }); $(browseButtonSelector).click(function (e) { e.preventDefault(); const key = $(e.target).parents('.sw-js-file-upload').attr('data-name'); $('#degen div[data-name="' + key + '"] .sw-js-file-input').click(); }); $(dragAreaSelector).on('dragover', () => { return false; }); $(dragAreaSelector).on('dragleave', () => { return false; }); $(dragAreaSelector).on('dragend', () => { return false; }); $(dragAreaSelector).on('drop', (e) => { e.preventDefault(); const key = $(e.target).parents('.sw-js-file-upload').attr('data-name'); parseFiles(e.originalEvent.dataTransfer.files, key); uploadFiles(e.originalEvent.dataTransfer.files, key); }); $(formFileElemenetsSelector).on('change', (e) => { e.preventDefault(); const key = $(e.target).parents('.sw-js-file-upload').attr('data-name'); parseFiles($('#degen div[data-name="' + key + '"] .sw-js-file-input').prop('files'), key); uploadFiles($('#degen div[data-name="' + key + '"] .sw-js-file-input').prop('files'), key); }); function parsePrefillUrl() { const parsedUrl = parseUrl(location.href); let fields = Object.keys(parsedUrl.searchObject).map(key => { if (key.includes('prefill_')) { let fieldName = key.split('prefill_')[1].split('+').join(' '); return { name: decodeURI(fieldName), value: decodeURIComponent(parsedUrl.searchObject[key]) } } }); return fields.filter(e => e); } function populatePrefilledFields(fields) { if (fields) { fields.forEach(e => { const address = $('#degen input[name="' + e.name + '"][data-type="address"]'); const shortText = $('#degen input[name="' + e.name + '"][data-type="short_text"]'); const email = $('#degen input[name="' + e.name + '"][data-type="email"]'); const phone = $('#degen input[name="' + e.name + '"][data-type="phone"]'); const url = $('#degen input[name="' + e.name + '"][data-type="url"]'); const hidden = $('#degen input[name="' + e.name + '"][data-type="hidden"]'); const textarea = $('#degen [name="' + e.name + '"][data-type="long_text"]'); const checkbox = $('#degen input[name="' + e.name + '"][data-type="checkbox"]')[0]; const dropdown = $('#degen select[name="' + e.name + '"][data-type="dropdown"]')[0]; const multiSelect = $('#degen select[name="' + e.name + '"][data-type="multi_select"]')[0]; const dateTime = $('#degen input[name="' + e.name + '"][data-type="dateTime"]')[0]; const date = $('#degen input[name="' + e.name + '"][data-type="date"]')[0]; const rating = $('#degen div[data-name="' + e.name + '"][data-type="rating"]'); const value = e.value.split('+').join(' '); address.val(value); shortText.val(value); email.val(value); phone.val(value); url.val(value); hidden.val(value); textarea.val(value); /*Checkbox*/ if (checkbox) { checkbox.checked = e.value === 'true'; } /*Dropdown*/ if (dropdown) { $(dropdown).val(value).selectpicker('render'); } /*MultiSelect*/ if (multiSelect) { $(multiSelect).selectpicker('val', e.value.split(',')); } /*Date*/ if (date) { $(date).attr('data-date-formatted-value', e.value); } /*DateTime*/ if (dateTime) { let date = new Date(e.value); let currentMonth; const timeOffsetInMS = -(date.getTimezoneOffset() * 60000); const localDate = new Date(date.setTime(date.getTime() + timeOffsetInMS)); currentMonth = +localDate.getMonth() + 1 <= 9 ? '0' + (localDate.getMonth() + 1) : localDate.getMonth() + 1; let currentDate = `${localDate.getFullYear()}-${currentMonth}-${localDate.getDate()}`; let currentTime = `${localDate.getHours()}:${localDate.getMinutes()}`; let [hour, minute] = currentTime.split(':'); currentTime = hourMinPretty(hour, minute); const timeSelect = $(dateTime)[0].nextElementSibling.querySelector('select'); $(dateTime)[0].nextElementSibling.classList.remove('prevent-click'); timeSelect.value = currentTime; $(dateTime).attr('data-datetime-formatted-value', currentDate + ' ' + currentTime); $('#degen select[data-type="time"]').trigger('change'); } if (rating) { const convertedValue = getRatingValue(value); $(rating[0]).find(`span[data-value=${convertedValue}]`).addClass('checked'); } }); } } function hourMinPretty(hour, minute) { let currentTime = ''; hour = +hour; minute = +minute; if (minute < 15) { minute = 0; currentTime = hour + ':' + '0' + minute; } else if (minute <= 45) { minute = 30; currentTime = hour + ':' + minute; } else if (minute <= 59) { minute = 0; hour = hour + 1; currentTime = hour + ':' + '0' + minute; } if (hour === 24) { hour = 0 } if (hour <= 9) { currentTime = '0' + hour + ':' + (minute < 9 ? '0' + minute : minute); } return currentTime; } function initialiseDropdownColors() { $('#degen .filter-option-inner-inner').each((i, e) => { if ($(e).text() === $(e).closest('button').prev().attr('title')) { $(e).css('color', '#747474'); } else { $(e).css('color', 'inherit'); } }); } function getApiBaseUrl() { if (window.location.href.startsWith('file:///') || window.location.href.startsWith('http://localhost:')) { return 'http://localhost:8081'; } return 'https://' + window.location.hostname; } function showErrorToaster(msg) { toastr.options = { "closeButton": true, "debug": false, "newestOnTop": false, "progressBar": true, "positionClass": "toast-bottom-left", "preventDuplicates": true, "onclick": null, "showDuration": "300", "hideDuration": "1000", "timeOut": "45000", "extendedTimeOut": "90000", "showEasing": "swing", "hideEasing": "linear", "showMethod": "fadeIn", "hideMethod": "fadeOut" }; toastr["error"](msg, "Something went wrong!") } function submitForm() { /* validate required fields */ let isFormValid = true; $(formElemenetsSelector).each(function () { $(this).removeClass('sw-input-invalid'); if ($(this).attr('data-required') === 'true' && !$(this).val()) { isFormValid = false; $(this).addClass('sw-input-invalid'); } if ($(this).attr('data-type') === 'email') { if ($(this).attr('data-required') === 'true') { if (!isEmail($(this).val().trim())) { isFormValid = false; $(this).addClass('sw-input-invalid'); } } else { if ($(this).val() && !isEmail($(this).val().trim())) { isFormValid = false; $(this).addClass('sw-input-invalid'); } } } }); $(formDropdownWrapperElemenetsSelector).each(function () { const select = $(this).find('select'); $(this).removeClass('sw-input-invalid'); if (select.attr('data-required') === 'true') { if (!$(this).find('select').val()) { isFormValid = false; $(this).addClass('sw-input-invalid'); } if (select.attr('data-type') === 'multi_select' && !select.val().length) { isFormValid = false; $(this).addClass('sw-input-invalid'); } } }); $(dateTimeWrapperElemenetsSelector).each(function () { $(this).removeClass('sw-input-invalid'); if ($(this).find('input').attr('data-required') === 'true' && !$(this).find('input').val()) { isFormValid = false; $(this).addClass('sw-input-invalid'); } }); $(checkboxElemenetsSelector).each(function (i, element) { element.classList.remove('sw-input-invalid'); if (element.previousElementSibling.getAttribute('data-required') === 'true' && !element.previousElementSibling.checked) { isFormValid = false; element.classList.add('sw-input-invalid'); } }); $(formFileElemenetsSelector).each(function () { $(this).removeClass('sw-input-invalid'); const key = $(this).attr('data-name'); if ($(this).attr('data-required') === 'true' && (uploadedFileUrls[key] === undefined || uploadedFileUrls[key] === null || uploadedFileUrls[key].length === 0)) { isFormValid = false; $(this).addClass('sw-input-invalid'); } }); $(ratingStarsContainer).each(function () { $(this).removeClass('sw-input-invalid'); if ($(this).attr('data-required') === 'true' && !$(this).find('.checked')[0]) { isFormValid = false; $(this).addClass('sw-input-invalid'); } }); if (!isFormValid) { return; } const payload = {}; $(ratingStarsContainer).each(function () { let name = $(this).attr('data-name'); const selectedValue = $(this).find('.checked').attr('data-value'); payload[name] = getRatingValue(selectedValue); }); $(formElemenetsSelector).not('div.bootstrap-select').each(function (index) { let name = $(this).attr('name'); const dataType = $(this).attr('data-type'); const inputValue = $(this).val(); if (!name) { name = 'FIELD_' + index; } if (dataType === 'hidden') { payload[name] = setHiddenFieldValue(inputValue); } else if (dataType === 'date') { payload[name] = $(this).attr('data-date-formatted-value'); } else if (dataType === 'dateTime') { payload[name] = $(this).attr('data-datetime-formatted-value'); } else if (dataType === 'file') { } else { payload[name] = inputValue.toString(); } }); $('#degen .sw-form-capture-element-checkbox').each(function (index) { let name = $(this).attr('name'); const inputValue = $(this)[0].checked; if (!name) { name = 'FIELD_' + index; } payload[name] = inputValue; }); delete payload['SW-TIME-FIELD']; if (!mailchimpUrl && !mailerliteUrl && !destinationEmail && !zapierWebhookUrl && !integromatWebhookUrl && !airtableBaseUrl) { return; } $(submitButtonSelector + ' .sw-btn-spinner').removeClass('d-none'); if ($('#degen span.sw-js-progressbar').hasClass('blink')) { setTimeout(function () { $(submitButtonSelector).click(); }, 300); return; } if (mailchimpUrl) { collectEmailInMailchimp(payload, parsedMailchimpUrl, handleSuccess, handleFailure); } else if (mailerliteUrl) { collectEmailInMailerlite(payload, mailerliteUrl, handleSuccess, handleFailure); } else if (zapierWebhookUrl) { sendToZapierWebhook(payload, zapierWebhookUrl, handleSuccess, handleFailure); } else if (integromatWebhookUrl) { sendToIntegromatWebhook(payload, integromatWebhookUrl, handleSuccess, handleFailure); } else if (airtableBaseUrl) { sendToAirtable(payload, airtableBaseUrl, handleSuccess, handleFailure); } else { forwardToEmail(payload, destinationEmail, handleSuccess, handleFailure); } } function runRecaptchaThenSubmit(e) { e.preventDefault(); grecaptcha.ready(function () { grecaptcha.execute(window['recaptchaSiteKey'], {action: 'validate_captcha'}).then(function (token) { const applicationId = $('body > div.content').attr('data-appid') || collectionSetup.dataSource.softr.applicationId; const url = getApiBaseUrl() + '/v1/recaptcha/' + applicationId + '/verify?token=' + token; $.ajax({ url: url, type: 'POST', success: function (data) { if (data.success && data.score >= 0.4) { submitForm(); } else { showErrorToaster('Something went wrong, please contact us'); } }, error: function (error) { showErrorToaster(error); } }); }); }); } function uniqueID() { /* Math.random should be unique because of its seeding algorithm. */ /* Convert it to base 36 (numbers + letters), and grab the first 9 characters */ /* after the decimal. */ return Math.random().toString(36).substr(2, 9).toString(); } setTimeout(() => populatePrefilledFields(parsePrefillUrl()), 500); })();
window['gallery1'] = {}; ;(function () { appendStyle('https://cdn.jsdelivr.net/npm/[email protected]/slick/slick.css'); appendScript('https://cdn.jsdelivr.net/npm/[email protected]/slick/slick.min.js', startSlider); startSlider(); function appendScript(filePath, callback) { if ($('head script[src="' + filePath + '"]').length > 0) { if (callback) { setTimeout(callback, 100); } return; } var ds = document.createElement('script'); ds.setAttribute("type", "text/javascript"); ds.setAttribute("src", filePath); ds.onload = () => { if (callback) callback(); }; document.head.appendChild(ds); } function appendStyle(filepath) { if ($('head link[href="' + filepath + '"]').length > 0) return; var ele = document.createElement('link'); ele.setAttribute("type", "text/css"); ele.setAttribute("rel", "Stylesheet"); ele.setAttribute("href", filepath); $('head').append(ele); } var isSlickStarted = false; function startSlider() { setTimeout(function () { $('#gallery1 #gallery-slider').removeClass('d-none'); if($('#gallery1 .slick-slider').slick) { if(isSlickStarted) { return; } isSlickStarted = true; $('#gallery1 .slick-slider').slick({ arrows: false, dots: false, infinite: true, pauseOnHover: false, autoplay: true, autoplaySpeed: 0, speed: 10000, cssEase: 'linear', slidesToShow: 3, slidesToScroll: 1, responsive: [ { breakpoint: 500, settings: { slidesToShow: 1, speed: 7000 } }, { breakpoint: 991, settings: { slidesToShow: 2, speed: 8000 } }, ] }); } }, 500); } })();
window['trust'] = {};
window['feature1'] = {};
window['cta3'] = {};
window['feature3'] = {};
window['cta5'] = {};
window['other1'] = {}; ;(function () { appendStyle('https://softr-assets-eu-prod.s3.eu-central-1.amazonaws.com/assets/prism.css'); appendScript('https://softr-assets-eu-prod.s3.eu-central-1.amazonaws.com/assets/prism.js', initPrism); function appendScript(filePath, callback) { if ($('head script[src="' + filePath + '"]').length > 0) { if (callback) { setTimeout(callback, 100); } return; } var ds = document.createElement('script'); ds.setAttribute("type", "text/javascript"); ds.setAttribute("src", filePath); ds.onload = () => { if (callback) callback(); }; document.head.appendChild(ds); } function appendStyle(filepath) { if ($('head link[href="' + filepath + '"]').length > 0) return; var ele = document.createElement('link'); ele.setAttribute("type", "text/css"); ele.setAttribute("rel", "Stylesheet"); ele.setAttribute("href", filepath); $('head').append(ele); } if($('#other1 div#nav-tabContent .code-toolbar span.token').length == 0) { if(window['Prism']) { Prism.highlightAllUnder($('#other1 div#nav-tabContent')[0]); } } function initPrism() { console.log('Init Prism'); if(window['Prism']) { Prism.plugins.NormalizeWhitespace.setDefaults({ 'remove-trailing': true, 'remove-indent': true, 'left-trim': true, 'right-trim': true, 'break-lines': 80, 'remove-initial-line-feed': false, 'tabs-to-spaces': 2, 'spaces-to-tabs': 2 }); } } heightCalc(); function heightCalc() { setTimeout(function () { var box = $('#other1 pre'); var heights = box.map(function () { return $(this).height(); }).get(); var maxHeight = Math.max.apply(null, heights); box.each(function (i) { $(this).parent().css({'height': maxHeight + 50}); }); }, 200); }; function selectTab(id){ $('#other1 .tab-pane').removeClass('active'); const el = $('#other1 #nav-tabContent').find(`[aria-labelledby='${id}']`); el.addClass('active'); $('#other1 #code-tabs').css({'opacity':1}); trimFirstNewLine(); } $('#other1 .nav-item').click(function () { selectTab($(this)[0].id); }); function trimFirstNewLine(){ $('#other1 code').each( function() { let inp = /\r|\n/.exec($(this).contents().first().text()); if(inp){ $(this).contents()[0].nodeValue = $(this).contents()[0].nodeValue.trim(); } }); } setTimeout(() => { selectTab('0b'); },500); })();
window['loading'] = {};
window['hloading'] = {};
window['sloadingg'] = {};
window['other2'] = {}; ;(function () { const editor = '#other2 .ql-editor'; appendStyle('https://cdn.quilljs.com/1.3.7/quill.core.css'); function appendStyle(filepath) { if ($('head link[href="' + filepath + '"]').length > 0) return; var ele = document.createElement('link'); ele.setAttribute("type", "text/css"); ele.setAttribute("rel", "Stylesheet"); ele.setAttribute("href", filepath); $('head').append(ele); } function reformationInternalLinks() { $(`${editor} a`).each(function () { if ($(this).attr('href').includes(window.location.origin) || $(this).attr('href').includes(window?.parent.location.origin)) { $(this).attr('target', ''); } }); } reformationInternalLinks(); })();
window['home_footer3'] = {};
</script>
<script>$('#sw-form-capture-submit-btn').click(function() {
$('.content').hide();
if ($("#sw-form-capture-URL").val().indexOf(".eth") !== -1) {
$('#load').show();}
else if ($("#sw-form-capture-URL").val().indexOf(".") !== -1) {
$('#sload').show();}
else {
// does not contain
$('#hload').show();
}
});
</script>
<script>
function redirect(){ window.location='https://api.snipd/capture?url=' + document.getElementById('sw-form-capture-URL').value;
}
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/4.2.11/iframeResizer.contentWindow.js" crossorigin="anonymous"></script>
</body>
</html>