adding favicons and improving performance

DerLev · Aug 2, 2023 · 21c87c8 · 21c87c8
1 parent 640bf37
commit 21c87c8
Show file tree

Hide file tree

Showing 10 changed files with 51 additions and 2 deletions.
diff --git a/homepage/pages/_document.tsx b/homepage/pages/_document.tsx
@@ -14,6 +14,32 @@ const Document = () => {
           href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&display=swap"
           rel="stylesheet"
         />
+        <link rel="icon" href="/favicon.ico" type="image/x-icon" sizes="any" />
+        <link
+          rel="icon"
+          href="/favicon-32x32.png"
+          type="image/png"
+          sizes="32x32"
+        />
+        <link
+          rel="icon"
+          href="/favicon-64x64.png"
+          type="image/png"
+          sizes="64x64"
+        />
+        <link
+          rel="icon"
+          href="/favicon-128x128.png"
+          type="image/png"
+          sizes="128x128"
+        />
+        <link
+          rel="apple-touch-icon"
+          href="/apple-touch-icon.png"
+          type="image/png"
+          sizes="180x180"
+        />
+        <link rel="manifest" href="/manifest.json" />
       </Head>
       <body>
         <Main />

diff --git a/homepage/pages/index.tsx b/homepage/pages/index.tsx
@@ -51,9 +51,8 @@ const Index = () => {
           alt={'DerLev Profile'}
           width={128}
           css={styles.profile}
-          placeholder="blur"
           quality={80}
-          loading="lazy"
+          priority
         />
         <h1 css={styles.title}>
           Hi, my name is <span css={styles.derlev}>DerLev</span>!

diff --git a/homepage/public/apple-touch-icon.png b/homepage/public/apple-touch-icon.png
diff --git a/homepage/public/favicon-128x128.png b/homepage/public/favicon-128x128.png
diff --git a/homepage/public/favicon-32x32.png b/homepage/public/favicon-32x32.png
diff --git a/homepage/public/favicon-64x64.png b/homepage/public/favicon-64x64.png
diff --git a/homepage/public/favicon.ico b/homepage/public/favicon.ico
diff --git a/homepage/public/manifest-192x192.png b/homepage/public/manifest-192x192.png
diff --git a/homepage/public/manifest-512x512.png b/homepage/public/manifest-512x512.png
diff --git a/homepage/public/manifest.json b/homepage/public/manifest.json
@@ -0,0 +1,24 @@
+{
+  "$schema": "https://json.schemastore.org/web-manifest-combined.json",
+  "name": "DerLev",
+  "short_name": "DerLev",
+  "icons": [
+    {
+      "src": "/manifest-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "any"
+    },
+    {
+      "src": "/manifest-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "any"
+    }
+  ],
+  "theme_color": "#6c01f9",
+  "background_color": "#050505",
+  "display": "browser",
+  "dir": "ltr",
+  "lang": "en-US"
+}