feat: minor updates to landing page

neurostuff · Oct 13, 2023 · 65cbd9c · 65cbd9c
1 parent 1e84332
commit 65cbd9c
Show file tree

Hide file tree

Showing 7 changed files with 19 additions and 105 deletions.
diff --git a/compose/neurosynth-frontend/src/components/Navbar/NavDrawer/NavDrawer.tsx b/compose/neurosynth-frontend/src/components/Navbar/NavDrawer/NavDrawer.tsx
@@ -117,7 +117,7 @@ const NavDrawer: React.FC<INav> = (props) => {
                             <ListItemIcon>
                                 <OpenInNewIcon />
                             </ListItemIcon>
-                            <ListItemText primary="HELP" sx={{ color: 'black' }} />
+                            <ListItemText primary="DOCS" sx={{ color: 'black' }} />
                         </Button>
                     </ListItem>
                     <ListItem>

diff --git a/compose/neurosynth-frontend/src/components/Navbar/NavToolbar/NavToolbar.styles.ts b/compose/neurosynth-frontend/src/components/Navbar/NavToolbar/NavToolbar.styles.ts
@@ -16,11 +16,7 @@ const NavToolbarStyles: Style = {
         },
     },
     menuItem: {
-        fontSize: {
-            md: '0.7rem',
-            lg: '0.875rem',
-            xl: '1rem',
-        },
+        fontSize: '1rem',
     },
 };
 

diff --git a/compose/neurosynth-frontend/src/components/Navbar/NavToolbar/NavToolbar.tsx b/compose/neurosynth-frontend/src/components/Navbar/NavToolbar/NavToolbar.tsx
@@ -98,7 +98,7 @@ const NavToolbar: React.FC<INav> = (props) => {
                         target="_blank"
                         href="https://neurostuff.github.io/compose-docs/"
                     >
-                        HELP
+                        DOCS
                         <OpenInNewIcon sx={{ marginLeft: '8px', fontSize: '1.2rem' }} />
                     </Button>
                     <NeurosynthAvatar onLogout={props.onLogout} onLogin={props.onLogin} />

diff --git a/compose/neurosynth-frontend/src/components/Navbar/Navbar.styles.ts b/compose/neurosynth-frontend/src/components/Navbar/Navbar.styles.ts
@@ -15,6 +15,10 @@ const NavbarStyles: Style = {
             xs: 'block',
             md: 'none',
         },
+        marginLeft: {
+            xs: '40px',
+            md: '0px',
+        },
     },
     mdUp: {
         display: {
@@ -41,11 +45,7 @@ const NavbarStyles: Style = {
         cursor: 'pointer',
     },
     logoText: {
-        fontSize: {
-            md: '0.75rem',
-            lg: '1rem',
-            xl: '1.25rem',
-        },
+        fontSize: '1.5rem',
     },
 };
 

diff --git a/compose/neurosynth-frontend/src/pages/LandingPage/LandingPage.helpers.tsx b/compose/neurosynth-frontend/src/pages/LandingPage/LandingPage.helpers.tsx
@@ -1,10 +1,8 @@
-import SearchIcon from '@mui/icons-material/Search';
-import AutoAwesomeMotionIcon from '@mui/icons-material/AutoAwesomeMotion';
-import FilterAltIcon from '@mui/icons-material/FilterAlt';
-import SettingsIcon from '@mui/icons-material/Settings';
-import CheckCircleIcon from '@mui/icons-material/CheckCircle';
-
 export const LOGOS: { logoPath: string; alt: string }[] = [
+    {
+        logoPath: '/static/nihlogo.png',
+        alt: 'NIH Logo',
+    },
     {
         logoPath: '/static/utlogo.png',
         alt: 'UT Logo',
@@ -13,10 +11,6 @@ export const LOGOS: { logoPath: string; alt: string }[] = [
         logoPath: '/static/mcgilllogo.png',
         alt: 'McGill Logo',
     },
-    {
-        logoPath: '/static/nihlogo.png',
-        alt: 'NIH Logo',
-    },
     {
         logoPath: '/static/fiulogo.png',
         alt: 'FIU Logo',
@@ -34,35 +28,3 @@ export const LOGOS: { logoPath: string; alt: string }[] = [
         alt: 'Origami Labs Logo',
     },
 ];
-
-export const STEPS = [
-    {
-        icon: <SearchIcon color="primary" />,
-        title: '(1) Search Studies',
-        textContent:
-            'Search titles and abstracts of all articles included in neurosynth, neuroquery, and more.',
-    },
-    {
-        icon: <AutoAwesomeMotionIcon color="primary" />,
-        title: '(2) Create Studyset',
-        textContent: 'Create a collection of studies that meet your search criteria.',
-    },
-    {
-        icon: <FilterAltIcon color="primary" />,
-        title: '(3) Annotate Studyset',
-        textContent:
-            'Annotate each analysis within your study-set with experimental details and inclusion criteria.',
-    },
-    {
-        icon: <SettingsIcon color="primary" />,
-        title: '(4) Specify Meta-Analysis',
-        textContent:
-            'Specify which meta-analytic algorithm and its parameters to apply to your study-set through NiMARE.',
-    },
-    {
-        icon: <CheckCircleIcon color="primary" />,
-        title: '(5) Execute Meta-Analysis',
-        textContent:
-            'Execute the prepared meta-analysis online or on your machine. NiMARE is the primary execution engine downloading the study-set, annotation, and meta-analysis specification for reproducible analysis.',
-    },
-];
diff --git a/compose/neurosynth-frontend/src/pages/LandingPage/PlatformComparisonTable.tsx b/compose/neurosynth-frontend/src/pages/LandingPage/PlatformComparisonTable.tsx
@@ -1,17 +1,14 @@
+import CheckIcon from '@mui/icons-material/Check';
+import CloseIcon from '@mui/icons-material/Close';
 import {
-    Paper,
-    TableContainer,
-    TableRow,
-    TableHead,
+    Box,
     Table,
-    TableCell,
     TableBody,
-    Box,
+    TableCell,
+    TableContainer,
+    TableHead,
+    TableRow,
 } from '@mui/material';
-import CheckCircleIcon from '@mui/icons-material/CheckCircle';
-import CancelIcon from '@mui/icons-material/Cancel';
-import CheckIcon from '@mui/icons-material/Check';
-import CloseIcon from '@mui/icons-material/Close';
 import PlatformComparisonTableStyles from './PlatformComparisonTable.styles';
 
 const PlatformComparisonTable: React.FC = (props) => {

diff --git a/compose/neurosynth-frontend/src/pages/LandingPage/StepperDisplay.tsx b/compose/neurosynth-frontend/src/pages/LandingPage/StepperDisplay.tsx