Built website from 62d8fcb

bustle · Nov 14, 2024 · e14d13b · e14d13b
commit e14d13b
Show file tree

Hide file tree

Showing 37 changed files with 32,378 additions and 0 deletions.
diff --git a/demo/.DS_Store b/demo/.DS_Store
diff --git a/demo/debug.css b/demo/debug.css
@@ -0,0 +1,22 @@
+#toolbar button.active {
+  font-weight: bold;
+}
+
+#error {
+  color: red;
+}
+
+#error .name {
+  font-weight: bold;
+}
+
+#editor {
+  outline: 1px solid black;
+  width: 200px;
+  min-height: 300px;
+}
+
+#editor[contenteditable="false"] {
+  color: #9e9e9e;
+  background-color: #f1f1f1;
+}
diff --git a/demo/debug.html b/demo/debug.html
@@ -0,0 +1,68 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta charset="utf-8">
+  <title>Mobiledoc Kit Debug</title>
+  <script type="module" src="./debug.js"></script>
+  <link rel="stylesheet" href="./mobiledoc.css">
+  <link rel="stylesheet" href="./debug.css">
+</head>
+<body>
+
+  <h1>Mobiledoc Kit Debug Page</h1>
+
+  <div id='toolbar'>
+    <button class='toggle' data-action='toggleSection' data-toggle='h1'>h1</button>
+    <button class='toggle' data-action='toggleSection' data-toggle='h2'>h2</button>
+    <button class='toggle' data-action='toggleMarkup' data-toggle='strong'>strong</button>
+    <button class='toggle' data-action='toggleMarkup' data-toggle='em'>em</button>
+    <button class='insert-atom' data-name='mention'>@mention</button>
+    <button class='insert-atom' data-name='click'>@click</button>
+    <button class='insert-card' data-name='movable'>movable card</button>
+    <button class='toggle-method' data-on='disableEditing' data-off='enableEditing'>
+      toggle editable
+    </button>
+  </div>
+
+  <div id="editor"></div>
+
+  <div>
+    <h2>Editor Info</h2>
+
+    <div>
+      <h3>Cursor</h3>
+      <div id='cursor'>
+      </div>
+    </div>
+
+    <div>
+      <h3>Post</h3>
+      <div id='post'>
+      </div>
+    </div>
+
+    <div>
+      <h3>Input Mode</h3>
+      <div id='input-mode'>
+      </div>
+    </div>
+
+    <div>
+      <h3>Error</h3>
+      <div id='error'>
+        <span class='name'></span>
+        <span class='message'></span>
+      </div>
+    </div>
+  </div>
+
+  <div>
+    <h2>Browser Info</h2>
+
+    <div>
+      <h3>Selection</h3>
+      <div id="selection"></div>
+    </div>
+  </div>
+</body>
+</html>