From e796ab946990b93f58a211fc5bc83205de728dfc Mon Sep 17 00:00:00 2001
From: jxmoose <justin.xue7@gmail.com>
Date: Sat, 25 May 2024 22:10:08 -0700
Subject: [PATCH 1/2] added correct links to site map

---
 src/app/exhibits/page.tsx                                    | 4 ++--
 src/components/userComponents/SiteMap/ExhibitPreviewCard.tsx | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/app/exhibits/page.tsx b/src/app/exhibits/page.tsx
index 622c4e6..27bfab7 100644
--- a/src/app/exhibits/page.tsx
+++ b/src/app/exhibits/page.tsx
@@ -34,12 +34,12 @@ function App() {
     if (hash) {
       setTimeout(() => {
         const element = document.querySelector(hash);
-        const yOffset = -200;
+        const yOffset = -100;
         if (element) {
           const y =
             element.getBoundingClientRect().top + window.scrollY + yOffset;
           // check on this offset later
-          window.scrollTo({ top: y, behavior: 'auto' });
+          window.scrollTo({ top: y, behavior: 'smooth' });
         }
       }, 1000);
     }
diff --git a/src/components/userComponents/SiteMap/ExhibitPreviewCard.tsx b/src/components/userComponents/SiteMap/ExhibitPreviewCard.tsx
index 07dc1e3..310c951 100644
--- a/src/components/userComponents/SiteMap/ExhibitPreviewCard.tsx
+++ b/src/components/userComponents/SiteMap/ExhibitPreviewCard.tsx
@@ -145,7 +145,7 @@ function ExhibitPreviewCard({
                 />
               </svg>
             </div>
-            <Link href={`/wildlife-spotlights/${id}`}>
+            <Link href={`/exhibits#a${id}`}>
               <h3 className="relative pr-[0.31rem] pl-[0.75rem] pt-[0.3rem] pb-[0rem]">
                 <p className="truncate font-medium font-lato text-night  text-base leading-normal">
                   {name1}

From cea957d19185f76f44025045b01a1a39d497c4c8 Mon Sep 17 00:00:00 2001
From: jxmoose <justin.xue7@gmail.com>
Date: Sun, 26 May 2024 13:39:10 -0700
Subject: [PATCH 2/2] made images fit to exhibit component

---
 src/app/exhibits/page.tsx                     |  2 +-
 .../userComponents/Exhibit/Exhibit.tsx        | 22 +++++++++++++++----
 2 files changed, 19 insertions(+), 5 deletions(-)

diff --git a/src/app/exhibits/page.tsx b/src/app/exhibits/page.tsx
index 27bfab7..311dd85 100644
--- a/src/app/exhibits/page.tsx
+++ b/src/app/exhibits/page.tsx
@@ -119,7 +119,7 @@ function App() {
                 </p>
               </div>
             </Link>
-            <div className="mt-8 grid grid-cols-2 gap-16 pb-[6rem]">
+            <div className="pt-8 grid grid-cols-2 gap-16 pb-[6rem]">
               {exhibits.map(exhibit => (
                 <Exhibit
                   title={exhibit.category || ''}
diff --git a/src/components/userComponents/Exhibit/Exhibit.tsx b/src/components/userComponents/Exhibit/Exhibit.tsx
index 579d777..7d653e1 100644
--- a/src/components/userComponents/Exhibit/Exhibit.tsx
+++ b/src/components/userComponents/Exhibit/Exhibit.tsx
@@ -37,7 +37,14 @@ export default function Exhibit({
               <p className="text-night leading-tight font-normal font-['Lato']">
                 {description}
               </p>
-              <Image src={image} alt="Exhibit" width={354} height={150} />
+              <Image
+                src={image}
+                width="0"
+                height="0"
+                sizes="100vw"
+                className="relative object-contain w-full h-auto"
+                alt="Exhibit"
+              />
             </div>
           </div>
         </li>
@@ -46,16 +53,23 @@ export default function Exhibit({
         <div className="flex flex-col w-full px-8 py-16 bg-mint-cream rounded-lg flex-col justify-start items-start gap-2.5 mt-6">
           <div className="justify-start items-start gap-5">
             <div className="justify-start items-center gap-2">
-              <h1 className="text-hunter-green font-semibold leading-tight font-['Lato']">
+              <h2 className="text-hunter-green font-semibold leading-tight font-['Lato']">
                 {' '}
                 {title}
-              </h1>
+              </h2>
             </div>
             <p className="text-night leading-tight font-normal mt-5 mb-5 font-['Lato']">
               {description}
             </p>
           </div>
-          <Image src={image} alt="Exhibit" width={354} height={150} />
+          <Image
+            src={image}
+            width="0"
+            height="0"
+            sizes="100vw"
+            className="relative object-contain w-full h-auto"
+            alt="Exhibit"
+          />
           <div className="flex-grow" />
         </div>
       )}