diff --git a/components/AnimatedScrollButton/index.module.css b/components/AnimatedScrollButton/index.module.css
index 4914012..bd8df45 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 ea2c430..f3590aa 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); */
- /* below background-color is for christmas theme */
- background: linear-gradient(to right, transparent, rgb(255, 237, 121));
+ background: linear-gradient(to right, transparent, #24acff);
+ /* For christmas theme */
+ /* 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 1af5a72..71213c3 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 0172dc5..e65ccea 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%);
/* For Christmas Theme */
- background: #ffed79;
- background: radial-gradient(circle, #ffa776 0%, #ffed79, 100%);
- /* background: rgb(51, 121, 238);
- background: radial-gradient(circle, rgba(51, 121, 238, 1) 0%, rgba(36, 172, 255, 1) 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 607b2b8..43c4e79 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%);
/* For Christmas Theme */
- background: #FFED79;
- /* background: hsl(203, 100%, 57%); */
+ /* 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 0a2ad3b..ca72f7a 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 1751469..a6a138e 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/christmas_theme/christmas-theme-logo.png';
+import Logo from '../../assets/hncc-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 083e910..9d3579f 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 1b7f824..5b1f06f 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/christmas_theme/christmas-theme-logo.png';
+import Logo from '../../assets/hncc-logo.png';
import Button from '../button/Button';
const SpanStyle = {
@@ -113,8 +113,9 @@ function Sidebar({ isMounted, unmount }) {
>
diff --git a/components/screen/Screen.js b/components/screen/Screen.js
index 7d52f93..89ad6b3 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';
@@ -22,7 +22,8 @@ function Screen({ children }) {
return (
-
+ {/* For Christmas Theme */}
+ {/* */}
{children}
diff --git a/components/socialsbar/SocialsBar.module.css b/components/socialsbar/SocialsBar.module.css
index 9a57df4..03c1101 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 07fcd59..b68ec96 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); */
- /* Below is for christmas theme */
- background: linear-gradient(rgb(255, 237, 121), rgb(253, 244, 186));
+ background: linear-gradient(#00ccff, #98e8fc);
+ /* For christmas theme */
+ /* 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 d6572c5..bc82f2a 100644
--- a/components/teams/Team.module.css
+++ b/components/teams/Team.module.css
@@ -1,20 +1,19 @@
.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);
- /* For Christmas theme */
- 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;
}
@@ -30,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;
@@ -54,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 5331a05..8385931 100644
--- a/components/video/Video.module.css
+++ b/components/video/Video.module.css
@@ -2,8 +2,8 @@
@apply relative;
height: 90vh;
@apply sm:h-auto;
- /* Below styling is for christmas theme */
- background: url('../../assets/christmas_theme/background3.png');
+ /* For christmas theme */
+ /* background: url('../../assets/christmas_theme/background3.png'); */
background-size: cover;
}
@@ -21,8 +21,8 @@
transition: all 400ms ease-in-out;
height: 100%;
overflow: hidden;
- /* Below styling is for christmas theme */
- background: linear-gradient(90.28deg, #ffed79 1.18%, #ffa776 98.69%);
+ /* For christmas theme */
+ /* background: linear-gradient(90.28deg, #ffed79 1.18%, #ffa776 98.69%); */
background-clip: text;
color: transparent;
}
diff --git a/styles/global.css b/styles/global.css
index ab7de92..4fb1cd7 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;