adding updates per client feedback

Author: rudietuesdays

frontend/public/jaydot-fav-user.png

@@ -30,6 +30,6 @@ const { count, title, sub } = Astro.props
 
 <style lang="scss">
   div > p:first-child {
-    color: var(--brand-orange);
+    color: var(--brand-primary);
   }
 </style>

frontend/public/team/alexis.jpg

@@ -26,26 +26,32 @@ const {src, alt = '', url = '#' }: Props = Astro.props
 
 <div class="feature-container">
   <a class="feature-link" href={url}></a>
-  <div class="feature flex flex-col gap-2">
+  <div class="feature">
     <Image
       src={src}
       alt={alt}
       decoding="async"
       loading="eager"
-      class="object-contain"
+      class="object-contain center"
     />
   </div>
 </div>
 
 <style lang="scss">
   @use '../assets/scss/base/breakpoint' as *;
+  
+  .center {
+    top: 50%;
+    transform: translateY(-50%);
+  }
 
   .feature {
-    position: relative;
+    position: absolute;
     transform: scale(1);
     transition: transform 500ms;
     padding: var(--space-l);
-    inline-size: calc(100% - var(--space-l));
+    inline-size: calc(110% - var(--space-l));
+
 
     > * {
       position: relative;
@@ -69,7 +75,9 @@ const {src, alt = '', url = '#' }: Props = Astro.props
     }
 
     &-container {
+      height: 300px;
       position: relative;
+      width: 300px;
     }
 
     &-link {

frontend/public/team/chapman.jpg

@@ -1,6 +1,6 @@
 ---
 import Navigation from './Navigation.astro'
-import { DarkMode, Link, SkipLink } from 'accessible-astro-components'
+import { Link, SkipLink } from 'accessible-astro-components'
 import { Icon } from 'astro-icon/components'
 
 /**
@@ -59,7 +59,7 @@ const nav = await res?.json()
     )}
     {nav?.["social-media"]?.["instagram-handle"] && (
       <li class="menu-item type-icon animate-rotate">
-        <Link href={`https://www.instagram.com/${nav?.["social-media"]["instagram-handle"]}/`}>
+        <Link target="_blank" href={`https://www.instagram.com/${nav?.["social-media"]["instagram-handle"]}/`}>
           <Icon aria-hidden="true" name="lucide:instagram" />
           <span class="sr-only">Follow us on Instagram</span>
         </Link>

frontend/public/team/jasper.jpg

@@ -22,10 +22,10 @@ import src from '@assets/images/jaydot-windows.jpg'
   <div class="container">
     <div class="grid grid-cols-1 items-stretch gap-12 md:grid-cols-2">
       <div class="flex flex-col gap-8 md:items-start">
-        <h1 class="text-6xl lg:text-8xl">
+        <h1 class="text-6xl/18 lg:text-8xl/28">
           <slot><span class="text-gradient">Affordable housing</span> solutions for DC</slot>
         </h1>
-        <div class="flex flex-col gap-3 min-[500px]:flex-row">
+        <div class="flex flex-col gap-3 lg:flex-row">
           <Link href="/about" isButton type="primary" animateOnHover animationType="boop">
             <Icon aria-hidden="true" name="lucide:house-heart" size="1.5rem" />
             Learn how we work

frontend/public/team/sheryl.png

@@ -1,10 +1,9 @@
 ---
 import DefaultLayout from '@layouts/DefaultLayout.astro'
 import PageHeader from '@components/PageHeader.astro'
-import { Heading, Notification } from 'accessible-astro-components'
+import { Heading } from 'accessible-astro-components'
 import { getCollection } from 'astro:content'
 import { Image } from 'astro:assets'
-import CallToAction from '@components/CallToAction.astro'
 import building1 from '@assets/images/about/building-1.jpg'
 import building2 from '@assets/images/about/building-2.jpg'
 import dignity from '@assets/images/about/dignity.jpg'
@@ -70,16 +69,16 @@ const approaches = [
           />
           <div>
             <p class="mb-4">
-              Jaydot was founded in 2010 to fill a gap in housing solutions for people exiting homelessness in DC. Our work is based on the fundamental but radical idea that the solution to homelessness is housing. Although Jaydot has grown in size and scope, we maintain our human-centered approach. Our focus remains on the intersection of affordable housing, supportive services, and integrated community.
+              Jaydot was started in 2010 to fill a gap in housing solutions for people exiting homelessness in DC. Our work is based on the fundamental idea that the solution to homelessness is housing. Although Jaydot has grown in size and scope, we maintain our human-centered approach. Our focus remains on seeking innovation and excellence at the intersection of affordable housing, supportive services, and creating vibrant communities.
             </p>
             <p class="mb-4">
-              In both our Permanent Supportive Housing (PSH) and resident services programs, we focus on providing voluntary, wraparound onsite services at residences. Our founder, Chapman Todd, was inspired to focus on this model based on his 20 years of work in homeless services in DC. During that time, Chapman co-founded DC Central Kitchen and managed the city’s shelters with Catholic Charities.
+              In both our Permanent Supportive Housing (PSH) and Resident Services programs, we focus on providing voluntary, wraparound onsite services at residences. Our Principal, Chapman Todd, was inspired to focus on this model based on his 20+ years of work in homeless services in DC. During that time, Chapman spent a decade working as part of the two person management team in the early days of the DC Central Kitchen, and then spent a decade as the Director of Housing Programs and Housing Development with Catholic Charities.
             </p>
             <p class="mb-4">
-              We are often asked why Jaydot is an LLC rather than a nonprofit. Because of structural and legal differences, being an LLC allows us to work with greater allegiance to our mission. We can be nimble and responsive in a way that is difficult within more rigid governance structures that apply to nonprofits. And, we can prioritize service integrity over obligations to funders, which is a common bind for nonprofits. Our structure lets us focus on the heart of our work: ensuring that housing solutions are adapted to fit the needs of those we serve. 
+              We are often asked why Jaydot is an LLC rather than a nonprofit. Because of structural and legal differences, we believe that being an LLC allows us to work more efficiently and with greater allegiance to our mission. Our team can be nimble and responsive to changing needs and circumstances in a way that can be complicated within more rigid, top-down governance structures. And, we can fully dedicate our time to providing excellent services because we don't have the overhead that comes with staffing and sustaining extensive fundraising efforts. Our structure lets us focus on the heart of our work: ensuring that housing solutions are adapted to fit the needs of those we serve.
             </p>
             <p>
-              The name "Jaydot" was suggested to Chapman by his then 9-year-old child, who he asked for ideas. Chapman thought the name hit the mark – confident, concise, and a little playful. As in so much of our work, the real meaning is in the relationship.
+              And about our name… "Jaydot" was suggested to Chapman by his then 9-year-old child, who he asked for ideas. Chapman thought the name hit the mark – confident, concise, unlimited in scope, and a little playful. As in so much of our work, the real meaning is in the relationship.
             </p>
           </div>
         </div>
@@ -89,6 +88,7 @@ const approaches = [
         <p>
           Our mission is to create innovative, quality housing solutions that address the needs of those impacted by social inequity. We believe that housing is a human right, homelessness is a solvable problem, and we can create an equitable, human-centered system where housing solutions are readily adapted to fit the needs of those we serve. 
         </p>
+
         <div id="values" class="mt-20">
           <Heading level="h2" class="mb-2">Our values</Heading>
         </div>
@@ -127,33 +127,33 @@ const approaches = [
           <div class="mb-4 border-2 rounded-lg border-(--brand-orange) p-4 md:w-120 break-inside-avoid">
             <Image
               class="w-full cover rounded-t-lg relative"
-              src={innovation}
+              src={humility}
               alt="FIXME"
               decoding="async"
               loading="lazy"
             />
             <div class="rounded-b-lg bottom-0 left-0 bg-(--brand-primary)/90 p-4 text-(--brand-light-olive)">
-              <Heading level="h3" class="mb-2">Innovation</Heading>
+              <Heading level="h3" class="mb-2">Humility</Heading>
               <p>
-                We work to identify the gaps and possibilities in the systems within which we operate and work with our
-                partners to craft innovative solutions. We are not bound by what is—we adapt to changing circumstances and
-                focus on what can be.
+                We are always learning and thus making mistakes. We are committed to reflecting on, owning, and learning
+                from our collective experiences.
               </p>
             </div>
           </div>
           <div class="mb-4 border-2 rounded-lg border-(--brand-orange) p-4 md:w-120 break-inside-avoid">
             <Image
               class="w-full cover rounded-t-lg relative"
-              src={humility}
+              src={innovation}
               alt="FIXME"
               decoding="async"
               loading="lazy"
             />
             <div class="rounded-b-lg bottom-0 left-0 bg-(--brand-primary)/90 p-4 text-(--brand-light-olive)">
-              <Heading level="h3" class="mb-2">Humility</Heading>
+              <Heading level="h3" class="mb-2">Innovation</Heading>
               <p>
-                We are always learning and thus making mistakes. We are committed to reflecting on, owning, and learning
-                from our collective experiences.
+                We work to identify the gaps and possibilities in the systems within which we operate and work with our
+                partners to craft innovative solutions. We are not bound by what is—we adapt to changing circumstances and
+                focus on what can be.
               </p>
             </div>
           </div>
@@ -212,8 +212,6 @@ const approaches = [
       </div>
     </div>
 
-    <CallToAction />
-
     <div class="mt-20 italic text-sm">Thanks to Robert Benson and Gus Powell for photos on this page.</div>
 
   </section>