Merge pull request #72 from mml-io/update-mml-branding

Update MML Branding
mml-io · Nov 17, 2023 · 887ef97 · 887ef97
2 parents 5f83574 + ecd70f1
commit 887ef97
Show file tree

Hide file tree

Showing 10 changed files with 31 additions and 29 deletions.
diff --git a/public/favicon.ico b/public/favicon.ico
diff --git a/public/images/favicon-dark.png b/public/images/favicon-dark.png
diff --git a/public/images/favicon-light.png b/public/images/favicon-light.png
diff --git a/public/images/logo/logo-2.svg b/public/images/logo/logo-2.svg
diff --git a/public/images/logo/logo.svg b/public/images/logo/logo.svg
diff --git a/public/images/logo/mml-logotype-black.svg b/public/images/logo/mml-logotype-black.svg
diff --git a/public/images/logo/mml-logotype-white.svg b/public/images/logo/mml-logotype-white.svg
diff --git a/src/components/Header/index.tsx b/src/components/Header/index.tsx
@@ -57,20 +57,20 @@ const Header = () => {
             <div className="w-60 max-w-full px-4 sm:px-0 xl:mr-12">
               <Link
                 href="/"
-                className={`header-logo block w-full ${sticky ? "py-5 lg:py-2" : "py-8"} `}
+                className={`header-logo block w-[115px] ${sticky ? "py-5 lg:py-2" : "py-8"} `}
               >
                 <img
-                  src="/images/logo/logo-2.svg"
+                  src="/images/logo/mml-logotype-black.svg"
                   alt="logo"
-                  width={140}
-                  height={30}
+                  width={115}
+                  height={45}
                   className="w-full dark:hidden"
                 />
                 <img
-                  src="/images/logo/logo.svg"
+                  src="/images/logo/mml-logotype-white.svg"
                   alt="logo"
-                  width={140}
-                  height={30}
+                  width={115}
+                  height={45}
                   className="hidden w-full dark:block"
                 />
               </Link>

diff --git a/src/components/_head.tsx b/src/components/_head.tsx
@@ -3,8 +3,9 @@ export default function Head() {
     <>
       <title>MML - Metaverse Markup Language</title>
       <meta content="width=device-width, initial-scale=1" name="viewport" />
-      <meta name="description" content="Generated by create next app" />
-      <link rel="icon" href="/images/favicon.ico" />
+      <meta name="description" content="MML Official Website" />
+      <link href="/images/favicon-light.png" rel="icon" media="(prefers-color-scheme: light)" />
+      <link href="/images/favicon-dark.png" rel="icon" media="(prefers-color-scheme: dark)" />
     </>
   );
 }
diff --git a/src/pages/_document.tsx b/src/pages/_document.tsx
@@ -1,5 +1,6 @@
-import { Head, Html, Main, NextScript } from "next/document";
+import { Html, Main, Head as NextHead, NextScript } from "next/document";
 
+import Head from "@/src/components/_head";
 import Footer from "@/src/components/Footer";
 import ScrollToTop from "@/src/components/ScrollToTop";
 
@@ -10,7 +11,9 @@ export default function Document() {
         <head /> will contain the components returned by the nearest parent
         head.js. Find out more at https://beta.nextjs.org/docs/api-reference/file-conventions/head
       */}
-      <Head />
+      <NextHead>
+        <Head />
+      </NextHead>
       <body className="bg-light-theme dark:bg-dark-theme">
         <Main />
         <NextScript />