diff options
Diffstat (limited to 'bh20simplewebuploader')
| -rw-r--r-- | bh20simplewebuploader/static/main.css | 25 | ||||
| -rw-r--r-- | bh20simplewebuploader/templates/blog.html | 100 |
2 files changed, 100 insertions, 25 deletions
diff --git a/bh20simplewebuploader/static/main.css b/bh20simplewebuploader/static/main.css index e1a06c9..1003719 100644 --- a/bh20simplewebuploader/static/main.css +++ b/bh20simplewebuploader/static/main.css @@ -339,3 +339,28 @@ footer { flex-direction: column; } } + +.blog-table { + display: table; + width: 100%; +} +.blog-table-row { + display: table-row; +} +.blog-table-heading { + display: table-header-group; + background-color: #ddd; +} +.blog-table-cell, .blog-table-head { + display: table-cell; + padding: 3px 10px; + border: 1px solid #999999; +} +.blog-table-footer { + display: table-footer-group; + font-weight: bold; + background-color: #ddd; +} +.blog-table-body { + display: table-row-group; +} diff --git a/bh20simplewebuploader/templates/blog.html b/bh20simplewebuploader/templates/blog.html index 286a211..835e019 100644 --- a/bh20simplewebuploader/templates/blog.html +++ b/bh20simplewebuploader/templates/blog.html @@ -1,30 +1,80 @@ <!DOCTYPE html> <html> {% include 'header.html' %} - <body> - {% include 'banner.html' %} - {% include 'menu.html' %} - - WIP - - {% 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> + <body> + {% include 'banner.html' %} + {% include 'menu.html' %} + + <h1>BLOG Entries</h1> + + <i>Note that this is work in progress (WIP)</i> + + <section class="blog-entries"> + <div class="blog-table"> + <div class="blog-table-body"> + <div class="blog-table-row"> + <div class="blog-table-cell"> + <a href="https://github.com/arvados/bh20-seq-resource/blob/master/doc/blog/using-covid-19-pubseq-part1.org">Query metadata with SPARQL</a> + </div> + <div class="blog-table-cell"> + We fetch sequence data and metadata. We query + the metadata in multiple ways using SPARQL and onthologies + </div> + </div> + <div class="blog-table-row"> + <div class="blog-table-cell"> + <a href="https://github.com/arvados/bh20-seq-resource/blob/master/doc/blog/using-covid-19-pubseq-part2.org">Interacting with Arvados</a> + </div> + <div class="blog-table-cell"> + We explore the Arvados command line and API + </div> + </div> + <div class="blog-table-row"> + <div class="blog-table-cell"> + <a href="https://github.com/arvados/bh20-seq-resource/blob/master/doc/blog/using-covid-19-pubseq-part3.org">Submitting a sequence</a> + </div> + <div class="blog-table-cell"> + We submit a sequence to the database + </div> + </div> + <div class="blog-table-row"> + <div class="blog-table-cell"> + <a href="https://github.com/arvados/bh20-seq-resource/blob/master/doc/blog/using-covid-19-pubseq-part4.org">Update workflow</a> + </div> + <div class="blog-table-cell"> + We modify a workflow to get new output + </div> + </div> + <div class="blog-table-row"> + <div class="blog-table-cell"> + <a href="https://github.com/arvados/bh20-seq-resource/blob/master/doc/blog/using-covid-19-pubseq-part5.org">Update metadata</a> + </div> + <div class="blog-table-cell"> + We modify metadata for all to use! + </div> + </div> + </div> + </div> + </section> + + {% 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> |