Skip to content

Commit 717178b

Browse files
committed
2 parents 34f57e9 + 763fb3e commit 717178b

File tree

1 file changed

+35
-15
lines changed

1 file changed

+35
-15
lines changed

docs/index.html

Lines changed: 35 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -15,41 +15,56 @@
1515
</head>
1616

1717
<body>
18-
<div data-collection="" data-document_id="" name="" id="cocreate-dashboard" class="padding:15px">
19-
<div class="display:flex flex-wrap:wrap justify-content:space-between">
18+
<div data-collection="" data-document_id="" name="" id="cocreate-dashboard">
19+
<div class="display:flex flex-wrap:wrap justify-content:space-between margin:10px">
2020
<div class="display:flex align-items:center">
2121
<h2>CoCreate-dashboard</h2>
2222
</div>
23-
<div class="display:flex align-items:center font-size:20px social_share" data-height="600" data-width="500" data-media="https://via.placeholder.com/300/09f/fff.png">
23+
<div class="display:flex align-items:center font-size:20px" data-share_height="600" data-share_width="500" data-share_media="https://via.placeholder.com/300/09f/fff.png">
2424
<a href="https://github.com/CoCreate-app/CoCreate-dashboard" target="_blank" class="margin-right:15px"><i class="fab fa-github"></i></a>
25-
<a class="margin-right:15px share" data-network='twitter' title="Share on twitter"><i class="fab fa-twitter"></i></a>
26-
<a class="margin-right:15px share" data-network='facebook' title="Share on Facebook"><i class="fab fa-facebook"></i></a>
27-
<a class="margin-right:15px share" data-network='instagram' title="Share on instagram"><i class="fab fa-instagram"></i></a>
28-
<a class="margin-right:15px share" data-network='share' title="Share on share"><i class="fas fa-share-alt"></i></a>
25+
<a class="margin-right:15px" data-share_network='twitter' title="Share on twitter"><i class="fab fa-twitter"></i></a>
26+
<a class="margin-right:15px" data-share_network='facebook' title="Share on Facebook"><i class="fab fa-facebook"></i></a>
27+
<a class="margin-right:15px" data-share_network='instagram' title="Share on instagram"><i class="fab fa-instagram"></i></a>
28+
<a class="margin-right:15px" data-share_network='share' title="Share on share"><i class="fas fa-share-alt"></i></a>
2929
</div>
3030
</div>
31-
<p class="max-width:500px margin:20px_0px">A simple HTML5, CSS and pure javascript component. Easy configuration using data-attributes and highly styleable.</p>
31+
<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>
3232
<div id="dashboard-section" class="display:flex flex-wrap:wrap">
3333
<div class="flex-grow:1 min-width:300px width:50% padding:0px_10px margin:20px_0px">
3434

35-
<h2 class="border-bottom:1px_solid_lightgrey padding:5px_0px">Install</h2>
36-
<pre><code class="language-javascript">npm install cocreate-dashboard</code></pre>
35+
<div id="dashboard-install" class="border-bottom:1px_solid_lightgrey">
36+
<span class="display:flex align-items:center" data-hover="display:block!important" data-hover_target='[href="#dashboard-install"]'>
37+
<h2 class="padding:5px_0px">Install</h2>
38+
<a class="margin-left:10px display:none" href="#dashboard-install"><i class="fas fa-link"></i></a>
39+
</span>
40+
</div>
41+
<pre><code class="language-bash">npm i @cocreate/dashboard</code></pre>
3742
<p class="padding:10px_0px">Or you can use cdn link:</p>
38-
<pre><code class="language-javascript">https://cdn.cocreate.app/CoCreate-dashboard.min.js</code></pre>
43+
<pre><code class="language-html">&lt;script&gt;https://cdn.cocreate.app/dashboard/latest/CoCreate-dashboard.min.js&lt;/script&gt;</code></pre>
3944

40-
<h2 class="border-bottom:1px_solid_lightgrey margin-top:80px padding:5px_0px">Usage</h2>
45+
<div id="dashboard-usage" class="margin-top:80px border-bottom:1px_solid_lightgrey">
46+
<span class="display:flex align-items:center" data-hover="display:block!important" data-hover_target='[href="#dashboard-usage"]'>
47+
<h2 class="padding:5px_0px">Usage</h2>
48+
<a class="margin-left:10px display:none" href="#dashboard-usage"><i class="fas fa-link"></i></a>
49+
</span>
50+
</div>
4151
<div class="">
4252
<p class="padding:10px_0px">This is dashboard reference</p>
4353

4454
<div class="flex-grow:1 min-width:300px width:100%">
4555
<pre>
46-
<code>&lt;div&gt;&lt;/div&gt;</code>
56+
<code class="language-html">&lt;div&gt;&lt;/div&gt;</code>
4757
</pre>
4858
</div>
4959
<p class="padding:10px_0px">This is dashboard reference</p>
5060
<p class="padding:10px_0px">This is dashboard reference</p>
5161
</div>
52-
<h2 class="border-bottom:1px_solid_lightgrey padding:5px_0px">Attributes</h2>
62+
<div id="dashboard-attributes" class="margin-top:80px border-bottom:1px_solid_lightgrey">
63+
<span class="display:flex align-items:center" data-hover="display:block!important" data-hover_target='[href="#dashboard-attributes"]'>
64+
<h2 class="padding:5px_0px">Attributes</h2>
65+
<a class="margin-left:10px display:none" href="#dashboard-attributes"><i class="fas fa-link"></i></a>
66+
</span>
67+
</div>
5368
<ul class="list-style-type:none ">
5469
<li class="padding:15px_0px border-bottom:1px_solid_lightgrey">
5570
<h4><span>data-dashboard</span> <span class="cocreate-badge success">string</span> <span class="cocreate-badge warning">optional</span></h4>
@@ -64,7 +79,12 @@ <h4><span>data-dashboard</span> <span class="cocreate-badge success">string</spa
6479

6580
<div class="flex-grow:1 min-width:300px width:50% padding:0px_10px margin:20px_0px border-bottom:1px_solid_lightgrey">
6681
<!-- SandBox -->
67-
<h2 class="border-bottom:1px_solid_lightgrey padding:5px_0px">Demo</h2>
82+
<div id="dashboard-demo" class="border-bottom:1px_solid_lightgrey">
83+
<span class="display:flex align-items:center" data-hover="display:block!important" data-hover_target='[href="#dashboard-demo"]'>
84+
<h2 class="padding:5px_0px">Demo</h2>
85+
<a class="margin-left:10px display:none" href="#dashboard-demo"><i class="fas fa-link"></i></a>
86+
</span>
87+
</div>
6888
<div class="position:sticky top:0 padding:15px_0px height:100vh">
6989
<div class="container svColumn overflow:hidden card border-radius:2px width:auto height:100%" id="form-sandbox">
7090
<div class="font-size:20px position:absolute top:10px right:10px opacity:0.6 z-index:7">

0 commit comments

Comments
 (0)