diff --git a/src/LandingPage/components/figure1c.jsx b/src/LandingPage/components/figure1c.jsx index 820ea825..64feac38 100644 --- a/src/LandingPage/components/figure1c.jsx +++ b/src/LandingPage/components/figure1c.jsx @@ -53,10 +53,10 @@ const assayMap = { }; const omeColors = [ - { type: 'Genomics', color: '#FC8D62' }, - { type: 'Proteomics', color: '#8DA0CB' }, - { type: 'Metabolomics', color: '#66C2A5' }, - { type: 'Immunoassays', color: '#E78AC3' }, + { type: 'Genomics', color: '#ff8839' }, + { type: 'Proteomics', color: '#dba0ff' }, + { type: 'Immunoassays', color: '#f9e802' }, + { type: 'Metabolomics', color: '#31fd94' }, ]; /** diff --git a/src/LandingPage/landingPage.jsx b/src/LandingPage/landingPage.jsx index 1727315d..2b551d1f 100644 --- a/src/LandingPage/landingPage.jsx +++ b/src/LandingPage/landingPage.jsx @@ -169,6 +169,13 @@ export function LandingPage({ isAuthenticated, profile }) { console.log(networkNodes); }, [networkNodes]); + const goToExternalLink = useCallback(() => { + window.open( + 'https://www.biorxiv.org/content/10.1101/2022.09.21.508770v3', + '_blank', + ); + }, []); + // Redirect authenticated users to protected route const hasAccess = profile.user_metadata && profile.user_metadata.hasAccess; if (isAuthenticated && hasAccess) { @@ -191,7 +198,7 @@ export function LandingPage({ isAuthenticated, profile }) {

About MoTrPAC

- Molecular Transducers of Physical Activity Consortium + Molecular Transducers of Physical Activity Consortium (MoTrPAC) {' '} is a national research consortium. Its goal is to{' '} @@ -201,16 +208,25 @@ export function LandingPage({ isAuthenticated, profile }) { activity improves and preserves health. We aim to generate a molecular map of the effects of exercise.

- - PROJECT OVERVIEW - +
+ + PROJECT OVERVIEW + + + VIDEO TUTORIALS + +
- Join us at the monthly office hour to learn more + Join our monthly open office event to learn more
@@ -287,7 +303,7 @@ export function LandingPage({ isAuthenticated, profile }) { LEARN MORE -
+
{' '} + to learn more.

diff --git a/src/assets/figures/pass1b-06-molecular-profiling.png b/src/assets/figures/pass1b-06-molecular-profiling.png deleted file mode 100644 index 2fe1479f..00000000 Binary files a/src/assets/figures/pass1b-06-molecular-profiling.png and /dev/null differ diff --git a/src/assets/figures/pass1b-06-molecular-profiling.svg b/src/assets/figures/pass1b-06-molecular-profiling.svg new file mode 100644 index 00000000..83fd8199 --- /dev/null +++ b/src/assets/figures/pass1b-06-molecular-profiling.svg @@ -0,0 +1,2847 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/src/assets/teamMemberPhotos/Brooke.jpg b/src/assets/teamMemberPhotos/Brooke.jpg index 62bcff2e..3d4aef1a 100644 Binary files a/src/assets/teamMemberPhotos/Brooke.jpg and b/src/assets/teamMemberPhotos/Brooke.jpg differ diff --git a/src/assets/teamMemberPhotos/Mia.jpg b/src/assets/teamMemberPhotos/Mia.jpg new file mode 100644 index 00000000..5f69189d Binary files /dev/null and b/src/assets/teamMemberPhotos/Mia.jpg differ diff --git a/src/lib/teamInfo.js b/src/lib/teamInfo.js index 52623c5a..6030f4c4 100644 --- a/src/lib/teamInfo.js +++ b/src/lib/teamInfo.js @@ -28,6 +28,7 @@ import ChelseaImg from '../assets/teamMemberPhotos/Chelsea.jpg'; import JayImg from '../assets/teamMemberPhotos/Jay.jpg'; import SamImg from '../assets/teamMemberPhotos/Sam.jpg'; import DanImg from '../assets/teamMemberPhotos/Dan.jpg'; +import MiaImg from '../assets/teamMemberPhotos/Mia.jpg'; const teamInfo = { PIs: [ @@ -115,14 +116,19 @@ const teamInfo = { }, { name: 'Terra Coakley', - title: 'Program Manager', + title: 'Administrative Director', image: TerraImg, }, { - name: 'Brooke Zelnik', - title: 'Administrative Associate', + name: 'Brooke Gazzoli', + title: 'Administrative Supervisor', image: BrookeImg, }, + { + name: 'Mia Levanto', + title: 'CRCA/Program Manager', + image: MiaImg, + }, ], CoIs: [ { diff --git a/src/sass/_landingPage.scss b/src/sass/_landingPage.scss index afde76e0..8ef6b11a 100644 --- a/src/sass/_landingPage.scss +++ b/src/sass/_landingPage.scss @@ -80,6 +80,14 @@ box-shadow: 0 0 2.0em 0.1em rgba(0, 0, 0, 0.25); } + .highlighted-links-container { + a { + font-weight: 500; + margin-left: 0.75em; + margin-right: 0.75em; + } + } + .office-hour-anchor-link-container { margin-top: 4.0em; @@ -90,15 +98,15 @@ display: inline-block; font-size: 1.35rem; font-weight: 400; - opacity: 0.7; - padding: 0.3rem 1.55rem; + opacity: 1.0; + box-shadow: inset 0rem 3.0rem rgba(255, 255, 255, 0.22); + padding: 0.3rem 1.55rem 0.35rem 1.55rem; text-decoration: none; - text-shadow: 0 0 0.1em rgba(0, 0, 0, 0.75); + text-shadow: 0 0.15em 0.15em rgba(0, 0, 0, 0.8); transition: ease-in-out 0.25s; &:hover { - opacity: 1.0; - box-shadow: inset 0rem 3.0rem rgba(255, 255, 255, 0.22); + text-shadow: 0 0.25em 0.25em rgba(0, 0, 0, 1.0); } } } @@ -169,8 +177,14 @@ background-color: #fff; border-radius: 0.75rem; box-shadow: 0 2em 3em rgba(0, 0, 0, 0.5); + cursor: pointer; padding: 2.5rem 2.65rem; text-align: center; + transition: all 0.25s ease-out; + + &:hover { + padding: 2.25rem 2.4rem; + } img { width: 100%; @@ -294,7 +308,8 @@ body.homepage { .tick:nth-child(7), .tick:nth-child(8) { text { - fill: #FC8D62; + fill: #ff8839; + text-shadow: 0 0 0.15rem rgba(0, 0, 0, 1), 0 0 0.5rem rgba(0, 0, 0, 0.5); } } .tick:nth-child(3), @@ -302,17 +317,20 @@ body.homepage { .tick:nth-child(5), .tick:nth-child(6) { text { - fill: #8DA0CB; + fill: #dba0ff; + text-shadow: 0 0 0.15rem rgba(0, 0, 0, 1), 0 0 0.5rem rgba(0, 0, 0, 0.5); } } .tick:nth-child(2) { text { - fill: #66C2A5; + fill: #f9e802; + text-shadow: 0 0 0.15rem rgba(0, 0, 0, 1), 0 0 0.5rem rgba(0, 0, 0, 0.5); } } .tick:first-child { text { - fill: #E78AC3; + fill: #31fd94; + text-shadow: 0 0 0.15rem rgba(0, 0, 0, 1), 0 0 0.5rem rgba(0, 0, 0, 0.5); } } }