Fixed HTML footer

author: Pjotr Prins 2020-05-23 08:53:17 -0500
committer: Pjotr Prins 2020-05-23 08:53:17 -0500
commit: a6e411584d7188d1485bad1895f6cc659ecce8c6 (patch)
tree: bdb1cd3436d42e31608e5351521219b94e363adb
parent: ef5c0de4f309923b844d9fe0dd9ac70b7347a49a (diff)
download: bh20-seq-resource-a6e411584d7188d1485bad1895f6cc659ecce8c6.tar.gz
bh20-seq-resource-a6e411584d7188d1485bad1895f6cc659ecce8c6.tar.lz
bh20-seq-resource-a6e411584d7188d1485bad1895f6cc659ecce8c6.zip
7 files changed, 96 insertions, 81 deletions
diff --git a/bh20simplewebuploader/static/main.css b/bh20simplewebuploader/static/main.css
index e2b999f..e1a06c9 100644
--- a/bh20simplewebuploader/static/main.css
+++ b/bh20simplewebuploader/static/main.css
@@ -146,6 +146,7 @@ form h4 {
 .footer {
     background: #058280;;
     margin: 0 auto;
+    float: left;
     color: #fff;
 }
 
diff --git a/bh20simplewebuploader/templates/about.html b/bh20simplewebuploader/templates/about.html
index 47b68fa..286a211 100644
--- a/bh20simplewebuploader/templates/about.html
+++ b/bh20simplewebuploader/templates/about.html
@@ -7,6 +7,8 @@
 
       WIP
 
+      {% include 'footer.html' %}
+
       <script type="text/javascript">
         let scriptRoot = {{ request.script_root|tojson|safe }}; // examples
 
diff --git a/bh20simplewebuploader/templates/blog.html b/bh20simplewebuploader/templates/blog.html
index 47b68fa..286a211 100644
--- a/bh20simplewebuploader/templates/blog.html
+++ b/bh20simplewebuploader/templates/blog.html
@@ -7,6 +7,8 @@
 
       WIP
 
+      {% include 'footer.html' %}
+
       <script type="text/javascript">
         let scriptRoot = {{ request.script_root|tojson|safe }}; // examples
 
diff --git a/bh20simplewebuploader/templates/demo-run.html b/bh20simplewebuploader/templates/demo-run.html
index 7f29185..52129ec 100644
--- a/bh20simplewebuploader/templates/demo-run.html
+++ b/bh20simplewebuploader/templates/demo-run.html
@@ -1,17 +1,21 @@
-      <section class="search-section">
-          <div class="filter-options" action="#">
-              <p>[Demo] Display content sequences by: </p>
+<section class="search-section">
+  <div class="filter-options" action="#">
+    <p>[Demo] Display content sequences by: </p>
 
-              <div>
-                  <button class="button" onclick="fetchSEQBySpecimen()">Specimen source</button>
-                  <button class="button" onclick="fetchSEQByLocation()">Location</button>
-                  <button class="button" onclick="fetchSEQByTech()">Sequencer</button>
-                  <button class="button" onclick="fetchAllaccessions()">All accessions</button>
-              </div>
+    <div>
+      <button class="button" onclick="fetchSEQBySpecimen()">Specimen source</button>
+      <button class="button" onclick="fetchSEQByLocation()">Location</button>
+      <button class="button" onclick="fetchSEQByTech()">Sequencer</button>
+      <button class="button" onclick="fetchAllaccessions()">All accessions</button>
+    </div>
 
-          </div>
-      <div id="loader" class="loader invisible"></div>
+  </div>
 
-      <section id="results" class="invisible">
-          <pre><code id="json"></code></pre>
-      </section>
+  <div id="loader" class="loader invisible">
+  </div>
+
+  <section id="results" class="invisible">
+    <pre><code id="json"></code></pre>
+  </section>
+
+</section>
diff --git a/bh20simplewebuploader/templates/demo.html b/bh20simplewebuploader/templates/demo.html
index 2137f59..49669ab 100644
--- a/bh20simplewebuploader/templates/demo.html
+++ b/bh20simplewebuploader/templates/demo.html
@@ -1,28 +1,32 @@
 <!DOCTYPE html>
 <html>
   {% include 'header.html' %}
-    <body>
-      {% include 'banner.html' %}
-      {% include 'menu.html' %}
-      <!-- {% include 'search.html' %} -->
-      {% include 'demo-run.html' %}
+  <body>
+    {% include 'banner.html' %}
+    {% include 'menu.html' %}
+    <!-- {% include 'search.html' %} -->
+    {% include 'demo-run.html' %}
 
-      <script type="text/javascript">
-        let scriptRoot = {{ request.script_root|tojson|safe }}; // examples
+    WIP
 
-        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);
-                });
-        });
+    {% include 'footer.html' %}
 
-      </script>
-    </body>
+    <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/footer.html b/bh20simplewebuploader/templates/footer.html
new file mode 100644
index 0000000..e72d1c5
--- /dev/null
+++ b/bh20simplewebuploader/templates/footer.html
@@ -0,0 +1,47 @@
+<br>
+</p>
+<section class="footer">
+  <div class="about">
+    <div>
+      <h1>ABOUT</h1>
+      <p>
+        This a public repository created at the COVID-19 BioHackathon
+        that has a low barrier to entry for uploading sequence data using
+        best practices. I.e., data is published with a creative commons
+        4.0 (CC-4.0) license with metadata using state-of-the art
+        standards and, perhaps most importantly, providing standardized
+        workflows that get triggered on upload, so that results are
+        immediately available in standardized data formats. The repository
+        will be maintained and expanded for the duration of the
+        pandemic. To contribute data simply upload it! To contribute code
+        and/or workflows see
+        the <a href="https://github.com/arvados/bh20-seq-resource">project
+          repository</a>. For more information see the <a href="https://github.com/arvados/bh20-seq-resource/blob/master/paper/paper.md">paper</a> (WIP).
+      </p>
+
+    </div>
+    <div class="sponsors">
+      <div class="sponsorimg">
+        <a href="https://github.com/virtual-biohackathons/covid-19-bh20">
+          <img src="static/image/covid19biohackathon.png"></a>
+      </div>
+      <div class="sponsorimg">
+        <a href="https://www.commonwl.org/"><img src="static/image/CWL-Logo-Header.png"></a>
+      </div>
+      <div class="sponsorimg">
+        <a href="https://arvados.org/"><img src="static/image/arvados-logo.png"></a>
+      </div>
+      <div class="sponsorimg">
+        <a href="https://uthsc.edu/"><img src="static/image/UTHSC-primary-stacked-logo-4c.png"></a>
+      </div>
+    </div>
+  </div>
+  <div class="footer">
+    <!-- Sponsors -->
+
+    <center>
+      <small><a href="https://github.com/arvados/bh20-seq-resource">Source code</a> &middot; Powered by <a href="https://www.commonwl.org/">Common Workflow Language</a> &amp; <a href="https://arvados.org/">Arvados</a>; Made for <a href="https://github.com/virtual-biohackathons/covid-19-bh20">COVID-19-BH20</a>
+      </small>
+    </center>
+  </div>
+</class>
diff --git a/bh20simplewebuploader/templates/form.html b/bh20simplewebuploader/templates/form.html
index 2c0b5e7..b1bbad2 100644
--- a/bh20simplewebuploader/templates/form.html
+++ b/bh20simplewebuploader/templates/form.html
@@ -128,53 +128,8 @@
                 <input class="submit" id="submit" onclick="on_submit_button()" type="submit" value="Add to Pangenome">
             </form>
         </section>
-<br>
-<div class="about">
-    <div>
-        <h1>ABOUT</h1>
-        <p>
-            This a public repository created at the COVID-19 BioHackathon
-            that has a low barrier to entry for uploading sequence data using
-            best practices. I.e., data is published with a creative commons
-            4.0 (CC-4.0) license with metadata using state-of-the art
-            standards and, perhaps most importantly, providing standardized
-            workflows that get triggered on upload, so that results are
-            immediately available in standardized data formats. The repository
-            will be maintained and expanded for the duration of the
-            pandemic. To contribute data simply upload it! To contribute code
-            and/or workflows see
-            the <a href="https://github.com/arvados/bh20-seq-resource">project
-            repository</a>. For more information see the <a href="https://github.com/arvados/bh20-seq-resource/blob/master/paper/paper.md">paper</a> (WIP).
-        </p>
-
-    </div>
-    <div class="sponsors">
-      <div class="sponsorimg">
-        <a href="https://github.com/virtual-biohackathons/covid-19-bh20">
-          <img src="static/image/covid19biohackathon.png"></a>
-      </div>
-      <div class="sponsorimg">
-        <a href="https://www.commonwl.org/"><img src="static/image/CWL-Logo-Header.png"></a>
-      </div>
-      <div class="sponsorimg">
-        <a href="https://arvados.org/"><img src="static/image/arvados-logo.png"></a>
-      </div>
-      <div class="sponsorimg">
-        <a href="https://uthsc.edu/"><img src="static/image/UTHSC-primary-stacked-logo-4c.png"></a>
-      </div>
-    </div>
-</div>
-<div class="footer">
-    <!-- Sponsors -->
-
-
-        <center>
-        <small><a href="https://github.com/arvados/bh20-seq-resource">Source code</a> &middot; Powered by <a href="https://www.commonwl.org/">Common Workflow Language</a> &amp; <a href="https://arvados.org/">Arvados</a>; Made for <a href="https://github.com/virtual-biohackathons/covid-19-bh20">COVID-19-BH20</a>
-        </small>
-        </center>
-
-
-</div>
+
+{% include 'footer.html' %}
 
 <script type="text/javascript">
   // let scriptRoot = {{ request.script_root|tojson|safe }};
author	Pjotr Prins	2020-05-23 08:53:17 -0500
committer	Pjotr Prins	2020-05-23 08:53:17 -0500
commit	a6e411584d7188d1485bad1895f6cc659ecce8c6 (patch)
tree	bdb1cd3436d42e31608e5351521219b94e363adb
parent	ef5c0de4f309923b844d9fe0dd9ac70b7347a49a (diff)
download	bh20-seq-resource-a6e411584d7188d1485bad1895f6cc659ecce8c6.tar.gz bh20-seq-resource-a6e411584d7188d1485bad1895f6cc659ecce8c6.tar.lz bh20-seq-resource-a6e411584d7188d1485bad1895f6cc659ecce8c6.zip