Merge branch 'v2024'

josephdburdick · Jun 5, 2024 · 3b0b497 · 3b0b497
2 parents 5d208e2 + eb11c70
commit 3b0b497
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 21 deletions.
diff --git a/src/app/_content/Intro.tsx b/src/app/_content/Intro.tsx
@@ -8,16 +8,16 @@ import LogoMarquee from "@/components/global/LogoMarquee"
 
 function Intro() {
   const { data } = useData()
-
+  const { logo } = data.site.attributes
   return (
     <div className="flex flex-1 w-full">
       <div className="grid grid-rows-[auto_1fr_auto] gap-4 lg:gap-6 items-center w-full">
         <header className="container flex justify-between pt-4 md:pt-8 lg:pt-16 xl:pt-24">
           <Image
-            src={data.site.attributes.logo.url}
-            width={100}
-            height={32}
-            alt="Joe Logo"
+            src={logo.url}
+            width={logo.width}
+            height={logo.height}
+            alt={logo.alt}
           />
           <div className="flex items-center gap-2 text-secondary">
             <div className="flex items-end md:items-center gap-4 justify-between">
@@ -32,27 +32,24 @@ function Intro() {
           />
           <LogoMarquee />
         </main>
-        <footer
-          className="container
-          pb-4 md:pb-8 lg:pb-16 xl:pb-24"
-        >
+        <footer className="container pb-4 md:pb-8 lg:pb-16 xl:pb-24">
           <div className="flex items-end md:items-center gap-4 justify-between">
-            <div className="flex items-center gap-2 text-muted">
+            <div className="flex items-center gap-2 text-muted text-sm md:text-base">
               <svg
                 xmlns="http://www.w3.org/2000/svg"
                 width="24"
                 height="24"
                 viewBox="0 0 24 24"
                 fill="none"
                 stroke="currentColor"
-                stroke-width="2"
-                stroke-linecap="round"
-                stroke-linejoin="round"
+                strokeWidth="2"
+                strokeLinecap="round"
+                strokeLinejoin="round"
               >
                 <path d="M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z" />
                 <circle cx="12" cy="10" r="3" />
-              </svg>{" "}
-              <span>Brooklyn, New York</span>
+              </svg>
+              <span>{data.profile.attributes.location}</span>
             </div>
 
             <ContactLinks />

diff --git a/src/components/global/WorkAvailability.tsx b/src/components/global/WorkAvailability.tsx
@@ -1,22 +1,22 @@
 import { cn } from "@/lib/utils"
 
 type Props = {
-  reverse?: boolean;
-};
+  reverse?: boolean
+}
 export default function WorkAvailability(props: Props) {
   const { reverse = false } = props
   return (
     <div>
       <div
         className={cn(
           "flex items-center gap-2 text-muted",
-          reverse && "flex-row-reverse",
+          reverse && "flex-row-reverse"
         )}
       >
-        <span className="bg-lime-500 rounded-full  w-4 h-4 inline-flex ">
-          <span className="bg-lime-400 rounded-full  w-4 h-4 inline-flex animate-ping"></span>
+        <span className="bg-lime-500 rounded-full  w-2 h-2 md:w-4 md:h-4 inline-flex ">
+          <span className="bg-lime-400 rounded-full  w-2 h-2 md:w-4 md:h-4 inline-flex animate-ping"></span>
         </span>
-        <span>Available for work</span>
+        <span className="text-sm md:text-base">Available for work</span>
       </div>
     </div>
   )