feat: add asset downloads + change soda for sparc -> SODA (#683)

* feat: update site with latest soda information

* typo: fix tupo in timeline

* feat: add asset downloads

Author: aaronm-2112

public/images/hero/soda-app-macos.png

@@ -56,7 +56,7 @@ export default function ProjectsCarousel() {
       imageUrl: `/images/carousel/sodasparc.png`,
       imageWidth: 320,
       imageHeight: 103,
-      description: `SODA (Software to Organize Data Automatically) for SPARC is a desktop software intended to facilitate the data organization and submission process for SPARC investigators according to the FAIR SPARC data standards.`,
+      description: `SODA (Software to Organize Data Automatically) is a desktop software intended to facilitate the data organization and submission process according to the FAIR SPARC data standards.`,
       page: `/sodaforsparc`,
     },
     {

src/components/home/projectsCarousel.tsx

@@ -8,10 +8,11 @@ export default function About() {
           About
         </p>
         <p className="max-w-2xl font-asap text-xl text-black sm:text-xl lg:mx-auto">
-          SODA (Software to Organize Data Automatically) for SPARC is a
-          cross-platform desktop software that allows SPARC-funded researchers
-          to easily comply with the FAIR SPARC Data curation and sharing
-          guidelines.
+          SODA is a cross-platform desktop software that helps researchers
+          prepare and share FAIR peripheral nervous system (PNS) related data
+          and models using the SPARC Data Structure (SDS) and the SPARC Portal.
+          Since 2021, SODA has been installed on over 1300 computers, empowering
+          researchers worldwide.
         </p>
       </div>
 
@@ -136,14 +137,14 @@ export default function About() {
                 <Icon icon="ep:guide" width={24} height={24} />
               </div>
               <p className="ml-16 text-xl font-medium sm:text-lg">
-                What does SODA for SPARC do?
+                What does SODA do?
               </p>
             </dt>
             <dd className="ml-16 mt-2 font-asap text-lg text-black sm:text-base md:mt-0">
               <div>
-                SODA for SPARC combines intuitive user interfaces and automation
-                such that researchers can efficiently and accurately curate
-                their SPARC datasets.
+                SODA combines intuitive user interfaces and automation such that
+                researchers can efficiently and accurately curate their SPARC
+                datasets.
               </div>
             </dd>
           </div>

src/components/sodaforsparc/about.tsx

@@ -39,15 +39,14 @@ export default function Hero() {
         <div className="container mx-auto flex w-full flex-col-reverse items-center px-1 py-2 sm:py-4 md:py-10 lg:flex-row">
           <div className="mb-2 flex flex-col items-center pt-5 text-center sm:mb-16 sm:pt-0 md:mb-0 md:items-start md:pr-0 md:text-left lg:flex-grow lg:pr-24">
             <h1 className="mb-1 w-full text-center text-3xl font-black sm:text-4xl">
-              SODA for SPARC
+              SODA
             </h1>
             <h2 className="mb-2 w-full text-center text-2xl font-medium sm:text-2xl">
-              Keep Calm and Curate!
+              Software to organize data automatically
             </h2>
             <p className="mb-8 w-full text-center font-asap text-base leading-relaxed text-black">
-              Your one-stop tool for curating and submitting SPARC datasets
+              Streamlining FAIR data sharing
               <br />
-              <i> By SPARC investigators, for SPARC investigators </i>
             </p>
             <div className="flex w-full flex-col justify-center space-y-4 xl:flex-row xl:space-x-4 xl:space-y-0">
               {downloadURL !== `` && (

src/components/sodaforsparc/hero.tsx

@@ -1,7 +1,8 @@
 export default function Impact() {
-  const filesNum = 169;
-  const datasetsNum = 206;
-  const dataNum = 14;
+  const filesNum = 432;
+  const datasetsNum = 234;
+  const dataNum = 35;
+  const assetDownloads = 2158;
 
   return (
     <section className="mx-auto max-w-screen-xl">
@@ -16,6 +17,18 @@ export default function Impact() {
       </div>
 
       <div className="flex flex-col justify-around p-6 sm:flex-row">
+        <div className="m-2 mb-5 flex flex-col items-center justify-center lg:m-6">
+          <p className="my-1 hidden text-center font-lato text-5xl font-bold sm:text-4xl md:text-5xl lg:text-6xl"></p>
+
+          <p className="my-1 text-center font-lato text-5xl font-bold sm:text-4xl md:text-5xl lg:text-6xl">
+            <span id="dataNum">{dataNum}</span>
+            <span>+ TB</span>
+          </p>
+
+          <p className="text-center font-asap text-xl text-black sm:text-lg md:text-xl lg:text-2xl">
+            Data Curated and Shared
+          </p>
+        </div>
         <div className="m-2 mb-5 flex flex-col items-center justify-center lg:m-6">
           <p className="my-1 hidden text-center font-lato text-5xl font-bold sm:text-4xl md:text-5xl lg:text-6xl"></p>
 
@@ -25,31 +38,30 @@ export default function Impact() {
           </p>
 
           <p className="text-center font-asap text-xl text-black sm:text-lg md:text-xl lg:text-2xl">
-            Files touched
+            Files Curated and Shared
           </p>
         </div>
         <div className="m-2 mb-5 flex flex-col items-center justify-center lg:m-6">
           <p className="my-1 hidden text-center font-lato text-5xl font-bold sm:text-4xl md:text-5xl lg:text-6xl"></p>
 
           <p className="my-1 text-center font-lato text-5xl font-bold sm:text-4xl md:text-5xl lg:text-6xl">
             <span id="datasetsNum">{datasetsNum}</span>
-            <span>+</span>
           </p>
 
           <p className="text-center font-asap text-xl text-black sm:text-lg md:text-xl lg:text-2xl">
-            Datasets modified
+            Datasets Published to Sparc.Science
           </p>
         </div>
+
         <div className="m-2 mb-5 flex flex-col items-center justify-center lg:m-6">
           <p className="my-1 hidden text-center font-lato text-5xl font-bold sm:text-4xl md:text-5xl lg:text-6xl"></p>
 
           <p className="my-1 text-center font-lato text-5xl font-bold sm:text-4xl md:text-5xl lg:text-6xl">
-            <span id="dataNum">{dataNum}</span>
-            <span>+ TB</span>
+            <span id="datasetsNum">{assetDownloads}</span>
           </p>
 
           <p className="text-center font-asap text-xl text-black sm:text-lg md:text-xl lg:text-2xl">
-            Data uploaded
+            Downloads
           </p>
         </div>
       </div>

src/components/sodaforsparc/impact.js

@@ -74,10 +74,10 @@ export default function Info() {
               <div className="flex w-full flex-col justify-between sm:flex-row">
                 <div className="mb-10 pr-10 sm:mb-5">
                   <p className="w-full font-asap text-lg text-black">
-                    SODA for SPARC is distributed as an open-source application
-                    with an MIT License. Anyone is free to fork our GitHub
-                    repository and make their own changes if they would like. If
-                    you would like to submit a feature modification, or feature
+                    SODA is distributed as an open-source application with an
+                    MIT License. Anyone is free to fork our GitHub repository
+                    and make their own changes if they would like. If you would
+                    like to submit a feature modification, or feature
                     suggestion, please feel free to submit an issue on the
                     repository.
                   </p>
@@ -204,8 +204,8 @@ export default function Info() {
               <div className="flex w-full flex-col justify-between sm:flex-row">
                 <div className="mb-10 pr-10 sm:mb-5">
                   <p className="w-full font-asap text-lg text-black">
-                    SODA for SPARC is funded by the National Institutes of
-                    Health (NIH)&apos;s SPARC program. The funding was initially
+                    SODA is funded by the National Institutes of Health
+                    (NIH)&apos;s SPARC program. The funding was initially
                     provided as a supplement to an existing SPARC award at CalMI
                     <sup>2</sup>
                     during the first phase of development before now having a

src/components/sodaforsparc/info.tsx

@@ -79,14 +79,13 @@ export default function Home() {
             className="relative flex cursor-pointer flex-col rounded-lg border border-pink-300 bg-white p-1 shadow-md transition-all hover:border-pink-400 hover:shadow-lg md:h-[180px] md:w-7/12"
           >
             <div className="px-8 py-4">
-              <h3 className="mb-2 text-2xl font-bold text-stone-900">
-                SODA for SPARC
-              </h3>
+              <h3 className="mb-2 text-2xl font-bold text-stone-900">SODA</h3>
 
               <p className="font-asap text-lg">
-                Easily make bioelectronic, neurophysiology, and other similar
-                research data and computational models FAIR following the NIH
-                SPARC guidelines
+                SODA is a cross-platform desktop software that helps researchers
+                prepare and share FAIR peripheral nervous system (PNS) related
+                data and models using the SPARC Data Structure (SDS) and the
+                SPARC Portal.
               </p>
             </div>
           </Link>

src/pages/index.tsx

@@ -36,15 +36,15 @@ export default function Home() {
                       </span>
 
                       <h2 className="mb-2 mt-2 w-full text-2xl font-semibold sm:text-2xl">
-                        SODA for SPARC
+                        SODA
                       </h2>
                     </div>
 
                     <p className="w-full font-asap text-lg text-black">
-                      SODA (Software to Organize Data Automatically) for SPARC
-                      is a cross-platform desktop software that allows
-                      SPARC-funded researchers to easily comply with the FAIR
-                      SPARC Data curation and sharing guidelines.
+                      SODA is a cross-platform desktop software that helps
+                      researchers prepare and share FAIR peripheral nervous
+                      system (PNS) related data and models using the SPARC Data
+                      Structure (SDS) and the SPARC Portal.
                     </p>
                   </div>
 

src/pages/projects.tsx

@@ -11,7 +11,7 @@ import PublicationsJSON from '@/assets/data/publications.json';
 const timelineList = [
   {
     longDate: `December 2018`,
-    title: `Birth of SODA for SPARC`,
+    title: `Birth of SODA`,
     content: `The first prototype of SODA for SPARC is developed during the 2018 NIH SPARC Hackathon where it won the People's Choice Award.`,
   },
   {
@@ -34,6 +34,16 @@ const timelineList = [
     title: `Phase IV development`,
     content: `The SPARC data curation and sharing worflows will be further streamlined. Full integration will be achieved with the SDS validator and the new Pennsieve upload method. Support will be provided for the submission of non-SPARC data.`,
   },
+  {
+    longDate: `Sept 2023 - Aug 2024`,
+    title: `Phase V development`,
+    content: `The SODA team improved the user interfaces of SODA and enhanced workflows to further simplify data submission for non-SPARC users and worked with the MBF team for integrated MicroFile+ and Biolucida with SODA (and more).`,
+  },
+  {
+    longDate: `Sept 2024 - Aug 2025`,
+    title: `Phase VI development`,
+    content: `In the final phase of development the SODA team is focusing on bringing the SDS 3.0 to SODA and overall enhancing the user experience by simplifying UIs and presentation.`,
+  },
 ];
 
 const SodaForSparc: React.FC<PublicationsItemList> = ({ publications }) => {
@@ -42,7 +52,9 @@ const SodaForSparc: React.FC<PublicationsItemList> = ({ publications }) => {
       <Seo
         templateTitle="SODA for SPARC"
         templateUrl="https://fairdataihub.org/sodaforsparc"
-        templateDescription="SODA (Software to Organize Data Automatically) for SPARC is a cross-platform desktop software that allows SPARC-funded researchers to easily comply with the FAIR SPARC Data curation and sharing guidelines"
+        templateDescription="SODA is a cross-platform desktop software that helps researchers
+          prepare and share FAIR peripheral nervous system (PNS) related data
+          and models using the SPARC Data Structure (SDS) and the SPARC Portal."
         templateImage="https://fairdataihub.org/thumbnails/sodaforsparc.png"
       />