Update landing text opacity + Move hamburger to right

IIITKalyaniFOSC · Jun 9, 2024 · fb9a66b · fb9a66b
1 parent d80bf33
commit fb9a66b
Show file tree

Hide file tree

Showing 5 changed files with 6 additions and 6 deletions.
diff --git a/src/components/Discord/Discord.jsx b/src/components/Discord/Discord.jsx
@@ -7,7 +7,7 @@ import discordSCImage from '../../assets/images/discord/discord_sc.png'; // Impo
 function Discord() {
     return (
         <>
-            <div className="background-container">
+            <div className="background-container text-center">
                 <div className="over"></div>
                 <div className="overlay"></div>
                 <div className="overlay2"></div>

diff --git a/src/components/Faq/Faq.jsx b/src/components/Faq/Faq.jsx
@@ -77,7 +77,7 @@ const Faq = () => {
                       <span className="text-left">{faq.question}</span>
                     </h1>
                     <div
-                      className={`overflow-hidden transition-all duration-500 ease-in-out ${openIndex === index ? 'max-h-[1000px]' : 'max-h-0'}`}
+                      className={`overflow-hidden transition-all duration-300 ease-in-out ${openIndex === index ? 'max-h-[1000px]' : 'max-h-0'}`}
                     >
                       <div className="text-[#D6D6D6] text-left text-xl sm:text-2xl pl-8 sm:pl-10 2xl:pl-12 mt-2">
                         {faq.answer}

diff --git a/src/components/HamburgerMenu.jsx b/src/components/HamburgerMenu.jsx
@@ -85,7 +85,7 @@ export default function SwipeableTemporaryDrawer() {
   );
 
   return (
-    <div className='relative min-[540px]:hidden w-[80px] h-[60px] ml-[72%]' >
+    <div className='relative min-[540px]:hidden w-[80px] h-[60px] ml-[76%]' >
       {/* Conditionally render hamburger menu icon */}
       {/* <Button className='w-[20%] pr-0 pt-0' onClick={toggleDrawer(!state.top)} style={{ zIndex: state.top ? 9999 : 1 }}>
       <img className="min-[450px]:hidden min-[320px]:w-[30%] min-[320px]:pr-[0] min-[320px]:h-[18%] min-[320px]:mt-[40%] min-[320px]:mr-[30%]" src="./images/Vector.svg" ></img>

diff --git a/src/components/Sponsors/Sponsors.jsx b/src/components/Sponsors/Sponsors.jsx
@@ -21,7 +21,7 @@ const Sponsors = () => {
         <section className="relative bg-[url('/src/assets/images/discord/stars.svg')]" id='sponsors'>
 
             <div className="max-w-[1280px] md:mx-8 lg:mx-12 xl:mx-auto">
-                <h1 className='mx-5 xl:mx-0 py-6 md:text-left text-2xl md:text-4xl xl:text-5xl text-[#9E9E9E]'>$ tar -xvfz <span className='text-white'>SPONSORS</span>.tar.gz</h1>
+                <h1 className='mx-5 xl:mx-0 py-6 md:text-left text-2xl md:text-4xl xl:text-5xl text-[#9E9E9E]'>$ tar -xvzf <span className='text-white'>SPONSORS</span>.tar.gz</h1>
 
                 <div className='mb-4 flex flex-col gap-1 sm:gap-1'>
                     {/* <h1 className="font-vt323 font-medium text-[12vw] leading-[12vw] sm:leading-[4rem] md:leading-[5rem] md:text-[9vw] lg:text-[7vw] xl:text-[6vw] xl:leading-[6rem] 3xl:leading-[8rem]" style={{ background: 'linear-gradient(to right, blue,blue,#dd50b3,#dd50b3)', WebkitBackgroundClip: 'text', WebkitTextFillColor: 'transparent' }}>SPONSORS</h1> */}

diff --git a/src/pages/LandingPage.jsx b/src/pages/LandingPage.jsx
@@ -82,7 +82,7 @@ function LandingPage() {
                     Apply with Devfolio
                   </button></a>
                 </div>
-                <p className="max-[540px]:leading-normal md:leading-tight xl:leading-normal md:text-[22px] xl:text-[25px] font-vt323 min-[320px]:text-[18px] md:text-2xl m-3 bg-gradient-to-b from-gradient_purple_fade-0 via-gradient_purple_fade-50 to-gradient_purple_fade-100  text-transparent bg-clip-text">
+                <p className="max-[540px]:leading-normal md:leading-tight xl:leading-normal md:text-[22px] xl:text-[25px] font-vt323 min-[320px]:text-[18px] md:text-2xl m-3 bg-gradient-to-b text-purple bg-clip-text">
                   Unleash your creativity and join Status Code 1, an official
                   MLH Member Event and the ultimate 36-hour hackathon
                   extravaganza! Compete across diverse categories, showcasing
@@ -91,7 +91,7 @@ function LandingPage() {
                   challenge yourself,
                 </p>
 
-                <button className="">
+                <button className="animate-bounce">
                   <a onClick={scrollToTimer}> <img src={ScrollButton} alt="Down" width="80%" /></a>
                 </button>
               </div>