feature: 🌟 added favicons and manifest

vanntile · Mar 26, 2021 · 7107661 · 7107661
1 parent 870c0c9
commit 7107661
Show file tree

Hide file tree

Showing 8 changed files with 30 additions and 0 deletions.
diff --git a/pages/_document.tsx b/pages/_document.tsx
@@ -17,6 +17,14 @@ export default class MyDocument extends Document {
     return (
       <Html lang="en" className="dark">
         <Head>
+          <link rel="apple-touch-icon" sizes="180x180" href="/favicons/apple-touch-icon.png" />
+          <link rel="icon" type="image/png" sizes="32x32" href="/favicons/favicon-32x32.png" />
+          <link rel="icon" type="image/png" sizes="16x16" href="/favicons/favicon-16x16.png" />
+          <link rel="manifest" href="/favicons/manifest.json" />
+          <link rel="shortcut icon" href="/favicons/favicon.ico" />
+          <meta name="apple-mobile-web-app-title" content="vanntile's portfolio" />
+          <meta name="application-name" content="vanntile's portfolio" />
+          <meta name="theme-color" content="#3429aa" />
           <link
             rel="preload"
             href="./fonts/Objectivity-Regular.woff2"

diff --git a/public/favicons/android-chrome-192x192.png b/public/favicons/android-chrome-192x192.png
diff --git a/public/favicons/android-chrome-512x512.png b/public/favicons/android-chrome-512x512.png
diff --git a/public/favicons/apple-touch-icon.png b/public/favicons/apple-touch-icon.png
diff --git a/public/favicons/favicon-16x16.png b/public/favicons/favicon-16x16.png
diff --git a/public/favicons/favicon-32x32.png b/public/favicons/favicon-32x32.png
diff --git a/public/favicons/favicon.ico b/public/favicons/favicon.ico
diff --git a/public/favicons/manifest.json b/public/favicons/manifest.json
@@ -0,0 +1,22 @@
+{
+    "name": "vanntile's portfolio",
+    "short_name": "vanntile's portfolio",
+    "icons": [
+        {
+            "src": "/favicons/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "/favicons/android-chrome-512x512.png",
+            "sizes": "512x512",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#3429aa",
+    "background_color": "#3429aa",
+    "display": "standalone",
+    "start_url": "/",
+    "scope": "/",
+    "description": "vanntile's portfolio - Frontend developer and graphic designer."
+}