Skip to content

Commit 62ca7ad

Browse files
frankpaganfrankpagan
committed
2 parents 3636d3b + 5616d70 commit 62ca7ad

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,27 +13,38 @@
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-google-maps">
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-google-maps">
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-google-maps</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/google-maps.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/google-maps.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-google-maps" 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="google-maps-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="google-maps-install" class="border-bottom:1px_solid_lightgrey">
47+
<div id="google-maps-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="#google-maps-install"]'>
3849
<h2 class="padding:5px_0px">Install</h2>
3950
<a class="margin-left:10px display:none" href="#google-maps-install"><i class="fas fa-link"></i></a>
@@ -43,22 +54,22 @@ <h2 class="padding:5px_0px">Install</h2>
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/google-maps/latest/CoCreate-google-maps.min.js&lt;/script&gt;</code></pre>
4556

46-
<div id="google-maps-usage" class="margin-top:80px border-bottom:1px_solid_lightgrey">
57+
<div id="google-maps-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="#google-maps-usage"]'>
4859
<h2 class="padding:5px_0px">Usage</h2>
4960
<a class="margin-left:10px display:none" href="#google-maps-usage"><i class="fas fa-link"></i></a>
5061
</span>
5162
</div>
5263
<div class="">
53-
<p class="padding:10px_0px">This is google-maps reference</p>
64+
<p class="padding:10px_0px">This is google-maps usage</p>
5465

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

79-
<div class="flex-grow:1 width:300px padding:0px_10px margin:20px_0px border-bottom:1px_solid_lightgrey">
90+
<div class="flex-grow:1 width:350px padding:0px_10px margin-top:60px border-bottom:1px_solid_lightgrey">
8091
<!-- SandBox -->
81-
<div id="google-maps-demo" class="border-bottom:1px_solid_lightgrey">
92+
<div id="google-maps-demo" class="border-bottom:1px_solid_lightgrey" data-scroll data-scroll_intersect="color:dodgerblue" data-scroll_target="#boilerplate-demo-section">
8293
<span class="display:flex align-items:center width:fit-content" data-hover="display:block!important" data-hover_target='[href="#google-maps-demo"]'>
8394
<h2 class="padding:5px_0px">Demo</h2>
8495
<a class="margin-left:10px display:none" href="#google-maps-demo"><i class="fas fa-link"></i></a>
@@ -133,11 +144,11 @@ <h2 class="padding:5px_0px">Demo</h2>
133144
</div>
134145

135146
</div>
136-
</div>
147+
</main>
137148
<script>
138149
var config = {
139150
apiKey: 'c2b08663-06e3-440c-ef6f-13978b42883a',
140-
organization_Id: '5de0387b12e200ea63204d6c'
151+
organization_Id: '5de0387b12e200ea63204d6c'
141152
}
142153
</script>
143154

0 commit comments

Comments
 (0)