UI: Present entry point for R/qtl2 bundles upload.

2 files changed, 18 insertions, 3 deletions

diff --git a/qc_app/static/css/styles.css b/qc_app/static/css/styles.css
index af5281e..f6e829f 100644
--- a/qc_app/static/css/styles.css
+++ b/qc_app/static/css/styles.css
@@ -10,7 +10,7 @@ label, legend {
     text-transform: capitalize;
 }
 
-#explainer {
+.explainer {
     font-family: Georgia, Garamond, serif;
     font-style: normal;
     font-size: 1.275em;
diff --git a/qc_app/templates/index.html b/qc_app/templates/index.html
index e534bcb..a454dd2 100644
--- a/qc_app/templates/index.html
+++ b/qc_app/templates/index.html
@@ -5,9 +5,24 @@
 {%block contents%}
 <h1 class="heading">data upload</h1>
 
+<h2>R/qtl2 Bundles</h2>
+
+<div class="explainer">
+  <p>This feature combines and extends the two upload methods below. Instead of
+    uploading one item at a time, the R/qtl2 bundle you upload can contain both
+    the genotypes data (samples/individuals/cases and their data) and the
+    expression data.</p>
+  <p>The R/qtl2 bundle, additionally, can contain extra metadata, that neither
+    of the methods below can handle.</p>
+
+  <a href={{url_for("upload.rqtl2.select_species")}}
+     title="Upload a zip bundle of R/qtl2 files">
+    <button class="btn btn-main">upload R/qtl2 bundle</button></a>
+</div>
+
 <h2>Expression Data</h2>
 
-<div id="explainer">
+<div class="explainer">
   <p>This application assumes that you are familiar with the basics of data
     verification formats and uploading procedures. If you haven't done so please
     go to this page to learn the requirements for file formats and helpful
@@ -86,7 +101,7 @@
 
 <h2>samples/cases</h2>
 
-<div>
+<div class="explainer">
   <p>For the expression data above, you need the samples/cases in your file to
     already exist in the GeneNetwork database. If there are any samples that do
     not already exist the upload of the expression data will fail.</p>