From 1ada9b92832bbf41e67993d5810768af885512c4 Mon Sep 17 00:00:00 2001
From: aaronm-2112 <aaron.marroquin96@gmail.com>
Date: Thu, 9 Jan 2025 17:26:05 -0800
Subject: [PATCH] wip: add text to generation destination cards

---
 .../guided_mode/guided_curate_dataset.html    | 76 +++++++++++++++++--
 1 file changed, 69 insertions(+), 7 deletions(-)

diff --git a/src/renderer/src/sections/guided_mode/guided_curate_dataset.html b/src/renderer/src/sections/guided_mode/guided_curate_dataset.html
index bfe6c7da2..9992971b9 100644
--- a/src/renderer/src/sections/guided_mode/guided_curate_dataset.html
+++ b/src/renderer/src/sections/guided_mode/guided_curate_dataset.html
@@ -90,10 +90,10 @@ <h2 class="mt-2 mb-3" style="font-size: 16px">What would you like to do today?</
           >
             <div class="button-prompt-container" id="button-homepage-guided-mode">
               <div class="wide-card-text-container">
-                <h2 class="wide-card-title-text">Label Dataset Step-by-Step</h2>
+                <h2 class="wide-card-title-text">Align and Share</h2>
                 <p class="wide-card-subtitle-text">
-                  You will be guided through labeling your dataset per the SDS 3.0. After labeling
-                  your dataset SODA will guide you through sharing it with the K-Core team or
+                  You will be guided through aligning your dataset with the SDS 3.0 specification. 
+                  After, SODA will guide you through sharing it with the K-Core team or
                   uploading it to Pennsieve.
                 </p>
               </div>
@@ -106,9 +106,9 @@ <h2 class="wide-card-title-text">Label Dataset Step-by-Step</h2>
               data-section="organize"
             >
               <div class="wide-card-text-container">
-                <h2 class="wide-card-title-text">Upload Dataset</h2>
+                <h2 class="wide-card-title-text">Upload Aligned Dataset</h2>
                 <p class="wide-card-subtitle-text">
-                  Use this option if your data is labeled as required for publication on
+                  Use this option if your data is aligned with the SDS 3.0 specification as required for publication on
                   sparc.science. You will be guided through uploading your dataset on Pennsieve.
                 </p>
               </div>
@@ -843,8 +843,12 @@ <h2 class="guided--text-user-directions">
         >
           <h1 class="text-sub-step-title">Dataset destination</h1>
           <div class="guided--section">
+            <p class="help-text">
+              Once you align your dataset in SODA it will be time to generate the compliant version. 
+              Take this opportunity to determine where you would like your dataset to be generated. 
+            </p>
             <h2 class="text-sub-step-title">
-              Select where you would like your dataset to be generated:
+              Where you would like your compliant dataset to be generated:
             </h2>
             <div class="guided--radio-button-container">
               <button
@@ -897,8 +901,65 @@ <h2 class="text-sub-step-title">
                 </div>
                 <div class="tile-button-text">
                   <h2>Local Folder</h2>
+                  <p>Select this option if you want to share your dataset on a repository other than Pennsieve.
+                  </p>
                 </div>
               </button>
+              <button
+              class="guided--radio-button tile-button"
+              id="guided-button-generate-on-cloud"
+              data-button-config-value="generate-local-folder"
+              data-button-config-value-state="yes"
+              data-next-element="guided-section-ask-if-cloud-dataset"
+            >
+              <div class="tile-button-icon">
+                <svg
+                  xmlns="http://www.w3.org/2000/svg"
+                  xmlns:xlink="http://www.w3.org/1999/xlink"
+                  viewBox="0 0 170.5327 84.5895"
+                  height="50px"
+                  width="50px"
+                >
+                  <defs>
+                    <linearGradient
+                      id="linear-gradient"
+                      y1="42.7643"
+                      x2="170.5327"
+                      y2="42.7643"
+                      gradientUnits="userSpaceOnUse"
+                    >
+                      <stop offset="0" stop-color="#0b00bf"></stop>
+                      <stop offset="1" stop-color="#bc00fc"></stop>
+                    </linearGradient>
+                  </defs>
+                  <title>For Sparc</title>
+                  <g id="derivative-logo">
+                    <path
+                      d="M169.0691,57.0889l-60.922-1.5a2.8941,2.8941,0,0,0-2.7225,1.7374l-.0289.0665L99.327,71.3508,87.0724,4.2313l-.0045-.03a3.9867,3.9867,0,0,0-7.8393-.0051L69.6429,55.6522,1.4623,57.3835a1.5,1.5,0,0,0,.0125,3l70.6845,1.2053a2.9235,2.9235,0,0,0,2.9-2.2814l.0259-.1154L83.01,23.8779,95.2029,82.1654l.0113.0551a3,3,0,0,0,5.684.5645l9.237-21.2451,58.9339-1.451a1.5,1.5,0,0,0,0-3Z"
+                      style="fill: url(#linear-gradient)"
+                    ></path>
+                    <path
+                      d="M11.3962.9629c6.9756,0,11.2637,4.48,11.2637,11.583V16.77H16.0681V12.5459c0-3.2637-1.7285-5.2471-4.6719-5.2471-3.0078,0-4.7353,1.9834-4.7353,5.2471a6.6109,6.6109,0,0,0,2.4316,5.0557L17.86,25.8574c2.8154,2.6875,5.3115,5.6319,5.3115,10.56,0,7.1035-4.416,11.583-11.5195,11.583-7.167,0-11.583-4.48-11.583-11.583V32.1924H6.6609V36.417c0,3.2637,1.792,5.2471,4.9912,5.2471,3.1357,0,4.9277-1.9834,4.9277-5.2471a7.4448,7.4448,0,0,0-2.6875-5.44l-8.96-8.3828C1.3494,19.2656.0691,16.45.0691,12.3545.0691,5.4424,4.3572.9629,11.3962.9629Z"
+                    ></path>
+                    <path
+                      d="M44.2927,31.9365V47.5518H37.7009V1.4111H48.9636c7.1035,0,11.583,4.48,11.583,11.583v7.3594c0,7.168-4.4795,11.583-11.583,11.583ZM48.9,25.73c3.1993,0,5.0557-1.92,5.0557-5.1836V12.8027c0-3.2-1.8564-5.1845-5.0557-5.1845H44.2927V25.73Z"
+                    ></path>
+                    <path
+                      d="M116.6443,47.5518h-6.5918V1.4111h11.583c7.1035,0,11.583,4.48,11.583,11.583v6.2715a11.1941,11.1941,0,0,1-5.0557,9.8555c1.8565,5.6318,4.48,13.3115,6.1436,18.4307h-6.72l-5.5674-16.7666h-5.375Zm4.9267-22.9747c3.2,0,5.0557-1.92,5.0557-5.1191V12.8027c0-3.2-1.8555-5.1845-5.0557-5.1845h-4.9267V24.5771Z"
+                    ></path>
+                    <path
+                      d="M170.4656,32.1924V36.417c0,7.1035-4.4151,11.583-11.5186,11.583-7.1679,0-11.583-4.48-11.583-11.583V12.5459c0-7.1035,4.4151-11.583,11.583-11.583,7.1035,0,11.5186,4.48,11.5186,11.583V16.77h-6.5908V12.5459c0-3.2637-1.792-5.2471-4.9278-5.2471-3.2,0-4.9922,1.9834-4.9922,5.2471V36.417c0,3.2637,1.792,5.2471,4.9922,5.2471,3.1358,0,4.9278-1.9834,4.9278-5.2471V32.1924Z"
+                    ></path>
+                  </g>
+                </svg>
+              </div>
+              <div class="tile-button-text">
+                <h2>On the cloud</h2>
+                <p>
+                  Select this option if you want to share your dataset with the K-Core team for review.
+                </p>
+              </div>
+            </button>
               <button
                 class="guided--radio-button tile-button"
                 id="guided-button-generate-pennsieve-folder"
@@ -948,6 +1009,7 @@ <h2>Local Folder</h2>
                 </div>
                 <div class="tile-button-text">
                   <h2>Pennsieve Repository</h2>
+                  <p>Select this option if you want to share your dataset on sparc.science.</p>
                 </div>
               </button>
             </div>
@@ -955,7 +1017,7 @@ <h2>Pennsieve Repository</h2>
 
           <div class="guided--section" id="guided-section-ask-if-cloud-dataset">
             <h2 class="text-sub-step-title">
-              Will the local folder be synced with a cloud storage solution (e.g. Dropbox, Google
+              Do you want the dataset to be synced with the cloud (e.g. Dropbox, Google
               Drive)?
             </h2>
             <div class="guided--radio-button-container">