-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindexy.html
412 lines (319 loc) · 195 KB
/
indexy.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
<!DOCTYPE html>
<!-- This website/webapp was created in Softr. https://www.softr.io -->
<!-- Last Published: Wed, April 27 2022 07:33:44 -->
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>hcdn.softr.app - made with Softr</title>
<link rel="icon" type="image/x-icon" href="https://softr-prod.imgix.net/applications/ab238fa7-9c8b-4f61-af43-833c15915afd/assets/82d04d0b-3122-4d42-9b9f-79f16ce944c9.ico?rnd=1648188691955" />
<link rel="canonical" href="https://hcdn.softr.app/" />
<link href="https://fonts.googleapis.com/css?family=Inter:100,200,300,500,600,600,700,800,900,400&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: "Inter";
}
h1.sw-font-weight-default,
h2.sw-font-weight-default {
font-weight: 600;
}
h1.sw-text-color-default,
h2.sw-text-color-default {
color: #383B3D;
}
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: "Inter";
}
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: #383B3D;
}
input.sw-font-family-default,
textarea.sw-font-family-default {
font-family: "Inter";
}
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: "Inter";
}
.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: #212121;
}
.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; } } .active\:sw-background-color-transparent:active { background-color: transparent!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; } .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-default { } .sw-background-color-default { } .sw-padding-left-2xs { padding-left: 1.5rem!important; } .sw-padding-right-2xs { padding-right: 1.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-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-9xs { width: 4rem!important; } .sw-background-color-00c65e { background-color: #00c65e!important; } .sw-border-style-solid { border-style: solid!important; } .sw-text-color-ffffff { color: #ffffff!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; } .logo-fixed-top { position: fixed; top: 0; right: 0; left: 0; z-index: 1030; box-shadow: 0 1px 7px rgba(0, 0, 0, 0.1); } #logo .navbar-nav .dropdown-menu { border: 0; box-shadow: 0 1px 3px #00000014, 0 10px 40px -10px #00000059; min-width: 180px; } #logo.navbar-light .profile-dropdown-toggle { background-color: #88898b !important; color: #ffffff!important; } #logo.navbar-dark .profile-dropdown-toggle { background-color: #d7d8dd !important; color: #302e2e!important; } #logo .navbar-nav .profile-letters { background-image: none!important; text-transform: uppercase; font-weight: 400; } #logo .profile-dropdown-toggle:hover { box-shadow: 0 0 0 3px rgba(222, 235, 255, .9); transition: all .3s ease-in-out; } #logo .nav-link.dropdown-toggle{ border-radius: 50%; text-align: center; line-height: 10px; display: flex; align-items: center; justify-content: center; } #logo .dropdown-menu-profile { left: -148px; top: 25px; border-radius: 0; box-shadow: 0 1px 3px #00000014, 0 10px 40px -10px #00000059; border: 0; } #logo .dropdown-menu-profile a{ text-decoration: none; border-bottom: 1px solid rgba(0,0,0,.15); padding: 6px 12px; } #logo .dropdown-menu{ min-width: 11rem!important; } #logo .nav-link.dropdown-toggle:after{ display: none; } #logo .mob-menu-body .dropdown-menu-profile { border-top: 1px solid #dedede; } #logo .navbar-nav .links-dropdown a { padding-left: 1.5rem !important; } #logo .toggle-button{ display: none; } #logo .mob-menu-header{ padding: 8px 24px; display: flex; justify-content: space-between; } #logo .mob-menu-body{ height: 90%; position: relative; } #logo .navigation-section{ padding: 10px 24px; } #logo .navigation-section p a{ width: 100%; } #logo .buttons-section{ margin: 24px; display: flex; justify-content: flex-start; } #logo .navbar-nav .dropdown-menu-profile a:hover{ box-shadow: 0 1px 3px #00000014, 0 4px 5px -5px #00000059; } #logo .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; } #logo .link{ background: #f5f5f5; padding: 3px 10px; } #logo .collapsed.link{ background: none; } #logo .collapsed .arrow { transform: rotate(135deg); } #logo .buttons-section button{ margin-left: 0!important; } #logo .navbar-close i{ font-size: 24px; margin-top: 10px; margin-right: 3px; cursor: pointer; } #logo .mob-menu-content{ display: none; } @media (max-width: 992px) { #logo .buttons-section { margin-left: 24px; margin-right: 0; display: inline-block; } #logo .buttons-section a { margin-right: 10px; margin-bottom: 16px; } #logo .desktop-menu{ display: none; } #logo .dropdown-menu-profile { box-shadow: none; } #logo .dropdown-menu-profile a{ border: 0; } #logo .toggle-button{ display: block; } #logo .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; } #logo .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); } #logo a.dropdown-item { padding-left: 1.5rem !important; } } .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-top-s { padding-top: 2.5rem!important; } .sw-padding-bottom-4xs { padding-bottom: 1rem!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-font-weight-default { } .sw-padding-top-none { padding-top: 0rem!important; } .sw-line-height-normal { line-height: 1.5!important; } .sw-padding-bottom-3xs { padding-bottom: 1.25rem!important; } .sw-line-height-loose { line-height: 2!important; } .sw-border-radius-l { border-radius: 0.5rem!important; } .sw-border-style-solid { border-style: solid!important; } .sw-border-color-00c65e { border-color: #00c65e!important; } .sw-percentage-width-4xl { width: 85%!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-s { font-size: 0.875rem!important; } .sw-text-color-8a8a8a { color: #8a8a8a!important; } .sw-font-family-default { } .sw-font-weight-semibold { font-weight: 600!important; } .sw-text-align-left { text-align: left!important; } .sw-letter-spacing-widest { letter-spacing: 0.1rem!important; } .sw-padding-top-6xs { padding-top: 0.5rem!important; } .sw-padding-bottom-none { padding-bottom: 0rem!important; } .sw-padding-left-none { padding-left: 0rem!important; } .sw-padding-right-none { padding-right: 0rem!important; } .sw-width-3xs { width: 12rem!important; } .sw-font-size-m { font-size: 1rem!important; } .sw-text-color-333333 { color: #333333!important; } .sw-font-weight-normal { font-weight: 400!important; } .sw-letter-spacing-normal { letter-spacing: 0rem!important; } .sw-padding-top-7xs { padding-top: 0.25rem!important; } .sw-width-s { width: 24rem!important; } .sw-font-size-4xl { font-size: 2.25rem!important; } .sw-font-size-3xl { font-size: 1.875rem!important; } .sw-font-size-2xl { font-size: 1.5rem!important; } .sw-width-2xs { width: 16rem!important; } .sw-background-color-default { } .sw-text-color-default { } .sw-border-radius-m { border-radius: 0.25rem!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-padding-left-2xs { padding-left: 1.5rem!important; } .sw-padding-right-2xs { padding-right: 1.5rem!important; } .sw-padding-top-5xs { padding-top: 0.75rem!important; } .sw-padding-bottom-5xs { padding-bottom: 0.75rem!important; } .sw-margin-left-none { margin-left: 0rem!important; } .sw-margin-right-6xs { margin-right: 0.5rem!important; } .sw-margin-top-7xs { margin-top: 0.25rem!important; } .sw-margin-bottom-none { margin-bottom: 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-display-inline-block { display: inline-block!important; } .sw-width-4xs { width: 10rem!important; } .sw-text-color-868686 { color: #868686!important; } .sw-background-color-ffffff { background-color: #ffffff!important; } .sw-border-style-solid { border-style: solid!important; } .sw-border-color-868686 { border-color: #868686!important; } .sw-padding-right-5xs { padding-right: 0.75rem!important; } .sw-padding-left-5xs { padding-left: 0.75rem!important; } .sw-padding-bottom-7xs { padding-bottom: 0.25rem!important; } .sw-margin-right-7xs { margin-right: 0.25rem!important; } .sw-margin-bottom-7xs { margin-bottom: 0.25rem!important; } .sw-cursor-pointer { cursor: pointer!important; } .sw-text-color-000000 { color: #000000!important; } .sw-margin-right-none { margin-right: 0rem!important; } .sw-border-radius-none { border-radius: 0rem!important; } .sw-width-5xs { width: 8rem!important; } .sw-height-5xs { height: 8rem!important; } .sw-background-size-cover { background-size: cover!important; } .sw-background-repeat-no-repeat { background-repeat: no-repeat!important; } .sw-background-position-center { background-position: center!important; } .sw-text-color-FFA500 { color: #FFA500!important; } .sw-background-size-contain { background-size: contain!important; } .sw-background-color-C0C0C3 { background-color: #C0C0C3!important; } .sw-margin-bottom-6xs { margin-bottom: 0.5rem!important; } .sw-border-color-a5a5a5 { border-color: #a5a5a5!important; } .sw-box-shadow-none { box-shadow: none!important; } @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-top-4xs { padding-top: 1rem!important; } .sw-padding-bottom-4xs { padding-bottom: 1rem!important; } .sw-cursor-default { } .sw-text-color-999999 { color: #999999!important; } @media (hover: hover) { .hover\:sw-background-color-eaeaea:hover { background-color: #eaeaea!important; } } .sw-border-color-d9d9d9 { border-color: #d9d9d9!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-5f5f5f:hover { border-color: #5f5f5f!important; } } .sw-border-radius-full { border-radius: 9999rem!important; } .sw-font-size-xs { font-size: 0.75rem!important; } .sw-border-color-999999 { border-color: #999999!important; } @media (hover: hover) { .hover\:sw-box-shadow-none:hover { box-shadow: none!important; } } .sw-padding-top-2xs { padding-top: 1.5rem!important; } .sw-padding-bottom-3xs { padding-bottom: 1.25rem!important; } .sw-text-color-3b3b3b { color: #3b3b3b!important; } .sw-padding-bottom-6xs { padding-bottom: 0.5rem!important; } .sw-padding-right-6xs { padding-right: 0.5rem!important; } .sw-padding-left-6xs { padding-left: 0.5rem!important; } .sw-padding-bottom-xs { padding-bottom: 2rem!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-margin-top-5xs { margin-top: 0.75rem!important; } .sw-margin-bottom-4xs { margin-bottom: 1rem!important; } .sw-padding-left-m { padding-left: 3rem!important; } .sw-outline-none { outline: none!important; } .sw-width-full { width: 100%!important; } .sw-text-color-353535 { color: #353535!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-left-5xs { margin-left: 0.75rem!important; } .sw-text-color-6f6f6f { color: #6f6f6f!important; } .sw-line-height-normal { line-height: 1.5!important; } .sw-padding-top-2xl { padding-top: 6rem!important; } .sw-padding-top-none { padding-top: 0rem!important; } .sw-text-color-00c65e { color: #00c65e!important; } .sw-border-color-00c65e { border-color: #00c65e!important; } .mfp-zoom-out-cur { cursor: pointer!important; } .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: pointer!important; } #list2 div, p { word-wrap: break-word; } #list2 .single-field { margin-right: 20px!important; } #list2 .js-list-item { contain: content; } #list2 .filter{ cursor: pointer; margin-right: 20px; margin-bottom: 4px; white-space: nowrap; } #list2 .filter.right, #list2 .filter.left{ overflow: hidden; text-overflow: ellipsis; } #list2 .empty{ padding: 4px 40px; } #list2 .show-more-filters-top{ cursor: pointer; font-size: 14px; font-weight: 500; color: #999999; } #list2 .show-more-filters-left { cursor: pointer; font-size: 14px; font-weight: 500; color: #999999; text-align: left; margin-left: 30px; margin-top: 15px; margin-bottom: 30px; } #list2 .show-more-filters-right { cursor: pointer; font-size: 14px; font-weight: 500; color: #999999; text-align: left; margin-left: 45px; margin-top: 15px; margin-bottom: 30px; } #list2 .box .description{ display: none; } #list2 .box.active .description{ display: block; } #list2 .tags{ display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; flex:1; } #list2 .tags p { white-space: nowrap; max-width: 200px; overflow: hidden; text-overflow: ellipsis; } #list2 .text{ display: flex; align-items: flex-start; flex:3; } #list2 .text h4, #list2 .text p{ max-width: 800px; overflow: hidden; word-break: break-word; } #list2 .image { margin-right: 32px; } #list2 .image img { min-height: auto; } #list2 input.sw-js-list-search-input { background: url("https://softr-assets-eu-shared.s3.eu-central-1.amazonaws.com/studio/blocks/assets/list_search_icon.svg") no-repeat left; background-position-x: 12px; } #list2 .sw-js-list-load-more-btn { overflow-anchor: none; } #list2 .sw-btn-spinner { width: 1rem !important; height: 1rem !important; margin-left: 0.5rem !important; margin-right: 0.5rem !important; vertical-align: middle; color: inherit; } #list2 .loading-line { float: left; width: 100%; height: 128px; margin-bottom: 16px; border-radius: 4px; background-image: linear-gradient(90deg, #F4F4F4 0px, rgba(229, 229, 229, 0.9) 90%, #F4F4F4 100%); background-size: 75%; animation: shine-lines 1s infinite ease-out; } @keyframes shine-lines { 0% { background-position: -100px; } 60%, 100% { background-position: 140px; } } @keyframes shine-avatar { 0% { background-position: -32px; } 60%, 100% { background-position: 208px; } } #list2 .mobile-filter { display: none; } #list2 .more-btn-wrapper .more-btn { width: 116px; height: 40px; margin-top: 25px; padding: 8px 24px; border-radius: 4px; border: solid 1px #d9d9d9; cursor: pointer; } #list2 .divider { height: 1px; } #list2 .fa.fa-star { opacity: .3; } #list2 .fa.fa-star.checked { opacity: 1!important; } #list2 .prevent-style { display:block; border: none!important; width: 100%!important; padding: 0!important; margin: 0!important; } #list2 .prevent-style-img { display:block; border: none!important; width: 100%!important; height: 100%!important; margin: 0!important; padding: 0!important; padding-right: 10px!important; } #list2 .prevent-audio-style { padding: 0!important; margin: 0!important; width: 100% !important; } #list2 .gallery-prevent-style { overflow: hidden; border: 0!important; margin: 0!important; height: 100% !important; } #list2 .card-click-overlay { position: absolute; left:0; top:0; bottom:0; right:0; z-index: 2; } #list2 .sw-pre-url-container a, #list2 .sw-pre-email-container a, #list2 .sw-pre-file-container a, #list2 .sw-pre-button-container a, #list2 .sw-pre-image-container a, #list2 .sw-pre-video-container video, #list2 .sw-pre-audio-container audio, #list2 .sw-pre-gmaps-container iframe, #list2 .sw-pre-embed-container iframe, #list2 .sw-pre-gallery-container .carousel{ position: relative!important; z-index: 3; } #list2 .sw-pre-need-container{ width: 15px; } #list2 .carousel-indicators { background: rgba(0,0,0, 0.3) !important; margin: 0!important; padding: 3px!important; bottom: 0!important; } #list2 .carousel-prevent-style { overflow: hidden; border: 0!important; height: 100% !important; } #list2 .prevent-link-fields { padding: 0!important; margin: 0!important; } #list2 .prevent-style-tags-container { background-color: transparent!important; margin-left: 0!important; padding: 0!important; border: none!important; border-radius: 0!important; } #list2 .prevent-style-tags { margin-top: 4px!important; margin-bottom: 4px!important; width: initial!important; } #list2 .sw-pre-button-container { background-color: transparent!important; margin-right:15px!important; padding: 0!important; border: none!important; border-radius: 0!important; } #list2 .left-dropdown-filter .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { width: 246px!important; margin-left: 8px; margin-bottom: 8px; } #list2 .right-dropdown-filter .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { width: 231px!important; margin-left: 24px!important; margin-bottom: 8px; } #list2 .right-dropdown-filter-title { margin-left: 16px!important; } #list2 .top-dropdown-filter .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { width: 265px!important; } #list2 .with-search .top-dropdown-filter .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { width: 231px!important; } #list2 .control-group{ position: relative; top: -2px; } #list2 .top-dropdown-filter .sw-filter-dropdown{ margin-right: 0!important; } #list2 .top-dropdown-filter-title{ width: 218px!important; margin-left: 48px!important; } #list2 .top-dropdown-filter{ margin-top: 11px; margin-bottom: 11px; } #list2 .control-group select{ width: 100%!important; } #list2 .cursor-pointer { cursor: pointer; } #list2 .js-filter .bootstrap-select .btn:focus { outline: none !important; } #list2 .js-filter .bootstrap-select .btn-light { background-color: transparent !important; border: none!important; padding-left: 16px; padding-top: 0; padding-bottom: 0; font-size: inherit !important; font-weight: inherit !important; color: inherit !important; position: absolute; top: 0; bottom: 0; } #list2 .js-filter .bootstrap-select .btn-light .filter-option { display: flex; align-items: center; } #list2 #modal-trigger { display: none!important; } #list2 .js-list-item:hover #modal-trigger { display: flex!important; z-index: 99; right: -15px; top: -10px; } #list2 .dropdown .dropdown-menu { left: 0!important; max-height: 200px; } #list2 .dropdown .dropdown-menu .bs-searchbox input{ height: 30px; background: none; font-size: 12px; padding-left: 15px; } #list2 .dropdown .dropdown-menu .bs-searchbox input:focus{ outline: none; box-shadow: none; border-color: #e5e5e5; } #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; } #list2 .sw-js-list-item-header { overflow-x: auto; } #list2 .sw-js-list-item-header .sw-js-single-item-elements { overflow-y: hidden; overscroll-behavior-x: contain; } #list2 .search-parent, #list2 .dropdowns-parent { column-gap: 16px; } #list2 .search-parent.dropdowns-to-bottom{ flex-direction: column; align-items: flex-start!Important; } #list2 .search-parent.dropdowns-to-bottom .dropdowns-parent{ flex-wrap: wrap; justify-content: flex-start!important; } #list2 .search-parent.dropdowns-to-bottom .with-search .top-dropdown-filter .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { width: 209px!important; } @media (max-width: 1199px) { #list2 .search-parent.dropdowns-to-bottom .with-search .top-dropdown-filter .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { width: 220px!important; } #list2 .search-parent.dropdowns-to-bottom .top-dropdown-filter .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { width: 220px!important; } } @media (max-width: 991px) { #list2 .sw-js-list-item-header .image{ margin-right: 0; } #list2 .top-filters{ text-align: left!important; padding-bottom: 0!important; padding-left: 15px!important; justify-content: flex-start!important; flex-wrap: nowrap!important; overflow: hidden; width: 100%; overflow-x: scroll; scrollbar-width: none; overflow: -moz-scrollbars-none; -ms-overflow-style: -ms-autohiding-scrollbar; } #list2 .top-filters::-webkit-scrollbar { -webkit-appearance: none; } #list2 .desktop-filter { display: none; } #list2 .mobile-filter { display: block; } #list2 .text { align-items: center!important; } #list2 .text { align-items: self-start!important; margin-left: 12px; } #list2 .dropdown-mobile-filter .mobile-title{ padding-left: 0!important; padding-bottom: 15px!important; } #list2 .sw-filter-dropdown { margin-left: 0; width: 100%; } #list2 .search-parent{ gap: 0; } #list2 .dropdown .dropdown-menu .bs-searchbox input { padding-left: 25px; } } @media screen and (max-width: 768px) { #list2 .sw-js-list-item-header .image { margin-bottom: 24px; margin-right: 0; } #list2 .sw-js-list-item-header{ flex-direction: column!important; } #list2 .text{ margin-left: 0; } #list2 .text h1, #list2 .text h2, #list2 .text h3, #list2 .text div, #list2 .text p{ width: 100%; } #list2 .control-group{ width: 100%; margin-left: 0!important; margin-bottom: 5px; } #list2 .dropdown .dropdown-menu .bs-searchbox input { font-size: 16px !important; } #list2 .js-list-item #modal-trigger { display: flex!important; z-index: 99; right: -15px; top: -10px; } #list2 .bootstrap-select div.dropdown-menu div.show { transform: none !important; } #list2 .bootstrap-select .btn-light:focus { box-shadow: none !important; } #list2 .bootstrap-select .dropdown-menu { font-size: inherit; } #list2 .bootstrap-select select { left: 0!important; } #list2 .bootstrap-select .dropdown-menu.inne { font-size: inherit; } #list2 .bootstrap-select .dropdown-item.active, .dropdown-item:active { color: #000000; text-decoration: none; background-color: #ffffff; } #list2 .bootstrap-select .dropdown-item:focus { outline: none; border: none; } /* IE11 hide native button (thanks Matt!) */ #list2 select::-ms-expand { display: none; } #list2 input::-webkit-search-cancel-button { display: none; } #list2 .no-results { display: none; } #list2 .has-search { flex: 1; } } @media (max-width: 576px) { #list2 .sw-js-list-item-header .image img{ width: 100%!important; } #list2 .image { width: 10rem!important; height: 10rem!important; margin-right: 0!important; margin-left: 0!important; } #list2 .text h1, #list2 .text h2, #list2 .text h3, #list2 .text div, #list2 .text p{ text-align: center!important; } #list2 .tags { justify-content: flex-start; } #list2 .has-search { flex-direction: column; } #list2 .top-dropdown-filter { width: 100%; } #list2 .top-dropdown-filter .bootstrap-select:not([class*=col-]):not([class*=form-control]):not(.input-group-btn) { width: 100%!important; margin-left: 0!important; } #list2 .dropdown-mobile-filter { margin-bottom: 16px; } #list2 .dropdown .dropdown-menu .bs-searchbox input{ font-size: 12px!important; padding-left: 15px; } }
.sw-background-color-ffffff { background-color: #ffffff!important; } .sw-padding-top-3xs { padding-top: 1.25rem!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-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-l { padding-top: 4rem!important; } .sw-padding-bottom-l { padding-bottom: 4rem!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-4xl { font-size: 2.25rem!important; } .sw-font-family-default { } .sw-font-weight-default { } .sw-padding-top-none { padding-top: 0rem!important; } .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-3xs { padding-bottom: 1.25rem!important; } .sw-line-height-loose { line-height: 2!important; } .sw-width-5xs { width: 8rem!important; }
.sw-background-color-f8f9fc { background-color: #f8f9fc!important; } .sw-border-bottom-style-solid { border-bottom-style: solid!important; } .sw-border-bottom-width-m { border-bottom-width: 3px!important; } .sw-border-bottom-color-adb5bd { border-bottom-color: #adb5bd!important; } @media (hover: hover) { .hover\:sw-border-bottom-color-2977c9:hover { border-bottom-color: #2977c9!important; } } .sw-border-radius-l { border-radius: 0.5rem!important; } .sw-box-shadow-2xl { box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25)!important; } .sw-min-height-2xs { min-height: 16rem!important; } .sw-padding-top-2xs { padding-top: 1.5rem!important; } .sw-padding-bottom-2xs { padding-bottom: 1.5rem!important; } .sw-margin-top-2xs { margin-top: 1.5rem!important; } .sw-margin-bottom-2xs { margin-bottom: 1.5rem!important; } .sw-padding-right-3xs { padding-right: 1.25rem!important; } .sw-padding-left-3xs { padding-left: 1.25rem!important; } .sw-font-size-xs { font-size: 0.75rem!important; } .sw-text-color-default { } .sw-font-family-default { } .sw-font-weight-semibold { font-weight: 600!important; } .sw-letter-spacing-normal { letter-spacing: 0rem!important; } .sw-padding-bottom-3xs { padding-bottom: 1.25rem!important; } .sw-font-size-4xl { font-size: 2.25rem!important; } .sw-font-weight-medium { font-weight: 500!important; } .sw-padding-bottom-5xs { padding-bottom: 0.75rem!important; } .sw-font-size-xl { font-size: 1.25rem!important; } .sw-font-size-m { font-size: 1rem!important; } .sw-background-color-default { } .sw-padding-top-6xs { padding-top: 0.5rem!important; } .sw-padding-bottom-6xs { padding-bottom: 0.5rem!important; } .sw-border-style-solid { border-style: solid!important; } .sw-border-width-xs { border-width: 1px!important; } .sw-border-color-2977c9 { border-color: #2977c9!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-top-4xs { margin-top: 1rem!important; } .sw-display-inline-block { display: inline-block!important; } .sw-font-size-s { font-size: 0.875rem!important; } .sw-font-weight-light { font-weight: 300!important; } .sw-margin-left-m { margin-left: 3rem!important; } .sw-margin-bottom-5xs { margin-bottom: 0.75rem!important; } .sw-background-color-ffffff { background-color: #ffffff!important; } .sw-padding-top-none { padding-top: 0rem!important; } .sw-padding-bottom-s { padding-bottom: 2.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-3xl { font-size: 1.875rem!important; } .sw-font-weight-default { } .sw-padding-top-3xs { padding-top: 1.25rem!important; } .sw-padding-bottom-4xs { padding-bottom: 1rem!important; } .sw-line-height-normal { line-height: 1.5!important; } .sw-line-height-loose { line-height: 2!important; } .sw-background-color-00c65e { background-color: #00c65e!important; } .sw-border-color-000000 { border-color: #000000!important; } #pricing1 .pricingWrapper { max-width: 350px; margin: 0 auto; } #pricing1 .pricingWrapper:hover { transform: scale(1.03); transition: .3s ease all; } #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-font-size-m { font-size: 1rem!important; } .sw-text-color-default { } .sw-font-family-default { } .sw-font-weight-medium { font-weight: 500!important; } .sw-background-color-f9fafb { background-color: #f9fafb!important; } .sw-letter-spacing-normal { letter-spacing: 0rem!important; } .sw-padding-left-4xs { padding-left: 1rem!important; } .sw-padding-top-4xs { padding-top: 1rem!important; } .sw-padding-bottom-4xs { padding-bottom: 1rem!important; } .sw-text-decoration-no-underline { text-decoration: none!important; } .sw-display-block { display: block!important; } .sw-border-bottom-style-solid { border-bottom-style: solid!important; } .sw-border-bottom-width-xs { border-bottom-width: 1px!important; } .sw-border-bottom-color-f1f2f3 { border-bottom-color: #f1f2f3!important; } .sw-cursor-pointer { cursor: pointer!important; } .sw-font-weight-normal { font-weight: 400!important; } .sw-background-color-ffffff { background-color: #ffffff!important; } .sw-line-height-loose { line-height: 2!important; } .sw-padding-right-4xs { padding-right: 1rem!important; } .sw-margin-bottom-none { margin-bottom: 0rem!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-color-000000 { border-bottom-color: #000000!important; } .sw-font-size-4xl { font-size: 2.25rem!important; } .sw-font-weight-default { } .sw-padding-top-none { padding-top: 0rem!important; } .sw-line-height-normal { line-height: 1.5!important; } .sw-font-size-s { font-size: 0.875rem!important; } .sw-padding-bottom-3xs { padding-bottom: 1.25rem!important; } #faq1 .sw-accordion-border { border: 1px solid #f1f2f3; } #faq1 .arrow { position: absolute; right: 39px; display: inline-block; width: 6px; height: 6px; border-left: 1px solid #29394c; border-top: 1px solid #29394c; transform: rotate(45deg); transition: .2s linear; margin-top: 10px; } #faq1 .collapsed .arrow { transform: rotate(-135deg); }
.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-none { border-radius: 0rem!important; } .sw-background-color-default { } .sw-padding-left-l { padding-left: 4rem!important; } .sw-padding-right-l { padding-right: 4rem!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-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-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-000000 { background-color: #000000!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-background-color-none { background-color: #none!important; } .sw-box-shadow-none { box-shadow: none!important; } .sw-padding-top-none { padding-top: 0rem!important; } .sw-padding-bottom-none { padding-bottom: 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-4xl { font-size: 2.25rem!important; } .sw-text-color-ffffff { color: #ffffff!important; } .sw-font-weight-default { } .sw-line-height-normal { line-height: 1.5!important; } .sw-padding-bottom-3xs { padding-bottom: 1.25rem!important; } .sw-line-height-loose { line-height: 2!important; } .sw-font-size-xs { font-size: 0.75rem!important; } .sw-border-radius-l { border-radius: 0.5rem!important; } .sw-background-color-00c65e { background-color: #00c65e!important; } .sw-border-style-solid { border-style: solid!important; } @media (max-width: 576px) { #cta1 a{ width: 80%; } }
</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><style>
#partner .col-md-3 {padding-bottom:15px!important;}
@media only screen and (max-width : 993px) {
#logo .container .navbar-brand {display: block;margin-left: auto;margin-right: auto;position:relative;}}
@media screen and (max-width: 991px) {
.d-flex {
display: -ms-flexbox!important;
display: flex!important;
flex-direction: column!important;
}
#partner .d-flex {
flex-direction: row!important;
}
}
</style>
<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="ab238fa7-9c8b-4f61-af43-833c15915afd" data-pageId="c774c814-bc55-4a76-aac7-727fae0c439f" class="content"><nav id="logo" data-block-version="2.1.0" data-block-id="3bf02ccc-3a52-4df3-9c0d-9043b5f6db0e" data-block-updated="" class=" navbar nav navbar-expand-lg navbar-light header1-3bf02ccc-3a52-4df3-9c0d-9043b5f6db0e sw-background-color-ffffff sw-padding-top-5xs 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-9xs " src="https://softr-prod.imgix.net/applications/ab238fa7-9c8b-4f61-af43-833c15915afd/assets/45ad05c4-f52d-420a-913e-9cfbbffdbe90.png" alt=""> </a> <div class="desktop-menu text-center justify-content-end"> <ul class="navbar-nav align-items-center flex-row 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-semibold 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 active:sw-background-color-transparent" href="#hiw" target="" > How It Works </a> <div class="border-0 dropdown-menu links-dropdown" aria-labelledby="navbarDropdown-0"> </div> </li> <li class="nav-item "> <a class="position-relative sw-font-size-m sw-text-color-000000 sw-font-family-default sw-font-weight-semibold 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 active:sw-background-color-transparent" href="https://exizapsn.dcdn" target="" > Test .dCDN </a> <div class="border-0 dropdown-menu links-dropdown" aria-labelledby="navbarDropdown-1"> </div> </li> <li class="nav-item "> <a class="position-relative sw-font-size-m sw-text-color-000000 sw-font-family-default sw-font-weight-semibold 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 active:sw-background-color-transparent" href="https://hnschat/#message:hcdn" target="" > Get Support via hnschat/ </a> <div class="border-0 dropdown-menu links-dropdown" aria-labelledby="navbarDropdown-2"> </div> </li> <li class="nav-item "> <a class="position-relative sw-font-size-m sw-text-color-000000 sw-font-family-default sw-font-weight-semibold 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 active:sw-background-color-transparent" href="https://status.media.network/" target="" > Network Status </a> <div class="border-0 dropdown-menu links-dropdown" aria-labelledby="navbarDropdown-3"> </div> </li> <li class="nav-item pt-lg-0 pt-3"> <a data-element="button" target="" class="sw-font-size-m sw-text-color-default sw-font-family-default sw-font-weight-semibold sw-border-radius-default sw-background-color-00c65e sw-padding-left-2xs sw-padding-right-2xs sw-padding-top-5xs sw-padding-bottom-5xs sw-border-style-solid sw-border-width-xs sw-border-color-000000 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="https://exizapsn.dcdn">Start Using Handshake CDN </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-9xs " src="https://softr-prod.imgix.net/applications/ab238fa7-9c8b-4f61-af43-833c15915afd/assets/45ad05c4-f52d-420a-913e-9cfbbffdbe90.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-semibold 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 active:sw-background-color-transparent" href="#hiw"> How It Works </a> <a class="link collapsed d-block sw-font-size-m sw-text-color-000000 sw-font-family-default sw-font-weight-semibold 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 active:sw-background-color-transparent" href="https://exizapsn.dcdn"> Test .dCDN </a> <a class="link collapsed d-block sw-font-size-m sw-text-color-000000 sw-font-family-default sw-font-weight-semibold 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 active:sw-background-color-transparent" href="https://hnschat/#message:hcdn"> Get Support via hnschat/ </a> <a class="link collapsed d-block sw-font-size-m sw-text-color-000000 sw-font-family-default sw-font-weight-semibold 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 active:sw-background-color-transparent" href="https://status.media.network/"> Network Status </a> </div> <div class="buttons-section"> <a data-element="button" target="" class="sw-font-size-m sw-text-color-default sw-font-family-default sw-font-weight-semibold sw-border-radius-default sw-background-color-00c65e sw-padding-left-2xs sw-padding-right-2xs sw-padding-top-5xs sw-padding-bottom-5xs sw-border-style-solid sw-border-width-xs sw-border-color-000000 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="https://exizapsn.dcdn">Start Using Handshake CDN </a> </div> </div> </div> </div> </nav> <header id="hero1" data-block-version="2.0.0" data-block-id="4e02d4c1-46ff-4eea-a7d6-128ceb966dbd" data-block-updated="" style="" class="hero1-4e02d4c1-46ff-4eea-a7d6-128ceb966dbd sw-background-color-ffffff sw-padding-top-s sw-padding-bottom-4xs 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-5 pb-5 pb-lg-0 text-center text-lg-left"> <h1 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 "> Censorship Resistant Handshake CDN
<span style="font-size:15px;font-weight:300;">aka (Censorship Denial Network)</span> </h1> <p class="sw-font-size-m 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 "> Serve any URL/IP over a decentralized CDN. The content is then accessible from a .dCDN handshake hostname.<br>(Yes, Even Sky Links) </p> <div class="d-flex justify-content-center justify-content-lg-start flex-wrap"> <a data-element="button" target="_blank" class="sw-font-size-m sw-text-color-default sw-font-family-default sw-font-weight-semibold sw-border-radius-l sw-background-color-default sw-padding-left-s sw-padding-right-s sw-padding-top-5xs sw-padding-bottom-5xs sw-border-style-solid sw-border-width-xs sw-border-color-00c65e 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-margin-right-5xs sw-display-inline-block" href="https://fyypdmzy.dcdn/"> Test .dCDN </a> </div> </div> <div class="col-lg-7 text-center"> <img src="https://softr-prod.imgix.net/applications/ab238fa7-9c8b-4f61-af43-833c15915afd/assets/4f8d7b0d-3a3e-43ce-b0b8-5b32d3661570.png" class="sw-percentage-width-4xl sw-border-style-none sw-border-width-xs sw-border-color-000000 sw-border-radius-none mx-auto d-block" alt="Handshake Decentralized CDN"> </div> </div> </div> </header> <section id="list2" data-block-version="2.1.0" data-block-id="929e0de3-5b6e-4f32-bbe6-1abc2e16b8c2" data-block-updated="" class="list14-929e0de3-5b6e-4f32-bbe6-1abc2e16b8c2 sw-background-color-ffffff sw-padding-top-6xs sw-padding-bottom-xs 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"> <!-- MOBILE FILTERS --> <!-- TOP FILTERS --> <div class="row"> <div class="search-parent w-100 col-md-12 d-flex align-items-center "> </div> </div> </div> <div class="container"> <div class="row"> <div class="items col-12 "> <div class="sw-js-single-item-container"> </div> <div class="col-12 text-center"> <div class="sw-js-list-empty-state d-none sw-font-size-m sw-text-color-6f6f6f sw-font-family-default sw-font-weight-normal sw-line-height-normal sw-padding-top-2xl sw-padding-bottom-none "> No results found, try adjusting your search and filters. </div> <div class="sw-js-list-error-state d-none">Something went wrong, contact us if refreshing doesn’t fix this. </div> </div> <div class="container"> <div class="col-12 text-center pt-4"> <div class="d-flex justify-content-center flex-wrap"> <a data-element="button" class="sw-js-list-load-more-btn sw-font-size-s sw-text-color-353535 sw-background-color-ffffff sw-padding-top-5xs sw-padding-bottom-5xs sw-padding-left-5xs sw-padding-right-5xs sw-border-style-solid sw-border-width-xs sw-border-color-d9d9d9 sw-border-radius-m sw-text-decoration-no-underline hover:sw-text-decoration-no-underline hover:sw-box-shadow-m sw-margin-bottom-6xs sw-margin-left-5xs sw-display-inline-block" href="javascript:void(0);"> <div class="spinner-border sw-btn-spinner d-none" role="status"> <span class="sr-only">Loading...</span> </div> See more </a> </div> </div> </div> </div> </div> </div> </section> <script type="text/plain" id="template_list2_single_item"> <div data-recordId="[[=it.recordId]]" class="js-list-item d-flex position-relative justify-content-center flex-column box sw-background-color-ffffff sw-margin-bottom-6xs sw-border-style-solid sw-border-width-xs sw-border-color-a5a5a5 sw-border-radius-m sw-box-shadow-none hover:sw-box-shadow-s sw-padding-top-4xs sw-padding-bottom-4xs sw-padding-left-2xs sw-padding-right-2xs sw-cursor-default"> [[? it.clickAction.enabled]] <a class="card-click-overlay" href="[[=it.clickAction.url]]" target="[[=it.clickAction.target]]"></a> [[?]] <div class="d-flex flex-column w-100 sw-js-list-item-header" data-recordId="[[=it.recordId]]"> <div class="d-flex w-100 sw-js-single-item-elements" > [[? 0 > 0]] <div class="single-field sw-pre-heading2-container"> <p data-type="label" data-labelFor="_bomgo57gs" class="mb-1 sw-font-size-s sw-text-color-8a8a8a sw-font-family-default sw-font-weight-semibold sw-text-align-left sw-letter-spacing-widest sw-padding-top-6xs sw-padding-bottom-none sw-padding-left-none sw-padding-right-none " style="visibility:hidden"> LABEL </p> [[? it['_bomgo57gs'].value.length]] <h2 data-type="heading2" data-value="[[!it['_bomgo57gs'].value]]" data-mappedTo="Attachments" data-id="_bomgo57gs" class="mb-1 sw-width-3xs sw-font-size-m sw-text-color-333333 sw-font-family-default sw-font-weight-normal sw-text-align-left sw-letter-spacing-normal sw-padding-top-none sw-padding-bottom-none sw-padding-left-none sw-padding-right-6xs "> [[=it['_bomgo57gs'].value]] </h2> [[?]] </div> [[?]] [[? 1 > 0]] <div class="sw-pre-url-container single-field"> <p data-type="label" data-labelFor="_oarsnv5aq" class="mb-1 sw-font-size-s sw-text-color-8a8a8a sw-font-family-default sw-font-weight-semibold sw-text-align-left sw-letter-spacing-widest sw-padding-top-6xs sw-padding-bottom-none sw-padding-left-none sw-padding-right-none "> Original URL </p> <div class="sw-width-2xs sw-font-size-m sw-text-color-333333 sw-font-family-default sw-font-weight-normal sw-text-align-left sw-letter-spacing-normal sw-padding-top-7xs sw-padding-bottom-none sw-padding-left-none sw-padding-right-none "> <a href="[[? it['_oarsnv5aq'].value && it['_oarsnv5aq'].value.length]][[=it['_oarsnv5aq'].value]][[??]]javascript:;[[?]]" target="[[? it['_oarsnv5aq'].value.length]]_blank[[??]][[?]]" style="[[? it['_oarsnv5aq'].value.length]]cursor: pointer;[[??]]cursor: default!important; text-decoration: none;[[?]]" data-type="url" data-value="[[!it['_oarsnv5aq'].value]]" data-mappedTo="Name" data-id="_oarsnv5aq" class="prevent-link-fields sw-width-2xs sw-font-size-m sw-text-color-333333 sw-font-family-default sw-font-weight-normal sw-text-align-left sw-letter-spacing-normal sw-padding-top-7xs sw-padding-bottom-none sw-padding-left-none sw-padding-right-none "> [[? it['_oarsnv5aq'].value && it['_oarsnv5aq'].value.length]] [[=it['_oarsnv5aq'].value]] [[??]] - [[?]] </a> </div> </div> [[?]] [[? 2 > 0]] <div class="sw-pre-url-container single-field"> <p data-type="label" data-labelFor="_urj226ylp" class="mb-1 sw-font-size-s sw-text-color-8a8a8a sw-font-family-default sw-font-weight-semibold sw-text-align-left sw-letter-spacing-widest sw-padding-top-6xs sw-padding-bottom-none sw-padding-left-none sw-padding-right-none "> Decentralized .dCDN </p> <div class="sw-width-2xs sw-font-size-m sw-text-color-333333 sw-font-family-default sw-font-weight-normal sw-text-align-left sw-letter-spacing-normal sw-padding-top-7xs sw-padding-bottom-none sw-padding-left-none sw-padding-right-none "> <a href="[[? it['_urj226ylp'].value && it['_urj226ylp'].value.length]][[=it['_urj226ylp'].value]][[??]]javascript:;[[?]]" target="[[? it['_urj226ylp'].value.length]]_blank[[??]][[?]]" style="[[? it['_urj226ylp'].value.length]]cursor: pointer;[[??]]cursor: default!important; text-decoration: none;[[?]]" data-type="url" data-value="[[!it['_urj226ylp'].value]]" data-mappedTo="dcdn" data-id="_urj226ylp" class="prevent-link-fields sw-width-2xs sw-font-size-m sw-text-color-333333 sw-font-family-default sw-font-weight-normal sw-text-align-left sw-letter-spacing-normal sw-padding-top-7xs sw-padding-bottom-none sw-padding-left-none sw-padding-right-none "> [[? it['_urj226ylp'].value && it['_urj226ylp'].value.length]] [[=it['_urj226ylp'].value]] [[??]] - [[?]] </a> </div> </div> [[?]] [[? 3 > 0]] <div class="single-field sw-pre-rating-container"> <p data-type="label" data-labelFor="_g4y5rmnir" class="mb-1 sw-font-size-s sw-text-color-8a8a8a sw-font-family-default sw-font-weight-semibold sw-text-align-left sw-letter-spacing-widest sw-padding-top-6xs sw-padding-bottom-none sw-padding-left-none sw-padding-right-none "> Censorship Resistance </p> <div data-type="rating" data-value="[[!it['_g4y5rmnir'].value]]" data-mappedTo="Attachments" data-id="_g4y5rmnir" class="sw-width-5xs sw-font-size-m sw-text-color-00c65e sw-text-align-left sw-padding-left-none sw-padding-right-none sw-margin-top-7xs sw-margin-bottom-none "> [[? it['_g4y5rmnir'].value >= 5]] <span class="fa fa-star checked"></span> <span class="fa fa-star checked"></span> <span class="fa fa-star checked"></span> <span class="fa fa-star checked"></span> <span class="fa fa-star checked"></span> [[?]] [[? it['_g4y5rmnir'].value == 4]] <span class="fa fa-star checked"></span> <span class="fa fa-star checked"></span> <span class="fa fa-star checked"></span> <span class="fa fa-star checked"></span> <span class="fa fa-star"></span> [[?]] [[? it['_g4y5rmnir'].value == 3]] <span class="fa fa-star checked"></span> <span class="fa fa-star checked"></span> <span class="fa fa-star checked"></span> <span class="fa fa-star"></span> <span class="fa fa-star"></span> [[?]] [[? it['_g4y5rmnir'].value == 2]] <span class="fa fa-star checked"></span> <span class="fa fa-star checked"></span> <span class="fa fa-star"></span> <span class="fa fa-star"></span> <span class="fa fa-star"></span> [[?]] [[? it['_g4y5rmnir'].value == 1]] <span class="fa fa-star checked"></span> <span class="fa fa-star"></span> <span class="fa fa-star"></span> <span class="fa fa-star"></span> <span class="fa fa-star"></span> [[?]] [[? it['_g4y5rmnir'].value == 0]] <span class="fa fa-star"></span> <span class="fa fa-star"></span> <span class="fa fa-star"></span> <span class="fa fa-star"></span> <span class="fa fa-star"></span> [[?]] </div> </div> [[?]] [[? 4 > 0]] <div data-button="button" class="single-field"> [[? it['_21zkycgtj'].value && it['_21zkycgtj'].value.length]] <div class="button-wrapper-container d-block sw-pre-button-container sw-background-color-default sw-font-size-xs sw-text-color-default sw-font-family-default sw-font-weight-normal sw-text-align-left sw-border-radius-m sw-border-style-solid sw-border-width-xs sw-border-color-00c65e sw-letter-spacing-normal sw-padding-left-2xs sw-padding-right-2xs sw-padding-top-5xs sw-padding-bottom-5xs sw-margin-left-none sw-margin-right-6xs sw-margin-top-7xs sw-margin-bottom-none sw-text-decoration-no-underline hover:sw-text-decoration-no-underline sw-display-inline-block"> <a href="[[? it['_21zkycgtj'].value && it['_21zkycgtj'].value.length]][[=it['_21zkycgtj'].value]][[?]]" data-type="button" data-element="button" target="_blank" class="js-list-item-button sw-background-color-default sw-font-size-xs sw-text-color-default sw-font-family-default sw-font-weight-normal sw-text-align-left sw-border-radius-m sw-border-style-solid sw-border-width-xs sw-border-color-00c65e sw-letter-spacing-normal sw-padding-left-2xs sw-padding-right-2xs sw-padding-top-5xs sw-padding-bottom-5xs sw-margin-left-none sw-margin-right-6xs sw-margin-top-7xs sw-margin-bottom-none sw-text-decoration-no-underline hover:sw-text-decoration-no-underline sw-display-inline-block"> TEST dCDN </a> </div> [[??]] <span style="color:#000">-</span> [[?]] </div> [[?]] <div class="sw-pre-need-container"></div> </div> </div> </div> </div> </script> <section id="hiw" data-block-version="2.0.0" data-block-id="f5fb2a02-c072-40a5-b01e-e309053464a7" data-block-updated="" style="" class="text1-f5fb2a02-c072-40a5-b01e-e309053464a7 sw-background-color-ffffff sw-padding-top-3xs 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>HOW IT WORKS.</h2><p><br></p><p><span style="font-size: 15px; color: rgb(29, 28, 29);">This method uses the Sia and Solana Blockchains to create a highly censorship resistant website. </span></p><p><br></p><p><span style="font-size: 15px; color: rgb(29, 28, 29);">"I'm a user who has a web site that is accessible from siasky.net"</span></p><p><br></p><p><span style="font-size: 16px;">I have my TLD pointing to a TXT record with the Sia hash directly on the handshake blockchain. </span></p><p><br></p><p><span style="font-size: 15px; color: rgb(29, 28, 29);">I want my site to be even more resilient so I will deploy the site using Media Network. </span></p><p><br></p><p><span style="font-size: 15px; color: rgb(29, 28, 29);">In this example I can use the URL of an image that I want to always be able to call into a web page. </span><a href="https://vcdn.hns.siasky.net/" rel="noopener noreferrer" target="_blank" style="font-size: 15px; background-color: rgb(255, 255, 255);">https://vcdn.hns.siasky.net</a><span style="font-size: 15px; color: rgb(29, 28, 29);"> </span></p><p><br></p><p><span style="font-size: 15px; color: rgb(29, 28, 29);">But, I don't want to host my own sky portal or rely on portals to always be alive and active 24/7.</span></p><p><br></p><p><span style="color: rgb(29, 28, 29); font-size: 15px;">To solve this problem I cached the above URL to the Media Network decentralized CDN powered by Solana Blockchain. </span></p><p><br></p><p><span style="color: rgb(29, 28, 29); font-size: 15px;">Once the transaction finalized it spit out this handshake hostname: </span><a href="http://c6kbuvfv.dcdn/" rel="noopener noreferrer" target="_blank" style="font-size: 15px; background-color: rgb(255, 255, 255);">http://c6kbuvfv.dcdn</a></p></div> </div> </div> </div> </section> <section id="partner" data-block-version="2.0.0" data-block-id="a3e8a677-866a-4eb3-a7d9-b6074c73720c" data-block-updated="" class="partner1-a3e8a677-866a-4eb3-a7d9-b6074c73720c sw-background-color-ffffff sw-padding-top-l sw-padding-bottom-l 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-4xl sw-font-family-default sw-font-weight-default sw-padding-top-none sw-padding-bottom-4xs sw-letter-spacing-normal sw-line-height-normal " >POWERED BY</h2> <p class="sw-text-color-default sw-font-size-xl sw-font-family-default sw-font-weight-default sw-padding-top-none sw-padding-bottom-3xs sw-letter-spacing-normal sw-line-height-loose">Advanced Web3 Protocols</p> </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/ab238fa7-9c8b-4f61-af43-833c15915afd/assets/a0d662b2-aa10-4350-9b6a-2b95e349625a.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/ab238fa7-9c8b-4f61-af43-833c15915afd/assets/f8518bcc-0c43-4b22-ad78-63cd01357f90.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/ab238fa7-9c8b-4f61-af43-833c15915afd/assets/13c7447b-ab82-46bf-8fc2-053e9f0eb8d6.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/ab238fa7-9c8b-4f61-af43-833c15915afd/assets/1842b515-7818-4618-bace-c2c58b6df824.svg" class="sw-border-style-none sw-border-width-xs sw-border-color-000000 sw-border-radius-none sw-width-5xs " /> </div> </div> </div> </section> <section id="pricing1" data-block-version="2.0.0" data-block-id="3e23c703-76cc-447f-9205-d41151b3665d" data-block-updated="" class="s-price section pricing2-3e23c703-76cc-447f-9205-d41151b3665d sw-background-color-ffffff sw-padding-top-none sw-padding-bottom-s 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 section--> <div class="row"> <div class="col-md-6 text-center"> <h2 class="sw-font-size-3xl sw-text-color-default sw-font-family-default sw-font-weight-default sw-padding-top-3xs sw-padding-bottom-4xs sw-letter-spacing-normal sw-line-height-normal "> Transparent Pricing </h2> <p class="pb-5 sw-font-size-m 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 "> Pay as you go. <br>10 HNS One Time Per URL/IP
<div class="row align-items-center"> <div class="col-lg-12 text-center text-lg-left pb-5 pb-lg-0"> <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 "> Skynet Resilience </h2> <p class="sw-font-size-m 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 "> Now you can access your sky links without skynet web portals. Users can use their local handshake resolver to access your resolver sky links faster than ever. </p> <!-- Features --> <div class="text-left d-inline-block"> </div> <p> <a target="_blank" href="https://exizapsn.dcdn" class="sw-font-size-m sw-text-color-4b627a sw-font-family-default sw-font-weight-semibold sw-margin-top-3xs sw-margin-bottom-3xs sw-letter-spacing-wide sw-text-decoration-no-underline hover:sw-text-decoration-no-underline sw-display-inline-block"> Start Using Handshake CDN <i class="fa fa-fw fa-arrow-right ml-2"></i> </a> </p> </div>
<!--<div class="col-lg-12 text-center"> <img src="https://softr-prod.imgix.net/applications/ab238fa7-9c8b-4f61-af43-833c15915afd/assets/42117cbe-c779-49f1-b03e-5132bd048432.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="skynet_handshake_cdn"> </div> -->
</div>
</p> </div> <div class="col-md-6 text-center"> <div class="pricingWrapper pricing-box position-relative sw-background-color-f8f9fc sw-border-bottom-style-solid sw-border-bottom-width-m sw-border-bottom-color-adb5bd hover:sw-border-bottom-color-2977c9 sw-border-radius-l sw-box-shadow-2xl sw-min-height-2xs sw-padding-top-2xs sw-padding-bottom-2xs sw-margin-top-2xs sw-margin-bottom-2xs sw-padding-right-3xs sw-padding-left-3xs"> <div class="price price-month"> <span class="d-inline-block sw-font-size-4xl sw-text-color-default sw-font-family-default sw-font-weight-medium sw-padding-bottom-5xs ">10 HNS</span> <small class="sw-font-size-xl sw-text-color-default sw-font-family-default sw-font-weight-semibold "></small> </div> <h5 class="sw-font-size-xs sw-text-color-default sw-font-family-default sw-font-weight-semibold sw-letter-spacing-normal sw-padding-bottom-3xs "> Per URL/IP Cached on .dCDN </h5> <ul class="list text-left p-0" style="list-style-type: none;"> <li class="sw-font-size-s sw-text-color-default sw-font-family-default sw-font-weight-light sw-margin-left-m sw-margin-bottom-5xs"> <i class="fas fa-fw fa-check mr-2" style="color: #22bc66;"></i> <span>Blazing Fast Load Times</span> </li> <li class="sw-font-size-s sw-text-color-default sw-font-family-default sw-font-weight-light sw-margin-left-m sw-margin-bottom-5xs"> <i class="fas fa-fw fa-check mr-2" style="color: #22bc66;"></i> <span>Censorship Resistant </span> </li> <li class="sw-font-size-s sw-text-color-default sw-font-family-default sw-font-weight-light sw-margin-left-m sw-margin-bottom-5xs"> <i class="fas fa-fw fa-check mr-2" style="color: #22bc66;"></i> <span>Peer to Peer dCDN</span> </li> <li class="sw-font-size-s sw-text-color-default sw-font-family-default sw-font-weight-light sw-margin-left-m sw-margin-bottom-5xs"> <i class="fas fa-fw fa-check mr-2" style="color: #22bc66;"></i> <span>100% Anonymous</span> </li> <li class="sw-font-size-s sw-text-color-default sw-font-family-default sw-font-weight-light sw-margin-left-m sw-margin-bottom-5xs"> <i class="fas fa-fw fa-check mr-2" style="color: #22bc66;"></i> <span>Bypass Skynet Portals </span> </li> <li class="sw-font-size-s sw-text-color-default sw-font-family-default sw-font-weight-light sw-margin-left-m sw-margin-bottom-5xs"> <i class="fas fa-fw fa-check mr-2" style="color: #22bc66;"></i> <span>.dCDN Handshake URL</span> </li> </ul> <a data-element="button" data-json='{"url":{"enabled":true,"destination":"https://exizapsn.dcdn","yearlyDestination":"","target":""},"stripe":{"enabled":false,"monthlyPlanId":"","yearlyPlanId":"","successUrl":"","cancelUrl":"","mode":"payment","allowPromotionCodes":false}}' class="pricing-btn sw-font-size-m sw-text-color-default sw-font-family-default sw-font-weight-semibold sw-border-radius-l sw-background-color-00c65e sw-padding-top-6xs sw-padding-bottom-6xs sw-padding-left-3xs sw-padding-right-3xs sw-border-style-solid sw-border-width-xs sw-border-color-000000 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-margin-top-4xs sw-display-inline-block" href="javascript:void(0);"> Start Using Handshake CDN </a> </div> </div> </div> </div> </section> <section id="faq1" data-block-version="2.0.0" data-block-id="6a3fcb6b-edd0-4b34-92aa-2f956cb3c4cb" data-block-updated="" class="faq1-6a3fcb6b-edd0-4b34-92aa-2f956cb3c4cb 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"> <!-- Header --> <div class="row"> <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 "> Frequently Asked Questions </h2> </div> </div> <!-- Subheader --> <div class="row"> <div class="col-12 col-sm-10 offset-sm-1 text-center"> <p class="sw-font-size-s 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 "> Got a question? We've got answers. If you have some other questions, contact us by clicking <a href="https://hnschat/#message:hcdn" >this link to hnschat/ </a> </p> </div> </div> <div class="row"> <div class="col-12 col-sm-10 offset-sm-1 text-center"> <div class="accordion sw-accordion-border" id="faq1-accordion"> <div class="mb-0 border-0 text-left"> <span data-toggle="collapse" href="#faq1-accordion-0" aria-expanded="false" class="collapsed sw-font-size-m sw-text-color-default sw-font-family-default sw-font-weight-medium sw-background-color-f9fafb sw-letter-spacing-normal sw-padding-left-4xs sw-padding-top-4xs sw-padding-bottom-4xs sw-text-decoration-no-underline sw-display-block sw-border-bottom-style-solid sw-border-bottom-width-xs sw-border-bottom-color-f1f2f3 sw-cursor-pointer"> How long will my .dCDN link be enabled? <span class="arrow"></span> </span> <div id="faq1-accordion-0" class="collapse" data-parent="#faq1-accordion"> <p class="sw-font-size-m sw-text-color-default sw-font-family-default sw-font-weight-normal sw-background-color-ffffff sw-line-height-loose sw-letter-spacing-normal sw-padding-left-4xs sw-padding-right-4xs sw-padding-top-4xs sw-margin-bottom-none sw-padding-bottom-4xs sw-border-bottom-style-solid sw-border-bottom-width-xs sw-border-bottom-color-f1f2f3"> Blockchain technology is mostly experimental.
In essence, your links should live on forever as long as the Solana blockchain exists.
We create fresh wallets on a random basis for the URL/IP deployments, and never save the keys or seeds.
This allows the wallet to fall into the deep dark crypto depths never to be found or accessed again.
Each time we cache a URL/IP onto the decentralized CDN Network we pay a small amount of Solana in order for the content to be cached and to create the .dCDN hostname.
Once it's deployed, it's deployed for good. </p> </div> </div> <div class="mb-0 border-0 text-left"> <span data-toggle="collapse" href="#faq1-accordion-1" aria-expanded="false" class="collapsed sw-font-size-m sw-text-color-default sw-font-family-default sw-font-weight-medium sw-background-color-f9fafb sw-letter-spacing-normal sw-padding-left-4xs sw-padding-top-4xs sw-padding-bottom-4xs sw-text-decoration-no-underline sw-display-block sw-border-bottom-style-solid sw-border-bottom-width-xs sw-border-bottom-color-f1f2f3 sw-cursor-pointer"> Why use this middle-man service? Can I use <a href="https://Media.Network"> Media.Network</a> directly? <span class="arrow"></span> </span> <div id="faq1-accordion-1" class="collapse" data-parent="#faq1-accordion"> <p class="sw-font-size-m sw-text-color-default sw-font-family-default sw-font-weight-normal sw-background-color-ffffff sw-line-height-loose sw-letter-spacing-normal sw-padding-left-4xs sw-padding-right-4xs sw-padding-top-4xs sw-margin-bottom-none sw-padding-bottom-4xs sw-border-bottom-style-solid sw-border-bottom-width-xs sw-border-bottom-color-f1f2f3"> This service is offered as a convenience for the Web3 community.
You can use <a href="https://Media.Network"> Media.Network</a> directly without the need to pay 10 HNS.
With us, you pay HNS to help put more funds back into developing the handshake community.
Plus, if you did want to do it yourself, you will need to own 100 Media Tokens and pay Solana Gas Fees in order to submit a URL/IP to be cached on the Blockchain.
Not to mention the exchange and withdrawal fees that you will also likely have to pay as well.
If you use the Triton Private API you can deploy URLs/IPs using Solana.
The other upside to using this service is that you never have to actually go through the process or take the action of creating a Solana wallet or submitting the transaction.
</p> </div> </div> <div class="mb-0 border-0 text-left"> <span data-toggle="collapse" href="#faq1-accordion-2" aria-expanded="false" class="collapsed sw-font-size-m sw-text-color-default sw-font-family-default sw-font-weight-medium sw-background-color-f9fafb sw-letter-spacing-normal sw-padding-left-4xs sw-padding-top-4xs sw-padding-bottom-4xs sw-text-decoration-no-underline sw-display-block sw-border-bottom-style-solid sw-border-bottom-width-xs sw-border-bottom-color-f1f2f3 sw-cursor-pointer"> Do you sell or share my data with any other parties? <span class="arrow"></span> </span> <div id="faq1-accordion-2" class="collapse" data-parent="#faq1-accordion"> <p class="sw-font-size-m sw-text-color-default sw-font-family-default sw-font-weight-normal sw-background-color-ffffff sw-line-height-loose sw-letter-spacing-normal sw-padding-left-4xs sw-padding-right-4xs sw-padding-top-4xs sw-margin-bottom-none sw-padding-bottom-4xs sw-border-bottom-style-solid sw-border-bottom-width-xs sw-border-bottom-color-f1f2f3"> You can choose to publicly display your .dCDN link on our website, otherwise it is kept private. We do not share or sell information with anyone. </p> </div> </div> <div class="mb-0 border-0 text-left"> <span data-toggle="collapse" href="#faq1-accordion-3" aria-expanded="false" class="collapsed sw-font-size-m sw-text-color-default sw-font-family-default sw-font-weight-medium sw-background-color-f9fafb sw-letter-spacing-normal sw-padding-left-4xs sw-padding-top-4xs sw-padding-bottom-4xs sw-text-decoration-no-underline sw-display-block sw-border-bottom-style-solid sw-border-bottom-width-xs sw-border-bottom-color-f1f2f3 sw-cursor-pointer"> Is https:// supported on .dCDN URLs? <span class="arrow"></span> </span> <div id="faq1-accordion-3" class="collapse" data-parent="#faq1-accordion"> <p class="sw-font-size-m sw-text-color-default sw-font-family-default sw-font-weight-normal sw-background-color-ffffff sw-line-height-loose sw-letter-spacing-normal sw-padding-left-4xs sw-padding-right-4xs sw-padding-top-4xs sw-margin-bottom-none sw-padding-bottom-4xs sw-border-bottom-style-solid sw-border-bottom-width-xs sw-border-bottom-color-f1f2f3"> Yes, you your .dcdn links can be accessed via https using DANE. </p> </div> </div> <div class="mb-0 border-0 text-left"> <span data-toggle="collapse" href="#faq1-accordion-4" aria-expanded="false" class="collapsed sw-font-size-m sw-text-color-default sw-font-family-default sw-font-weight-medium sw-background-color-f9fafb sw-letter-spacing-normal sw-padding-left-4xs sw-padding-top-4xs sw-padding-bottom-4xs sw-text-decoration-no-underline sw-display-block sw-border-bottom-style-solid sw-border-bottom-width-xs sw-border-bottom-color-f1f2f3 sw-cursor-pointer"> Can I add a custom port to access my URL? <span class="arrow"></span> </span> <div id="faq1-accordion-4" class="collapse" data-parent="#faq1-accordion"> <p class="sw-font-size-m sw-text-color-default sw-font-family-default sw-font-weight-normal sw-background-color-ffffff sw-line-height-loose sw-letter-spacing-normal sw-padding-left-4xs sw-padding-right-4xs sw-padding-top-4xs sw-margin-bottom-none sw-padding-bottom-4xs sw-border-bottom-style-solid sw-border-bottom-width-xs sw-border-bottom-color-f1f2f3"> Definitely! Yes you can. Please be advised this feature is experimental. </p> </div> </div> <div class="mb-0 border-0 text-left"> <span data-toggle="collapse" href="#faq1-accordion-5" aria-expanded="false" class="collapsed sw-font-size-m sw-text-color-default sw-font-family-default sw-font-weight-medium sw-background-color-f9fafb sw-letter-spacing-normal sw-padding-left-4xs sw-padding-top-4xs sw-padding-bottom-4xs sw-text-decoration-no-underline sw-display-block sw-border-bottom-style-solid sw-border-bottom-width-xs sw-border-bottom-color-f1f2f3 sw-cursor-pointer"> Can I request refund? <span class="arrow"></span> </span> <div id="faq1-accordion-5" class="collapse" data-parent="#faq1-accordion"> <p class="sw-font-size-m sw-text-color-default sw-font-family-default sw-font-weight-normal sw-background-color-ffffff sw-line-height-loose sw-letter-spacing-normal sw-padding-left-4xs sw-padding-right-4xs sw-padding-top-4xs sw-margin-bottom-none sw-padding-bottom-4xs sw-border-bottom-style-solid sw-border-bottom-width-xs sw-border-bottom-color-f1f2f3"> Their are no refunds once we deploy your URL/IP to the blockchain. </p> </div> </div> </div> </div> </div> </div> </section> <section id="cta1" style="" data-block-version="2.0.0" data-block-id="21a7aa24-6c12-4fca-b1b8-4a18d384f857" data-block-updated="" class="cta4-21a7aa24-6c12-4fca-b1b8-4a18d384f857 sw-background-color-000000 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="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-md-7 col-12 text-center text-md-left"> <h2 class="sw-font-size-4xl sw-text-color-ffffff sw-font-family-default sw-font-weight-default sw-padding-top-none sw-padding-bottom-4xs sw-letter-spacing-normal sw-line-height-normal "> DEPLOY YOUR .dCDN URLs </h2> <p class="sw-font-size-m sw-text-color-ffffff sw-font-family-default sw-font-weight-default sw-padding-top-none sw-padding-bottom-3xs sw-letter-spacing-normal sw-line-height-loose "> Deploy your sky links to a decentralized CDN accessible through Handshake. </p> </div> <div class="col-md-5 col-12 d-flex justify-content-center align-items-center flex-wrap flex-column"> <a data-element="button" target="_blank" class="text-center sw-font-size-xs sw-text-color-default sw-font-family-default sw-font-weight-semibold sw-border-radius-l sw-background-color-00c65e sw-padding-left-l sw-padding-right-l sw-padding-top-4xs sw-padding-bottom-4xs sw-border-style-solid sw-border-width-xs sw-border-color-000000 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://exizapsn.dcdn"> DEPLOY SKY LINKS TO .dCDN </a> </div> </div> </div> </section> </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/ab238fa7-9c8b-4f61-af43-833c15915afd'))){
xhr.setRequestHeader('softr-page-id', 'c774c814-bc55-4a76-aac7-727fae0c439f');
}
}
});
}
window['logo'] = {}; ;(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","active:sw-background-color-transparent"]}],"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","active:sw-background-color-transparent"]}],"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-default"]},{"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-5xs","sw-padding-bottom-5xs"]},{"name":"border","label":"Border","isPrimary":true,"classes":["sw-border-style-none","sw-border-width-xs","sw-border-color-000000"]},{"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-5xs"]},{"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-9xs"]}],"src":"https://softr-prod.imgix.net/applications/ab238fa7-9c8b-4f61-af43-833c15915afd/assets/45ad05c4-f52d-420a-913e-9cfbbffdbe90.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-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","active:sw-background-color-transparent"]}],"value":"How It Works","action":{"type":"navigate","options":{"url":{"destination":"#hiw","target":""}}}},"subLinks":{"type":"array","item_type":"#/elements/definitions/link","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-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","active:sw-background-color-transparent"]}],"value":"Test .dCDN","action":{"type":"navigate","options":{"url":{"destination":"https://exizapsn.dcdn","target":""}}}},"subLinks":{"type":"array","item_type":"#/elements/definitions/link","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-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","active:sw-background-color-transparent"]}],"value":"Get Support via hnschat/","action":{"type":"navigate","options":{"url":{"destination":"https://hnschat/#message:hcdn","target":""}}}},"subLinks":{"type":"array","item_type":"#/elements/definitions/link","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-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","active:sw-background-color-transparent"]}],"value":"Network Status","action":{"type":"navigate","options":{"url":{"destination":"https://status.media.network/","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-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-default"]},{"name":"background-color","label":"Background color","isPrimary":true,"classes":["sw-background-color-00c65e"]},{"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-5xs","sw-padding-bottom-5xs"]},{"name":"border","label":"Border","isPrimary":true,"classes":["sw-border-style-solid","sw-border-width-xs","sw-border-color-000000"]},{"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":"Start Using Handshake CDN ","action":{"type":"navigate","options":{"url":{"destination":"https://exizapsn.dcdn","target":""}},"action":"Open external url > https://exizapsn.dcdn"}}]},"profileLinks":{"type":"array","item_type":"#/elements/definitions/profileLink","items":[{"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":"Sign Out","action":{"type":"navigate","options":{"url":{"destination":"action:signout","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-power-off","src":""}}]},"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(); } $('#logo .navbar-toggler-icon').on('click', function () { $('#logo .mob-menu-content').addClass('show'); }); $('#logo .navbar-close').on('click', function () { $('#logo .mob-menu-content').removeClass('show'); }); oneButtonView($(window)); $(window).on('resize', function () { var win = $(this); oneButtonView(win) }); /* close the mobile menu */ $('#logo .mob-menu-body a').click(function () { if ($(this).attr('aria-controls')) { return; } $('#logo .mob-menu-content').removeClass('show'); }); var bgColor = window.getComputedStyle(document.querySelector('nav#logo'), null).getPropertyValue('background-color'); if (lightOrDark(bgColor) === 'dark') { $('nav#logo').removeClass('navbar-light'); $('nav#logo').addClass('navbar-dark'); $('#logo .navbar-close i').css('color', '#ffffff'); $('#logo .arrow').css('border-left', '2px solid #ffffff'); $('#logo .arrow').css('border-top', '2px solid #ffffff'); } profileIconSizeCalculation(); $('#logo a.dropdown-item').hover(function () { $(this).css('background-color', bgColor); }); $('#logo .navbar-nav .dropdown-menu').css('background-color', bgColor); $('#logo .mob-menu-content').css('background-color', bgColor); $('#logo .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; $('#logo .nav-link').css('background-image', 'url(\'' + avatarUrl + '\')'); $('#logo .nav-link').addClass('profile-icons'); } else if(loggedInUser['softr_user_full_name']) { avatarUrl = extractUserNameFirstLetters(loggedInUser && loggedInUser['softr_user_full_name']); $('#logo .nav-link').text(avatarUrl); $('#logo .nav-link').addClass('profile-letters'); } } /*do not do anything, dummy image is here*/ } function profileIconSizeCalculation() { const headerLinks = document.querySelector('nav#logo .nav-item a'); if (!headerLinks) { return; } const fSize = window.getComputedStyle(headerLinks, null).getPropertyValue('font-size'); if (fSize <= '16px') { $('#logo .nav-item.dropdown a.profile-dropdown-toggle').css({ 'width': '31px', 'height': '31px', }); } else if (fSize > '16px' && fSize <= '24px') { $('#logo .nav-item.dropdown a.profile-dropdown-toggle').css({ 'width': '34px', 'height': '34px', }); } else { $('#logo .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['hero1'] = {};
window['list2'] = {}; window['list2']['baseId'] = 'appED52uFAvjYPKuw';window['list2']['tableName'] = 'Links';window['list2']['userGroups'] = []; window['list2']['userGroups'] =[{"id":"203542f1-2f70-4d08-b360-8febd21be929","type":"PREDEFINED","name":"All users","condition":null}]; window['list2']['permissions'] ={"EDIT":{"predefinedUserGroupType":"ALL_USERS","customUserGroupIds":[]},"VIEW":{"predefinedUserGroupType":"ALL_USERS","customUserGroupIds":[]}}; window['list2']['rules'] = []; ;(function () { const blockId = '929e0de3-5b6e-4f32-bbe6-1abc2e16b8c2'; var collectionSetup = JSON.parse(`{"dataSourceTypes":["airtable","softr","gsheet"],"dataSource":{"type":"airtable","airtable":{"url":"https://api.airtable.com/v0/appED52uFAvjYPKuw/Links","baseId":"appED52uFAvjYPKuw","tableName":"Links","viewName":"Allowed Records"},"softr":{"applicationId":"ab238fa7-9c8b-4f61-af43-833c15915afd","collectionId":""},"gsheet":{}},"defaultFilter":"ALL","customFilters":{"logical_operator":"OR","conditions":[]},"itemsPerPage":5,"sortOptions":[{"field":"","direction":"","isDefault":true}],"searchOptions":{"fields":[]},"listItemClickAction":{"supportedActionTypes":["DO_NOTHING","OPEN_DYNAMIC_EXTERNAL_URL","OPEN_DETAILS_PAGE"],"selectedActionType":"DO_NOTHING","action":{"type":"navigate","options":{"url":{"destination":"","mappedTo":"","target":""}}}},"mockData":[{"image":{"value":["https://softr-assets-eu-shared.s3.eu-central-1.amazonaws.com/studio/blocks/assets/testimonial_profile_picture_1.png"]},"text":{"value":"Single line short text"},"heading1":{"value":"Heading1"},"heading2":{"value":"Heading2"},"heading3":{"value":"Heading3"},"rich_text":{"value":"Proxima bellare te tractata Atrides exercet <br> <ul> <li> Lorem markdownum, aequent vocem dixit tamen quidem crimine in maris protinus moror <b>telluris</b> magno, marinae Latonae.</li> <li> Opaca tamquam ligari! </li> </ul>"},"embed":{"value":"<iframe width='100%' height='100' src='https://player.vimeo.com/video/252443587' frameborder='0' allowfullscreen></iframe>"},"gmaps":{"value":"<iframe width='100%' height='100' src='https://www.google.com/c/search/?api=1&query=47.5951518,-122.3316393&query_place_id=ChIJKxjxuaNqkFQR3CK6O1HNNqY' frameborder='0' allowfullscreen></iframe>"},"url":{"value":"https://www.example.com"},"email":{"value":"[email protected]"},"rating":{"value":"4"},"tag":{"value":["Tag 1","Tag 2"]},"button":{"value":"Button"},"file":{"value":[{"filename":"File 1","url":"https://softr-assets-eu-shared.s3.eu-central-1.amazonaws.com/studio/blocks/assets/video2_stock_video_1.mp4"}],"label":{"value":"Download"}},"video":{"value":"https://softr-assets-eu-shared.s3.eu-central-1.amazonaws.com/studio/blocks/assets/video2_stock_video_1.mp4"},"divider":{"value":""},"audio":{"value":"https://softr-assets-eu-shared.s3.eu-central-1.amazonaws.com/studio/blocks/assets/placeholder_audio.mp3"},"gallery":{"value":["https://softr-assets-eu-shared.s3.eu-central-1.amazonaws.com/studio/blocks/assets/gallery_pic1.jpg","https://softr-assets-eu-shared.s3.eu-central-1.amazonaws.com/studio/blocks/assets/gallery_pic2.jpg","https://softr-assets-eu-shared.s3.eu-central-1.amazonaws.com/studio/blocks/assets/gallery_pic3.jpg"]}}],"possibleItemsPerPage":[{"value":6}]}`); var loadMoreButtonSelector = '#list2 .sw-js-list-load-more-btn'; var searchInputSelector = '#list2 .sw-js-list-search-input'; var listContainerSelector = '#list2 .sw-js-single-item-container'; var listFilterSelector = '#list2 .js-filter'; var emptyStateSelector = '#list2 .sw-js-list-empty-state'; const fieldsSetup = JSON.parse(`[{"label":{"tag":"p","primaryStyles":[{"name":"size-color","label":"Text Size/Color","isPrimary":true,"classes":["sw-font-size-s","sw-text-color-8a8a8a"]},{"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":"text-alignment","label":"Alignment","isPrimary":true,"classes":["sw-text-align-left"]},{"name":"letter-spacing","label":"Letter spacing","isPrimary":true,"classes":["sw-letter-spacing-widest"]},{"name":"padding-top-bottom","label":"Padding top/bottom","isPrimary":true,"classes":["sw-padding-top-6xs","sw-padding-bottom-none"]},{"name":"padding-left-right","label":"Padding left/right","isPrimary":true,"classes":["sw-padding-left-none","sw-padding-right-none"]}],"otherStyles":[{"name":"others","label":"Other","isPrimary":true,"classes":[]}],"value":""},"field":{"tag":"p","primaryStyles":[{"name":"width","label":"Width","isPrimary":true,"classes":["sw-width-3xs"]},{"name":"size-color","label":"Text Size/Color","isPrimary":true,"classes":["sw-font-size-m","sw-text-color-333333"]},{"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":"text-alignment","label":"Alignment","isPrimary":true,"classes":["sw-text-align-left"]},{"name":"letter-spacing","label":"Letter spacing","isPrimary":true,"classes":["sw-letter-spacing-normal"]},{"name":"padding-top-bottom","label":"Padding top/bottom","isPrimary":true,"classes":["sw-padding-top-none","sw-padding-bottom-none"]},{"name":"padding-left-right","label":"Padding left/right","isPrimary":true,"classes":["sw-padding-left-none","sw-padding-right-6xs"]}],"value":"","type":"heading2","id":"_bomgo57gs","mappedTo":"Attachments","deletable":false,"enabled":false}},{"label":{"tag":"p","primaryStyles":[{"name":"size-color","label":"Text Size/Color","isPrimary":true,"classes":["sw-font-size-s","sw-text-color-8a8a8a"]},{"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":"text-alignment","label":"Alignment","isPrimary":true,"classes":["sw-text-align-left"]},{"name":"letter-spacing","label":"Letter spacing","isPrimary":true,"classes":["sw-letter-spacing-widest"]},{"name":"padding-top-bottom","label":"Padding top/bottom","isPrimary":true,"classes":["sw-padding-top-6xs","sw-padding-bottom-none"]},{"name":"padding-left-right","label":"Padding left/right","isPrimary":true,"classes":["sw-padding-left-none","sw-padding-right-none"]}],"otherStyles":[{"name":"others","label":"Other","isPrimary":true,"classes":[]}],"value":"Original URL"},"field":{"tag":"p","primaryStyles":[{"name":"width","label":"Width","isPrimary":true,"classes":["sw-width-2xs"]},{"name":"size-color","label":"Text Size/Color","isPrimary":true,"classes":["sw-font-size-m","sw-text-color-333333"]},{"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":"text-alignment","label":"Alignment","isPrimary":true,"classes":["sw-text-align-left"]},{"name":"letter-spacing","label":"Letter spacing","isPrimary":true,"classes":["sw-letter-spacing-normal"]},{"name":"padding-top-bottom","label":"Padding top/bottom","isPrimary":true,"classes":["sw-padding-top-7xs","sw-padding-bottom-none"]},{"name":"padding-left-right","label":"Padding left/right","isPrimary":true,"classes":["sw-padding-left-none","sw-padding-right-none"]}],"label":"Url label","type":"url","id":"_oarsnv5aq","mappedTo":"Name","deletable":true,"enabled":true}},{"label":{"tag":"p","primaryStyles":[{"name":"size-color","label":"Text Size/Color","isPrimary":true,"classes":["sw-font-size-s","sw-text-color-8a8a8a"]},{"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":"text-alignment","label":"Alignment","isPrimary":true,"classes":["sw-text-align-left"]},{"name":"letter-spacing","label":"Letter spacing","isPrimary":true,"classes":["sw-letter-spacing-widest"]},{"name":"padding-top-bottom","label":"Padding top/bottom","isPrimary":true,"classes":["sw-padding-top-6xs","sw-padding-bottom-none"]},{"name":"padding-left-right","label":"Padding left/right","isPrimary":true,"classes":["sw-padding-left-none","sw-padding-right-none"]}],"otherStyles":[{"name":"others","label":"Other","isPrimary":true,"classes":[]}],"value":"Decentralized .dCDN"},"field":{"tag":"p","primaryStyles":[{"name":"width","label":"Width","isPrimary":true,"classes":["sw-width-2xs"]},{"name":"size-color","label":"Text Size/Color","isPrimary":true,"classes":["sw-font-size-m","sw-text-color-333333"]},{"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":"text-alignment","label":"Alignment","isPrimary":true,"classes":["sw-text-align-left"]},{"name":"letter-spacing","label":"Letter spacing","isPrimary":true,"classes":["sw-letter-spacing-normal"]},{"name":"padding-top-bottom","label":"Padding top/bottom","isPrimary":true,"classes":["sw-padding-top-7xs","sw-padding-bottom-none"]},{"name":"padding-left-right","label":"Padding left/right","isPrimary":true,"classes":["sw-padding-left-none","sw-padding-right-none"]}],"label":"Url label","type":"url","id":"_urj226ylp","mappedTo":"dcdn","deletable":true,"enabled":true}},{"label":{"tag":"p","primaryStyles":[{"name":"size-color","label":"Text Size/Color","isPrimary":true,"classes":["sw-font-size-s","sw-text-color-8a8a8a"]},{"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":"text-alignment","label":"Alignment","isPrimary":true,"classes":["sw-text-align-left"]},{"name":"letter-spacing","label":"Letter spacing","isPrimary":true,"classes":["sw-letter-spacing-widest"]},{"name":"padding-top-bottom","label":"Padding top/bottom","isPrimary":true,"classes":["sw-padding-top-6xs","sw-padding-bottom-none"]},{"name":"padding-left-right","label":"Padding left/right","isPrimary":true,"classes":["sw-padding-left-none","sw-padding-right-none"]}],"otherStyles":[{"name":"others","label":"Other","isPrimary":true,"classes":[]}],"value":"Censorship Resistance"},"field":{"tag":"p","primaryStyles":[{"name":"width","label":"Width","isPrimary":true,"classes":["sw-width-5xs"]},{"name":"size-color","label":"Text Size/Color","isPrimary":true,"classes":["sw-font-size-m","sw-text-color-00c65e"]},{"name":"text-alignment","label":"Alignment","isPrimary":true,"classes":["sw-text-align-left"]},{"name":"padding-left-right","label":"Padding left/right","isPrimary":true,"classes":["sw-padding-left-none","sw-padding-right-none"]},{"name":"margin-top-bottom","label":"Margin top/bottom","isPrimary":true,"classes":["sw-margin-top-7xs","sw-margin-bottom-none"]}],"value":"","type":"rating","id":"_g4y5rmnir","mappedTo":"Attachments","deletable":true,"enabled":true}},{"label":{"tag":"p","primaryStyles":[{"name":"size-color","label":"Text Size/Color","isPrimary":true,"classes":["sw-font-size-s","sw-text-color-8a8a8a"]},{"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":"text-alignment","label":"Alignment","isPrimary":true,"classes":["sw-text-align-left"]},{"name":"letter-spacing","label":"Letter spacing","isPrimary":true,"classes":["sw-letter-spacing-widest"]},{"name":"padding-top-bottom","label":"Padding top/bottom","isPrimary":true,"classes":["sw-padding-top-6xs","sw-padding-bottom-none"]},{"name":"padding-left-right","label":"Padding left/right","isPrimary":true,"classes":["sw-padding-left-none","sw-padding-right-none"]}],"otherStyles":[{"name":"others","label":"Other","isPrimary":true,"classes":[]}],"value":"LABEL"},"field":{"tag":"a","primaryStyles":[{"name":"background-color","label":"Background color","isPrimary":true,"classes":["sw-background-color-default"]},{"name":"size-color","label":"Text Size/Color","isPrimary":true,"classes":["sw-font-size-xs","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-normal"]},{"name":"text-alignment","label":"Alignment","isPrimary":true,"classes":["sw-text-align-left"]},{"name":"border-radius","label":"Roundness","isPrimary":true,"classes":["sw-border-radius-m"]},{"name":"border","label":"Border","isPrimary":true,"classes":["sw-border-style-solid","sw-border-width-xs","sw-border-color-00c65e"]},{"name":"letter-spacing","label":"Letter spacing","isPrimary":true,"classes":["sw-letter-spacing-normal"]},{"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-5xs","sw-padding-bottom-5xs"]},{"name":"margin-left-right","label":"Margin left/right","isPrimary":true,"classes":["sw-margin-left-none","sw-margin-right-6xs"]},{"name":"margin-top-bottom","label":"Margin top/bottom","isPrimary":true,"classes":["sw-margin-top-7xs","sw-margin-bottom-none"]}],"otherStyles":[{"name":"others","label":"Others","isPrimary":true,"classes":["sw-text-decoration-no-underline","hover:sw-text-decoration-no-underline","sw-display-inline-block"]}],"action":{"type":"navigate","options":{"url":{"destination":"","target":"_blank"}},"action":"Open external url > dcdn"},"label":"TEST dCDN","id":"_21zkycgtj","mappedTo":"dcdn","type":"button","deletable":true,"enabled":true}}]`); $('#list2 select').hide(); showLoader(); function loadLitepickerMobileFriendlyPlugin() { appendScript('https://cdn.jsdelivr.net/npm/[email protected]/dist/plugins/mobilefriendly.js'); } function getCurrentTimestamp() { return Math.round(new Date().getTime() / 1000); } loaddoTJs(function () { loadShowdownJs(function () { setupdotJs(); /* Load More Event Handler */ $(loadMoreButtonSelector).click(function (e) { e.preventDefault(); loadMore(); }); $(searchInputSelector).keyup(debounce(function () { performSearch($(this).val()); }, 500)); attachFilterListeners(); $('#list2').bind('performFilter', performFilter); /* getAirtableData(renderAirtableData, {renderMockData: true}); */ appendStyle('https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.0.0/magnific-popup.min.css'); appendScript('https://cdnjs.cloudflare.com/ajax/libs/magnific-popup.js/1.0.0/jquery.magnific-popup.js'); 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/bootstrap-select.min.css'); appendScript('https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap-select.min.js', initSelectPickers); appendStyle('https://cdn.jsdelivr.net/npm/[email protected]/dist/css/litepicker.css'); appendScript('https://cdn.jsdelivr.net/npm/[email protected]/dist/litepicker.js', loadLitepickerMobileFriendlyPlugin); appendStyle('https://uicdn.toast.com/editor/3.1.3/toastui-editor.min.css'); appendScript('https://uicdn.toast.com/editor/3.1.3/toastui-editor-all.min.js'); appendScript('https://cdnjs.cloudflare.com/ajax/libs/lity/2.4.0/lity.min.js'); appendStyle('https://cdnjs.cloudflare.com/ajax/libs/lity/2.4.0/lity.min.css'); appendScript('https://cdnjs.cloudflare.com/ajax/libs/micromodal/0.4.6/micromodal.min.js', function () { appendStyle('https://softr-assets-eu-shared.s3.eu-central-1.amazonaws.com/softr-libs/airtable-record-editor/0.0.1/softr-airtable-record-editor.min.css?t=' + getCurrentTimestamp()); appendScript('https://softr-assets-eu-shared.s3.eu-central-1.amazonaws.com/softr-libs/airtable-record-editor/0.0.1/softr-airtable-record-editor.min.js?t=' + getCurrentTimestamp()); }); setTimeout(() => { if (checkForLinkedListExistence() && !isInStudio()) { if (window['records']) { getAirtableData(function (_res, _options) { hideLoader(); renderAirtableData(_res, _options); }, {renderMockData: true}); } else { const existCondition = setInterval(() => { if (window['records']) { clearInterval(existCondition); getAirtableData(function (_res, _options) { hideLoader(); renderAirtableData(_res, _options); }, {renderMockData: true}); } }, 200); } } else { getAirtableData(function (_res, _options) { hideLoader(); renderAirtableData(_res, _options); }, {renderMockData: true}); } }); initAirtableEditor(); function initAirtableEditor() { setInterval(function () { if (!window['SoftrAirtableRecordEditor']) { return; } $('#list2 .js-list-item').each(function () { if ($(this).attr('data-editor-status') === 'attached') { return; } const recordId = $(this).attr('data-recordid'); console.log(recordId); if (!recordId) { return; } if (!$('#list2 .js-list-item[data-recordid="' + recordId + '"]').length) { return; } const editor = SoftrAirtableRecordEditor.newInstance({ blockUUID: '929e0de3-5b6e-4f32-bbe6-1abc2e16b8c2', blockId: 'list2', blockMetaData: window['list2'], type: 'list', recordId: recordId, user: window.logged_in_user, onSuccess: (data) => { console.log(data); console.log('Refresh'); renderSingleAirtableRecord(data); }, onError: () => { }, isRecordsStringFormatted: true }); editor.bind(); $(this).attr('data-editor-status', 'attached'); }); }, 300); } function refreshAfterUpdate() { const recordId = getUrlParam('recordId'); getAirtableData( function (_res, _options) { hideLoader(); renderAirtableData(_res, _options); }, {renderMockData: true}, recordId ); } }); }); function loaddoTJs(callback) { appendScript( 'https://cdnjs.cloudflare.com/ajax/libs/dot/1.1.2/doT.min.js', callback ); } function setupdotJs() { if (!window['doT']) { return; } doT.templateSettings = { evaluate: /\[\[([\s\S]+?)\]\]/g, interpolate: /\[\[=([\s\S]+?)\]\]/g, encode: /\[\[!([\s\S]+?)\]\]/g, use: /\[\[#([\s\S]+?)\]\]/g, define: /\[\[##\s*([\w\.$]+)\s*(\:|=)([\s\S]+?)#\]\]/g, conditional: /\[\[\?(\?)?\s*([\s\S]*?)\s*\]\]/g, iterate: /\[\[~\s*(?:\]\]|([\s\S]+?)\s*\:\s*([\w$]+)\s*(?:\:\s*([\w$]+))?\s*\]\])/g, varname: 'it', strip: true, append: true, selfcontained: false }; if (!window['doT']) { return; } } function loadShowdownJs(callback) { appendScript( 'https://cdnjs.cloudflare.com/ajax/libs/showdown/1.9.1/showdown.min.js', callback ); } function renderMockData() { const tmpl = doT.template($('#template_list2_single_item').text()); const converter = new showdown.Converter(); converter.setOption('tasklists', true); const data = {}; fieldsSetup.forEach(fSetup => { if (fSetup.field.type === 'rich_text') { data[fSetup.field.id] = { value: converter.makeHtml(getRecordValue(null, fSetup, collectionSetup.mockData[0][fSetup.field.type].value)) } } else if (fSetup.field.type === 'tag' || fSetup.field.type === 'file') { const value = getRecordValue(null, fSetup, collectionSetup.mockData[0][fSetup.field.type].value); let arrayValue = []; if (!isArray(value)) { if (isString(value) && value.includes(', ')) { arrayValue = extractAirtableTags(value); } else { arrayValue = [value]; } } else { arrayValue = value } data[fSetup.field.id] = { value: arrayValue.filter(x => x.toString().trim()) } } else { data[fSetup.field.id] = { value: getRecordValue(null, fSetup, collectionSetup.mockData[0][fSetup.field.type].value) } } }); data['clickAction'] = {}; if ((collectionSetup.listItemClickAction.selectedActionType === 'OPEN_DYNAMIC_EXTERNAL_URL' || collectionSetup.listItemClickAction.selectedActionType === 'OPEN_DETAILS_PAGE')) { attachBoxClickAction(data); } const html = tmpl(data); $(listContainerSelector).html(html.repeat(3)); attachButtonItemClickHandler(); $('.carousel').carousel(0); } 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 extractAirtableTags(value) { var foundSubstrings = value.match(/"(.*?)"/g); if (foundSubstrings) { foundSubstrings.forEach(val => { var valWithoutQuotes = val; if (val.startsWith("\"")) { valWithoutQuotes = valWithoutQuotes.substring(1); } if (val.endsWith("\"")) { valWithoutQuotes = valWithoutQuotes.substring(0, valWithoutQuotes.length - 1); } value = value.replace(val, valWithoutQuotes); value = value.replace(valWithoutQuotes, valWithoutQuotes.replace(',', ';')); }); } var splitted = value.split(','); splitted = splitted.map(split => split.replace(';', ',').trim()); return splitted; } 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 renderAirtableData(result, options) { if (!result || !result.records || !result.records.length) { if (options && options.renderMockData) { $(emptyStateSelector).addClass('d-none'); renderMockData(); } else { $(emptyStateSelector).removeClass('d-none'); hideLoadMoreButton(); } $(loadMoreButtonSelector).removeAttr('data-offset'); return; } $(emptyStateSelector).addClass('d-none'); var converter = new showdown.Converter(); converter.setOption('tasklists', true); var template = doT.template($('#template_list2_single_item').text()); var html = ''; for (var i = 0; i < result.records.length; i++) { var data = convertRecord(result.records[i], converter); if (!data) { continue; } data['clickAction'] = {}; if ((collectionSetup.listItemClickAction.selectedActionType === 'OPEN_DYNAMIC_EXTERNAL_URL' || collectionSetup.listItemClickAction.selectedActionType === 'OPEN_DETAILS_PAGE')) { attachBoxClickAction(data); } html += template(data); if (!window['records']) { window['records'] = {}; } window['records'][data['recordId']] = data; } if (options && options.append) { $(listContainerSelector).append(html); } else { $(listContainerSelector).html(html); } /*attachListItemClickHandler();*/ if (result.offset) { showLoadMoreButton(); $(loadMoreButtonSelector).attr('data-offset', result.offset); } else { $(loadMoreButtonSelector).removeAttr('data-offset'); hideLoadMoreButton(); } /* Show first item as open */ if (isInStudio()) { console.log('In Studio'); /* ToDo is expand */ $(listContainerSelector + ' .box').first().addClass('active'); } attachButtonItemClickHandler(); startMagnificCPopup(); $('.carousel').carousel(0); } function renderSingleAirtableRecord(result) { var converter = new showdown.Converter(); converter.setOption('tasklists', true); var template = doT.template($('#template_list2_single_item').text()); var html = ''; var data = convertRecord(result, converter); if (!data) { return; } data['clickAction'] = {}; if ((collectionSetup.listItemClickAction.selectedActionType === 'OPEN_DYNAMIC_EXTERNAL_URL' || collectionSetup.listItemClickAction.selectedActionType === 'OPEN_DETAILS_PAGE')) { attachBoxClickAction(data); } html += template(data); if (!window['records']) { window['records'] = {}; } window['records'][data['recordId']] = data; $('div[data-recordId="' + data['recordId'] + '"]').replaceWith(html); startMagnificCPopup(); attachButtonItemClickHandler(); $('.carousel').carousel(0); } function startMagnificCPopup() { $('.sw-image-thumbnail-gallery').each(function () { $(this).magnificPopup({ type: 'image', delegate: 'a', gallery: { enabled: true }, }); }) } function setupMagnificPopup() { const interval = setInterval(() => { if ($(".sw-image-thumbnail-gallery").length) { startMagnificCPopup(); clearInterval(interval) } },200); } setupMagnificPopup(); function attachBoxClickAction(data) { const mappedFieldName = collectionSetup.listItemClickAction.action.options.url.mappedTo; const clickDestination = collectionSetup.listItemClickAction.action.options.url.destination; const target = collectionSetup.listItemClickAction.action.options.url.target; if (mappedFieldName) { if (isString(data.record.fields[mappedFieldName])) { data['clickAction'] = { url: linkify(data.record.fields[mappedFieldName]), enabled: true, target: target } } else { data['clickAction'] = { url: '', enabled: true, target: target } } } else if (clickDestination) { data['clickAction'] = { url: clickDestination, enabled: true, target: target } } } function initSelectPickers() { if ($('#list2 select').selectpicker) { $('#list2 select').show(); $('#list2 select').selectpicker(); } else { const existCondition = setInterval(function () { if ($('#list2 select').selectpicker) { $('#list2 select').show(); $('#list2 select').selectpicker(); clearInterval(existCondition); } }, 100); } } function convertRecord(record, converter) { if (!record.fields || JSON.stringify(record.fields) === '{}') { return null; } const result = { recordId: record.id, record: record }; if (fieldsSetup && fieldsSetup.length) { fieldsSetup.forEach(fSetup => { if (fSetup.field.type === 'rich_text') { result[fSetup.field.id] = { value: converter.makeHtml(getRecordValue(record, fSetup, collectionSetup.mockData[0][fSetup.field.type].value)) } } else if (fSetup.field.type === 'tag' || fSetup.field.type === 'file') { const value = getRecordValue(record, fSetup, collectionSetup.mockData[0][fSetup.field.type].value); let arrayValue = []; if (!isArray(value)) { if (isString(value) && value.includes(', ')) { arrayValue = extractAirtableTags(value); } else { arrayValue = [value]; } } else { arrayValue = value } result[fSetup.field.id] = { value: arrayValue.filter(x => x.toString().trim()) } } else { let value = getRecordValue(record, fSetup, collectionSetup.mockData[0][fSetup.field.type].value); if (!isArray(value)) { value = value.toString(); } result[fSetup.field.id] = { value: value } } }); } return result; } function trimArrayElementsBrackets(value) { if (value) { for (let i = 0; i < value.length; i++) { removeBrackets(value[i]); } } } function removeBrackets(value) { if(value.toString().startsWith("\"")) { value = value.toString().substr(1); } if(value.toString().endsWith("\"")) { value = value.toString().substr(0, value.length - 1) } return value; } function getRecordValue(record, el, mockValue) { if (!el.field.mappedTo && el.field.type === 'button' && el.field.action.options.url.destination) { return el.field.action.options.url.destination; } if (!el.field || !record || !el.field.mappedTo) { return mockValue; } let value = getJsonObjectByKey(record.fields, el.field.mappedTo); if (el.label.value && (el.field.type === 'rich_text' || el.field.type === 'text' || el.field.type === 'heading1' || el.field.type === 'heading2' || el.field.type === 'heading3')) { if (!value) { return '-' } } if (el.field.type === 'staticImage') { if (isAirtableAttachment(value)) { let staticImage = extractAirtableAttachmentURLs(value); return staticImage.length > 0 ? staticImage[0].url : ''; } else { return value ? value : ''; } } if ((el.field.type === 'image')) { if (isAirtableAttachment(value)) { return extractAirtableAttachmentURLs(value).map(val => { return val.url; }); } else { return value ? [value] : []; } } if (el.field.type === 'gallery') { if (isAirtableAttachment(value)) { return extractAirtableAttachmentURLs(value).map(val => val.url); } else { return value ? [value] : ''; } } if (el.field.type === 'video') { if(isAirtableAttachment(value)){ let video = extractAirtableAttachmentURLs(value); return video.length > 0 ? video[0].url : '' } else { return value || '' } } if (el.field.type === 'file' && isAirtableAttachment(value)) { return extractAirtableAttachmentURLs(value).map(val => { return {url: val.url, filename: val.filename} }); } if (el.field.type === 'audio' && isAirtableAttachment(value)) { let audio = extractAirtableAttachmentURLs(value); return audio.length > 0 ? audio[0].url : ''; } if (el.field.type === 'rich_text' || el.field.type === 'text' || el.field.type === 'heading1' || el.field.type === 'heading2' || el.field.type === 'heading3') { if (isArray(value)) { trimArrayElementsBrackets(value); return value.join(', '); } return value && value.toString() ? removeBrackets(value).toString() : ''; } if (el.field.type === 'button' || el.field.type === 'url') { if (isString(value)) { return linkify(value); } } return value ? value : ''; } function getAirTableApiUrl() { var baseId = (window['list2'] && window['list2']['baseId']) || collectionSetup.dataSource.airtable.baseId; var tableName = collectionSetup.dataSource.airtable.tableName; const applicationId = $('body > div.content').attr('data-appid') || collectionSetup.dataSource.softr.applicationId; if (window.location.href.startsWith('file:///')) { return 'http://localhost:8080/v1/integrations/airtable/' + applicationId + '/' + baseId + '/' + tableName + '/records?block_id=' + '929e0de3-5b6e-4f32-bbe6-1abc2e16b8c2'; } if (window.location.href.startsWith('http://localhost:')) { return 'http://localhost:8080/v1/integrations/airtable/' + applicationId + '/' + baseId + '/' + tableName + '/records?block_id=' + '929e0de3-5b6e-4f32-bbe6-1abc2e16b8c2'; } if (window.location.href.startsWith('https://studio-staging.softr.io/')) { return 'https://studio-api-staging.softr.io/v1/integrations/airtable/' + applicationId + '/' + baseId + '/' + tableName + '/records?block_id=' + '929e0de3-5b6e-4f32-bbe6-1abc2e16b8c2'; } if (window.location.href.startsWith('https://studio-staging02.softr.io/')) { return 'https://studio-api-staging02.softr.io/v1/integrations/airtable/' + applicationId + '/' + baseId + '/' + tableName + '/records?block_id=' + '929e0de3-5b6e-4f32-bbe6-1abc2e16b8c2'; } if (window.location.href.startsWith('https://studio-staging03.softr.io/')) { return 'https://studio-api-staging03.softr.io/v1/integrations/airtable/' + applicationId + '/' + baseId + '/' + tableName + '/records?block_id=' + '929e0de3-5b6e-4f32-bbe6-1abc2e16b8c2'; } if (window.location.href.startsWith('https://studio.softr.io/')) { return 'https://studio-api.softr.io/v1/integrations/airtable/' + applicationId + '/' + baseId + '/' + tableName + '/records?block_id=' + '929e0de3-5b6e-4f32-bbe6-1abc2e16b8c2'; } if (window.location.href.includes('preview.staging')) { return 'https://' + window.location.hostname + '/v1/integrations/airtable/' + applicationId + '/' + baseId + '/' + tableName + '/records?block_id=' + '929e0de3-5b6e-4f32-bbe6-1abc2e16b8c2'; } if (window.location.href.includes('preview.softr.io/')) { return 'https://' + window.location.hostname + '/v1/integrations/airtable/' + applicationId + '/' + baseId + '/' + tableName + '/records?block_id=' + '929e0de3-5b6e-4f32-bbe6-1abc2e16b8c2'; } else { return 'https://' + window.location.hostname + '/v1/integrations/airtable/' + applicationId + '/' + baseId + '/' + tableName + '/records?block_id=' + '929e0de3-5b6e-4f32-bbe6-1abc2e16b8c2'; } } function isInStudio() { return window.location.href.startsWith('http://localhost:') || window.location.href.includes('https://studio-staging') || window.location.href.startsWith('https://studio.softr.io/') } function getAirtableData(callback, options) { var url = getAirTableApiUrl(); var baseId = (window['list2'] && window['list2']['baseId']) || collectionSetup.dataSource.airtable.baseId; var tableName = collectionSetup.dataSource.airtable.tableName; const applicationId = $('body > div.content').attr('data-appid') || collectionSetup.dataSource.softr.applicationId; var itemsPerPage = collectionSetup.itemsPerPage || 10; var sorting = null; if (collectionSetup.sortOptions[0].field) { sorting = [{ field: collectionSetup.sortOptions[0].field, direction: collectionSetup.sortOptions[0].direction }]; } if (!url || !baseId || !tableName || !applicationId) { renderMockData(); return; } var params = { page_size: itemsPerPage }; if (collectionSetup.dataSource.airtable.viewName) { params['view'] = collectionSetup.dataSource.airtable.viewName; } if (options && options.offset) { params['offset'] = options.offset; } const filtersList = []; if (options && options.searchFormula) { filtersList.push(options.searchFormula); } if (options && options.filterFormula) { filtersList.push(options.filterFormula); } const hasCustomFilter = collectionSetup.customFilters.conditions && collectionSetup.customFilters.conditions.length; if (!isInStudio()) { if (hasCustomFilter) { filtersList.push(getCustomFilterFormula()); } options['renderMockData'] = false; } if (filtersList.length === 1) { params['filter_by_formula'] = filtersList[0] } else if (filtersList.length > 1) { params['filter_by_formula'] = `AND(${filtersList.join(', ')})` } if (sorting) { params['sort_resources'] = sorting; } params['rows'] = $('#list2 .js-list-item').length; params['airtable_response_formatting'] = {}; params['airtable_response_formatting']['format'] = 'string'; $.ajax({ url: url, type: 'POST', dataType: 'json', contentType: 'application/json; charset=utf-8', data: JSON.stringify(params), success: function (res) { callback(res, options); }, error: function (error) { console.log('Error'); console.log(error); if (error && error.responseJSON && error.responseJSON.message) { showErrorToastr(error.responseJSON.message); } callback(); } }); } function isAirtableAttachment(value) { return value && (value.indexOf('(https://dl.airtable.com/') !== -1 || value.indexOf('(https://softr-assets-eu-') !== -1) && !value.startsWith('https://dl.airtable.com'); } function extractAirtableAttachmentURLs(value) { if (!value || value.indexOf('(https://') === -1) { return []; } var splits = value.split('(https://'); var splitedArray = []; for (let i = 0; i < splits.length; i++) { if (i === 0) { splitedArray.push(splits[0]); } else if (i === splits.length - 1) { splitedArray.push(splits[splits.length - 1].substring(0, splits[splits.length - 1].length - 1)); } else { var splitText = '),'; if (splits[i].indexOf('),') === -1) { splitText = ')"\,'; } var next = splits[i].split(splitText); splitedArray.push(next[0]); splitedArray.push(next[1]); } } var attachments = []; for (let j = 0; j <= splitedArray.length - 2; j = j + 2) { var name = splitedArray[j].trim(); if (name.startsWith('\"')) { name = name.substring(1); } if (name.endsWith('\"')) { name = name.substring(0, name.length - 1); } var url = splitedArray[j + 1].trim(); if (url.startsWith('\"')) { url = url.substring(1); } if (url.endsWith('\"')) { url = url.substring(0, url.length - 1); } attachments.push({filename: name, url: 'https://' + url}); } return attachments; } 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 loadMore() { $(loadMoreButtonSelector + ' .sw-btn-spinner').removeClass('d-none'); var options = {}; var offset = $(loadMoreButtonSelector).attr('data-offset'); if (offset) { options['offset'] = offset; } var keyword = $(searchInputSelector).attr('data-search-keyword'); if (keyword) { options['searchFormula'] = getSearchFormula(keyword); } const hasActiveFilter = $(listFilterSelector + ' .js-filter-option.active').length; if (hasActiveFilter) { options['filterFormula'] = getFilterFormula(); } getAirtableData(function (_res, _options) { _options['append'] = true; renderAirtableData(_res, _options); }, options); setTimeout(function () { $(loadMoreButtonSelector + ' .sw-btn-spinner').addClass('d-none'); }, 500); } function hideLoadMoreButton() { $(loadMoreButtonSelector).addClass('d-none'); $(loadMoreButtonSelector).removeClass('sw-display-inline-block'); } function showLoadMoreButton() { $(loadMoreButtonSelector).addClass('sw-display-inline-block'); $(loadMoreButtonSelector).removeClass('d-none'); } function performSearch(keyword) { var previousKeyword = $(searchInputSelector).attr('data-search-keyword') || ""; if (!keyword) { $(searchInputSelector).attr('data-search-keyword', ''); let options = {}; const hasActiveFilter = $(listFilterSelector + ' .js-filter-option.active').length; const hasActiveDropDownFilter = $('select.active').length; if (hasActiveFilter || hasActiveDropDownFilter) { options['filterFormula'] = getFilterFormula(); } if (previousKeyword) { showLoader(); getAirtableData(function (_res, _options) { hideLoader(); renderAirtableData(_res, _options); }, options); } return; } else { if (keyword.trim().toLowerCase() === previousKeyword.trim().toLowerCase()) { return; } const options = { searchFormula: getSearchFormula(keyword) }; const hasActiveFilter = $(listFilterSelector + ' .js-filter-option.active').length; const hasActiveDropDownFilter = $('select.active').length; if (hasActiveFilter || hasActiveDropDownFilter) { options['filterFormula'] = getFilterFormula(); } $(searchInputSelector).attr('data-search-keyword', keyword.trim()); showLoader(); getAirtableData(function (_res, _options) { _options['renderMockData'] = false; hideLoader(); renderAirtableData(_res, _options); }, options); } } function attachFilterListeners() { var filters = $(listFilterSelector); filters.each(function () { var filter = $(this); var multiselect = ($(this).attr('data-multiselect') === 'true'); var showall = ($(this).attr('data-showall') === 'true'); var mappedto = $(this).attr('data-mappedto'); $(this).find('.js-filter-option').click(function () { attachFilterTogglingStyles(filter, $(this), multiselect); if (!mappedto) { return; } performFilter(); }); $(this).find('select.sw-filter-dropdown').change(function (e) { e.stopPropagation(); if (!mappedto) { return; } if ($(this).val() !== 'null') { $(this).addClass('active') } else { $(this).removeClass('active') } performFilter(); }); }); } function attachFilterTogglingStyles(filter, filterOption, multiselect) { var clickedFilter = filterOption; var wasClickedFilterActive = filterOption.hasClass('active'); var clickedFilterStyle = filterOption.attr('style'); if (!multiselect) { filter.find('.js-filter-option').removeClass('active'); filter.find('.js-filter-option').attr('style'); filter.find('.js-filter-option').attr('style', ''); } if (!wasClickedFilterActive && !multiselect) { filterOption.toggleClass('active'); } else if (multiselect) { filterOption.toggleClass('active'); } var classList = filterOption.attr('class').split(/\s+/); var hoverBgColor = classList.find(function (clazz) { return clazz.startsWith('hover:sw-background-color-'); }); var textColor = classList.find(function (clazz) { return clazz.startsWith('sw-text-color-'); }); if (!hoverBgColor || !textColor) { return; } hoverBgColor = '#' + hoverBgColor.replace('hover:sw-background-color-', ''); textColor = '#' + textColor.replace('sw-text-color-', ''); if (filterOption.hasClass('active')) { filterOption.attr('style', 'background-color: ' + hoverBgColor + ' !important;' + ' color: ' + textColor + ' !important;'); } else { filterOption.attr('style'); filterOption.attr('style', ''); } } function performFilter() { const options = {}; const keyword = $(searchInputSelector).attr('data-search-keyword'); if (keyword) { options['searchFormula'] = getSearchFormula(keyword); options['renderMockData'] = false; } const hasActiveFilter = $(listFilterSelector + ' .js-filter-option.active').length; const hasActiveDropDownFilter = $('select.active').length; if (hasActiveFilter || hasActiveDropDownFilter) { options['filterFormula'] = getFilterFormula(); } showLoader(); getAirtableData(function (_res, _options) { hideLoader(); renderAirtableData(_res, _options); }, options); } function getSearchFormula(keyword) { const searchOptions = collectionSetup.searchOptions; if (!searchOptions.fields.length) { return null; } const searchFormulas = []; searchOptions.fields.forEach(function (field) { if (field) { searchFormulas.push('SEARCH("' + keyword.trim().toLowerCase() + '", LOWER(ARRAYJOIN({' + field + '})))'); } }); if (searchFormulas.length === 1) { return searchFormulas[0]; } return 'OR(' + searchFormulas.join(',') + ')'; } function getFilterFormula() { const allFilterFormulas = []; const filters = $(listFilterSelector); /* ToDo multiple filters */ filters.each(function () { const filter = $(this); const mappedto = $(this).attr('data-mappedto'); const filterFormulas = []; $(this).find('.js-filter-option.active').each(function () { var keyword = $(this).attr('data-value').trim(); let searchFormula = 'SEARCH(",' + keyword.toLowerCase() + ',", "," & SUBSTITUTE(LOWER(ARRAYJOIN({' + mappedto + '}) & ","), ", ", ","))'; if(keyword.indexOf(',') !== -1) { searchFormula = 'SEARCH("' + keyword.toLowerCase() + '", "," & LOWER(ARRAYJOIN({' + mappedto + '}) & ","))'; } filterFormulas.push(searchFormula); }); $(this).find('select.sw-filter-dropdown.active').each(function (e) { let value = $(this).val(); if (isArray(value)) { value = value.filter(word => word !== 'null'); value = value.map(word => word.trim()); value.forEach(keyword => { let searchFormula = 'SEARCH(",' + keyword.toLowerCase() + ',", "," & SUBSTITUTE(LOWER(ARRAYJOIN({' + mappedto + '}) & ","), ", ", ","))'; if(keyword.indexOf(',') !== -1) { searchFormula = 'SEARCH("' + keyword.toLowerCase() + '", "," & LOWER(ARRAYJOIN({' + mappedto + '}) & ","))'; } filterFormulas.push(searchFormula); }); } else if (value.trim()) { const keyword = value.trim(); let searchFormula = 'SEARCH(",' + keyword.toLowerCase() + ',", "," & SUBSTITUTE(LOWER(ARRAYJOIN({' + mappedto + '}) & ","), ", ", ","))'; if(keyword.indexOf(',') !== -1) { searchFormula = 'SEARCH("' + keyword.toLowerCase() + '", "," & LOWER(ARRAYJOIN({' + mappedto + '}) & ","))'; } filterFormulas.push(searchFormula); } console.log($(this).val()); }); if (filterFormulas.length > 0) { var filterFormulaStr = 'OR(' + filterFormulas.join(',') + ')'; allFilterFormulas.push(filterFormulaStr); } }); if (allFilterFormulas.length === 1) { return allFilterFormulas[0]; } return 'AND(' + allFilterFormulas.join(',') + ')'; } function getCustomFilterFormula() { const filterFormulas = []; const customFilter = collectionSetup.customFilters; const logicalOperator = customFilter.logical_operator; customFilter.conditions.forEach(function (filter) { let filterValue = null; const filterField = filter.subject.field; const filterOperator = filter.operator; /* Filter use case user attributes */ if (filter.value.length === 1 && filter.value[0].includes('USER:::')) { filterValue = resolveUserFilterValue(filter.value[0]); } else if (filter.value.length === 1 && filter.value[0].includes('LINKED-LIST:::')) { filterValue = resolveUserLinkedListFilterValue(filter.value[0]) } else if (filter.value.length) { /* TODO Multiple values for one off and none off */ filterValue = filter.value.length === 1 ? filter.value[0] : filter.value; } switch (filterOperator) { case 'IS': filterFormulas.push(`(LOWER("${filterValue}") = LOWER(ARRAYJOIN({${filterField}})))`); break; case 'IS_NOT': filterFormulas.push(`NOT(LOWER("${filterValue}") = LOWER(ARRAYJOIN({${filterField}})))`); break; case 'IS_EMPTY': filterFormulas.push(`IF({${filterField}}, 0, 1)`); break; case 'IS_NOT_EMPTY': filterFormulas.push(`IF({${filterField}}, 1, 0)`); break; case 'IS_ONE_OF': const oneOfFilterFormulas = []; if (filterValue) { if (!isArray(filterValue)) { filterValue = [filterValue]; } filterValue.forEach(value => { let resolvedValue = null; if (value.includes('USER:::') || value.includes('LINKED-LIST:::')) { resolvedValue = value.includes('USER:::') ? resolveUserFilterValue(value) : resolveUserLinkedListFilterValue(value); if (isArray(resolvedValue)) { resolvedValue.forEach(rv => { oneOfFilterFormulas.push(`SEARCH(LOWER("${rv}"), LOWER(ARRAYJOIN({${filterField}})))`); }); } else { oneOfFilterFormulas.push(`SEARCH(LOWER("${resolvedValue}"), LOWER(ARRAYJOIN({${filterField}})))`); } } else { oneOfFilterFormulas.push(`SEARCH(LOWER("${value}"), LOWER(ARRAYJOIN({${filterField}})))`); } }); } else { oneOfFilterFormulas.push(`SEARCH(LOWER("${filterValue}"), LOWER(ARRAYJOIN({${filterField}})))`); } if (oneOfFilterFormulas.length === 1) { filterFormulas.push(oneOfFilterFormulas[0]); } else if (oneOfFilterFormulas.length > 1) { filterFormulas.push(`OR(${oneOfFilterFormulas.join(',')})`); } break; case 'IS_NONE_OF': const noneOfFilterFormulas = []; if (filterValue) { if (!isArray(filterValue)) { filterValue = [filterValue]; } filterValue.forEach(value => { let resolvedValue = null; if (value.includes('USER:::') || value.includes('LINKED-LIST:::')) { resolvedValue = value.includes('USER:::') ? resolveUserFilterValue(value) : resolveUserLinkedListFilterValue(value); if (isArray(resolvedValue)) { resolvedValue.forEach(rv => { noneOfFilterFormulas.push(`NOT(SEARCH(LOWER("${rv}"), LOWER(ARRAYJOIN({${filterField}}))))`); }); } else { noneOfFilterFormulas.push(`NOT(SEARCH(LOWER("${resolvedValue}"), LOWER(ARRAYJOIN({${filterField}}))))`); } } else { noneOfFilterFormulas.push(`NOT(SEARCH(LOWER("${value}"), LOWER(ARRAYJOIN({${filterField}}))))`); } }); } else { noneOfFilterFormulas.push(`NOT(SEARCH(LOWER("${filterValue}"), LOWER(ARRAYJOIN({${filterField}}))))`); } if (noneOfFilterFormulas.length === 1) { filterFormulas.push(noneOfFilterFormulas[0]); } else if (noneOfFilterFormulas.length > 1) { filterFormulas.push(`AND(${noneOfFilterFormulas.join(',')})`); } break; default: break; } }); if (filterFormulas.length === 1) { return filterFormulas[0]; } else if (filterFormulas.length > 1) { return `${logicalOperator}(${filterFormulas.join(',')})`; } return ''; } function resolveUserFilterValue(value) { if (value === '{USER:::EMAIL}') { return getUserEmail(); } else if (value === '{USER:::EMAIL_DOMAIN}') { const email = getUserEmail(); return email.split('@')[1]; } else if (value.startsWith('USER:::')) { const userAttribute = value.split(':::')[1]; if (window['logged_in_user'] && window['logged_in_user'][userAttribute]) { return window['logged_in_user'][userAttribute]; } } return null; } function checkForLinkedListExistence() { const hasCustomFilter = collectionSetup.customFilters.conditions && collectionSetup.customFilters.conditions.length; return hasCustomFilter && collectionSetup.customFilters.conditions.some((filter) => filter.value[0] && filter.value[0].includes('LINKED-LIST:::')); } function resolveUserLinkedListFilterValue(value) { const linkedTableField = value.split(':::')[2].trim(); let recordId = getUrlParam('recordId'); if(!recordId) { recordId = extractDetailBlockRecordId(); } if (window['records'] && window['records'].hasOwnProperty(recordId) && window['records'][recordId].record.fields[linkedTableField]) { let value = window['records'][recordId].record.fields[linkedTableField]; if (isString(value) && value.includes(', ')) { return extractAirtableTags(value); } return value; } return null; } function extractDetailBlockRecordId() { if (window['records']) { const detailBlock = $('section[id^="list-details"]'); if(detailBlock) { return detailBlock[0].querySelectorAll('div[class="sw-js-single-item-elements"]')[0].getAttribute('data-recordId'); } } } 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 getUserEmail() { var token = getCookie('jwtToken'); if (token) { var userData = parseJwt(token); if (userData && userData.sub) { return userData.sub.toLowerCase(); } } return null; } 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 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 showLoader() { $(listContainerSelector).empty(); $(listContainerSelector).html('<div class="row"><div class="col-12"><div class="loading-line"></div></div></div>'); $(listContainerSelector).append('<div class="row"><div class="col-12"><div class="loading-line"></div></div></div>'); $(listContainerSelector).append('<div class="row"><div class="col-12"><div class="loading-line"></div></div></div>'); $(listContainerSelector).append('<div class="row"><div class="col-12"><div class="loading-line"></div></div></div>'); $(listContainerSelector).append('<div class="row"><div class="col-12"><div class="loading-line"></div></div></div>'); $(listContainerSelector).append('<div class="row"><div class="col-12"><div class="loading-line"></div></div></div>'); $(listContainerSelector).append('<div class="row"><div class="col-12"><div class="loading-line"></div></div></div>'); $(listContainerSelector).append('<div class="row"><div class="col-12"><div class="loading-line"></div></div></div>'); $(listContainerSelector).append('<div class="row"><div class="col-12"><div class="loading-line"></div></div></div>'); $(listContainerSelector).append('<div class="row"><div class="col-12"><div class="loading-line"></div></div></div>'); $(listContainerSelector).append('<div class="row"><div class="col-12"><div class="loading-line"></div></div></div>'); } function hideLoader() { $(listContainerSelector).empty(); } function isArray(value) { return value && Array.isArray(value); } function isString(value) { return typeof value === 'string'; } function debounce(func, wait, immediate) { var timeout; return function () { var context = this, args = arguments; var later = function () { timeout = null; if (!immediate) func.apply(context, args); }; var callNow = immediate && !timeout; clearTimeout(timeout); timeout = setTimeout(later, wait); if (callNow) func.apply(context, args); } } function getJsonObjectByKey(source, key) { for (var prop in source) { if (source.hasOwnProperty(prop) && key.toLowerCase() == prop.toLowerCase()) { return source[prop]; } } return null; } function lightenOrDarkenColor(colorCode, amount) { var usePound = false; if (colorCode[0] == "#") { colorCode = colorCode.slice(1); usePound = true; } var num = parseInt(colorCode, 16); var r = (num >> 16) + amount; if (r > 255) { r = 255; } else if (r < 0) { r = 0; } var b = ((num >> 8) & 0x00FF) + amount; if (b > 255) { b = 255; } else if (b < 0) { b = 0; } var g = (num & 0x0000FF) + amount; if (g > 255) { g = 255; } else if (g < 0) { g = 0; } return (usePound ? "#" : "") + (g | (b << 8) | (r << 16)).toString(16); } function linkify(url) { if (url.startsWith('https') || url.startsWith('http') || url.startsWith('mailto') || url.startsWith('#') || url.startsWith('/') || url.startsWith('tel') || url.startsWith('sms')) { return url; } if (url.indexOf('.') !== -1) { return 'https://' + url; } return '' } setSearchPlaceholderColor(); function setSearchPlaceholderColor() { if ($('#list2 .sw-js-list-search-input').length > 0) { const classList = $('#list2 .sw-js-list-search-input').attr('class').split(/\s+/); const textClass = classList.find(clazz => clazz.startsWith('sw-text-color-')); if (textClass) { const color = textClass.replace('sw-text-color-', '#'); const inlineStyle = '.sw-placeholder-color-' + color.replace('#', '') + '::-webkit-input-placeholder { color: ' + lightenOrDarkenColor(color, -90) + '; }'; $('head').append('<style>' + inlineStyle + '</style>'); $('#list2 .sw-js-list-search-input').addClass('sw-placeholder-color-' + color.replace('#', '')); } } } function attachButtonItemClickHandler() { $(listContainerSelector + ' .js-list-item-button').each(function (index, el) { if ($(el).attr('href') && $(el).attr('href').startsWith('/') && !$(el).attr('href').includes('#')) { const recordId = $(el).parents('.js-list-item').attr('data-recordId'); let url = $(el).attr('href'); if (recordId && !url.includes('?recordId=')) { url = url + '?recordId=' + recordId; $(this).attr('href', url); } } }); } const {category, filterValue} = findPreSelectedFilter(); if (category && filterValue) { prefilterByCategory(category, filterValue); } function prefilterByCategory(category, filterValue) { const existCondition = setInterval(function () { let filterType = $(window).width() < 991 ? 'mobile-filter' : 'desktop-filter'; const filterCategory = $('#list2 .js-filter.' + filterType + '[data-mappedto="' + category.trim() + '"]'); const filter = $(filterCategory).find('.filter[data-value="' + filterValue.trim() + '"]'); const dropdownFilter = $(filterCategory).find('select.sw-filter-dropdown'); if (dropdownFilter.length) { $(dropdownFilter).val(filterValue).selectpicker('render'); $(dropdownFilter).val(filterValue).trigger('change'); clearInterval(existCondition); } if (filter.length) { filter.click(); clearInterval(existCondition); } }, 300); } function findPreSelectedFilter() { const url = new URL(window.location.href); let filterValue; let category; for (const key of url.searchParams.keys()) { if (key.startsWith('filter-by-')) { category = key.split('-')[2]; filterValue = url.searchParams.get(key).trim(); } } return { category, filterValue } } })();
window['hiw'] = {}; ;(function () { const editor = '#hiw .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['partner'] = {};
window['pricing1'] = {}; ; (function () { const buttonSelector = '#pricing1 .pricing-btn'; const appId = $('body > div.content').attr('data-appid'); 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'); $('#pricing1 .month').css({ fontWeight: 800 }); $('#pricing1 input[type="checkbox"]#pricing1-customSwitch').prop("checked", false); $('#pricing1 input[type="checkbox"]#pricing1-customSwitch').click(function () { if ($(this).prop("checked") == true) { $('#pricing1 .price-month').each(function () { $(this).hide(); }); $('#pricing1 .price-year').each(function () { $(this).show(); }); $(this).parent().next().css({ fontWeight: 800 }); $(this).parent().prev().css({ fontWeight: 400 }); } else if ($(this).prop("checked") == false) { $('#pricing1 .price-month').each(function () { $(this).show(); }); $('#pricing1 .price-year').each(function () { $(this).hide(); }); $(this).parent().next().css({ fontWeight: 400 }); $(this).parent().prev().css({ fontWeight: 800 }); } }); $(buttonSelector).click(function (e) { e.preventDefault(); var buttonOptions = JSON.parse($(this).attr('data-json')); var isYearlyPlanEnabled = $('#pricing1 input[type="checkbox"]#pricing1-customSwitch').length && !$('#pricing1 input[type="checkbox"]#pricing1-customSwitch').prop('checked'); if(buttonOptions.stripe.enabled && (buttonOptions.stripe.monthlyPlanId || buttonOptions.stripe.yearlyPlanId)) { var planId = buttonOptions.stripe.monthlyPlanId; var mode = buttonOptions.stripe.mode; if(isYearlyPlanEnabled) { planId = buttonOptions.stripe.yearlyPlanId; } /* Stripe */ if (window['stripe']) { const stripeConfig = { lineItems: [{ price: planId, quantity: 1, }], mode: mode, successUrl: addStripeCheckoutPriceIdToRedirectURL(linkify(buttonOptions.stripe.successUrl, planId)), cancelUrl: linkify(buttonOptions.stripe.cancelUrl), billingAddressCollection: 'required' }; const userEmail = getUserEmail(); if(userEmail) { stripeConfig['customerEmail'] = userEmail; } const sessionPayload = { price:planId, quantity: 1, mode: mode, successUrl: stripeConfig.successUrl, cancelUrl: stripeConfig.cancelUrl, billingAddressCollection: 'required', allowPromotionCodes: buttonOptions.stripe.allowPromotionCodes, customerEmail: userEmail }; const url = getApiBaseUrl() + '/v1/applications/' + appId + '/payments/create-checkout-session'; $.ajax({ url: url, type: 'POST', data: JSON.stringify(sessionPayload), contentType: 'application/json; charset=utf-8', success: function (id) { if(id){ /*if session created redirectToCheckout with created session id*/ stripe.redirectToCheckout({ sessionId: id }).then(function (result) { /* If `redirectToCheckout` fails due to a browser or network */ /* error, display the localized error message to your customer*/ /* using `result.error.message`.*/ }) .catch(error =>{ showErrorToaster(error); }); } else { /* if session is not created */ console.warn('stripe session is not created.'); stripe.redirectToCheckout(stripeConfig).then(function (result) { /* If `redirectToCheckout` fails due to a browser or network */ /* error, display the localized error message to your customer*/ /* using `result.error.message`.*/ }) .catch(error =>{ showErrorToaster(error); }); } }, error: function (error) { stripe.redirectToCheckout(stripeConfig).then(function (result) { /* If `redirectToCheckout` fails due to a browser or network */ /* error, display the localized error message to your customer*/ /* using `result.error.message`.*/ }) .catch(error =>{ showErrorToaster(error); }); } }); } } else if (buttonOptions.url.enabled && buttonOptions.url.destination) { let url = buttonOptions.url.destination; if (isYearlyPlanEnabled) { url = buttonOptions.url.yearlyDestination; } if(url && url.includes(window.location.hostname)) { window.location.href = linkify(url); } else { window.open(linkify(url), "_blank"); } } }); function linkify(url) { if(url.startsWith('https') || url.startsWith('http') || url.startsWith('mailto') || url.startsWith('#') || url.startsWith('/')) { return url; } if(url.indexOf('.') !== -1) { return 'https://' + url; } } function addStripeCheckoutPriceIdToRedirectURL(successURL, priceId) { const currentDomain = window.location.host.replace('www.', ''); if(successURL && successURL.toLowerCase().indexOf(currentDomain) !== -1) { if(successURL.indexOf('?') !== -1) { successURL = successURL + '&'; } else { successURL = successURL + '?'; } return successURL + 'stripeCheckoutPriceId=' + priceId; } return successURL; } function getUserEmail() { var token = getCookie('jwtToken'); if (token) { var userData = parseJwt(token); console.log('userData', userData); 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 getApiBaseUrl() { if (window.location.href.startsWith('file:///') || window.location.href.startsWith('http://localhost:')) { return 'http://localhost:8081'; } else { return 'https://' + window.location.hostname; } } 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); } 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!") } })();
window['faq1'] = {}; ; (function () { var bgColor = window.getComputedStyle(document.querySelector('#faq1-accordion span'), null).getPropertyValue('background-color'); if(lightOrDark(bgColor) === 'dark') { $('#faq1 .arrow').css('border-left', '2px solid #ffffff'); $('#faq1 .arrow').css('border-top', '2px solid #ffffff'); } 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'; } } })();
window['cta1'] = {};
</script>
<div class="container"> <div class="row"> <div class="items col-12 "> <div class="sw-js-single-item-container"> <div data-recordid="recKUUdrzZrdvbWYd" class="js-list-item d-flex position-relative justify-content-center flex-column box sw-background-color-ffffff sw-margin-bottom-6xs sw-border-style-solid sw-border-width-xs sw-border-color-a5a5a5 sw-border-radius-m sw-box-shadow-none hover:sw-box-shadow-s sw-padding-top-4xs sw-padding-bottom-4xs sw-padding-left-2xs sw-padding-right-2xs sw-cursor-default" data-editor-status="attached"> <div class="d-flex flex-column w-100 sw-js-list-item-header" data-recordid="recKUUdrzZrdvbWYd"> <div class="d-flex w-100 sw-js-single-item-elements"> <div class="sw-pre-url-container single-field"> <p data-type="label" data-labelfor="_oarsnv5aq" class="mb-1 sw-font-size-s sw-text-color-8a8a8a sw-font-family-default sw-font-weight-semibold sw-text-align-left sw-letter-spacing-widest sw-padding-top-6xs sw-padding-bottom-none sw-padding-left-none sw-padding-right-none "> Original URL </p> <div class="sw-width-2xs sw-font-size-m sw-text-color-333333 sw-font-family-default sw-font-weight-normal sw-text-align-left sw-letter-spacing-normal sw-padding-top-7xs sw-padding-bottom-none sw-padding-left-none sw-padding-right-none "> <a href="https://lofize.hns.siasky.net/" target="_blank" style="cursor: pointer;" data-type="url" data-value="https://lofize.hns.siasky.net/" data-mappedto="Name" data-id="_oarsnv5aq" class="prevent-link-fields sw-width-2xs sw-font-size-m sw-text-color-333333 sw-font-family-default sw-font-weight-normal sw-text-align-left sw-letter-spacing-normal sw-padding-top-7xs sw-padding-bottom-none sw-padding-left-none sw-padding-right-none "> https://lofize.hns.siasky.net/ </a> </div> </div> <div class="sw-pre-url-container single-field"> <p data-type="label" data-labelfor="_urj226ylp" class="mb-1 sw-font-size-s sw-text-color-8a8a8a sw-font-family-default sw-font-weight-semibold sw-text-align-left sw-letter-spacing-widest sw-padding-top-6xs sw-padding-bottom-none sw-padding-left-none sw-padding-right-none "> Decentralized .dCDN </p> <div class="sw-width-2xs sw-font-size-m sw-text-color-333333 sw-font-family-default sw-font-weight-normal sw-text-align-left sw-letter-spacing-normal sw-padding-top-7xs sw-padding-bottom-none sw-padding-left-none sw-padding-right-none "> <a href="https://fyypdmzy.dcdn/" target="_blank" style="cursor: pointer;" data-type="url" data-value="https://fyypdmzy.dcdn/" data-mappedto="dcdn" data-id="_urj226ylp" class="prevent-link-fields sw-width-2xs sw-font-size-m sw-text-color-333333 sw-font-family-default sw-font-weight-normal sw-text-align-left sw-letter-spacing-normal sw-padding-top-7xs sw-padding-bottom-none sw-padding-left-none sw-padding-right-none "> https://fyypdmzy.dcdn/ </a> </div> </div> <div class="single-field sw-pre-rating-container"> <p data-type="label" data-labelfor="_g4y5rmnir" class="mb-1 sw-font-size-s sw-text-color-8a8a8a sw-font-family-default sw-font-weight-semibold sw-text-align-left sw-letter-spacing-widest sw-padding-top-6xs sw-padding-bottom-none sw-padding-left-none sw-padding-right-none "> Censorship Resistance </p> <div data-type="rating" data-value="5" data-mappedto="Attachments" data-id="_g4y5rmnir" class="sw-width-5xs sw-font-size-m sw-text-color-00c65e sw-text-align-left sw-padding-left-none sw-padding-right-none sw-margin-top-7xs sw-margin-bottom-none "> <span class="fa fa-star checked"></span> <span class="fa fa-star checked"></span> <span class="fa fa-star checked"></span> <span class="fa fa-star checked"></span> <span class="fa fa-star checked"></span> </div> </div> <div data-button="button" class="single-field"> <div class="button-wrapper-container d-block sw-pre-button-container sw-background-color-default sw-font-size-xs sw-text-color-default sw-font-family-default sw-font-weight-normal sw-text-align-left sw-border-radius-m sw-border-style-solid sw-border-width-xs sw-border-color-00c65e sw-letter-spacing-normal sw-padding-left-2xs sw-padding-right-2xs sw-padding-top-5xs sw-padding-bottom-5xs sw-margin-left-none sw-margin-right-6xs sw-margin-top-7xs sw-margin-bottom-none sw-text-decoration-no-underline hover:sw-text-decoration-no-underline sw-display-inline-block"> <a href="https://fyypdmzy.dcdn/" data-type="button" data-element="button" target="_blank" class="js-list-item-button sw-background-color-default sw-font-size-xs sw-text-color-default sw-font-family-default sw-font-weight-normal sw-text-align-left sw-border-radius-m sw-border-style-solid sw-border-width-xs sw-border-color-00c65e sw-letter-spacing-normal sw-padding-left-2xs sw-padding-right-2xs sw-padding-top-5xs sw-padding-bottom-5xs sw-margin-left-none sw-margin-right-6xs sw-margin-top-7xs sw-margin-bottom-none sw-text-decoration-no-underline hover:sw-text-decoration-no-underline sw-display-inline-block"> TEST dCDN </a> </div> </div> <div class="sw-pre-need-container"></div> </div> </div> </div> <div data-recordid="recVdBbyL0KKsnrnz" class="js-list-item d-flex position-relative justify-content-center flex-column box sw-background-color-ffffff sw-margin-bottom-6xs sw-border-style-solid sw-border-width-xs sw-border-color-a5a5a5 sw-border-radius-m sw-box-shadow-none hover:sw-box-shadow-s sw-padding-top-4xs sw-padding-bottom-4xs sw-padding-left-2xs sw-padding-right-2xs sw-cursor-default" data-editor-status="attached"> <div class="d-flex flex-column w-100 sw-js-list-item-header" data-recordid="recVdBbyL0KKsnrnz"> <div class="d-flex w-100 sw-js-single-item-elements"> <div class="sw-pre-url-container single-field"> <p data-type="label" data-labelfor="_oarsnv5aq" class="mb-1 sw-font-size-s sw-text-color-8a8a8a sw-font-family-default sw-font-weight-semibold sw-text-align-left sw-letter-spacing-widest sw-padding-top-6xs sw-padding-bottom-none sw-padding-left-none sw-padding-right-none "> Original URL </p> <div class="sw-width-2xs sw-font-size-m sw-text-color-333333 sw-font-family-default sw-font-weight-normal sw-text-align-left sw-letter-spacing-normal sw-padding-top-7xs sw-padding-bottom-none sw-padding-left-none sw-padding-right-none "> <a href="https://vcdn.hns.siasky.net" target="_blank" style="cursor: pointer;" data-type="url" data-value="https://vcdn.hns.siasky.net" data-mappedto="Name" data-id="_oarsnv5aq" class="prevent-link-fields sw-width-2xs sw-font-size-m sw-text-color-333333 sw-font-family-default sw-font-weight-normal sw-text-align-left sw-letter-spacing-normal sw-padding-top-7xs sw-padding-bottom-none sw-padding-left-none sw-padding-right-none "> https://vcdn.hns.siasky.net </a> </div> </div> <div class="sw-pre-url-container single-field"> <p data-type="label" data-labelfor="_urj226ylp" class="mb-1 sw-font-size-s sw-text-color-8a8a8a sw-font-family-default sw-font-weight-semibold sw-text-align-left sw-letter-spacing-widest sw-padding-top-6xs sw-padding-bottom-none sw-padding-left-none sw-padding-right-none "> Decentralized .dCDN </p> <div class="sw-width-2xs sw-font-size-m sw-text-color-333333 sw-font-family-default sw-font-weight-normal sw-text-align-left sw-letter-spacing-normal sw-padding-top-7xs sw-padding-bottom-none sw-padding-left-none sw-padding-right-none "> <a href="https://c6kbuvfv.dcdn/" target="_blank" style="cursor: pointer;" data-type="url" data-value="https://c6kbuvfv.dcdn/" data-mappedto="dcdn" data-id="_urj226ylp" class="prevent-link-fields sw-width-2xs sw-font-size-m sw-text-color-333333 sw-font-family-default sw-font-weight-normal sw-text-align-left sw-letter-spacing-normal sw-padding-top-7xs sw-padding-bottom-none sw-padding-left-none sw-padding-right-none "> https://c6kbuvfv.dcdn/ </a> </div> </div> <div class="single-field sw-pre-rating-container"> <p data-type="label" data-labelfor="_g4y5rmnir" class="mb-1 sw-font-size-s sw-text-color-8a8a8a sw-font-family-default sw-font-weight-semibold sw-text-align-left sw-letter-spacing-widest sw-padding-top-6xs sw-padding-bottom-none sw-padding-left-none sw-padding-right-none "> Censorship Resistance </p> <div data-type="rating" data-value="5" data-mappedto="Attachments" data-id="_g4y5rmnir" class="sw-width-5xs sw-font-size-m sw-text-color-00c65e sw-text-align-left sw-padding-left-none sw-padding-right-none sw-margin-top-7xs sw-margin-bottom-none "> <span class="fa fa-star checked"></span> <span class="fa fa-star checked"></span> <span class="fa fa-star checked"></span> <span class="fa fa-star checked"></span> <span class="fa fa-star checked"></span> </div> </div> <div data-button="button" class="single-field"> <div class="button-wrapper-container d-block sw-pre-button-container sw-background-color-default sw-font-size-xs sw-text-color-default sw-font-family-default sw-font-weight-normal sw-text-align-left sw-border-radius-m sw-border-style-solid sw-border-width-xs sw-border-color-00c65e sw-letter-spacing-normal sw-padding-left-2xs sw-padding-right-2xs sw-padding-top-5xs sw-padding-bottom-5xs sw-margin-left-none sw-margin-right-6xs sw-margin-top-7xs sw-margin-bottom-none sw-text-decoration-no-underline hover:sw-text-decoration-no-underline sw-display-inline-block"> <a href="https://c6kbuvfv.dcdn/" data-type="button" data-element="button" target="_blank" class="js-list-item-button sw-background-color-default sw-font-size-xs sw-text-color-default sw-font-family-default sw-font-weight-normal sw-text-align-left sw-border-radius-m sw-border-style-solid sw-border-width-xs sw-border-color-00c65e sw-letter-spacing-normal sw-padding-left-2xs sw-padding-right-2xs sw-padding-top-5xs sw-padding-bottom-5xs sw-margin-left-none sw-margin-right-6xs sw-margin-top-7xs sw-margin-bottom-none sw-text-decoration-no-underline hover:sw-text-decoration-no-underline sw-display-inline-block"> TEST dCDN </a> </div> </div> <div class="sw-pre-need-container"></div> </div> </div> </div> </div> <div class="col-12 text-center"> <div class="sw-js-list-empty-state d-none sw-font-size-m sw-text-color-6f6f6f sw-font-family-default sw-font-weight-normal sw-line-height-normal sw-padding-top-2xl sw-padding-bottom-none"> No results found, try adjusting your search and filters. </div> <div class="sw-js-list-error-state d-none">Something went wrong, contact us if refreshing doesn’t fix this. </div> </div> <div class="container"> <div class="col-12 text-center pt-4"> <div class="d-flex justify-content-center flex-wrap"> <a data-element="button" class="sw-js-list-load-more-btn sw-font-size-s sw-text-color-353535 sw-background-color-ffffff sw-padding-top-5xs sw-padding-bottom-5xs sw-padding-left-5xs sw-padding-right-5xs sw-border-style-solid sw-border-width-xs sw-border-color-d9d9d9 sw-border-radius-m sw-text-decoration-no-underline hover:sw-text-decoration-no-underline hover:sw-box-shadow-m sw-margin-bottom-6xs sw-margin-left-5xs d-none" href="javascript:void(0);"> <div class="spinner-border sw-btn-spinner d-none" role="status"> <span class="sr-only">Loading...</span> </div> See more </a> </div> </div> </div> </div> </div> </div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/iframe-resizer/4.2.11/iframeResizer.contentWindow.js" crossorigin="anonymous"></script>
</body>
</html>