aboutsummaryrefslogtreecommitdiff
path: root/bh20simplewebuploader
diff options
context:
space:
mode:
Diffstat (limited to 'bh20simplewebuploader')
-rw-r--r--bh20simplewebuploader/static/main.css1
-rw-r--r--bh20simplewebuploader/templates/about.html2
-rw-r--r--bh20simplewebuploader/templates/blog.html2
-rw-r--r--bh20simplewebuploader/templates/demo-run.html32
-rw-r--r--bh20simplewebuploader/templates/demo.html44
-rw-r--r--bh20simplewebuploader/templates/footer.html47
-rw-r--r--bh20simplewebuploader/templates/form.html49
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 }};