diff --git a/src/Pages/Home/Home.css b/src/Pages/Home/Home.css index 8de76444c..adf460771 100644 --- a/src/Pages/Home/Home.css +++ b/src/Pages/Home/Home.css @@ -62,4 +62,13 @@ } .fade-in-img.show { opacity: 1; -} \ No newline at end of file +} + +/* ✅ NEW: subtle hover grow animation */ +.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 53b42e00d..814da2363 100755 --- a/src/Pages/Home/Home.js +++ b/src/Pages/Home/Home.js @@ -46,52 +46,58 @@ const Home = () => { href={part} target="_blank" rel="noopener noreferrer" - className="text-blue-400 underline" + className="text-blue-400 underline hover-grow" > {part} ); } - return {part}; }); } return ( -
-
-

- {message} +

+
+

+ {renderMessageWithLinks(message)}

+

+ 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

+

+ 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

- -
SCE