3 files changed, 32 insertions, 0 deletions
diff --git a/bh20simplewebuploader/templates/download.html b/bh20simplewebuploader/templates/download.html
new file mode 100644
index 0000000..07b6951
--- /dev/null
+++ b/bh20simplewebuploader/templates/download.html
@@ -0,0 +1,30 @@
+<!DOCTYPE html>
+<html>
+  {% include 'org-header.html' %}
+    <body>
+      {% include 'banner.html' %}
+      {% include 'menu.html' %}
+
+      {{ embed|safe }}
+
+      {% include 'footer.html' %}
+
+      <script type="text/javascript">
+        let scriptRoot = {{ request.script_root|tojson|safe }}; // examples
+
+        document.addEventListener("DOMContentLoaded", function(){
+            var count = fetch("/api/getCount")
+                .then((resp) => resp.json())
+                .then(function (data) {
+                    count = data["sequences"];
+              console.log(count);
+                    span = document.getElementById("Counter");
+                    txt = document.createTextNode(count);
+                    span.appendChild(txt);
+                });
+        });
+
+      </script>
+    </body>
+
+</html>
diff --git a/bh20simplewebuploader/templates/menu.html b/bh20simplewebuploader/templates/menu.html
index 55bb1c4..6f97e19 100644
--- a/bh20simplewebuploader/templates/menu.html
+++ b/bh20simplewebuploader/templates/menu.html
@@ -1,6 +1,7 @@
 <section class="menu">
   <div class="topnav" id="myTopnav">
     <a href="/" class="{{ 'active' if menu=='HOME' }}">COVID-19</a>
+    <a href="/download" class="{{ 'active' if menu=='DOWNLOAD' }}">DOWNLOAD</a>
     <a href="/demo" class="{{ 'active' if menu=='DEMO' }}">DEMO</a>
     <a href="/blog" class="{{ 'active' if menu=='BLOG' }}">BLOG</a>
     <a href="/about" class="{{ 'active' if menu=='ABOUT' }}">ABOUT</a>
diff --git a/bh20simplewebuploader/templates/org-header.html b/bh20simplewebuploader/templates/org-header.html
index 915bcb7..fdf9e14 100644
--- a/bh20simplewebuploader/templates/org-header.html
+++ b/bh20simplewebuploader/templates/org-header.html
@@ -30,6 +30,7 @@
   .underline { text-decoration: underline; }
   #postamble p, #preamble p { font-size: 90%; margin: .2em; }
   p.verse { margin-left: 3%; }
+  p { margin: 10px; }
   pre {
     border: 1px solid #ccc;
     box-shadow: 3px 3px 3px #eee;