fix: readme and documentation. Removed securitykeys

Author: frankpagan

demo/render.html

@@ -92,8 +92,7 @@ <h1>Paste in your browser console</h1>
     <script>
       var config = {
         apiKey: 'c2b08663-06e3-440c-ef6f-13978b42883a',
-        securityKey: 'f26baf68-e3a9-45fc-effe-502e47116265',
-        organization_Id: '5de0387b12e200ea63204d6c'
+                organization_Id: '5de0387b12e200ea63204d6c'
       }
     </script>
     </body>

docs/index.html

@@ -20,13 +20,13 @@
 			<div class="display:flex align-items:center">
 				<h2>CoCreate-render</h2>
 			</div>
-			<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"> <a href="https://github.com/CoCreate-app/CoCreate-dnd" target="_blank" class="margin-right:15px"><i class="fab fa-github"></i></a> <a class="margin-right:15px" data-share_network='twitter' title="Share on twitter"><i class="fab fa-twitter"></i></a>                <a class="margin-right:15px" data-share_network='facebook' title="Share on Facebook"><i class="fab fa-facebook"></i></a> <a class="margin-right:15px" data-share_network='instagram' title="Share on instagram"><i class="fab fa-instagram"></i></a>                <a class="margin-right:15px" data-share_network='share' title="Share on share"><i class="fas fa-share-alt"></i></a> </div>
+			<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/boilerplate.png"> <a href="https://github.com/CoCreate-app/CoCreate-dnd" target="_blank" class="margin-right:15px"><i class="fab fa-github"></i></a> <a class="margin-right:15px" data-share_network='twitter' title="Share on twitter"><i class="fab fa-twitter"></i></a>                <a class="margin-right:15px" data-share_network='facebook' title="Share on Facebook"><i class="fab fa-facebook"></i></a> <a class="margin-right:15px" data-share_network='instagram' title="Share on instagram"><i class="fab fa-instagram"></i></a>                <a class="margin-right:15px" data-share_network='share' title="Share on share"><i class="fas fa-share-alt"></i></a> </div>
 		</div>
 		<p class="max-width:500px margin:20px_10px">CoCreate-render javascript component. Easy configuration using data-attributes and highly styleable.</p>
 		<div id="render-section" class="display:flex flex-wrap:wrap">
 			<div class="flex-grow:1 width:300px padding:0px_10px margin:20px_0px">
 				<div id="render-install" class="border-bottom:1px_solid_lightgrey">
-                        <span class="display:flex align-items:center" data-hover="display:block!important" data-hover_target='[href="#render-install"]'>
+                        <span class="display:flex align-items:center width:fit-content" data-hover="display:block!important" data-hover_target='[href="#render-install"]'>
                             <h2 class="padding:5px_0px">Install</h2>
                             <a class="margin-left:10px display:none" href="#render-install"><i class="fas fa-link"></i></a>
                         </span>
@@ -37,7 +37,7 @@ <h2 class="padding:5px_0px">Install</h2>
 				<p class="padding:10px_0px">for styling please refer to #id-style</p>
 
 				<div id="render-usage" class="margin-top:80px border-bottom:1px_solid_lightgrey">
-                        <span class="display:flex align-items:center" data-hover="display:block!important" data-hover_target='[href="#render-usage"]'>
+                        <span class="display:flex align-items:center width:fit-content" data-hover="display:block!important" data-hover_target='[href="#render-usage"]'>
                             <h2 class="padding:5px_0px">Usage</h2>
                             <a class="margin-left:10px display:none" href="#render-usage"><i class="fas fa-link"></i></a>
                         </span>
@@ -127,7 +127,7 @@ <h4 class="margin-top:40px padding:5px_0px">CoCreate-render usage</h4>
 				</code></pre>
 
 				<div id="render-attributes" class="margin-top:80px border-bottom:1px_solid_lightgrey">
-                        <span class="display:flex align-items:center" data-hover="display:block!important" data-hover_target='[href="#render-attributes"]'>
+                        <span class="display:flex align-items:center width:fit-content" data-hover="display:block!important" data-hover_target='[href="#render-attributes"]'>
                             <h2 class="padding:5px_0px">Attributes</h2>
                             <a class="margin-left:10px display:none" href="#render-attributes"><i class="fas fa-link"></i></a>
                         </span>
@@ -204,7 +204,7 @@ <h2 class="border-bottom:1px_solid_lightgrey margin-top:20px padding:5px_0px">Ev
 			<div class="flex-grow:1 width:300px padding:0px_10px margin:20px_0px  border-bottom:1px_solid_lightgrey">
 				<!-- SandBox -->
 				<div id="render-demo" class="border-bottom:1px_solid_lightgrey">
-                        <span class="display:flex align-items:center" data-hover="display:block!important" data-hover_target='[href="#render-demo"]'>
+                        <span class="display:flex align-items:center width:fit-content" data-hover="display:block!important" data-hover_target='[href="#render-demo"]'>
                             <h2 class="padding:5px_0px">Demo</h2>
                             <a class="margin-left:10px display:none" href="#render-demo"><i class="fas fa-link"></i></a>
                         </span>
@@ -234,8 +234,7 @@ <h2 class="padding:5px_0px">Demo</h2>
 	<script>
 		var config = {
 			apiKey: 'c2b08663-06e3-440c-ef6f-13978b42883a',
-			securityKey: 'f26baf68-e3a9-45fc-effe-502e47116265',
-			organization_Id: '5de0387b12e200ea63204d6c'
+						organization_Id: '5de0387b12e200ea63204d6c'
 		}
 	</script>
 	<!--CoCreateJS-->