copy button and form submit disable

sgbaird · Apr 17, 2024 · da2cf27 · da2cf27
1 parent 38aab0d
commit da2cf27
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 8 deletions.
diff --git a/docs/honegumi.html b/docs/honegumi.html
@@ -46,7 +46,7 @@
         // ];
     </script>
 
-    <form>
+    <form onsubmit="return false;">
         <div class="title-block">
             <div class="row align-items-center">
                 <img src="_static/logo.png" alt="Logo" style="height: 2em; margin-right: 1em; vertical-align: middle;">
@@ -218,9 +218,12 @@ <h2 style="margin-bottom: 0;">Honegumi</h2>
             <p id="preamble"></p>
         </div>
         <div class="row">
-        <pre class="language-python" style="width: 96ch; overflow: auto; font-size: 12px;">
-            <code id="text" style="border: none;"></code>
-        </pre>
+        <div class="highlight highlight-python notranslate">
+            <pre class="language-python" style="width: 102ch; overflow: auto; font-size: 12px;">
+                <code id="text" style="border: none;"></code>
+            </pre>
+            <button id="copyButton">Copy</button>
+        </div>
         </div>
 
     </form>

diff --git a/src/honegumi/core/honegumi.html.jinja b/src/honegumi/core/honegumi.html.jinja
@@ -46,7 +46,7 @@
         // ];
     </script>
 
-    <form>
+    <form onsubmit="return false;">
         <div class="title-block">
             <div class="row align-items-center">
                 <img src="_static/logo.png" alt="Logo" style="height: 2em; margin-right: 1em; vertical-align: middle;">
@@ -72,9 +72,12 @@
             <p id="preamble"></p>
         </div>
         <div class="row">
-        <pre class="language-python" style="width: 96ch; overflow: auto; font-size: 12px;">
-            <code id="text" style="border: none;"></code>
-        </pre>
+        <div class="highlight highlight-python notranslate">
+            <pre class="language-python" style="width: 102ch; overflow: auto; font-size: 12px;">
+                <code id="text" style="border: none;"></code>
+            </pre>
+            <button id="copyButton">Copy</button>
+        </div>
         </div>
         {# <div style="white-space: pre-wrap;">
             <textarea id="text" style="min-width: 88ch; min-height: 50em;"></textarea>