diff --git a/index.html b/index.html index 203b586..428297c 100644 --- a/index.html +++ b/index.html @@ -1,17 +1,20 @@ - - - - - - - - CodeX - - -
- - - + + + + + + + + + CodeX + + + +
+ + + + \ No newline at end of file diff --git a/src/App.jsx b/src/App.jsx index 0e3e6a6..743300c 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -17,6 +17,7 @@ const navLinks = [ { name: "Gallery", path: "/gallery" }, { name: "Events", path: "/events" }, { name: "Contact Us", path: "/contact" }, + { name: "Symbitech 2025", path: "/symbitech2025"} ]; function App() { diff --git a/src/assets/images/Bug2Bot/background1.png b/src/assets/images/Bug2Bot/background1.png new file mode 100644 index 0000000..d01b49a Binary files /dev/null and b/src/assets/images/Bug2Bot/background1.png differ diff --git a/src/assets/images/Bug2Bot/background2.png b/src/assets/images/Bug2Bot/background2.png new file mode 100644 index 0000000..e0ff07b Binary files /dev/null and b/src/assets/images/Bug2Bot/background2.png differ diff --git a/src/assets/images/Bug2Bot/bug2botLogo.svg b/src/assets/images/Bug2Bot/bug2botLogo.svg new file mode 100644 index 0000000..0b024c5 --- /dev/null +++ b/src/assets/images/Bug2Bot/bug2botLogo.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/src/assets/images/Bug2Bot/card1_debug.png b/src/assets/images/Bug2Bot/card1_debug.png new file mode 100644 index 0000000..69c34aa Binary files /dev/null and b/src/assets/images/Bug2Bot/card1_debug.png differ diff --git a/src/assets/images/Bug2Bot/card2_build.png b/src/assets/images/Bug2Bot/card2_build.png new file mode 100644 index 0000000..da2be3e Binary files /dev/null and b/src/assets/images/Bug2Bot/card2_build.png differ diff --git a/src/assets/images/Bug2Bot/card3_conquer.png b/src/assets/images/Bug2Bot/card3_conquer.png new file mode 100644 index 0000000..2a2a567 Binary files /dev/null and b/src/assets/images/Bug2Bot/card3_conquer.png differ diff --git a/src/assets/images/Bug2Bot/mazeImage.png b/src/assets/images/Bug2Bot/mazeImage.png new file mode 100644 index 0000000..052e56f Binary files /dev/null and b/src/assets/images/Bug2Bot/mazeImage.png differ diff --git a/src/components/Footer/index.jsx b/src/components/Footer/index.jsx index b22e87e..b84b935 100644 --- a/src/components/Footer/index.jsx +++ b/src/components/Footer/index.jsx @@ -32,11 +32,7 @@ function Footer() { through a variety of activities and events.

- Symbiosis Logo + Symbiosis Logo
(
  • + + + + + + + + {text} + + + ); +} + +export default function Bug2Bot() { + const [remainingTime, setRemainingTime] = useState({ + days: 0, + hours: 0, + minutes: 0, + seconds: 0, + }); + + const updateCountdown = () => { + const now = new Date(); // Current date and time + const diff = targetDate.getTime() - now.getTime(); // Difference in milliseconds + + if (diff <= 0) { + setRemainingTime({ + days: 0, + hours: 0, + minutes: 0, + seconds: 0, + }); + return; // Stop updating if the target time is reached + } + + const days = Math.floor(diff / (1000 * 60 * 60 * 24)); + const hours = Math.floor((diff % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); + const minutes = Math.floor((diff % (1000 * 60 * 60)) / (1000 * 60)); + const seconds = Math.floor((diff % (1000 * 60)) / 1000); + + setRemainingTime({ days, hours, minutes, seconds }); + }; + + useEffect(() => { + updateCountdown(); + const interval = setInterval(updateCountdown, 1000); + return () => clearInterval(interval); + }, []); + + const gradientFontSize = 100; + return ( + +
    + {/* Section 1 START ====== */} +
    +
    + +
    +
    Presenting You
    + bug2botLogo +
    Event Starts in:
    +
    + {remainingTime.days} Days {remainingTime.hours} Hours{" "} + {remainingTime.minutes} Mins +
    +
    + Date: 24th & 25th January +
    +
    + Venue: CL9 & 10 +
    +
    + (DBMS & Applied AI Lab) +
    +
    + {/* Section 1 END ====== */} + {/* Section 2, 3 Container START ===== */} +
    + {/* Section 2 START ====== */} +
    +
    + {/* Col 1 */} +
    +
    + Join the Challenge! +
    +
    + Unleash your tech prowess in this ultimate challenge where + coding precision meets hands-on ingenuity. Teams will tackle + gripping puzzles to unlock a path toward an innovative and + competitive build. Navigate through tasks designed to test + your creativity, strategy, and teamwork! +
    +
    + {/* Col 2 */} +
    + {/* Maze Image */} + Maze +
    +
    +
    + {/* Section 2 END ====== */} + + {/* Section 3 Rules START ====== */} +
    +
    +
    + GUIDELINES +
    +
    + {/* DEBUG Card */} + +
    +
    + DEBUG +
    +
      +
    1. + Form a team of 3 - 4. +
      2. +
    2. + Find Qr, scan it. +
      3. +
    3. + Look for PC number. +
      4. +
    4. + 2 Debugging challenges. +
      5. +
    5. + 4 Programming languages. +
      6. +
    +
    + {/* BUILD Card */} +
    +
    + BUILD +
    +
      +
    1. + Get the components. +
      2. +
    2. + Assemble the RC car and race!! +
      3. +
    3. + Total Time - 15 Minutes. +
      4. +
    +
    + {/* CONQUER Card */} +
    +
    + CONQUER +
    +
      +
    1. + Navigate through the race track. +
      2. +
    2. + Outsmart the traps. +
      3. +
    3. + Reach the finish line. +
      4. +
    +
    +
    +
    +
    + {/* Section 3 END ====== */} +
    + {/* Section 2, 3 Container END ===== */} +
    +     + ); +} diff --git a/src/routes/index.jsx b/src/routes/index.jsx index 611f015..d3372e8 100644 --- a/src/routes/index.jsx +++ b/src/routes/index.jsx @@ -6,6 +6,7 @@ import Contact from "@/pages/Contact"; import PageNotFound from "../pages/PageNotFound"; import Loader from "@/components/Loader"; import Events from "../pages/Events"; +import Bug2Bot from "../pages/Bug2Bot"; const routes = [ { @@ -56,6 +57,12 @@ const routes = [ requireAuth: false, render: , }, + { + label: "Bug2Bot", + path: "/symbitech2025", + requireAuth: false, + render: , + } ]; export default routes; diff --git a/tailwind.config.js b/tailwind.config.js index 16b8c2c..4935684 100644 --- a/tailwind.config.js +++ b/tailwind.config.js @@ -1,4 +1,5 @@ /** @type {import('tailwindcss').Config} */ + export default { content: ["./src/**/*.{js,jsx}"], theme: { @@ -41,6 +42,7 @@ export default { fontFamily: { poppins: ["Poppins", "sans-serif"], gothic: ["League Gothic", "sans-serif"], + orbitron: ["Orbitron", "sans-serif"], }, }, },