Deploying to gh-pages from @ 802d371 🚀

opentiny · Dec 18, 2024 · 5e03c07 · 5e03c07
1 parent 877f11d
commit 5e03c07
Show file tree

Hide file tree

Showing 5 changed files with 234 additions and 0 deletions.
diff --git a/dev.js b/dev.js
diff --git a/dev.js.map b/dev.js.map
diff --git a/index.css b/index.css
@@ -0,0 +1,48 @@
+.hl-header-list {
+  display: flex;
+  flex-direction: column;
+  width: 260px;
+  max-height: calc(100% - 50px);
+}
+.hl-header-list__item {
+  width: 100%;
+  height: 26px;
+  padding: 2px 10px 2px 0px;
+  margin-bottom: 6px;
+  white-space: nowrap;
+  font-size: 14px;
+  line-height: 22px;
+  cursor: pointer;
+  font-weight: 500;
+  transition: background-color 0.25s linear;
+}
+.hl-header-list__item:hover {
+  background-color: #f5f5f5;
+  font-weight: 900;
+}
+.hl-header-list__item.level-1 {
+  padding-left: 16px;
+}
+.hl-header-list__item.level-2 {
+  padding-left: 32px;
+}
+.hl-header-list__item.level-3 {
+  padding-left: 48px;
+}
+.hl-header-list__item.level-4 {
+  padding-left: 64px;
+}
+.hl-header-list__item.level-5 {
+  padding-left: 80px;
+}
+.hl-header-list__item.level-6 {
+  padding-left: 96px;
+}
+.hl-header-list__item.is-highlight {
+  border-left: 2px solid currentColor;
+  font-weight: 900;
+}
+
+.is-hidden {
+  display: none;
+}
diff --git a/index.html b/index.html
@@ -0,0 +1,67 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Document</title>
+    <link
+      rel="stylesheet"
+      href="https://cdn.jsdelivr.net/npm/[email protected]/dist/katex.min.css"
+      integrity="sha384-nB0miv6/jRmo5UMMR1wu3Gz6NLsoTkbqJghGIsx//Rlm+ZU03BU6SQNC66uf4l5+"
+      crossorigin="anonymous"
+    />
+    <script
+      defer
+      src="https://cdn.jsdelivr.net/npm/[email protected]/dist/katex.min.js"
+      integrity="sha384-7zkQWkzuo3B5mTepMUcHkMB5jZaolc2xDwL6VFqjFALcbeS9Ggm/Yr2r3Dy4lfFg"
+      crossorigin="anonymous"
+    ></script>
+    <script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/quill.js"></script>
+    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/quill.bubble.css" rel="stylesheet" />
+    <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/quill.snow.css" rel="stylesheet" />
+    <link rel="stylesheet" href="./index.css" />
+    <script src="./dev.js"></script>
+    <style>
+      .main {
+        position: relative;
+        display: flex;
+        flex-direction: column;
+        max-width: 1200px;
+        margin: auto;
+      }
+      .directory {
+        position: absolute;
+        top: 0px;
+        right: 0px;
+        z-index: 1;
+        transform: translateX(100%);
+        width: 300px;
+        background-color: #fff;
+        box-shadow: 0 0 6px rgba(0, 0, 0, 0.5);
+      }
+      .directory#directory2 {
+        position: fixed;
+        transform: none;
+      }
+    </style>
+  </head>
+  <body>
+    <div class="main">
+      <div>
+        <button id="btn1">console</button>
+        <div id="editor1" style="height: 600px"></div>
+        <div id="output1"></div>
+      </div>
+      <div id="directory1" class="directory"></div>
+
+      <div>
+        <div id="directory2" class="directory"></div>
+        <button id="btn2">console</button>
+        <div id="editor2"></div>
+        <div id="output2"></div>
+      </div>
+    </div>
+
+    <script src="./index.js"></script>
+  </body>
+</html>