Skip to content

Commit 4647d0b

Browse files
frankpaganfrankpagan
committed
fix: update docs
1 parent 8495586 commit 4647d0b

File tree

8 files changed

+544
-549
lines changed

8 files changed

+544
-549
lines changed

‎docs/components/menu.html‎

Lines changed: 224 additions & 281 deletions
Large diffs are not rendered by default.

‎docs/components/navbar.html‎

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -99,7 +99,10 @@
9999
</div>
100100

101101
<!--fullscreen toogle and icon transform-->
102-
<a class="margin-right:15px" fullscreen></a>
102+
<a class="margin-right:15px" fullscreen>
103+
<i src="../assets/svg/expand.svg"></i>
104+
<i src="../assets/svg/compress.svg"></i>
105+
</a>
103106
</div>
104107

105108
<!-- Avatar -->

‎docs/elements.html‎

Lines changed: 68 additions & 53 deletions
Original file line numberDiff line numberDiff line change
@@ -1,26 +1,37 @@
11
<!DOCTYPE html>
22
<html lang="en">
33
<head>
4-
<meta charset="utf-8" />
4+
<meta charset="UTF-8" />
5+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
56
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
6-
<meta name="viewport" content="width=device-width, initial-scale=1" />
7+
78
<title>CoCreateJS - Collaborative Html elements</title>
89
<meta
910
name="description"
1011
content="A codeless Javascript framework for building collaborative no code platforms, apps and UI" />
12+
13+
<meta name="keywords" content="web apps, AI, design, development" />
14+
<meta name="robots" content="index, follow" />
15+
<meta name="author" content="CoCreate" />
16+
<meta name="generator" content="CoCreateJS" />
17+
18+
<!-- Canonical Tag -->
19+
<link rel="canonical" href="https://cocreate.app" />
20+
1121
<link
1222
rel="icon"
1323
type="image/png"
1424
sizes="32x32"
15-
href="https://cocreate.app/images/favicon.ico" />
25+
href="../assets/favicon.ico" />
1626

1727
<link
1828
rel="stylesheet"
1929
href="../index.css"
2030
array="files"
2131
object="60888216117c640e7596303f"
2232
key="src"
23-
type="text/css" />
33+
type="text/css"
34+
parse="true" />
2435

2536
<!-- Google tag (gtag.js) -->
2637
<script
@@ -46,40 +57,26 @@
4657

4758
<body>
4859
<nav
49-
class="width:100% display:flex align-items:center background:transparent padding-top:10px padding-bottom:10px"
5060
content_id="content"
5161
scroll="sticky-nav,"
5262
scroll-up="5"
5363
scroll-down="5"
5464
path="../"
5565
src="../components/navbar.html"></nav>
56-
<sidenav
57-
id="menuL"
58-
class="position:fixed top:0px left:0px overflow:hidden background:whitesmoke height:100vh width:0px width:300px@xl"
59-
resizable
60-
resize-selector="[content_id='content']"
61-
resize-property="margin-left"
62-
resize-value="width">
63-
<menu
64-
array="files"
65-
object="603717b07de7fb350ae9fec8"
66-
key="src"></menu>
67-
<div resize="right"></div>
68-
</sidenav>
6966

7067
<!-- Modal Viewport/Boundaries -->
7168
<!--<div class="position:fixed margin-top:50px" content_id="content" id="modal-viewport"></div>-->
7269

7370
<!-- Main Content -->
74-
<main class="padding-top:15px padding:15px@lg@xl" content_id="content">
71+
<main class="padding:15px padding:25px@lg@xl" content_id="content">
7572
<section>
7673
<div
7774
class="display:flex flex-wrap:wrap justify-content:space-between position:relative margin:10px">
7875
<div class="display:flex align-items:center">
7976
<h2>CoCreateJS</h2>
8077
</div>
8178
<div
82-
class="display:flex align-items:center font-size:20px position:absolute right:0 padding:5px background:white">
79+
class="display:flex align-items:center font-size:20px position:absolute right:0 padding:5px">
8380
<div
8481
class="display:flex align-items:center transition:0.3s padding-left:10px"
8582
share-network="true"
@@ -199,7 +196,7 @@ <h3 class="padding-top:20px">Input</h3>
199196
key="input-demo"
200197
save="false"
201198
id="input-demo"
202-
input-selector=".input-demo"
199+
input-selector="document; .input-demo"
203200
input-attribute="value"
204201
input-events="input, onload"
205202
class="height:100% width:100% outline:none border:none resize:none padding:5px"></textarea>
@@ -210,7 +207,7 @@ <h3 class="padding-top:20px">Input</h3>
210207

211208
<div
212209
id="input-demo-preview"
213-
class="position:relative overflow:auto background-color:white">
210+
class="position:relative overflow:auto">
214211
<div class="input-demo padding:20px"></div>
215212
</div>
216213

@@ -287,7 +284,7 @@ <h3 class="padding-top:20px">Textarea</h3>
287284
key="textarea-demo"
288285
save="false"
289286
id="textarea-demo"
290-
input-selector=".textarea-demo"
287+
input-selector="document; .textarea-demo"
291288
input-attribute="value"
292289
input-events="input, onload"
293290
class="height:100% width:100% outline:none border:none resize:none padding:5px"></textarea>
@@ -298,7 +295,7 @@ <h3 class="padding-top:20px">Textarea</h3>
298295

299296
<div
300297
id="textarea-demo-preview"
301-
class="position:relative overflow:auto background-color:white">
298+
class="position:relative overflow:auto">
302299
<div class="textarea-demo padding:20px"></div>
303300
</div>
304301

@@ -381,7 +378,7 @@ <h3 class="padding-top:20px">Contenteditable</h3>
381378
key="contenteditable-demo"
382379
save="false"
383380
id="contenteditable-demo"
384-
input-selector=".contenteditable-demo"
381+
input-selector="document; .contenteditable-demo"
385382
input-attribute="value"
386383
input-events="input, onload"
387384
class="height:100% width:100% outline:none border:none resize:none padding:5px"></textarea>
@@ -392,7 +389,7 @@ <h3 class="padding-top:20px">Contenteditable</h3>
392389

393390
<div
394391
id="contenteditable-demo-preview"
395-
class="position:relative overflow:auto background-color:white">
392+
class="position:relative overflow:auto">
396393
<div
397394
class="contenteditable-demo padding:20px"></div>
398395
</div>
@@ -472,7 +469,7 @@ <h3 class="padding-top:20px">Radio</h3>
472469
key="radio-demo"
473470
save="false"
474471
id="radio-demo"
475-
input-selector=".radio-demo"
472+
input-selector="document; .radio-demo"
476473
input-attribute="value"
477474
input-events="input, onload"
478475
class="height:100% width:100% outline:none border:none resize:none padding:5px"></textarea>
@@ -483,7 +480,7 @@ <h3 class="padding-top:20px">Radio</h3>
483480

484481
<div
485482
id="radio-demo-preview"
486-
class="position:relative overflow:auto background-color:white">
483+
class="position:relative overflow:auto">
487484
<div class="radio-demo padding:20px"></div>
488485
</div>
489486

@@ -561,7 +558,7 @@ <h3 class="padding-top:20px">Checkbox</h3>
561558
key="checkbox-demo"
562559
save="false"
563560
id="checkbox-demo"
564-
input-selector=".checkbox-demo"
561+
input-selector="document; .checkbox-demo"
565562
input-attribute="value"
566563
input-events="input, onload"
567564
class="height:100% width:100% outline:none border:none resize:none padding:5px"></textarea>
@@ -572,7 +569,7 @@ <h3 class="padding-top:20px">Checkbox</h3>
572569

573570
<div
574571
id="checkbox-demo-preview"
575-
class="position:relative overflow:auto background-color:white">
572+
class="position:relative overflow:auto">
576573
<div class="checkbox-demo padding:20px"></div>
577574
</div>
578575

@@ -649,7 +646,7 @@ <h3 class="padding-top:20px">Select</h3>
649646
key="select-demo"
650647
save="false"
651648
id="select-demo"
652-
input-selector=".select-demo"
649+
input-selector="document; .select-demo"
653650
input-attribute="value"
654651
input-events="input, onload"
655652
class="height:100% width:100% outline:none border:none resize:none padding:5px"></textarea>
@@ -660,7 +657,7 @@ <h3 class="padding-top:20px">Select</h3>
660657

661658
<div
662659
id="select-demo-preview"
663-
class="position:relative overflow:auto background-color:white">
660+
class="position:relative overflow:auto">
664661
<div class="select-demo padding:20px"></div>
665662
</div>
666663

@@ -743,7 +740,7 @@ <h3 class="padding-top:20px">Form</h3>
743740
key="form-demo"
744741
save="false"
745742
id="form-demo"
746-
input-selector=".form-demo"
743+
input-selector="document; .form-demo"
747744
input-attribute="value"
748745
input-events="input, onload"
749746
class="height:100% width:100% outline:none border:none resize:none padding:5px"></textarea>
@@ -754,7 +751,7 @@ <h3 class="padding-top:20px">Form</h3>
754751

755752
<div
756753
id="form-demo-preview"
757-
class="position:relative overflow:auto background-color:white">
754+
class="position:relative overflow:auto">
758755
<div class="form-demo padding:20px"></div>
759756
</div>
760757

@@ -854,7 +851,7 @@ <h3 class="padding-top:20px">Actions</h3>
854851
key="actions-demo"
855852
save="false"
856853
id="actions-demo"
857-
input-selector=".actions-demo"
854+
input-selector="document; .actions-demo"
858855
input-attribute="value"
859856
input-events="input, onload"
860857
class="height:100% width:100% outline:none border:none resize:none padding:5px"></textarea>
@@ -865,7 +862,7 @@ <h3 class="padding-top:20px">Actions</h3>
865862

866863
<div
867864
id="actions-demo-preview"
868-
class="position:relative overflow:auto background-color:white">
865+
class="position:relative overflow:auto">
869866
<div class="actions-demo padding:20px"></div>
870867
</div>
871868

@@ -1245,40 +1242,58 @@ <h4>
12451242
</ul>
12461243
</section>
12471244
</div>
1248-
<!-- Previous &amp; Next -->
1249-
<div
1250-
class="padding:10px width:100% margin-top:20px display:flex flex-wrap:wrap justify-content:flex-start">
1245+
1246+
<!-- Previous & Next -->
1247+
<section
1248+
class="width:100% margin-top:20px display:flex flex-wrap:wrap">
12511249
<div
12521250
class="padding:30px_15px border:1px_solid_#ddd flex-basis:50%">
1253-
<p class="color:#888">Previous Topic</p>
1254-
<p
1255-
class="color:#000 margin-top:10px font-size:20px font-size:12px@xs line-height:27px">
1256-
<a class="color:#1877F2:hover" href="#introduction"
1257-
>Getting started</a
1258-
>
1251+
<p>Previous Topic</p>
1252+
<p class="font-size:20px font-size:12px@xs">
1253+
<a href="#introduction">Getting started</a>
12591254
</p>
12601255
</div>
12611256
<div
12621257
class="padding:30px_15px border:1px_solid_#ddd flex-basis:50% text-align:right">
1263-
<p class="color:#888">Next Topic</p>
1264-
<p
1265-
class="color:#000 margin-top:10px font-size:20px font-size:12px@xs line-height:27px">
1266-
<a class="color:#1877F2:hover" href="./templating.html"
1258+
<p>Next Topic</p>
1259+
<p class="font-size:20px font-size:12px@xs">
1260+
<a href="./templating.html"
12671261
>Fetch a list and render the data using a
12681262
template</a
12691263
>
12701264
</p>
12711265
</div>
1272-
</div>
1266+
</section>
1267+
12731268
<button
12741269
href="https://github.com/CoCreate-app/CoCreateJS/tree/master/docs/elements.html?message=docs%3A%20describe%20your%20change..."
12751270
target="_blank"
1276-
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)">
1277-
<i class="height:20px" src="../assets/svg/pencil-alt.svg"></i>
1271+
class="button-round">
1272+
<i src="../assets/svg/pencil-alt.svg"></i>
12781273
</button>
12791274
</main>
12801275

1281-
<script src="https://CoCreate.app/dist/CoCreate.js"></script>
1276+
<!-- Footer -->
1277+
<footer
1278+
id="spreadtheword"
1279+
content_id="content"
1280+
path="../"
1281+
src="../components/footer.html"
1282+
class="margin-left:0px!important@xs@sm@md"></footer>
1283+
1284+
<!-- Sidenav -->
1285+
<sidenav
1286+
id="menuL"
1287+
class="top:0px left:0px width:0px width:300px@xl"
1288+
resizable
1289+
resize-selector="document; main, document; nav, document; footer"
1290+
resize-attribute="style"
1291+
resize-property="margin-left">
1292+
<menu path="../" src="./components/menu.html"></menu>
1293+
<div resize="right"></div>
1294+
</sidenav>
1295+
1296+
<script src="../dist/CoCreate.js"></script>
12821297
<!-- <script src="../dist/CoCreate.js"></script> -->
12831298
</body>
12841299
</html>

0 commit comments

Comments
 (0)