diff --git a/components/AnimatedScrollButton/index.module.css b/components/AnimatedScrollButton/index.module.css index bd8df45..bf1f0d8 100644 --- a/components/AnimatedScrollButton/index.module.css +++ b/components/AnimatedScrollButton/index.module.css @@ -12,11 +12,11 @@ } .mouse:hover { - @apply border-blue; - box-shadow: 0px 0px 14px 1px rgb(36 172 255); + /* @apply border-blue; */ + /* box-shadow: 0px 0px 14px 1px rgb(36 172 255); */ /* For Christmas theme */ - /* @apply border-golden; */ - /* box-shadow: 0px 0px 14px 1px #ffed79; */ + @apply border-golden; + box-shadow: 0px 0px 14px 1px #ffed79; } .cursor { @@ -30,9 +30,9 @@ } .mouse:hover .cursor { - @apply bg-blue; + /* @apply bg-blue; */ /* For Christmas Theme */ - /* @apply bg-golden; */ + @apply bg-golden; animation: none; } diff --git a/components/StyledText/Glitter.module.css b/components/StyledText/Glitter.module.css index f3590aa..7e7b01e 100644 --- a/components/StyledText/Glitter.module.css +++ b/components/StyledText/Glitter.module.css @@ -15,9 +15,9 @@ position: absolute; bottom: 0; left: 0; - background: linear-gradient(to right, transparent, #24acff); + /* background: linear-gradient(to right, transparent, #24acff); */ /* For christmas theme */ - /* background: linear-gradient(to right, transparent, rgb(255, 237, 121)); */ + background: linear-gradient(to right, transparent, rgb(255, 237, 121)); height: 3px; width: 100%; animation: animate 2s linear infinite; diff --git a/components/associations/association.module.css b/components/associations/association.module.css index 71213c3..1af5a72 100644 --- a/components/associations/association.module.css +++ b/components/associations/association.module.css @@ -30,9 +30,9 @@ height: 130%; width: 130%; border-radius: 50%; - background: linear-gradient(90deg, #00ccff, #98e8fc); + /* background: linear-gradient(90deg, #00ccff, #98e8fc); */ /* For Christmas Theme */ - /* background: linear-gradient(90deg, #ffa776, #ffed79); */ + background: linear-gradient(90deg, #ffa776, #ffed79); opacity: 0.25; } diff --git a/components/button/Button.module.css b/components/button/Button.module.css index e65ccea..5ce9a93 100644 --- a/components/button/Button.module.css +++ b/components/button/Button.module.css @@ -13,11 +13,11 @@ width: 0; height: 0; border-radius: 50%; - background: rgb(51, 121, 238); - background: radial-gradient(circle, rgba(51, 121, 238, 1) 0%, rgba(36, 172, 255, 1) 100%); + /* background: rgb(51, 121, 238); */ + /* background: radial-gradient(circle, rgba(51, 121, 238, 1) 0%, rgba(36, 172, 255, 1) 100%); */ /* For Christmas Theme */ - /* background: #ffed79; - background: radial-gradient(circle, #ffa776 0%, #ffed79, 100%); */ + background: #ffed79; + background: radial-gradient(circle, #ffa776 0%, #ffed79, 100%); transition: width 0.5s, height 0.5s; } diff --git a/components/event/event.module.css b/components/event/event.module.css index 43c4e79..bd02813 100644 --- a/components/event/event.module.css +++ b/components/event/event.module.css @@ -16,9 +16,9 @@ transition: transform ease 250ms; border-radius: 0.5rem; overflow: hidden; - box-shadow: 0 0 5px 1px hsl(203, 100%, 57%); + /* box-shadow: 0 0 5px 1px hsl(203, 100%, 57%); */ /* For Christmas Theme */ - /* box-shadow: 0 0 5px 1px #ffed79; */ + box-shadow: 0 0 5px 1px #ffed79; } .card:hover { @@ -69,9 +69,9 @@ top: 100%; height: 3px; width: calc(100% + 2.5rem); - background: hsl(203, 100%, 57%); + /* background: hsl(203, 100%, 57%); */ /* For Christmas Theme */ - /* background: #FFED79; */ + background: #FFED79; transform: scaleX(0); transition: transform 200ms ease; transform-origin: left; @@ -92,8 +92,8 @@ text-decoration: none; color: black; /* For Christmas Theme */ - /* background: #ffed79; */ - background: hsl(203, 100%, 57%); + background: #ffed79; + /* background: hsl(203, 100%, 57%); */ padding: 0.5em 1.25em; border-radius: 0.25rem; } diff --git a/components/navbar/Hamburger.module.css b/components/navbar/Hamburger.module.css index ca72f7a..0a2ad3b 100644 --- a/components/navbar/Hamburger.module.css +++ b/components/navbar/Hamburger.module.css @@ -42,9 +42,9 @@ } .navLink:hover { - @apply text-blue; + /* @apply text-blue; */ /* For Christmas Theme */ - /* @apply text-golden; */ + @apply text-golden; } .navLink:hover::after { diff --git a/components/navbar/Navbar.js b/components/navbar/Navbar.js index 759ea2e..8ac4ad3 100644 --- a/components/navbar/Navbar.js +++ b/components/navbar/Navbar.js @@ -4,7 +4,7 @@ import { HiMenuAlt4 } from 'react-icons/hi'; import Image from 'next/image'; import Link from 'next/link'; import styles from './Navbar.module.css'; -import Logo from '../../assets/hncc-logo.png'; +import Logo from '../../assets/christmas_theme/christmas-theme-logo.png'; import Button from '../button/Button'; import Sidebar from './Sidebar'; @@ -95,9 +95,9 @@ function Navbar() { > diff --git a/components/navbar/Navbar.module.css b/components/navbar/Navbar.module.css index 9d3579f..083e910 100644 --- a/components/navbar/Navbar.module.css +++ b/components/navbar/Navbar.module.css @@ -27,10 +27,10 @@ width: fit-content; } .navbarList > .navLink:hover { - @apply text-blue font-medium; + /* @apply text-blue font-medium; */ /* For christmas theme */ - /* @apply text-golden font-medium; */ + @apply text-golden font-medium; } .humburgerMenu { diff --git a/components/navbar/Sidebar.js b/components/navbar/Sidebar.js index f925915..2e6d0da 100644 --- a/components/navbar/Sidebar.js +++ b/components/navbar/Sidebar.js @@ -4,7 +4,7 @@ import { CgClose } from 'react-icons/cg'; import Image from 'next/image'; import Link from 'next/link'; import styles from './Hamburger.module.css'; -import Logo from '../../assets/hncc-logo.png'; +import Logo from '../../assets/christmas_theme/christmas-theme-logo.png'; import Button from '../button/Button'; const SpanStyle = { diff --git a/components/screen/Screen.js b/components/screen/Screen.js index 89ad6b3..2f85898 100644 --- a/components/screen/Screen.js +++ b/components/screen/Screen.js @@ -1,5 +1,5 @@ import { useEffect } from 'react'; -// import ParticleBackground from '../../assets/christmas_theme/ParticlesBg'; +import ParticleBackground from '../../assets/christmas_theme/ParticlesBg'; import Footer from '../footer/Footer'; import Navbar from '../navbar/Navbar'; import SocialsBar from '../socialsbar/SocialsBar'; @@ -23,7 +23,7 @@ function Screen({ children }) {
{/* For Christmas Theme */} - {/* */} + {children} diff --git a/components/socialsbar/SocialsBar.module.css b/components/socialsbar/SocialsBar.module.css index 03c1101..9a57df4 100644 --- a/components/socialsbar/SocialsBar.module.css +++ b/components/socialsbar/SocialsBar.module.css @@ -12,7 +12,7 @@ } .socialsBarIcons:hover { @apply text-blue-light; - fill: rgb(56, 200, 236) !important; + /* fill: rgb(56, 200, 236) !important; */ /* For christmas theme */ - /* fill: rgb(255, 237, 121) !important; */ + fill: rgb(255, 237, 121) !important; } diff --git a/components/sponsors/sponsors.module.css b/components/sponsors/sponsors.module.css index b68ec96..99e266b 100644 --- a/components/sponsors/sponsors.module.css +++ b/components/sponsors/sponsors.module.css @@ -27,9 +27,9 @@ height: 160%; min-height: calc(100% + 50px); width: 50%; - background: linear-gradient(#00ccff, #98e8fc); + /* background: linear-gradient(#00ccff, #98e8fc); */ /* For christmas theme */ - /* background: linear-gradient(rgb(255, 237, 121), rgb(253, 244, 186)); */ + background: linear-gradient(rgb(255, 237, 121), rgb(253, 244, 186)); animation: animate 4s linear infinite; opacity: 0.25; transition: all 400ms ease-in-out; diff --git a/components/teams/Team.module.css b/components/teams/Team.module.css index bc82f2a..5592665 100644 --- a/components/teams/Team.module.css +++ b/components/teams/Team.module.css @@ -1,21 +1,21 @@ .card { @apply p-4 relative flex flex-col justify-center items-center overflow-hidden rounded-2xl; min-height: 350px; - background: rgb(0, 204, 255); + /* background: rgb(0, 204, 255); */ /* For christmas theme */ background: rgb(255, 237, 121); - /* background: linear-gradient( + background: linear-gradient( 45deg, rgba(255, 237, 121, 0.44861694677871145) 0%, rgba(253, 244, 186, 0.4) 100% - ); */ - background: linear-gradient( + ); + /* background: linear-gradient( 45deg, rgba(0, 204, 255, 0.44861694677871145) 0%, rgba(152, 232, 252, 0.4) 100% ); - transition: all 300ms ease-in-out; -} + transition: all 300ms ease-in-out;*/ +} .cardContainer { @apply grid gap-16; @@ -29,9 +29,9 @@ .card::before { @apply absolute w-32; content: ''; - background: linear-gradient(#00ccff, #98e8fc); + /* background: linear-gradient(#00ccff, #98e8fc); */ /* For christmas theme */ - /* background: linear-gradient(#ffed79, #ffa776); */ + background: linear-gradient(#ffed79, #ffa776); animation: animate 4s linear infinite; height: 140%; opacity: 0; @@ -53,9 +53,9 @@ } .socials > a:hover > svg { - fill: #51bcff; + /* fill: #51bcff; */ /* For Christmas theme */ - /* fill: rgb(255, 237, 121); */ + fill: rgb(255, 237, 121); } .postHead { diff --git a/components/video/Video.module.css b/components/video/Video.module.css index 8385931..3984b81 100644 --- a/components/video/Video.module.css +++ b/components/video/Video.module.css @@ -3,7 +3,7 @@ height: 90vh; @apply sm:h-auto; /* For christmas theme */ - /* background: url('../../assets/christmas_theme/background3.png'); */ + background: url('../../assets/christmas_theme/background3.png'); background-size: cover; } @@ -22,7 +22,7 @@ height: 100%; overflow: hidden; /* For christmas theme */ - /* background: linear-gradient(90.28deg, #ffed79 1.18%, #ffa776 98.69%); */ + background: linear-gradient(90.28deg, #ffed79 1.18%, #ffa776 98.69%); background-clip: text; color: transparent; } diff --git a/lib/data/EventsData.js b/lib/data/EventsData.js index 6f130fb..69707bb 100644 --- a/lib/data/EventsData.js +++ b/lib/data/EventsData.js @@ -6,41 +6,94 @@ const EventsData = [ bgImage: '/events/bitcode.jpg', link: 'https://contest.hnccbits.com/', }, + // { + // title: 'WEB-A-THON', + // description: + // 'A web development contest for solving the general BIT Sindri problems. This contest helps all the students in boosting their productivity and innovation together with like-minded people.', + // bgImage: '/events/web-a-thon.jpg', + // link: 'https://www.facebook.com/page/199014197633878/search/?q=web-a-thon', + // }, + { - title: 'WEB-A-THON', + title: 'CODECAMP', description: - 'A web development contest for solving the general BIT Sindri problems. This contest helps all the students in boosting their productivity and innovation together with like-minded people.', - bgImage: '/events/web-a-thon.jpg', - link: 'https://www.facebook.com/page/199014197633878/search/?q=web-a-thon', + 'CodeCamp introduces programming basics in C++, Java, Python, and UI/UX, empowering beginners with essential coding and design skills.', + bgImage: '/events/codecamp.jpg', + link: 'https://www.instagram.com/p/DExFo9xTa2q/?igsh=MWwxcm1pMW10M3llcQ==', }, + { - title: 'CodeStorm', + title: 'WAR OF WEB', description: - 'A coding competetion where participants get to engage themselves in showcasing their coding skills by solving a series of mind bending problems with ingenious algorithms.', - bgImage: '/events/codestorm.jpg', - link: 'https://www.facebook.com/page/199014197633878/search/?q=codestorm', + 'A web development contest is an event that consists of two rounds designed to showcase the ingenuity and prowess of web developers and designers.', + bgImage: '/events/war-of-web.jpg', + link: 'https://www.instagram.com/p/C5nc-7MvJ5g/?igsh=dml2M2NiaTR4a3Z3', }, + + { + title: 'HackTrail', + description: + 'HackTrail is a thrilling tech challenge where teams solve puzzles and decode clues, racing against time to claim victory.', + bgImage: '/events/hacktrail.jpg', + link: 'https://www.instagram.com/p/C5-xXekPEWB/?igsh=eWZveDFrMnNoZ2Vi', + }, + { - title: 'The Monsoon Code', + title: 'Uxathon', description: - 'The Monsoon Code 2020 in association with Codechef and TAP Cell, BIT Sindri was a short contest with problems varying from implementations to usage of algorithms.', - bgImage: '/events/tmc.jpeg', - link: 'https://blog.hnccbits.com/2020-07-31-tmsc/?fbclid=IwAR2fTx3hdX4Z_XqoZ-xzc56cf4QA3tsfEcge41u9JCX__v0k1PDxjqb_MdI', + 'Uxathon is a UI/UX competition where teams redesign interfaces and create innovative solutions, battling for top prizes and recognition.', + bgImage: '/events/uxathon.jpg', + link: 'https://www.instagram.com/p/C5smGYPPTy3/?igsh=MWFjeHlpYTI2dGg5bQ==', }, + { - title: 'Design-a-Tello', + title: 'CodeQuest', description: - 'A Logo Re-Design competition conducted by the design team of hncc where one can showcase their creativity and imagination', - bgImage: '/events/designatello.jpg', - link: 'https://www.facebook.com/hnccbits/posts/594681551400472', + 'CodeQuest is a three-phase coding competition where teams showcase skills in screening, debugging, and coding, competing for prizes and recognition.', + bgImage: '/events/codequest.jpg', + link: 'https://www.instagram.com/p/C5qhTOSv0TE/?igsh=MXJ3eDRieHRtNXRmdQ==', }, + { - title: 'DOTY', + title: 'Tech Talk', description: - 'The event had four basic domains based on the platform for development, viz. App Development, Game Development, Web Development and Machine Learning implementations. This event went on for a month long journey of roller coaster ride of developing a real world application.', - bgImage: '/events/doty.jpg', - link: '/', + 'A webinar on mastering Data Structures and Algorithms, providing the roadmap to enhance coding skills and accelerate career growth.', + bgImage: '/events/techtalk.jpg', + link: 'https://www.instagram.com/p/C6Nuwj0vI2K/?igsh=YTc0ZzkxdTVpdHp4', }, + + // { + // title: 'CodeStorm', + // description: + // 'A coding competetion where participants get to engage themselves in showcasing their coding skills by solving a series of mind bending problems with ingenious algorithms.', + // bgImage: '/events/codestorm.jpg', + // link: 'https://www.facebook.com/page/199014197633878/search/?q=codestorm', + // }, + + // { + // title: 'The Monsoon Code', + // description: + // 'The Monsoon Code 2020 in association with Codechef and TAP Cell, BIT Sindri was a short contest with problems varying from implementations to usage of algorithms.', + // bgImage: '/events/tmc.jpeg', + // link: 'https://blog.hnccbits.com/2020-07-31-tmsc/?fbclid=IwAR2fTx3hdX4Z_XqoZ-xzc56cf4QA3tsfEcge41u9JCX__v0k1PDxjqb_MdI', + // }, + + // { + // title: 'Design-a-Tello', + // description: + // 'A Logo Re-Design competition conducted by the design team of hncc where one can showcase their creativity and imagination', + // bgImage: '/events/designatello.jpg', + // link: 'https://www.facebook.com/hnccbits/posts/594681551400472', + // }, + + // { + // title: 'DOTY', + // description: + // 'The event had four basic domains based on the platform for development, viz. App Development, Game Development, Web Development and Machine Learning implementations. This event went on for a month long journey of roller coaster ride of developing a real world application.', + // bgImage: '/events/doty.jpg', + // link: '/', + // }, + { title: 'Hackatron', description: @@ -53,48 +106,49 @@ const EventsData = [ description: 'HnCC announces the commencement of ‘Linux Drive’ to celebrate the birthday of Richard Stallman, founder of Free Software Foundation & The GNU Project. We are ready to assist everyone who wants to get along with Open Source culture and wishes to contribute to it.', bgImage: '/events/linux-installation-drive.jpg', - link: 'https://www.facebook.com/hnccbits/posts/803142420554383', - }, - { - title: 'Intro To OOPs', - description: - 'OOPS Concepts or Object-Oriented Programming Concepts are very important. Without having an idea about OOPS concepts, a developer will not be able to design systems in the object-oriented programming model.', - bgImage: '/events/introtooops.jpg', - link: 'https://www.facebook.com/hnccbits/posts/484725299062765', - }, - { - title: 'Python Workshop', - description: `The training will deliver visibly, with a demonstration of development. It is a week-long workshop in which you will learn how to implement what you've acquired into real-world projects and then implement what you've learned.`, - bgImage: '/events/python-workshop.jpg', - link: 'https://www.facebook.com/hnccbits/posts/999551160913507', - }, - { - title: 'ML Session', - description: - 'A session on Machine Learning: Beginner to Kaggle, is being organized on 1st March 2020(Sunday). Topics that will be covered are: Clustering, Regression, Classification, Exploratory Data Analytics. Attendees will be briefed from Scratch to participating in Kaggle Competitions.', - bgImage: '/events/mlsession.jpg', - link: 'https://www.facebook.com/hnccbits/posts/502095387325756', - }, - { - title: 'Python For ML', - description: `Python for Machine Learning was a session conducted on 15th Dec, 2019. Students were told about some tech stacks related to basic Python, Data Structures, NumPy, Pandas. Attendees were bombarded with funny questionnaires and were rewarded with exclusive HACKER_BLOCKS stickers.`, - bgImage: '/events/pythonforml.jpg', - link: 'https://www.facebook.com/hnccbits/posts/502095387325756', + link: 'https://www.instagram.com/p/CrusWSQtIeT/?igsh=cnA3dHQwM2lmODMz', }, + // { + // title: 'Intro To OOPs', + // description: + // 'OOPS Concepts or Object-Oriented Programming Concepts are very important. Without having an idea about OOPS concepts, a developer will not be able to design systems in the object-oriented programming model.', + // bgImage: '/events/introtooops.jpg', + // link: 'https://www.facebook.com/hnccbits/posts/484725299062765', + // }, + + // { + // title: 'Python Workshop', + // description: `The training will deliver visibly, with a demonstration of development. It is a week-long workshop in which you will learn how to implement what you've acquired into real-world projects and then implement what you've learned.`, + // bgImage: '/events/python-workshop.jpg', + // link: 'https://www.facebook.com/hnccbits/posts/999551160913507', + // }, + // { + // title: 'ML Session', + // description: + // 'A session on Machine Learning: Beginner to Kaggle, is being organized on 1st March 2020(Sunday). Topics that will be covered are: Clustering, Regression, Classification, Exploratory Data Analytics. Attendees will be briefed from Scratch to participating in Kaggle Competitions.', + // bgImage: '/events/mlsession.jpg', + // link: 'https://www.facebook.com/hnccbits/posts/502095387325756', + // }, + // { + // title: 'Python For ML', + // description: `Python for Machine Learning was a session conducted on 15th Dec, 2019. Students were told about some tech stacks related to basic Python, Data Structures, NumPy, Pandas. Attendees were bombarded with funny questionnaires and were rewarded with exclusive HACKER_BLOCKS stickers.`, + // bgImage: '/events/pythonforml.jpg', + // link: 'https://www.facebook.com/hnccbits/posts/502095387325756', + // }, { title: 'Hacktoberfest', description: 'Hacktoberfest is a month-long celebration of open source software run by DigitalOcean in partnership with app write, deep source, intel. It is open to everyone in the global community. ', bgImage: '/events/hacktoberfest.jpg', - link: 'https://www.facebook.com/hnccbits/posts/923011765234114', - }, - { - title: 'Women in Tech', - description: - 'HnCC brings forth a 3-days virtual event "WOMEN in TECH" which aims to spread awareness about beneficial women oriented programs and also guide them throughout in the tech field. ', - bgImage: '/events/women-in-tech.jpg', - link: 'https://www.facebook.com/hnccbits/posts/786809465521012', + link: 'https://www.instagram.com/p/CxusobevYOB/?igsh=YmpwZnh4YWxtNWlj', }, + // { + // title: 'Women in Tech', + // description: + // 'HnCC brings forth a 3-days virtual event "WOMEN in TECH" which aims to spread awareness about beneficial women oriented programs and also guide them throughout in the tech field. ', + // bgImage: '/events/women-in-tech.jpg', + // link: 'https://www.facebook.com/hnccbits/posts/786809465521012', + // }, ]; export default EventsData; diff --git a/public/events/bitcode.jpg b/public/events/bitcode.jpg index e0298c5..7b7cff9 100644 Binary files a/public/events/bitcode.jpg and b/public/events/bitcode.jpg differ diff --git a/public/events/codecamp.jpg b/public/events/codecamp.jpg index 1022120..7107af6 100644 Binary files a/public/events/codecamp.jpg and b/public/events/codecamp.jpg differ diff --git a/public/events/codequest.jpg b/public/events/codequest.jpg new file mode 100644 index 0000000..0e67a09 Binary files /dev/null and b/public/events/codequest.jpg differ diff --git a/public/events/hacktoberfest.jpg b/public/events/hacktoberfest.jpg index 22be445..409ae05 100644 Binary files a/public/events/hacktoberfest.jpg and b/public/events/hacktoberfest.jpg differ diff --git a/public/events/hacktrail.jpg b/public/events/hacktrail.jpg new file mode 100644 index 0000000..927c776 Binary files /dev/null and b/public/events/hacktrail.jpg differ diff --git a/public/events/linux-installation-drive.jpg b/public/events/linux-installation-drive.jpg index 35826af..7e1f80c 100644 Binary files a/public/events/linux-installation-drive.jpg and b/public/events/linux-installation-drive.jpg differ diff --git a/public/events/techtalk.jpg b/public/events/techtalk.jpg new file mode 100644 index 0000000..3d30e4c Binary files /dev/null and b/public/events/techtalk.jpg differ diff --git a/public/events/uxathon.jpg b/public/events/uxathon.jpg new file mode 100644 index 0000000..ab741c3 Binary files /dev/null and b/public/events/uxathon.jpg differ diff --git a/public/events/war-of-web.jpg b/public/events/war-of-web.jpg new file mode 100644 index 0000000..c7c3a13 Binary files /dev/null and b/public/events/war-of-web.jpg differ diff --git a/styles/global.css b/styles/global.css index 4fb1cd7..ab7de92 100644 --- a/styles/global.css +++ b/styles/global.css @@ -108,9 +108,9 @@ a { } .cursor { - background: rgb(51, 121, 238); + /* background: rgb(51, 121, 238); */ /* For christmas theme */ - /* background: rgb(255, 237, 121); */ + background: rgb(255, 237, 121); transform: translate(-50%, -50%); @apply h-[10px] w-[10px] fixed top-0 left-0 z-[9999999] pointer-events-none rounded-2xl; transition: all 0.15s ease;