@silexlabs/silex-dashboard 1.0.2 → 1.0.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.silex-client.js +25 -0
- package/.silex.js +78 -0
- package/_data/api-translations.json +18 -2
- package/_includes/api-connectors.js.html +86 -0
- package/_includes/api-websites.js.html +149 -0
- package/_includes/connectors.html +99 -0
- package/_includes/websites.html +385 -0
- package/_silex/default/meta.json +1 -0
- package/_silex/default/website.json +1 -0
- package/_site/css/connectors.css +1 -0
- package/_site/css/websites.css +1 -0
- package/_site/en/connectors/index.html +188 -0
- package/_site/en/index.html +550 -169
- package/_site/fr/connectors/index.html +188 -0
- package/_site/fr/index.html +551 -170
- package/package.json +7 -5
- package/pages/connectors.css.liquid +4 -0
- package/pages/en/connectors.md +4 -0
- package/pages/en/index.md +2 -1
- package/pages/fr/connectors.md +5 -0
- package/pages/fr/index.md +2 -1
- package/pages/websites.css.liquid +4 -0
- package/.silex/default/.silex.data.json +0 -1
- package/_includes/main.html +0 -1
- package/_includes/website-list.js.html +0 -172
- package/_site/README/index.html +0 -12
- package/_site/css/main.css +0 -1
- package/css/main.css.liquid +0 -4
- package/index.js +0 -39
- package/pages/main.css.liquid +0 -4
- /package/{.silex → _silex}/default/assets/alex-small.jpg +0 -0
- /package/{.silex → _silex}/default/assets/silex-icon-2018@200px.png +0 -0
|
@@ -0,0 +1,385 @@
|
|
|
1
|
+
|
|
2
|
+
<!DOCTYPE html>
|
|
3
|
+
<html lang="">
|
|
4
|
+
<head>
|
|
5
|
+
<link rel="stylesheet" href="/css/websites.css" />
|
|
6
|
+
{% render "alternate.liquid" languages: languages lang: lang page: page %}
|
|
7
|
+
|
|
8
|
+
<style>
|
|
9
|
+
.button { cursor: pointer; }
|
|
10
|
+
a { text-decoration: none; }
|
|
11
|
+
a:hover { text-decoration: underline; }
|
|
12
|
+
|
|
13
|
+
.skeleton-anim:after {
|
|
14
|
+
width: 100%;
|
|
15
|
+
height: 100%;
|
|
16
|
+
position: absolute;
|
|
17
|
+
top: 0;
|
|
18
|
+
left: 0;
|
|
19
|
+
content: "";
|
|
20
|
+
background:
|
|
21
|
+
linear-gradient(0.25turn, transparent, rgba(255,255,255,.75), transparent),
|
|
22
|
+
linear-gradient(transparent, transparent),
|
|
23
|
+
radial-gradient(38px circle at 19px 19px, transparent 50%, transparent 51%),
|
|
24
|
+
linear-gradient(transparent, transparent);
|
|
25
|
+
background-repeat: no-repeat;
|
|
26
|
+
background-size: 315px 250px, 315px 180px, 100px 100px, 225px 30px;
|
|
27
|
+
background-position: -315px 0, 0 0, 0px 190px, 50px 195px;
|
|
28
|
+
animation: loading 1.5s infinite;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
@keyframes loading {
|
|
32
|
+
to {
|
|
33
|
+
background-position: 200% 0, 0 0, 0 190px, 50px 195px;
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
</style>
|
|
38
|
+
{% render "api-websites.js.html" frontmatter: frontmatter page: page site: site api-translations: api-translations lang: lang %}
|
|
39
|
+
|
|
40
|
+
<title>{{ title }}</title>
|
|
41
|
+
<link rel="icon" href="" />
|
|
42
|
+
<meta property="description" content=""/>
|
|
43
|
+
<meta property="og:title" content=""/>
|
|
44
|
+
<meta property="og:description" content=""/>
|
|
45
|
+
<meta property="og:image" content=""/>
|
|
46
|
+
</head>
|
|
47
|
+
<body
|
|
48
|
+
id="ik0i"
|
|
49
|
+
class="body loading app"
|
|
50
|
+
|
|
51
|
+
|
|
52
|
+
><HEADER
|
|
53
|
+
id="igrg"
|
|
54
|
+
class="header padding-normal "
|
|
55
|
+
|
|
56
|
+
|
|
57
|
+
><A
|
|
58
|
+
id="igvu43" href="/"
|
|
59
|
+
|
|
60
|
+
|
|
61
|
+
|
|
62
|
+
><img
|
|
63
|
+
src="/assets/silex-icon-2018@200px.png" href="" id="iel80b-2"
|
|
64
|
+
class="nav__logo "
|
|
65
|
+
|
|
66
|
+
|
|
67
|
+
></img></A><NAV
|
|
68
|
+
id="i9jq"
|
|
69
|
+
class="nav "
|
|
70
|
+
|
|
71
|
+
|
|
72
|
+
>{% for item in nav %}<A
|
|
73
|
+
id="iels" href="{{ item.url }}"
|
|
74
|
+
class="nav__item {% if forloop.index == 1 %}active{% endif %}"
|
|
75
|
+
target="{{ item.target }}"
|
|
76
|
+
|
|
77
|
+
>{{ item.label }}</A>{% endfor %}</NAV><div
|
|
78
|
+
id="i2red7"
|
|
79
|
+
class="lang h-space "
|
|
80
|
+
|
|
81
|
+
|
|
82
|
+
>{% assign links = languages %}
|
|
83
|
+
{%- for link in links %}<A
|
|
84
|
+
href="/{{ link.code }}" id="iciz"
|
|
85
|
+
class="lang__item nav__item {% if link.code == lang %}active{% endif %}"
|
|
86
|
+
hreflang="{{link.code}}"
|
|
87
|
+
|
|
88
|
+
>{{ link.code }}</A>{% endfor %}</div><div
|
|
89
|
+
id="i24ew"
|
|
90
|
+
class="user__wrapper "
|
|
91
|
+
v-if="user && !user.storage.disableLogout" @NOmouseover="showMenu = true" @NOmouseout="showMenu = false" @click="showMenu = !showMenu"
|
|
92
|
+
|
|
93
|
+
><div
|
|
94
|
+
id="i5xsbd"
|
|
95
|
+
class="user-icon__wrapper "
|
|
96
|
+
v-if="user" v-show="!showMenu || user.storage.disableLogout"
|
|
97
|
+
|
|
98
|
+
><div
|
|
99
|
+
id="i5wlbq"
|
|
100
|
+
class="user-icon__image "
|
|
101
|
+
v-if="user" v-show="!showMenu || user.storage.disableLogout" :style='`background: url("${user.picture}"); background-repeat: no-repeat; background-size: contain;`'
|
|
102
|
+
|
|
103
|
+
></div></div><div
|
|
104
|
+
id="ic9eoa"
|
|
105
|
+
|
|
106
|
+
v-show="showMenu && !user.storage.disableLogout"
|
|
107
|
+
|
|
108
|
+
><div
|
|
109
|
+
id="iksw4d"
|
|
110
|
+
class="button button--secondary "
|
|
111
|
+
@click="logout()"
|
|
112
|
+
|
|
113
|
+
>Logout</div></div></div></HEADER><MAIN
|
|
114
|
+
id="iz63r"
|
|
115
|
+
class="padding-normal section "
|
|
116
|
+
|
|
117
|
+
|
|
118
|
+
><H1
|
|
119
|
+
id="itp1f"
|
|
120
|
+
class="title "
|
|
121
|
+
|
|
122
|
+
|
|
123
|
+
>{{ title2 }}</H1><div
|
|
124
|
+
id="iyex8"
|
|
125
|
+
class="subtitle color--light "
|
|
126
|
+
|
|
127
|
+
|
|
128
|
+
>{{ subtitle }}</div><div
|
|
129
|
+
id="ickx4"
|
|
130
|
+
class="button-bar margin-20 "
|
|
131
|
+
|
|
132
|
+
|
|
133
|
+
><BUTTON
|
|
134
|
+
id="i2x0l"
|
|
135
|
+
class="button button--primary rounded top-space-40 "
|
|
136
|
+
@click="showCreationForm = !showCreationForm" v-if="!showCreationForm"
|
|
137
|
+
|
|
138
|
+
><span
|
|
139
|
+
id="ibsgw"
|
|
140
|
+
class="icon-font "
|
|
141
|
+
|
|
142
|
+
|
|
143
|
+
>+</span> <span
|
|
144
|
+
id="itl2n8"
|
|
145
|
+
|
|
146
|
+
|
|
147
|
+
|
|
148
|
+
>{{ add-button }}</span></BUTTON><div
|
|
149
|
+
id="i0ro3"
|
|
150
|
+
class="button button--secondary rounded "
|
|
151
|
+
|
|
152
|
+
|
|
153
|
+
>Import</div></div><div
|
|
154
|
+
id="ihwwxz"
|
|
155
|
+
class="box top-space-40 "
|
|
156
|
+
v-if="showCreationForm"
|
|
157
|
+
|
|
158
|
+
><H3
|
|
159
|
+
id="i3gd1b"
|
|
160
|
+
class="box__header "
|
|
161
|
+
|
|
162
|
+
|
|
163
|
+
>{{ add-title }}</H3><form
|
|
164
|
+
method="get" id="i50acf"
|
|
165
|
+
class="form "
|
|
166
|
+
@submit.prevent="createWebsite"
|
|
167
|
+
|
|
168
|
+
><div
|
|
169
|
+
id="igtg1t"
|
|
170
|
+
class="v-space "
|
|
171
|
+
|
|
172
|
+
|
|
173
|
+
><label
|
|
174
|
+
id="i1nmbc"
|
|
175
|
+
class="v-space "
|
|
176
|
+
|
|
177
|
+
|
|
178
|
+
>{{ add-name-label }}</label><input
|
|
179
|
+
type="text" id="ij5iwh" placeholder="{{ add-name-placeholder }}"
|
|
180
|
+
class="input full-width "
|
|
181
|
+
v-model="newWebsiteName"
|
|
182
|
+
|
|
183
|
+
></input></div><div
|
|
184
|
+
id="ie0xes"
|
|
185
|
+
|
|
186
|
+
|
|
187
|
+
|
|
188
|
+
><button
|
|
189
|
+
type="submit" id="i021na"
|
|
190
|
+
class="button rounded button--primary right-space "
|
|
191
|
+
|
|
192
|
+
|
|
193
|
+
>{{ add-ok }}</button><button
|
|
194
|
+
type="reset"
|
|
195
|
+
class="button rounded button--secondary "
|
|
196
|
+
@click="showCreationForm = !showCreationForm"
|
|
197
|
+
|
|
198
|
+
>{{ add-cancel }}</button></div></form></div><div
|
|
199
|
+
id="if80m"
|
|
200
|
+
|
|
201
|
+
|
|
202
|
+
|
|
203
|
+
><SECTION
|
|
204
|
+
id="idgvg"
|
|
205
|
+
class="button-bar button-bar--full-width bg-white rounded loaded__item "
|
|
206
|
+
v-if="!loading" v-for="(website, index) in websites" :key="index"
|
|
207
|
+
|
|
208
|
+
><H3
|
|
209
|
+
id="i69a7"
|
|
210
|
+
class="button-bar_item button-bar__item--main "
|
|
211
|
+
v-text="website.name || website.id"
|
|
212
|
+
|
|
213
|
+
>My first website</H3><P
|
|
214
|
+
id="i65hn"
|
|
215
|
+
class="button-bar_item button-bar__item--secondary flex-no-shrink "
|
|
216
|
+
v-text="'{{ list-item-updated }} ' + new Date(website.updatedAt).toLocaleDateString(undefined, { day: 'numeric', month: 'long', year: 'numeric' })"
|
|
217
|
+
|
|
218
|
+
>Updated 1h ago by lexoyo</P><P
|
|
219
|
+
id="i64qa"
|
|
220
|
+
class="button-bar_item button-bar__item--secondary flex-no-shrink "
|
|
221
|
+
v-text="'{{ list-item-created }} ' + new Date(website.createdAt).toLocaleDateString(undefined, { day: 'numeric', month: 'long', year: 'numeric' })"
|
|
222
|
+
|
|
223
|
+
>Created 2023-02-16 by lexoyo</P><div
|
|
224
|
+
id="i3b4tr"
|
|
225
|
+
class="button-bar_item flex-no-shrink "
|
|
226
|
+
|
|
227
|
+
|
|
228
|
+
><BUTTON
|
|
229
|
+
id="ifyf6p" href=""
|
|
230
|
+
class="button rounded button--primary button--small right-space "
|
|
231
|
+
@click="openEditor(website.websiteId, '{{lang}}')"
|
|
232
|
+
|
|
233
|
+
>{{ list-edit }}</BUTTON><BUTTON
|
|
234
|
+
href="" id="ihf6ew"
|
|
235
|
+
class="button rounded button--small right-space button--tertiary "
|
|
236
|
+
@click="renameWebsite(website.websiteId, '{{lang}}')"
|
|
237
|
+
|
|
238
|
+
>{{ list-rename }}</BUTTON><BUTTON
|
|
239
|
+
id="iol4h"
|
|
240
|
+
class="button rounded button--small button--tertiary "
|
|
241
|
+
@click="deleteWebsite(website.websiteId)" title="{{ list-delete }}"
|
|
242
|
+
|
|
243
|
+
>X</BUTTON></div></SECTION><SECTION
|
|
244
|
+
id="i1fjn"
|
|
245
|
+
class="button-bar button-bar--full-width bg-white rounded loading__item skeleton-anim skeleton-wrapper "
|
|
246
|
+
v-if="loading"
|
|
247
|
+
|
|
248
|
+
><H3
|
|
249
|
+
|
|
250
|
+
class="button-bar_item button-bar__item--main skeleton-text skeleton "
|
|
251
|
+
|
|
252
|
+
|
|
253
|
+
>My first websiteMy first websiteMy first websiteMy first</H3><P
|
|
254
|
+
|
|
255
|
+
class="button-bar_item button-bar__item--secondary skeleton-text skeleton "
|
|
256
|
+
|
|
257
|
+
|
|
258
|
+
>Updated 1h ago by lexoyo</P><P
|
|
259
|
+
|
|
260
|
+
class="button-bar_item button-bar__item--secondary skeleton-text skeleton "
|
|
261
|
+
|
|
262
|
+
|
|
263
|
+
>Created 2023-02-16 by lexoyo</P><div
|
|
264
|
+
id="ixz6c"
|
|
265
|
+
class="button-bar_item skeleton skeleton-button "
|
|
266
|
+
|
|
267
|
+
|
|
268
|
+
>Edit</div></SECTION><SECTION
|
|
269
|
+
id="iwxxo5"
|
|
270
|
+
class="button-bar button-bar--full-width bg-white rounded loading__item skeleton-anim skeleton-wrapper "
|
|
271
|
+
v-if="loading"
|
|
272
|
+
|
|
273
|
+
><H3
|
|
274
|
+
|
|
275
|
+
class="button-bar_item button-bar__item--main skeleton-text skeleton "
|
|
276
|
+
|
|
277
|
+
|
|
278
|
+
>My first websiteMy first websiteMy first websiteMy first</H3><P
|
|
279
|
+
|
|
280
|
+
class="button-bar_item button-bar__item--secondary skeleton-text skeleton "
|
|
281
|
+
|
|
282
|
+
|
|
283
|
+
>Updated 1h ago by lexoyo</P><P
|
|
284
|
+
|
|
285
|
+
class="button-bar_item button-bar__item--secondary skeleton-text skeleton "
|
|
286
|
+
|
|
287
|
+
|
|
288
|
+
>Created 2023-02-16 by lexoyo</P><div
|
|
289
|
+
id="i9fx3l"
|
|
290
|
+
class="button-bar_item skeleton skeleton-button "
|
|
291
|
+
|
|
292
|
+
|
|
293
|
+
>Edit</div></SECTION><SECTION
|
|
294
|
+
id="isld3r"
|
|
295
|
+
class="button-bar button-bar--full-width bg-white rounded loading__item skeleton-anim skeleton-wrapper "
|
|
296
|
+
v-if="loading"
|
|
297
|
+
|
|
298
|
+
><H3
|
|
299
|
+
|
|
300
|
+
class="button-bar_item button-bar__item--main skeleton-text skeleton "
|
|
301
|
+
|
|
302
|
+
|
|
303
|
+
>My first websiteMy first websiteMy first websiteMy first</H3><P
|
|
304
|
+
|
|
305
|
+
class="button-bar_item button-bar__item--secondary skeleton-text skeleton "
|
|
306
|
+
|
|
307
|
+
|
|
308
|
+
>Updated 1h ago by lexoyo</P><P
|
|
309
|
+
|
|
310
|
+
class="button-bar_item button-bar__item--secondary skeleton-text skeleton "
|
|
311
|
+
|
|
312
|
+
|
|
313
|
+
>Created 2023-02-16 by lexoyo</P><div
|
|
314
|
+
id="i8oes3"
|
|
315
|
+
class="button-bar_item skeleton skeleton-button "
|
|
316
|
+
|
|
317
|
+
|
|
318
|
+
>Edit</div></SECTION><SECTION
|
|
319
|
+
id="iqmx38"
|
|
320
|
+
class="button-bar button-bar--full-width bg-white rounded loading__item skeleton-anim skeleton-wrapper "
|
|
321
|
+
v-if="loading"
|
|
322
|
+
|
|
323
|
+
><H3
|
|
324
|
+
|
|
325
|
+
class="button-bar_item button-bar__item--main skeleton-text skeleton "
|
|
326
|
+
|
|
327
|
+
|
|
328
|
+
>My first websiteMy first websiteMy first websiteMy first</H3><P
|
|
329
|
+
|
|
330
|
+
class="button-bar_item button-bar__item--secondary skeleton-text skeleton "
|
|
331
|
+
|
|
332
|
+
|
|
333
|
+
>Updated 1h ago by lexoyo</P><P
|
|
334
|
+
|
|
335
|
+
class="button-bar_item button-bar__item--secondary skeleton-text skeleton "
|
|
336
|
+
|
|
337
|
+
|
|
338
|
+
>Created 2023-02-16 by lexoyo</P><div
|
|
339
|
+
id="ie83jl"
|
|
340
|
+
class="button-bar_item skeleton skeleton-button "
|
|
341
|
+
|
|
342
|
+
|
|
343
|
+
>Edit</div></SECTION></div><div
|
|
344
|
+
id="i7ej6j"
|
|
345
|
+
class="box horizontal "
|
|
346
|
+
v-if="error"
|
|
347
|
+
|
|
348
|
+
><div
|
|
349
|
+
id="iv0eyi"
|
|
350
|
+
class="full-width v-space h-space "
|
|
351
|
+
v-text="error"
|
|
352
|
+
|
|
353
|
+
>Insert your text here</div><div
|
|
354
|
+
id="i4656n"
|
|
355
|
+
class="button rounded button--small button--tertiary "
|
|
356
|
+
@click="error = null"
|
|
357
|
+
|
|
358
|
+
>{{ message-dismiss }}</div></div><div
|
|
359
|
+
id="ilteie"
|
|
360
|
+
class="box horizontal "
|
|
361
|
+
v-if="message"
|
|
362
|
+
|
|
363
|
+
><div
|
|
364
|
+
id="i2d31v"
|
|
365
|
+
class="full-width v-space h-space "
|
|
366
|
+
v-text="message"
|
|
367
|
+
|
|
368
|
+
>Insert your text here</div><div
|
|
369
|
+
id="i2urco"
|
|
370
|
+
class="button rounded button--small button--tertiary "
|
|
371
|
+
@click="message = null"
|
|
372
|
+
|
|
373
|
+
>{{ message-dismiss }}</div></div></MAIN><FOOTER
|
|
374
|
+
id="ilzpl"
|
|
375
|
+
class="header footer "
|
|
376
|
+
|
|
377
|
+
|
|
378
|
+
><div
|
|
379
|
+
id="i238z"
|
|
380
|
+
class="section "
|
|
381
|
+
|
|
382
|
+
|
|
383
|
+
>{{ content }}</div></FOOTER></body>
|
|
384
|
+
</html>
|
|
385
|
+
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"name":"Dashboard"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"assets":[{"type":"image","src":"assets/alex-small.jpg","unitDim":"px","height":0,"width":0},{"type":"image","src":"assets/silex-icon-2018@200px.png","unitDim":"px","height":0,"width":0}],"styles":[{"selectors":[{"name":"nav__item","active":false}],"style":{"margin":"0px 10px 0px 10px","font-size":"0.8rem","padding":"24px 0px 24px 0px","color":"grey","font-weight":"700"}},{"selectors":["body"],"style":{"font-family":"\"Roboto\", sans-serif","background-color":"#f0f0f0"}},{"selectors":[{"name":"header","active":false}],"style":{"display":"flex","align-items":"center","justify-content":"space-between","background-color":"#ffffff"}},{"selectors":["#ir7s"],"style":{"color":"black"}},{"selectors":["padding-normal"],"style":{"padding":"0px 24px 0px 24px"}},{"selectors":["#i9jq"],"style":{"display":"flex"}},{"selectors":["nav"],"style":{"width":"100%","margin":"0px 20px 0px 20px"}},{"selectors":["#iz63r"],"style":{"min-height":"90vh"}},{"selectors":["subtitle"],"style":{"font-size":"1rem","margin":"0px 0px 20px 0px"}},{"selectors":["section"],"style":{"max-width":"1200px","margin":"80px auto 80px auto"}},{"selectors":["subtitle",{"name":"color--light","active":false}],"style":{"color":"#636363","font-weight":"700"}},{"selectors":[{"name":"button","active":false}],"style":{"font-weight":"700","font-size":"0.8rem","padding":"8px 15px 8px 15px","display":"inline-block","border":"1px solid transparent","transition":"all 0.18s ease-out","font-family":"\"Roboto\", sans-serif"}},{"selectors":[{"name":"button","active":false},{"name":"button--primary","active":false}],"style":{"background-color":"#5e85a8","color":"white"}},{"selectors":[{"name":"button-bar","active":false}],"style":{"margin":"10px 0px 10px 0px","display":"flex"}},{"selectors":["#ibsgw"],"style":{"position":"relative","top":"3px"}},{"selectors":[{"name":"button-bar","active":false},{"name":"button-bar--full-width","active":false}],"style":{"justify-content":"space-between","align-items":"center"}},{"selectors":[{"name":"button-bar_item","active":false}],"style":{"margin":"20px 20px 20px 20px"}},{"selectors":[{"name":"button-bar_item","active":false},{"name":"button-bar__item--secondary","active":false}],"style":{"font-size":"0.8rem","color":"#444444"}},{"selectors":[{"name":"button","active":false},"button--secondary"],"style":{"font-weight":"400","background-color":"rgba(221,221,221,0.5)"}},{"selectors":[{"name":"bg-white","active":false}],"style":{"background-color":"#ffffff"}},{"selectors":[{"name":"rounded","active":false}],"style":{"border-radius":"2px 2px 2px 2px"}},{"selectors":["#ilzpl"],"style":{"min-height":"100px"}},{"selectors":["#i238z"],"style":{"padding":"10px"}},{"selectors":["footer"],"style":{"display":"block","margin":"20px 0px 0 0px","padding":"1px 0px 1px 0px"}},{"selectors":["skeleton-text",{"name":"skeleton","active":false}],"style":{"background-color":"#dddddd","color":"transparent","opacity":"0.31","border-radius":"5px 5px 5px 5px"}},{"selectors":[{"name":"skeleton","active":false},{"name":"skeleton-button","active":false}],"style":{"color":"transparent","opacity":"0.16"}},{"selectors":[{"name":"skeleton-anim","active":false}],"style":{"position":"relative"}},{"selectors":[{"name":"nav__item","active":false},"active"],"style":{"color":"black"}},{"selectors":["margin-20"],"style":{"margin":"20px 0px 20px 0px"}},{"selectors":["#i0ro3"],"style":{"display":"none"}},{"selectors":[{"name":"loading__item","active":false},"loaded-true"],"style":{"display":"none"}},{"selectors":["#i69a7"],"style":{"width":"100%"}},{"selectors":["flex-no-shrink"],"style":{"flex-shrink":"0"}},{"selectors":["button--small"],"style":{"padding":"3px 12px 4px 12px"}},{"selectors":["form"],"style":{"padding":"10px 10px 10px 10px","border-radius":"5px 5px 5px 5px"}},{"selectors":["#i1nmbc"],"style":{"flex-shrink":"0"}},{"selectors":["input"],"style":{"padding":"10px 10px 10px 10px","background-color":"transparent","border":"1px solid #5e85a8"}},{"selectors":[{"name":"full-width","active":false}],"style":{"width":"100%"}},{"selectors":[{"name":"v-space","active":false}],"style":{"margin":"10px 0px 10px 0px"}},{"selectors":["#ihwwxz"],"style":{"min-height":"100px"}},{"selectors":[{"name":"box","active":false}],"style":{"border":"2px solid #5e85a8"}},{"selectors":["box__header"],"style":{"margin":"0px 0px 0px 0px","padding":"10px 0px 10px 10px"}},{"selectors":[{"name":"box","active":false},"horizontal"],"style":{"align-items":"center"}},{"selectors":["horizontal"],"style":{"display":"flex","align-items":"center"}},{"selectors":[{"name":"h-space","active":false}],"style":{"margin":"0px 10px 0px 10px"}},{"selectors":[{"name":"button--tertiary","active":false}],"style":{"background-color":"transparent","font-weight":"400"}},{"selectors":["icon-font"],"style":{"font-size":"1.5rem","line-height":"1px","margin":"0px 2px 0px 2px"}},{"selectors":["lang__item"],"style":{"margin":"0px 5px 0px 5px"}},{"selectors":["top-space-40"],"style":{"margin":"40px 0 0 0"}},{"selectors":["nav__logo"],"style":{"height":"50px"}},{"selectors":["user-icon__image"],"style":{"width":"100%","height":"100%"}},{"selectors":["user__wrapper"],"style":{"border":"1px solid white"}},{"selectors":[{"name":"right-space","active":false}],"style":{"margin":"0px 5px 0px 0px"}},{"selectors":["#ic9eoa"],"style":{"min-height":"100px"}},{"selectors":["#iksw4d"],"style":{"padding":"10px"}},{"selectors":[{"name":"button","active":false}],"style":{"color":"#ff6600","background-color":"transparent","border":"1px solid #dddddd"},"state":"hover"},{"selectors":[{"name":"button","active":false},"button--secondary"],"style":{"background-color":"white"},"state":"hover"},{"selectors":["#ip1xpi"],"style":{"color":"black"}},{"selectors":["#i6no5k"],"style":{"display":"flex"}},{"selectors":["#i1k8my"],"style":{"padding":"10px"}},{"selectors":["#i208mw"],"style":{"min-height":"100px"}},{"selectors":["#iel80b"],"style":{"color":"black"}},{"selectors":["#ioziwk"],"style":{"width":"100%"}},{"selectors":["#imgx81"],"style":{"min-height":"100vh","display":"flex","justify-content":"center","align-items":"center","flex-direction":"column"}},{"selectors":["#in62y2"],"style":{"width":"100%","display":"flex","justify-content":"center"}},{"selectors":["user-icon__wrapper"],"style":{"border":"1px solid #f0f0f0","background-color":"#f0f0f0","border-radius":"50% 50% 50% 50%","width":"40px","height":"40px","padding":"5px 5px 5px 5px"}},{"selectors":["user-icon__wrapper2"],"style":{"width":"40px","height":"40px"}},{"selectors":["big-button"],"style":{"border-radius":"5px 5px 5px 5px","font-size":"15px","margin":"10px 10px 10px 10px","padding":"15px 30px 15px 30px","font-weight":"400"}},{"selectors":["#i9msnk"],"style":{"padding":"10px","display":"inline"}},{"selectors":["#i6akll"],"style":{"padding":"10px","display":"inline"}},{"selectors":["#ixzhcr"],"style":{"padding":"10px","position":"absolute","display":"none"}},{"selectors":["title"],"style":{"margin":"0 0 10px 0","font-size":"2rem","font-weight":"400"}},{"selectors":["#ighycb"],"style":{"padding":"10px"}},{"selectors":["#it2175"],"style":{"padding":"10px"}}],"pages":[{"frames":[{"component":{"type":"wrapper","classes":["body",{"name":"loading","active":false}],"attributes":{"id":"ik0i"},"components":[{"tagName":"HEADER","type":"container","icon":"<span class=\"fa fa-top\"></span>","classes":[{"name":"header","active":false},"padding-normal"],"attributes":{"id":"igrg"},"components":[{"tagName":"A","type":"container","attributes":{"id":"igvu43","href":"/"},"components":[{"type":"image","classes":["nav__logo"],"attributes":{"src":"/assets/silex-icon-2018@200px.png","href":"","id":"iel80b-2"},"custom-name":"logo","originalTagName":"img"}],"originalTagName":"div"},{"tagName":"NAV","type":"container","classes":["nav"],"attributes":{"id":"i9jq"},"components":[{"tagName":"A","type":"text","classes":[{"name":"nav__item","active":false}],"attributes":{"id":"iels","href":"{{ item.url }}"},"components":[{"type":"textnode","content":"Sites"}],"template":{"before":"{% for item in nav %}","replace":"{{ item.label }}","after":"{% endfor %}","attributes":"target=\"{{ item.target }}\"","classname":"{% if forloop.index == 1 %}active{% endif %}","style":""},"originalTagName":"div"}],"custom-name":"Nav"},{"type":"container","classes":["lang",{"name":"h-space","active":false}],"attributes":{"id":"i2red7"},"components":[{"tagName":"A","type":"text","classes":["lang__item",{"name":"nav__item","active":false}],"attributes":{"href":"/{{ link.code }}","id":"iciz"},"components":[{"type":"textnode","content":"en"}],"template":{"before":"{% assign links = languages %}\n{%- for link in links %}","replace":"{{ link.code }}","after":"{% endfor %}","attributes":"hreflang=\"{{link.code}}\"","classname":"{% if link.code == lang %}active{% endif %}","style":""},"originalTagName":"div"}],"custom-name":"Lang"},{"type":"container","classes":["user__wrapper"],"attributes":{"id":"i24ew"},"custom-name":"User","components":[{"type":"container","classes":["user-icon__wrapper"],"attributes":{"id":"i5xsbd"},"components":[{"type":"container","classes":["user-icon__image"],"attributes":{"id":"i5wlbq"},"template":{"before":"","replace":"","after":"","attributes":"v-if=\"user\" v-show=\"!showMenu || user.storage.disableLogout\" :style='`background: url(\"${user.picture}\"); background-repeat: no-repeat; background-size: contain;`'","classname":"","style":""},"custom-name":"Image"}],"custom-name":"Wrapper","template":{"before":"","replace":"","after":"","attributes":"v-if=\"user\" v-show=\"!showMenu || user.storage.disableLogout\" ","classname":"","style":""}},{"type":"container","attributes":{"id":"ic9eoa"},"components":[{"type":"text","classes":[{"name":"button","active":false},"button--secondary"],"attributes":{"id":"iksw4d"},"components":[{"type":"textnode","content":"Logout"}],"template":{"before":"","replace":"","after":"","attributes":"@click=\"logout()\"","classname":"","style":""}}],"custom-name":"Menu","template":{"before":"","replace":"","after":"","attributes":"v-show=\"showMenu && !user.storage.disableLogout\"","classname":"","style":""}}],"template":{"before":"","replace":"","after":"","attributes":"v-if=\"user && !user.storage.disableLogout\" @NOmouseover=\"showMenu = true\" @NOmouseout=\"showMenu = false\" @click=\"showMenu = !showMenu\"","classname":"","style":""}}],"custom-name":"Header"},{"tagName":"MAIN","type":"container","classes":["padding-normal","section"],"attributes":{"id":"iz63r"},"components":[{"tagName":"H1","type":"text","classes":["title"],"attributes":{"id":"itp1f"},"components":[{"type":"textnode","content":"Welcome back!"},{"tagName":"br","void":true}],"template":{"before":"","replace":"{{ title2 }}","after":"","attributes":"","classname":"","style":""}},{"type":"text","classes":["subtitle",{"name":"color--light","active":false}],"attributes":{"id":"iyex8"},"components":[{"type":"textnode","content":"Dive into your projects or kickstart a new one"}],"template":{"before":"","replace":"{{ subtitle }}","after":"","attributes":"","classname":"","style":""}},{"type":"container","classes":[{"name":"button-bar","active":false},"margin-20"],"attributes":{"id":"ickx4"},"components":[{"tagName":"BUTTON","type":"text","classes":[{"name":"button","active":false},{"name":"button--primary","active":false},{"name":"rounded","active":false},"top-space-40"],"attributes":{"id":"i2x0l"},"components":[{"tagName":"span","type":"text","classes":["icon-font"],"attributes":{"id":"ibsgw"},"components":[{"type":"textnode","content":"+"}]},{"type":"textnode","content":" "},{"tagName":"span","type":"text","attributes":{"id":"itl2n8"},"components":[{"type":"textnode","content":"Create website"}],"template":{"before":"","replace":"{{ add-button }}","after":"","attributes":"","classname":"","style":""}}],"template":{"before":"","replace":"","after":"","attributes":"@click=\"showCreationForm = !showCreationForm\" v-if=\"!showCreationForm\"","classname":"","style":""}},{"type":"text","classes":[{"name":"button","active":false},"button--secondary",{"name":"rounded","active":false}],"attributes":{"id":"i0ro3"},"components":[{"type":"textnode","content":"Import"}]}]},{"type":"container","classes":[{"name":"box","active":false},"top-space-40"],"attributes":{"id":"ihwwxz"},"components":[{"tagName":"H3","type":"text","classes":["box__header"],"attributes":{"id":"i3gd1b"},"components":[{"type":"textnode","content":"Create a new website"}],"template":{"before":"","replace":"{{ add-title }}","after":"","attributes":"","classname":"","style":""}},{"type":"form","classes":["form"],"attributes":{"method":"get","id":"i50acf"},"components":[{"classes":[{"name":"v-space","active":false}],"attributes":{"id":"igtg1t"},"components":[{"type":"label","classes":[{"name":"v-space","active":false}],"attributes":{"id":"i1nmbc"},"components":[{"type":"textnode","content":"Website name"}],"template":{"before":"","replace":"{{ add-name-label }}","after":"","attributes":"","classname":"","style":""}},{"type":"input","void":true,"classes":["input",{"name":"full-width","active":false}],"attributes":{"type":"text","id":"ij5iwh","placeholder":"{{ add-name-placeholder }}"},"template":{"before":"","replace":"","after":"","attributes":"v-model=\"newWebsiteName\"","classname":"","style":""}}]},{"attributes":{"id":"ie0xes"},"components":[{"type":"button","classes":[{"name":"button","active":false},{"name":"rounded","active":false},{"name":"button--primary","active":false},{"name":"right-space","active":false}],"attributes":{"type":"submit","id":"i021na"},"text":"Create","components":[{"type":"textnode","content":"Create"}],"template":{"before":"","replace":"{{ add-ok }}","after":"","attributes":"","classname":"","style":""}},{"type":"button","classes":[{"name":"button","active":false},{"name":"rounded","active":false},"button--secondary"],"attributes":{"type":"reset"},"text":"Cancel","components":[{"type":"textnode","content":"Cancel"}],"template":{"before":"","replace":"{{ add-cancel }}","after":"","attributes":"@click=\"showCreationForm = !showCreationForm\"","classname":"","style":""}}]}],"template":{"before":"","replace":"","after":"","attributes":"@submit.prevent=\"createWebsite\"","classname":"","style":""}}],"template":{"before":"","replace":"","after":"","attributes":"v-if=\"showCreationForm\"","classname":"","style":""}},{"type":"container","icon":"<span class=\"fa fa-list\"></span>","attributes":{"id":"if80m"},"components":[{"tagName":"SECTION","type":"container","classes":[{"name":"button-bar","active":false},{"name":"button-bar--full-width","active":false},{"name":"bg-white","active":false},{"name":"rounded","active":false},"loaded__item"],"attributes":{"id":"idgvg"},"components":[{"tagName":"H3","type":"text","classes":[{"name":"button-bar_item","active":false},{"name":"button-bar__item--main","active":false}],"attributes":{"id":"i69a7"},"components":[{"type":"textnode","content":"My first website"}],"template":{"before":"","replace":"","after":"","attributes":"v-text=\"website.name || website.id\"","classname":"","style":""}},{"tagName":"P","type":"text","classes":[{"name":"button-bar_item","active":false},{"name":"button-bar__item--secondary","active":false},"flex-no-shrink"],"attributes":{"id":"i65hn"},"components":[{"type":"textnode","content":"Updated 1h ago by lexoyo"}],"template":{"before":"","replace":"","after":"","attributes":"v-text=\"'{{ list-item-updated }} ' + new Date(website.updatedAt).toLocaleDateString(undefined, { day: 'numeric', month: 'long', year: 'numeric' })\"","classname":"","style":""}},{"tagName":"P","type":"text","classes":[{"name":"button-bar_item","active":false},{"name":"button-bar__item--secondary","active":false},"flex-no-shrink"],"attributes":{"id":"i64qa"},"components":[{"type":"textnode","content":"Created 2023-02-16 by lexoyo"}],"template":{"before":"","replace":"","after":"","attributes":"v-text=\"'{{ list-item-created }} ' + new Date(website.createdAt).toLocaleDateString(undefined, { day: 'numeric', month: 'long', year: 'numeric' })\"","classname":"","style":""}},{"type":"container","classes":[{"name":"button-bar_item","active":false},"flex-no-shrink"],"attributes":{"id":"i3b4tr"},"components":[{"tagName":"BUTTON","type":"text","classes":[{"name":"button","active":false},{"name":"rounded","active":false},{"name":"button--primary","active":false},"button--small",{"name":"right-space","active":false}],"attributes":{"id":"ifyf6p","href":""},"components":[{"type":"textnode","content":"Edit"}],"originalTagName":"div","template":{"before":"","replace":"{{ list-edit }}","after":"","attributes":"@click=\"openEditor(website.websiteId, '{{lang}}')\"","classname":"","style":""}},{"tagName":"BUTTON","type":"text","classes":[{"name":"button","active":false},{"name":"rounded","active":false},"button--small",{"name":"right-space","active":false},{"name":"button--tertiary","active":false}],"attributes":{"href":"","id":"ihf6ew"},"components":[{"type":"textnode","content":"Rename"}],"originalTagName":"div","template":{"before":"","replace":"{{ list-rename }}","after":"","attributes":"@click=\"renameWebsite(website.websiteId, '{{lang}}')\"","classname":"","style":""}},{"tagName":"BUTTON","type":"text","classes":[{"name":"button","active":false},{"name":"rounded","active":false},"button--small",{"name":"button--tertiary","active":false}],"attributes":{"id":"iol4h"},"components":[{"type":"textnode","content":"X"}],"template":{"before":"","replace":"","after":"","attributes":"@click=\"deleteWebsite(website.websiteId)\" title=\"{{ list-delete }}\"","classname":"","style":""}}]}],"template":{"before":"","replace":"","after":"","attributes":"v-if=\"!loading\" v-for=\"(website, index) in websites\" :key=\"index\"","classname":"","style":""}},{"tagName":"SECTION","type":"container","classes":[{"name":"button-bar","active":false},{"name":"button-bar--full-width","active":false},{"name":"bg-white","active":false},{"name":"rounded","active":false},{"name":"loading__item","active":false},{"name":"skeleton-anim","active":false},{"name":"skeleton-wrapper","active":false}],"attributes":{"id":"i1fjn"},"components":[{"tagName":"H3","type":"text","classes":[{"name":"button-bar_item","active":false},{"name":"button-bar__item--main","active":false},"skeleton-text",{"name":"skeleton","active":false}],"components":[{"type":"textnode","content":"My first websiteMy first websiteMy first websiteMy first"}]},{"tagName":"P","type":"text","classes":[{"name":"button-bar_item","active":false},{"name":"button-bar__item--secondary","active":false},"skeleton-text",{"name":"skeleton","active":false}],"components":[{"type":"textnode","content":"Updated 1h ago by lexoyo"}]},{"tagName":"P","type":"text","classes":[{"name":"button-bar_item","active":false},{"name":"button-bar__item--secondary","active":false},"skeleton-text",{"name":"skeleton","active":false}],"components":[{"type":"textnode","content":"Created 2023-02-16 by lexoyo"}]},{"type":"text","classes":[{"name":"button-bar_item","active":false},{"name":"skeleton","active":false},{"name":"skeleton-button","active":false}],"attributes":{"id":"ixz6c"},"components":[{"type":"textnode","content":"Edit"}]}],"template":{"before":"","replace":"","after":"","attributes":"v-if=\"loading\"","classname":"","style":""}},{"tagName":"SECTION","type":"container","classes":[{"name":"button-bar","active":false},{"name":"button-bar--full-width","active":false},{"name":"bg-white","active":false},{"name":"rounded","active":false},{"name":"loading__item","active":false},{"name":"skeleton-anim","active":false},{"name":"skeleton-wrapper","active":false}],"attributes":{"id":"iwxxo5"},"components":[{"tagName":"H3","type":"text","classes":[{"name":"button-bar_item","active":false},{"name":"button-bar__item--main","active":false},"skeleton-text",{"name":"skeleton","active":false}],"components":[{"type":"textnode","content":"My first websiteMy first websiteMy first websiteMy first"}]},{"tagName":"P","type":"text","classes":[{"name":"button-bar_item","active":false},{"name":"button-bar__item--secondary","active":false},"skeleton-text",{"name":"skeleton","active":false}],"components":[{"type":"textnode","content":"Updated 1h ago by lexoyo"}]},{"tagName":"P","type":"text","classes":[{"name":"button-bar_item","active":false},{"name":"button-bar__item--secondary","active":false},"skeleton-text",{"name":"skeleton","active":false}],"components":[{"type":"textnode","content":"Created 2023-02-16 by lexoyo"}]},{"type":"text","classes":[{"name":"button-bar_item","active":false},{"name":"skeleton","active":false},{"name":"skeleton-button","active":false}],"attributes":{"id":"i9fx3l"},"components":[{"type":"textnode","content":"Edit"}]}],"template":{"before":"","replace":"","after":"","attributes":"v-if=\"loading\"","classname":"","style":""}},{"tagName":"SECTION","type":"container","classes":[{"name":"button-bar","active":false},{"name":"button-bar--full-width","active":false},{"name":"bg-white","active":false},{"name":"rounded","active":false},{"name":"loading__item","active":false},{"name":"skeleton-anim","active":false},{"name":"skeleton-wrapper","active":false}],"attributes":{"id":"isld3r"},"components":[{"tagName":"H3","type":"text","classes":[{"name":"button-bar_item","active":false},{"name":"button-bar__item--main","active":false},"skeleton-text",{"name":"skeleton","active":false}],"components":[{"type":"textnode","content":"My first websiteMy first websiteMy first websiteMy first"}]},{"tagName":"P","type":"text","classes":[{"name":"button-bar_item","active":false},{"name":"button-bar__item--secondary","active":false},"skeleton-text",{"name":"skeleton","active":false}],"components":[{"type":"textnode","content":"Updated 1h ago by lexoyo"}]},{"tagName":"P","type":"text","classes":[{"name":"button-bar_item","active":false},{"name":"button-bar__item--secondary","active":false},"skeleton-text",{"name":"skeleton","active":false}],"components":[{"type":"textnode","content":"Created 2023-02-16 by lexoyo"}]},{"type":"text","classes":[{"name":"button-bar_item","active":false},{"name":"skeleton","active":false},{"name":"skeleton-button","active":false}],"attributes":{"id":"i8oes3"},"components":[{"type":"textnode","content":"Edit"}]}],"template":{"before":"","replace":"","after":"","attributes":"v-if=\"loading\"","classname":"","style":""}},{"tagName":"SECTION","type":"container","classes":[{"name":"button-bar","active":false},{"name":"button-bar--full-width","active":false},{"name":"bg-white","active":false},{"name":"rounded","active":false},{"name":"loading__item","active":false},{"name":"skeleton-anim","active":false},{"name":"skeleton-wrapper","active":false}],"attributes":{"id":"iqmx38"},"components":[{"tagName":"H3","type":"text","classes":[{"name":"button-bar_item","active":false},{"name":"button-bar__item--main","active":false},"skeleton-text",{"name":"skeleton","active":false}],"components":[{"type":"textnode","content":"My first websiteMy first websiteMy first websiteMy first"}]},{"tagName":"P","type":"text","classes":[{"name":"button-bar_item","active":false},{"name":"button-bar__item--secondary","active":false},"skeleton-text",{"name":"skeleton","active":false}],"components":[{"type":"textnode","content":"Updated 1h ago by lexoyo"}]},{"tagName":"P","type":"text","classes":[{"name":"button-bar_item","active":false},{"name":"button-bar__item--secondary","active":false},"skeleton-text",{"name":"skeleton","active":false}],"components":[{"type":"textnode","content":"Created 2023-02-16 by lexoyo"}]},{"type":"text","classes":[{"name":"button-bar_item","active":false},{"name":"skeleton","active":false},{"name":"skeleton-button","active":false}],"attributes":{"id":"ie83jl"},"components":[{"type":"textnode","content":"Edit"}]}],"template":{"before":"","replace":"","after":"","attributes":"v-if=\"loading\"","classname":"","style":""}}]},{"type":"container","classes":[{"name":"box","active":false},"horizontal"],"attributes":{"id":"i7ej6j"},"components":[{"type":"text","classes":[{"name":"full-width","active":false},{"name":"v-space","active":false},{"name":"h-space","active":false}],"attributes":{"id":"iv0eyi"},"components":[{"type":"textnode","content":"Insert your text here"}],"template":{"before":"","replace":"","after":"","attributes":"v-text=\"error\"","classname":"","style":""}},{"type":"text","classes":[{"name":"button","active":false},{"name":"rounded","active":false},"button--small",{"name":"button--tertiary","active":false}],"attributes":{"id":"i4656n"},"components":[{"type":"textnode","content":"Dismiss"}],"template":{"before":"","replace":"{{ message-dismiss }}","after":"","attributes":"@click=\"error = null\"","classname":"","style":""}}],"template":{"before":"","replace":"","after":"","attributes":"v-if=\"error\"","classname":"","style":""}},{"type":"container","classes":[{"name":"box","active":false},"horizontal"],"attributes":{"id":"ilteie"},"components":[{"type":"text","classes":[{"name":"full-width","active":false},{"name":"v-space","active":false},{"name":"h-space","active":false}],"attributes":{"id":"i2d31v"},"components":[{"type":"textnode","content":"Insert your text here"}],"template":{"before":"","replace":"","after":"","attributes":"v-text=\"message\"","classname":"","style":""}},{"type":"text","classes":[{"name":"button","active":false},{"name":"rounded","active":false},"button--small",{"name":"button--tertiary","active":false}],"attributes":{"id":"i2urco"},"components":[{"type":"textnode","content":"Dismiss"}],"template":{"before":"","replace":"{{ message-dismiss }}","after":"","attributes":"@click=\"message = null\"","classname":"","style":""}}],"template":{"before":"","replace":"","after":"","attributes":"v-if=\"message\"","classname":"","style":""}}],"custom-name":"Main"},{"tagName":"FOOTER","type":"container","classes":[{"name":"header","active":false},"footer"],"attributes":{"id":"ilzpl"},"components":[{"type":"text","classes":["section"],"attributes":{"id":"i238z"},"components":[{"type":"textnode","content":"Links"},{"tagName":"br","void":true},{"tagName":"ul","attributes":{"id":"ibmxx"},"components":[{"tagName":"li","type":"text","attributes":{"id":"iktkw"},"components":[{"type":"textnode","content":"Docs"}]},{"tagName":"li","type":"text","attributes":{"id":"ipexhl"},"components":[{"type":"textnode","content":"Support"}]},{"tagName":"li","type":"text","classes":["gjs-hovered"],"attributes":{"id":"ihfzt","draggable":"true"},"components":[{"type":"textnode","content":"Bug report"}]},{"tagName":"li","type":"text","attributes":{"id":"i4qli"},"components":[{"type":"textnode","content":"Source code"},{"tagName":"br","void":true}]}]}],"template":{"before":"","replace":"{{ content }}","after":"","attributes":"","classname":"","style":""}}],"custom-name":"Footer"}],"template":{"before":"","replace":"","after":"","attributes":"","classname":"app","style":""}}}],"type":"main","id":"mk3OKgfr4A9V7Dww","settings":{"lang":"","title":"","description":"","favicon":"","og:title":"","og:description":"","og:image":"","head":"{% render \"api-websites.js.html\" frontmatter: frontmatter page: page site: site api-translations: api-translations lang: lang %}\n"},"name":"Websites","slug":"websites"},{"frames":[{"component":{"type":"wrapper","attributes":{"id":"i2hcfw"},"components":[{"tagName":"A","type":"text","classes":[{"name":"button","active":false},{"name":"button-bar__item--secondary","active":false}],"attributes":{"id":"ixzhcr","href":"/"},"components":[{"type":"textnode","content":"{{ api-translations[lang][\"Back to home\"] }}"}],"originalTagName":"div"},{"type":"container","attributes":{"id":"imgx81"},"components":[{"tagName":"H1","type":"text","attributes":{"id":"ighycb"},"components":[{"type":"textnode","content":"Welcome to Silex"},{"tagName":"br","void":true}],"template":{"before":"","replace":"{{ api-translations[lang][\"Welcome to Silex\"] }}","after":"","attributes":"","classname":"","style":""}},{"type":"text","classes":["subtitle"],"attributes":{"id":"it2175"},"components":[{"type":"textnode","content":"Please login to continue"},{"tagName":"br","void":true}],"template":{"before":"","replace":"{{ api-translations[lang][\"Please login to continue\"] }}","after":"","attributes":"","classname":"","style":""}},{"type":"container","classes":[{"name":"button-bar","active":false}],"attributes":{"id":"in62y2"},"components":[{"tagName":"A","type":"container","classes":[{"name":"h-space","active":false},{"name":"button-bar__item--main","active":false},{"name":"button-bar_item","active":false},{"name":"button","active":false},"big-button"],"attributes":{"id":"isqe61","href":"https://"},"components":[{"type":"text","attributes":{"id":"i87asw"},"components":[{"type":"textnode","content":"Insert your text here"}],"template":{"before":"","replace":"","after":"","attributes":"v-text=\"connector.displayName\"","classname":"","style":""}}],"custom-name":"Button","template":{"before":"","replace":"","after":"","attributes":"v-if=\"!loading\" v-for=\"(connector, index) in connectors\" :key=\"index\" :style=\"{ backgroundColor: connector.background, color: connector.color }\" @click=\"openLogin(connector)\"","classname":"","style":""},"originalTagName":"div"}],"custom-name":"Popin"},{"type":"text","attributes":{"id":"i9msnk"},"components":[{"type":"textnode","content":"Insert your text here"}],"template":{"before":"","replace":"","after":"","attributes":"v-if=\"error\" v-html=\"message\"","classname":"","style":""}},{"type":"text","classes":[{"name":"button","active":false},{"name":"button--tertiary","active":false}],"attributes":{"id":"i6akll"},"components":[{"type":"textnode","content":"{{ api-translations[lang][\"Logout\"] }}"}],"template":{"before":"","replace":"","after":"","attributes":"v-if=\"error\" @click=\"logout()\"","classname":"","style":""}}],"custom-name":"Wrapper"}],"template":{"before":"","replace":"","after":"","attributes":"","classname":"app","style":""}}}],"name":"Connectors","id":"BOCWuSXKn6FRo8x5L","settings":{"lang":"","title":"","description":"","favicon":"","og:title":"","og:description":"","og:image":"","head":"{% render \"api-connectors.js.html\" frontmatter: frontmatter page: page site: site api-translations: api-translations lang: lang %}\n"},"slug":"connectors"}],"settings":{"lang":"","title":"{{ title }}","description":"","favicon":"","og:title":"","og:description":"","og:image":"","head":"{% render \"alternate.liquid\" languages: languages lang: lang page: page %}\n\n<style>\n.button { cursor: pointer; }\na { text-decoration: none; }\na:hover { text-decoration: underline; }\n\n.skeleton-anim:after {\n width: 100%;\n height: 100%;\n position: absolute;\n top: 0;\n left: 0;\n content: \"\";\n background: \n linear-gradient(0.25turn, transparent, rgba(255,255,255,.75), transparent),\n linear-gradient(transparent, transparent),\n radial-gradient(38px circle at 19px 19px, transparent 50%, transparent 51%),\n linear-gradient(transparent, transparent); \n background-repeat: no-repeat;\n background-size: 315px 250px, 315px 180px, 100px 100px, 225px 30px; \n background-position: -315px 0, 0 0, 0px 190px, 50px 195px; \n animation: loading 1.5s infinite;\n}\n\n@keyframes loading { \n to {\n background-position: 200% 0, 0 0, 0 190px, 50px 195px;\n }\n}\n\n</style>"},"name":"Dashboard","fonts":[{"name":"Roboto","value":"\"Roboto\", sans-serif","variants":[]}],"symbols":[],"publication":{"connector":{"connectorId":"fs-hosting","type":"HOSTING","displayName":"File system hosting","icon":"data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M6%202L6%2022%2018%2022%2018%207%2012%202%206%202Z%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M18%202L12%202%2012%208%2018%208%2018%202Z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E","disableLogout":true,"isLoggedIn":true,"oauthUrl":null,"color":"#000000","background":"#006400"}}}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
* { box-sizing: border-box; } body {margin: 0;}.subtitle{font-size:1rem;margin:0px 0px 20px 0px;}.subtitle.color--light{color:#636363;font-weight:700;}.button{font-weight:700;font-size:0.8rem;padding:8px 15px 8px 15px;display:inline-block;border:1px solid transparent;transition:all 0.18s ease-out;font-family:"Roboto", sans-serif;}.button.button--primary{background-color:#5e85a8;color:white;}.button-bar{margin:10px 0px 10px 0px;display:flex;}.button-bar.button-bar--full-width{justify-content:space-between;align-items:center;}.button-bar_item{margin:20px 20px 20px 20px;}.button-bar_item.button-bar__item--secondary{font-size:0.8rem;color:#444444;}.button.button--secondary{font-weight:400;background-color:rgba(221,221,221,0.5);}.h-space{margin:0px 10px 0px 10px;}.button--tertiary{background-color:transparent;font-weight:400;}.button:hover{color:#ff6600;background-color:transparent;border:1px solid #dddddd;}.button.button--secondary:hover{background-color:white;}#imgx81{min-height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;}#in62y2{width:100%;display:flex;justify-content:center;}.big-button{border-radius:5px 5px 5px 5px;font-size:15px;margin:10px 10px 10px 10px;padding:15px 30px 15px 30px;font-weight:400;}#i9msnk{padding:10px;display:inline;}#i6akll{padding:10px;display:inline;}#ixzhcr{padding:10px;position:absolute;display:none;}#ighycb{padding:10px;}#it2175{padding:10px;}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
* { box-sizing: border-box; } body {margin: 0;}.nav__item{margin:0px 10px 0px 10px;font-size:0.8rem;padding:24px 0px 24px 0px;color:grey;font-weight:700;}.body{font-family:"Roboto", sans-serif;background-color:#f0f0f0;}.header{display:flex;align-items:center;justify-content:space-between;background-color:#ffffff;}.padding-normal{padding:0px 24px 0px 24px;}#i9jq{display:flex;}.nav{width:100%;margin:0px 20px 0px 20px;}#iz63r{min-height:90vh;}.subtitle{font-size:1rem;margin:0px 0px 20px 0px;}.section{max-width:1200px;margin:80px auto 80px auto;}.subtitle.color--light{color:#636363;font-weight:700;}.button{font-weight:700;font-size:0.8rem;padding:8px 15px 8px 15px;display:inline-block;border:1px solid transparent;transition:all 0.18s ease-out;font-family:"Roboto", sans-serif;}.button.button--primary{background-color:#5e85a8;color:white;}.button-bar{margin:10px 0px 10px 0px;display:flex;}#ibsgw{position:relative;top:3px;}.button-bar.button-bar--full-width{justify-content:space-between;align-items:center;}.button-bar_item{margin:20px 20px 20px 20px;}.button-bar_item.button-bar__item--secondary{font-size:0.8rem;color:#444444;}.button.button--secondary{font-weight:400;background-color:rgba(221,221,221,0.5);}.bg-white{background-color:#ffffff;}.rounded{border-radius:2px 2px 2px 2px;}#ilzpl{min-height:100px;}#i238z{padding:10px;}.footer{display:block;margin:20px 0px 0 0px;padding:1px 0px 1px 0px;}.skeleton-text.skeleton{background-color:#dddddd;color:transparent;opacity:0.31;border-radius:5px 5px 5px 5px;}.skeleton.skeleton-button{color:transparent;opacity:0.16;}.skeleton-anim{position:relative;}.nav__item.active{color:black;}.margin-20{margin:20px 0px 20px 0px;}#i0ro3{display:none;}.loading__item.loaded-true{display:none;}#i69a7{width:100%;}.flex-no-shrink{flex-shrink:0;}.button--small{padding:3px 12px 4px 12px;}.form{padding:10px 10px 10px 10px;border-radius:5px 5px 5px 5px;}#i1nmbc{flex-shrink:0;}.input{padding:10px 10px 10px 10px;background-color:transparent;border:1px solid #5e85a8;}.full-width{width:100%;}.v-space{margin:10px 0px 10px 0px;}#ihwwxz{min-height:100px;}.box{border:2px solid #5e85a8;}.box__header{margin:0px 0px 0px 0px;padding:10px 0px 10px 10px;}.box.horizontal{align-items:center;}.horizontal{display:flex;align-items:center;}.h-space{margin:0px 10px 0px 10px;}.button--tertiary{background-color:transparent;font-weight:400;}.icon-font{font-size:1.5rem;line-height:1px;margin:0px 2px 0px 2px;}.lang__item{margin:0px 5px 0px 5px;}.top-space-40{margin:40px 0 0 0;}.nav__logo{height:50px;}.user-icon__image{width:100%;height:100%;}.user__wrapper{border:1px solid white;}.right-space{margin:0px 5px 0px 0px;}#ic9eoa{min-height:100px;}#iksw4d{padding:10px;}.button:hover{color:#ff6600;background-color:transparent;border:1px solid #dddddd;}.button.button--secondary:hover{background-color:white;}.user-icon__wrapper{border:1px solid #f0f0f0;background-color:#f0f0f0;border-radius:50% 50% 50% 50%;width:40px;height:40px;padding:5px 5px 5px 5px;}.title{margin:0 0 10px 0;font-size:2rem;font-weight:400;}
|