Add basic html/js to search for and display some books.

[quanweb.git] / app / index.html
diff --git a/app/index.html b/app/index.html

new file mode 100644 (file)

index 0000000..322ac7e
--- /dev/null
+++ b/app/index.html
@@ -0,0 +1,32 @@
+<html>
+  <head>
+    <title>eBook Library</title>
+    <link href="lib.css" rel="stylesheet" type="text/css"/>
+    <meta charset="utf-8"/>
+  </head>
+  
+  <body> 
+    <table class="header">
+      <tr><td class="box">&nbsp;</td><td class="title">eBook Library</td></tr>
+    </table>
+
+    <form>
+      <input id="search" onclick="onSearch();" type="button" value="Search"/> 
+      Author: <input id="aut" type="text"/> 
+      Title: <input id="tit" type="text"/>
+      Series: <input id="ser" type="text"/>
+    </form>
+
+    <h1>Books</h1>
+
+    <div id="books">(No books found)</div>
+
+    <div class="footer">
+        <input id="back" value="Back" type="button"/>
+        <input id="forward" value="Forward" type="button"/>
+      Showing <span id="first">0</span> through <span id="last">0</span> out of <span id="count">0</span> matching books.
+    </div>
+
+    <script src="lib.js"></script>
+  </body>
+</html>