From 01b81ec1afd37a4b443d57ade98a531c5c3a1616 Mon Sep 17 00:00:00 2001 From: Onur Sumer Date: Mon, 23 Dec 2024 18:23:20 -0500 Subject: [PATCH] add support for custom center header content and move images under phase 1 dir --- components/HtaCenterPage.module.scss | 24 ++++ components/HtaCenterPage.tsx | 128 +++++++++++++++++- components/HtanNavbar.tsx | 6 +- data/phase1_centers.json | 30 ++++ pages/static/htan-dcc.html | 49 ++++--- public/{ => phase1}/ASU-full_logo.webp | Bin public/{ => phase1}/BU-Logo.webp | Bin public/{ => phase1}/BWH-logo.webp | Bin public/{ => phase1}/Broad-Inst-Logo.webp | Bin .../BroadInstLogoforDigitalRGB.webp | Bin public/{ => phase1}/DFCI-Logo-with-Flag.webp | Bin public/{ => phase1}/DFCI-logo.webp | Bin public/{ => phase1}/Duke-SOM-logo.webp | Bin public/{ => phase1}/HMS_Logo.webp | Bin public/{ => phase1}/Janseen-Logo.webp | Bin public/{ => phase1}/MSK_logo.webp | Bin public/{ => phase1}/OHSU_logo.webp | Bin public/{ => phase1}/Stanford-Logo.webp | Bin public/{ => phase1}/UCLA-Logo.webp | Bin public/{ => phase1}/VUMC-logo.webp | Bin public/{ => phase1}/WUSM-logo.webp | Bin ...ldren's-hospital-of-philadelphia-logo.webp | Bin public/{ => phase1}/isb_color_logo1.webp | Bin .../{ => phase1}/sage_bionetworks_logo.webp | Bin ...sity-of-pennsylvania-penn-vector-logo.webp | Bin .../vanderbilt-university-logo.webp | Bin 26 files changed, 216 insertions(+), 21 deletions(-) rename public/{ => phase1}/ASU-full_logo.webp (100%) rename public/{ => phase1}/BU-Logo.webp (100%) rename public/{ => phase1}/BWH-logo.webp (100%) rename public/{ => phase1}/Broad-Inst-Logo.webp (100%) rename public/{ => phase1}/BroadInstLogoforDigitalRGB.webp (100%) rename public/{ => phase1}/DFCI-Logo-with-Flag.webp (100%) rename public/{ => phase1}/DFCI-logo.webp (100%) rename public/{ => phase1}/Duke-SOM-logo.webp (100%) rename public/{ => phase1}/HMS_Logo.webp (100%) rename public/{ => phase1}/Janseen-Logo.webp (100%) rename public/{ => phase1}/MSK_logo.webp (100%) rename public/{ => phase1}/OHSU_logo.webp (100%) rename public/{ => phase1}/Stanford-Logo.webp (100%) rename public/{ => phase1}/UCLA-Logo.webp (100%) rename public/{ => phase1}/VUMC-logo.webp (100%) rename public/{ => phase1}/WUSM-logo.webp (100%) rename public/{ => phase1}/children's-hospital-of-philadelphia-logo.webp (100%) rename public/{ => phase1}/isb_color_logo1.webp (100%) rename public/{ => phase1}/sage_bionetworks_logo.webp (100%) rename public/{ => phase1}/university-of-pennsylvania-penn-vector-logo.webp (100%) rename public/{ => phase1}/vanderbilt-university-logo.webp (100%) diff --git a/components/HtaCenterPage.module.scss b/components/HtaCenterPage.module.scss index e7dd5bbc..1c3eb156 100644 --- a/components/HtaCenterPage.module.scss +++ b/components/HtaCenterPage.module.scss @@ -1,3 +1,27 @@ +.header { + display: flex; + justify-content: space-evenly; +} + +.headerImg100 { + height: 100%; +} + +.headerImg50 { + width: 50%; + height: 100%; +} + +.headerImg30 { + width: 30%; + height: 100%; +} + +.headerImg20 { + width: 20%; + height: 100%; +} + .headshot { margin: 0 15px 15px 0; float: left; diff --git a/components/HtaCenterPage.tsx b/components/HtaCenterPage.tsx index 6a94f4d1..a8b25d94 100644 --- a/components/HtaCenterPage.tsx +++ b/components/HtaCenterPage.tsx @@ -11,6 +11,128 @@ export interface HtaCenterPageProps { showGrantNumber?: boolean; } +const HeaderLogos = (props: { + imgSources: string[]; + headerImgClassname?: string; +}) => { + return ( +
+ {props.imgSources.map((src, index) => ( + {src + ))} +
+ ); +}; + +const customHeaderContent: { [centerId: string]: JSX.Element } = { + hta1: ( + <> + +
+ + View the HTAPP Webinar Series + + + ), + hta3: ( + + ), + hta4: ( + + ), + hta5: ( + + ), + hta6: ( + + ), + hta7: ( + + ), + hta8: ( + + ), + hta9: ( + + ), + hta10: ( + + ), + hta11: ( + + ), + hta12: ( + + ), + 'htan-dcc': ( + + ), +}; + const PrincipalInvestigators = (props: { principalInvestigators: PrincipalInvestigator[]; phase: string; @@ -24,6 +146,7 @@ const PrincipalInvestigators = (props: { .split(',')[0] .replace(/\s/g, '_') .replace('à', 'a') + .replace('é', 'e') .replace(/[.’]/g, ''); }; @@ -110,7 +233,10 @@ const HtaCenterPage = ({ id, hta, showGrantNumber }: HtaCenterPageProps) => {

{hta.title}

- + {customHeaderContent[id]} + {!_.isEmpty(hta.description) && ( + + )} {showGrantNumber && hta.grantNumber && (

Grant Number: {hta.grantNumber} diff --git a/components/HtanNavbar.tsx b/components/HtanNavbar.tsx index bb9a364e..19df68a4 100644 --- a/components/HtanNavbar.tsx +++ b/components/HtanNavbar.tsx @@ -70,7 +70,7 @@ export const HtanNavbar: React.FunctionComponent<{}> = () => { Overview - + Data Coordinating Center @@ -105,7 +105,9 @@ export const HtanNavbar: React.FunctionComponent<{}> = () => { Events - Newsletter + + Newsletter + Twitter , ]; diff --git a/data/phase1_centers.json b/data/phase1_centers.json index 64634f65..19bd3f42 100644 --- a/data/phase1_centers.json +++ b/data/phase1_centers.json @@ -263,5 +263,35 @@ ], "description": "", "phase": "phase1" + }, + "htan-dcc": { + "title": "HTAN Data Coordinating Center", + "principalInvestigators": [ + { + "name": "Ethan Cerami, PhD", + "center": "", + "description": "Dr. Ethan Cerami is Director of the Knowledge Systems Group and Principal Scientist in the Department of Data Sciences at Dana-Farber Cancer Institute (DFCI). He has an M.S. in Computer Science from New York University and a Ph.D. in Computational Biology from Cornell University. Prior to joining Dana-Farber, Dr. Cerami was Director of Computational Biology at Blueprint Medicines and Director of Cancer Informatics Development at Memorial Sloan Kettering Cancer Center (MSKCC). While at MSKCC, Dr. Cerami co-founded the cBioPortal for Cancer Genomics, and his current group at DFCI remains active in its continued development while also being central contributors to other major consortium efforts such as the NCI-funded Cancer Immunologic Data Commons and AACR Project GENIE." + }, + { + "name": "Adam Taylor, PhD", + "center": "", + "description": "Dr. Adam Taylor is the Director of Cancer Biology at Sage Bionetworks, where he leads a team of data and community managers, along with bioinformatics engineers, working on cancer biology efforts like AACR Project GENIE and the MC2 Center. He holds an MEng in Biochemical Engineering from the University of Bath and a Ph.D. in Pharmacy from the University of Nottingham. Before joining Sage, Adam was a postdoctoral fellow at the University of Washington and later a Senior Scientist at the National Physical Laboratory, where he led work advancing mass spectrometry imaging to track cancer metabolism as part of the Cancer Grand Challenges Rosetta Team. His interests include developing effective data-sharing mechanisms for multiplexed tissue imaging, spatial transcriptomics, and digital pathology, with a focus on data quality and AI-readiness." + }, + { + "name": "Nikolaus Schultz, PhD", + "center": "", + "description": "Dr. Niki Schultz is Associate Attending in the Computational Oncology Service of the Department of Epidemiology and Biostatistics and Affiliate Member of the Human Oncology and Pathogenesis Program at Memorial Sloan Kettering Cancer Center (MSKCC). As head of the Knowledge Systems Group in the Marie-Josée and Henry R. Kravis Center for Molecular Oncology, he leads development of the cBioPortal for Cancer Genomics, a web-based resource for analysis of complex cancer genomics data, and of OncoKB, a precision oncology knowledge base. His research focuses on identifying the genomic alterations that underlie cancer, their mechanisms of action, and novel therapeutic approaches. Dr. Schultz has made significant contributions to several projects of TCGA and AACR Project GENIE, and he is an investigator in the Stand Up to Cancer Prostate Cancer Dream Team. He has a particular interest in enabling discoveries by developing novel computational methods and databases that help bridge the divide between computer scientists on one side and clinicians and researchers on the other." + }, + { + "name": "Vésteinn Thorsson, PhD", + "center": "", + "description": "Dr. Vésteinn Thorsson is a Senior Research Scientist at the Institute for Systems Biology. His research encompasses cancer genomics and immuno-oncology, and he has extensive experience working with data analysis and data coordination in collaborative cancer genomics projects. As part of The Cancer Genome Atlas (TCGA) Research Network, Dr. Thorsson contributed substantially to published studies on gastrointestinal tumors, including serving as both Data and Analysis Coordinator and playing a key role in determining gastric molecular subtypes. Dr. Thorsson also served as Co-Chair of a working group that recently completed a comprehensive analysis of all TCGA gastrointestinal tumor samples and of a working group dedicated to characterizing immune response in the more than 10,000 TCGA tumor samples. In addition, he serves as a project lead for the CRI iAtlas project (cri-iatlas.org), an interactive web resource for immuno-oncology research." + } + ], + "description": [ + "The HTAN Data Coordinating Center (DCC) proudly supports each of the HTAN atlas teams and pilot programs as well as the broader Network by coordinating Network activities; providing centralized resources for data and resource storage and access within HTAN as well as dissemination to the wider scientific community; developing powerful data analysis and visualization tools to enable researchers to make novel discoveries using HTAN data; and conducting outreach to the community. Within HTAN, the DCC also leads various efforts to develop an extensible data model as well as clinical data and metadata standards that will ensure the accessibility and interoperability of HTAN data with the wider cancer research data ecosystem.", + "Comprised of individuals from four institutions, the DCC team brings to HTAN extensive experience participating in major research consortia, including TCGA, AACR Project GENIE, and the Cancer Systems Biology Consortium, as well as leading open-source software development projects such as cBioPortal for Cancer Genomics, Synapse, and the ISB Cancer Genomics Cloud (ISB-CGC) and community engagement projects such as DREAM Challenges. The DCC team draws upon this collective experience and deep technical expertise in biomedical science and data science to support the goals of HTAN and to promote a collaborative research and discovery environment within HTAN and the wider cancer research community." + ], + "phase": "phase1" } } diff --git a/pages/static/htan-dcc.html b/pages/static/htan-dcc.html index 80a4e6df..7e658f3b 100644 --- a/pages/static/htan-dcc.html +++ b/pages/static/htan-dcc.html @@ -1,14 +1,21 @@ --- page: htan-dcc navText: HTAN Data Coordinating Center (DCC) +TODO: remove this page ---

HTAN Data Coordinating Center

- - - - + + + +

Overview

@@ -62,24 +69,27 @@

ADAM TAYLOR, Ph.D.

- Dr. Adam Taylor is the Director of Cancer Biology at Sage Bionetworks, - where he leads a team of data and community managers, along with - bioinformatics engineers, working on cancer biology efforts like AACR - Project GENIE and the MC2 Center. He holds an MEng in Biochemical - Engineering from the University of Bath and a Ph.D. in Pharmacy from the - University of Nottingham. Before joining Sage, Adam was a postdoctoral - fellow at the University of Washington and later a Senior Scientist at the - National Physical Laboratory, where he led work advancing mass spectrometry - imaging to track cancer metabolism as part of the Cancer Grand Challenges - Rosetta Team. His interests include developing effective data-sharing - mechanisms for multiplexed tissue imaging, spatial transcriptomics, and - digital pathology, with a focus on data quality and AI-readiness. + Dr. Adam Taylor is the Director of Cancer Biology at Sage Bionetworks, where + he leads a team of data and community managers, along with bioinformatics + engineers, working on cancer biology efforts like AACR Project GENIE and the + MC2 Center. He holds an MEng in Biochemical Engineering from the University + of Bath and a Ph.D. in Pharmacy from the University of Nottingham. Before + joining Sage, Adam was a postdoctoral fellow at the University of Washington + and later a Senior Scientist at the National Physical Laboratory, where he + led work advancing mass spectrometry imaging to track cancer metabolism as + part of the Cancer Grand Challenges Rosetta Team. His interests include + developing effective data-sharing mechanisms for multiplexed tissue imaging, + spatial transcriptomics, and digital pathology, with a focus on data quality + and AI-readiness.

NIKOLAUS SCHULTZ, Ph.D.

- + Dr. Niki Schultz is Associate Attending in the Computational Oncology Service of the Department of Epidemiology and Biostatistics and Affiliate Member of the Human Oncology and Pathogenesis Program at Memorial Sloan @@ -100,7 +110,10 @@

NIKOLAUS SCHULTZ, Ph.D.

VÉSTEINN THORSSON, Ph.D.

- + Dr. Vésteinn Thorsson is a Senior Research Scientist at the Institute for Systems Biology. His research encompasses cancer genomics and immuno-oncology, and he has extensive experience working with data analysis diff --git a/public/ASU-full_logo.webp b/public/phase1/ASU-full_logo.webp similarity index 100% rename from public/ASU-full_logo.webp rename to public/phase1/ASU-full_logo.webp diff --git a/public/BU-Logo.webp b/public/phase1/BU-Logo.webp similarity index 100% rename from public/BU-Logo.webp rename to public/phase1/BU-Logo.webp diff --git a/public/BWH-logo.webp b/public/phase1/BWH-logo.webp similarity index 100% rename from public/BWH-logo.webp rename to public/phase1/BWH-logo.webp diff --git a/public/Broad-Inst-Logo.webp b/public/phase1/Broad-Inst-Logo.webp similarity index 100% rename from public/Broad-Inst-Logo.webp rename to public/phase1/Broad-Inst-Logo.webp diff --git a/public/BroadInstLogoforDigitalRGB.webp b/public/phase1/BroadInstLogoforDigitalRGB.webp similarity index 100% rename from public/BroadInstLogoforDigitalRGB.webp rename to public/phase1/BroadInstLogoforDigitalRGB.webp diff --git a/public/DFCI-Logo-with-Flag.webp b/public/phase1/DFCI-Logo-with-Flag.webp similarity index 100% rename from public/DFCI-Logo-with-Flag.webp rename to public/phase1/DFCI-Logo-with-Flag.webp diff --git a/public/DFCI-logo.webp b/public/phase1/DFCI-logo.webp similarity index 100% rename from public/DFCI-logo.webp rename to public/phase1/DFCI-logo.webp diff --git a/public/Duke-SOM-logo.webp b/public/phase1/Duke-SOM-logo.webp similarity index 100% rename from public/Duke-SOM-logo.webp rename to public/phase1/Duke-SOM-logo.webp diff --git a/public/HMS_Logo.webp b/public/phase1/HMS_Logo.webp similarity index 100% rename from public/HMS_Logo.webp rename to public/phase1/HMS_Logo.webp diff --git a/public/Janseen-Logo.webp b/public/phase1/Janseen-Logo.webp similarity index 100% rename from public/Janseen-Logo.webp rename to public/phase1/Janseen-Logo.webp diff --git a/public/MSK_logo.webp b/public/phase1/MSK_logo.webp similarity index 100% rename from public/MSK_logo.webp rename to public/phase1/MSK_logo.webp diff --git a/public/OHSU_logo.webp b/public/phase1/OHSU_logo.webp similarity index 100% rename from public/OHSU_logo.webp rename to public/phase1/OHSU_logo.webp diff --git a/public/Stanford-Logo.webp b/public/phase1/Stanford-Logo.webp similarity index 100% rename from public/Stanford-Logo.webp rename to public/phase1/Stanford-Logo.webp diff --git a/public/UCLA-Logo.webp b/public/phase1/UCLA-Logo.webp similarity index 100% rename from public/UCLA-Logo.webp rename to public/phase1/UCLA-Logo.webp diff --git a/public/VUMC-logo.webp b/public/phase1/VUMC-logo.webp similarity index 100% rename from public/VUMC-logo.webp rename to public/phase1/VUMC-logo.webp diff --git a/public/WUSM-logo.webp b/public/phase1/WUSM-logo.webp similarity index 100% rename from public/WUSM-logo.webp rename to public/phase1/WUSM-logo.webp diff --git a/public/children's-hospital-of-philadelphia-logo.webp b/public/phase1/children's-hospital-of-philadelphia-logo.webp similarity index 100% rename from public/children's-hospital-of-philadelphia-logo.webp rename to public/phase1/children's-hospital-of-philadelphia-logo.webp diff --git a/public/isb_color_logo1.webp b/public/phase1/isb_color_logo1.webp similarity index 100% rename from public/isb_color_logo1.webp rename to public/phase1/isb_color_logo1.webp diff --git a/public/sage_bionetworks_logo.webp b/public/phase1/sage_bionetworks_logo.webp similarity index 100% rename from public/sage_bionetworks_logo.webp rename to public/phase1/sage_bionetworks_logo.webp diff --git a/public/university-of-pennsylvania-penn-vector-logo.webp b/public/phase1/university-of-pennsylvania-penn-vector-logo.webp similarity index 100% rename from public/university-of-pennsylvania-penn-vector-logo.webp rename to public/phase1/university-of-pennsylvania-penn-vector-logo.webp diff --git a/public/vanderbilt-university-logo.webp b/public/phase1/vanderbilt-university-logo.webp similarity index 100% rename from public/vanderbilt-university-logo.webp rename to public/phase1/vanderbilt-university-logo.webp