💄 Logo, Header and Background change

max-programming · max-programming · commit 05328898f8bc · 2023-09-24T00:03:37.000+05:30
diff --git a/components/Header.tsx b/components/Header.tsx
@@ -7,29 +7,13 @@ import { BsPeopleFill } from 'react-icons/bs';
 
 import Search from './Search';
 
-const Header = () => {
+function Header() {
   const router = useRouter();
 
   return (
-    <div className="justify-between px-2  mt-2 mb-2 ml-1.5 w-[99.2%] shadow-lg navbar bg-accent rounded-box">
+    <div className="justify-between px-2 mb-2 ml-1.5 w-[99.2%] shadow-lg navbar rounded-box">
       <Link href="/">
-        <div className="flex-none">
-          <div className="w-10 h-10 m-1 rounded-full">
-            <Image
-              src="/hacktoberfest.svg"
-              width={50}
-              height={50}
-              alt="Hacktoberfest"
-              blurDataURL="data:image/gif;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mPsrQcAAZ8BDlpDGcMAAAAASUVORK5CYII="
-              placeholder="blur"
-            />
-          </div>
-        </div>
-        <div className="flex-1 hidden px-2 mx-auto lg:block">
-          <span className="text-2xl font-bold text-center">
-            Hacktoberfest Projects
-          </span>
-        </div>
+        <img src="/hacktoberfest.svg" alt="Hacktoberfest" />
       </Link>
       {router.pathname === '/repos/[language]' && (
         <div className="justify-center flex-1">
@@ -54,6 +38,6 @@ const Header = () => {
       </div>
     </div>
   );
-};
+}
 
 export default Header;
diff --git a/pages/_app.tsx b/pages/_app.tsx
@@ -16,6 +16,7 @@ function MyApp({ Component, pageProps, router }: AppProps) {
       key={router.route}
       initial="initial"
       animate="animate"
+      className="bg-2023-void-2 pt-2"
       variants={{
         initial: {
           opacity: 0
@@ -26,7 +27,12 @@ function MyApp({ Component, pageProps, router }: AppProps) {
       }}
     >
       <Head>
-        <script async defer data-website-id="2529a688-ee5c-4869-9f85-7bb8fa5b6518" src="https://insights.usman-s.me/umami.js"></script>
+        <script
+          async
+          defer
+          data-website-id="2529a688-ee5c-4869-9f85-7bb8fa5b6518"
+          src="https://insights.usman-s.me/umami.js"
+        ></script>
       </Head>
       <DefaultSeo {...SEO} />
       <NextNProgress color="#ffd74d" options={{ showSpinner: false }} />
diff --git a/public/hacktoberfest.svg b/public/hacktoberfest.svg
