Add the unfetch polyfill, so that we can function on ancient iPads.

[quanweb.git] / app / index.html

diff --git a/app/index.html b/app/index.html
index d2c48d93a288c24c482f0efd58ff876b893f9ee1..faa558ccb13d54febd13bbcf2f8621b73f473e1e 100644 (file)
--- a/app/index.html
+++ b/app/index.html
@@ -12,20 +12,36 @@
       <span class="term">Author: <input id="aut" type="text"/></span>
       <span class="term">Title: <input id="tit" type="text"/></span>
       <span class="term">Series: <input id="ser" type="text"/></span>
+      <span class="term">Language: <input id="lan" type="text"/></span>
+      <span class="term">Lists: <input id="lst" type="text"/></span>
     </form>
 
     <div class="pager">
       <input id="back" onclick="onPrev();" value="Back" type="button"/>
       <input id="forward" onclick="onNext();" value="Forward" type="button"/>
-      <input id="slider" onchange="onSlide(this.value);" min="0" max="0" type="range" value="0"/>
       Showing <span id="first">0</span> through <span id="last">0</span> out of <span id="count">0</span> matching books.
+      <br/>
+      <div class="slidercontainer">
+        <input id="slider" class="slider" onchange="onSlide(this.value);" min="0" max="0" type="range" value="0"/>
+      </div>
     </div>
 
     <div id="books">(No books found)</div>
 
     <div id="details" class="tooltip" onclick="hideDetails();">(No information available)</div>
 
+    <div class="pager">
+      <input id="bottom_back" onclick="onPrev();" value="Back" type="button"/>
+      <input id="bottom_forward" onclick="onNext();" value="Forward" type="button"/>
+      Showing <span id="bottom_first">0</span> through <span id="bottom_last">0</span> out of <span id="bottom_count">0</span> matching books.
+      <br/>
+      <div class="slidercontainer">
+        <input id="bottom_slider" class="slider" onchange="onSlide(this.value);" min="0" max="0" type="range" value="0"/>
+      </div>
+    </div>
+
     <script src="modernizr-custom.js"></script>
+    <script src="unfetch.js"></script>
     <script src="lib.min.js"></script>
   </body>
 </html>