fix: format demo html

CoCreate-app · Jun 2, 2023 · ecc1ae9 · ecc1ae9
1 parent e871c6f
commit ecc1ae9
Show file tree

Hide file tree

Showing 2 changed files with 33 additions and 17 deletions.
diff --git a/demo/index.html b/demo/index.html
@@ -1,19 +1,35 @@
 <!DOCTYPE html>
-<html>
+<html lang="en">
     <head>
-		<title>Demo | CoCreateJS</title>
-		<link rel="icon" href="https://cdn.cocreate.app/favicon.ico" type="image/ico" sizes="16x16">
-		<link rel="stylesheet" href="https://cdn.cocreate.app/latest/CoCreate.min.css" type="text/css"/>
-		<link parse="true"/>
-		<link rel="manifest" href="/manifest.webmanifest" />
-	</head>
-	<body class="padding:20px">
+        <title>Demo | CoCreateJS</title>
+        <link
+            rel="icon"
+            href="https://cdn.cocreate.app/favicon.ico"
+            type="image/ico"
+            sizes="16x16" />
+        <link
+            rel="stylesheet"
+            href="https://cdn.cocreate.app/latest/CoCreate.min.css"
+            type="text/css" />
+        <link parse="true" />
+        <link rel="manifest" href="/manifest.webmanifest" />
+    </head>
+    <body class="padding:20px">
+        <textarea
+            type="code"
+            theme="tomorrow"
+            lang="HTML"
+            line-numbers
+            placeholder="HTML"
+            collection="demos"
+            document_id="639b325f6f44f0f162f0bcbf"
+            name="demo-code"
+            class="height:100vh width:100%">
+test</textarea
+        >
 
-		<textarea type="code" theme="tomorrow" lang="HTML" line-numbers placeholder="HTML" collection="demos" document_id="639b325f6f44f0f162f0bcbf" name="demo-code" class="height:100vh width:100%">test</textarea>
-
-		<!-- <script src="../dist/CoCreate-codearea.js"></script> -->
-		<!-- <script src="https://cdn.cocreate.app/1.50.6/CoCreate.min.js"></script> -->
-		<script src="https://cdn.cocreate.app/latest/CoCreate.min.js"></script>
-
-	</body>
-</html>
+        <!-- <script src="../dist/CoCreate-codearea.js"></script> -->
+        <!-- <script src="https://cdn.cocreate.app/1.50.6/CoCreate.min.js"></script> -->
+        <script src="https://cdn.cocreate.app/latest/CoCreate.min.js"></script>
+    </body>
+</html>
diff --git a/docs/index.html b/docs/index.html
@@ -30,7 +30,7 @@ <h2>CoCreate-codearea</h2>
                     <a class="margin-right:15px share" share-network="share" title="Share on share"><i class="height:20px fill:#505050" src="/assets/svg/share-alt.svg"></i></a>
                 </div>
             </div>
-            <p class="max-width:500px margin:20px_10px">A simple HTML5, CSS and pure javascript component. Easy configuration using data-attributes and highly styleable.</h1>
+            <h1 class="max-width:500px margin:20px_10px">A simple HTML5, CSS and pure javascript component. Easy configuration using data-attributes and highly styleable.</h1>
             <div id="codearea-section" class="display:flex flex-wrap:wrap">
                 <div class="flex-grow:1 width:300px padding:20px_10px">
                     <h2 class="border-bottom:1px_solid_lightgrey padding:5px_0px">Install</h2>