feat: add bios and links for leadership

src/components/Card.tsx

@@ -5,27 +5,38 @@ interface CardProps {
   image?: string
   title: string
   name: string
+  link: string
   institution: string
+  bio?: string
 }
 
-const Card: React.FC<CardProps> = ({ position, image, title, name, institution }) => {
+const Card: React.FC<CardProps> = ({ link, image, title, name, institution, bio }) => {
   // strip 'public/' from the avatar string since astro's public folder is available without this in the link
-  const link = image?.replace("/public", "")
+  const imageURL = image?.replace("/public", "")
   return (
-    <div
-      className={`flex flex-wrap gap-x-8 ${position % 2 ? "md:flex-row-reverse md:text-right" : ""}`}
-    >
+    <div className="flex flex-col md:flex-row gap-4 md:gap-8">
       {image && (
-        <div>
-          <img className="object-cover rounded-full w-64 h-64" src={link} alt={name} />
+        <div className="flex-none">
+          <img
+            className="object-cover rounded-full w-40 h-40 md:w-64 md:h-64"
+            src={imageURL}
+            alt={name}
+          />
         </div>
       )}
-      <div>
-        <a className="text-xl font-semibold underline text-neutral-900" href="#">
-          {name}
-        </a>
-        <p className="text-neutral-700 italic">{title}</p>
-        <p className="small">{institution}</p>
+      <div className="space-y-4">
+        <div>
+          <a
+            className="text-xl font-semibold underline text-neutral-900"
+            href={link}
+            target="_blank"
+          >
+            {name}
+          </a>
+          <p className="text-neutral-700 italic">{title}</p>
+          <p className="small">{institution}</p>
+        </div>
+        <p>{bio}</p>
       </div>
     </div>
   )

src/components/CardContainer.astro

@@ -6,14 +6,18 @@ interface PersonProps {
   data: {
     title: string
     name: string
+    link: string
     avatar?: string
     institution: string
+    bio: string
   }
 }
 ---
 
-<div class="flex items-start gap-12">
-  <h2 class={`${color} [writing-mode:vertical-lr] rotate-180`}>{title}</h2>
+<div class="flex flex-col xl:flex-row items-start gap-12">
+  <h2 class={`${color} xl:[writing-mode:vertical-lr] xl:rotate-180 xl:w-9 xl:-ml-[5.25rem]`}>
+    {title}
+  </h2>
   <div class="flex flex-col gap-20 flex-1">
     {
       people.map((person: PersonProps, i: number) => {
@@ -24,8 +28,10 @@ interface PersonProps {
               position={i}
               title={person.data.title}
               name={person.data.name}
+              link={person.data.link}
               image={person.data.avatar}
               institution={person.data.institution}
+              bio={person.data.bio}
             />
           </>
         )

src/content/config.ts

@@ -28,9 +28,11 @@ const people = defineCollection({
   schema: z.object({
     type: z.string(),
     name: z.string(),
+    link: z.string(),
     title: z.string(),
     avatar: z.string().optional(),
     institution: z.string(),
+    bio: z.string(),
   }),
 })
 export const collections = { news: news, data: files, people: people }

src/content/people/advisor.md

@@ -1,9 +1,11 @@
 ---
 type: Leadership
 name: David Lindstrom
+link: https://www.brown.edu/academics/sociology/people/david-lindstrom
 title: Advisor
 avatar: /public/images/david-lindstrom-1-.jpg
 institution: Brown University
 startDate: "2024"
 endDate: "2024"
+bio: Lindstrom's research examines the determinants and consequences of migration in economically developing societies, the transition into adulthood, and the changing dynamics of reproductive health and behavior. In Mexico and Guatemala, Lindstrom studies the interrelationship between migration and stages of the family life cycle, and the role of migration in the diffusion of urban reproductive norms and behavior back to rural places of origin. In Ethiopia, he examines the social and demographic determinants of fertility, and the influence of the social and cultural context on early life course transitions. Lindstrom teaches undergraduate and graduate courses on statistics, population and development, migration, and adolescent transitions into adulthood.
 ---

src/content/people/co-director-1.md

@@ -1,9 +1,11 @@
 ---
 type: Leadership
 name: Douglas S. Massey
+link: https://sociology.princeton.edu/people/doug-massey
 title: Co-Director
 avatar: /public/images/douglasmassey.jpeg
 institution: Princeton University
 startDate: "2024"
 endDate: "2024"
+bio: "Doug Massey is Henry G. Bryant Professor of Sociology and Public Affairs, with a joint appointment in The Princeton School of Public and International Affairs. A member of the National Academy of Sciences, the American Academy of Arts and Sciences, and the American Philosophical Society, he is the current president of the American Academy of Political and Social Science and is a member of the Council of the National Academy of Sciences and co-editor of the Annual Review of Sociology. Massey’s research focuses on international migration, race and housing, discrimination, education, urban poverty, stratification, and Latin America, especially Mexico. He is the author, most recently, of Brokered Boundaries: Constructing Immigrant Identity in Anti-Immigrant Times, coauthored with Magaly Sanchez and Published by the Russell Sage Foundation."
 ---

src/content/people/co-director.md

@@ -2,8 +2,10 @@
 type: Leadership
 name: Jorge Durand Arp-Nisen
 title: Co-Director
+link: https://en.wikipedia.org/wiki/Jorge_G._Durand
 avatar: /public/images/jorgedurand.jpg
 institution: Universidad de Guadalajara
 startDate: "2024"
 endDate: "2024"
+bio: Jorge Guillermo Durand Arp-Nisen (born 1949 in Lima, Peru) is a research professor of anthropology at the University of Guadalajara and the Center for Economic Research and Teaching (CIDE). He is co-director with Douglas S. Massey on the Mexican Migration Project (since 1987) and the Latin American Migration Project (since 1996), sponsored by the universities of Princeton and Guadalajara. He is a member of the American Philosophical Society, National Academy of Sciences, and the American Academy of Arts and Sciences. In Mexico, he is a member of the National System of Researchers (Level III) of the Mexican Academy of Sciences. Further, he has been granted the Guggenheim Fellowship for Social Sciences award in the Latin American & Caribbean Competition, as well as the Bronislaw Malinowski Award by the Society for Applied Anthropology.
 ---

src/content/people/data-entry-specialist.md

@@ -2,8 +2,10 @@
 type: Supporting Staff
 name: Verónica Lozano
 title: Data Entry Specialist
+link: \#
 avatar: /public/images/vero.jpg
 institution: Universidad de Guadalajara
 startDate: "2024"
 endDate: "2024"
+bio: About
 ---

src/content/people/professor-and-researcher-sni-nivel-iii.md

@@ -1,9 +1,11 @@
 ---
 type: Advisors
 name: M. Patricia Arias
+link: \#
 title: Professor and Researcher (SNI nivel III)
 avatar: /public/images/patricia-arias.jpg
 institution: Universidad de Guadalajara
 startDate: "2024"
 endDate: "2024"
+bio: AboutLL
 ---