diff --git a/build/asset-manifest.json b/build/asset-manifest.json index a1ade63..29906da 100644 --- a/build/asset-manifest.json +++ b/build/asset-manifest.json @@ -1,24 +1,25 @@ { "files": { - "main.css": "/static/css/main.239df178.css", - "main.js": "/static/js/main.fafb9ad0.js", + "main.css": "/static/css/main.0ee06ba5.css", + "main.js": "/static/js/main.a69e9fa2.js", + "static/media/clg.jpg": "/static/media/clg.7ad148cfab5e629b1aed.jpg", "static/media/csi-comp.JPG": "/static/media/csi-comp.f85f59bd803d3a4150ba.JPG", - "static/media/College.png": "/static/media/College.509c1e76693a76d208a9.png", "static/media/bg-sound.mp3": "/static/media/bg-sound.156eb62c988807ef5800.mp3", + "static/media/waves.png": "/static/media/waves.03485d4dea5e11e359d8.png", "static/media/csi-it.png": "/static/media/csi-it.bffd603148fced92d5ec.png", "static/media/AboutTextBg.png": "/static/media/AboutTextBg.3164020a5f07dad37727.png", + "static/media/TimelineBg.png": "/static/media/TimelineBg.3164020a5f07dad37727.png", "static/media/Rectangle 24.svg": "/static/media/Rectangle 24.d7f425f586ac615784ae81db16308952.svg", "static/media/csilogo.png": "/static/media/csilogo.f60f0888a3530dc2a82a.png", "static/media/logo.png": "/static/media/logo.3e87f7546c89f3f897f1.png", - "static/media/thumb1.jpg": "/static/media/thumb1.7e6242062209e1f0cd29.jpg", "static/media/toggle.png": "/static/media/toggle.5aa66b42e5e4c6d32352.png", "index.html": "/index.html", "static/media/cancel_FILL0_wght400_GRAD0_opsz24.svg": "/static/media/cancel_FILL0_wght400_GRAD0_opsz24.1ff57ce6780d039fcce3508f0763e1b8.svg", - "main.239df178.css.map": "/static/css/main.239df178.css.map", - "main.fafb9ad0.js.map": "/static/js/main.fafb9ad0.js.map" + "main.0ee06ba5.css.map": "/static/css/main.0ee06ba5.css.map", + "main.a69e9fa2.js.map": "/static/js/main.a69e9fa2.js.map" }, "entrypoints": [ - "static/css/main.239df178.css", - "static/js/main.fafb9ad0.js" + "static/css/main.0ee06ba5.css", + "static/js/main.a69e9fa2.js" ] } \ No newline at end of file diff --git a/build/index.html b/build/index.html index 408ce93..f4c95e3 100644 --- a/build/index.html +++ b/build/index.html @@ -1 +1 @@ -AGNETHON 1.0
\ No newline at end of file +AGNETHON 1.0
\ No newline at end of file diff --git a/build/static/media/thumb1.7e6242062209e1f0cd29.jpg b/build/static/media/thumb1.7e6242062209e1f0cd29.jpg deleted file mode 100644 index 2f88c4d..0000000 Binary files a/build/static/media/thumb1.7e6242062209e1f0cd29.jpg and /dev/null differ diff --git a/src/components/PS/PS.css b/src/components/PS/PS.css index fb16c76..482a383 100644 --- a/src/components/PS/PS.css +++ b/src/components/PS/PS.css @@ -1,73 +1,55 @@ + h1.ps-title{ - font-size: 56px; - /* color: #fff; */ + font-size: 45px; position: fixed; - left: 100%; + right: 0vw; + left:90vw; + width: 10vw; height: 100vh; + margin:auto; text-align: center; writing-mode: vertical-lr; - /* transform: rotate(180deg); */ - z-index: 2; -} -.center { - width: 100%; - height: fit-content; - display: flex; - align-items: center; - justify-content: center; - flex-direction: column; -} -.stack-area { - width: 100%; - height: 300vh; - position: relative; + font-family: 'Syne', sans-serif; + text-decoration: underline; + color:white; + background-color: #020213; + } -.right{ + +.container{ + margin:0; + right:0; + width: 100vw; + left:90vw; + background-color:#020213; + background: url("../About/images/AboutTextBg.png"); + height: 100vh; - display: flex; - flex-direction: row-reverse; - align-items: center; - justify-content: center; - position: sticky; - top: 0; - box-sizing: border-box; - flex-basis: 50%; } + .cards { - width: 100%; - height: 100%; - position: relative; -} -.card { - width: 100%; - height: 80%; - box-sizing: border-box; - padding: 35px; - border-radius: 6mm; display: flex; - justify-content: space-between; - flex-direction: column; - position: absolute; - top: 50%; - left: 50%; - transition: 0.5s ease-in-out; -} + flex-direction: row-reverse; + overflow-x: auto; + margin:0; + width:90vw; + padding-top: 5vh; + background-color:#020213; + background: url("../About/images/AboutTextBg.png"); + height: 100vh; -.card:nth-child(1) { - z-index: 4; } +.card { + width: 70vw; + height: 80vh; + flex: 0 0 auto; + margin-right: 5vw; -.card:nth-child(2) { - z-index: 3; } - -.card:nth-child(3) { - z-index: 2; +.card :nth-child(3){ + margin-left: 5vw; } -.card:nth-child(4) { - z-index: 1; -} .sub { font-family: poppins; @@ -87,10 +69,9 @@ h1.ps-title{ } - .close-div { position: fixed; - bottom: 50px; + top: 95vh; width: 100%; z-index: 111111; text-align: center; @@ -103,10 +84,9 @@ h1.ps-title{ cursor: pointer; transition: transform 0.35s ease; font-weight: bold; - border: 2px solid red; } .close:hover { font-weight: bold; - transform: translateY(-5px); + transform: translateY(-15px); color: #7b8085; } diff --git a/src/components/PS/PS.jsx b/src/components/PS/PS.jsx index 465d849..d0cb0a4 100644 --- a/src/components/PS/PS.jsx +++ b/src/components/PS/PS.jsx @@ -1,4 +1,4 @@ -import React, { useState, useEffect } from "react"; +import React, { useState, useEffect, useRef } from "react"; import { useNavigate } from "react-router-dom"; import { motion as m } from "framer-motion"; import "./PS.css"; @@ -11,57 +11,7 @@ const cyber = ps.filter(statement => statement.title === "cyber"); const PS = () => { const [closed, setClosed] = useState(false); const navigate = useNavigate(); - useEffect(() => { - const cards = document.querySelectorAll(".card"); - const stackArea = document.querySelector(".stack-area"); - if (!stackArea) { - // Check if stackArea is null - return; - } - - function displaceCards() { - let x=-50; - cards.forEach((card) => { - if (card.classList.contains("active")) { - card.style.transform = `translate(100vw, -50%)`; - } else { - card.style.transform = `translate(${x}%, -50%)`; - x=x-10; - } - }); - } - - displaceCards(); - - const scrollHandler = () => { - if (!stackArea) { - return; - } - - let proportion = stackArea.getBoundingClientRect().top / window.innerHeight; - if (proportion <= 0) { - let n = cards.length; - let index = Math.ceil((proportion * n) / 2); - index = Math.abs(index) - 1; - for (let i = 0; i < n; i++) { - if (i <= index) { - cards[i].classList.add("active"); - } else { - cards[i].classList.remove("active"); - } - } - displaceCards(); - } - }; - - window.addEventListener("scroll", scrollHandler); - - // Cleanup event listener on component unmount - return () => { - window.removeEventListener("scroll", scrollHandler); - }; - }, []); const handleButtonClick = () => { setClosed(true); @@ -69,8 +19,7 @@ const PS = () => { navigate("/"); }, 900); }; - - + return (
{

Problem Statements

-
-
-
@@ -112,7 +58,7 @@ const PS = () => {
-
+

Cybersecurity

{cyber.map((statement)=>(
@@ -124,9 +70,6 @@ const PS = () => {
-
-
-