From 77eb6d49c66ea8b2b46199f406a70c0ba76c14e1 Mon Sep 17 00:00:00 2001 From: Jimmy Zhen Date: Wed, 1 May 2024 16:10:24 -0700 Subject: [PATCH 1/4] Add the published mitochondria paper to publications and announcements pages --- src/AnnouncementsPage/announcements.json | 27 ++++++++++++++++++++++++ src/Publications/publications.jsx | 8 +++++++ 2 files changed, 35 insertions(+) diff --git a/src/AnnouncementsPage/announcements.json b/src/AnnouncementsPage/announcements.json index 9b5e9ebd..df5b06a4 100644 --- a/src/AnnouncementsPage/announcements.json +++ b/src/AnnouncementsPage/announcements.json @@ -222,5 +222,32 @@ "gaEventAction": "Graphical Clustering" } ] + }, + { + "aid": 11, + "posted_date": "2024-05-02", + "title": "MoTrPAC mitochondrial response study published in Cell Metabolism", + "content": "The MoTrPAC Mitochondria companion paper has been published in the Cell Metabolism. This study provides a multi-omic, cross-tissue atlas of the mitochondrial response to training and identify candidates for prevention of disease-associated mitochondrial dysfunction.", + "metadata": { + "target": "external", + "tags": [ + "companion-paper-published" + ], + "icon": "auto_stories" + }, + "links": [ + { + "label": "The mitochondrial multi-omic response to exercise training across tissues", + "url": "https://doi.org/10.1016/j.cmet.2023.12.021", + "gaEventCategory": "MoTrPAC Companion Paper", + "gaEventAction": "Cell Publication" + }, + { + "label": "Explore mitochondrial-selected multi-omic analysis results presented in this published paper", + "url": "/graphical-clustering", + "gaEventCategory": "MoTrPAC Companion Paper", + "gaEventAction": "Graphical Clustering" + } + ] } ] diff --git a/src/Publications/publications.jsx b/src/Publications/publications.jsx index 90f90cca..d74e0e65 100644 --- a/src/Publications/publications.jsx +++ b/src/Publications/publications.jsx @@ -3,6 +3,14 @@ import PageTitle from '../lib/ui/pageTitle'; import ExternalLink from '../lib/ui/externalLink'; const publications = [ + { + url: 'https://doi.org/10.1016/j.cmet.2023.12.021', + title: + 'The mitochondrial multi-omic response to exercise training across tissues', + authors: + 'Amar D, Gay NR, Jimenez-Morales D, Jean Beltran PM, Ramaker ME, Raja AN, Zhao B, Sun Y, Marwaha S, Gaul DA, Hershman SG, Ferrasse A, Xia A, Lanza I, Fernández FM, Montgomery SB, Hevener AL, Ashley EA, Walsh MJ, Sparks LM, Burant CF, Rector SR, Thyfault J, Wheeler MT, Goodpaster BH, Coen PM, Schenk S, Bodine SC, Lindholm ME and The MoTrPAC Study Group.', + cite: 'Cell Metabolism 36, 1-19, June 4, 2024.', + }, { url: 'https://www.nature.com/articles/s41586-023-06877-w', title: From 8813d46ff110f5576b797f3f8983048f2df18817 Mon Sep 17 00:00:00 2001 From: Jimmy Zhen Date: Wed, 1 May 2024 17:51:55 -0700 Subject: [PATCH 2/4] Update app version --- package.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/package.json b/package.json index af23d510..9dc76e56 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "MoTrPAC", - "version": "2.0.0-dev.6", + "version": "2.0.2", "private": true, "dependencies": { "auth0-js": "9.20.0", From 50d2630a908204f83ba31c8727c9da5a144cec25 Mon Sep 17 00:00:00 2001 From: Jimmy Zhen Date: Wed, 1 May 2024 17:52:31 -0700 Subject: [PATCH 3/4] Add responsive CSS for iphone 12/13 viewports --- src/sass/_landingPage.scss | 180 ++++++++++++++++++++++++++++++++++++- 1 file changed, 179 insertions(+), 1 deletion(-) diff --git a/src/sass/_landingPage.scss b/src/sass/_landingPage.scss index 4ab88c34..ba6444c7 100644 --- a/src/sass/_landingPage.scss +++ b/src/sass/_landingPage.scss @@ -1397,7 +1397,185 @@ section { } } -/* Phone portrait at 375x667 (e.g. iPhone 8) or smaller */ +/* Phone portrait at 390x844 (e.g. iPhone12/13 + Pro) or smaller */ +@media (max-width: 398px) { + body { + padding-top: 3.75rem; + } + + .content-container { + justify-content: center; + + section { + .animated-down-arrow { + display: none; + } + + &.first { + .section-content-container { + height: 73vh; + margin-top: -7.4rem; + + .logo-container { + margin-bottom: 1.5rem; + img { + width: 100%; + max-width: 18.0rem; + } + } + + .display-2 { + font-size: 2.75rem; + } + + .display-3 { + font-size: 2.25rem; + } + + p.hero { + margin-top: 1.25rem; + margin-bottom: 0.25rem; + line-height: 1.25; + + a { + font-size: 1.15rem; + } + } + + .highlighted-links-container { + .btn { + font-size: 0.8rem; + max-width: 150px; + } + } + + .office-hour-anchor-link-container { + margin-top: 2.5rem; + padding: 0 0.75rem; + + .office-hour-anchor-link { + border-radius: 2.35rem; + box-shadow: inset 0rem 4.5rem rgba(255, 255, 255, 0.2); + font-size: 1.15rem; + } + } + } + } + + &.third { + .section-content-container { + height: 60vh; + padding-top: 0; + + .container { + h1 { + font-size: 1.65rem; + line-height: 1.35; + } + } + } + } + + &.fourth { + .section-content-container { + height: 55vh; + padding-top: 0; + + #heatmap-container { + width: 100% !important; + min-width: 355px !important; + min-height: 220px !important; + } + + .container { + h1 { + font-size: 1.65rem; + line-height: 1.35; + } + } + } + } + + &.fifth { + .section-content-container { + height: 85vh; + + .content { + h1 { + font-size: 1.85rem; + line-height: 1.35; + } + + .btn { + font-size: 1.15rem; + } + } + + .feature-image { + max-width: 90%; + margin: 2.0rem 1.25rem !important; + padding: 2.0rem 2.15rem !important; + } + } + } + + &.seventh { + .section-content-container { + padding-top: 0em; + padding-bottom: 1.5em; + + .content-code-repository { + min-height: 350px; + margin-bottom: 5.0em; + + .feature-image { + text-align: center; + + img { + height: 26.0rem; + transition: height 0.5s ease; + + &:hover { + height: 27.0rem; + } + } + } + } + + .content { + h1 { + margin-bottom: 0.25rem; + + .material-icons { + color: #56bf46; + font-size: 4.25rem !important; + margin-left: -6px; + } + } + + p { + color: $stanford-black; + font-size: 1.3rem; + line-height: 1.4; + } + + .btn { + font-size: 1.15rem; + margin-top: 1.15rem !important; + } + } + + .office-hour-banner { + margin-left: 1.0rem !important; + margin-right: 1.0rem !important; + } + } + } + } + } +} + +/* Phone portrait at 375x667 (e.g. iPhone 8 or iPhone 11 Pro) or smaller */ @media (max-width: 375px) { body { padding-top: 3.75rem; From c664f9c24f8571fab9a6226484fe877f352aad23 Mon Sep 17 00:00:00 2001 From: Jimmy Zhen Date: Wed, 1 May 2024 19:04:53 -0700 Subject: [PATCH 4/4] Updated links to the published landscape and mitochondria papers --- .../graphicalClusteringPage.jsx | 30 +++++++++++-------- 1 file changed, 18 insertions(+), 12 deletions(-) diff --git a/src/AnalysisPage/GraphicalClustering/graphicalClusteringPage.jsx b/src/AnalysisPage/GraphicalClustering/graphicalClusteringPage.jsx index 4cc0fca6..21e4ee78 100644 --- a/src/AnalysisPage/GraphicalClustering/graphicalClusteringPage.jsx +++ b/src/AnalysisPage/GraphicalClustering/graphicalClusteringPage.jsx @@ -90,16 +90,20 @@ function LandscapeGraphicalClustering({ tissue, setTissue }) { over the training time course per tissue in adult rats. Compare responses between male and female rats, identify pathways affected in single or multiple omes' and explore what molecules drive those - enrichments. See the{' '} + enrichments. See the + {' '} {' '} - and the{' '} + to="https://www.nature.com/articles/s41586-023-06877-w" + label="main animal endurance training study" + /> + {' '} + and the + {' '} {' '} + /> + {' '} to learn more. @@ -120,7 +124,8 @@ function MitoChondriaGraphicalAnalysis({ tissue, setTissue }) { return (
- Explore the mitochondria-selected (using{' '} + Explore the mitochondria-selected (using + {' '} - . + {' '} + to learn more.