Merge pull request #555 from VEuPathDB/download-beta-verbiage

download beta page verbiage refs #12938
VEuPathDB · Oct 17, 2023 · 8ca9980 · 8ca9980
2 parents 5a76cde + 0aa224f
commit 8ca9980
Show file tree

Hide file tree

Showing 2 changed files with 30 additions and 4 deletions.
diff --git a/...sites/genomics-site/webapp/wdkCustomization/js/client/components/Downloads/Downloads.scss b/...sites/genomics-site/webapp/wdkCustomization/js/client/components/Downloads/Downloads.scss
@@ -4,11 +4,15 @@
   }
 
   &-Instructions {
-    font-size: 1.2em;
-    margin: 0.5em 0;
+    font-size: 1.1em;
+    margin: 1em 0 2em 0;
     color: #444;
   }
 
+  &-Instructions li {
+    padding-bottom: 0.3em;
+  }
+
   &-Filter-Container {
     .wdk-QuestionFormParameterList {
       width: 60vw;

diff --git a/.../sites/genomics-site/webapp/wdkCustomization/js/client/components/Downloads/Downloads.tsx b/.../sites/genomics-site/webapp/wdkCustomization/js/client/components/Downloads/Downloads.tsx
@@ -67,8 +67,30 @@ export function Downloads() {
     <div className="Downloads">
       <h1>Download Data Files</h1>
       <p className="Downloads-Instructions">
-        Use the filters to reduce the table below. Use the table to select the
-        files to download.
+        <ul>
+          <li>
+            Use this tool to download genome scale files such as genome.fasta or
+            GFF files.
+          </li>
+          <li>
+            All files are available in the results table below. The result can
+            be limited by Organism and/or Data File Properties.
+          </li>
+          <li>
+            To filter the result by Data File Properties, choose one or more
+            categories (left) and/or values (right) that define the files you
+            need.
+          </li>
+          <li>
+            Download a single file from the results table by clicking the link
+            in the ‘File’ column, or multiple files using the checkboxes in the
+            first column.
+          </li>
+          <li>
+            To access older files please see the{' '}
+            <a href="/common/downloads/">Download Archive</a>.
+          </li>
+        </ul>
       </p>
       <div className="Downloads-Filter-Container">
         <DownloadsFilter