Connects to #328. Mitochondria paper in publication.

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",

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
+        {' '}
         <ExternalLink
-          to="https://www.biorxiv.org/content/10.1101/2022.09.21.508770v3"
-          label="study's landscape preprint"
-        />{' '}
-        and the{' '}
+          to="https://www.nature.com/articles/s41586-023-06877-w"
+          label="main animal endurance training study"
+        />
+        {' '}
+        and the
+        {' '}
         <ExternalLink
           to="https://motrpac.github.io/MotrpacRatTraining6mo/articles/MotrpacRatTraining6mo.html"
           label="documentation"
-        />{' '}
+        />
+        {' '}
         to learn more.
       </div>
       <GraphicalClusteringIntroduction currentView="pass1b-06-landscape" />
@@ -120,21 +124,23 @@ function MitoChondriaGraphicalAnalysis({ tissue, setTissue }) {
   return (
     <div className="graphical-clustering-summary-container row mb-2">
       <div className="lead col-12 page-summary">
-        Explore the mitochondria-selected (using{' '}
+        Explore the mitochondria-selected (using
+        {' '}
         <ExternalLink
           to="https://www.broadinstitute.org/mitocarta/mitocarta30-inventory-mammalian-mitochondrial-proteins-and-pathways"
           label="MitoCarta"
         />
         ) multi-omic changes and associated pathway enrichment results 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. To learn more,
-        see the{' '}
+        omes' and explore what molecules drive those enrichments. See the
+        {' '}
         <ExternalLink
-          to="https://www.biorxiv.org/content/10.1101/2023.01.13.523698v1"
-          label="MoTrPAC mitochondrial companion preprint"
+          to="https://doi.org/10.1016/j.cmet.2023.12.021"
+          label="animal mitochondrial response study"
         />
-        .
+        {' '}
+        to learn more.
       </div>
       <GraphicalClusteringIntroduction currentView="pass1b-06-mitochondria" />
       <TissueSelection

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"
+            }
+        ]
     }
 ]

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:

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;