added marquee updates

IEEE-RVCE · Aug 8, 2024 · d44b0a6 · d44b0a6
1 parent 4a8bda9
commit d44b0a6
Show file tree

Hide file tree

Showing 3 changed files with 128 additions and 72 deletions.
diff --git a/components/NavBar.tsx b/components/NavBar.tsx
@@ -1,7 +1,7 @@
 /* eslint-disable @next/next/no-html-link-for-pages */
-import { AppShell, Center, Header, Image, Menu } from '@mantine/core';
-import Marquee from "react-fast-marquee";
-import Link from 'next/link';
+import { AppShell, Center, Header, Image, Menu } from '@mantine/core'
+import Marquee from 'react-fast-marquee'
+import Link from 'next/link'
 
 const Links = [
   { href: '/', label: 'Home' },
@@ -13,12 +13,12 @@ const Links = [
   { href: '/sponsorship', label: 'Sponsors' },
   { href: '/tracks', label: 'Tracks' },
   { href: '/contact', label: 'Contact Us' },
-];
+]
 
 const NavBar = () => {
   return (
     <header>
-      <div className="navbar mx-auto w-full p-1 shadow-md bg-blue-400 bg-opacity-20">
+      <div className="navbar mx-auto w-full bg-blue-400 bg-opacity-20 p-1 shadow-md">
         <div className="flex items-center justify-between space-x-4 lg:space-x-10">
           <div className="flex lg:w-0 lg:flex-1">
             <Link href="/">
@@ -34,7 +34,7 @@ const NavBar = () => {
           <nav className="text-m hidden space-x-10 font-medium md:flex">
             {Links.map((link) => (
               <Link href={link.href} key={link.label}>
-                <a className="nav-link font-sans text-black-500 hover:border-b-3 hover:text-blue-700">
+                <a className="nav-link text-black-500 hover:border-b-3 font-sans hover:text-blue-700">
                   {link.label}
                 </a>
               </Link>
@@ -44,7 +44,7 @@ const NavBar = () => {
             <Menu
               control={
                 <button
-                  className="rounded-lg bg-black-100 p-2 text-gray-600"
+                  className="bg-black-100 rounded-lg p-2 text-gray-600"
                   type="button"
                   name="Mobile Navigation Menu"
                 >
@@ -116,11 +116,17 @@ const NavBar = () => {
           </div>
         </div>
       </div>
-      <Marquee className="bg-blue-300 marquee">
+      <Marquee className="marquee bg-blue-300">
         <div className="content">
-          <span className="ml-80 text-red-500">Manuscript Submission</span>{" "}
+          <span className="ml-80 font-bold text-red-500">
+            Manuscript Submission
+          </span>{' '}
           Date Extended to 10th August 2024
         </div>
+        <div className="content">
+          <span className="ml-80 font-bold text-red-500 ">Last Date </span>
+          to accept Best thesis nomination till 31st Aug 2024.
+        </div>
       </Marquee>
       <style jsx>{`
         .navbar {
@@ -163,13 +169,16 @@ const NavBar = () => {
         }
       `}</style>
     </header>
-  );
-};
+  )
+}
 
 const Footer = () => {
   return (
     <footer className="static bottom-0 w-full bg-gray-50">
-      <div className="mx-auto flex max-w-screen-xl flex-col items-center px-4 py-16 sm:px-6 lg:block lg:px-8 mainDiv" style={{ padding: '10px' }}>
+      <div
+        className="mainDiv mx-auto flex max-w-screen-xl flex-col items-center px-4 py-16 sm:px-6 lg:block lg:px-8"
+        style={{ padding: '10px' }}
+      >
         <a className="flex items-center justify-around" href="/">
           <Image src="/logo_rvce.jpg" alt="logo" className="m-5 h-full w-20" />
         </a>
@@ -186,12 +195,18 @@ const Footer = () => {
           <h1 className="font-extrabold uppercase text-blue-800">
             RV College of Engineering
           </h1>
-          <h2 className="text-center">RV Vidyanikethan Post, Mysuru Road Bengaluru - 560059</h2>
+          <h2 className="text-center">
+            RV Vidyanikethan Post, Mysuru Road Bengaluru - 560059
+          </h2>
         </div>
-        <div className="mt-8 border-t border-gray-100 pt-8 sm:flex sm:items-center sm:justify-between abc">
+        <div className="abc mt-8 border-t border-gray-100 pt-8 sm:flex sm:items-center sm:justify-between">
           <div>
             <p className="text-center text-xs text-gray-900">
-              &copy; 2022{new Date().getFullYear() > 2022 ? `-${new Date().getFullYear()}` : ''} IEEE RVCE
+              &copy; 2022
+              {new Date().getFullYear() > 2022
+                ? `-${new Date().getFullYear()}`
+                : ''}{' '}
+              IEEE RVCE
             </p>
           </div>
           <div>
@@ -235,8 +250,8 @@ const Footer = () => {
         }
       `}</style>
     </footer>
-  );
-};
+  )
+}
 
 const WrapApp = ({ children }: any) => {
   return (
@@ -251,7 +266,7 @@ const WrapApp = ({ children }: any) => {
     >
       {children}
     </AppShell>
-  );
-};
+  )
+}
 
-export default WrapApp;
+export default WrapApp
diff --git a/data/sponsorship_chairs.ts b/data/sponsorship_chairs.ts
diff --git a/styles/globals.css b/styles/globals.css
@@ -11,10 +11,8 @@
   background-size: cover; /* Ensure the image covers the entire element */
   background-position: center; /* Center the background image */
   filter: brightness(110%); /* Adjust brightness to make it brighter */
-
 }
 .heroHeader:before {
-
   position: absolute;
   top: 0;
   left: 0;
@@ -76,7 +74,7 @@
   overflow-x: hidden;
   margin-bottom: 20px;
   display: block;
-  background-color: white;
+  background-color: rgba(37, 104, 211, 0.879);
 }
 
 .track {
@@ -101,7 +99,6 @@
   display: block;
 }
 
-
 @keyframes fadeIn {
   from {
     opacity: 0;
@@ -191,28 +188,72 @@
   animation: letterFocus 1s ease-in-out forwards;
 }
 
-.animated-date span:nth-child(1) { animation-delay: 3s; }
-.animated-date span:nth-child(2) { animation-delay: 3.1s; }
-.animated-date span:nth-child(3) { animation-delay: 3.2s; }
-.animated-date span:nth-child(4) { animation-delay: 3.3s; }
-.animated-date span:nth-child(5) { animation-delay: 3.4s; }
-.animated-date span:nth-child(6) { animation-delay: 3.5s; }
-.animated-date span:nth-child(7) { animation-delay: 3.6s; }
-.animated-date span:nth-child(8) { animation-delay: 3.7s; }
-.animated-date span:nth-child(9) { animation-delay: 3.8s; }
-.animated-date span:nth-child(10) { animation-delay: 3.9s; }
-.animated-date span:nth-child(11) { animation-delay: 4s; }
-.animated-date span:nth-child(12) { animation-delay: 4.1s; }
-.animated-date span:nth-child(13) { animation-delay: 4.2s; }
-.animated-date span:nth-child(14) { animation-delay: 4.3s; }
-.animated-date span:nth-child(15) { animation-delay: 4.4s; }
-.animated-date span:nth-child(16) { animation-delay: 4.5s; }
-.animated-date span:nth-child(17) { animation-delay: 4.6s; }
-.animated-date span:nth-child(18) { animation-delay: 4.7s; }
-.animated-date span:nth-child(19) { animation-delay: 4.8s; }
-.animated-date span:nth-child(20) { animation-delay: 4.9s; }
-.animated-date span:nth-child(21) { animation-delay: 5s; }
-.animated-date span:nth-child(22) { animation-delay: 5.1s; }
-.animated-date span:nth-child(23) { animation-delay: 5.2s; }
-
-
+.animated-date span:nth-child(1) {
+  animation-delay: 3s;
+}
+.animated-date span:nth-child(2) {
+  animation-delay: 3.1s;
+}
+.animated-date span:nth-child(3) {
+  animation-delay: 3.2s;
+}
+.animated-date span:nth-child(4) {
+  animation-delay: 3.3s;
+}
+.animated-date span:nth-child(5) {
+  animation-delay: 3.4s;
+}
+.animated-date span:nth-child(6) {
+  animation-delay: 3.5s;
+}
+.animated-date span:nth-child(7) {
+  animation-delay: 3.6s;
+}
+.animated-date span:nth-child(8) {
+  animation-delay: 3.7s;
+}
+.animated-date span:nth-child(9) {
+  animation-delay: 3.8s;
+}
+.animated-date span:nth-child(10) {
+  animation-delay: 3.9s;
+}
+.animated-date span:nth-child(11) {
+  animation-delay: 4s;
+}
+.animated-date span:nth-child(12) {
+  animation-delay: 4.1s;
+}
+.animated-date span:nth-child(13) {
+  animation-delay: 4.2s;
+}
+.animated-date span:nth-child(14) {
+  animation-delay: 4.3s;
+}
+.animated-date span:nth-child(15) {
+  animation-delay: 4.4s;
+}
+.animated-date span:nth-child(16) {
+  animation-delay: 4.5s;
+}
+.animated-date span:nth-child(17) {
+  animation-delay: 4.6s;
+}
+.animated-date span:nth-child(18) {
+  animation-delay: 4.7s;
+}
+.animated-date span:nth-child(19) {
+  animation-delay: 4.8s;
+}
+.animated-date span:nth-child(20) {
+  animation-delay: 4.9s;
+}
+.animated-date span:nth-child(21) {
+  animation-delay: 5s;
+}
+.animated-date span:nth-child(22) {
+  animation-delay: 5.1s;
+}
+.animated-date span:nth-child(23) {
+  animation-delay: 5.2s;
+}