From e00caedf7d3e86879f0230f08b0b4c448474b502 Mon Sep 17 00:00:00 2001 From: Pjotr Prins Date: Mon, 13 Apr 2020 08:21:49 -0500 Subject: Web layout and logos --- .../static/image/CWL-Logo-Header.png | Bin 0 -> 4771 bytes bh20simplewebuploader/templates/form.html | 87 ++++++++++++++------- 2 files changed, 57 insertions(+), 30 deletions(-) create mode 100644 bh20simplewebuploader/static/image/CWL-Logo-Header.png diff --git a/bh20simplewebuploader/static/image/CWL-Logo-Header.png b/bh20simplewebuploader/static/image/CWL-Logo-Header.png new file mode 100644 index 0000000..86855b4 Binary files /dev/null and b/bh20simplewebuploader/static/image/CWL-Logo-Header.png differ diff --git a/bh20simplewebuploader/templates/form.html b/bh20simplewebuploader/templates/form.html index d98c701..1b042bf 100644 --- a/bh20simplewebuploader/templates/form.html +++ b/bh20simplewebuploader/templates/form.html @@ -10,8 +10,9 @@ background-color: #F9EDE1; } - h1, h4 { + h1, h2, h3, h4 { font-family: 'Roboto Slab', serif; + color: darkblue; } h1 { @@ -23,9 +24,9 @@ font-style: italic; } .header { + background-color: white; margin: 0 auto; padding: 20px; - color: blue; text-align: center; height: 150px; } @@ -34,7 +35,7 @@ float: right; } - p, form { + p, form, .about, .footer { font-family: 'Raleway', sans-serif; line-height: 1.5; } @@ -48,10 +49,21 @@ } .intro { + background-color: lightgrey; margin: 0 auto; padding: 20px; } + .about { + background-color: lightgrey; + margin: 0 auto; + padding: 20px; + } + .footer { + background-color: white; + margin: 0 auto; + } + span.dropt {border-bottom: thin dotted; background: #ffeedd;} span.dropt:hover {text-decoration: none; background: #ffffff; z-index: 6; } @@ -74,10 +86,16 @@ span.dropt:hover {text-decoration: none; background: #ffffff; z-index: 6; } } .fasta-file-select { + padding: 1em; grid-area: b; } .metadata { + padding: 1em; + grid-area: c; + } + .metadata_upload_form { + padding: 1em; grid-area: c; } @@ -127,12 +145,12 @@ span.dropt:hover {text-decoration: none; background: #ffffff; z-index: 6; } - Web Uploader for Public SARS-CoV-2 Sequence Resource + Web uploader for Public SARS-CoV-2 Sequence Resource

Web Uploader for Public SARS-CoV-2 Sequence Resource

Web uploader for Public SARS-CoV-2 Sequence Resource

Disabled until we got everything wired up @@ -148,7 +166,7 @@ span.dropt:hover {text-decoration: none; background: #ffffff; z-index: 6; } download! Your uploaded sequence will automatically be processed and incorporated into the public pangenome with - metadata. All data is published under + metadata using worklows from the High Performance Open Biology Lab defined here. All data is published under a Creative Commons 4.0 attribution license (CC-BY-4.0). You can take the published (GFA/RDF/FASTA) data and store it in @@ -163,27 +181,28 @@ span.dropt:hover {text-decoration: none; background: #ffffff; z-index: 6; }
- Note that by uploading your data you automatically agree to a CC-BY-4.0 license. + Note that by uploading your data you automatically agree to a CC-BY-4.0 license.

- Select metadata submission method: -
- - Fill in metadata manually - - Upload metadata file -
- Make sure the metadata has submitter attribution details. -

- -

+ Select metadata submission method: +
+ + Fill in metadata manually + + Upload metadata file +
+ Make sure the metadata has submitter attribution details. + +

- Select JSON or YAML metadata file following this schema and example (max 50K): -
- -
+
+ Select JSON or YAML metadata file following this schema and example (max 50K): +
+ +

@@ -220,9 +239,10 @@ span.dropt:hover {text-decoration: none; background: #ffffff; z-index: 6; }

ABOUT

- This a public repository created at the COVID-19 BioHackathon +

+ 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 @@ -233,19 +253,26 @@ span.dropt:hover {text-decoration: none; background: #ffffff; z-index: 6; } pandemic. To contribute data simply upload it! To contribute code and/or workflows see the project - repository. For more information see the paper (WIP). -

+ repository. For more information see the paper (WIP). +