Skip to content

Commit 8966efb

Browse files
frankpaganfrankpagan
committed
update documentation
1 parent 2513f62 commit 8966efb

File tree

1 file changed

+29
-18
lines changed

1 file changed

+29
-18
lines changed

‎docs/index.html‎

Lines changed: 29 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -13,44 +13,55 @@
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-conditional-logic">
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-conditional-logic">
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-conditional-logic</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/conditional-logic.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/conditional-logic.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-conditional-logic" 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">Show or Hide html elements triggered by a click or change action.</p>
3344
<div id="conditional-logic-section" class="display:flex flex-wrap:wrap">
34-
<div class="flex-grow:1 width:300px padding:0px_10px margin:20px_0px">
45+
<div class="flex-grow:1 width:400px padding:0px_10px margin-top:60px">
3546

36-
<div id="conditional-logic-install" class="border-bottom:1px_solid_lightgrey">
47+
<div id="conditional-logic-install" class="border-bottom:1px_solid_lightgrey" data-scroll data-scroll_intersect="color:dodgerblue" data-scroll_target="#boilerplate-install-section">
3748
<span class="display:flex align-items:center width:fit-content" data-hover="display:block!important" data-hover_target='[href="#conditional-logic-install"]'>
3849
<h2 class="padding:5px_0px">Install</h2>
3950
<a class="margin-left:10px display:none" href="#conditional-logic-install"><i class="fas fa-link"></i></a>
4051
</span>
4152
</div>
42-
<pre><code class="language-bash">npm install @cocreate/conditional-logic</code></pre>
53+
<pre><code class="language-bash">npm i @cocreate/conditional-logic</code></pre>
4354
<p class="padding:10px_0px">Or you can use cdn link:</p>
4455
<pre><code class="language-html">&lt;script&gt;https://cdn.cocreate.app/conditional-logic/latest/CoCreate-conditional-logic.min.js&lt;/script&gt;</code></pre>
4556

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

5566
<div class="flex-grow:1 min-width:300px width:100%">
5667
<pre>
@@ -64,10 +75,10 @@ <h2 class="padding:5px_0px">Usage</h2>
6475
</code>
6576
</pre>
6677
</div>
67-
<p class="padding:10px_0px">This is conditional-logic reference</p>
78+
<p class="padding:10px_0px">This is conditional-logic usage</p>
6879
</div>
6980

70-
<div id="conditional-logic-attributes" class="margin-top:80px border-bottom:1px_solid_lightgrey">
81+
<div id="conditional-logic-attributes" class="margin-top:80px border-bottom:1px_solid_lightgrey" data-scroll data-scroll_intersect="color:dodgerblue" data-scroll_target="#boilerplate-attributes-section">
7182
<span class="display:flex align-items:center width:fit-content" data-hover="display:block!important" data-hover_target='[href="#conditional-logic-attributes"]'>
7283
<h2 class="padding:5px_0px">Attributes</h2>
7384
<a class="margin-left:10px display:none" href="#conditional-logic-attributes"><i class="fas fa-link"></i></a>
@@ -85,10 +96,10 @@ <h4><span>data-hide</span> <span class="cocreate-badge success">string</span> <s
8596
</ul>
8697
</div>
8798

88-
<div class="flex-grow:1 width:300px padding:0px_10px margin:20px_0px border-bottom:1px_solid_lightgrey">
99+
<div class="flex-grow:1 width:350px padding:0px_10px margin-top:60px border-bottom:1px_solid_lightgrey">
89100

90101
<!-- SandBox -->
91-
<div id="conditional-logic-demo" class="border-bottom:1px_solid_lightgrey">
102+
<div id="conditional-logic-demo" class="border-bottom:1px_solid_lightgrey" data-scroll data-scroll_intersect="color:dodgerblue" data-scroll_target="#boilerplate-demo-section">
92103
<span class="display:flex align-items:center width:fit-content" data-hover="display:block!important" data-hover_target='[href="#conditional-logic-demo"]'>
93104
<h2 class="padding:5px_0px">Demo</h2>
94105
<a class="margin-left:10px display:none" href="#conditional-logic-demo"><i class="fas fa-link"></i></a>
@@ -143,11 +154,11 @@ <h2 class="padding:5px_0px">Demo</h2>
143154
</div>
144155

145156
</div>
146-
</div>
157+
</main>
147158
<script>
148159
var config = {
149160
apiKey: 'c2b08663-06e3-440c-ef6f-13978b42883a',
150-
organization_Id: '5de0387b12e200ea63204d6c'
161+
organization_Id: '5de0387b12e200ea63204d6c'
151162
}
152163
</script>
153164

0 commit comments

Comments
 (0)