Frontend Features and refactor

html/reader.html

@@ -1,7 +1,24 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<meta charset="UTF-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<title>Books - 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>Books</h2>
+<div class="table-wrap">
 <table id="Books">
     {% for book in books %}
     <tr>
       <td><a href="/find?kw={{ book[0] }}&view=rich">{{ book[0] }}</a></td>
     </tr>
   {% endfor %}
-  </table>
+  </table>
+</div>
+</body>
+</html>