diff --git a/Frontend/package.json b/Frontend/package.json index 8b3445d..9ba46ce 100644 --- a/Frontend/package.json +++ b/Frontend/package.json @@ -29,6 +29,7 @@ "react": "^18.2.0", "react-bootstrap": "^2.10.0", "react-dom": "^18.2.0", + "react-flip-move": "^3.0.5", "react-hook-form": "^7.50.0", "react-router-dom": "^6.21.3", "react-router-hash-link": "^2.4.3", diff --git a/Frontend/pnpm-lock.yaml b/Frontend/pnpm-lock.yaml index 0510efc..4e579c3 100644 --- a/Frontend/pnpm-lock.yaml +++ b/Frontend/pnpm-lock.yaml @@ -83,6 +83,9 @@ dependencies: react-dom: specifier: ^18.2.0 version: 18.2.0(react@18.2.0) + react-flip-move: + specifier: ^3.0.5 + version: 3.0.5(react-dom@18.2.0)(react@18.2.0) react-hook-form: specifier: ^7.50.0 version: 7.50.0(react@18.2.0) @@ -9451,6 +9454,16 @@ packages: warning: 4.0.3 dev: false + /react-flip-move@3.0.5(react-dom@18.2.0)(react@18.2.0): + resolution: {integrity: sha512-Mf4XpbkUNZy9eu80iXXFIjToDvw+bnHxmKHVoositbMpV87O/EQswnXUqVovRHoTx/F+4dE+p//PyJnAT7OtPA==} + peerDependencies: + react: '>=16.3.x' + react-dom: '>=16.3.x' + dependencies: + react: 18.2.0 + react-dom: 18.2.0(react@18.2.0) + dev: false + /react-hook-form@7.50.0(react@18.2.0): resolution: {integrity: sha512-AOhuzM3RdP09ZCnq+Z0yvKGHK25yiOX5phwxjV9L7U6HMla10ezkBnvQ+Pk4GTuDfsC5P2zza3k8mawFwFLVuQ==} engines: {node: '>=12.22.0'} diff --git a/Frontend/public/fav1.png b/Frontend/public/fav1.png index 704377b..97907c4 100644 Binary files a/Frontend/public/fav1.png and b/Frontend/public/fav1.png differ diff --git a/Frontend/public/index.html b/Frontend/public/index.html index 475e7c8..5461ea9 100644 --- a/Frontend/public/index.html +++ b/Frontend/public/index.html @@ -44,6 +44,18 @@ rel="stylesheet" /> + + + + + + Hackaholics 6.0 diff --git a/Frontend/src/App.tsx b/Frontend/src/App.tsx index e36041d..4ef4d24 100644 --- a/Frontend/src/App.tsx +++ b/Frontend/src/App.tsx @@ -17,25 +17,26 @@ import "@fontsource/ibm-plex-mono" import Narbar2 from './Components/NavBar/Navabr2' + function App() { return (
- - + + } /> - - - {/* */} - - - - - +
+ + + {/* */} + + + + +
- } /> + } /> diff --git a/Frontend/src/Assets/Contact Us/Buddhi.png b/Frontend/src/Assets/Contact Us/Buddhi.png new file mode 100644 index 0000000..bc3a780 Binary files /dev/null and b/Frontend/src/Assets/Contact Us/Buddhi.png differ diff --git a/Frontend/src/Assets/Hack5/2.jpg b/Frontend/src/Assets/Hack5/2.jpg new file mode 100644 index 0000000..1507635 Binary files /dev/null and b/Frontend/src/Assets/Hack5/2.jpg differ diff --git a/Frontend/src/Assets/Hack5/3.jpg b/Frontend/src/Assets/Hack5/3.jpg new file mode 100644 index 0000000..ce34805 Binary files /dev/null and b/Frontend/src/Assets/Hack5/3.jpg differ diff --git a/Frontend/src/Assets/Hack5/4.jpg b/Frontend/src/Assets/Hack5/4.jpg new file mode 100644 index 0000000..6626884 Binary files /dev/null and b/Frontend/src/Assets/Hack5/4.jpg differ diff --git a/Frontend/src/Assets/Hack5/5.jpg b/Frontend/src/Assets/Hack5/5.jpg new file mode 100644 index 0000000..a4619a7 Binary files /dev/null and b/Frontend/src/Assets/Hack5/5.jpg differ diff --git a/Frontend/src/Assets/Hack5/6.jpg b/Frontend/src/Assets/Hack5/6.jpg new file mode 100644 index 0000000..92c3646 Binary files /dev/null and b/Frontend/src/Assets/Hack5/6.jpg differ diff --git a/Frontend/src/Assets/Hack5/7.jpg b/Frontend/src/Assets/Hack5/7.jpg new file mode 100644 index 0000000..66a4217 Binary files /dev/null and b/Frontend/src/Assets/Hack5/7.jpg differ diff --git a/Frontend/src/Assets/Hack5/8.jpg b/Frontend/src/Assets/Hack5/8.jpg new file mode 100644 index 0000000..29803ac Binary files /dev/null and b/Frontend/src/Assets/Hack5/8.jpg differ diff --git a/Frontend/src/Assets/Hack5/9.jpg b/Frontend/src/Assets/Hack5/9.jpg new file mode 100644 index 0000000..24fa1fc Binary files /dev/null and b/Frontend/src/Assets/Hack5/9.jpg differ diff --git a/Frontend/src/Components/Card/Card.css b/Frontend/src/Components/Card/Card.css index 9bae51a..d8633db 100644 --- a/Frontend/src/Components/Card/Card.css +++ b/Frontend/src/Components/Card/Card.css @@ -10,4 +10,27 @@ body { * { box-sizing: border-box; -} \ No newline at end of file +} +.carouselDiv { + width: 100%; +} +#card { + width: 90%; +} +.carouselArea { + display: flex; + align-items: center; + justify-content: center; +} + +.CarouselHead { + color: #000000; + text-align: left; + text-transform: capitalize; + font-family: Source Sans Pro; + display: flex; + align-items: center; + justify-content: left; + width: 80%; + margin-left: 50px; +} diff --git a/Frontend/src/Components/Card/Card.tsx b/Frontend/src/Components/Card/Card.tsx index a256d08..28c6103 100644 --- a/Frontend/src/Components/Card/Card.tsx +++ b/Frontend/src/Components/Card/Card.tsx @@ -1,9 +1,10 @@ import React, { useState, useRef, useEffect, ReactElement } from 'react'; import './Card.css' +import resources from './data'; // Data -import data from './data.json'; + // import { WidthFull } from '@mui/icons-material'; const Carousel: React.FC = (): ReactElement => { @@ -26,12 +27,12 @@ const Carousel: React.FC = (): ReactElement => { } }; - const isDisabled = (direction: 'prev' | 'next'): boolean => { - if (direction === 'prev') { + const isDisabled = (direction: "prev" | "next"): boolean => { + if (direction === "prev") { return currentIndex <= 0; } - if (direction === 'next' && carousel.current !== null) { + if (direction === "next" && carousel.current !== null) { return ( carousel.current.offsetWidth * currentIndex >= maxScrollWidth.current ); @@ -53,95 +54,96 @@ const Carousel: React.FC = (): ReactElement => { }, []); return ( - - -
-
-
+
+
+

Hackaholics 5.0

-
-
- - -
- - {/* carousel bar */} -
- {data.resources.map((resource, index) => { - return ( -
+
+
+
+ +
- ); - })} + + Next + +
+ + {/* carousel bar */} +
+ {resources.map((resource: any, index: number) => { + return ( +
+ + {resource.title} + +
+ ); + })} +
+
); }; - -export default Carousel; \ No newline at end of file +export default Carousel; diff --git a/Frontend/src/Components/Card/data.js b/Frontend/src/Components/Card/data.js new file mode 100644 index 0000000..c40d5e1 --- /dev/null +++ b/Frontend/src/Components/Card/data.js @@ -0,0 +1,41 @@ +export const resources = [ + { + "title": "Hackaholics 5.0", + "imageUrl":require("../../Assets/Introduction/OC.JPG") + }, + { + "title": "Hackaholics 5.0", + "imageUrl":require("../../Assets/Hack5/2.jpg") + }, + { + "title": "Hackaholics 5.0", + "imageUrl":require("../../Assets/Hack5/3.jpg") + }, + { + "title": "Hackaholics 5.0", + "imageUrl":require("../../Assets/Hack5/4.jpg") + }, + { + "title": "Hackaholics 5.0", + "imageUrl":require("../../Assets/Hack5/5.jpg") + }, + { + "title": "Hackaholics 5.0", + "imageUrl":require("../../Assets/Hack5/6.jpg") + }, + { + "title": "Hackaholics 5.0", + "imageUrl":require("../../Assets/Hack5/7.jpg") + }, + { + "title": "Hackaholics 5.0", + "imageUrl":require("../../Assets/Hack5/8.jpg") + }, + { + "title": "Hackaholics 5.0", + "imageUrl":require("../../Assets/Hack5/9.jpg") + } + ]; + + +export default resources; \ No newline at end of file diff --git a/Frontend/src/Components/Card/data.json b/Frontend/src/Components/Card/data.json deleted file mode 100644 index f8d04d2..0000000 --- a/Frontend/src/Components/Card/data.json +++ /dev/null @@ -1,40 +0,0 @@ -{ - "resources": [ - { - "title": "Hackaholics 5.0", - "imageUrl": "https://scontent.fcmb10-1.fna.fbcdn.net/v/t39.30808-6/354453406_645590694281448_1781249478411545919_n.jpg?_nc_cat=108&ccb=1-7&_nc_sid=a73e89&_nc_ohc=Q1FavUuoUAMAX8MeZ1u&_nc_ht=scontent.fcmb10-1.fna&oh=00_AfAAf5J5Tj6nWdBzOA7eyise8yiQMiLy9xzrhGt0PA6H2A&oe=65C35AB1" - }, - { - "title": "Hackaholics 5.0", - "imageUrl": "https://scontent.fcmb10-1.fna.fbcdn.net/v/t39.30808-6/354470990_645590660948118_820620153307905222_n.jpg?_nc_cat=100&ccb=1-7&_nc_sid=a73e89&_nc_ohc=nsq0b4kzdkAAX-6qMci&_nc_ht=scontent.fcmb10-1.fna&oh=00_AfDorPV1e2Dmd_7lYReMzP7WrNxGJbLUdilY1JwJECbh6g&oe=65C26FEB" - }, - { - "title": "Hackaholics 5.0", - "imageUrl": "https://scontent.fcmb2-2.fna.fbcdn.net/v/t39.30808-6/356632413_645600034280514_1421169240298804468_n.jpg?_nc_cat=105&ccb=1-7&_nc_sid=a73e89&_nc_ohc=3ImysAsoFzQAX9Mx-AV&_nc_ht=scontent.fcmb2-2.fna&oh=00_AfALjsCmP3Rsyo3PtWLasFR28AUd0oPjgiDBfB9p7mX6Uw&oe=65C3F038" - }, - { - "title": "Hackaholics 5.0", - "imageUrl": "https://scontent.fcmb2-2.fna.fbcdn.net/v/t39.30808-6/356660568_645608677612983_2836645732545907395_n.jpg?_nc_cat=110&ccb=1-7&_nc_sid=a73e89&_nc_ohc=vi5LDlVSpU8AX_PLWk7&_nc_oc=AQkeBsm3KKxE8sDohpzdXcB0pSb1t-M3_uVdsdNR9731fAIXwheUgOKi4NxMIU9blrU&_nc_ht=scontent.fcmb2-2.fna&oh=00_AfBnkGKpT2gHFeTWsg3o-fo4cy9PELiam5OPeWyQXiOdyA&oe=65C3C78B" - }, - { - "title": "Hackaholics 5.0", - "imageUrl": "https://scontent.fcmb2-2.fna.fbcdn.net/v/t39.30808-6/354464542_645609107612940_4679852385528813285_n.jpg?_nc_cat=105&ccb=1-7&_nc_sid=a73e89&_nc_ohc=s3lEVzkoGUcAX_hkcMe&_nc_ht=scontent.fcmb2-2.fna&oh=00_AfChwmE4S8huoIVFrgwiK-Ac5zpOSVqdpCB_yX2d4n981g&oe=65C31E0E" - }, - { - "title": "Hackaholics 5.0", - "imageUrl": "https://scontent.fcmb2-2.fna.fbcdn.net/v/t39.30808-6/355095014_645609044279613_5118474991947069576_n.jpg?_nc_cat=105&ccb=1-7&_nc_sid=a73e89&_nc_ohc=uyHG7bEkN4MAX8pNqm8&_nc_oc=AQm9xk8ZoZLZIHbvkcKuQMD6_H99lHeFHSjpTSd0egvibEFn1QDM9Eaqs3OSv4PTCPM&_nc_ht=scontent.fcmb2-2.fna&oh=00_AfB_78du78OtEFrhHhiNvNQ_pDK-a9RkkfcP3SsffSrvdA&oe=65C2FFB8" - }, - { - "title": "Hackaholics 5.0", - "imageUrl": "https://scontent.fcmb2-2.fna.fbcdn.net/v/t39.30808-6/354623051_645609014279616_2405070884842817133_n.jpg?_nc_cat=106&ccb=1-7&_nc_sid=a73e89&_nc_ohc=CFsdBoS0gOgAX-i91dV&_nc_ht=scontent.fcmb2-2.fna&oh=00_AfBAVCbHPmgc4XmTkiQ_OaYx6KUUCd7GRtXRnsaeNQaDyQ&oe=65C2A5FC" - }, - { - "title": "Hackaholics 5.0", - "imageUrl": "https://scontent.fcmb2-2.fna.fbcdn.net/v/t39.30808-6/354582232_645608820946302_8808117566942528300_n.jpg?_nc_cat=100&ccb=1-7&_nc_sid=a73e89&_nc_ohc=pD-WuwmSXNUAX-ygtDl&_nc_ht=scontent.fcmb2-2.fna&oh=00_AfCKMirXgLND7jPIGKKc3m9Yvgn4YEvloUL7XbBeRLMOcA&oe=65C3A85A" - }, - { - "title": "Hackaholics 5.0", - "imageUrl": "https://scontent.fcmb2-2.fna.fbcdn.net/v/t39.30808-6/355480523_645602277613623_1774779047277731409_n.jpg?_nc_cat=111&ccb=1-7&_nc_sid=a73e89&_nc_ohc=o8ADleZ9cK0AX-Fpm-b&_nc_ht=scontent.fcmb2-2.fna&oh=00_AfAKcZledgfHwP3_c2ksY5OrYw8LaX5OC7-p-UqMaUdOpw&oe=65C21249" - } - ] -} \ No newline at end of file diff --git a/Frontend/src/Components/ContactUs/ContactUs.css b/Frontend/src/Components/ContactUs/ContactUs.css index 2113da7..e745c82 100644 --- a/Frontend/src/Components/ContactUs/ContactUs.css +++ b/Frontend/src/Components/ContactUs/ContactUs.css @@ -39,45 +39,81 @@ height: auto; border-radius: 100%; margin-bottom: 20px; + z-index: +19; } .ocPeopleImageDiv2 { width: 50%; height: auto; border-radius: 100%; margin-bottom: 20px; + z-index: +19; } .ocPeopleImageDiv3 { width: 50%; height: auto; border-radius: 100%; margin-bottom: 20px; + z-index: +19; } .ocPeopleImageDiv4 { width: 50%; height: auto; border-radius: 100%; margin-bottom: 20px; + z-index: +19; } .ocPeopleImageDiv1 img { width: 100%; height: 100%; border-radius: 100%; + transition-duration: 0.6s!important; + z-index: +19; } .ocPeopleImageDiv2 img { width: 100%; height: auto; border-radius: 100%; + transition-duration: 0.6s!important; + z-index: +19; } .ocPeopleImageDiv3 img { width: 100%; height: auto; border-radius: 100%; + transition-duration: 0.6s!important; + z-index: +19; } .ocPeopleImageDiv4 img { width: 100%; height: auto; border-radius: 100%; + transition-duration: 0.6s!important; + z-index: +19; +} +.ocPeopleImageDiv1 img :hover{ + width: 95%; + height: auto; + border-radius: 100%; + transition-duration: 0.6s!important; +} +.ocPeopleImageDiv2 img :hover{ + width: 95%; + height: auto; + border-radius: 100%; + transition-duration: 0.6s!important; +} +.ocPeopleImageDiv3 img :hover{ + width: 95%; + height: auto; + border-radius: 100%; + transition-duration: 0.6s!important; +} +.ocPeopleImageDiv4 img :hover{ + width: 95%; + height: auto; + border-radius: 100%; + transition-duration: 0.6s!important; } .nameDivContactUs { diff --git a/Frontend/src/Components/ContactUs/ContactUs.tsx b/Frontend/src/Components/ContactUs/ContactUs.tsx index a02dcfe..c33b3ed 100644 --- a/Frontend/src/Components/ContactUs/ContactUs.tsx +++ b/Frontend/src/Components/ContactUs/ContactUs.tsx @@ -2,13 +2,14 @@ import "./ContactUs.css"; import image1 from "../../Assets/Contact Us/Uthpalani Jayasinge.jpeg"; import image2 from "../../Assets/Contact Us/oshani.jpeg"; import image3 from "../../Assets/Contact Us/Dilanga Harshani.png"; +import image4 from "../../Assets/Contact Us/Buddhi.png"; const ContactUs = () => { return (
-
+
-

+

Contact Us

@@ -19,9 +20,7 @@ const ContactUs = () => { Avatar
-

- Ms. Uthpalani Jayasinghe -

+

Ms. Uthpalani Jayasinghe

Chairperson

@@ -42,9 +41,7 @@ const ContactUs = () => { Avatar
-

- Ms. Oshani Wickramasinghe -

+

Ms. Oshani Wickramasinghe

Vice Chairperson

@@ -55,7 +52,7 @@ const ContactUs = () => {

-

+

oewickramasingha@gmail.com

@@ -65,9 +62,7 @@ const ContactUs = () => { Avatar
-

- Ms. Dilanga Harshani -

+

Ms. Dilanga Harshani

Secretary

@@ -78,19 +73,17 @@ const ContactUs = () => {

-

+

aadilangaharshani@gmail.com

- Avatar + Avatar
-

- Ms. Buddhi Yapa -

+

Ms. Buddhi Yapa

Treasurer

@@ -101,7 +94,7 @@ const ContactUs = () => {

-

+

oewickramasingha@gmail.com

diff --git a/Frontend/src/Components/FAQ/FAQ.css b/Frontend/src/Components/FAQ/FAQ.css index 29f5a0b..cd7a6e2 100644 --- a/Frontend/src/Components/FAQ/FAQ.css +++ b/Frontend/src/Components/FAQ/FAQ.css @@ -38,15 +38,23 @@ justify-content: center; } .faqImageContainor { - width: 70%; + width: 100%; height: auto; margin: 50px; + z-index: +19; +} +.faqImageContainor img { + transition-duration: 0.6s!important; +} +.faqImageContainor img:hover { + transform: scale(1.1); + transition-duration: 0.6s!important; } .FAQHead { width: 93%; } .shape { - height: 45px!important; + height: 45px !important; background: linear-gradient(to right, #782a84, #782a84); } diff --git a/Frontend/src/Components/FAQ/FAQ.tsx b/Frontend/src/Components/FAQ/FAQ.tsx index b2023b2..18e87b4 100644 --- a/Frontend/src/Components/FAQ/FAQ.tsx +++ b/Frontend/src/Components/FAQ/FAQ.tsx @@ -4,7 +4,7 @@ import img from "../../Assets/Astronaut/astronut 8.png"; const FAQ = () => { return (
-
+
diff --git a/Frontend/src/Components/Footer/Footer.css b/Frontend/src/Components/Footer/Footer.css index 47ba5a6..691a22a 100644 --- a/Frontend/src/Components/Footer/Footer.css +++ b/Frontend/src/Components/Footer/Footer.css @@ -33,3 +33,20 @@ width: 50%; } } */ + +#footerDiv{ + border-top: 0.5px dashed white!important; +} + +#footerLogos{ + z-index: +19!important; + cursor: pointer!important; +} + +#footerLink{ + transition-duration: 0.6s!important; +} + +#footerLink:hover{ + transition-duration: 0.6s!important; +} \ No newline at end of file diff --git a/Frontend/src/Components/Footer/Footer.tsx b/Frontend/src/Components/Footer/Footer.tsx index c8c0a46..b588a6b 100644 --- a/Frontend/src/Components/Footer/Footer.tsx +++ b/Frontend/src/Components/Footer/Footer.tsx @@ -1,20 +1,35 @@ // import ucscwie from '../../Assets/Footer/wie-ucsc.png'; // import ieeewiee from '../../Assets/Footer/ieee-wie.png'; -import ucscwie2 from '../../Assets/Footer/wie-ucsc2.png'; -import ieeewiee2 from '../../Assets/Footer/ieee-wie2.png'; +import ucscwie2 from "../../Assets/Footer/wie-ucsc2.png"; +import ieeewiee2 from "../../Assets/Footer/ieee-wie2.png"; +import "./Footer.css"; // import logo from '../../Assets/NavBar/logo.png' - const Footer = () => { return ( -
+
{/* Logos */} -
+
{/* First Image */}
- wie-logo + + wie-logo +
+ {/* Second Image - Hackaholics Logo */} {/*
@@ -23,34 +38,44 @@ const Footer = () => { {/* Third Image */}
- wie-logo + wie-logo
-
{/* Socila Links */} -
-
- -
WebSite
+ {/* Copy right Part */} @@ -58,15 +83,10 @@ const Footer = () => {

© {new Date().getFullYear()} IEEE - UCSC All Rights Reserved.

-
- - -
- ); }; -export default Footer; \ No newline at end of file +export default Footer; diff --git a/Frontend/src/Components/Home/Home.css b/Frontend/src/Components/Home/Home.css index 7182497..755e753 100644 --- a/Frontend/src/Components/Home/Home.css +++ b/Frontend/src/Components/Home/Home.css @@ -22,4 +22,9 @@ } #homeComponent{ font-family: 'Source Sans 3', sans-serif; + } + + #hackaholicsHeading{ + color: #575254; + text-shadow: -1px -1px 0 white, 1px -1px 0 white, -1px 1px 0 white, 1px 1px 0 white; } \ No newline at end of file diff --git a/Frontend/src/Components/Home/Home.tsx b/Frontend/src/Components/Home/Home.tsx index cc196a8..9fac0cb 100644 --- a/Frontend/src/Components/Home/Home.tsx +++ b/Frontend/src/Components/Home/Home.tsx @@ -2,6 +2,7 @@ import { motion, useAnimation } from "framer-motion"; import { useEffect } from "react"; import "./Home.css"; +import Countd from '../Timer/Time'; const containerVariants = { hidden: { opacity: 0 }, @@ -40,24 +41,25 @@ const Home = () => { controls.start("visible"); }, [controls]); - return ( - - -
-

IEEE WIE STUDENT BRANCH

-

AFFINITY GROUP OF UCSC

-
- + return ( + + + +
+

IEEE WIE STUDENT BRANCH

+

AFFINITY GROUP OF UCSC

+
+
-

+

HACKAHOLICS

@@ -107,6 +109,7 @@ const Home = () => {
+ ); }; diff --git a/Frontend/src/Components/Introduction/Intro.tsx b/Frontend/src/Components/Introduction/Intro.tsx index fe98edc..7e9a4bc 100644 --- a/Frontend/src/Components/Introduction/Intro.tsx +++ b/Frontend/src/Components/Introduction/Intro.tsx @@ -7,9 +7,7 @@ export default function Intro() { return (
-
+

What is Hackaholics 6.0 ?

@@ -17,12 +15,14 @@ export default function Intro() {
-

- Hackaholics 6.0 is an{" "} - Inter-University Girls’ Only Hackathon - organized by the{" "} - IEEE WIE Student Branch Affinity Group of UCSC, held for the - sixth consecutive year. This ideathon empowers female +

+ Hackaholics 6.0 is an Inter-University Girls’ Only Hackathon + organized by the IEEE WIE Student Branch Affinity Group of UCSC, + held for the sixth consecutive year. This ideathon empowers female undergraduates to discuss and develop solutions to critical issues in our society through cooperation, collaboration, and coordination.

@@ -44,17 +44,21 @@ export default function Intro() { />
-

- The event commences with a virtual scholarship awareness session for - undergraduates, followed by a proposal submission phase for teams of - three students from the same university, focusing on innovative - ideas within given topics. The top 10 teams are advancing to the - next round where they prepare UI prototypes and presentations. The - physical competition on March 2nd, 2024, involves presenting - proposed ideas, with the top five teams selected based on various - criteria. These finalists then tackle a scenario challenge presented - by judges, and winners are determined by industry experts, receiving - cash prizes. +

+ The event commences with a virtual scholarship awareness session for + undergraduates, followed by a proposal submission phase for teams of + three students from the same university, focusing on innovative + ideas within given topics. The top 10 teams are advancing to the + next round where they prepare UI prototypes and presentations. The + physical competition on March 2nd, 2024, involves presenting + proposed ideas, with the top five teams selected based on various + criteria. These finalists then tackle a scenario challenge presented + by judges, and winners are determined by industry experts, receiving + cash prizes.

diff --git a/Frontend/src/Components/Introduction/intro.scss b/Frontend/src/Components/Introduction/intro.scss index 18c3ff7..4f67cfe 100644 --- a/Frontend/src/Components/Introduction/intro.scss +++ b/Frontend/src/Components/Introduction/intro.scss @@ -42,21 +42,27 @@ body { width: 20%; height: auto; max-width: 100%; + cursor: pointer; + float: right; + z-index: +19; +} +.image img{ + transition-duration: 0.6s; +} +.Image img:hover { + transform: scale(1.05) !important; + transition-duration: 0.6s; } .text { float: left; text-align: justify; - font-size: 20px; + font-size: 17px; color: #000000; width: 55%; font-family: "Source Sans 3", sans-serif; } -.Image { - float: right; -} - .shape { width: 20%; height: 60px; diff --git a/Frontend/src/Components/Prizes/Prizes.css b/Frontend/src/Components/Prizes/Prizes.css index ac46a0b..2ce291e 100644 --- a/Frontend/src/Components/Prizes/Prizes.css +++ b/Frontend/src/Components/Prizes/Prizes.css @@ -30,6 +30,7 @@ cursor: pointer; background-attachment: fixed; background-position: center; + z-index: +19; } .prizeColTwo:hover { height: 65%; @@ -49,6 +50,7 @@ cursor: pointer; background-attachment: fixed; background-position: center; + z-index: +19; } .prizeColOne:hover { height: 65%; @@ -68,6 +70,7 @@ cursor: pointer; background-attachment: fixed; background-position: center; + z-index: +19; } .prizeColThree:hover { height: 65%; diff --git a/Frontend/src/Components/Prizes/Prizes.tsx b/Frontend/src/Components/Prizes/Prizes.tsx index d5c756e..de29936 100644 --- a/Frontend/src/Components/Prizes/Prizes.tsx +++ b/Frontend/src/Components/Prizes/Prizes.tsx @@ -7,7 +7,7 @@ import img3 from "../../Assets/Prizes/3.png"; const Prizes = () => { return (
-
+

Awards for Winners diff --git a/Frontend/src/Components/TeamRegistration/Registration.scss b/Frontend/src/Components/TeamRegistration/Registration.scss index 900aff1..5b28c97 100644 --- a/Frontend/src/Components/TeamRegistration/Registration.scss +++ b/Frontend/src/Components/TeamRegistration/Registration.scss @@ -50,7 +50,7 @@ } .reg-section { - background: linear-gradient(to bottom, #18113A, black);// Set the background color to black + background: linear-gradient(to bottom, #18113A, 18113A);// Set the background color to black color: white; // Set the text color to white or any contrasting color padding: 20px; // Add padding to the form to create space between the content and the edges } @@ -166,4 +166,7 @@ $blue-grad-end: #02a8e1; } .eventTitle{ color: #782a84 !important; +} +#btnSubmit{ + background-color: #782a84; } \ No newline at end of file diff --git a/Frontend/src/Components/TeamRegistration/TeamRegi.tsx b/Frontend/src/Components/TeamRegistration/TeamRegi.tsx index e0ec066..a2e5aeb 100644 --- a/Frontend/src/Components/TeamRegistration/TeamRegi.tsx +++ b/Frontend/src/Components/TeamRegistration/TeamRegi.tsx @@ -88,7 +88,7 @@ export default function Registration() { Register your Team For Hackaholics 6.0

{/* display flex */} -
+