More work on setting up the webpage. There's now an active and download button. The reponse should populate the main section of the page in a scrolling overflow box. Although it's a long string instead of a nicely parsed json file at this point.

templates/index.html

@@ -10,15 +10,31 @@
       <div class="header">Super Awesome Mange Downloading and Viewing Thing</div>
       <div class="nav" align="left">
         <ul>
-          <li><a href="/active"><button class=button>Active</button></a></li>
-          <li><a href="/download"><button class=button>Download</button></a></li>
-          <li><a href="http://google.com"><button class=button>Test</button></a></li>
-          <li><button class=button>asdfl</button></li>
+          <li><button class=button onclick="activeReturn()">Active</button>
+          <li><button class=button onclick="downloadReturn()">Download</button>
+         <!-- <li><a href="http://google.com"><button class=button>google<>/button></a></li>
+          <li><button class=button onclick="clickTest()">asdfl</button></li>-->
         </ul>
       </div>
-      <div class="main">
-        main
+      <div class="main" id="main">
+
+      </div>
+      <div class="footer">
+        bottom stuffs
       </div>
     </div>
 </body>
 </html>
+
+<script>
+  function activeReturn() {
+      fetch('/active')
+          .then(response => response.json())
+          .then(data => document.getElementById("main").innerHTML = JSON.stringify(data));
+  };
+   function downloadReturn() {
+      fetch('/download')
+          .then(response => response.json())
+          .then(data => document.getElementById("main").innerHTML = JSON.stringify(data));
+   };
+</script>