Merge pull request #45 from Abh1noob/master

responsiveness
CodeChefVIT · Feb 27, 2024 · 9226a8d · 9226a8d
2 parents b036d23 + f0bbd09
commit 9226a8d
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 17 deletions.
diff --git a/devsoc24-landing/src/components/about.tsx b/devsoc24-landing/src/components/about.tsx
@@ -48,7 +48,7 @@ const About = () => {
   return (
     <>
       {showOriginal && (
-          <div className=" font-disket min-w-screen relative h-fit overflow-hidden bg-[#020202] px-2 text-center text-[35px] font-black text-[#9CE79ACC] md:px-10 md:text-[100px]">
+          <div className="font-disket min-w-screen relative h-fit overflow-hidden bg-[#020202] px-2 text-center text-[30px] font-black text-[#9CE79ACC] md:px-10 md:text-[100px]">
             <span className="relative block">DEVSOC’24</span>
             &nbsp; ignites the tech scene with a blaze of innovation, where
             yesterday
@@ -58,7 +58,7 @@ const About = () => {
                 alt="Image 2"
                 height={400}
                 width={400}
-                className="absolute -right-[-55px] bottom-[-400px] h-[400px] w-[400px] md:h-min md:w-min"
+                className="absolute right-[10px] md:-right-[55px] bottom-[-400px] h-auto w-[250px] md:h-min md:w-min"
               />
             </motion.span>{" "}
             hurdles are today playground.
@@ -68,7 +68,7 @@ const About = () => {
                 alt="Image 3"
                 height={400}
                 width={400}
-                className="absolute -left-[-35px] bottom-[-1000px] h-[400px] w-[400px] md:h-min md:w-min"
+                className="absolute left-[10px] md:-left-[-35px] bottom-[-1000px] h-auto w-[250px] md:h-min md:w-min"
               />
             </motion.span>{" "}
             In its fourth edition, this boundary-pushing hackathon transcends
@@ -79,7 +79,7 @@ const About = () => {
                 alt="Image 4"
                 height={400}
                 width={400}
-                className="absolute right-[50px] top-[950px] h-[400px] w-[200px] md:h-min md:w-min"
+                className="absolute right-[50px] md:right-[50px] top-[950px] h-auto w-[250px] md:h-min md:w-min"
               />
             </motion.span>{" "}
             to confront real-world chaos head-on. With diverse minds colliding,

diff --git a/devsoc24-landing/src/components/footer.tsx b/devsoc24-landing/src/components/footer.tsx
@@ -9,7 +9,7 @@ const Footer = () => {
   const lenis = useLenis(({ scroll }) => {
     // console.log(scroll);
   });
-  
+
   return (
     <>
       <Image
@@ -86,10 +86,10 @@ const Footer = () => {
       <div className="absolute bottom-0 flex w-full flex-col justify-between items-center text-[10px] md:flex-row md:text-[15px]">
         <div className="font-disket mx-10 my-5 flex flex-col gap-2 self-center text-white md:self-end">
           <div className="flex flex-row  justify-between gap-0 md:justify-start md:gap-10">
-            <div className="bg-black px-1 uppercase hover:bg-[#CFCFCF] hover:text-black">
+            <div className="bg-black px-1 uppercase hover:cursor-pointer hover:bg-[#CFCFCF] hover:text-black">
               instagram
             </div>
-            <div className="bg-black px-1 uppercase hover:bg-[#CFCFCF] hover:text-black">
+            <div className="bg-black px-1 uppercase hover:cursor-pointer hover:bg-[#CFCFCF] hover:text-black">
               linkedin
             </div>
           </div>
@@ -100,14 +100,14 @@ const Footer = () => {
             <div className="bg-black px-1 uppercase">All rights reserved.</div>
           </div>
         </div>
-        <div className="font-disket mx-10 my-5 flex gap-2 self-center md:self-end text-white">
-          <div className="bg-black px-1 uppercase hover:bg-[#CFCFCF] hover:text-black">
+        <div className="font-disket mx-10 my-5 flex flex-row  gap-2 self-end text-white">
+          <div className="bg-black px-1 uppercase hover:cursor-pointer hover:bg-[#CFCFCF] hover:text-black">
             privacy policy
           </div>
-          <div className="bg-black px-1 uppercase hover:bg-[#CFCFCF] hover:text-black">
+          <div className="bg-black px-1 uppercase hover:cursor-pointer hover:bg-[#CFCFCF] hover:text-black">
             cookie policy
           </div>
-          <div className="bg-black px-1 uppercase hover:bg-[#CFCFCF] hover:text-black">
+          <div className="bg-black px-1 uppercase hover:cursor-pointer hover:bg-[#CFCFCF] hover:text-black">
             terms of service
           </div>
         </div>

diff --git a/devsoc24-landing/src/components/main.tsx b/devsoc24-landing/src/components/main.tsx
@@ -241,7 +241,7 @@ function Main() {
               <div className="mt-14 max-sm:mt-3 flex w-full justify-center ">
                 <LearnMoreBtn link={""} />
               </div>
-              <div className="container flex flex-wrap items-center justify-center gap-10 pt-32 max-sm:pt-3 text-center" id="timeline-section">
+              <div className="container h-fit flex flex-wrap items-center justify-center gap-10 pt-32 max-sm:pt-3 text-center" id="timeline-section">
                 {showBoxes && Array.from({ length: 6 }).map((_, index) => (
                   <motion.div
                     key={index}

diff --git a/devsoc24-landing/src/pages/index.tsx b/devsoc24-landing/src/pages/index.tsx
@@ -37,7 +37,7 @@ export default function Home() {
   };
   return (
     <>
-      {typeof window === 'undefined' || !typingCompleted ? (
+      {typeof window === "undefined" || !typingCompleted ? (
         <div className="pl-3 ">
           <TypewriterEffect
             textLines={help}
@@ -46,10 +46,7 @@ export default function Home() {
         </div>
       ) : (
         <SmoothScrolling>
-          <section id="Main">
-            <Main />
-          </section>
-
+          <Main />
           <About />
           <div className="fixed bottom-0 z-40 mb-10 flex w-full justify-center">
             <ActionButton body="Kuch toh" link="/" />