From d0c4e001f358de0a2b1532f9727d52222db37219 Mon Sep 17 00:00:00 2001
From: shivanshiv <shivanshi.visvanatha@ucalgary.ca>
Date: Sat, 22 Nov 2025 21:03:37 -0700
Subject: [PATCH] Fix missing blobs on gallery page (Closes #67)

---
 src/components/Blobbie.tsx      | 8 ++++----
 src/pageLayouts/GalleryPage.tsx | 4 ++--
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/components/Blobbie.tsx b/src/components/Blobbie.tsx
index ac3f5fc..d56de15 100644
--- a/src/components/Blobbie.tsx
+++ b/src/components/Blobbie.tsx
@@ -27,8 +27,7 @@ type BlobbieProps = {
 };
 
 const Blobbie = (props: BlobbieProps) => {
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  const blobbies = {
+  const blobbies: { [key: string]: any } = {
     blobLottie1: blobLottie1,
     blobLottie2: blobLottie2,
     blobLottie3: blobLottie3,
@@ -49,10 +48,11 @@ const Blobbie = (props: BlobbieProps) => {
   const blobbieClass =
     props.edge === true ? styles["Blobbie--edge"] : styles["Blobbie--middle"];
 
+  const animationData = blobbies[`blobLottie${props.id}`];
+
   return (
     <Lottie
-      // eslint-disable-next-line no-eval
-      animationData={eval(`blobbies.blobLottie${props.id}`)}
+      animationData={animationData}
       className={"Blobbie " + blobbieClass}
       style={{ width: props.width, transform: props.transform }}
     />
diff --git a/src/pageLayouts/GalleryPage.tsx b/src/pageLayouts/GalleryPage.tsx
index 60f7fae..d92dfb9 100644
--- a/src/pageLayouts/GalleryPage.tsx
+++ b/src/pageLayouts/GalleryPage.tsx
@@ -11,7 +11,7 @@ interface PhotoProps {
 const GalleryPage = ({ picUrls }: PhotoProps) => {
   return (
     <div
-      className="relative box-border min-h-screen overflow-hidden scroll-smooth whitespace-normal bg-gradient-to-b from-dark-background to-dark-background-end p-0 font-[Inter]"
+      className="relative box-border min-h-screen overflow-hidden scroll-smooth whitespace-normal bg-gradient-to-b from-dark-background to-dark-background-end p-0"
       id="galleryPageTop"
     >
       <Blobbie
@@ -26,7 +26,7 @@ const GalleryPage = ({ picUrls }: PhotoProps) => {
         transform="translate(-10vw, 10vw)"
         width={250}
       />
-      <div className="text-center text-title-size text-white">
+      <div className="text-center text-title-size font-bold text-white">
         <motion.h1
           animate={{ opacity: 1 }}
           initial={{ opacity: 0 }}