From 1ffb02d11e39b960a26d19a5e13d6e3e7942e2c5 Mon Sep 17 00:00:00 2001
From: evan <evanuxd@gmail.com>
Date: Mon, 19 Jan 2026 09:36:30 -0800
Subject: [PATCH 1/6] rebase

---
 src/Pages/Home/Home.css | 69 ++++++++++++++++++++++++-----------------
 src/Pages/Home/Home.js  | 33 +++++++++++---------
 2 files changed, 59 insertions(+), 43 deletions(-)

diff --git a/src/Pages/Home/Home.css b/src/Pages/Home/Home.css
index 7138d4c0a..2d6a2dae5 100644
--- a/src/Pages/Home/Home.css
+++ b/src/Pages/Home/Home.css
@@ -1,65 +1,68 @@
 /* Hide scrollbar for WebKit (Chrome, Safari) */
 *::-webkit-scrollbar {
- display: none;
+  display: none;
 }
 
 /* Hide scrollbar for IE, Edge and Firefox */
 * {
- -ms-overflow-style: none; /* IE and Edge */
- scrollbar-width: none; /* Firefox */
+  -ms-overflow-style: none;
+  scrollbar-width: none;
 }
 
 /* Fade-in effect with scale for p */
 .fade-scale-in {
- opacity: 0;
- transform: scale(0.5);
- transition: opacity 0.5s 1s, transform 0.5s 1s; /* dur 0.5s, delay 1s */
+  opacity: 0;
+  transform: scale(0.5);
+  transition: opacity 0.5s 1s, transform 0.5s 1s;
 }
-  
+
 .fade-scale-in.show {
- opacity: 1;
- transform: scale(1);
+  opacity: 1;
+  transform: scale(1);
 }
 
-/* Fade-in effect with scale for h1 */
+/* Fade-in effect for h1 */
 .slide-in-top {
- opacity: 0;
- transform: translateY(-75px);
- transition: opacity 1.5s, transform 1.5s;
+  opacity: 0;
+  transform: translateY(-75px);
+  transition: opacity 1.5s, transform 1.5s;
 }
 
 .slide-in-top.show {
- opacity: 1;
- transform: translateY(0);
+  opacity: 1;
+  transform: translateY(0);
 }
 
-/* Fade-in effect with scale for h3 */
+/* Fade-in effect for h3 */
 .slide-in-right {
- opacity: 0;
- transform: translateX(100px);
- transition: opacity 1s 0.5s, transform 1s 0.5s;
+  opacity: 0;
+  transform: translateX(100px);
+  transition: opacity 1s 0.5s, transform 1s 0.5s;
 }
+
 .slide-in-right.show {
- opacity: 1;
- transform: translateX(0);
+  opacity: 1;
+  transform: translateX(0);
 }
 
-/* Fade-in effect with scale for div */
+/* Fade-in effect for div */
 .slide-in-bottom {
- opacity: 0;
- transform: translateY(100px);
- transition: opacity 0.5s 1.5s, transform 0.5s 1.5s;
+  opacity: 0;
+  transform: translateY(100px);
+  transition: opacity 0.5s 1.5s, transform 0.5s 1.5s;
 }
+
 .slide-in-bottom.show {
- opacity: 1;
- transform: translateY(0);
+  opacity: 1;
+  transform: translateY(0);
 }
 
 /* Fade-in effect for images */
 .fade-in-img {
- opacity: 0;
- transition: opacity 1.5s 0.5s; /* duration 1.5s, delay 0.5s */
+  opacity: 0;
+  transition: opacity 1.5s 0.5s;
 }
+
 .fade-in-img.show {
  opacity: 1;
 }  
@@ -79,3 +82,11 @@
     transform: scale(1.05) rotate(6deg) translateY(1.5rem);
   }
 }
+
+.hover-grow {
+  transition: transform 0.15s ease;
+}
+
+.hover-grow:hover {
+  transform: scale(1.05);
+}
diff --git a/src/Pages/Home/Home.js b/src/Pages/Home/Home.js
index a26bc10c8..3e489cc4f 100755
--- a/src/Pages/Home/Home.js
+++ b/src/Pages/Home/Home.js
@@ -1,4 +1,4 @@
-import React, { useEffect, useState} from 'react';
+import React, { useEffect, useState } from 'react';
 import Footer from '../../Components/Footer/Footer.js';
 import './Home.css';
 
@@ -9,6 +9,7 @@ const Home = () => {
   const [message, setMessage] = useState('');
   const [showMessage, setShowMessage] = useState(false);
   const [showAll, setShowAll] = useState(false);
+
   async function getMessage() {
     try {
       const messageData = await getAd();
@@ -35,9 +36,8 @@ const Home = () => {
   }
 
   function renderMessageWithLinks(message) {
-    if (!message) {
-      return null;
-    }
+    if (!message) return null;
+
     return message.split(/(https?:\/\/[^\s]+)/g).map((part, index) => {
       if (isValidUrl(part)) {
         return (
@@ -46,38 +46,43 @@ const Home = () => {
             href={part}
             target="_blank"
             rel="noopener noreferrer"
-            className="text-blue-400 underline"
+            className="text-blue-400 underline hover-grow"
           >
             {part}
           </a>
         );
       }
-
       return <span key={index}>{part}</span>;
     });
   }
 
   return (
-    <div className='flex flex-col min-h-[calc(100vh-86px)] z-[-200] bg-gradient-to-r from-gray-800 to-gray-600'>
+    <div className="flex flex-col min-h-[calc(100vh-86px)] z-[-200] bg-gradient-to-r from-gray-800 to-gray-600">
       <div className="flex flex-col flex-wrap items-center justify-center flex-1 h-full py-4 md:flex-row xl:my-0">
         <div className="flex flex-col items-center justify-center w-full p-4 overflow-y-hidden xl:w-2/5">
           <div className="flex flex-col mb-8 xl:ml-10">
             <h1
-              className={`slide-in-top my-4 text-3xl font-bold text-center text-white opacity-75 md:text-5xl xl:text-left${showAll ? ' show' : ''}`}>
+              className={`slide-in-top hover-grow my-4 text-3xl font-bold text-center text-white opacity-75 md:text-5xl xl:text-left${showAll ? ' show' : ''}`}>
               The Software and Computer Engineering Society
             </h1>
+
             <h3
-              className={`slide-in-right text-base text-gray-400 text-center xl:text-left md:text-2xl${showAll ? ' show' : ''}`}>
+              className={`slide-in-right hover-grow text-base text-gray-400 text-center xl:text-left md:text-2xl${showAll ? ' show' : ''}`}>
               SJSU's Largest Engineering Club
             </h3>
           </div>
-          <div
-            className={`slide-in-bottom flex justify-center space-x-3 slide-in-bottom${showAll ? ' show' : ''}`}>
+
+          <div className={`slide-in-bottom flex justify-center space-x-3${showAll ? ' show' : ''}`}>
             <a href="/about" rel="nofollow noreferrer" target="_blank">
-              <button className="btn btn-outline text-lg text-blue-400 hover:bg-blue-700 hover:!text-white">Learn More</button>
+              <button className="btn btn-outline text-lg text-blue-400 hover:bg-blue-700 hover:!text-white hover-grow">
+                Learn More
+              </button>
             </a>
+
             <a href="/register">
-              <button className="btn btn-outline text-lg btn-accent hover:!text-white">Join Us!</button>
+              <button className="btn btn-outline text-lg btn-accent hover:!text-white hover-grow">
+                Join Us!
+              </button>
             </a>
           </div>
         </div>
@@ -86,7 +91,7 @@ const Home = () => {
         <div className={`fade-in-img w-full h-full p-6 md:p-12 overflow-visible xl:w-3/5${showAll ? ' show' : ''}`}>
           <div className="relative max-w-max mx-auto">
             <img
-              className="w-full mx-auto transform md:w-4/5 rounded-xl shadow-2xl"
+              className="w-full mx-auto transform md:w-4/5 rounded-xl shadow-2xl hover-grow"
               src="https://raw.githubusercontent.com/thebeninator/Clark/refs/heads/add_comp_homepage/public/images/compressed2.jpg"
             />
             <div className={`absolute -top-2 -right-2 md:right-10 md:top-0 z-10 fade-scale-in${showMessage ? ' show' : ''}`}>

From 839bb6e97bd1fdaa665cc8c98931fbb9cf20404b Mon Sep 17 00:00:00 2001
From: evan <evanuxd@gmail.com>
Date: Sat, 17 Jan 2026 09:30:00 -0800
Subject: [PATCH 2/6] reduce diff size

---
 src/Pages/Home/Home.css | 62 ++++++++++++++++++++---------------------
 src/Pages/Home/Home.js  |  2 +-
 2 files changed, 31 insertions(+), 33 deletions(-)

diff --git a/src/Pages/Home/Home.css b/src/Pages/Home/Home.css
index 2d6a2dae5..b3b5ff189 100644
--- a/src/Pages/Home/Home.css
+++ b/src/Pages/Home/Home.css
@@ -1,68 +1,66 @@
+
 /* Hide scrollbar for WebKit (Chrome, Safari) */
 *::-webkit-scrollbar {
-  display: none;
+ display: none;
 }
 
 /* Hide scrollbar for IE, Edge and Firefox */
 * {
-  -ms-overflow-style: none;
-  scrollbar-width: none;
+ -ms-overflow-style: none; /* IE and Edge */
+ scrollbar-width: none; /* Firefox */
 }
 
 /* Fade-in effect with scale for p */
 .fade-scale-in {
-  opacity: 0;
-  transform: scale(0.5);
-  transition: opacity 0.5s 1s, transform 0.5s 1s;
+ opacity: 0;
+ transform: scale(0.5);
+ transition: opacity 0.5s 1s, transform 0.5s 1s; /* dur 0.5s, delay 1s */
 }
-
+  
 .fade-scale-in.show {
-  opacity: 1;
-  transform: scale(1);
+ opacity: 1;
+ transform: scale(1);
 }
 
-/* Fade-in effect for h1 */
+/* Fade-in effect with scale for h1 */
 .slide-in-top {
-  opacity: 0;
-  transform: translateY(-75px);
-  transition: opacity 1.5s, transform 1.5s;
+ opacity: 0;
+ transform: translateY(-75px);
+ transition: opacity 1.5s, transform 1.5s;
 }
 
 .slide-in-top.show {
-  opacity: 1;
-  transform: translateY(0);
+ opacity: 1;
+ transform: translateY(0);
 }
 
-/* Fade-in effect for h3 */
+/* Fade-in effect with scale for h3 */
 .slide-in-right {
-  opacity: 0;
-  transform: translateX(100px);
-  transition: opacity 1s 0.5s, transform 1s 0.5s;
+ opacity: 0;
+ transform: translateX(100px);
+ transition: opacity 1s 0.5s, transform 1s 0.5s;
 }
-
 .slide-in-right.show {
-  opacity: 1;
-  transform: translateX(0);
+ opacity: 1;
+ transform: translateX(0);
 }
 
-/* Fade-in effect for div */
+/* Fade-in effect with scale for div */
 .slide-in-bottom {
-  opacity: 0;
-  transform: translateY(100px);
-  transition: opacity 0.5s 1.5s, transform 0.5s 1.5s;
+ opacity: 0;
+ transform: translateY(100px);
+ transition: opacity 0.5s 1.5s, transform 0.5s 1.5s;
 }
-
 .slide-in-bottom.show {
-  opacity: 1;
-  transform: translateY(0);
+ opacity: 1;
+ transform: translateY(0);
 }
 
 /* Fade-in effect for images */
 .fade-in-img {
-  opacity: 0;
-  transition: opacity 1.5s 0.5s;
+ opacity: 0;
+ transition: opacity 1.5s 0.5s; /* duration 1.5s, delay 0.5s */
 }
-
 .fade-in-img.show {
  opacity: 1;
 }  
diff --git a/src/Pages/Home/Home.js b/src/Pages/Home/Home.js
index 3e489cc4f..18bea2233 100755
--- a/src/Pages/Home/Home.js
+++ b/src/Pages/Home/Home.js
@@ -1,4 +1,4 @@
-import React, { useEffect, useState } from 'react';
+import React, { useEffect, useState} from 'react';
 import Footer from '../../Components/Footer/Footer.js';
 import './Home.css';
 

From d5de05570fe427096b58e4f5b896d218d3fb0564 Mon Sep 17 00:00:00 2001
From: evan <evanuxd@gmail.com>
Date: Sat, 17 Jan 2026 09:30:25 -0800
Subject: [PATCH 3/6] 1 line less in css

---
 src/Pages/Home/Home.css | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/Pages/Home/Home.css b/src/Pages/Home/Home.css
index b3b5ff189..ba0731805 100644
--- a/src/Pages/Home/Home.css
+++ b/src/Pages/Home/Home.css
@@ -1,4 +1,3 @@
-
 /* Hide scrollbar for WebKit (Chrome, Safari) */
 *::-webkit-scrollbar {
  display: none;

From fd581d2ac07367a45e5621cbc1ce3691c0984423 Mon Sep 17 00:00:00 2001
From: evan <evanuxd@gmail.com>
Date: Sat, 17 Jan 2026 09:31:17 -0800
Subject: [PATCH 4/6] less lines in home js

---
 src/Pages/Home/Home.js | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/Pages/Home/Home.js b/src/Pages/Home/Home.js
index 18bea2233..29d9ccd45 100755
--- a/src/Pages/Home/Home.js
+++ b/src/Pages/Home/Home.js
@@ -9,7 +9,6 @@ const Home = () => {
   const [message, setMessage] = useState('');
   const [showMessage, setShowMessage] = useState(false);
   const [showAll, setShowAll] = useState(false);
-
   async function getMessage() {
     try {
       const messageData = await getAd();
@@ -36,7 +35,9 @@ const Home = () => {
   }
 
   function renderMessageWithLinks(message) {
-    if (!message) return null;
+    if (!message) {
+      return null;
+    }
 
     return message.split(/(https?:\/\/[^\s]+)/g).map((part, index) => {
       if (isValidUrl(part)) {

From d50e2966069a09961197d868c8e3f067ee8f2220 Mon Sep 17 00:00:00 2001
From: evan <evanuxd@gmail.com>
Date: Sat, 17 Jan 2026 09:33:37 -0800
Subject: [PATCH 5/6] even less lines in home js

---
 src/Pages/Home/Home.js | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/Pages/Home/Home.js b/src/Pages/Home/Home.js
index 29d9ccd45..9f9223f30 100755
--- a/src/Pages/Home/Home.js
+++ b/src/Pages/Home/Home.js
@@ -38,7 +38,6 @@ const Home = () => {
     if (!message) {
       return null;
     }
-
     return message.split(/(https?:\/\/[^\s]+)/g).map((part, index) => {
       if (isValidUrl(part)) {
         return (

From 1c84c9fc4f90dc3dcb3fba3fd4d3b29cd8b83cef Mon Sep 17 00:00:00 2001
From: evan <evanuxd@gmail.com>
Date: Mon, 19 Jan 2026 09:42:36 -0800
Subject: [PATCH 6/6] lint

---
 test/frontend/AboutPage.test.js | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/test/frontend/AboutPage.test.js b/test/frontend/AboutPage.test.js
index 7572b147a..28e2f2966 100644
--- a/test/frontend/AboutPage.test.js
+++ b/test/frontend/AboutPage.test.js
@@ -10,10 +10,10 @@ Enzyme.configure({ adapter: new Adapter() });
 
 describe('<AboutPage />', () => {
   global.IntersectionObserver = class IntersectionObserver {
-  constructor(callback) {
-    this.callback = callback;
-  }
-};
+    constructor(callback) {
+      this.callback = callback;
+    }
+  };
   const wrapper = mount(<AboutPage />);
 
   it('Should render the main heading', () => {