From 362a4b9ba98c53ca0feff8cce88e33e8a93b3bad Mon Sep 17 00:00:00 2001
From: swapnilsparsh <arezona.lucky55@gmail.com>
Date: Mon, 1 Jan 2024 17:08:18 +0530
Subject: [PATCH] Dark mode and image animation removed, footer fix

---
 components/Card/Card.js    |  2 +-
 components/Footer.js       | 75 ++++----------------------------------
 components/FooterStyles.js | 65 ---------------------------------
 components/navbar/Links.js | 12 +-----
 pages/_document.js         | 43 ----------------------
 styles/globals.css         |  1 +
 6 files changed, 11 insertions(+), 187 deletions(-)
 delete mode 100644 components/FooterStyles.js
 delete mode 100644 pages/_document.js

diff --git a/components/Card/Card.js b/components/Card/Card.js
index 820db63e..b99cdd73 100644
--- a/components/Card/Card.js
+++ b/components/Card/Card.js
@@ -12,7 +12,7 @@ function Card({ head, link, image, alt, about }) {
     <div className="frame-border" key={`${head}_${link}`}>
       <div className="pointer"></div>
       <div className="card-js app">
-        <div className="content img-container">
+        <div className="content">
           <h3 dangerouslySetInnerHTML={createMarkup(head)}></h3>
           <img
             src={image}
diff --git a/components/Footer.js b/components/Footer.js
index b6241eea..822ae998 100644
--- a/components/Footer.js
+++ b/components/Footer.js
@@ -1,17 +1,5 @@
 import React from "react";
-
-import {
-  Column1,
-  Column2,
-  FooterLink,
-  Heading1,
-  Heading2
-} from "./FooterStyles";
 import dynamic from "next/dynamic";
-import Link from "next/link";
-import { FontAwesomeIcon } from "@fortawesome/react-fontawesome";
-import { faGithub, faProductHunt, faTwitter } from '@fortawesome/free-brands-svg-icons';
-import { faCalendar, faEnvelope, faGamepad, faGlobe, faMedal } from "@fortawesome/free-solid-svg-icons";
 
 const ThemeToggle = dynamic(() => import("./ThemeToggle"), {
   ssr: false,
@@ -24,10 +12,6 @@ const Footer = () => {
       <div className="footer" role="footer" >
         <footer className="copyright">
           <div className="footer-question">
-            <h2 style={{color:"var(--navbar-links)"}}>
-              <span>👑</span>DevEmpire
-            </h2>
-            <br />
             <h4>
               Made by{" "}
               <a
@@ -35,74 +19,31 @@ const Footer = () => {
                 target="_blank"
                 rel="noreferrer"
                 aria-label="Follow Swapnil Srivastava on Github"
-                title="Github (External Link)"
+              // title="Github (External Link)"
               >
                 {" "}
                 Swapnil Srivastava
               </a>{" "}
-            </h4>
-            <br />
-            <h4>
-              Maintain by
+
+              and
+
               <a
                 href="https://jatiinyadav.github.io"
                 target="_blank"
                 rel="noreferrer"
                 aria-label="Follow Jatin Yadav on Github"
-                title="Github (External Link)"
+              // title="Github (External Link)"
               >
                 {" "}
                 Jatin Yadav
               </a>
             </h4>
+            <br />
+            <p style={{ color: "white" }} aria-label="Copyright by DevEmpire">Copyright © {year} DevEmpire</p>
           </div>
         </footer>
-        <div className="footer-details">
-          <div className="column1">
-            <Column1>
-              <Heading1 style={{color:"var(--navbar-links)"}}>Support</Heading1>
-              <FooterLink style={{color:"var(--navbar-links)"}} target="_blank" href="https://github.com/swapnilsparsh/DevEmpire" aria-label="Visit us on Github" rel="noopener noreferrer">
-              <FontAwesomeIcon icon={faGithub} />
-              <span>GitHub</span>
-              </FooterLink>
-              <FooterLink style={{color:"var(--navbar-links)"}} target="blank" href="https://www.producthunt.com/products/developer-empire?utm_source=badge-featured&utm_medium=badge#developer-empire" aria-label="Our product on Product Hunt" rel="noopener noreferrer">
-              <FontAwesomeIcon icon={faProductHunt} />
-              <span>Product Hunt</span>
-              </FooterLink>
-              <FooterLink style={{color:"var(--navbar-links)"}} target="blank" href="https://twitter.com/intent/tweet?text=Check%20out%20this%20awesome%20website%20having%20a%20collection%20of%20all%20the%20campus%20ambassador%20and%20fellowship%20programs&url=https://devempire.netlify.app&via=swapnilsparsh" aria-label="Visit us on Twitter" rel="noopener noreferrer">
-              <FontAwesomeIcon icon={faTwitter} />
-              <span>Twitter</span>
-              </FooterLink>
-              <FooterLink style={{color:"var(--navbar-links)"}} href="#" aria-label="Our Newsletter" rel="noopener noreferrer">
-              <FontAwesomeIcon icon={faEnvelope} />
-              <span>Newsletter</span>
-              </FooterLink>
-            </Column1>
-          </div>
-          <div className="column2">
-            <Column2>
-              <Heading2 className="explore" style={{color:"var(--navbar-links)"}}>Explore</Heading2>
-              <Link href="/ambassador">
-                <FooterLink style={{color:"var(--navbar-links)"}} aria-label="Ambassador Page"><FontAwesomeIcon icon={faMedal} />
-              <span>Ambassador</span></FooterLink>
-              </Link>
-              <Link href="/programs">
-                <FooterLink style={{color:"var(--navbar-links)"}} aria-label="Programs Page"><FontAwesomeIcon icon={faCalendar} />
-              <span>Programs</span></FooterLink>
-              </Link>
-              <Link href="/webdev">
-                <FooterLink style={{color:"var(--navbar-links)"}} aria-label="WebDev Page"><FontAwesomeIcon icon={faGlobe} />
-              <span>WebDev</span></FooterLink>
-              </Link>
-              <Link href="/games">
-                <FooterLink style={{color:"var(--navbar-links)"}} aria-label="Games Page"><FontAwesomeIcon icon={faGamepad} />
-              <span>Games</span></FooterLink>
-              </Link>
-            </Column2>
-          </div>
-        </div>
+
       </div>
-      <p className="footer-copyright" aria-label="Copyright by DevEmpire">Copyright © {year} DevEmpire</p>
     </>
   );
 };
diff --git a/components/FooterStyles.js b/components/FooterStyles.js
deleted file mode 100644
index c2d99472..00000000
--- a/components/FooterStyles.js
+++ /dev/null
@@ -1,65 +0,0 @@
-import styled from 'styled-components';
-export const Column1 = styled.div`
-display: grid;
-width: 50%;
-`;
-export const Column2 = styled.div`
-display: grid;
-width:50%;
-`;
-
-export const FooterLink = styled.a`
-  color: var(--native2);
-  margin-bottom: 20px;
-  font-size: 18px;
-  text-decoration: none;
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  gap: 10px;
-  width: max-content;
-
-  &:hover {
-    color: var(--native1);
-    transition: color 0.1s ease-in;
-  }
-
-  @media (min-width: 320px) and (max-width: 480px) {
-    font-size: 15px;
-  }
-  @media (max-width: 320px) {
-    margin-bottom: 10px;
-	font-size: 15px;
-  }
-`;
-
-export const Heading1 = styled.p`
-  font-size: 24px;
-  color: var(--native2);
-  margin-top: 20px;
-  margin-bottom: 40px;
-  font-weight: bold;
-  display: block;
-  @media (min-width: 320px) and (max-width: 480px) {
-    font-size: 15px;
-    margin-top: 0px;
-    margin-bottom: 30px;
-  }
-  @media (max-width: 320px) {
-    margin-bottom: 10px;
-  }
-`;
-export const Heading2 = styled.p`
-  font-size: 24px;
-  color: var(--native2);
-  margin-bottom: 40px;
-  font-weight: bold;
-  display: block;
-  @media (min-width: 320px) and (max-width: 480px) {
-    font-size: 15px;
-    margin-bottom: 30px;
-  }
-  @media (max-width: 320px) {
-    margin-bottom: 10px;
-  }
-`;
diff --git a/components/navbar/Links.js b/components/navbar/Links.js
index 61e76770..f2c2ac57 100644
--- a/components/navbar/Links.js
+++ b/components/navbar/Links.js
@@ -2,7 +2,7 @@ import React, { useState, useEffect } from "react";
 // import { NavLink } from "react-router-dom";
 import Link from "next/link";
 import { useRouter } from "next/router";
-import ThemeToggle from "../ThemeToggle";
+import Image from "next/image";
 
 const Links = () => {
   const [menuopen, setmenuopen] = useState(false);
@@ -40,9 +40,6 @@ const Links = () => {
             <Link href="/">
               <p>Dev Empire</p>
             </Link>
-            <div className="theme-toggle-button" id="toggle-button">
-              <ThemeToggle />
-            </div>
           </div>
 
           <div className="links-container">
@@ -261,13 +258,6 @@ const Links = () => {
                 <i className="fa fa-server" aria-hidden="true" /> Backend
               </a>
             </Link>
-            <div className="theme-toggle-collapsed-navbar">
-              <ThemeToggle
-                onClick={() => {
-                  setmenuopen(false);
-                }}
-              />
-            </div>
           </div>
         </div>
       </div>
diff --git a/pages/_document.js b/pages/_document.js
deleted file mode 100644
index 882e2946..00000000
--- a/pages/_document.js
+++ /dev/null
@@ -1,43 +0,0 @@
-//This file is created to assist dark mode implementation
-import Document, { Html, Head, Main, NextScript } from "next/document";
-import Script from 'next/script';
-
-class MyDocument extends Document {
-  static async getInitialProps(ctx) {
-    const initialProps = await Document.getInitialProps(ctx);
-    return { ...initialProps };
-  }
-
-  render() {
-    const setInitialTheme = `
-      function getUserPreference() {
-        if(window.localStorage.getItem('theme')) {
-          return window.localStorage.getItem('theme')
-        }
-        return window.matchMedia('(prefers-color-scheme: dark)').matches
-                  ? 'dark'
-                  : 'light'
-      }
-      document.body.dataset.theme = getUserPreference();
-    `;
-    return (
-      <Html>
-        <Head>
-          <Script
-            async
-            src={`https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=${process.env.NEXT_PUBLIC_GOOGLE_ADS_CLIENT_ID}`}
-            strategy="lazyOnload"
-            crossOrigin="anonymous"
-          />
-        </Head>
-        <body>
-          <script dangerouslySetInnerHTML={{ __html: setInitialTheme }} />
-          <Main />
-          <NextScript />
-        </body>
-      </Html>
-    );
-  }
-}
-
-export default MyDocument;
\ No newline at end of file
diff --git a/styles/globals.css b/styles/globals.css
index b8bc6707..a6f43508 100644
--- a/styles/globals.css
+++ b/styles/globals.css
@@ -449,6 +449,7 @@ replaced by just the links.*/
   height: 100%;
   padding-left: 47px;
 }
+
 input.search {
   background: none !important;
   font-weight: bold;