last changes

Author: jean1187

documentation/index.html

@@ -17,7 +17,7 @@
         <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css" crossorigin="anonymous" />    
 
         <!-- Codemirror -->
-        <link rel="stylesheet" href="https://server.cocreate.app/CoCreate-components/CoCreate-codemirror/src/CoCreate-codemirror.css" type="text/css" />
+        <link rel="stylesheet" href="https://server.cocreate.app/CoCreate-plugins/CoCreate-codemirror/src/CoCreate-codemirror.css" type="text/css" />
         <link rel=stylesheet href="https://codemirror.net/lib/codemirror.css"  async defer>
 
         <!-- Highlight.js-->
@@ -45,7 +45,12 @@ <h2>CoCreate-boilerplate</h2>
             <div id="boilerplate-section" class="display:flex flex-wrap:wrap">
                 <div class="flex-grow:1 min-width:300px width:50% padding:0px_10px margin:20px_0px">
 
-                    <h2 class="border-bottom border-color:medium-gray padding:5px_0px">Reference</h2>
+                <h2 class="border-bottom:1px_solid_lightgrey padding:5px_0px">Install</h2>
+                <pre><code class="language-javascript">npm install cocreate-boilerplate</code></pre>
+                <p class="padding:10px_0px">Or you can use cdn link:</p>
+                <pre><code class="language-javascript">https://cdn.cocreate.app/CoCreate-boilerplate.min.js</code></pre>
+
+                <h2 class="border-bottom:1px_solid_lightgrey margin-top:80px padding:5px_0px">Usage</h2>
                     <div class="">
                         <p class="padding:10px_0px">This is boilerplate reference</p>
 
@@ -57,22 +62,22 @@ <h2 class="border-bottom border-color:medium-gray padding:5px_0px">Reference</h2
                         <p class="padding:10px_0px">This is boilerplate reference</p>
                         <p class="padding:10px_0px">This is boilerplate reference</p>
                     </div>
-                    <h2 class="border-bottom border-color:medium-gray padding:5px_0px">Attributes</h2>
+                    <h2 class="border-bottom:1px_solid_lightgrey padding:5px_0px">Attributes</h2>
                     <ul class="list-style-type:none ">
-                        <li class="padding:15px_0px border-bottom border-color:medium-gray">
+                        <li class="padding:15px_0px border-bottom:1px_solid_lightgrey">
                             <h4><span>data-boilerplate</span> <span class="cocreate-badge success">string</span> <span class="cocreate-badge warning">optional</span></h4>
                             <p>boilerplate-attribute</p>
                         </li>
-                        <li class="padding:15px_0px border-bottom border-color:medium-gray">
+                        <li class="padding:15px_0px border-bottom:1px_solid_lightgrey">
                             <h4><span>data-boilerplate</span> <span class="cocreate-badge success">string</span> <span class="cocreate-badge warning">optional</span></h4>
                             <p>boilerplate-attribute</p>
                         </li>
                     </ul>
                 </div>
 
-                <div class="flex-grow:1 min-width:300px width:50% padding:0px_10px margin:20px_0px  border-bottom border-color:medium-gray">
+                <div class="flex-grow:1 min-width:300px width:50% padding:0px_10px margin:20px_0px  border-bottom:1px_solid_lightgrey">
                     <!-- SandBox -->
-                    <h2 class="border-bottom border-color:medium-gray padding:5px_0px">Demo</h2>
+                    <h2 class="border-bottom:1px_solid_lightgrey padding:5px_0px">Demo</h2>
                     <div class="position:sticky top:0 padding:15px_0px height:100vh">
     			    <div class="container svColumn overflow:hidden card border-radius:2px width:auto height:100%" id="form-sandbox">
     			       <div class="font-size:20px position:absolute top:10px right:10px opacity:0.6 z-index:7">

src/CoCreate-calculations.html

@@ -35,7 +35,7 @@ <h1 data-calculation="l1 + {id1} * 5 + {id3}/{id2}/0 + {id2}"></h1>
     </script>
 
     <script src="https://server.cocreate.app/js/CoCreate.min.js"></script>
-    <script src="https://cdn.cocreate.app/CoCreateUI.min.js"></script>
+    
 
   </body>
 </html>