Dev

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;
 }
 

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;

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;
 }
 

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;
 }
 

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;
 }

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 {

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() {
         >
           <Button
             style={{ border: 'none' }}
-            // className="bg-primary-light text-primary hover:text-primary-light"
+            className="bg-primary-light text-primary hover:text-primary-light"
             /* For christams Theme */
-            className="bg-primary-light text-primary"
+            // className="bg-primary-light text-primary"
           >
             <span style={SpanStyle}>Join Us</span>
           </Button>

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 {

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 }) {
         >
           <Button
             style={{ border: 'none' }}
-            /*             className="bg-primary-light text-primary hover:text-primary-light xs:!py-3" */
-            className="bg-primary-light text-primary xs:!py-3"
+            className="bg-primary-light text-primary hover:text-primary-light xs:!py-3"
+            /* For Christmas theme */
+            // className="bg-primary-light text-primary xs:!py-3"
           >
             <span style={SpanStyle}>Join Us</span>
           </Button>

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 (
     <main id="overlayScreen" className="h-full relative">
       <div className="cursor" />
-      <ParticleBackground />
+      {/* For Christmas Theme */}
+      {/* <ParticleBackground /> */}
       <Navbar />
       <SocialsBar />
       {children}

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; */
 }

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;

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 {

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;
 }