diff --git a/src/AnalysisPage/GraphicalClustering/Pass1bLandscapeTissues/ADRNL.jsx b/src/AnalysisPage/GraphicalClustering/Pass1bLandscapeTissues/ADRNL.jsx
index f58acabd..d93eb3b8 100644
--- a/src/AnalysisPage/GraphicalClustering/Pass1bLandscapeTissues/ADRNL.jsx
+++ b/src/AnalysisPage/GraphicalClustering/Pass1bLandscapeTissues/ADRNL.jsx
@@ -4,6 +4,7 @@ import {
   tocbotConfig,
   pass1b06GraphicalClusteringLandscapeImageLocation,
 } from '../sharedLib';
+import DataVizLink from '../components/dataVizLink';
 
 function GraphicalAnalysisAdrenal() {
   // initialize table of contents
@@ -36,6 +37,11 @@ function GraphicalAnalysisAdrenal() {
               <p>
                 <img src={`${imageURL}/figure_1.png`} width="100%" alt="" />
               </p>
+              <DataVizLink
+                title="trajectory"
+                tissue="Adrenal"
+                plotType="Tree"
+              />
             </div>
             <div className="section level3">
               <h3 id="top-clusters">Top clusters</h3>
@@ -47,6 +53,11 @@ function GraphicalAnalysisAdrenal() {
               <p>
                 <img src={`${imageURL}/figure_2.png`} width="100%" alt="" />
               </p>
+              <DataVizLink
+                title="cluster"
+                tissue="Adrenal"
+                plotType="Histogram"
+              />
             </div>
           </div>
           <div className="section level2">
diff --git a/src/AnalysisPage/GraphicalClustering/Pass1bLandscapeTissues/BAT.jsx b/src/AnalysisPage/GraphicalClustering/Pass1bLandscapeTissues/BAT.jsx
index e1c9957c..c7b20973 100644
--- a/src/AnalysisPage/GraphicalClustering/Pass1bLandscapeTissues/BAT.jsx
+++ b/src/AnalysisPage/GraphicalClustering/Pass1bLandscapeTissues/BAT.jsx
@@ -4,6 +4,7 @@ import {
   tocbotConfig,
   pass1b06GraphicalClusteringLandscapeImageLocation,
 } from '../sharedLib';
+import DataVizLink from '../components/dataVizLink';
 
 function GraphicalAnalysisBrownAdipose() {
   // initialize table of contents
@@ -36,6 +37,11 @@ function GraphicalAnalysisBrownAdipose() {
               <p>
                 <img src={`${imageURL}/figure_1.png`} width="100%" alt="" />
               </p>
+              <DataVizLink
+                title="trajectory"
+                tissue="Brown Adipose"
+                plotType="Tree"
+              />
             </div>
             <div className="section level3">
               <h3 id="top-clusters">Top clusters</h3>
@@ -47,6 +53,11 @@ function GraphicalAnalysisBrownAdipose() {
               <p>
                 <img src={`${imageURL}/figure_2.png`} width="100%" alt="" />
               </p>
+              <DataVizLink
+                title="cluster"
+                tissue="Brown Adipose"
+                plotType="Histogram"
+              />
             </div>
           </div>
           <div className="section level2">
diff --git a/src/AnalysisPage/GraphicalClustering/Pass1bLandscapeTissues/BLOOD.jsx b/src/AnalysisPage/GraphicalClustering/Pass1bLandscapeTissues/BLOOD.jsx
index 88a469c1..b36321db 100644
--- a/src/AnalysisPage/GraphicalClustering/Pass1bLandscapeTissues/BLOOD.jsx
+++ b/src/AnalysisPage/GraphicalClustering/Pass1bLandscapeTissues/BLOOD.jsx
@@ -4,6 +4,7 @@ import {
   tocbotConfig,
   pass1b06GraphicalClusteringLandscapeImageLocation,
 } from '../sharedLib';
+import DataVizLink from '../components/dataVizLink';
 
 function GraphicalAnalysisBlood() {
   // initialize table of contents
@@ -35,6 +36,11 @@ function GraphicalAnalysisBlood() {
               <p>
                 <img src={`${imageURL}/figure_1.png`} width="100%" alt="" />
               </p>
+              <DataVizLink
+                title="trajectory"
+                tissue="Blood RNA"
+                plotType="Tree"
+              />
             </div>
             <div className="section level3">
               <h3 id="top-clusters">Top clusters</h3>
@@ -45,6 +51,11 @@ function GraphicalAnalysisBlood() {
               <p>
                 <img src={`${imageURL}/figure_2.png`} width="100%" alt="" />
               </p>
+              <DataVizLink
+                title="cluster"
+                tissue="Blood RNA"
+                plotType="Histogram"
+              />
             </div>
           </div>
           <div className="section level2">
diff --git a/src/AnalysisPage/GraphicalClustering/Pass1bLandscapeTissues/COLON.jsx b/src/AnalysisPage/GraphicalClustering/Pass1bLandscapeTissues/COLON.jsx
index 5e2f9107..c4ccf1d5 100644
--- a/src/AnalysisPage/GraphicalClustering/Pass1bLandscapeTissues/COLON.jsx
+++ b/src/AnalysisPage/GraphicalClustering/Pass1bLandscapeTissues/COLON.jsx
@@ -4,6 +4,7 @@ import {
   tocbotConfig,
   pass1b06GraphicalClusteringLandscapeImageLocation,
 } from '../sharedLib';
+import DataVizLink from '../components/dataVizLink';
 
 function GraphicalAnalysisColon() {
   // initialize table of contents
@@ -36,6 +37,7 @@ function GraphicalAnalysisColon() {
               <p>
                 <img src={`${imageURL}/figure_1.png`} width="100%" alt="" />
               </p>
+              <DataVizLink title="trajectory" tissue="Colon" plotType="Tree" />
             </div>
             <div className="section level3">
               <h3 id="top-clusters">Top clusters</h3>
@@ -47,6 +49,11 @@ function GraphicalAnalysisColon() {
               <p>
                 <img src={`${imageURL}/figure_2.png`} width="100%" alt="" />
               </p>
+              <DataVizLink
+                title="cluster"
+                tissue="Colon"
+                plotType="Histogram"
+              />
             </div>
           </div>
           <div className="section level2">
diff --git a/src/AnalysisPage/GraphicalClustering/Pass1bLandscapeTissues/CORTEX.jsx b/src/AnalysisPage/GraphicalClustering/Pass1bLandscapeTissues/CORTEX.jsx
index c39a310d..38f44238 100644
--- a/src/AnalysisPage/GraphicalClustering/Pass1bLandscapeTissues/CORTEX.jsx
+++ b/src/AnalysisPage/GraphicalClustering/Pass1bLandscapeTissues/CORTEX.jsx
@@ -4,6 +4,7 @@ import {
   tocbotConfig,
   pass1b06GraphicalClusteringLandscapeImageLocation,
 } from '../sharedLib';
+import DataVizLink from '../components/dataVizLink';
 
 function GraphicalAnalysisCortex() {
   // initialize table of contents
@@ -36,6 +37,7 @@ function GraphicalAnalysisCortex() {
               <p>
                 <img src={`${imageURL}/figure_1.png`} width="100%" alt="" />
               </p>
+              <DataVizLink title="trajectory" tissue="Cortex" plotType="Tree" />
             </div>
             <div className="section level3">
               <h3 id="top-clusters">Top clusters</h3>
@@ -47,6 +49,11 @@ function GraphicalAnalysisCortex() {
               <p>
                 <img src={`${imageURL}/figure_2.png`} width="100%" alt="" />
               </p>
+              <DataVizLink
+                title="cluster"
+                tissue="Cortex"
+                plotType="Histogram"
+              />
             </div>
           </div>
           <div className="section level2">
diff --git a/src/AnalysisPage/GraphicalClustering/Pass1bLandscapeTissues/HEART.jsx b/src/AnalysisPage/GraphicalClustering/Pass1bLandscapeTissues/HEART.jsx
index e71f0c9a..7932b2b3 100644
--- a/src/AnalysisPage/GraphicalClustering/Pass1bLandscapeTissues/HEART.jsx
+++ b/src/AnalysisPage/GraphicalClustering/Pass1bLandscapeTissues/HEART.jsx
@@ -4,6 +4,7 @@ import {
   tocbotConfig,
   pass1b06GraphicalClusteringLandscapeImageLocation,
 } from '../sharedLib';
+import DataVizLink from '../components/dataVizLink';
 
 function GraphicalAnalysisHeart() {
   // initialize table of contents
@@ -36,6 +37,7 @@ function GraphicalAnalysisHeart() {
               <p>
                 <img src={`${imageURL}/figure_1.png`} width="100%" alt="" />
               </p>
+              <DataVizLink title="trajectory" tissue="Heart" plotType="Tree" />
             </div>
             <div className="section level3">
               <h3 id="top-clusters">Top clusters</h3>
@@ -47,6 +49,11 @@ function GraphicalAnalysisHeart() {
               <p>
                 <img src={`${imageURL}/figure_2.png`} width="100%" alt="" />
               </p>
+              <DataVizLink
+                title="cluster"
+                tissue="Heart"
+                plotType="Histogram"
+              />
             </div>
           </div>
           <div className="section level2">
diff --git a/src/AnalysisPage/GraphicalClustering/Pass1bLandscapeTissues/HIPPOC.jsx b/src/AnalysisPage/GraphicalClustering/Pass1bLandscapeTissues/HIPPOC.jsx
index 3e60cc7d..866b1978 100644
--- a/src/AnalysisPage/GraphicalClustering/Pass1bLandscapeTissues/HIPPOC.jsx
+++ b/src/AnalysisPage/GraphicalClustering/Pass1bLandscapeTissues/HIPPOC.jsx
@@ -4,6 +4,7 @@ import {
   tocbotConfig,
   pass1b06GraphicalClusteringLandscapeImageLocation,
 } from '../sharedLib';
+import DataVizLink from '../components/dataVizLink';
 
 function GraphicalAnalysisHippocampus() {
   // initialize table of contents
@@ -36,6 +37,11 @@ function GraphicalAnalysisHippocampus() {
               <p>
                 <img src={`${imageURL}/figure_1.png`} width="100%" alt="" />
               </p>
+              <DataVizLink
+                title="trajectory"
+                tissue="Hippocampus"
+                plotType="Tree"
+              />
             </div>
             <div className="section level3">
               <h3 id="top-clusters">Top clusters</h3>
@@ -47,6 +53,11 @@ function GraphicalAnalysisHippocampus() {
               <p>
                 <img src={`${imageURL}/figure_2.png`} width="100%" alt="" />
               </p>
+              <DataVizLink
+                title="cluster"
+                tissue="Hippocampus"
+                plotType="Histogram"
+              />
             </div>
           </div>
           <div className="section level2">
diff --git a/src/AnalysisPage/GraphicalClustering/Pass1bLandscapeTissues/HYPOTH.jsx b/src/AnalysisPage/GraphicalClustering/Pass1bLandscapeTissues/HYPOTH.jsx
index b41e5b3a..6119b421 100644
--- a/src/AnalysisPage/GraphicalClustering/Pass1bLandscapeTissues/HYPOTH.jsx
+++ b/src/AnalysisPage/GraphicalClustering/Pass1bLandscapeTissues/HYPOTH.jsx
@@ -4,6 +4,7 @@ import {
   tocbotConfig,
   pass1b06GraphicalClusteringLandscapeImageLocation,
 } from '../sharedLib';
+import DataVizLink from '../components/dataVizLink';
 
 function GraphicalAnalysisHypothalamus() {
   // initialize table of contents
@@ -35,6 +36,11 @@ function GraphicalAnalysisHypothalamus() {
               <p>
                 <img src={`${imageURL}/figure_1.png`} width="100%" alt="" />
               </p>
+              <DataVizLink
+                title="trajectory"
+                tissue="Hypothalamus"
+                plotType="Tree"
+              />
             </div>
             <div className="section level3">
               <h3 id="top-clusters">Top clusters</h3>
@@ -45,6 +51,11 @@ function GraphicalAnalysisHypothalamus() {
               <p>
                 <img src={`${imageURL}/figure_2.png`} width="100%" alt="" />
               </p>
+              <DataVizLink
+                title="cluster"
+                tissue="Hypothalamus"
+                plotType="Histogram"
+              />
             </div>
           </div>
           <div className="section level2">
diff --git a/src/AnalysisPage/GraphicalClustering/Pass1bLandscapeTissues/KIDNEY.jsx b/src/AnalysisPage/GraphicalClustering/Pass1bLandscapeTissues/KIDNEY.jsx
index 3b8f6af8..fbe50a64 100644
--- a/src/AnalysisPage/GraphicalClustering/Pass1bLandscapeTissues/KIDNEY.jsx
+++ b/src/AnalysisPage/GraphicalClustering/Pass1bLandscapeTissues/KIDNEY.jsx
@@ -4,6 +4,7 @@ import {
   tocbotConfig,
   pass1b06GraphicalClusteringLandscapeImageLocation,
 } from '../sharedLib';
+import DataVizLink from '../components/dataVizLink';
 
 function GraphicalAnalysisKidney() {
   // initialize table of contents
@@ -35,6 +36,7 @@ function GraphicalAnalysisKidney() {
               <p>
                 <img src={`${imageURL}/figure_1.png`} width="100%" alt="" />
               </p>
+              <DataVizLink title="trajectory" tissue="Kidney" plotType="Tree" />
             </div>
             <div className="section level3">
               <h3 id="top-clusters">Top clusters</h3>
@@ -45,6 +47,11 @@ function GraphicalAnalysisKidney() {
               <p>
                 <img src={`${imageURL}/figure_2.png`} width="100%" alt="" />
               </p>
+              <DataVizLink
+                title="cluster"
+                tissue="Kidney"
+                plotType="Histogram"
+              />
             </div>
           </div>
           <div className="section level2">
diff --git a/src/AnalysisPage/GraphicalClustering/Pass1bLandscapeTissues/LIVER.jsx b/src/AnalysisPage/GraphicalClustering/Pass1bLandscapeTissues/LIVER.jsx
index 7c52c28c..4805e42e 100644
--- a/src/AnalysisPage/GraphicalClustering/Pass1bLandscapeTissues/LIVER.jsx
+++ b/src/AnalysisPage/GraphicalClustering/Pass1bLandscapeTissues/LIVER.jsx
@@ -4,6 +4,7 @@ import {
   tocbotConfig,
   pass1b06GraphicalClusteringLandscapeImageLocation,
 } from '../sharedLib';
+import DataVizLink from '../components/dataVizLink';
 
 function GraphicalAnalysisLiver() {
   // initialize table of contents
@@ -35,6 +36,7 @@ function GraphicalAnalysisLiver() {
               <p>
                 <img src={`${imageURL}/figure_1.png`} width="100%" alt="" />
               </p>
+              <DataVizLink title="trajectory" tissue="Liver" plotType="Tree" />
             </div>
             <div className="section level3">
               <h3 id="top-clusters">Top clusters</h3>
@@ -45,6 +47,11 @@ function GraphicalAnalysisLiver() {
               <p>
                 <img src={`${imageURL}/figure_2.png`} width="100%" alt="" />
               </p>
+              <DataVizLink
+                title="cluster"
+                tissue="Liver"
+                plotType="Histogram"
+              />
             </div>
           </div>
           <div className="section level2">
diff --git a/src/AnalysisPage/GraphicalClustering/Pass1bLandscapeTissues/LUNG.jsx b/src/AnalysisPage/GraphicalClustering/Pass1bLandscapeTissues/LUNG.jsx
index 8b8fce43..b9343560 100644
--- a/src/AnalysisPage/GraphicalClustering/Pass1bLandscapeTissues/LUNG.jsx
+++ b/src/AnalysisPage/GraphicalClustering/Pass1bLandscapeTissues/LUNG.jsx
@@ -4,6 +4,7 @@ import {
   tocbotConfig,
   pass1b06GraphicalClusteringLandscapeImageLocation,
 } from '../sharedLib';
+import DataVizLink from '../components/dataVizLink';
 
 function GraphicalAnalysisLung() {
   // initialize table of contents
@@ -35,6 +36,7 @@ function GraphicalAnalysisLung() {
               <p>
                 <img src={`${imageURL}/figure_1.png`} width="100%" alt="" />
               </p>
+              <DataVizLink title="trajectory" tissue="Lung" plotType="Tree" />
             </div>
             <div className="section level3">
               <h3 id="top-clusters">Top clusters</h3>
@@ -45,6 +47,7 @@ function GraphicalAnalysisLung() {
               <p>
                 <img src={`${imageURL}/figure_2.png`} width="100%" alt="" />
               </p>
+              <DataVizLink title="cluster" tissue="Lung" plotType="Histogram" />
             </div>
           </div>
           <div className="section level2">
diff --git a/src/AnalysisPage/GraphicalClustering/Pass1bLandscapeTissues/PLASMA.jsx b/src/AnalysisPage/GraphicalClustering/Pass1bLandscapeTissues/PLASMA.jsx
index 991e93a9..b1ee741c 100644
--- a/src/AnalysisPage/GraphicalClustering/Pass1bLandscapeTissues/PLASMA.jsx
+++ b/src/AnalysisPage/GraphicalClustering/Pass1bLandscapeTissues/PLASMA.jsx
@@ -4,6 +4,7 @@ import {
   tocbotConfig,
   pass1b06GraphicalClusteringLandscapeImageLocation,
 } from '../sharedLib';
+import DataVizLink from '../components/dataVizLink';
 
 function GraphicalAnalysisPlasma() {
   // initialize table of contents
@@ -35,6 +36,7 @@ function GraphicalAnalysisPlasma() {
               <p>
                 <img src={`${imageURL}/figure_1.png`} width="100%" alt="" />
               </p>
+              <DataVizLink title="trajectory" tissue="Plasma" plotType="Tree" />
             </div>
             <div className="section level3">
               <h3 id="top-clusters">Top clusters</h3>
@@ -45,6 +47,11 @@ function GraphicalAnalysisPlasma() {
               <p>
                 <img src={`${imageURL}/figure_2.png`} width="100%" alt="" />
               </p>
+              <DataVizLink
+                title="cluster"
+                tissue="Plasma"
+                plotType="Histogram"
+              />
             </div>
           </div>
           <div className="section level2">
diff --git a/src/AnalysisPage/GraphicalClustering/Pass1bLandscapeTissues/SKM_GN.jsx b/src/AnalysisPage/GraphicalClustering/Pass1bLandscapeTissues/SKM_GN.jsx
index 93485d07..1ef7107a 100644
--- a/src/AnalysisPage/GraphicalClustering/Pass1bLandscapeTissues/SKM_GN.jsx
+++ b/src/AnalysisPage/GraphicalClustering/Pass1bLandscapeTissues/SKM_GN.jsx
@@ -4,6 +4,7 @@ import {
   tocbotConfig,
   pass1b06GraphicalClusteringLandscapeImageLocation,
 } from '../sharedLib';
+import DataVizLink from '../components/dataVizLink';
 
 function GraphicalAnalysisGastrocnemius() {
   // initialize table of contents
@@ -36,6 +37,11 @@ function GraphicalAnalysisGastrocnemius() {
               <p>
                 <img src={`${imageURL}/figure_1.png`} width="100%" alt="" />
               </p>
+              <DataVizLink
+                title="trajectory"
+                tissue="Gastrocnemius"
+                plotType="Tree"
+              />
             </div>
             <div className="section level3">
               <h3 id="top-clusters">Top clusters</h3>
@@ -47,6 +53,11 @@ function GraphicalAnalysisGastrocnemius() {
               <p>
                 <img src={`${imageURL}/figure_2.png`} width="100%" alt="" />
               </p>
+              <DataVizLink
+                title="cluster"
+                tissue="Gastrocnemius"
+                plotType="Histogram"
+              />
             </div>
           </div>
           <div className="section level2">
diff --git a/src/AnalysisPage/GraphicalClustering/Pass1bLandscapeTissues/SKM_VL.jsx b/src/AnalysisPage/GraphicalClustering/Pass1bLandscapeTissues/SKM_VL.jsx
index aceae160..05b3cb62 100644
--- a/src/AnalysisPage/GraphicalClustering/Pass1bLandscapeTissues/SKM_VL.jsx
+++ b/src/AnalysisPage/GraphicalClustering/Pass1bLandscapeTissues/SKM_VL.jsx
@@ -4,6 +4,7 @@ import {
   tocbotConfig,
   pass1b06GraphicalClusteringLandscapeImageLocation,
 } from '../sharedLib';
+import DataVizLink from '../components/dataVizLink';
 
 function GraphicalAnalysisVastusLateralis() {
   // initialize table of contents
@@ -35,6 +36,11 @@ function GraphicalAnalysisVastusLateralis() {
               <p>
                 <img src={`${imageURL}/figure_1.png`} width="100%" alt="" />
               </p>
+              <DataVizLink
+                title="trajectory"
+                tissue="Vastus Lateralis"
+                plotType="Tree"
+              />
             </div>
             <div className="section level3">
               <h3 id="top-clusters">Top clusters</h3>
@@ -45,6 +51,11 @@ function GraphicalAnalysisVastusLateralis() {
               <p>
                 <img src={`${imageURL}/figure_2.png`} width="100%" alt="" />
               </p>
+              <DataVizLink
+                title="cluster"
+                tissue="Vastus Lateralis"
+                plotType="Histogram"
+              />
             </div>
           </div>
           <div className="section level2">
diff --git a/src/AnalysisPage/GraphicalClustering/Pass1bLandscapeTissues/SMLINT.jsx b/src/AnalysisPage/GraphicalClustering/Pass1bLandscapeTissues/SMLINT.jsx
index 0b636a8e..f87f8261 100644
--- a/src/AnalysisPage/GraphicalClustering/Pass1bLandscapeTissues/SMLINT.jsx
+++ b/src/AnalysisPage/GraphicalClustering/Pass1bLandscapeTissues/SMLINT.jsx
@@ -4,6 +4,7 @@ import {
   tocbotConfig,
   pass1b06GraphicalClusteringLandscapeImageLocation,
 } from '../sharedLib';
+import DataVizLink from '../components/dataVizLink';
 
 function GraphicalAnalysisSmallIntestine() {
   // initialize table of contents
@@ -35,6 +36,11 @@ function GraphicalAnalysisSmallIntestine() {
               <p>
                 <img src={`${imageURL}/figure_1.png`} width="100%" alt="" />
               </p>
+              <DataVizLink
+                title="trajectory"
+                tissue="Small Intestine"
+                plotType="Tree"
+              />
             </div>
             <div className="section level3">
               <h3 id="top-clusters">Top clusters</h3>
@@ -45,6 +51,11 @@ function GraphicalAnalysisSmallIntestine() {
               <p>
                 <img src={`${imageURL}/figure_2.png`} width="100%" alt="" />
               </p>
+              <DataVizLink
+                title="cluster"
+                tissue="Small Intestine"
+                plotType="Histogram"
+              />
             </div>
           </div>
           <div className="section level2">
diff --git a/src/AnalysisPage/GraphicalClustering/Pass1bLandscapeTissues/SPLEEN.jsx b/src/AnalysisPage/GraphicalClustering/Pass1bLandscapeTissues/SPLEEN.jsx
index 50c9cff4..6d65fd91 100644
--- a/src/AnalysisPage/GraphicalClustering/Pass1bLandscapeTissues/SPLEEN.jsx
+++ b/src/AnalysisPage/GraphicalClustering/Pass1bLandscapeTissues/SPLEEN.jsx
@@ -4,6 +4,7 @@ import {
   tocbotConfig,
   pass1b06GraphicalClusteringLandscapeImageLocation,
 } from '../sharedLib';
+import DataVizLink from '../components/dataVizLink';
 
 function GraphicalAnalysisSpleen() {
   // initialize table of contents
@@ -35,6 +36,7 @@ function GraphicalAnalysisSpleen() {
               <p>
                 <img src={`${imageURL}/figure_1.png`} width="100%" alt="" />
               </p>
+              <DataVizLink title="trajectory" tissue="Spleen" plotType="Tree" />
             </div>
             <div className="section level3">
               <h3 id="top-clusters">Top clusters</h3>
@@ -45,6 +47,11 @@ function GraphicalAnalysisSpleen() {
               <p>
                 <img src={`${imageURL}/figure_2.png`} width="100%" alt="" />
               </p>
+              <DataVizLink
+                title="cluster"
+                tissue="Spleen"
+                plotType="Histogram"
+              />
             </div>
           </div>
           <div className="section level2">
diff --git a/src/AnalysisPage/GraphicalClustering/Pass1bLandscapeTissues/WAT_SC.jsx b/src/AnalysisPage/GraphicalClustering/Pass1bLandscapeTissues/WAT_SC.jsx
index 27a5dcee..9499d14d 100644
--- a/src/AnalysisPage/GraphicalClustering/Pass1bLandscapeTissues/WAT_SC.jsx
+++ b/src/AnalysisPage/GraphicalClustering/Pass1bLandscapeTissues/WAT_SC.jsx
@@ -4,6 +4,7 @@ import {
   tocbotConfig,
   pass1b06GraphicalClusteringLandscapeImageLocation,
 } from '../sharedLib';
+import DataVizLink from '../components/dataVizLink';
 
 function GraphicalAnalysisWhiteAdipose() {
   // initialize table of contents
@@ -35,6 +36,11 @@ function GraphicalAnalysisWhiteAdipose() {
               <p>
                 <img src={`${imageURL}/figure_1.png`} width="100%" alt="" />
               </p>
+              <DataVizLink
+                title="trajectory"
+                tissue="White Adipose"
+                plotType="Tree"
+              />
             </div>
             <div className="section level3">
               <h3 id="top-clusters">Top clusters</h3>
@@ -45,6 +51,11 @@ function GraphicalAnalysisWhiteAdipose() {
               <p>
                 <img src={`${imageURL}/figure_2.png`} width="100%" alt="" />
               </p>
+              <DataVizLink
+                title="cluster"
+                tissue="White Adipose"
+                plotType="Histogram"
+              />
             </div>
           </div>
           <div className="section level2">
diff --git a/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/ADRNL.jsx b/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/ADRNL.jsx
index 44de305a..7778f580 100644
--- a/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/ADRNL.jsx
+++ b/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/ADRNL.jsx
@@ -4,6 +4,7 @@ import {
   tocbotConfig,
   pass1b06GraphicalClusteringMitoImageLocation,
 } from '../sharedLib';
+import DataVizLink from '../components/dataVizLink';
 
 function MitoGraphicalAnalysisAdrenal() {
   // initialize table of contents
@@ -35,6 +36,11 @@ function MitoGraphicalAnalysisAdrenal() {
               <p>
                 <img src={`${imageURL}/figure_1.png`} width="100%" alt="" />
               </p>
+              <DataVizLink
+                title="trajectory"
+                tissue="Adrenal"
+                plotType="Tree"
+              />
             </div>
             <div className="section level3">
               <h3 id="top-clusters">Top clusters</h3>
@@ -45,6 +51,11 @@ function MitoGraphicalAnalysisAdrenal() {
               <p>
                 <img src={`${imageURL}/figure_2.png`} width="100%" alt="" />
               </p>
+              <DataVizLink
+                title="cluster"
+                tissue="Adrenal"
+                plotType="Histogram"
+              />
             </div>
           </div>
           <div className="section level2">
diff --git a/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/BAT.jsx b/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/BAT.jsx
index 19e59d6f..340107d3 100644
--- a/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/BAT.jsx
+++ b/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/BAT.jsx
@@ -4,6 +4,7 @@ import {
   tocbotConfig,
   pass1b06GraphicalClusteringMitoImageLocation,
 } from '../sharedLib';
+import DataVizLink from '../components/dataVizLink';
 
 function MitoGraphicalAnalysisBrownAdipose() {
   // initialize table of contents
@@ -35,6 +36,11 @@ function MitoGraphicalAnalysisBrownAdipose() {
               <p>
                 <img src={`${imageURL}/figure_1.png`} width="100%" alt="" />
               </p>
+              <DataVizLink
+                title="trajectory"
+                tissue="Brown Adipose"
+                plotType="Tree"
+              />
             </div>
             <div className="section level3">
               <h3 id="top-clusters">Top clusters</h3>
@@ -45,6 +51,11 @@ function MitoGraphicalAnalysisBrownAdipose() {
               <p>
                 <img src={`${imageURL}/figure_2.png`} width="100%" alt="" />
               </p>
+              <DataVizLink
+                title="cluster"
+                tissue="Brown Adipose"
+                plotType="Histogram"
+              />
             </div>
           </div>
           <div className="section level2">
diff --git a/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/BLOOD.jsx b/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/BLOOD.jsx
index 680b7bcd..fe23567a 100644
--- a/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/BLOOD.jsx
+++ b/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/BLOOD.jsx
@@ -4,6 +4,7 @@ import {
   tocbotConfig,
   pass1b06GraphicalClusteringMitoImageLocation,
 } from '../sharedLib';
+import DataVizLink from '../components/dataVizLink';
 
 function MitoGraphicalAnalysisBlood() {
   // initialize table of contents
@@ -35,6 +36,11 @@ function MitoGraphicalAnalysisBlood() {
               <p>
                 <img src={`${imageURL}/figure_1.png`} width="100%" alt="" />
               </p>
+              <DataVizLink
+                title="trajectory"
+                tissue="Blood RNA"
+                plotType="Tree"
+              />
             </div>
             <div className="section level3">
               <h3 id="top-clusters">Top clusters</h3>
@@ -45,6 +51,11 @@ function MitoGraphicalAnalysisBlood() {
               <p>
                 <img src={`${imageURL}/figure_2.png`} width="100%" alt="" />
               </p>
+              <DataVizLink
+                title="cluster"
+                tissue="Blood RNA"
+                plotType="Histogram"
+              />
             </div>
           </div>
           <div className="section level2">
diff --git a/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/COLON.jsx b/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/COLON.jsx
index 71ad268d..9acaf1a8 100644
--- a/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/COLON.jsx
+++ b/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/COLON.jsx
@@ -4,6 +4,7 @@ import {
   tocbotConfig,
   pass1b06GraphicalClusteringMitoImageLocation,
 } from '../sharedLib';
+import DataVizLink from '../components/dataVizLink';
 
 function MitoGraphicalAnalysisColon() {
   // initialize table of contents
@@ -35,6 +36,7 @@ function MitoGraphicalAnalysisColon() {
               <p>
                 <img src={`${imageURL}/figure_1.png`} width="100%" alt="" />
               </p>
+              <DataVizLink title="trajectory" tissue="Colon" plotType="Tree" />
             </div>
             <div className="section level3">
               <h3 id="top-clusters">Top clusters</h3>
@@ -45,6 +47,11 @@ function MitoGraphicalAnalysisColon() {
               <p>
                 <img src={`${imageURL}/figure_2.png`} width="100%" alt="" />
               </p>
+              <DataVizLink
+                title="cluster"
+                tissue="Colon"
+                plotType="Histogram"
+              />
             </div>
           </div>
           <div className="section level2">
diff --git a/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/HEART.jsx b/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/HEART.jsx
index d45981c9..16c28822 100644
--- a/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/HEART.jsx
+++ b/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/HEART.jsx
@@ -4,6 +4,7 @@ import {
   tocbotConfig,
   pass1b06GraphicalClusteringMitoImageLocation,
 } from '../sharedLib';
+import DataVizLink from '../components/dataVizLink';
 
 function MitoGraphicalAnalysisHeart() {
   // initialize table of contents
@@ -35,6 +36,7 @@ function MitoGraphicalAnalysisHeart() {
               <p>
                 <img src={`${imageURL}/figure_1.png`} width="100%" alt="" />
               </p>
+              <DataVizLink title="trajectory" tissue="Heart" plotType="Tree" />
             </div>
             <div className="section level3">
               <h3 id="top-clusters">Top clusters</h3>
@@ -45,6 +47,11 @@ function MitoGraphicalAnalysisHeart() {
               <p>
                 <img src={`${imageURL}/figure_2.png`} width="100%" alt="" />
               </p>
+              <DataVizLink
+                title="cluster"
+                tissue="Heart"
+                plotType="Histogram"
+              />
             </div>
           </div>
           <div className="section level2">
diff --git a/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/KIDNEY.jsx b/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/KIDNEY.jsx
index 6be427dc..da0823b1 100644
--- a/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/KIDNEY.jsx
+++ b/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/KIDNEY.jsx
@@ -4,6 +4,7 @@ import {
   tocbotConfig,
   pass1b06GraphicalClusteringMitoImageLocation,
 } from '../sharedLib';
+import DataVizLink from '../components/dataVizLink';
 
 function MitoGraphicalAnalysisKidney() {
   // initialize table of contents
@@ -35,6 +36,7 @@ function MitoGraphicalAnalysisKidney() {
               <p>
                 <img src={`${imageURL}/figure_1.png`} width="100%" alt="" />
               </p>
+              <DataVizLink title="trajectory" tissue="Kidney" plotType="Tree" />
             </div>
             <div className="section level3">
               <h3 id="top-clusters">Top clusters</h3>
@@ -45,6 +47,11 @@ function MitoGraphicalAnalysisKidney() {
               <p>
                 <img src={`${imageURL}/figure_2.png`} width="100%" alt="" />
               </p>
+              <DataVizLink
+                title="cluster"
+                tissue="Kidney"
+                plotType="Histogram"
+              />
             </div>
           </div>
           <div className="section level2">
diff --git a/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/LIVER.jsx b/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/LIVER.jsx
index bf055ca8..fa46f328 100644
--- a/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/LIVER.jsx
+++ b/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/LIVER.jsx
@@ -4,6 +4,7 @@ import {
   tocbotConfig,
   pass1b06GraphicalClusteringMitoImageLocation,
 } from '../sharedLib';
+import DataVizLink from '../components/dataVizLink';
 
 function MitoGraphicalAnalysisLiver() {
   // initialize table of contents
@@ -35,6 +36,7 @@ function MitoGraphicalAnalysisLiver() {
               <p>
                 <img src={`${imageURL}/figure_1.png`} width="100%" alt="" />
               </p>
+              <DataVizLink title="trajectory" tissue="Liver" plotType="Tree" />
             </div>
             <div className="section level3">
               <h3 id="top-clusters">Top clusters</h3>
@@ -45,6 +47,11 @@ function MitoGraphicalAnalysisLiver() {
               <p>
                 <img src={`${imageURL}/figure_2.png`} width="100%" alt="" />
               </p>
+              <DataVizLink
+                title="cluster"
+                tissue="Liver"
+                plotType="Histogram"
+              />
             </div>
           </div>
           <div className="section level2">
diff --git a/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/LUNG.jsx b/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/LUNG.jsx
index a1bcdf77..e016b439 100644
--- a/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/LUNG.jsx
+++ b/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/LUNG.jsx
@@ -4,6 +4,7 @@ import {
   tocbotConfig,
   pass1b06GraphicalClusteringMitoImageLocation,
 } from '../sharedLib';
+import DataVizLink from '../components/dataVizLink';
 
 function MitoGraphicalAnalysisLung() {
   // initialize table of contents
@@ -35,6 +36,7 @@ function MitoGraphicalAnalysisLung() {
               <p>
                 <img src={`${imageURL}/figure_1.png`} width="100%" alt="" />
               </p>
+              <DataVizLink title="trajectory" tissue="Lung" plotType="Tree" />
             </div>
             <div className="section level3">
               <h3 id="top-clusters">Top clusters</h3>
@@ -45,6 +47,7 @@ function MitoGraphicalAnalysisLung() {
               <p>
                 <img src={`${imageURL}/figure_2.png`} width="100%" alt="" />
               </p>
+              <DataVizLink title="cluster" tissue="Lung" plotType="Histogram" />
             </div>
           </div>
           <div className="section level2">
diff --git a/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/SKM_GN.jsx b/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/SKM_GN.jsx
index 4fd5e265..5d594789 100644
--- a/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/SKM_GN.jsx
+++ b/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/SKM_GN.jsx
@@ -4,6 +4,7 @@ import {
   tocbotConfig,
   pass1b06GraphicalClusteringMitoImageLocation,
 } from '../sharedLib';
+import DataVizLink from '../components/dataVizLink';
 
 function MitoGraphicalAnalysisGastrocnemius() {
   // initialize table of contents
@@ -35,6 +36,11 @@ function MitoGraphicalAnalysisGastrocnemius() {
               <p>
                 <img src={`${imageURL}/figure_1.png`} width="100%" alt="" />
               </p>
+              <DataVizLink
+                title="trajectory"
+                tissue="Gastrocnemius"
+                plotType="Tree"
+              />
             </div>
             <div className="section level3">
               <h3 id="top-clusters">Top clusters</h3>
@@ -45,6 +51,11 @@ function MitoGraphicalAnalysisGastrocnemius() {
               <p>
                 <img src={`${imageURL}/figure_2.png`} width="100%" alt="" />
               </p>
+              <DataVizLink
+                title="cluster"
+                tissue="Gastrocnemius"
+                plotType="Histogram"
+              />
             </div>
           </div>
           <div className="section level2">
diff --git a/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/SKM_VL.jsx b/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/SKM_VL.jsx
index 32001ced..9456a30b 100644
--- a/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/SKM_VL.jsx
+++ b/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/SKM_VL.jsx
@@ -4,6 +4,7 @@ import {
   tocbotConfig,
   pass1b06GraphicalClusteringMitoImageLocation,
 } from '../sharedLib';
+import DataVizLink from '../components/dataVizLink';
 
 function MitoGraphicalAnalysisVastusLateralis() {
   // initialize table of contents
@@ -35,6 +36,11 @@ function MitoGraphicalAnalysisVastusLateralis() {
               <p>
                 <img src={`${imageURL}/figure_1.png`} width="100%" alt="" />
               </p>
+              <DataVizLink
+                title="trajectory"
+                tissue="Vastus Lateralis"
+                plotType="Tree"
+              />
             </div>
             <div className="section level3">
               <h3 id="top-clusters">Top clusters</h3>
@@ -45,6 +51,11 @@ function MitoGraphicalAnalysisVastusLateralis() {
               <p>
                 <img src={`${imageURL}/figure_2.png`} width="100%" alt="" />
               </p>
+              <DataVizLink
+                title="cluster"
+                tissue="Vastus Lateralis"
+                plotType="Histogram"
+              />
             </div>
           </div>
           <div className="section level2">
diff --git a/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/SMLINT.jsx b/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/SMLINT.jsx
index 607eae72..edcf32b7 100644
--- a/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/SMLINT.jsx
+++ b/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/SMLINT.jsx
@@ -4,6 +4,7 @@ import {
   tocbotConfig,
   pass1b06GraphicalClusteringMitoImageLocation,
 } from '../sharedLib';
+import DataVizLink from '../components/dataVizLink';
 
 function MitoGraphicalAnalysisSmallIntestine() {
   // initialize table of contents
@@ -35,6 +36,11 @@ function MitoGraphicalAnalysisSmallIntestine() {
               <p>
                 <img src={`${imageURL}/figure_1.png`} width="100%" alt="" />
               </p>
+              <DataVizLink
+                title="trajectory"
+                tissue="Small Intestine"
+                plotType="Tree"
+              />
             </div>
             <div className="section level3">
               <h3 id="top-clusters">Top clusters</h3>
@@ -45,6 +51,11 @@ function MitoGraphicalAnalysisSmallIntestine() {
               <p>
                 <img src={`${imageURL}/figure_2.png`} width="100%" alt="" />
               </p>
+              <DataVizLink
+                title="cluster"
+                tissue="Small Intestine"
+                plotType="Histogram"
+              />
             </div>
           </div>
           <div className="section level2">
diff --git a/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/SPLEEN.jsx b/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/SPLEEN.jsx
index 9556cec4..6f022bed 100644
--- a/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/SPLEEN.jsx
+++ b/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/SPLEEN.jsx
@@ -4,6 +4,7 @@ import {
   tocbotConfig,
   pass1b06GraphicalClusteringMitoImageLocation,
 } from '../sharedLib';
+import DataVizLink from '../components/dataVizLink';
 
 function MitoGraphicalAnalysisSpleen() {
   // initialize table of contents
@@ -35,6 +36,7 @@ function MitoGraphicalAnalysisSpleen() {
               <p>
                 <img src={`${imageURL}/figure_1.png`} width="100%" alt="" />
               </p>
+              <DataVizLink title="trajectory" tissue="Spleen" plotType="Tree" />
             </div>
             <div className="section level3">
               <h3 id="top-clusters">Top clusters</h3>
@@ -45,6 +47,11 @@ function MitoGraphicalAnalysisSpleen() {
               <p>
                 <img src={`${imageURL}/figure_2.png`} width="100%" alt="" />
               </p>
+              <DataVizLink
+                title="cluster"
+                tissue="Spleen"
+                plotType="Histogram"
+              />
             </div>
           </div>
           <div className="section level2">
diff --git a/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/WAT_SC.jsx b/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/WAT_SC.jsx
index 4a489f39..506d1578 100644
--- a/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/WAT_SC.jsx
+++ b/src/AnalysisPage/GraphicalClustering/Pass1bMitoTissues/WAT_SC.jsx
@@ -4,6 +4,7 @@ import {
   tocbotConfig,
   pass1b06GraphicalClusteringMitoImageLocation,
 } from '../sharedLib';
+import DataVizLink from '../components/dataVizLink';
 
 function MitoGraphicalAnalysisWhiteAdipose() {
   // initialize table of contents
@@ -35,6 +36,11 @@ function MitoGraphicalAnalysisWhiteAdipose() {
               <p>
                 <img src={`${imageURL}/figure_1.png`} width="100%" alt="" />
               </p>
+              <DataVizLink
+                title="trajectory"
+                tissue="White Adipose"
+                plotType="Tree"
+              />
             </div>
             <div className="section level3">
               <h3 id="top-clusters">Top clusters</h3>
@@ -45,6 +51,11 @@ function MitoGraphicalAnalysisWhiteAdipose() {
               <p>
                 <img src={`${imageURL}/figure_2.png`} width="100%" alt="" />
               </p>
+              <DataVizLink
+                title="cluster"
+                tissue="White Adipose"
+                plotType="Histogram"
+              />
             </div>
           </div>
           <div className="section level2">
diff --git a/src/AnalysisPage/GraphicalClustering/components/dataVizLink.jsx b/src/AnalysisPage/GraphicalClustering/components/dataVizLink.jsx
new file mode 100644
index 00000000..539fcc63
--- /dev/null
+++ b/src/AnalysisPage/GraphicalClustering/components/dataVizLink.jsx
@@ -0,0 +1,28 @@
+import React from 'react';
+import PropTypes from 'prop-types';
+
+function DataVizLink({ title, tissue, plotType }) {
+  const url = `https://data-viz.motrpac-data.org/?tissues[${tissue}]=1&plot_type=${plotType}&topk=10`;
+
+  return (
+    <p className="data-visualization-link-container text-center">
+      <a
+        className="btn btn-primary data-viz-link"
+        href={url}
+        target="_blank"
+        rel="noopener noreferrer"
+        role="button"
+      >
+        {`Explore interactive ${title} visualization`}
+      </a>
+    </p>
+  );
+}
+
+DataVizLink.propTypes = {
+  title: PropTypes.string.isRequired,
+  tissue: PropTypes.string.isRequired,
+  plotType: PropTypes.string.isRequired,
+};
+
+export default DataVizLink;
diff --git a/src/AnnouncementsPage/announcements.json b/src/AnnouncementsPage/announcements.json
index be7bf866..9b5e9ebd 100644
--- a/src/AnnouncementsPage/announcements.json
+++ b/src/AnnouncementsPage/announcements.json
@@ -132,5 +132,95 @@
                 "gaEventAction": "MotrpacRatTraining6moData R package"
             }
         ]
+    },
+    {
+        "aid": 7,
+        "posted_date": "2024-05-01",
+        "title": "MoTrPAC animal molecular adaptations study published in Cell Genomics",
+        "content": "In an integrated analysis of DNA methylation, chromatin accessibility, and transcriptome in eight tissues from the control group, we identified distinct molecular landscapes across rat tissues. We demonstrated that the transcriptional and epigenetic responses to eight weeks of exercise training are predominantly tissue-specific and implicated GPCR-encoding genes as potential mediators of the molecular adaptations to training.",
+        "metadata": {
+            "target": "external",
+            "tags": [
+                "companion-paper-published"
+            ],
+            "icon": "auto_stories"
+        },
+        "links": [
+            {
+                "label": "Molecular adaptations in response to exercise training are associated with tissue-specific transcriptomic and epigenomic signatures",
+                "url": "https://doi.org/10.1016/j.xgen.2023.100421",
+                "gaEventCategory": "MoTrPAC Companion Paper",
+                "gaEventAction": "Cell Publication"
+            }
+        ]
+    },
+    {
+        "aid": 8,
+        "posted_date": "2024-05-01",
+        "title": "MoTrPAC animal physiological adaptations study published in Function",
+        "content": "This paper extensively characterizes physiological adaptations to progressive endurance exercise in fully mature adult and aged rats, serving as a phenotypic compendium of the MoTrPAC pre-clinical animal endurance training data resource. Ultimately, the goal of this resource is to foster phenotypic and multi-omic data integration to develop an integrative molecular map of time-, sex-, and age-specific responses to endurance exercise training.",
+        "metadata": {
+            "target": "external",
+            "tags": [
+                "companion-paper-published"
+            ],
+            "icon": "auto_stories"
+        },
+        "links": [
+            {
+                "label": "Physiological adaptations to progressive endurance exercise training in adult and aged rats: insights from the Molecular Transducers of Physical Activity Consortium (MoTrPAC)",
+                "url": "https://doi.org/10.1093/function/zqae014",
+                "gaEventCategory": "MoTrPAC Companion Paper",
+                "gaEventAction": "Function Publication"
+            }
+        ]
+    },
+    {
+        "aid": 9,
+        "posted_date": "2024-05-01",
+        "title": "MoTrPAC animal white adipose tissue study published in Nature Metabolism",
+        "content": "Multi-omic profiling identifies profound sexual dimorphism in the subcutaneous white adipose tissue (scWAT) molecular landscape of sedentary rats that is largely preserved or amplified with training.  Using a computational approach, we identify candidate molecular regulators of sexually dimorphic scWAT phenotypic responses to training, demonstrating the resource utility of MoTrPAC-generate data to drive novel hypothesis-based research in the field.",
+        "metadata": {
+            "target": "external",
+            "tags": [
+                "companion-paper-published"
+            ],
+            "icon": "auto_stories"
+        },
+        "links": [
+            {
+                "label": "Sexual dimorphism and the multi-omic response to exercise training in rat subcutaneous white adipose tissue",
+                "url": "https://doi.org/10.1038/s42255-023-00959-9",
+                "gaEventCategory": "MoTrPAC Companion Paper",
+                "gaEventAction": "Nature Publication"
+            }
+        ]
+    },
+    {
+        "aid": 10,
+        "posted_date": "2024-05-01",
+        "title": "MoTrPAC animal endurance training study published in Nature",
+        "content": "The main MoTrPAC animal endurance training study has been published in Nature. This study profiled the temporal transcriptome, proteome, metabolome, lipidome, phosphoproteome, acetylproteome, ubiquitylproteome, epigenome, and immunome in whole blood, plasma, and 18 solid tissues in male and female rats over 8 weeks of endurance exercise training. The resulting data compendium encompasses 9466 assays across 19 tissues, 25 molecular platforms, and 4 training time points in young adult male and female rats.",
+        "metadata": {
+            "target": "external",
+            "tags": [
+                "landscape-paper-published"
+            ],
+            "icon": "auto_stories"
+        },
+        "links": [
+            {
+                "label": "Temporal dynamics of the multi-omic response to endurance exercise training",
+                "url": "https://www.nature.com/articles/s41586-023-06877-w",
+                "gaEventCategory": "MoTrPAC Landscape Paper",
+                "gaEventAction": "Nature Publication"
+            },
+            {
+                "label": "Explore the multi-omic analysis results presented in this published paper",
+                "url": "/graphical-clustering",
+                "gaEventCategory": "MoTrPAC Landscape Paper",
+                "gaEventAction": "Graphical Clustering"
+            }
+        ]
     }
 ]
diff --git a/src/LandingPage/landingPage.jsx b/src/LandingPage/landingPage.jsx
index 3ec9a976..aae8833b 100644
--- a/src/LandingPage/landingPage.jsx
+++ b/src/LandingPage/landingPage.jsx
@@ -9,6 +9,8 @@ import PromoteBanner from './promoteBanner';
 import landingPageStructuredData from '../lib/searchStructuredData/landingPage';
 import IconSet from '../lib/iconSet';
 
+import LogoMotrpacWhite from '../assets/logo-motrpac-white.png';
+import BackgroundVideoPreloader from '../assets/LandingPageGraphics/background_video_preload.jpg';
 import LayerRunner from '../assets/LandingPageGraphics/Data_Layer_Runner.png';
 import RatFigurePaass1b from '../assets/LandingPageGraphics/rat-figure-pass1b.svg';
 import LandscapePreprintAbstract from '../assets/LandingPageGraphics/landscape_preprint_abstract.jpg';
@@ -137,7 +139,7 @@ let events = {
  * @returns {object} JSX representation of the landing page.
  */
 export function LandingPage({ isAuthenticated, profile }) {
-  // Local state for managing particle animation
+  const [backgroundVideoLoaded, setBackgroundVideoLoaded] = useState(false);
   const [data, setData] = useState(figure4eData);
   const [networkNodes, setNetwortNodes] = useState([]);
   const iframeRef = useRef(null);
@@ -159,10 +161,7 @@ export function LandingPage({ isAuthenticated, profile }) {
   }, [networkNodes]);
 
   const goToExternalLink = useCallback(() => {
-    window.open(
-      'https://www.biorxiv.org/content/10.1101/2022.09.21.508770v3',
-      '_blank',
-    );
+    window.open('https://www.nature.com/articles/s41586-023-06877-w', '_blank');
   }, []);
 
   // Redirect authenticated users to protected route
@@ -171,6 +170,13 @@ export function LandingPage({ isAuthenticated, profile }) {
     return <Redirect to="/search" />;
   }
 
+  const backgroundVideo = document.querySelector('video');
+  if (backgroundVideo) {
+    backgroundVideo.onloadeddata = (e) => {
+      setBackgroundVideoLoaded(true);
+    };
+  }
+
   return (
     <div className="row marketing content-container">
       <Helmet>
@@ -183,27 +189,42 @@ export function LandingPage({ isAuthenticated, profile }) {
       <section className="first">
         <div className="w-100 h-100 d-flex align-items-center">
           <BackgroundVideo />
+          {!backgroundVideoLoaded && (
+            <img
+              src={BackgroundVideoPreloader}
+              className="background-video-preloader"
+              alt="Background Video"
+            />
+          )}
           <div className="section-content-container container text-center">
-            <h1 className="display-1">About MoTrPAC</h1>
-            <p className="lead">
-              <span className="font-weight-bold">
-                Molecular Transducers of Physical Activity Consortium (MoTrPAC)
-              </span>{' '}
-              is a national research consortium. Its goal is to{' '}
-              <span className="font-italic about-motrpac-emphasis">
-                study the molecular changes that occur in response to exercise,
-              </span>{' '}
-              and ultimately to advance the understanding of how physical
-              activity improves and preserves health. We aim to generate a
-              molecular map of the effects of exercise.
+            <div className="logo-container">
+              <img src={LogoMotrpacWhite} alt="MoTrPAC Logo" />
+            </div>
+            <h3 className="display-3">The Molecular Map of</h3>
+            <h2 className="display-2">Exercise</h2>
+            <p className="lead hero">
+              <a href="https://motrpac.org/" target="_blank" rel="noreferrer">
+                <span className="font-weight-bold">
+                  Molecular Transducers of Physical Activity Consortium
+                  (MoTrPAC)
+                </span>{' '}
+                is a national research consortium. Its goal is to{' '}
+                <span className="font-italic about-motrpac-emphasis">
+                  study the molecular changes that occur in response to
+                  exercise,
+                </span>{' '}
+                and ultimately to advance the understanding of how physical
+                activity improves and preserves health. We aim to generate a
+                molecular map of the effects of exercise.
+              </a>
             </p>
             <div className="highlighted-links-container">
               <Link
-                to="/project-overview"
+                to="/data-download"
                 className="btn btn-primary btn-lg mt-4"
                 role="button"
               >
-                PROJECT OVERVIEW
+                DATA DOWNLOAD
               </Link>
               <Link
                 to="/tutorials"
@@ -212,6 +233,20 @@ export function LandingPage({ isAuthenticated, profile }) {
               >
                 VIDEO TUTORIALS
               </Link>
+              <Link
+                to="/graphical-clustering"
+                className="btn btn-primary btn-lg mt-4"
+                role="button"
+              >
+                EXPLORE DATA
+              </Link>
+              <Link
+                to="/publications"
+                className="btn btn-primary btn-lg mt-4"
+                role="button"
+              >
+                PUBLICATIONS
+              </Link>
             </div>
             <div className="office-hour-anchor-link-container">
               <a href="#join-office-hour" className="office-hour-anchor-link">
@@ -222,6 +257,41 @@ export function LandingPage({ isAuthenticated, profile }) {
         </div>
         <AnimatedDownArrow />
       </section>
+      <section className="fifth">
+        <div className="w-100 h-100 d-flex align-items-center">
+          <div className="section-content-container container text-center">
+            <div className="row content-landscape-preprint d-flex align-items-center">
+              <div className="content col-12 col-md-6">
+                <h1>
+                  MoTrPAC Endurance Exercise Training Animal Study Landscape
+                  Paper now published in{' '}
+                  <span className="font-italic">Nature</span>
+                </h1>
+                <a
+                  href="https://www.nature.com/articles/s41586-023-06877-w"
+                  className="btn btn-primary btn-lg mt-4"
+                  role="button"
+                  target="_blank"
+                  rel="noreferrer"
+                >
+                  LEARN MORE
+                </a>
+              </div>
+              <div
+                className="feature-image col-12 col-md-6 mx-auto"
+                onClick={goToExternalLink}
+              >
+                <img
+                  src={LandscapePreprintAbstract}
+                  className="img-fluid lanascape-paper-abstract"
+                  alt="Landscape Paper Abstract"
+                />
+              </div>
+            </div>
+          </div>
+        </div>
+        <AnimatedDownArrow />
+      </section>
       {/*
       <section className="second">
         <div className="w-100 h-100 d-flex align-items-center">
@@ -273,37 +343,6 @@ export function LandingPage({ isAuthenticated, profile }) {
         </div>
         <AnimatedDownArrow />
       </section>
-      <section className="fifth">
-        <div className="w-100 h-100 d-flex align-items-center">
-          <div className="section-content-container container text-center">
-            <div className="row content-landscape-preprint d-flex align-items-center">
-              <div className="content col-12 col-md-6">
-                <h1>
-                  MoTrPAC Endurance Exercise Training Animal Study Landscape
-                  Preprint now available at bioRxiv
-                </h1>
-                <a
-                  href="https://www.biorxiv.org/content/10.1101/2022.09.21.508770v3"
-                  className="btn btn-primary btn-lg mt-4"
-                  role="button"
-                  target="_blank"
-                  rel="noreferrer"
-                >
-                  LEARN MORE
-                </a>
-              </div>
-              <div className="feature-image col-12 col-md-6 mx-auto" onClick={goToExternalLink}>
-                <img
-                  src={LandscapePreprintAbstract}
-                  className="img-fluid data-layer-runner"
-                  alt="Data Layer Runner"
-                />
-              </div>
-            </div>
-          </div>
-        </div>
-        <AnimatedDownArrow />
-      </section>
       <section className="sixth">
         <div className="w-100 h-100 d-flex align-items-center">
           <div className="section-content-container container text-center">
diff --git a/src/Navbar/navbar.jsx b/src/Navbar/navbar.jsx
index 967de77f..e27179b6 100644
--- a/src/Navbar/navbar.jsx
+++ b/src/Navbar/navbar.jsx
@@ -1,7 +1,7 @@
 import React, { useEffect } from 'react';
 import PropTypes from 'prop-types';
 import { connect } from 'react-redux';
-import { Link , useLocation } from 'react-router-dom';
+import { Link, useLocation } from 'react-router-dom';
 import axios from 'axios';
 import dayjs from 'dayjs';
 import actions from '../Auth/authActions';
@@ -90,7 +90,7 @@ export function Navbar({
       document.removeEventListener(
         visibilityChange,
         handleVisibilityChange,
-        false
+        false,
       );
       window.removeEventListener('storage', handleStorageChange, false);
     };
diff --git a/src/Publications/publications.jsx b/src/Publications/publications.jsx
index 96ad6c95..90f90cca 100644
--- a/src/Publications/publications.jsx
+++ b/src/Publications/publications.jsx
@@ -1,7 +1,48 @@
 import React from 'react';
 import PageTitle from '../lib/ui/pageTitle';
+import ExternalLink from '../lib/ui/externalLink';
 
 const publications = [
+  {
+    url: 'https://www.nature.com/articles/s41586-023-06877-w',
+    title:
+      'Temporal dynamics of the multi-omic response to endurance exercise training',
+    authors:
+      'MoTrPAC Study Group, David Amar, Nicole R. Gay, Pierre M. Jean Beltran, Joshua N. Adkins, Jose J. Almagro Armenteros, Euan Ashley, Julian Avila-Pacheco, Dam Bae, Nasim Bararpour, Charles Burant, Clary Clish, Gary Cutter, Surendra Dasari, Courtney Dennis, Charles R. Evans, Facundo M. Fernández, David Gaul, Yongchao Ge, Robert Gerszten, Laurie J. Goodyear, Zhenxin Hou, Olga Ilkayeva, Anna A. Ivanova, David Jimenez-Morales, Maureen T. Kachman, Hasmik Keshishian, William E. Kraus, Ian R. Lanza, Jun Li, Malene E. Lindholm, Ana C. Lira, Gina M. Many, Shruti Marwaha, Michael E. Miller, Michael J. Muehlbauer, K. Sreekumaran Nair, Venugopalan D. Nair, Archana Natarajan Raja, Christopher Newgard, Eric A. Ortlund, Paul D. Piehowski, David M. Presby, Wei-Jun Qian, Jessica L. Rooney, James A. Sanford, Evan Savage, Stuart C. Sealfon, Gregory R. Smith, Kevin S. Smith, Alec Steep, Cynthia L. Stowe, Yifei Sun, Russell Tracy, Nikolai G. Vetr, Martin J. Walsh, Si Wu, Tiantian Zhang, Bingqing Zhao, Jimmy Zhen, Brent G. Albertson, Mary Anne S. Amper, Ali Tugrul Balci, Marcas Bamman, Elisabeth R. Barton, Bryan Bergman, Daniel Bessesen, Frank Booth, Brian Bouverat, Thomas W. Buford, Tiziana Caputo, Toby L. Chambers, Clarisa Chavez, Maria Chikina, Roxanne Chiu, Michael Cicha, Paul M. Coen, Dan Cooper, Elaine Cornell, Karen P. Dalton, Luis Oliveria De Sousa, Roger Farrar, Kishore Gadde, Nicole Gagne, Bret H. Goodpaster, Marina A. Gritsenko, Kristy Guevara, Fadia Haddad, Joshua R. Hansen, Melissa Harris, Trevor Hastie, Krista M. Hennig, Steven G. Hershman, Andrea Hevener, Michael F. Hirshman, Fang-Chi Hsu, Kim M. Huffman, Chia-Jui Hung, Chelsea Hutchinson-Bunch, Bailey E. Jackson, Catherine Jankowski, Christopher A. Jin, Neil M. Johannsen, Benjamin G. Ke, Wendy M. Kohrt, Kyle S. Kramer, Christiaan Leeuwenburgh, Sarah J. Lessard, Bridget Lester, Xueyun Liu, Ching-ju Lu, Nathan S. Makarewicz, Kristal M. Maner-Smith, DR Mani, Nada Marjanovic, Andrea Marshall, Sandy May, Edward Melanson, Matthew E. Monroe, Ronald J. Moore, Samuel Moore, Kerrie L. Moreau, Charles C. Mundorff, Nicolas Musi, Daniel Nachun, Michael D. Nestor, Robert L. Newton Jr., Barbara Nicklas, Pasquale Nigro, German Nudelman, Marco Pahor, Cadence Pearce, Vladislav A. Petyuk, Hanna Pincas, Scott Powers, Shlomit Radom-Aizik, Krithika Ramachandran, Megan E. Ramaker, Irene Ramos, Tuomo Rankinen, Alexander (Sasha) Raskind, Blake B. Rasmussen, Eric Ravussin, R. Scott Rector, W. Jack Rejeski, Collyn Richards, Stas Rirak, Jeremy M. Robbins, Aliza B. Rubenstein, Frederique Ruf-Zamojski, Scott Rushing, Tyler J. Sagendorf, Mihir Samdarshi, Irene E. Schauer, Robert Schwartz, Nitish Seenarine, Tanu Soni, Lauren M. Sparks, Christopher Teng, Anna Thalacker-Mercer, John Thyfault, Rob Tibshirani, Scott Trappe, Todd A. Trappe, Karan Uppal, Sindhu Vangeti, Mital Vasoya, Elena Volpi, Alexandria Vornholt, Michael P. Walkup, John Williams, Ashley Xia, Zhen Yan, Xuechen Yu, Chongzhi Zang, Elena Zaslavsky, Navid Zebarjadi, Sue C. Bodine, Steven Carr, Karyn Esser, Stephen B. Montgomery, Simon Schenk, Michael P. Snyder, Matthew T. Wheeler.',
+    cite: 'Nature 629, May 1, 2024.',
+  },
+  {
+    url: 'https://doi.org/10.1038/s42255-023-00959-9',
+    title:
+      'Sexual dimorphism and the multi-omic response to exercise training in rat subcutaneous white adipose tissue',
+    authors:
+      'Gina M Many, James A Sanford, Tyler J Sagendorf, Zhenxin Hou, Pasquale Nigro, Katie L Whytock, David Amar, Tiziana Caputo, Nicole R Gay, David A Gaul, Michael F Hirshman, David Jimenez-Morales, Malene E Lindholm, Michael J Muehlbauer, Maria Vamvini, Bryan C Bergman, Facundo M Fernández, Laurie J Goodyear, Andrea L Hevener, Eric A Ortlund, Lauren M Sparks, Ashley Xia, Joshua N Adkins, Sue C Bodine, Christopher B Newgard, Simon Schenk and The MoTrPAC Study Group.',
+    cite: 'Nat. Metab., 2024.',
+  },
+  {
+    url: 'https://doi.org/10.1093/function/zqae014',
+    title:
+      'Physiological adaptations to progressive endurance exercise training in adult and aged rats: insights from the Molecular Transducers of Physical Activity Consortium (MoTrPAC)',
+    authors:
+      'Simon Schenk S, Sagendorf TJ, Many GM, Lira AK, DeSousa LGO, Bae D, Cicha M, Kyle Kramer KS, Muehlbauer M, Hevener AL, Rector RS, Thyfault JP, Williams JP, Goodyear LJ, Esser KA, Newgard CB, Bodine SC, and The MoTrPAC Study Group.',
+    cite: 'Function, zqae014, 2024.',
+  },
+  {
+    url: 'https://doi.org/10.1016/j.xgen.2023.100421',
+    title:
+      'Molecular adaptations in response to exercise training are associated with tissue-specific transcriptomic and epigenomic signatures',
+    authors:
+      'Nair VD, Pincas H, Smith GR, Zaslavsky E, Ge Y, Amper MAS, Vasoya M, Chikina M, Sun Y, Raja AN, Mao W, Gay NR, Esser KA, Smith KS, Zhao B, Wiel L, Singh A, Lindholm ME, Amar D, Montgomery S, Snyder MP, Walsh MJ, Sealfon CS, and The MoTrPAC Study Group.',
+    cite: 'Cell Genomics, 4: 100421, 2024.',
+  },
+  {
+    url: 'https://doi.org/10.1038/s41467-024-45966-w',
+    title:
+      'The impact of exercise on gene regulation in association with complex trait genetics',
+    authors:
+      'Nikolai G Vetr, Nicole R Gay, Stephen B Montgomery, and The MoTrPAC Study Group.',
+    cite: 'Nature Communications 15, no. 1, May 1, 2024.',
+  },
   {
     url: 'https://www.cell.com/cell/fulltext/S0092-8674(20)30691-7',
     title:
@@ -54,15 +95,16 @@ export function Publications() {
 
 function Publication({ pub }) {
   return (
-    <div className="pub-item-content mt-4">
-      <h4 className="pub-title">
-        <a href={pub.url} target="_blank" rel="noopener noreferrer">
-          {pub.title} <span className="oi oi-external-link" />
-        </a>
-      </h4>
-      <p className="lead">
+    <div className="pub-item-content mt-4 pb-2 border-bottom">
+      <h3 className="pub-title">
+        {pub.title} <span className="oi oi-external-link" />
+      </h3>
+      <p className="authors-cite">
         <span className="pub-authors">{pub.authors}</span>
         <span className="pub-cite font-italic ml-1">{pub.cite}</span>
+        <span className="fulltext-link ml-1">
+          <ExternalLink to={pub.url} label="Full text" />
+        </span>
       </p>
     </div>
   );
diff --git a/src/assets/LandingPageGraphics/background_video_preload.jpg b/src/assets/LandingPageGraphics/background_video_preload.jpg
new file mode 100644
index 00000000..41c82d2f
Binary files /dev/null and b/src/assets/LandingPageGraphics/background_video_preload.jpg differ
diff --git a/src/assets/logo-motrpac-white.png b/src/assets/logo-motrpac-white.png
new file mode 100644
index 00000000..8d181839
Binary files /dev/null and b/src/assets/logo-motrpac-white.png differ
diff --git a/src/sass/_announcementsPage.scss b/src/sass/_announcementsPage.scss
index b8d972cf..19953c10 100644
--- a/src/sass/_announcementsPage.scss
+++ b/src/sass/_announcementsPage.scss
@@ -25,9 +25,7 @@
     font-size: 5.0rem;
     margin: 0 2.5rem;
 
-    &.webinar,
-    &.landscape-paper-accepted,
-    &.mitochondria-paper-accepted {
+    &.webinar {
       color: $accent-green;
     }
 
@@ -35,7 +33,9 @@
       color: $gray-semi-transparent;
     }
 
-    &.marker-paper {
+    &.marker-paper,
+    &.landscape-paper-published,
+    &.companion-paper-published {
       color: $accent-yellow;
     }
 
diff --git a/src/sass/_landingPage.scss b/src/sass/_landingPage.scss
index 6be640df..4ab88c34 100644
--- a/src/sass/_landingPage.scss
+++ b/src/sass/_landingPage.scss
@@ -57,31 +57,54 @@
         }
       }
 
+      .background-video-preloader {
+        position: absolute;
+        z-index: 1;
+        object-fit: cover;
+        width:100%;
+        height:100%;
+        top: 0;
+        left: 0;
+      }
+
       .section-content-container {
-        z-index: 2;
+        z-index: 5;
 
-        h1 {
+        .logo-container {
+          margin-bottom: 1.5rem;
+          img {
+            width: 100%;
+            max-width: 35.0rem;
+          }
+        }
+
+        h2, h3 {
           color: $accent-yellow;
+          line-height: 1;
           text-shadow: 0 0 0.1em rgba(0, 0, 0, 0.5);
         }
 
-        p {
-          color: #fff;
-          font-size: 2.05rem;
-          line-height: 2;
-          text-shadow: 0 0 0.1em rgba(0, 0, 0, 0.75);
+        p.hero {
+          margin-top: 1.75rem;
 
-          .about-motrpac-emphasis {
-            color: $accent-yellow;
-          }
-        }
+          a {
+            color: #fff;
+            font-size: 2.05rem;
+            line-height: 1.5;
+            text-decoration: none;
+            text-shadow: 0 0 0.1em rgba(0, 0, 0, 0.75);
 
-        .btn {
-          box-shadow: 0 0 2.0em 0.1em rgba(0, 0, 0, 0.25);
+            .about-motrpac-emphasis {
+              color: $accent-yellow;
+            }
+          }
         }
 
         .highlighted-links-container {
-          a {
+          .btn {
+            box-shadow: 0 0 2.0em 0.1em rgba(0, 0, 0, 0.25);
+            max-width: 206px;
+            width: 100%;
             font-weight: 500;
             margin-left: 0.75em;
             margin-right: 0.75em;
@@ -89,7 +112,7 @@
         }
 
         .office-hour-anchor-link-container {
-          margin-top: 4.0em;
+          margin-top: 3.0em;
 
           .office-hour-anchor-link {
             border: solid 2px #fff;
@@ -198,8 +221,8 @@
 
           h1 {
             color: #fff;
-            font-size: 3.4rem;
-            line-height: 1.25;
+            font-size: 3.55rem;
+            line-height: 1.3;
           }
         }
 
@@ -692,12 +715,34 @@ section {
         .section-content-container {
           height: 60vh;
 
-          .display-1 {
-            font-size: 6.0rem;
+          .logo-container {
+            margin-bottom: 1.5rem;
+            img {
+              width: 100%;
+              max-width: 28.0rem;
+            }
           }
 
-          p {
-            line-height: 1.6;
+          .display-2 {
+            font-size: 4.5rem;
+          }
+
+          .display-3 {
+            font-size: 3.5rem;
+          }
+
+          p.hero {
+            a {
+              font-size: 1.85rem;
+              line-height: 1.45;
+            }
+          }
+
+          .highlighted-links-container {
+            .btn {
+              font-size: 1.05rem;
+              max-width: 185px;
+            }
           }
         }
       }
@@ -738,19 +783,41 @@ section {
       &.first {
         .section-content-container {
           height: 65vh;
+          margin-top: -8.5rem;
 
-          .display-1 {
-            font-size: 5.5rem;
+          .logo-container {
+            margin-bottom: 1.5rem;
+            img {
+              width: 100%;
+              max-width: 24.0rem;
+            }
           }
 
-          p {
-            font-size: 1.65rem;
-            line-height: 1.7;
+          .display-2 {
+            font-size: 4.0rem;
+          }
+
+          .display-3 {
+            font-size: 3.0rem;
+          }
+
+          p.hero {
+            margin-top: 1.75rem;
+  
+            a {
+              font-size: 1.65rem;
+              line-height: 1.45;
+  
+              .about-motrpac-emphasis {
+                color: $accent-yellow;
+              }
+            }
           }
 
           .highlighted-links-container {
             .btn {
-              font-size: 1.15rem;
+              font-size: 1.05rem;
+            max-width: 185px;
             }
           }
           
@@ -839,6 +906,10 @@ section {
 
 /* Small devices (landscape phones, less than 768px) */
 @include media-breakpoint-down(sm) {
+  body {
+    padding-top: 3.75rem;
+  }
+
   .content-container {
     justify-content: center;
 
@@ -849,20 +920,42 @@ section {
 
       &.first {
         .section-content-container {
-          height: 75vh;
+          height: 67vh;
+          margin-top: -7.5rem;
+
+          .logo-container {
+            margin-bottom: 1.5rem;
+            img {
+              width: 100%;
+              max-width: 22.0rem;
+            }
+          }
 
-          .display-1 {
-            font-size: 4.75rem;
+          .display-2 {
+            font-size: 3.5rem;
           }
 
-          p {
-            font-size: 1.65rem;
-            line-height: 1.65;
+          .display-3 {
+            font-size: 2.75rem;
+          }
+
+          p.hero {
+            margin-top: 1.55rem;
+  
+            a {
+              font-size: 1.55rem;
+              line-height: 1.4;
+  
+              .about-motrpac-emphasis {
+                color: $accent-yellow;
+              }
+            }
           }
 
           .highlighted-links-container {
             .btn {
-              font-size: 1.15rem;
+              font-size: 1.0rem;
+              max-width: 180px;
             }
           }
           
@@ -987,20 +1080,38 @@ section {
 
       &.first {
         .section-content-container {
-          height: 65vh;
+          height: 68vh;
+          margin-top: -7.5rem;
 
-          .display-1 {
-            font-size: 4.0rem;
+          .logo-container {
+            margin-bottom: 1.5rem;
+            img {
+              width: 100%;
+              max-width: 22.0rem;
+            }
           }
 
-          p {
-            font-size: 1.5rem;
-            line-height: 1.6;
+          .display-2 {
+            font-size: 3.5rem;
+          }
+
+          .display-3 {
+            font-size: 2.75rem;
+          }
+
+          p.hero {
+            margin-top: 1.55rem;
+  
+            a {
+              font-size: 1.55rem;
+              line-height: 1.4;
+            }
           }
 
           .highlighted-links-container {
             .btn {
-              font-size: 1.1rem;
+              font-size: 1.0rem;
+              max-width: 180px;
             }
           }
           
@@ -1111,6 +1222,10 @@ section {
 
 /* Phone portrait at 430x932 (e.g. iPhone 15 plus) or smaller */
 @media (max-width: 430px) {
+  body {
+    padding-top: 3.75rem;
+  }
+
   .content-container {
     justify-content: center;
 
@@ -1121,22 +1236,38 @@ section {
 
       &.first {
         .section-content-container {
-          height: 75vh;
+          height: 73vh;
+          margin-top: -7.4rem;
 
-          .display-1 {
-            font-size: 3.0rem;
+          .logo-container {
+            margin-bottom: 1.5rem;
+            img {
+              width: 100%;
+              max-width: 18.0rem;
+            }
           }
 
-          p {
-            font-size: 1.45rem;
-            line-height: 1.45;
+          .display-2 {
+            font-size: 2.75rem;
+          }
+
+          .display-3 {
+            font-size: 2.25rem;
+          }
+
+          p.hero {
+            margin-top: 1.55rem;
+  
+            a {
+              font-size: 1.25rem;
+              line-height: 1.2;
+            }
           }
 
           .highlighted-links-container {
             .btn {
               font-size: 0.9rem;
-              margin-left: 0.5rem;
-              margin-right: 0.5rem;
+              max-width: 165px;
             }
           }
           
@@ -1268,6 +1399,10 @@ section {
 
 /* Phone portrait at 375x667 (e.g. iPhone 8) or smaller */
 @media (max-width: 375px) {
+  body {
+    padding-top: 3.75rem;
+  }
+
   .content-container {
     justify-content: center;
 
@@ -1278,35 +1413,53 @@ section {
 
       &.first {
         .section-content-container {
-          height: 85vh;
+          height: 71vh;
+          margin-top: -7.5rem;
 
-          .display-1 {
-            font-size: 2.75rem;
+          .logo-container {
+            margin-bottom: 1.0rem;
+            img {
+              width: 100%;
+              max-width: 12.5rem;
+            }
           }
 
-          p {
-            font-size: 1.25rem;
-            line-height: 1.35;
+          .display-2 {
+            font-size: 1.95rem;
+          }
+
+          .display-3 {
+            font-size: 1.55rem;
+          }
+
+          p.hero {
+            margin-top: 0.75rem;
+            margin-bottom: 0;
+            line-height: 1.2;
+
+            a {
+              font-size: 1.0rem;
+            }
           }
 
           .highlighted-links-container {
+            margin-top: 0.25rem;
+
             .btn {
-              font-size: 0.85rem;
-              padding-left: 0.55rem;
-              padding-right: 0.55rem;
-              margin-left: 0.4rem;
-              margin-right: 0.4rem;
+              font-size: 0.7rem;
+              max-width: 140px;
+              margin-top: 1.0rem !important;
             }
           }
           
           .office-hour-anchor-link-container {
-            margin-top: 2.25rem;
+            margin-top: 1.85rem;
             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.1rem;
+              font-size: 0.95rem;
             }
           }
         }
@@ -1348,22 +1501,24 @@ section {
 
       &.fifth {
         .section-content-container {
-          height: 85vh;
+          height: 80vh;
+          margin-top: -7rem;
 
           .content {
             h1 {
-              font-size: 1.65rem;
+              font-size: 1.55rem;
               line-height: 1.25;
+              margin-bottom: 0;
             }
 
             .btn {
-              font-size: 1.0rem;
+              font-size: 0.85rem;
             }
           }
 
           .feature-image {
             max-width: 90%;
-            margin: 2.0rem 1.25rem !important;
+            margin: 1.75rem 1.25rem !important;
             padding: 2.0rem 2.15rem !important;
           }
         }
diff --git a/src/sass/_publications.scss b/src/sass/_publications.scss
index 2b4d4015..eac7530c 100644
--- a/src/sass/_publications.scss
+++ b/src/sass/_publications.scss
@@ -6,4 +6,28 @@
         left: 0;
         width: 100%;
     }
+}
+
+.publicationsPage {
+    .pub-item-content {
+        .pub-title {
+            font-weight: 600;
+        }
+
+        .fulltext-link {
+            font-weight: 500;
+
+            a.inline-link-with-icon {
+                position: relative;
+                text-decoration: none;
+                white-space: nowrap;
+
+                .material-icons {
+                    font-size: 1.35rem;
+                    position: relative;
+                    top: 2px;
+                }
+            }
+        }
+    }
 }
\ No newline at end of file