update

zm50 · Jan 7, 2024 · 5c86208 · 5c86208
1 parent 08c3d7d
commit 5c86208
Show file tree

Hide file tree

Showing 6 changed files with 35 additions and 18 deletions.
diff --git a/tool/html/index.html b/tool/html/index.html
@@ -5,15 +5,25 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="shortcut icon" href="/assets/img/favicon.ico">
-    <link rel="stylesheet" type="text/css" href="./style.css">
+    <link rel="stylesheet" type="text/css" href="../../assets/style/style.css">
     <title>醉墨编程</title>
+    <link rel="stylesheet" type="text/css" href="./style.css">
     <script src="./switch.js"></script>
 </head>
+<header>
+    <nav>
+        <a href="/">网站首页</a>
+        <a href="/code/">编程空间</a>
+        <a href="/game/">在线游戏</a>
+        <a href="/tool/">在线工具</a>
+        <a href="/tips/">充电打赏</a>
+    </nav>
+</header>
 
 <body>
     <div id="head">
         <button id="preview">预览效果</button>
-        <button id="html2mark">HTML转换MarkDown</button>
+        <button id="html2md">HTML转换MarkDown</button>
     </div>
     <div id="editor">
         <textarea id="input"></textarea>

diff --git a/tool/html/script.js b/tool/html/script.js
@@ -19,7 +19,7 @@ preview.onclick = () => {
     output.innerHTML = input.value
 }
 
-html2mark.onclick = () => {
+html2md.onclick = () => {
     opt = 1
     output.innerText = turn.turndown(input.value)
 }
diff --git a/tool/html/style.css b/tool/html/style.css
@@ -1,26 +1,25 @@
-body {
-    margin: 0;
-}
-
 #head {
     position: fixed;
+    z-index: 1;
 }
 
 #editor {
+    position: fixed;
     display: flex;
     height: 100vh;
 }
+
 button {
     background-color: #3d9;
     width: 150px;
 }
 
 #input,
 #output {
-    flex: 1;
-    height: 100%;
+    width: 50vw;
     box-sizing: border-box;
     padding: 30px;
+    background-color: #fff;
 }
 
 #input {

diff --git a/tool/md/index.html b/tool/md/index.html
@@ -5,16 +5,25 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <link rel="shortcut icon" href="/assets/img/favicon.ico">
-    <link rel="stylesheet" type="text/css" href="/assets/style/style.css">
+    <link rel="stylesheet" type="text/css" href="../../assets/style/style.css">
     <title>醉墨编程</title>
     <link rel="stylesheet" type="text/css" href="./style.css">
     <script src="./switch.js"></script>
 </head>
+<header>
+    <nav>
+        <a href="/">网站首页</a>
+        <a href="/code/">编程空间</a>
+        <a href="/game/">在线游戏</a>
+        <a href="/tool/">在线工具</a>
+        <a href="/tips/">充电打赏</a>
+    </nav>
+</header>
 
 <body>
     <div id="head">
         <button id="preview">预览效果</button>
-        <button id="mark2html">MarkDown转换HTML</button>
+        <button id="md2html">MarkDown转换HTML</button>
     </div>
     <div id="editor">
         <textarea id="input"></textarea>

diff --git a/tool/md/script.js b/tool/md/script.js
@@ -19,7 +19,7 @@ preview.onclick = () => {
     output.innerHTML = marked.parse(input.value)
 }
 
-mark2html.onclick = () => {
+md2html.onclick = () => {
     opt = 1
     output.innerText = marked.parse(input.value)
 }
diff --git a/tool/md/style.css b/tool/md/style.css
@@ -1,26 +1,25 @@
-body {
-    margin: 0;
-}
-
 #head {
     position: fixed;
+    z-index: 1;
 }
 
 #editor {
+    position: fixed;
     display: flex;
     height: 100vh;
 }
+
 button {
     background-color: #3d9;
     width: 150px;
 }
 
 #input,
 #output {
-    flex: 1;
-    height: 100%;
+    width: 50vw;
     box-sizing: border-box;
     padding: 30px;
+    background-color: #fff;
 }
 
 #input {