完成新docs结构

docs/index.html

@@ -1,14 +1,51 @@
 <!DOCTYPE html>
 <html lang="en">
-<head>
-    <meta charset="UTF-8">
-    <title>Artplayer.js</title>
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
-    <meta http-equiv="X-UA-Compatible" content="ie=edge">
-    <link rel="shortcut icon" href="./assets/img/favicon.ico" type="image/x-icon">
-    <link rel="stylesheet" href="./assets/css/normalize.css">
-</head>
-<body>
-    Artplayer.js
-</body>
-</html>
+    <head>
+        <meta charset="UTF-8" />
+        <title>Artplayer.js</title>
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+        <meta http-equiv="X-UA-Compatible" content="ie=edge" />
+        <link rel="shortcut icon" href="./assets/img/favicon.ico" type="image/x-icon" />
+        <link rel="stylesheet" href="./assets/css/normalize.css" />
+        <link rel="stylesheet" href="./assets/css/codemirror.css" />
+        <link rel="stylesheet" href="./assets/css/dracula.css" />
+        <link rel="stylesheet" href="./assets/css/consola.css" />
+        <link rel="stylesheet" href="./assets/css/style.css" />
+        <link rel="stylesheet" href="./uncompiled/artplayer.css" />
+    </head>
+    <body>
+        <section class="main">
+            <div class="part-left">
+                <header class="header">
+                    <a href="./" class="logo">Artplayer.js</a>
+                    <div class="menus">
+                        <a href="./document/">Document</a>
+                        <a href="https://github.com/zhw2590582/ArtPlayer">Github</a>
+                    </div>
+                    <div class="run">Run Code</div>
+                </header>
+                <div class="libs">
+                    <textarea
+                        class="libsInput"
+                        placeholder="Other dependencies, support for js and css, multiple line breaks"
+                        spellcheck="false"
+                    ></textarea>
+                </div>
+                <div class="code">
+                    <div class="codeMirrorWrap"></div>
+                </div>
+            </div>
+            <div class="part-right">
+                <div class="video-wrap">
+                    <div class="artplayer-app"></div>
+                </div>
+                <div class="console"></div>
+            </div>
+        </section>
+        <script src="./assets/js/codemirror.js"></script>
+        <script src="./assets/js/javascript.js"></script>
+        <script src="./assets/js/consola.js"></script>
+        <script src="./uncompiled/artplayer.js"></script>
+        <script src="./assets/js/common.js"></script>
+    </body>
+</html>