reorganize profile pictures

- reorganize PI block into flex containers
- reorganize group members block into flex containers
- move group images to subdirectory for clearer image organization
- render group member content using yml data structure

Author: owlang

_data/groupinfo.yml

@@ -0,0 +1,172 @@
+- name: Anne Gardner, PhD
+  title: Lab Manager
+  imglink: ./assets/images/group-profile/Anne_Gardner.jpg
+  imgalt: anne
+  blurb: >
+            Anne Gardner joined the Pugh lab in 2021 as Lab Manager. She is
+            excited to be back at Cornell where she completed her
+            undergraduate in Biology. She earned her PhD in Immunology at Duke
+            University on immunoglobulin intracellular transport during B cell
+            differentiation and did a postdoctoral fellowship at National
+            Jewish Immunology focusing on MAP kinase signal transduction
+            pathways.
+  location: 467 Biotechnology Building
+  email: amg246@cornell.edu
+  cvlink: assets/docs/AnneGardner_CV.pdf
+- name: Joshua Wendall
+  title: Lab Technician
+  imglink: ./assets/images/group-profile/Joshua_Wendall.jpg
+  imgalt: josh
+  blurb: >
+            Josh received his BS in Biology with the Neuroscience option from Penn
+            State, shortly thereafter joining the Pugh Lab in December of 2022.
+            As a technician, he has been exploring the use of mammalian tissue as
+            a substrate for ChIP-exo.
+  location: 467 Biotechnology Building
+  email: jcw345@cornell.edu
+  cvlink: assets/docs/JoshuaWendall_CV.pdf
+- name: Matthew McDermott
+  title: Lab Technician
+  imglink: ./assets/images/group-profile/Matthew_McDermott.jpg
+  imgalt: matt
+  blurb: >
+            Matthew received his bachelor's degree in Viticulture and Enology from
+            Cornell University. He is interested in the yeast and bacteria that are
+            responsible for producing beer and wine. Since the production of beer and
+            wine is stressful to yeast, Matthew has been studying where transcription
+            factors are bound to DNA in yeast as a response to different stress factors
+            using ChIP-exo.
+  location: 467 Biotechnology Building
+  email: mjm763@cornell.edu
+- name: Ruihao Li, PhD
+  title: Post Doctoral Scholar
+  imglink: ./assets/images/group-profile/Ruihao_Li.jpeg
+  imgalt: ruihao
+  blurb: >
+            Ruihao completed his Bachelor's degree in Life Sciences at Huazhong 
+            University of Science and Technology in 2017. Following this, he 
+            pursued his PhD in Quantitative and Systems Biology at the University 
+            of California, Merced, graduating in 2023. Shortly after, he joined 
+            Pugh's lab as a postdoctoral fellow. He is committed to constructing 
+            mathematical models and developing computational tools to elucidate 
+            the intricate networking between transcription factors and genes.
+  location: 467 Biotechnology Building
+  email: rl884@cornell.edu
+  cvlink: assets/docs/RuihaoLi_CV.pdf
+- name: Haining Chen, PhD
+  title: Post Doctoral Scholar
+  imglink: ./assets/images/group-profile/Haining_Chen.png
+  imgalt: haining
+  blurb: >
+            Haining Chen is a doctoral candidate in the Graduate Field of
+            Biochemistry, Molecular, and Cell Biology (BMCB) Graduate Program at
+            Cornell University. She received her Bachelor's degree in
+            microbiology from Shandong University. In 2019, Haining joined the
+            Pugh lab, and her current research focuses on unraveling the
+            intricate molecular architectures of proteins implicated in
+            transcription initiation and studying how transcription factors
+            regulate gene expression in a cell-type-specific manner.
+  location: 460 Biotechnology Building
+  email: hc2228@cornell.edu
+  cvlink: assets/docs/HainingChen_CV.pdf
+  website: https://heninchen.github.io
+- name: Olivia Lang
+  title: Graduate Student (CB)
+  imglink: ./assets/images/group-profile/Olivia_Lang.png
+  imgalt: olivia
+  blurb: >
+            Olivia received her bachelor's degree in Interdisciplinary
+            Computational Biology from Colby College and then went on to work
+            for The Saccharomyces Genome Database for two years before
+            starting her PhD in Cornell's Computational Biology program. As a
+            member of the Pugh lab, she works on tool development for the data
+            generated from sequencing based assays.
+  location: 404 Biotechnology Building
+  email: owl8@cornell.edu
+  cvlink: assets/docs/OliviaLang_CV.pdf
+  website: https://owlang.github.io
+- name: Justin Cha
+  title: Graduate Student (CB)
+  imglink: ./assets/images/group-profile/Justin_Cha.png
+  imgalt: justin
+  blurb: >
+            Justin Cha is a PhD student in the Computational Biology Program.
+            He received his bachelor's degree in Biomedical Engineering at the
+            Georgia Institute of Technology before working as an Associate
+            Computational Biologist in the Getz Lab at the Broad Institute.
+            For the Pugh lab, he works on software development and
+            high-throughput computing (HTC) for the analysis of sequencing
+            data.
+  location: 460A Biotechnology Building
+  email: jsc333@cornell.edu
+  cvlink: assets/docs/JustinCha_CV.pdf
+  website: https://jcha40.github.io
+- name: Fred Fazan
+  title: Graduate Student (PBSB)
+  imglink: ./assets/images/group-profile/Frederico_Fazan.jpg
+  imgalt: fred
+  blurb: >
+            Fred got his BS in Biomedical Sciences from the University of São
+            Paulo and Master's in Pharmacology from the Federal University of São
+            Paulo. He worked as a Research Fellow at the University of Iowa for
+            two years before joining Weill Cornell Graduate School of Medical
+            Sciences PhD program in Physiology, Biophysics and Systems Biology.
+            In the Pugh Lab, he works on the technical development of single cell
+            ChIP-exo.
+  location: 460 Biotechnology Building
+  email: ff259@cornell.edu
+  cvlink: assets/docs/FredericoFazan_CV.pdf
+  website:
+
+- name: Rebecca Soloway
+  title: Graduate Student (GGD)
+  imglink: ./assets/images/group-profile/Rebecca_Soloway.jpg
+  imgalt: rebecca
+  blurb: >
+            Rebecca received a BS in Biology from Cornell University, and has been 
+            working in science communication and conservation biology since 
+            graduation. As a graduate student in the Pugh Lab, she is interested in 
+            gene regulatory networks in yeast.
+  location: 460 Biotechnology Building
+  email: res336@cornell.edu
+  cvlink: assets/docs/RebeccaSoloway_CV.pdf
+  website:
+- name: Jiayi Hu
+  title: Graduate Student (GGD)
+  imglink: ./assets/images/group-profile/Jiayi_Hu.jpeg
+  imgalt: jiayi
+  blurb: >
+            Jiayi Hu is a PhD student in the Genetics, Genomics, and Development 
+            Program at Cornell University. She received her bachelor's degree in 
+            Integrated Science at Peking University in China. She joined Pugh lab 
+            in 2024, focusing on understanding the dynamics of epigenomic 
+            architecture by chromatin reconstitution.
+  location: 460 Biotechnology Building
+  email: jh2792@cornell.edu
+  cvlink: assets/docs/JiayiHu_CV.pdf
+  website:
+- name: Kritika Grover
+  title: Graduate Student (CB)
+  imglink: ./assets/images/group-profile/Kritika_Grover.jpeg
+  imgalt: kritika
+  blurb: >
+            Kritika Grover is a PhD student in the Computational Biology Program at
+            Cornell University. She received her bachelor's degree from the University 
+            of Waterloo in Biochemistry and minored in computing.
+  location: 460A Biotechnology Building
+  email: kg573@cornell.edu
+  cvlink: assets/docs/KritikaGrover_CV.pdf
+  website:
+- name: Zimo Zhu
+  title: Graduate Student (CB)
+  imglink: ./assets/images/group-profile/Zimo_Zhu.jpeg
+  imgalt: zimo
+  blurb: >
+            Zimo Zhu is a PhD student in the Computational Biology Program at Cornell
+            University. She received her bachelor's degree from the University of
+            Washington in Molecular, Cellular, and Developmental Biology with a minor in
+            Data Science.
+  location: 404 Biotechnology Building
+  email: zz863@cornell.edu
+  cvlink: assets/docs/ZimoZhu_CV.pdf
+  website:

_sass/main.scss

@@ -10,6 +10,10 @@ html, body{
 p{
   font-weight: 300;
 }
+
+hr{
+  width: 100%;
+}
 // a{color: #006699;}
 
 .current {
@@ -163,15 +167,29 @@ margin-top: 10px;
 }
 
 
-//GROUP
+// group.html styles
 .group-container {
   padding: 0px 40px 40px 40px;
 }
 
-.media-body{
+.media-body {
   margin-top: 20px;
   margin-bottom: 40px;
 }
+
+.group-pi-container {
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: flex-start;
+  align-items: stretch;
+  column-gap: 30px;
+}
+.group-pi-content {
+  display: flex;
+  flex-flow: column nowrap;
+  justify-content: center;
+  align-items: stretch;
+}
 .group-member-photo{
   height:300px;
   width:225px;
@@ -183,8 +201,26 @@ margin-top: 10px;
 .group-pi-blurb{
   font-size:18px;
 }
+
+.group-allmembers-container {
+  display: flex;
+  flex-flow: row wrap;
+  justify-content: space-between;
+  align-items: stretch;
+  column-gap: 30px;
+  row-gap: 30px;
+}
+.group-member-container {
+  display: flex;
+  flex-flow: column nowrap;
+  justify-content: flex-start;
+  align-items: flex-start;
+  flex-basis: 350px;
+  flex-grow: 1;
+}
+
 .group-member-dept{
-  height: 60px;
+  height: 50px;
 }
 .group-member-blurb{
   font-size: 14px;
@@ -333,10 +369,6 @@ img {vertical-align: middle;}
   .mb-2{
     padding: 0px;
   }
-  .frank-text{
-  margin-top: 20px;
-  }
-
 }
 
 @media (max-width: 992px){
@@ -362,26 +394,32 @@ font-size: 28px;
   .card-text{
     font: 16px;
   }
+
+  // group.html styles
+  .group-pi-container {
+    flex-wrap: wrap;
+    row-gap: 20px;
+  }
 }
 
 @media (max-width: 937px){
-.card{
-  padding: 0px;
-}
-.mb-2{
-  padding: 0px;
-}
-.link-container{
-  margin-top: 20px;
-}
+  .card{
+    padding: 0px;
+  }
+  .mb-2{
+    padding: 0px;
+  }
+  .link-container{
+    margin-top: 20px;
+  }
 }
 
 @media (max-width:767px){
   .cornell-logo{
     max-width: 100%;
   }
   .text-left h1{
- font-size: 28px;
+    font-size: 28px;
   }
   .text-left p{
     font-size: 10px;
@@ -391,7 +429,6 @@ font-size: 28px;
 
 @media only screen and (max-width: 300px) {
   .prev, .next,.text {font-size: 11px}
-
 }
 
 /* stylelint-disable selector-list-comma-newline-after */