feat: 파비콘, 타이틀 추가

[#275]
boostcampwm2023 · Dec 7, 2023 · 3d4f844 · 3d4f844
1 parent e86e4a1
commit 3d4f844
Show file tree

Hide file tree

Showing 18 changed files with 78 additions and 8 deletions.
diff --git a/packages/frontend/public/favicon.ico b/packages/frontend/public/favicon.ico
diff --git a/packages/frontend/public/favicon/android-chrome-192x192.png b/packages/frontend/public/favicon/android-chrome-192x192.png
diff --git a/packages/frontend/public/favicon/android-chrome-512x512.png b/packages/frontend/public/favicon/android-chrome-512x512.png
diff --git a/packages/frontend/public/favicon/apple-touch-icon.png b/packages/frontend/public/favicon/apple-touch-icon.png
diff --git a/packages/frontend/public/favicon/browserconfig.xml b/packages/frontend/public/favicon/browserconfig.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/mstile-150x150.png"/>
+            <TileColor>#da532c</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>
diff --git a/packages/frontend/public/favicon/favicon-16x16.png b/packages/frontend/public/favicon/favicon-16x16.png
diff --git a/packages/frontend/public/favicon/favicon-32x32.png b/packages/frontend/public/favicon/favicon-32x32.png
diff --git a/packages/frontend/public/favicon/favicon.ico b/packages/frontend/public/favicon/favicon.ico
diff --git a/packages/frontend/public/favicon/mstile-144x144.png b/packages/frontend/public/favicon/mstile-144x144.png
diff --git a/packages/frontend/public/favicon/mstile-150x150.png b/packages/frontend/public/favicon/mstile-150x150.png
diff --git a/packages/frontend/public/favicon/mstile-310x150.png b/packages/frontend/public/favicon/mstile-310x150.png
diff --git a/packages/frontend/public/favicon/mstile-310x310.png b/packages/frontend/public/favicon/mstile-310x310.png
diff --git a/packages/frontend/public/favicon/mstile-70x70.png b/packages/frontend/public/favicon/mstile-70x70.png
diff --git a/packages/frontend/public/favicon/safari-pinned-tab.svg b/packages/frontend/public/favicon/safari-pinned-tab.svg
diff --git a/packages/frontend/public/favicon/site.webmanifest b/packages/frontend/public/favicon/site.webmanifest
@@ -0,0 +1,19 @@
+{
+    "name": "",
+    "short_name": "",
+    "icons": [
+        {
+            "src": "/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "/android-chrome-512x512.png",
+            "sizes": "512x512",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#ffffff",
+    "background_color": "#ffffff",
+    "display": "standalone"
+}
diff --git a/packages/frontend/src/design-system/components/common/Header/Header.tsx b/packages/frontend/src/design-system/components/common/Header/Header.tsx
@@ -15,12 +15,7 @@ export default function Header() {
       <div className={styles.container}>
         <h1>
           <Link href="/">
-            <Image
-              src={logoSrc}
-              alt="git-challenge-logo"
-              width={238}
-              height={30}
-            />
+            <Image src={logoSrc} alt="Git Challenge" width={238} height={30} />
           </Link>
         </h1>
       </div>

diff --git a/packages/frontend/src/pages/_document.page.tsx b/packages/frontend/src/pages/_document.page.tsx
@@ -3,7 +3,34 @@ import { Head, Html, Main, NextScript } from "next/document";
 export default function Document() {
   return (
     <Html data-theme="light" lang="en">
-      <Head />
+      <Head>
+        <title>Git Challenge</title>
+        <link
+          rel="apple-touch-icon"
+          sizes="180x180"
+          href="/favicon/apple-touch-icon.png"
+        />
+        <link
+          rel="icon"
+          type="image/png"
+          sizes="32x32"
+          href="/favicon/favicon-32x32.png"
+        />
+        <link
+          rel="icon"
+          type="image/png"
+          sizes="16x16"
+          href="/favicon/favicon-16x16.png"
+        />
+        <link rel="manifest" href="/favicon/site.webmanifest" />
+        <link
+          rel="mask-icon"
+          href="/favicon/safari-pinned-tab.svg"
+          color="#5bbad5"
+        />
+        <meta name="msapplication-TileColor" content="#da532c" />
+        <meta name="theme-color" content="#ffffff" />
+      </Head>
       <body>
         <Main />
         <div id="modal" />

diff --git a/packages/frontend/src/reducers/terminalReducer.ts b/packages/frontend/src/reducers/terminalReducer.ts
@@ -58,7 +58,7 @@ function toStandardOutput(content: string) {
 }
 
 function toContentArrayItem(type: "stdin" | "stdout", content: string) {
-  return { type, content: content.trim() };
+  return { type, content };
 }
 
 type TerminalState = {