Update doula profiles: add image paths for board members, adjust SCSS styles for board member cards, and remove unused classes from JSON configuration. Include new profile images for Patrick Boswell and Nella Goho.

Author: markgoho

hugo/assets/scss/about-cooperative.scss

@@ -1,26 +1,25 @@
 .board-members {
+  margin-block-start: var(--space-xl);
   display: grid;
   grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
-  gap: 2rem;
+  gap: var(--space-l);
 }
 
 .board-member-card {
-  border: 1px solid var(--brown-400);
   border-radius: 10px;
-  padding: 1.5rem;
   text-align: center;
-  background-color: var(--brown-100);
 }
 
 .board-member-card__image {
   margin-bottom: 1rem;
 
   img {
-    width: 100%;
-    max-width: 200px;
+    aspect-ratio: 1 / 1;
+    object-fit: cover;
+    width: 300px;
     height: auto;
-    border-radius: 50%;
     border: 5px solid var(--teal-500);
+    border-radius: var(--border-radius-md);
   }
 }
 
@@ -31,6 +30,16 @@
 }
 
 .board-member-card__role {
-  font-weight: var(--font-weight-regular);
+  font-weight: var(--font-weight-light);
   margin: 0;
+  font-variation-settings: "slnt" -12;
+}
+
+@container (max-width: 40rem) {
+  .board-members,
+  .board-member-card {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+  }
 }

hugo/content/about-the-doula-cooperative.md

@@ -4,16 +4,23 @@ type: "about-cooperative"
 board_members:
   - name: "Phyllis Sharp"
     role: "President"
+    path: "/doulas/phyllis-sharp/phyllis-sharp-profile-300.avif"
   - name: "LaKeisha Washington"
     role: "Vice President"
+    path: "/doulas/lakeisha-washington/lakeisha-washington-profile-300.avif"
   - name: "Patrick Boswell"
     role: "Treasurer"
+    path: "/assets/images/patrick-boswell-profile-300.avif"
   - name: "Nella Goho"
     role: "Website Coordinator"
+    path: "/assets/images/nella-goho-profile-300.avif"
   - name: "Christine Landers"
     role: "Referral Coordinator"
-  - name: "Julia Sittig"
+    path: "/doulas/christine-landers/christine-landers-profile-300.avif"
+  - name: "Julia M Sittig"
     role: "Hospital Liason"
+    path: "/doulas/julia-m-sittig/julia-m-sittig-profile-300.avif"
   - name: "Morgan Moy"
     role: "Community Liason"
+    path: "/doulas/morgan-moy/morgan-moy-profile-300.avif"
 ---

hugo/content/doulas/lakeisha-washington/lakeisha-washington-profile-300.avif

@@ -116,7 +116,6 @@
       "navbar__link",
       "navbar__logo",
       "navbar__nav",
-      "no-credentials",
       "post-submission-section",
       "price",
       "profile-card",

hugo/content/doulas/lakeisha-washington/lakeisha-washington-profile-600.avif

@@ -1,7 +1,11 @@
 <div class="board-member-card">
   <div class="board-member-card__image">
-    {{ $image_path := printf "assets/images/about-cooperative/%s.png" (.name | urlize) }}
-    <img src="{{ $image_path | relURL }}" alt="Headshot of {{ .name }}" />
+    <img
+      height="300"
+      width="300"
+      loading="lazy"
+      src="{{ .path }}"
+      alt="Headshot of {{ .name }}" />
   </div>
   <div class="board-member-card__info">
     <p class="board-member-card__name">{{ .name }}</p>