diff options
Diffstat (limited to 'bh20simplewebuploader')
| -rw-r--r-- | bh20simplewebuploader/static/main.css | 1 | ||||
| -rw-r--r-- | bh20simplewebuploader/templates/about.html | 2 | ||||
| -rw-r--r-- | bh20simplewebuploader/templates/blog.html | 2 | ||||
| -rw-r--r-- | bh20simplewebuploader/templates/demo-run.html | 32 | ||||
| -rw-r--r-- | bh20simplewebuploader/templates/demo.html | 44 | ||||
| -rw-r--r-- | bh20simplewebuploader/templates/footer.html | 47 | ||||
| -rw-r--r-- | bh20simplewebuploader/templates/form.html | 49 |
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> · Powered by <a href="https://www.commonwl.org/">Common Workflow Language</a> & <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> · Powered by <a href="https://www.commonwl.org/">Common Workflow Language</a> & <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 }}; |