Skip to content

Commit

Permalink
fix: update docs
Browse files Browse the repository at this point in the history
  • Loading branch information
@frankpagan
frankpagan committed Aug 1, 2024
1 parent 8495586 commit 4647d0b
Show file tree
Hide file tree
Showing 8 changed files with 544 additions and 549 deletions.
505 changes: 224 additions & 281 deletions docs/components/menu.html
View file

Large diffs are not rendered by default.

5 changes: 4 additions & 1 deletion docs/components/navbar.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -99,7 +99,10 @@
</div>

<!--fullscreen toogle and icon transform-->
<a class="margin-right:15px" fullscreen></a>
<a class="margin-right:15px" fullscreen>
<i src="../assets/svg/expand.svg"></i>
<i src="../assets/svg/compress.svg"></i>
</a>
</div>

<!-- Avatar -->
Expand Down
121 changes: 68 additions & 53 deletions docs/elements.html
View file
Original file line number Diff line number Diff line change
@@ -1,26 +1,37 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1" />

<title>CoCreateJS - Collaborative Html elements</title>
<meta
name="description"
content="A codeless Javascript framework for building collaborative no code platforms, apps and UI" />

<meta name="keywords" content="web apps, AI, design, development" />
<meta name="robots" content="index, follow" />
<meta name="author" content="CoCreate" />
<meta name="generator" content="CoCreateJS" />

<!-- Canonical Tag -->
<link rel="canonical" href="https://cocreate.app" />

<link
rel="icon"
type="image/png"
sizes="32x32"
href="https://cocreate.app/images/favicon.ico" />
href="../assets/favicon.ico" />

<link
rel="stylesheet"
href="../index.css"
array="files"
object="60888216117c640e7596303f"
key="src"
type="text/css" />
type="text/css"
parse="true" />

<!-- Google tag (gtag.js) -->
<script
Expand All @@ -46,40 +57,26 @@

<body>
<nav
class="width:100% display:flex align-items:center background:transparent padding-top:10px padding-bottom:10px"
content_id="content"
scroll="sticky-nav,"
scroll-up="5"
scroll-down="5"
path="../"
src="../components/navbar.html"></nav>
<sidenav
id="menuL"
class="position:fixed top:0px left:0px overflow:hidden background:whitesmoke height:100vh width:0px width:300px@xl"
resizable
resize-selector="[content_id='content']"
resize-property="margin-left"
resize-value="width">
<menu
array="files"
object="603717b07de7fb350ae9fec8"
key="src"></menu>
<div resize="right"></div>
</sidenav>

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

<!-- Main Content -->
<main class="padding-top:15px padding:15px@lg@xl" content_id="content">
<main class="padding:15px padding:25px@lg@xl" content_id="content">
<section>
<div
class="display:flex flex-wrap:wrap justify-content:space-between position:relative margin:10px">
<div class="display:flex align-items:center">
<h2>CoCreateJS</h2>
</div>
<div
class="display:flex align-items:center font-size:20px position:absolute right:0 padding:5px background:white">
class="display:flex align-items:center font-size:20px position:absolute right:0 padding:5px">
<div
class="display:flex align-items:center transition:0.3s padding-left:10px"
share-network="true"
Expand Down Expand Up @@ -199,7 +196,7 @@ <h3 class="padding-top:20px">Input</h3>
key="input-demo"
save="false"
id="input-demo"
input-selector=".input-demo"
input-selector="document; .input-demo"
input-attribute="value"
input-events="input, onload"
class="height:100% width:100% outline:none border:none resize:none padding:5px"></textarea>
Expand All @@ -210,7 +207,7 @@ <h3 class="padding-top:20px">Input</h3>

<div
id="input-demo-preview"
class="position:relative overflow:auto background-color:white">
class="position:relative overflow:auto">
<div class="input-demo padding:20px"></div>
</div>

Expand Down Expand Up @@ -287,7 +284,7 @@ <h3 class="padding-top:20px">Textarea</h3>
key="textarea-demo"
save="false"
id="textarea-demo"
input-selector=".textarea-demo"
input-selector="document; .textarea-demo"
input-attribute="value"
input-events="input, onload"
class="height:100% width:100% outline:none border:none resize:none padding:5px"></textarea>
Expand All @@ -298,7 +295,7 @@ <h3 class="padding-top:20px">Textarea</h3>

<div
id="textarea-demo-preview"
class="position:relative overflow:auto background-color:white">
class="position:relative overflow:auto">
<div class="textarea-demo padding:20px"></div>
</div>

Expand Down Expand Up @@ -381,7 +378,7 @@ <h3 class="padding-top:20px">Contenteditable</h3>
key="contenteditable-demo"
save="false"
id="contenteditable-demo"
input-selector=".contenteditable-demo"
input-selector="document; .contenteditable-demo"
input-attribute="value"
input-events="input, onload"
class="height:100% width:100% outline:none border:none resize:none padding:5px"></textarea>
Expand All @@ -392,7 +389,7 @@ <h3 class="padding-top:20px">Contenteditable</h3>

<div
id="contenteditable-demo-preview"
class="position:relative overflow:auto background-color:white">
class="position:relative overflow:auto">
<div
class="contenteditable-demo padding:20px"></div>
</div>
Expand Down Expand Up @@ -472,7 +469,7 @@ <h3 class="padding-top:20px">Radio</h3>
key="radio-demo"
save="false"
id="radio-demo"
input-selector=".radio-demo"
input-selector="document; .radio-demo"
input-attribute="value"
input-events="input, onload"
class="height:100% width:100% outline:none border:none resize:none padding:5px"></textarea>
Expand All @@ -483,7 +480,7 @@ <h3 class="padding-top:20px">Radio</h3>

<div
id="radio-demo-preview"
class="position:relative overflow:auto background-color:white">
class="position:relative overflow:auto">
<div class="radio-demo padding:20px"></div>
</div>

Expand Down Expand Up @@ -561,7 +558,7 @@ <h3 class="padding-top:20px">Checkbox</h3>
key="checkbox-demo"
save="false"
id="checkbox-demo"
input-selector=".checkbox-demo"
input-selector="document; .checkbox-demo"
input-attribute="value"
input-events="input, onload"
class="height:100% width:100% outline:none border:none resize:none padding:5px"></textarea>
Expand All @@ -572,7 +569,7 @@ <h3 class="padding-top:20px">Checkbox</h3>

<div
id="checkbox-demo-preview"
class="position:relative overflow:auto background-color:white">
class="position:relative overflow:auto">
<div class="checkbox-demo padding:20px"></div>
</div>

Expand Down Expand Up @@ -649,7 +646,7 @@ <h3 class="padding-top:20px">Select</h3>
key="select-demo"
save="false"
id="select-demo"
input-selector=".select-demo"
input-selector="document; .select-demo"
input-attribute="value"
input-events="input, onload"
class="height:100% width:100% outline:none border:none resize:none padding:5px"></textarea>
Expand All @@ -660,7 +657,7 @@ <h3 class="padding-top:20px">Select</h3>

<div
id="select-demo-preview"
class="position:relative overflow:auto background-color:white">
class="position:relative overflow:auto">
<div class="select-demo padding:20px"></div>
</div>

Expand Down Expand Up @@ -743,7 +740,7 @@ <h3 class="padding-top:20px">Form</h3>
key="form-demo"
save="false"
id="form-demo"
input-selector=".form-demo"
input-selector="document; .form-demo"
input-attribute="value"
input-events="input, onload"
class="height:100% width:100% outline:none border:none resize:none padding:5px"></textarea>
Expand All @@ -754,7 +751,7 @@ <h3 class="padding-top:20px">Form</h3>

<div
id="form-demo-preview"
class="position:relative overflow:auto background-color:white">
class="position:relative overflow:auto">
<div class="form-demo padding:20px"></div>
</div>

Expand Down Expand Up @@ -854,7 +851,7 @@ <h3 class="padding-top:20px">Actions</h3>
key="actions-demo"
save="false"
id="actions-demo"
input-selector=".actions-demo"
input-selector="document; .actions-demo"
input-attribute="value"
input-events="input, onload"
class="height:100% width:100% outline:none border:none resize:none padding:5px"></textarea>
Expand All @@ -865,7 +862,7 @@ <h3 class="padding-top:20px">Actions</h3>

<div
id="actions-demo-preview"
class="position:relative overflow:auto background-color:white">
class="position:relative overflow:auto">
<div class="actions-demo padding:20px"></div>
</div>

Expand Down Expand Up @@ -1245,40 +1242,58 @@ <h4>
</ul>
</section>
</div>
<!-- Previous &amp; Next -->
<div
class="padding:10px width:100% margin-top:20px display:flex flex-wrap:wrap justify-content:flex-start">

<!-- Previous & Next -->
<section
class="width:100% margin-top:20px display:flex flex-wrap:wrap">
<div
class="padding:30px_15px border:1px_solid_#ddd flex-basis:50%">
<p class="color:#888">Previous Topic</p>
<p
class="color:#000 margin-top:10px font-size:20px font-size:12px@xs line-height:27px">
<a class="color:#1877F2:hover" href="#introduction"
>Getting started</a
>
<p>Previous Topic</p>
<p class="font-size:20px font-size:12px@xs">
<a href="#introduction">Getting started</a>
</p>
</div>
<div
class="padding:30px_15px border:1px_solid_#ddd flex-basis:50% text-align:right">
<p class="color:#888">Next Topic</p>
<p
class="color:#000 margin-top:10px font-size:20px font-size:12px@xs line-height:27px">
<a class="color:#1877F2:hover" href="./templating.html"
<p>Next Topic</p>
<p class="font-size:20px font-size:12px@xs">
<a href="./templating.html"
>Fetch a list and render the data using a
template</a
>
</p>
</div>
</div>
</section>

<button
href="https://github.com/CoCreate-app/CoCreateJS/tree/master/docs/elements.html?message=docs%3A%20describe%20your%20change..."
target="_blank"
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)">
<i class="height:20px" src="../assets/svg/pencil-alt.svg"></i>
class="button-round">
<i src="../assets/svg/pencil-alt.svg"></i>
</button>
</main>

<script src="https://CoCreate.app/dist/CoCreate.js"></script>
<!-- Footer -->
<footer
id="spreadtheword"
content_id="content"
path="../"
src="../components/footer.html"
class="margin-left:0px!important@xs@sm@md"></footer>

<!-- Sidenav -->
<sidenav
id="menuL"
class="top:0px left:0px width:0px width:300px@xl"
resizable
resize-selector="document; main, document; nav, document; footer"
resize-attribute="style"
resize-property="margin-left">
<menu path="../" src="./components/menu.html"></menu>
<div resize="right"></div>
</sidenav>

<script src="../dist/CoCreate.js"></script>
<!-- <script src="../dist/CoCreate.js"></script> -->
</body>
</html>
Loading

0 comments on commit 4647d0b

Please sign in to comment.