From f194b862e6112289794ed0c1064e3cf6c6957d39 Mon Sep 17 00:00:00 2001 From: Steven Roberts Date: Sat, 20 Jun 2026 05:55:43 -0700 Subject: [PATCH] Redesign homepage for engagement (Phase 5) Replace the thin homepage (hero + two paragraphs + an empty listing that pointed at a non-existent frontpage/ directory) with a focused landing: - Tighter hero: a one-line value statement ("How do marine organisms remember and respond to environmental change?") styled via a new .lab-lead class, plus a condensed intro paragraph. - An "Explore" section with four entry-point cards (Projects, Publications, People, Tools & Apps) using a new centralized .nav-card component built on the existing design tokens (teal icons, navy titles, hover lift). Bootstrap Icons for the glyphs. - A real "Recent activity" listing that pulls the 3 most recent posts (replacing the broken empty frontpage listing), so the homepage now actually shows current lab activity with images. The .nav-card / .lab-lead styles live in styles.css with the rest of the component CSS and inherit the .quarto-dark token overrides, so they work in both light and dark mode and collapse to a single column on mobile. Verified in preview: cards render correctly in light and dark mode, lead is visually distinct, and the recent-activity listing shows three real posts. Co-Authored-By: Claude Opus 4.8 --- docs/posts.html | 26 +++++------ docs/posts/sr320-marineomics/index.html | 4 +- docs/projects.html | 2 +- docs/research.html | 2 +- docs/search.json | 14 ++++++ docs/sitemap.xml | 34 +++++++------- docs/styles.css | 61 ++++++++++++++++++++++++- index.qmd | 58 +++++++++++++++++++---- styles.css | 61 ++++++++++++++++++++++++- 9 files changed, 216 insertions(+), 46 deletions(-) diff --git a/docs/posts.html b/docs/posts.html index f110d77..02aa231 100644 --- a/docs/posts.html +++ b/docs/posts.html @@ -512,7 +512,7 @@
-
+

@@ -1085,7 +1085,7 @@

-
+

@@ -1412,7 +1412,7 @@

-
+

@@ -1445,7 +1445,7 @@

-
+

@@ -1478,7 +1478,7 @@

-
+

@@ -1511,7 +1511,7 @@

-
+

@@ -1613,7 +1613,7 @@

-
+

@@ -1652,7 +1652,7 @@

-
+

@@ -1691,7 +1691,7 @@

-
+

@@ -1730,7 +1730,7 @@

-
+

@@ -1805,7 +1805,7 @@

-
+

@@ -1949,7 +1949,7 @@

-
+

@@ -2021,7 +2021,7 @@

-
+

diff --git a/docs/posts/sr320-marineomics/index.html b/docs/posts/sr320-marineomics/index.html index ae386bd..1275177 100644 --- a/docs/posts/sr320-marineomics/index.html +++ b/docs/posts/sr320-marineomics/index.html @@ -121,8 +121,8 @@ - - + + diff --git a/docs/projects.html b/docs/projects.html index 0037a00..e033903 100644 --- a/docs/projects.html +++ b/docs/projects.html @@ -387,7 +387,7 @@

-
+

diff --git a/docs/research.html b/docs/research.html index be46597..c68c1e6 100644 --- a/docs/research.html +++ b/docs/research.html @@ -404,7 +404,7 @@

Research Projects

-
  • +
  • Gene activity and genetic selection in Pacific cod reared under thermal stress
     diff --git a/docs/search.json b/docs/search.json index aac56e7..13b12af 100644 --- a/docs/search.json +++ b/docs/search.json @@ -4461,6 +4461,20 @@ "section": "", "text": "Our lab investigates how marine organisms remember and respond to environmental change including how past and present conditions shape physiology, performance, and resilience across life stages and generations. We use integrative, mechanistic approaches that link molecular regulation to organismal outcomes, connecting genetics and epigenetics with physiology to reveal when responses are flexible, when they persist, and which signals best predict resilience in dynamic coastal systems.\nWe prioritize open, reproducible science. Our research products and workflows are shared broadly, including online lab notebooks, code, data, and presentations so results can be evaluated, reused, and extended. Below is a snapshot of current activity. Use the sidebar to explore our People, Projects, and Tools & Apps. For even more, visit our lab handbook.\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nFour Undergrads, Four Home Runs: A Spring Highlight Reel\n\n\nHighlighting Hannah Nowers, Noah Ozguner, Hazel Abrahamson-Amerine, and Christina Zhang’s undergraduate research\n\n\n\nSteven Roberts\n\n\nJun 11, 2026\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nUnlocking the Secrets of Tunicate Stress Responses\n\n\nHighlighting Celeste Valdivia’s Master’s Research\n\n\n\nSteven Roberts\n\n\nMar 19, 2026\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nDecoding Coral Gene Regulation: Tensor Decomposition and Elastic Nets Meet Marine Epigenetics\n\n\nA recap of Kathleen and Steven’s talk for the UW eScience Institute\n\n\n\nSteven Roberts\n\n\nMar 12, 2026\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nCan Oyster Parents Prepare Their Offspring for What’s Next?\n\n\nImmune Training at its Finest\n\n\n\nSteven Roberts\n\n\nJan 11, 2026\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nFrom Blue to Pink\n\n\nHow a Simple Dye is Revolutionizing Oyster Physiology Research\n\n\n\nSteven Roberts\n\n\nNov 11, 2025\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nBuilding Resilient Oysters: Launching the SORMI Project\n\n\n\n\n\n\nSteven Roberts\n\n\nSep 5, 2025\n\n\n\n\n\n\n\n\nNo matching items" }, + { + "objectID": "index.html#explore", + "href": "index.html#explore", + "title": "Roberts Lab", + "section": "Explore", + "text": "Explore\n\n\n \n \n Projects\n Active work across environmental epigenetics, reproduction, and aquaculture.\n \n\n \n \n Publications\n Browse 100+ papers by organism and research theme.\n \n\n \n \n People\n Meet the team, students, and lab alumni.\n \n\n \n \n Tools & Apps\n Interactive apps and open, reusable resources." + }, + { + "objectID": "index.html#recent-activity", + "href": "index.html#recent-activity", + "title": "Roberts Lab", + "section": "Recent activity", + "text": "Recent activity\n\n\n\n\n\n\n\n\n\n\nFour Undergrads, Four Home Runs: A Spring Highlight Reel\n\n\nHighlighting Hannah Nowers, Noah Ozguner, Hazel Abrahamson-Amerine, and Christina Zhang’s undergraduate research\n\n\n\nJun 11, 2026\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nUnlocking the Secrets of Tunicate Stress Responses\n\n\nHighlighting Celeste Valdivia’s Master’s Research\n\n\n\nMar 19, 2026\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nDecoding Coral Gene Regulation: Tensor Decomposition and Elastic Nets Meet Marine Epigenetics\n\n\nA recap of Kathleen and Steven’s talk for the UW eScience Institute\n\n\n\nMar 12, 2026\n\n\n\n\n\n\n\n\nNo matching items" + }, { "objectID": "people.html", "href": "people.html", diff --git a/docs/sitemap.xml b/docs/sitemap.xml index 24c8c65..e02047b 100644 --- a/docs/sitemap.xml +++ b/docs/sitemap.xml @@ -254,7 +254,7 @@ https://faculty.washington.edu/sr320/notebooks.html - 2026-06-20T03:24:26.383Z + 2026-06-20T03:41:49.547Z https://faculty.washington.edu/sr320/posts/sr320-george-paper/index.html @@ -262,15 +262,15 @@ https://faculty.washington.edu/sr320/posts/sr320-enrich/index.html - 2026-06-20T12:27:35.140Z + 2026-06-20T12:42:13.338Z https://faculty.washington.edu/sr320/posts/sr320-WSG/index.html - 2026-06-19T16:04:52.043Z + 2026-06-20T12:43:53.507Z https://faculty.washington.edu/sr320/posts/sr320-asi/index.html - 2026-06-20T12:27:35.135Z + 2026-06-20T12:42:13.337Z https://faculty.washington.edu/sr320/posts/sr320-prep/index.html @@ -294,7 +294,7 @@ https://faculty.washington.edu/sr320/posts/sr320-altsplice/index.html - 2026-06-20T12:27:35.138Z + 2026-06-20T12:42:13.336Z https://faculty.washington.edu/sr320/posts/ariana-paper/index.html @@ -310,7 +310,7 @@ https://faculty.washington.edu/sr320/posts/megan-rna/index.html - 2026-06-19T16:04:52.041Z + 2026-06-20T12:43:53.505Z https://faculty.washington.edu/sr320/posts/sr320-lsamp/index.html @@ -326,7 +326,7 @@ https://faculty.washington.edu/sr320/posts/sr320-oyster_stage/index.html - 2026-06-20T12:27:35.142Z + 2026-06-20T12:42:13.338Z https://faculty.washington.edu/sr320/posts/sr320-boundless/index.html @@ -338,7 +338,7 @@ https://faculty.washington.edu/sr320/posts/sr320-spencer-paper/index.html - 2026-06-19T16:04:52.057Z + 2026-06-20T12:43:53.509Z https://faculty.washington.edu/sr320/posts/sr320-ostras/index.html @@ -362,7 +362,7 @@ https://faculty.washington.edu/sr320/courses.html - 2026-06-20T03:24:04.975Z + 2026-06-20T03:41:49.474Z https://faculty.washington.edu/sr320/research/e5.html @@ -430,7 +430,7 @@ https://faculty.washington.edu/sr320/research/cod.html - 2026-06-19T16:04:52.083Z + 2026-06-20T12:42:13.338Z https://faculty.washington.edu/sr320/research/wsg-ec.html @@ -474,7 +474,7 @@ https://faculty.washington.edu/sr320/posts/sr320-epiaqua/index.html - 2026-06-19T16:04:52.054Z + 2026-06-20T12:43:53.508Z https://faculty.washington.edu/sr320/posts/sr320-fhl/index.html @@ -502,11 +502,11 @@ https://faculty.washington.edu/sr320/posts/grace-ac-WSN/index.html - 2026-06-19T16:04:52.036Z + 2026-06-20T12:43:53.504Z https://faculty.washington.edu/sr320/posts/sr320-cod/index.html - 2026-06-20T12:25:40.549Z + 2026-06-20T12:42:13.337Z https://faculty.washington.edu/sr320/posts/sr320-fellowships/index.html @@ -514,7 +514,7 @@ https://faculty.washington.edu/sr320/posts/mytilus-genome/index.html - 2026-06-19T16:04:52.042Z + 2026-06-20T12:43:53.506Z https://faculty.washington.edu/sr320/posts/frontpage/sr320-polyic/index.html @@ -542,7 +542,7 @@ https://faculty.washington.edu/sr320/posts/grace_L_WSN/index.html - 2026-06-19T16:04:52.036Z + 2026-06-20T12:43:53.504Z https://faculty.washington.edu/sr320/posts/sr320-mother/index.html @@ -554,7 +554,7 @@ https://faculty.washington.edu/sr320/posts/ariana-hatchery/index.html - 2026-06-20T12:27:35.145Z + 2026-06-20T12:42:13.336Z https://faculty.washington.edu/sr320/publications/articles/the-caligus-rogercresseyi-mirnome-discovery-and-tr_2017.html @@ -798,7 +798,7 @@ https://faculty.washington.edu/sr320/index.html - 2026-06-20T12:25:47.013Z + 2026-06-20T12:45:08.148Z https://faculty.washington.edu/sr320/people.html diff --git a/docs/styles.css b/docs/styles.css index 6c04349..4f814e6 100644 --- a/docs/styles.css +++ b/docs/styles.css @@ -306,6 +306,64 @@ text-align: center; } +/* ------------------------------------------------------------------ */ +/* Home page — entry-point navigation cards */ +/* ------------------------------------------------------------------ */ + +.lab-lead { + font-size: 1.2rem; + line-height: 1.5; + color: var(--lab-text); + margin: 1.25rem 0 0.5rem; +} + +.nav-cards { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); + gap: 1.25rem; + margin: 1.5rem 0 2.5rem; +} + +.nav-card { + display: flex; + flex-direction: column; + gap: 0.5rem; + padding: 1.5rem; + background: var(--lab-surface); + border: 1px solid var(--lab-border); + border-radius: var(--lab-radius); + box-shadow: var(--lab-shadow); + text-decoration: none; + color: var(--lab-text); + transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease; +} + +.nav-card:hover { + transform: translateY(-4px); + box-shadow: var(--lab-shadow-hover); + border-color: var(--lab-accent); + text-decoration: none; + color: var(--lab-text); +} + +.nav-card .nav-card-icon { + font-size: 1.8rem; + color: var(--lab-accent); + line-height: 1; +} + +.nav-card .nav-card-title { + font-size: 1.15rem; + font-weight: 600; + color: var(--lab-primary); +} + +.nav-card .nav-card-desc { + font-size: 0.88rem; + color: var(--lab-text-muted); + line-height: 1.45; +} + /* ------------------------------------------------------------------ */ /* Notebooks page */ /* ------------------------------------------------------------------ */ @@ -460,7 +518,8 @@ .alumni-grid, .content-grid, - .web-projects-grid { + .web-projects-grid, + .nav-cards { grid-template-columns: 1fr; } } diff --git a/index.qmd b/index.qmd index abcf8dc..1b2b57f 100644 --- a/index.qmd +++ b/index.qmd @@ -2,19 +2,57 @@ title: "Roberts Lab" subtitle: "School of Aquatic and Fishery Sciences - University of Washington" title-block-banner: true -toc: true - -listing: - contents: - - "frontpage/*/*.qmd" - type: grid # or `default` or `table`; each type has its own set of yaml options to include - sort: "date desc" # can also sort on more than one field - categories: false # allows you to sort posts by assigned categories +toc: false +listing: + id: recent-activity + contents: posts + type: grid + sort: "date desc" + max-items: 3 + categories: false + fields: [image, title, date, description] feed: true --- ![](img/lab-photo-02.jpg) -Our lab investigates how marine organisms *remember* and respond to environmental change including how past and present conditions shape physiology, performance, and resilience across life stages and generations. We use integrative, mechanistic approaches that link molecular regulation to organismal outcomes, connecting genetics and epigenetics with physiology to reveal when responses are flexible, when they persist, and which signals best predict resilience in dynamic coastal systems. +[How do marine organisms *remember* and respond to environmental change?]{.lab-lead} -We prioritize open, reproducible science. Our research products and workflows are shared broadly, including online [lab notebooks](notebooks.qmd), [code, data](https://github.com/RobertsLab), and [presentations](https://faculty.washington.edu/sr320/publications.html#recent-presentations) so results can be evaluated, reused, and extended. Below is a snapshot of current activity. Use the sidebar to explore our People, Projects, and Tools & Apps. For even more, visit our [***lab handbook***](https://robertslab.github.io/resources/). +We use integrative, mechanistic approaches that link molecular regulation to organismal outcomes — connecting genetics and epigenetics with physiology to reveal when responses are flexible, when they persist, and which signals best predict resilience in dynamic coastal systems. We prioritize open, reproducible science: our [code and data](https://github.com/RobertsLab), [lab notebooks](notebooks.qmd), and [presentations](publications.qmd) are shared broadly so results can be evaluated, reused, and extended. For even more, visit our [**lab handbook**](https://robertslab.github.io/resources/). + +## Explore + +```{=html} +
    + + + + Projects + Active work across environmental epigenetics, reproduction, and aquaculture. + + + + + Publications + Browse 100+ papers by organism and research theme. + + + + + People + Meet the team, students, and lab alumni. + + + + + Tools & Apps + Interactive apps and open, reusable resources. + + +
    +``` + +## Recent activity + +::: {#recent-activity} +::: diff --git a/styles.css b/styles.css index 6c04349..4f814e6 100644 --- a/styles.css +++ b/styles.css @@ -306,6 +306,64 @@ text-align: center; } +/* ------------------------------------------------------------------ */ +/* Home page — entry-point navigation cards */ +/* ------------------------------------------------------------------ */ + +.lab-lead { + font-size: 1.2rem; + line-height: 1.5; + color: var(--lab-text); + margin: 1.25rem 0 0.5rem; +} + +.nav-cards { + display: grid; + grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); + gap: 1.25rem; + margin: 1.5rem 0 2.5rem; +} + +.nav-card { + display: flex; + flex-direction: column; + gap: 0.5rem; + padding: 1.5rem; + background: var(--lab-surface); + border: 1px solid var(--lab-border); + border-radius: var(--lab-radius); + box-shadow: var(--lab-shadow); + text-decoration: none; + color: var(--lab-text); + transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease; +} + +.nav-card:hover { + transform: translateY(-4px); + box-shadow: var(--lab-shadow-hover); + border-color: var(--lab-accent); + text-decoration: none; + color: var(--lab-text); +} + +.nav-card .nav-card-icon { + font-size: 1.8rem; + color: var(--lab-accent); + line-height: 1; +} + +.nav-card .nav-card-title { + font-size: 1.15rem; + font-weight: 600; + color: var(--lab-primary); +} + +.nav-card .nav-card-desc { + font-size: 0.88rem; + color: var(--lab-text-muted); + line-height: 1.45; +} + /* ------------------------------------------------------------------ */ /* Notebooks page */ /* ------------------------------------------------------------------ */ @@ -460,7 +518,8 @@ .alumni-grid, .content-grid, - .web-projects-grid { + .web-projects-grid, + .nav-cards { grid-template-columns: 1fr; } }