Improve logos and PWA metadata

diff --git a/apple-touch-icon.png b/apple-touch-icon.png
deleted file mode 100644 (file)
index a1554f7..0000000
Binary files a/apple-touch-icon.png and /dev/null differ

diff --git a/index.html b/index.html
index cd3361789ac4a93c9d86d61a2c041bf20d04fe02..18102930da37e2948834c946996539c03bc4248e 100644 (file)
--- a/index.html
+++ b/index.html
@@ -5,15 +5,17 @@
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <meta name="description" content="Notes on web development, crypto, self-hosting, and tech in general.">
+  <meta name="theme-color" content="#e6e6e6">
   <meta property="og:title" content="ardislu.dev">
   <meta property="og:description" content="Notes on web development, crypto, self-hosting, and tech in general.">
   <meta property="og:type" content="website">
   <meta property="og:url" content="https://ardislu.dev/">
-  <meta property="og:image" content="https://og-image.ardislu.dev/Notes%20on%20**web%20development**%2C%20**crypto**%2C%20**self-hosting**%2C%20and%20**tech**%20in%20general..png">
+  <meta property="og:image" content="https://ardislu.dev/og_image.png">
   <meta property="og:image:alt" content="Website logo above the text 'notes on web development, crypto, self-hosting, and tech in general.'">
   <meta name="twitter:card" content="summary_large_image">
-  <link rel="icon" href="/favicon.svg" type="image/svg+xml">
-  <link rel="apple-touch-icon" href="/apple-touch-icon.png" sizes="180x180">
+  <base href="/">
+  <link rel="icon" href="/logo.svg" type="image/svg+xml">
+  <link rel="apple-touch-icon" href="/logo_maskable.png">
   <link rel="manifest" href="/manifest.webmanifest">
   <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/highlightjs/cdn-release@11.5.1/build/styles/default.min.css">
   <link rel="stylesheet" href="/style.css">

diff --git a/logo.png b/logo.png
new file mode 100644 (file)
index 0000000..a878769
Binary files /dev/null and b/logo.png differ

diff --git a/favicon.svg b/logo.svg
similarity index 100%
rename from favicon.svg
rename to logo.svg

diff --git a/logo_maskable.png b/logo_maskable.png
new file mode 100644 (file)
index 0000000..0c9b849
Binary files /dev/null and b/logo_maskable.png differ

diff --git a/manifest.webmanifest b/manifest.webmanifest
index b5f1738cfa7b08c7bbf3135a92656b0acffca30f..837a310f1f5bdee2ae3556b6fc9c46fa609d28db 100644 (file)
--- a/manifest.webmanifest
+++ b/manifest.webmanifest
@@ -1,16 +1,21 @@
 {
   "name": "ardislu.dev",
-  "short_name": "ardislu.dev",
   "description": "Notes on web development, crypto, self-hosting, and tech in general.",
+  "display": "standalone",
+  "id": "/",
   "start_url": "/",
   "scope": "/",
-  "display": "standalone",
   "theme_color": "#e6e6e6",
-  "background_color": "#e7d26a",
+  "background_color": "#e6e6e6",
   "icons": [
     {
-      "src": "/favicon.svg",
-      "sizes": "144x144"
+      "src": "/logo.png",
+      "sizes": "512x512"
+    },
+    {
+      "src": "/logo_maskable.png",
+      "sizes": "512x512",
+      "purpose": "maskable"
     }
   ]
 }

diff --git a/og_image.png b/og_image.png
new file mode 100644 (file)
index 0000000..7d9e245
Binary files /dev/null and b/og_image.png differ