Skip to content

Commit d88db4f

Browse files
frankpaganfrankpagan
committed
update documentation
1 parent 5a4cf45 commit d88db4f

File tree

1 file changed

+28
-17
lines changed

1 file changed

+28
-17
lines changed

‎docs/index.html‎

Lines changed: 28 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -13,26 +13,37 @@
1313

1414
<!-- CoCreate CSS -->
1515
<link rel="stylesheet" href="https://cdn.cocreate.app/latest/CoCreate.min.css" type="text/css"/>
16+
<link rel="stylesheet" href="https://ws.cocreate.app/docs.css" data-collection="apples" data-document_id="6069ff5042ef8ff5175a5c8d" name="css" type="text/css" />
1617
</head>
1718

1819
<body>
19-
<div data-collection="" data-document_id="" name="" id="cocreate-docs">
20-
<div class="display:flex flex-wrap:wrap justify-content:space-between margin:10px">
20+
<navbar class="nav display:flex align-items:center background:whitesmoke padding-top:10px padding-bottom:10px" data-main_content_id="content" data-scroll="sticky-nav,hide-nav" data-scroll_up="10" data-scroll_down="10" data-collection="components" data-document_id="60395ef42b3ac232657040fd" name="html">
21+
</navbar>
22+
<sidenav id="menuL" class="cocreate-sidenav background:whitesmoke" data-main_content="content" sidenav-default_desktop="expanded" sidenav-default_tablet="offcanvas" sidenav-ontoggle_desktop="offcanvas" sidenav-ontoggle_tablet="expanded">
23+
<menu data-collection="components" data-document_id="603717b07de7fb350ae9fec8" name="html"></menu>
24+
<div class="resizeHandler"></div>
25+
</sidenav>
26+
<main class="padding:15px_15px_0px_15px" data-main_content_id="content" id="cocreate-docs">
27+
<div class="display:flex flex-wrap:wrap justify-content:space-between position:relative margin:10px">
2128
<div class="display:flex align-items:center">
2229
<h2>CoCreate-docs</h2>
2330
</div>
24-
<div class="display:flex align-items:center font-size:20px" data-share_network="true" data-share_text="Enter decription here" data-share_title="testing im a title" data-share_height="600" data-share_width="700" data-share_media="https://cdn.cocreate.app/docs/docs.png">
31+
<div class="display:flex align-items:center font-size:20px position:absolute right:0 padding:5px background:white">
32+
<div class="display:flex align-items:center transition:0.3s padding-left:10px" data-share_network="true" data-share_text="Enter decription here" data-share_title="testing im a title" data-share_height="600" data-share_width="700" data-share_media="https://cdn.cocreate.app/docs/docs.png" data-hover="display:block!important" data-hover_target=".social-networks">
33+
<div class="display:none social-networks">
34+
<a class="margin-right:15px" data-share_network='twitter' title="Share on twitter"><i class="fab fa-twitter"></i></a>
35+
<a class="margin-right:15px" data-share_network='facebook' title="Share on Facebook"><i class="fab fa-facebook"></i></a>
36+
<a class="margin-right:15px" data-share_network='instagram' title="Share on instagram"><i class="fab fa-instagram"></i></a>
37+
</div>
38+
<a class="margin-right:15px" data-share_network='share' title="Share on share"><i class="fas fa-share-alt"></i></a>
39+
</div>
2540
<a href="https://github.com/CoCreate-app/CoCreate-docs" target="_blank" class="margin-right:15px"><i class="fab fa-github"></i></a>
26-
<a class="margin-right:15px" data-share_network='twitter' title="Share on twitter"><i class="fab fa-twitter"></i></a>
27-
<a class="margin-right:15px" data-share_network='facebook' title="Share on Facebook"><i class="fab fa-facebook"></i></a>
28-
<a class="margin-right:15px" data-share_network='instagram' title="Share on instagram"><i class="fab fa-instagram"></i></a>
29-
<a class="margin-right:15px" data-share_network='share' title="Share on share"><i class="fas fa-share-alt"></i></a>
3041
</div>
3142
</div>
3243
<p class="max-width:500px margin:20px_10px">A simple HTML5, CSS and pure javascript component. Easy configuration using data-attributes and highly styleable.</p>
3344
<div id="docs-section" class="display:flex flex-wrap:wrap">
34-
<div class="flex-grow:1 width:300px padding:0px_10px margin:20px_0px">
35-
<div id="docs-install" class="border-bottom:1px_solid_lightgrey">
45+
<div class="flex-grow:1 width:400px padding:0px_10px margin-top:60px">
46+
<div id="docs-install" class="border-bottom:1px_solid_lightgrey" data-scroll data-scroll_intersect="color:dodgerblue" data-scroll_target="#boilerplate-install-section">
3647
<span class="display:flex align-items:center width:fit-content" data-hover="display:block!important" data-hover_target='[href="#docs-install"]'>
3748
<h2 class="padding:5px_0px">Install</h2>
3849
<a class="margin-left:10px display:none" href="#docs-install"><i class="fas fa-link"></i></a>
@@ -42,22 +53,22 @@ <h2 class="padding:5px_0px">Install</h2>
4253
<p class="padding:10px_0px">Or you can use cdn link:</p>
4354
<pre><code class="language-html">&lt;script&gt;https://cdn.cocreate.app/docs/latest/CoCreate-docs.min.js&lt;/script&gt;</code></pre>
4455

45-
<div id="docs-usage" class="margin-top:80px border-bottom:1px_solid_lightgrey">
56+
<div id="docs-usage" class="margin-top:80px border-bottom:1px_solid_lightgrey" data-scroll data-scroll_intersect="color:dodgerblue" data-scroll_target="#boilerplate-usage-section">
4657
<span class="display:flex align-items:center width:fit-content" data-hover="display:block!important" data-hover_target='[href="#docs-usage"]'>
4758
<h2 class="padding:5px_0px">Usage</h2>
4859
<a class="margin-left:10px display:none" href="#docs-usage"><i class="fas fa-link"></i></a>
4960
</span>
5061
</div>
5162
<div class="">
52-
<p class="padding:10px_0px">This is docs reference</p>
63+
<p class="padding:10px_0px">This is docs usage</p>
5364

5465
<div class="flex-grow:1 min-width:300px width:100%">
5566
<pre><code class="language-html">&lt;div&gt;&lt;/div&gt;</code></pre>
5667
</div>
57-
<p class="padding:10px_0px">This is docs reference</p>
58-
<p class="padding:10px_0px">This is docs reference</p>
68+
<p class="padding:10px_0px">This is docs usage</p>
69+
<p class="padding:10px_0px">This is docs usage</p>
5970
</div>
60-
<div id="docs-attributes" class="margin-top:80px border-bottom:1px_solid_lightgrey">
71+
<div id="docs-attributes" class="margin-top:80px border-bottom:1px_solid_lightgrey" data-scroll data-scroll_intersect="color:dodgerblue" data-scroll_target="#boilerplate-attributes-section">
6172
<span class="display:flex align-items:center width:fit-content" data-hover="display:block!important" data-hover_target='[href="#docs-attributes"]'>
6273
<h2 class="padding:5px_0px">Attributes</h2>
6374
<a class="margin-left:10px display:none" href="#docs-attributes"><i class="fas fa-link"></i></a>
@@ -75,9 +86,9 @@ <h4><span>data-docs</span> <span class="cocreate-badge success">string</span> <s
7586
</ul>
7687
</div>
7788

78-
<div class="flex-grow:1 width:300px padding:0px_10px margin:20px_0px border-bottom:1px_solid_lightgrey">
89+
<div class="flex-grow:1 width:350px padding:0px_10px margin-top:60px border-bottom:1px_solid_lightgrey">
7990
<!-- SandBox -->
80-
<div id="docs-demo" class="border-bottom:1px_solid_lightgrey">
91+
<div id="docs-demo" class="border-bottom:1px_solid_lightgrey" data-scroll data-scroll_intersect="color:dodgerblue" data-scroll_target="#boilerplate-demo-section">
8192
<span class="display:flex align-items:center width:fit-content" data-hover="display:block!important" data-hover_target='[href="#docs-demo"]'>
8293
<h2 class="padding:5px_0px">Demo</h2>
8394
<a class="margin-left:10px display:none" href="#docs-demo"><i class="fas fa-link"></i></a>
@@ -132,7 +143,7 @@ <h2 class="padding:5px_0px">Demo</h2>
132143
</div>
133144

134145
</div>
135-
</div>
146+
</main>
136147
<script>
137148
var config = {
138149
apiKey: 'c2b08663-06e3-440c-ef6f-13978b42883a',

0 commit comments

Comments
 (0)