@cocreate/elements 1.41.1 → 1.42.1

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/docs/index.html CHANGED
@@ -1,344 +1,342 @@
1
1
  <!DOCTYPE html>
2
2
  <html lang="en">
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta http-equiv="X-UA-Compatible" content="IE=edge" />
6
- <meta name="viewport" content="width=device-width, initial-scale=1" />
7
- <meta
8
- name="description"
9
- content="Fetch content into any html element by using attributes to query data stored in CoCreate headless CMS. If data is changed it will instantly reflect in html tags"
10
- />
11
- <meta
12
- name="keywords"
13
- content="helper classes, utility classes, css framework, css library, inline style classes"
14
- />
15
- <meta name="robots" content="index,follow" />
16
- <meta
17
- property="og:image"
18
- content="https://cdn.cocreate.app/docs/elements.png"
19
- />
3
+ <head>
4
+ <meta charset="utf-8" />
5
+ <meta http-equiv="X-UA-Compatible" content="IE=edge" />
6
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
7
+ <meta
8
+ name="description"
9
+ content="Fetch content into any html element by using attributes to query data stored in CoCreate headless CMS. If data is changed it will instantly reflect in html tags" />
10
+ <meta
11
+ name="keywords"
12
+ content="helper classes, utility classes, css framework, css library, inline style classes" />
13
+ <meta name="robots" content="index,follow" />
14
+ <meta
15
+ property="og:image"
16
+ content="https://cdn.cocreate.app/docs/elements.png" />
20
17
 
21
- <title>CoCreate-elements Documentation | CoCreateJS</title>
18
+ <title>CoCreate-elements Documentation | CoCreateJS</title>
22
19
 
23
- <!-- CoCreate Favicon -->
24
- <link
25
- rel="icon"
26
- type="image/png"
27
- sizes="32x32"
28
- href="https://cocreate.app/images/favicon.ico"
29
- />
30
- <link
31
- rel="stylesheet"
32
- href="../index.css"
33
- array="files"
34
- object="60888216117c640e7596303f"
35
- key="src"
36
- type="text/css"
37
- save="true"
38
- />
39
- <link rel="manifest" href="/manifest.webmanifest" />
40
- </head>
20
+ <!-- CoCreate Favicon -->
21
+ <link
22
+ rel="icon"
23
+ type="image/png"
24
+ sizes="32x32"
25
+ href="https://cocreate.app/images/favicon.ico" />
26
+ <link
27
+ rel="stylesheet"
28
+ href="../index.css"
29
+ array="files"
30
+ object="60888216117c640e7596303f"
31
+ key="src"
32
+ type="text/css"
33
+ save="true" />
34
+ <link rel="manifest" href="/manifest.webmanifest" />
35
+ </head>
41
36
 
42
- <body>
43
- <!-- Navbar -->
44
- <nav
45
- class="width:100% display:flex align-items:center background:transparent padding-top:10px padding-bottom:10px"
46
- content_id="content"
47
- scroll="sticky-nav,"
48
- scroll-up="5"
49
- scroll-down="5"
50
- path="../"
51
- src="../components/navbar.html"
52
- ></nav>
53
- <sidenav
54
- id="menuL"
55
- class="position:fixed top:0px left:0px overflow:hidden background:whitesmoke height:100vh width:0px width:300px@xl"
56
- resizable
57
- resize-selector="[content_id='content']"
58
- resize-property="margin-left"
59
- resize-value="width"
60
- >
61
- <menu array="files" object="603717b07de7fb350ae9fec8" key="src"></menu>
62
- <div resize="right"></div>
63
- </sidenav>
64
- <main
65
- class="padding-top:15px padding:15px@lg@xl"
66
- content_id="content"
67
- id="cocreate-elements"
68
- >
69
- <div
70
- class="display:flex flex-wrap:wrap justify-content:space-between position:relative margin:10px"
71
- >
72
- <div class="display:flex align-items:center">
73
- <h2>CoCreate-elements</h2>
74
- </div>
75
- <div
76
- class="display:flex align-items:center font-size:20px position:absolute right:0 padding:5px background:white"
77
- >
78
- <div
79
- class="display:flex align-items:center transition:0.3s padding-left:10px"
80
- share-network="true"
81
- share-text="Fetch content into any html element by using attributes to query data stored in CoCreate headless CMS. If data is changed it will instantly reflect in html tags"
82
- share-title="CoCreate elements"
83
- share-height="600"
84
- share-width="700"
85
- share-media="https://cdn.cocreate.app/docs/elements.png"
86
- hover="display:block!important"
87
- hover-selector=".social-networks"
88
- >
89
- <div class="display:none social-networks">
90
- <a
91
- class="margin-right:15px"
92
- share-network="twitter"
93
- title="Share on twitter"
94
- ><i src="/assets/svg/twitter.svg"></i
95
- ></a>
96
- <a
97
- class="margin-right:15px"
98
- share-network="facebook"
99
- title="Share on Facebook"
100
- ><i src="/assets/svg/facebook.svg"></i
101
- ></a>
102
- <a
103
- class="margin-right:15px"
104
- share-network="instagram"
105
- title="Share on instagram"
106
- ><i src="/assets/svg/instagram.svg"></i
107
- ></a>
108
- </div>
109
- <a
110
- class="margin-right:15px"
111
- share-network="share"
112
- title="Share on share"
113
- ><i src="/assets/svg/share-alt.svg"></i
114
- ></a>
115
- </div>
116
- <a
117
- href="https://github.com/CoCreate-app/CoCreate-elements"
118
- target="_blank"
119
- class="margin-right:15px"
120
- ><i src="/assets/svg/github.svg"></i
121
- ></a>
122
- </div>
123
- </div>
124
- <h1
125
- class="max-width:500px margin:20px_10px line-height:1.5 font-size:16px font-weight:100"
126
- >
127
- Fetch content into any html element by using html5 attributes to query
128
- data stored in CoCreate headless CMS. If data is changed it will
129
- instantly reflect in html tags as changes are broadcasted in realtime
130
- </h1>
131
- <div id="elements-section" class="display:flex flex-wrap:wrap">
132
- <div
133
- class="flex-grow:1 width:400px width:300px@xs padding:0px_10px margin-top:60px"
134
- >
135
- <div
136
- id="elements-install"
137
- class="border-bottom:1px_solid_lightgrey"
138
- scroll
139
- scroll-intersect="color:dodgerblue"
140
- scroll-selector="#elements-install-section"
141
- >
142
- <span
143
- class="display:flex align-items:center width:fit-content"
144
- hover="display:block!important"
145
- hover-selector="[href='#elements-install']"
146
- >
147
- <h2 class="padding:5px_0px">Install</h2>
148
- <a class="margin-left:10px display:none" href="#elements-install"
149
- ><i src="/assets/svg/link.svg"></i
150
- ></a>
151
- </span>
152
- </div>
153
- <pre><code class="language-bash">npm i @cocreate/elements</code></pre>
154
- <p class="padding:10px_0px line-height:1.5">
155
- Or you can use cdn link:
156
- </p>
157
- <pre><code class="language-html">&lt;script&gt;https://cdn.cocreate.app/elements/latest/CoCreate-elements.min.js&lt;/script&gt;</code></pre>
37
+ <body>
38
+ <!-- Navbar -->
39
+ <nav
40
+ class="width:100% display:flex align-items:center background:transparent padding-top:10px padding-bottom:10px"
41
+ content_id="content"
42
+ scroll="sticky-nav,"
43
+ scroll-up="5"
44
+ scroll-down="5"
45
+ path="../"
46
+ src="../components/navbar.html"></nav>
47
+ <sidenav
48
+ id="menuL"
49
+ class="position:fixed top:0px left:0px overflow:hidden background:whitesmoke height:100vh width:0px width:300px@xl"
50
+ resizable
51
+ resize-query="[content_id='content']"
52
+ resize-property="margin-left"
53
+ resize-value="width">
54
+ <menu
55
+ array="files"
56
+ object="603717b07de7fb350ae9fec8"
57
+ key="src"></menu>
58
+ <div resize="right"></div>
59
+ </sidenav>
60
+ <main
61
+ class="padding-top:15px padding:15px@lg@xl"
62
+ content_id="content"
63
+ id="cocreate-elements">
64
+ <div
65
+ class="display:flex flex-wrap:wrap justify-content:space-between position:relative margin:10px">
66
+ <div class="display:flex align-items:center">
67
+ <h2>CoCreate-elements</h2>
68
+ </div>
69
+ <div
70
+ class="display:flex align-items:center font-size:20px position:absolute right:0 padding:5px background:white">
71
+ <div
72
+ class="display:flex align-items:center transition:0.3s padding-left:10px"
73
+ share-network="true"
74
+ share-text="Fetch content into any html element by using attributes to query data stored in CoCreate headless CMS. If data is changed it will instantly reflect in html tags"
75
+ share-title="CoCreate elements"
76
+ share-height="600"
77
+ share-width="700"
78
+ share-media="https://cdn.cocreate.app/docs/elements.png"
79
+ hover="display:block!important"
80
+ hover-query=".social-networks">
81
+ <div class="display:none social-networks">
82
+ <a
83
+ class="margin-right:15px"
84
+ share-network="twitter"
85
+ title="Share on twitter"
86
+ ><i src="/assets/svg/twitter.svg"></i
87
+ ></a>
88
+ <a
89
+ class="margin-right:15px"
90
+ share-network="facebook"
91
+ title="Share on Facebook"
92
+ ><i src="/assets/svg/facebook.svg"></i
93
+ ></a>
94
+ <a
95
+ class="margin-right:15px"
96
+ share-network="instagram"
97
+ title="Share on instagram"
98
+ ><i src="/assets/svg/instagram.svg"></i
99
+ ></a>
100
+ </div>
101
+ <a
102
+ class="margin-right:15px"
103
+ share-network="share"
104
+ title="Share on share"
105
+ ><i src="/assets/svg/share-alt.svg"></i
106
+ ></a>
107
+ </div>
108
+ <a
109
+ href="https://github.com/CoCreate-app/CoCreate-elements"
110
+ target="_blank"
111
+ class="margin-right:15px"
112
+ ><i src="/assets/svg/github.svg"></i
113
+ ></a>
114
+ </div>
115
+ </div>
116
+ <h1
117
+ class="max-width:500px margin:20px_10px line-height:1.5 font-size:16px font-weight:100">
118
+ Fetch content into any html element by using html5 attributes to
119
+ query data stored in CoCreate headless CMS. If data is changed
120
+ it will instantly reflect in html tags as changes are
121
+ broadcasted in realtime
122
+ </h1>
123
+ <div id="elements-section" class="display:flex flex-wrap:wrap">
124
+ <div
125
+ class="flex-grow:1 width:400px width:300px@xs padding:0px_10px margin-top:60px">
126
+ <div
127
+ id="elements-install"
128
+ class="border-bottom:1px_solid_lightgrey"
129
+ scroll
130
+ scroll-intersect="color:dodgerblue"
131
+ scroll-query="#elements-install-section">
132
+ <span
133
+ class="display:flex align-items:center width:fit-content"
134
+ hover="display:block!important"
135
+ hover-query="[href='#elements-install']">
136
+ <h2 class="padding:5px_0px">Install</h2>
137
+ <a
138
+ class="margin-left:10px display:none"
139
+ href="#elements-install"
140
+ ><i src="/assets/svg/link.svg"></i
141
+ ></a>
142
+ </span>
143
+ </div>
144
+ <pre><code class="language-bash">npm i @cocreate/elements</code></pre>
145
+ <p class="padding:10px_0px line-height:1.5">
146
+ Or you can use cdn link:
147
+ </p>
148
+ <pre><code class="language-html">&lt;script&gt;https://cdn.cocreate.app/elements/latest/CoCreate-elements.min.js&lt;/script&gt;</code></pre>
158
149
 
159
- <div
160
- id="elements-usage"
161
- class="margin-top:80px border-bottom:1px_solid_lightgrey"
162
- scroll
163
- scroll-intersect="color:dodgerblue"
164
- scroll-selector="#elements-usage-section"
165
- >
166
- <span
167
- class="display:flex align-items:center width:fit-content"
168
- hover="display:block!important"
169
- hover-selector="[href='#elements-usage']"
170
- >
171
- <h2 class="padding:5px_0px">Usage</h2>
172
- <a class="margin-left:10px display:none" href="#elements-usage"
173
- ><i src="/assets/svg/link.svg"></i
174
- ></a>
175
- </span>
176
- </div>
177
- <div class="">
178
- <p class="padding:10px_0px line-height:1.5">
179
- This is elements usage
180
- </p>
150
+ <div
151
+ id="elements-usage"
152
+ class="margin-top:80px border-bottom:1px_solid_lightgrey"
153
+ scroll
154
+ scroll-intersect="color:dodgerblue"
155
+ scroll-query="#elements-usage-section">
156
+ <span
157
+ class="display:flex align-items:center width:fit-content"
158
+ hover="display:block!important"
159
+ hover-query="[href='#elements-usage']">
160
+ <h2 class="padding:5px_0px">Usage</h2>
161
+ <a
162
+ class="margin-left:10px display:none"
163
+ href="#elements-usage"
164
+ ><i src="/assets/svg/link.svg"></i
165
+ ></a>
166
+ </span>
167
+ </div>
168
+ <div class="">
169
+ <p class="padding:10px_0px line-height:1.5">
170
+ This is elements usage
171
+ </p>
181
172
 
182
- <div class="flex-grow:1 min-width:300px width:100%">
183
- <pre><code class="language-html">&lt;div&gt;&lt;/div&gt;</code></pre>
184
- </div>
185
- <p class="padding:10px_0px line-height:1.5">
186
- This is elements usage
187
- </p>
188
- <p class="padding:10px_0px line-height:1.5">
189
- This is elements usage
190
- </p>
191
- </div>
192
- <div
193
- id="elements-attributes"
194
- class="margin-top:80px border-bottom:1px_solid_lightgrey"
195
- scroll
196
- scroll-intersect="color:dodgerblue"
197
- scroll-selector="#elements-attributes-section"
198
- >
199
- <span
200
- class="display:flex align-items:center width:fit-content"
201
- hover="display:block!important"
202
- hover-selector="[href='#elements-attributes']"
203
- >
204
- <h2 class="padding:5px_0px">Attributes</h2>
205
- <a
206
- class="margin-left:10px display:none"
207
- href="#elements-attributes"
208
- ><i src="/assets/svg/link.svg"></i
209
- ></a>
210
- </span>
211
- </div>
212
- <ul class="list-style-type:none">
213
- <li class="padding:15px_0px border-bottom:1px_solid_lightgrey">
214
- <h4>
215
- <span>elements</span>
216
- <span class="cocreate-badge success">string</span>
217
- <span class="cocreate-badge warning">optional</span>
218
- </h4>
219
- <p>elements-attribute</p>
220
- </li>
221
- <li class="padding:15px_0px border-bottom:1px_solid_lightgrey">
222
- <h4>
223
- <span>elements</span>
224
- <span class="cocreate-badge success">string</span>
225
- <span class="cocreate-badge warning">optional</span>
226
- </h4>
227
- <p>elements-attribute</p>
228
- </li>
229
- </ul>
230
- </div>
173
+ <div class="flex-grow:1 min-width:300px width:100%">
174
+ <pre><code class="language-html">&lt;div&gt;&lt;/div&gt;</code></pre>
175
+ </div>
176
+ <p class="padding:10px_0px line-height:1.5">
177
+ This is elements usage
178
+ </p>
179
+ <p class="padding:10px_0px line-height:1.5">
180
+ This is elements usage
181
+ </p>
182
+ </div>
183
+ <div
184
+ id="elements-attributes"
185
+ class="margin-top:80px border-bottom:1px_solid_lightgrey"
186
+ scroll
187
+ scroll-intersect="color:dodgerblue"
188
+ scroll-query="#elements-attributes-section">
189
+ <span
190
+ class="display:flex align-items:center width:fit-content"
191
+ hover="display:block!important"
192
+ hover-query="[href='#elements-attributes']">
193
+ <h2 class="padding:5px_0px">Attributes</h2>
194
+ <a
195
+ class="margin-left:10px display:none"
196
+ href="#elements-attributes"
197
+ ><i src="/assets/svg/link.svg"></i
198
+ ></a>
199
+ </span>
200
+ </div>
201
+ <ul class="list-style-type:none">
202
+ <li
203
+ class="padding:15px_0px border-bottom:1px_solid_lightgrey">
204
+ <h4>
205
+ <span>elements</span>
206
+ <span class="cocreate-badge success"
207
+ >string</span
208
+ >
209
+ <span class="cocreate-badge warning"
210
+ >optional</span
211
+ >
212
+ </h4>
213
+ <p>elements-attribute</p>
214
+ </li>
215
+ <li
216
+ class="padding:15px_0px border-bottom:1px_solid_lightgrey">
217
+ <h4>
218
+ <span>elements</span>
219
+ <span class="cocreate-badge success"
220
+ >string</span
221
+ >
222
+ <span class="cocreate-badge warning"
223
+ >optional</span
224
+ >
225
+ </h4>
226
+ <p>elements-attribute</p>
227
+ </li>
228
+ </ul>
229
+ </div>
231
230
 
232
- <div
233
- class="flex-grow:1 width:300px padding:0px_10px margin-top:60px border-bottom:1px_solid_lightgrey"
234
- >
235
- <!-- SandBox -->
236
- <div
237
- id="elements-demo"
238
- class="border-bottom:1px_solid_lightgrey"
239
- scroll
240
- scroll-intersect="color:dodgerblue"
241
- scroll-selector="#elements-demo-section"
242
- >
243
- <span
244
- class="display:flex align-items:center width:fit-content"
245
- hover="display:block!important"
246
- hover-selector="[href='#elements-demo']"
247
- >
248
- <h2 class="padding:5px_0px">Demo</h2>
249
- <a class="margin-left:10px display:none" href="#elements-demo"
250
- ><i src="/assets/svg/link.svg"></i
251
- ></a>
252
- </span>
253
- </div>
254
- <div class="position:sticky top:0 padding:15px_0px height:100vh">
255
- <!-- SandBox -->
256
- <div
257
- class="display:flex flex-direction:column position:relative overflow:hidden card border-radius:2px width:auto height:600px margin-top:20px"
258
- id="playground"
259
- >
260
- <div
261
- id="demo-code"
262
- resizable
263
- class="position:relative height:50%"
264
- >
265
- <textarea
266
- type="code"
267
- lang="html"
268
- array="demos"
269
- object=""
270
- key="demo"
271
- save="false"
272
- id="demo"
273
- class="height:100% width:100% outline:none border:none resize:none padding:5px"
274
- ></textarea>
275
- <div resize="bottom" class="background:lightgrey"></div>
276
- </div>
231
+ <div
232
+ class="flex-grow:1 width:300px padding:0px_10px margin-top:60px border-bottom:1px_solid_lightgrey">
233
+ <!-- SandBox -->
234
+ <div
235
+ id="elements-demo"
236
+ class="border-bottom:1px_solid_lightgrey"
237
+ scroll
238
+ scroll-intersect="color:dodgerblue"
239
+ scroll-query="#elements-demo-section">
240
+ <span
241
+ class="display:flex align-items:center width:fit-content"
242
+ hover="display:block!important"
243
+ hover-query="[href='#elements-demo']">
244
+ <h2 class="padding:5px_0px">Demo</h2>
245
+ <a
246
+ class="margin-left:10px display:none"
247
+ href="#elements-demo"
248
+ ><i src="/assets/svg/link.svg"></i
249
+ ></a>
250
+ </span>
251
+ </div>
252
+ <div
253
+ class="position:sticky top:0 padding:15px_0px height:100vh">
254
+ <!-- SandBox -->
255
+ <div
256
+ class="display:flex flex-direction:column position:relative overflow:hidden card border-radius:2px width:auto height:600px margin-top:20px"
257
+ id="playground">
258
+ <div
259
+ id="demo-code"
260
+ resizable
261
+ class="position:relative height:50%">
262
+ <textarea
263
+ type="code"
264
+ lang="html"
265
+ array="demos"
266
+ object=""
267
+ key="demo"
268
+ save="false"
269
+ id="demo"
270
+ class="height:100% width:100% outline:none border:none resize:none padding:5px"></textarea>
271
+ <div
272
+ resize="bottom"
273
+ class="background:lightgrey"></div>
274
+ </div>
277
275
 
278
- <div
279
- id="demo-preview"
280
- class="position:relative overflow:auto background-color:white"
281
- >
282
- <div class="demopreview padding:20px"></div>
283
- </div>
276
+ <div
277
+ id="demo-preview"
278
+ class="position:relative overflow:auto background-color:white">
279
+ <div class="demopreview padding:20px"></div>
280
+ </div>
284
281
 
285
- <div
286
- class="font-size:20px position:absolute top:10px right:10px opacity:0.6"
287
- >
288
- <a
289
- class="margin-right:10px"
290
- id="eye"
291
- show="#eye-slash"
292
- hide="#eye, #demo-preview"
293
- toggle="code-height"
294
- toggle-selector="#demo-code"
295
- ><i class="height:18px" src="/assets/svg/eye.svg"></i
296
- ></a>
297
- <a
298
- class="margin-right:10px"
299
- hidden
300
- id="eye-slash"
301
- show="#eye, #demo-preview"
302
- hide="#eye-slash"
303
- toggle="code-height"
304
- toggle-selector="#demo-code"
305
- ><i src="/assets/svg/eye-slash.svg"></i
306
- ></a>
307
- <a
308
- class="margin-right:10px"
309
- id="code"
310
- show="#code-slash"
311
- hide="#code, #demo-code"
312
- ><i src="/assets/svg/code.svg"></i
313
- ></a>
314
- <a
315
- class="margin-right:10px"
316
- hidden
317
- id="code-slash"
318
- show="#code, #demo-code"
319
- hide="#code-slash"
320
- ><i class="height:18px" src="/assets/svg/code.svg"></i
321
- ></a>
322
- <a
323
- class="margin-right:5px"
324
- fullscreen
325
- fullscreen-selector="#playground"
326
- ></a>
327
- </div>
328
- </div>
329
- <!-- End SandBox -->
330
- </div>
331
- </div>
332
- </div>
333
- <button
334
- href="https://github.com/CoCreate-app/CoCreate-elements/tree/master/docs/index.html?message=docs%3A%20describe%20your%20change..."
335
- target="_blank"
336
- class="display:flex justify-content:center align-items:center position:fixed bottom:15px right:15px height:50px width:50px border-radius:50% box-shadow:0px_2px_10px_0px_rgba(0,_0,_0,_0.4)"
337
- >
338
- <i src="../assets/svg/pencil-alt.svg"></i>
339
- </button>
340
- </main>
282
+ <div
283
+ class="font-size:20px position:absolute top:10px right:10px opacity:0.6">
284
+ <a
285
+ class="margin-right:10px"
286
+ id="eye"
287
+ show="#eye-slash"
288
+ hide="#eye, #demo-preview"
289
+ toggle="code-height"
290
+ toggle-query="#demo-code"
291
+ ><i
292
+ class="height:18px"
293
+ src="/assets/svg/eye.svg"></i
294
+ ></a>
295
+ <a
296
+ class="margin-right:10px"
297
+ hidden
298
+ id="eye-slash"
299
+ show="#eye, #demo-preview"
300
+ hide="#eye-slash"
301
+ toggle="code-height"
302
+ toggle-query="#demo-code"
303
+ ><i src="/assets/svg/eye-slash.svg"></i
304
+ ></a>
305
+ <a
306
+ class="margin-right:10px"
307
+ id="code"
308
+ show="#code-slash"
309
+ hide="#code, #demo-code"
310
+ ><i src="/assets/svg/code.svg"></i
311
+ ></a>
312
+ <a
313
+ class="margin-right:10px"
314
+ hidden
315
+ id="code-slash"
316
+ show="#code, #demo-code"
317
+ hide="#code-slash"
318
+ ><i
319
+ class="height:18px"
320
+ src="/assets/svg/code.svg"></i
321
+ ></a>
322
+ <a
323
+ class="margin-right:5px"
324
+ fullscreen
325
+ fullscreen-query="#playground"></a>
326
+ </div>
327
+ </div>
328
+ <!-- End SandBox -->
329
+ </div>
330
+ </div>
331
+ </div>
332
+ <button
333
+ href="https://github.com/CoCreate-app/CoCreate-elements/tree/master/docs/index.html?message=docs%3A%20describe%20your%20change..."
334
+ target="_blank"
335
+ class="display:flex justify-content:center align-items:center position:fixed bottom:15px right:15px height:50px width:50px border-radius:50% box-shadow:0px_2px_10px_0px_rgba(0,_0,_0,_0.4)">
336
+ <i src="../assets/svg/pencil-alt.svg"></i>
337
+ </button>
338
+ </main>
341
339
 
342
- <script src="https://CoCreate.app/dist/CoCreate.js"></script>
343
- </body>
340
+ <script src="https://CoCreate.app/dist/CoCreate.js"></script>
341
+ </body>
344
342
  </html>