From 7349ab642e2852dffaaafaf4f5ec85be8c9ce200 Mon Sep 17 00:00:00 2001
From: saatvik-10 <saatvikmadan529@gmail.com>
Date: Wed, 10 Jan 2024 22:45:33 +0530
Subject: [PATCH 1/2] Worked on Responsiveness

---
 app/globals.css                        | 33 ++++++++++++++++----------
 app/page.tsx                           |  4 ++--
 components/CommunityPartners/index.tsx |  2 +-
 components/CoreTeam/index.tsx          |  2 +-
 components/PerksSection/index.tsx      |  2 +-
 components/TicketSection/index.tsx     |  2 +-
 components/VenueDate/index.tsx         |  2 +-
 7 files changed, 28 insertions(+), 19 deletions(-)

diff --git a/app/globals.css b/app/globals.css
index aeec775..5046945 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -1,22 +1,22 @@
-@import url('https://fonts.googleapis.com/css2?family=Rethink+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700;1,800&display=swap');    
+@import url('https://fonts.googleapis.com/css2?family=Rethink+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700;1,800&display=swap');
 
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
 
 @font-face {
-    font-family: "Glitch";
-    src: url("/glitch.ttf");
+    font-family: 'Glitch';
+    src: url('/glitch.ttf');
 }
 
 @font-face {
-    font-family: "Minecraft";
-    src: url("/Minecraft.woff2");
+    font-family: 'Minecraft';
+    src: url('/Minecraft.woff2');
 }
 
 @font-face {
-    font-family: "MinecraftBold";
-    src: url("/MinecraftBold.woff2");
+    font-family: 'MinecraftBold';
+    src: url('/MinecraftBold.woff2');
 }
 
 :root {
@@ -32,30 +32,39 @@
     padding: 0;
     box-sizing: border-box;
     font-family: 'Minecraft', sans-serif;
+    ::-webkit-scrollbar {
+        display: none;
+    }
+}
+
+body {
+    max-width: 100%;
+    overflow-x: hidden;
+    overflow-y: auto;
 }
 
 .glitch {
-    font-family: "Glitch";
+    font-family: 'Glitch';
 }
 
 .venue-back {
-    background-image: url("/wow-back.jpg");
+    background-image: url('/wow-back.jpg');
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
 }
 
 .rcs-back-1 {
-    background-image: url("/rcs-back1.jpg");
+    background-image: url('/rcs-back1.jpg');
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
 }
 
 .rcs-back-2 {
-    background-image: url("/rcs-back2.jpg");
+    background-image: url('/rcs-back2.jpg');
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
     filter: grayscale(100%);
-}
\ No newline at end of file
+}
diff --git a/app/page.tsx b/app/page.tsx
index 194daa5..0baef16 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -15,7 +15,7 @@ export default function Home() {
     const [registerOpen, setRegisterOpen] = useState(false)
     return (
         <main className="text-text ">
-            <section className="relative min-h-screen lg:h-screen w-screen">
+            <section className="relative min-h-screen lg:h-screen w-screen pt-6">
                 <div className="flex relative flex-col min-h-screen lg:h-screen px-4 lg:px-8 pt-18 justify-center p-2 mx-auto max-w-7xl">
                     <h1 className="text-5xl lg:text-6xl font-bold glitch">
                         REPUBLIC OF <br />
@@ -83,7 +83,7 @@ export default function Home() {
             <PerksSection />
             <VenueDate />
             <TicketSection />
-            {/* <SponsorSection /> */}
+            {<SponsorSection />}
             <CoreTeam />
             <RersourcePersons />
             <CommunityPartners />
diff --git a/components/CommunityPartners/index.tsx b/components/CommunityPartners/index.tsx
index b459b63..7ec6f36 100644
--- a/components/CommunityPartners/index.tsx
+++ b/components/CommunityPartners/index.tsx
@@ -4,7 +4,7 @@ import communityPartners from "@/config/communitypartners.json";
 
 function CommunityPartners() {
     return (
-        <section className="lg:h-screen max-w-7xl mx-auto px-2 sm:px-4 lg:px-8 pt-28">
+        <section className="lg:min-h-screen max-w-7xl mx-auto px-2 sm:px-4 lg:px-8 pt-28">
             <h2 className="text-5xl lg:text-8xl text-primary font-bold">Community Partners</h2>
             <div className="list grid grid-cols-2 lg:grid-cols-3 w-full gap-8 lg:gap-16 p-8 lg:p-10 max-w-4xl mx-auto">
                 {communityPartners.map((member) => (
diff --git a/components/CoreTeam/index.tsx b/components/CoreTeam/index.tsx
index b37dae1..c595425 100644
--- a/components/CoreTeam/index.tsx
+++ b/components/CoreTeam/index.tsx
@@ -4,7 +4,7 @@ import coreTeam from "@/config/coreteam.json";
 
 function CoreTeam() {
     return (
-        <section className="lg:h-screen max-w-7xl mx-auto px-2 sm:px-4 lg:px-8 pt-28">
+        <section className="lg:min-h-screen max-w-7xl mx-auto px-2 sm:px-4 lg:px-8 pt-28">
             <h2 className="text-5xl lg:text-8xl text-primary font-bold">Core Team</h2>
             <div className="list grid grid-cols-2 lg:grid-cols-3 w-full gap-8 lg:gap-16 p-8 lg:p-10 max-w-4xl mx-auto">
                 {coreTeam.map((member) => (
diff --git a/components/PerksSection/index.tsx b/components/PerksSection/index.tsx
index b3d0eb7..427e493 100644
--- a/components/PerksSection/index.tsx
+++ b/components/PerksSection/index.tsx
@@ -2,7 +2,7 @@ import React from 'react'
 
 function PerksSection() {
     return (
-        <section className="flex flex-col lg:h-screen justify-between pt-24">
+        <section className="flex flex-col lg:min-h-screen justify-between pt-24">
             <h2 className='mx-auto text-5xl font-medium my-10 text-center'>
                 Prepare for the ultimate <br /> test of
                 <span className="text-primary"> Cyber Prowess</span>
diff --git a/components/TicketSection/index.tsx b/components/TicketSection/index.tsx
index 4eeed87..fe12137 100644
--- a/components/TicketSection/index.tsx
+++ b/components/TicketSection/index.tsx
@@ -5,7 +5,7 @@ import TicketCardStandard from './TicketCardProf'
 
 function TicketSection() {
     return (
-        <section className="flex flex-col lg:flex-row lg:h-screen max-w-7xl mx-auto px-4 lg:px-8 py-10 justify-center items-center gap-4 rcs-back-2">
+        <section className="flex flex-col lg:flex-row lg:min-h-screen max-w-7xl mx-auto px-4 lg:px-8 py-10 justify-center items-center gap-4 rcs-back-2">
             <TicketCardLPU />
             <TicketCardStudent />
             <TicketCardStandard />
diff --git a/components/VenueDate/index.tsx b/components/VenueDate/index.tsx
index 0604771..9f12dce 100644
--- a/components/VenueDate/index.tsx
+++ b/components/VenueDate/index.tsx
@@ -2,7 +2,7 @@ import React from 'react'
 
 function VenueDate() {
     return (
-        <section className="flex flex-col gap-8  lg:h-screen max-w-7xl mx-auto p-4 lg:p-8 justify-center venu">
+        <section className="flex flex-col gap-8  lg:min-h-screen max-w-7xl mx-auto p-4 lg:p-8 justify-center venu">
             <div className="flex flex-col gap-8  lg:flex-row w-full items-start justify-between">
                 <div className="item">
                     <p className="mb-3 text-3xl text-primary font-medium">

From a8f6b8aba5eecf8e8ae30aacdf4a7621589ab71a Mon Sep 17 00:00:00 2001
From: saatvik-10 <146160585+saatvik-10@users.noreply.github.com>
Date: Sat, 20 Jan 2024 23:06:05 +0530
Subject: [PATCH 2/2] Update globals.css

---
 app/globals.css | 24 ++++++++++++------------
 1 file changed, 12 insertions(+), 12 deletions(-)

diff --git a/app/globals.css b/app/globals.css
index 5046945..70f2987 100644
--- a/app/globals.css
+++ b/app/globals.css
@@ -1,22 +1,22 @@
-@import url('https://fonts.googleapis.com/css2?family=Rethink+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700;1,800&display=swap');
+@import url("https://fonts.googleapis.com/css2?family=Rethink+Sans:ital,wght@0,400;0,500;0,600;0,700;0,800;1,400;1,500;1,600;1,700;1,800&display=swap");
 
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
 
 @font-face {
-    font-family: 'Glitch';
-    src: url('/glitch.ttf');
+    font-family: "Glitch";
+    src: url("/glitch.ttf");
 }
 
 @font-face {
-    font-family: 'Minecraft';
-    src: url('/Minecraft.woff2');
+    font-family: "Minecraft";
+    src: url("/Minecraft.woff2");
 }
 
 @font-face {
-    font-family: 'MinecraftBold';
-    src: url('/MinecraftBold.woff2');
+    font-family: "MinecraftBold";
+    src: url("/MinecraftBold.woff2");
 }
 
 :root {
@@ -31,7 +31,7 @@
     margin: 0;
     padding: 0;
     box-sizing: border-box;
-    font-family: 'Minecraft', sans-serif;
+    font-family: "Minecraft", sans-serif;
     ::-webkit-scrollbar {
         display: none;
     }
@@ -44,25 +44,25 @@ body {
 }
 
 .glitch {
-    font-family: 'Glitch';
+    font-family: "Glitch";
 }
 
 .venue-back {
-    background-image: url('/wow-back.jpg');
+    background-image: url("/wow-back.jpg");
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
 }
 
 .rcs-back-1 {
-    background-image: url('/rcs-back1.jpg');
+    background-image: url("/rcs-back1.jpg");
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;
 }
 
 .rcs-back-2 {
-    background-image: url('/rcs-back2.jpg');
+    background-image: url("/rcs-back2.jpg");
     background-size: cover;
     background-position: center;
     background-repeat: no-repeat;