Frontend Features and refactor

html/shortcode_report.html

@@ -1,14 +1,31 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>Shortcode Report - KJV API</title>
+<link rel="stylesheet" href="/styles/page.css?v={{ v }}">
+</head>
+<body>
+<header>
+<a href="/">Home</a> <a href="/find">Quick Search</a>
+</header>
+<h2>Shortcode Report</h2>
+<div class="table-wrap">
 <table id="shortcode_report">
   <tr>
-    <td>shortcode |</td>
-    <td>query |</td>
+    <td>shortcode</td>
+    <td>query</td>
     <td>creation_date</td>
   </tr>
     {% for code in shortcodes %}
     <tr>
-      <td>{{ code[0] }} |</td>
-      <td>{{ code[1] }} |</td>
+      <td>{{ code[0] }}</td>
+      <td>{{ code[1] }}</td>
       <td>{{ code[2] }}</td>
     </tr>
   {% endfor %}
-  </table>
+  </table>
+</div>
+</body>
+</html>