add a footer, make the text box populate if you have a query param

mermaid · Nov 12, 2019 · 786ad38 · 786ad38
1 parent 0167191
commit 786ad38
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/index.html b/index.html
@@ -28,7 +28,7 @@
       background-color: #0074D9;
       color: white;
       border: solid 1px #7FDBFF;
-      border-radius: 2px;
+      border-radius: 4px;
       cursor: pointer;
     }
     #diagram-form button:hover {
@@ -45,6 +45,9 @@
       overflow-x: auto;
       overflow-y: hidden;
     }
+    footer {
+      margin-top: 50px;
+    }
   </style>
   <body>
     <h1>Kanji Stroke Order Generator</h1>
@@ -72,7 +75,8 @@ <h3>How to use:</h3>
     <div id="diagram-container">
     </div>
 
-    <div>Based off the stroke order diagram generator on Jisho.org but with thicker lines</div>
-    <div>Which in turn uses data from KanjiVG</div>
+    <footer>
+        <p>Based off the stroke order diagram generator on Jisho.org but with thicker lines, which in turn uses data from KanjiVG to generate diagrams</p>
+    </footer>
   </body>
 </html>
diff --git a/tsurukame-stroke-order.js b/tsurukame-stroke-order.js
@@ -252,6 +252,7 @@ if (!isNode) {
     let kanji = getParameterByName('kanji');
     if (kanji) {
       let dl = getParameterByName('dl');
+      document.getElementById('kanji').value = kanji;
       getKanji(kanji, dl === '1');
     }