From 3587c2755eb96733fd2ddb9b0bb53ae1f5fadcc5 Mon Sep 17 00:00:00 2001
From: Lev Chelyadinov <leva181777@gmail.com>
Date: Thu, 7 Apr 2022 20:54:07 +0500
Subject: [PATCH] Configure auto-generation for meta images

---
 package.json                        |   6 +-
 pnpm-lock.yaml                      | 346 ++++++++++++++++++++++++++++
 src/app.html                        |   1 -
 src/global.d.ts                     |   4 +
 src/lib/app/index.ts                |   2 +
 src/lib/app/meta/app-icon.svg       |  13 ++
 src/lib/app/meta/meta-images.svelte |  14 ++
 src/lib/app/meta/pwa-manifest.ts    |  46 ++++
 src/routes/__layout.svelte          |   7 +-
 src/routes/manifest.json.ts         |   3 +
 static/favicon.png                  | Bin 4013 -> 0 bytes
 static/icon.svg                     |  13 --
 static/manifest.json                |  17 --
 svelte.config.js                    |   3 +-
 14 files changed, 440 insertions(+), 35 deletions(-)
 create mode 100644 src/lib/app/meta/app-icon.svg
 create mode 100644 src/lib/app/meta/meta-images.svelte
 create mode 100644 src/lib/app/meta/pwa-manifest.ts
 create mode 100644 src/routes/manifest.json.ts
 delete mode 100644 static/favicon.png
 delete mode 100644 static/icon.svg
 delete mode 100644 static/manifest.json

diff --git a/package.json b/package.json
index 42caeae3..56bcac57 100644
--- a/package.json
+++ b/package.json
@@ -59,14 +59,15 @@
     "@types/lodash-es": "^4.17.6",
     "@types/marked": "^4.0.3",
     "@types/node": "^17.0.23",
+    "@types/web-app-manifest": "^1.0.2",
     "@typescript-eslint/eslint-plugin": "^5.17.0",
     "@typescript-eslint/parser": "^5.17.0",
     "autoprefixer": "^10.4.4",
     "babel-jest": "^27.5.1",
     "babel-plugin-svelte-inline-compile": "^0.1.0",
     "babel-preset-vite": "^1.0.4",
-    "cypress": "^9.5.3",
     "blns": "^2.0.4",
+    "cypress": "^9.5.3",
     "dotenv": "^16.0.0",
     "eslint": "^8.12.0",
     "eslint-config-prettier": "^8.5.0",
@@ -77,9 +78,9 @@
     "husky": "^7.0.4",
     "isomorphic-fetch": "^3.0.0",
     "jest": "^27.5.1",
+    "jest-extended": "^2.0.0",
     "jest-mock-fetch": "^2.0.5",
     "lint-staged": "^12.3.7",
-    "jest-extended": "^2.0.0",
     "lodash-es": "^4.17.21",
     "npm-run-all": "^4.1.5",
     "postcss": "^8.4.12",
@@ -95,6 +96,7 @@
     "tslib": "^2.3.1",
     "typescript": "^4.6.3",
     "unplugin-icons": "^0.13.4",
+    "vite-imagetools": "^4.0.3",
     "web-streams-polyfill": "^3.2.0"
   },
   "dependencies": {
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index d0ba6264..c6078401 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -17,6 +17,7 @@ specifiers:
   '@types/lodash-es': ^4.17.6
   '@types/marked': ^4.0.3
   '@types/node': ^17.0.23
+  '@types/web-app-manifest': ^1.0.2
   '@typescript-eslint/eslint-plugin': ^5.17.0
   '@typescript-eslint/parser': ^5.17.0
   autoprefixer: ^10.4.4
@@ -57,6 +58,7 @@ specifiers:
   tslib: ^2.3.1
   typescript: ^4.6.3
   unplugin-icons: ^0.13.4
+  vite-imagetools: ^4.0.3
   web-streams-polyfill: ^3.2.0
   worker-request-response: ^1.0.3
 
@@ -84,6 +86,7 @@ devDependencies:
   '@types/lodash-es': 4.17.6
   '@types/marked': 4.0.3
   '@types/node': 17.0.23
+  '@types/web-app-manifest': 1.0.2
   '@typescript-eslint/eslint-plugin': 5.18.0_a07dca3bdfc4bfa60f4dda0c1f9e3287
   '@typescript-eslint/parser': 5.18.0_eslint@8.12.0+typescript@4.6.3
   autoprefixer: 10.4.4_postcss@8.4.12
@@ -120,6 +123,7 @@ devDependencies:
   tslib: 2.3.1
   typescript: 4.6.3
   unplugin-icons: 0.13.4
+  vite-imagetools: 4.0.3
   web-streams-polyfill: 3.2.0
 
 packages:
@@ -2059,6 +2063,10 @@ packages:
     resolution: {integrity: sha512-F5DIZ36YVLE+PN+Zwws4kJogq47hNgX3Nx6WyDJ3kcplxyke3XIzB8uK5n/Lpm1HBsbGzd6nmGehL8cPekP+Tg==}
     dev: true
 
+  /@types/web-app-manifest/1.0.2:
+    resolution: {integrity: sha512-Dzq+rbsRHy+HLuDd4j/q8jTyW6Yte1dRihlBD0Xf5FTrnjFg8QgtzXySCahxy1VRreqASMBhn7amZIs8ZJ/T2Q==}
+    dev: true
+
   /@types/yargs-parser/20.2.1:
     resolution: {integrity: sha512-7tFImggNeNBVMsn0vLrpn1H1uPrUBdnARPTpZoitY37ZrdJREzf7I16tMrlK3hen349gr1NYh8CmZQa7CTG6Aw==}
     dev: true
@@ -2296,6 +2304,11 @@ packages:
       type-fest: 0.21.3
     dev: true
 
+  /ansi-regex/2.1.1:
+    resolution: {integrity: sha1-w7M6te42DYbg5ijwRorn7yfWVN8=}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
   /ansi-regex/5.0.1:
     resolution: {integrity: sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==}
     engines: {node: '>=8'}
@@ -2338,10 +2351,21 @@ packages:
       picomatch: 2.3.1
     dev: true
 
+  /aproba/1.2.0:
+    resolution: {integrity: sha512-Y9J6ZjXtoYh8RnXVCMOU/ttDmk1aBjunq9vO0ta5x85WDQiQfUF9sIPBITdbiiIVcBo03Hi3jMxigBtsddlXRw==}
+    dev: true
+
   /arch/2.2.0:
     resolution: {integrity: sha512-Of/R0wqp83cgHozfIYLbBMnej79U/SVGOOyuB3VVFv1NRM/PSFMK12x9KVtiYzJqmnU5WR2qp0Z5rHb7sWGnFQ==}
     dev: true
 
+  /are-we-there-yet/1.1.7:
+    resolution: {integrity: sha512-nxwy40TuMiUGqMyRHgCSWZ9FM4VAoRP4xUYSTv5ImRog+h9yISPbVH7H8fASCIzYn9wlEv4zvFL7uKDMCFQm3g==}
+    dependencies:
+      delegates: 1.0.0
+      readable-stream: 2.3.7
+    dev: true
+
   /arg/4.1.3:
     resolution: {integrity: sha512-58S9QDqG0Xx27YwPSt9fJxivjYl432YCwfDMfZ+71RAqUrZef7LrKQZ3LHLOwCS4FLNBplP533Zx895SeOCHvA==}
     dev: true
@@ -2605,6 +2629,14 @@ packages:
     engines: {node: '>=8'}
     dev: true
 
+  /bl/4.1.0:
+    resolution: {integrity: sha512-1W07cM9gS6DcLperZfFSj+bWLtaPGSOHWhPiGzXmvVJbRLdG82sH/Kn8EtW1VqWVA54AKf2h5k5BbnIbwF3h6w==}
+    dependencies:
+      buffer: 5.7.1
+      inherits: 2.0.4
+      readable-stream: 3.6.0
+    dev: true
+
   /blns/2.0.4:
     resolution: {integrity: sha1-YgygV+MvFXslPcZSjZob41IstHA=}
     engines: {node: '>= 4'}
@@ -2768,6 +2800,10 @@ packages:
       fsevents: 2.3.2
     dev: true
 
+  /chownr/1.1.4:
+    resolution: {integrity: sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==}
+    dev: true
+
   /ci-info/3.3.0:
     resolution: {integrity: sha512-riT/3vI5YpVH6/qomlDnJow6TBee2PBKSEpx3O32EGPYbWGIRsIlGRms3Sm74wYE1JMo8RnO04Hb12+v1J5ICw==}
     dev: true
@@ -2831,6 +2867,11 @@ packages:
     engines: {iojs: '>= 1.0.0', node: '>= 0.12.0'}
     dev: true
 
+  /code-point-at/1.1.0:
+    resolution: {integrity: sha1-DQcLTQQ6W+ozovGkDi7bPZpMz3c=}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
   /collect-v8-coverage/1.0.1:
     resolution: {integrity: sha512-iBPtljfCNcTKNAto0KEtDfZ3qzjJvqE3aTGZsbhjSBlorqpXJlaWWtPO35D+ZImoC3KWejX64o+yPGxhWSTzfg==}
     dev: true
@@ -2856,6 +2897,21 @@ packages:
     resolution: {integrity: sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==}
     dev: true
 
+  /color-string/1.9.0:
+    resolution: {integrity: sha512-9Mrz2AQLefkH1UvASKj6v6hj/7eWgjnT/cVsR8CumieLoT+g900exWeNogqtweI8dxloXN9BDQTYro1oWu/5CQ==}
+    dependencies:
+      color-name: 1.1.4
+      simple-swizzle: 0.2.2
+    dev: true
+
+  /color/4.2.3:
+    resolution: {integrity: sha512-1rXeuUUiGGrykh+CeBdu5Ie7OJwinCgQY0bc7GCRxy5xVHy+moaqkpL/jqQq0MtQOeYcrqEz4abc5f0KtU7W4A==}
+    engines: {node: '>=12.5.0'}
+    dependencies:
+      color-convert: 2.0.1
+      color-string: 1.9.0
+    dev: true
+
   /colorette/2.0.16:
     resolution: {integrity: sha512-hUewv7oMjCp+wkBv5Rm0v87eJhq4woh5rSR+42YSQJKecCqgIqNkZ6lAlQms/BwHPJA5NKMRlpxPRv0n8HQW6g==}
     dev: true
@@ -2893,6 +2949,10 @@ packages:
     resolution: {integrity: sha1-2Klr13/Wjfd5OnMDajug1UBdR3s=}
     dev: true
 
+  /console-control-strings/1.1.0:
+    resolution: {integrity: sha1-PXz0Rk22RG6mRL9LOVB/mFEAjo4=}
+    dev: true
+
   /convert-source-map/1.8.0:
     resolution: {integrity: sha512-+OQdjP49zViI/6i7nIJpA8rAl4sV/JdPfU9nZs3VqOwGIgizICvuN2ru6fMd+4llL0tar18UYJXfZ/TWtmhUjA==}
     dependencies:
@@ -3127,10 +3187,22 @@ packages:
     engines: {node: '>=0.10'}
     dev: true
 
+  /decompress-response/6.0.0:
+    resolution: {integrity: sha512-aW35yZM6Bb/4oJlZncMH2LCoZtJXTRxES17vE3hoRiowU2kWHaJKFkSBDnDR+cm9J+9QhXmREyIfv0pji9ejCQ==}
+    engines: {node: '>=10'}
+    dependencies:
+      mimic-response: 3.1.0
+    dev: true
+
   /dedent/0.7.0:
     resolution: {integrity: sha1-JJXduvbrh0q7Dhvp3yLS5aVEMmw=}
     dev: true
 
+  /deep-extend/0.6.0:
+    resolution: {integrity: sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA==}
+    engines: {node: '>=4.0.0'}
+    dev: true
+
   /deep-is/0.1.4:
     resolution: {integrity: sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==}
     dev: true
@@ -3156,11 +3228,26 @@ packages:
     engines: {node: '>=0.4.0'}
     dev: true
 
+  /delegates/1.0.0:
+    resolution: {integrity: sha1-hMbhWbgZBP3KWaDvRM2HDTElD5o=}
+    dev: true
+
   /detect-indent/6.1.0:
     resolution: {integrity: sha512-reYkTUJAZb9gUuZ2RvVCNhVHdg62RHnJ7WJl8ftMi4diZ6NWlciOzQN88pUhSELEwflJht4oQDv0F0BMlwaYtA==}
     engines: {node: '>=8'}
     dev: true
 
+  /detect-libc/1.0.3:
+    resolution: {integrity: sha1-+hN8S9aY7fVc1c0CrFWfkaTEups=}
+    engines: {node: '>=0.10'}
+    hasBin: true
+    dev: true
+
+  /detect-libc/2.0.1:
+    resolution: {integrity: sha512-463v3ZeIrcWtdgIg6vI6XUncguvr2TnGl4SzDXinkt9mSLpBJKXT3mW6xT3VQdDN11+WVs29pgvivTc4Lp8v+w==}
+    engines: {node: '>=8'}
+    dev: true
+
   /detect-newline/3.1.0:
     resolution: {integrity: sha512-TLz+x/vEXm/Y7P7wn1EJFNLxYpUD4TgMosxY6fAVJUnJMbupHBOncxyWUG9OpTaH9EBD7uFI5LfEgmMOc54DsA==}
     engines: {node: '>=8'}
@@ -3806,6 +3893,11 @@ packages:
     engines: {node: '>= 0.8.0'}
     dev: true
 
+  /expand-template/2.0.3:
+    resolution: {integrity: sha512-XYfuKMvj4O35f/pOXLObndIRvyQ+/+6AhODh+OKWj9S9498pHHn/IMszH+gt0fBCRWMNfk1ZSp5x3AifmnI2vg==}
+    engines: {node: '>=6'}
+    dev: true
+
   /expect/27.5.1:
     resolution: {integrity: sha512-E1q5hSUG2AmYQwQJ041nvgpkODHQvB+RKlB4IYdru6uJsyFTRyZAP463M+1lINorwbqAmUggi6+WwkD8lCS/Dw==}
     engines: {node: ^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0}
@@ -3961,6 +4053,10 @@ packages:
     resolution: {integrity: sha512-MhLuK+2gUcnZe8ZHlaaINnQLl0xRIGRfcGk2yl8xoQAfHrSsL3rYu6FCmBdkdbhc9EPlwyGHewaRsvwRMJtAlA==}
     dev: true
 
+  /fs-constants/1.0.0:
+    resolution: {integrity: sha512-y6OAwoSIf7FyjMIv94u+b5rdheZEjzR63GTyZJm5qh4Bi+2YgwLCcI/fPFZkL5PSixOt6ZNKm+w+Hfp/Bciwow==}
+    dev: true
+
   /fs-extra/9.1.0:
     resolution: {integrity: sha512-hcg3ZmepS30/7BSFqRvoo3DOMQu7IjqxO5nCDt+zM9XWjb33Wg7ziNT+Qvqbuc3+gWpzO02JubVyk2G4Zvo1OQ==}
     engines: {node: '>=10'}
@@ -3991,6 +4087,19 @@ packages:
     resolution: {integrity: sha1-GwqzvVU7Kg1jmdKcDj6gslIHgyc=}
     dev: true
 
+  /gauge/2.7.4:
+    resolution: {integrity: sha1-LANAXHU4w51+s3sxcCLjJfsBi/c=}
+    dependencies:
+      aproba: 1.2.0
+      console-control-strings: 1.1.0
+      has-unicode: 2.0.1
+      object-assign: 4.1.1
+      signal-exit: 3.0.7
+      string-width: 1.0.2
+      strip-ansi: 3.0.1
+      wide-align: 1.1.5
+    dev: true
+
   /gensync/1.0.0-beta.2:
     resolution: {integrity: sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==}
     engines: {node: '>=6.9.0'}
@@ -4046,6 +4155,10 @@ packages:
       assert-plus: 1.0.0
     dev: true
 
+  /github-from-package/0.0.0:
+    resolution: {integrity: sha1-l/tdlr/eiXMxPyDoKI75oWf6ZM4=}
+    dev: true
+
   /glob-parent/5.1.2:
     resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==}
     engines: {node: '>= 6'}
@@ -4132,6 +4245,10 @@ packages:
       has-symbols: 1.0.2
     dev: true
 
+  /has-unicode/2.0.1:
+    resolution: {integrity: sha1-4Ob+aijPUROIVeCG0Wkedx3iqLk=}
+    dev: true
+
   /has/1.0.3:
     resolution: {integrity: sha512-f2dvO0VU6Oej7RkWJGrehjbzMAjFp5/VKPp5tTpWIV4JHHZK1/BxbFRtf/siA2SWTe09caDmVtYYzWEIbBS4zw==}
     engines: {node: '>= 0.4.0'}
@@ -4216,6 +4333,13 @@ packages:
     engines: {node: '>= 4'}
     dev: true
 
+  /imagetools-core/3.0.2:
+    resolution: {integrity: sha512-DlArpNiefCc1syIqvOONcE8L8IahN8GjwaEjm6wIJIvuKoFoI1RcKmWWfS2dYxSlTiSp2X5b3JnHDjUXmWqlVA==}
+    engines: {node: '>=12.0.0'}
+    dependencies:
+      sharp: 0.29.3
+    dev: true
+
   /import-fresh/3.3.0:
     resolution: {integrity: sha512-veYYhQa+D1QBKznvhUHxb8faxlrwUnxseDAbAp457E0wLNio2bOSKnjYDhMj+YiAq61xrMGhQk9iXVk5FzgQMw==}
     engines: {node: '>=6'}
@@ -4254,6 +4378,10 @@ packages:
     resolution: {integrity: sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ==}
     dev: true
 
+  /ini/1.3.8:
+    resolution: {integrity: sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew==}
+    dev: true
+
   /ini/2.0.0:
     resolution: {integrity: sha512-7PnF4oN3CvZF23ADhA5wRaYEQpJ8qygSkbtTXWBeXWXmEVRXK+1ITciHWwHhsjv1TmW0MgacIv6hEi5pX5NQdA==}
     engines: {node: '>=10'}
@@ -4272,6 +4400,10 @@ packages:
     resolution: {integrity: sha1-d8mYQFJ6qOyxqLppe4BkWnqSap0=}
     dev: true
 
+  /is-arrayish/0.3.2:
+    resolution: {integrity: sha512-eVRqCvVlZbuw3GrM63ovNSNAeA1K16kaR/LRY/92w0zxQ5/1YzwblUX652i4Xs9RwAGjW9d9y6X88t8OaAJfWQ==}
+    dev: true
+
   /is-bigint/1.0.4:
     resolution: {integrity: sha512-zB9CruMamjym81i2JZ3UMn54PKGsQzsJeo6xvN3HJJ4CAsQNB6iRutp2To77OfCNuoxspsIhzaPoO1zyCEhFOg==}
     dependencies:
@@ -4323,6 +4455,13 @@ packages:
     engines: {node: '>=0.10.0'}
     dev: true
 
+  /is-fullwidth-code-point/1.0.0:
+    resolution: {integrity: sha1-754xOG8DGn8NZDr4L95QxFfvAMs=}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      number-is-nan: 1.0.1
+    dev: true
+
   /is-fullwidth-code-point/3.0.0:
     resolution: {integrity: sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==}
     engines: {node: '>=8'}
@@ -4424,6 +4563,10 @@ packages:
       call-bind: 1.0.2
     dev: true
 
+  /isarray/1.0.0:
+    resolution: {integrity: sha1-u5NdSFgsuhaMBoNJV6VKPgcSTxE=}
+    dev: true
+
   /isexe/2.0.0:
     resolution: {integrity: sha1-6PvzdNxVb/iUehDcsFctYz8s+hA=}
     dev: true
@@ -5357,6 +5500,11 @@ packages:
     engines: {node: '>=6'}
     dev: true
 
+  /mimic-response/3.1.0:
+    resolution: {integrity: sha512-z0yWI+4FDrrweS8Zmt4Ej5HdJmky15+L2e6Wgn3+iK5fWzb6T3fhNFq2+MeTRb064c6Wr4N/wv0DzQTjNzHNGQ==}
+    engines: {node: '>=10'}
+    dev: true
+
   /min-indent/1.0.1:
     resolution: {integrity: sha512-I9jwMn07Sy/IwOj3zVkVik2JTvgpaykDZEigL6Rx6N9LbMywwUSMtxET+7lVoDLLd3O3IXwJwvuuns8UB/HeAg==}
     engines: {node: '>=4'}
@@ -5376,6 +5524,10 @@ packages:
     resolution: {integrity: sha512-Jsjnk4bw3YJqYzbdyBiNsPWHPfO++UGG749Cxs6peCu5Xg4nrena6OVxOYxrQTqww0Jmwt+Ref8rggumkTLz9Q==}
     dev: true
 
+  /mkdirp-classic/0.5.3:
+    resolution: {integrity: sha512-gKLcREMhtuZRwRAfqP3RFW+TK4JqApVBtOIftVgjuABpAtpxhPGaDcfvbhNvD0B8iD1oUr/txX35NjcaY6Ns/A==}
+    dev: true
+
   /mkdirp/0.5.5:
     resolution: {integrity: sha512-NKmAlESf6jMGym1++R0Ra7wvhV+wFW63FaSOFPwRahvea0gMUcGUhVeAg/0BC0wiv9ih5NYPB1Wn1UEI1/L+xQ==}
     hasBin: true
@@ -5411,6 +5563,10 @@ packages:
     hasBin: true
     dev: true
 
+  /napi-build-utils/1.0.2:
+    resolution: {integrity: sha512-ONmRUqK7zj7DWX0D9ADe03wbwOBZxNAfF20PlGfCWQcD3+/MakShIHrMqx9YwPTfxDdF1zLeL+RGZiR9kGMLdg==}
+    dev: true
+
   /natural-compare/1.4.0:
     resolution: {integrity: sha1-Sr6/7tdUHywnrPspvbvRXI1bpPc=}
     dev: true
@@ -5423,6 +5579,17 @@ packages:
     resolution: {integrity: sha512-1nh45deeb5olNY7eX82BkPO7SSxR5SSYJiPTrTdFUVYwAl8CKMA5N9PjTYkHiRjisVcxcQ1HXdLhx2qxxJzLNQ==}
     dev: true
 
+  /node-abi/3.8.0:
+    resolution: {integrity: sha512-tzua9qWWi7iW4I42vUPKM+SfaF0vQSLAm4yO5J83mSwB7GeoWrDKC/K+8YCnYNwqP5duwazbw2X9l4m8SC2cUw==}
+    engines: {node: '>=10'}
+    dependencies:
+      semver: 7.3.5
+    dev: true
+
+  /node-addon-api/4.3.0:
+    resolution: {integrity: sha512-73sE9+3UaLYYFmDsFZnqCInzPyh3MqIwZO9cw58yIqAZhONrrabrYyYe3TuIqtIiOuTXVhsGau8hcrhhwSsDIQ==}
+    dev: true
+
   /node-fetch/2.6.7:
     resolution: {integrity: sha512-ZjMPFEfVx5j+y2yF35Kzx5sF7kDzxuDj6ziH4FFbOp87zKDZNx8yExJIb05OGF4Nlt9IHFIMBkRl41VdvcNdbQ==}
     engines: {node: 4.x || >=6.0.0}
@@ -5489,10 +5656,29 @@ packages:
       path-key: 3.1.1
     dev: true
 
+  /npmlog/4.1.2:
+    resolution: {integrity: sha512-2uUqazuKlTaSI/dC8AzicUck7+IrEaOnN/e0jd3Xtt1KcGpwx30v50mL7oPyr/h9bL3E4aZccVwpwP+5W9Vjkg==}
+    dependencies:
+      are-we-there-yet: 1.1.7
+      console-control-strings: 1.1.0
+      gauge: 2.7.4
+      set-blocking: 2.0.0
+    dev: true
+
+  /number-is-nan/1.0.1:
+    resolution: {integrity: sha1-CXtgK1NCKlIsGvuHkDGDNpQaAR0=}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
   /nwsapi/2.2.0:
     resolution: {integrity: sha512-h2AatdwYH+JHiZpv7pt/gSX1XoRGb7L/qSIeuqA6GwYoF9w1vP1cw42TO0aI2pNyshRK5893hNSl+1//vHK7hQ==}
     dev: true
 
+  /object-assign/4.1.1:
+    resolution: {integrity: sha1-IQmtx5ZYh8/AXLvUQsrIv7s2CGM=}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
   /object-hash/2.2.0:
     resolution: {integrity: sha512-gScRMn0bS5fH+IuwyIFgnh9zBdo4DV+6GhygmWM9HyNJSgS0hScp1f5vjtm7oIIOiT9trXrShAkLFSc2IqKNgw==}
     engines: {node: '>= 6'}
@@ -5769,6 +5955,26 @@ packages:
       source-map-js: 1.0.2
     dev: true
 
+  /prebuild-install/7.0.1:
+    resolution: {integrity: sha512-QBSab31WqkyxpnMWQxubYAHR5S9B2+r81ucocew34Fkl98FhvKIF50jIJnNOBmAZfyNV7vE5T6gd3hTVWgY6tg==}
+    engines: {node: '>=10'}
+    hasBin: true
+    dependencies:
+      detect-libc: 2.0.1
+      expand-template: 2.0.3
+      github-from-package: 0.0.0
+      minimist: 1.2.6
+      mkdirp-classic: 0.5.3
+      napi-build-utils: 1.0.2
+      node-abi: 3.8.0
+      npmlog: 4.1.2
+      pump: 3.0.0
+      rc: 1.2.8
+      simple-get: 4.0.1
+      tar-fs: 2.1.1
+      tunnel-agent: 0.6.0
+    dev: true
+
   /prelude-ls/1.1.2:
     resolution: {integrity: sha1-IZMqVJ9eUv/ZqCf1cOBL5iqX2lQ=}
     engines: {node: '>= 0.8.0'}
@@ -5819,6 +6025,10 @@ packages:
       react-is: 17.0.2
     dev: true
 
+  /process-nextick-args/2.0.1:
+    resolution: {integrity: sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag==}
+    dev: true
+
   /prompts/2.4.2:
     resolution: {integrity: sha512-NxNv/kLguCA7p3jE8oL2aEBsrJWgAakBpgmgK6lpPWV+WuOmY6r2/zbAVnP+T8bQlA0nzHXSJSJW0Hq7ylaD2Q==}
     engines: {node: '>= 6'}
@@ -5861,6 +6071,16 @@ packages:
     engines: {node: '>=10'}
     dev: true
 
+  /rc/1.2.8:
+    resolution: {integrity: sha512-y3bGgqKj3QBdxLbLkomlohkvsA8gdAiUQlSBJnBhfn+BPxg4bc62d8TcBW15wavDfgexCgccckhcZvywyQYPOw==}
+    hasBin: true
+    dependencies:
+      deep-extend: 0.6.0
+      ini: 1.3.8
+      minimist: 1.2.6
+      strip-json-comments: 2.0.1
+    dev: true
+
   /react-is/17.0.2:
     resolution: {integrity: sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w==}
     dev: true
@@ -5874,6 +6094,27 @@ packages:
       path-type: 3.0.0
     dev: true
 
+  /readable-stream/2.3.7:
+    resolution: {integrity: sha512-Ebho8K4jIbHAxnuxi7o42OrZgF/ZTNcsZj6nRKyUmkhLFq8CHItp/fy6hQZuZmP/n3yZ9VBUbp4zz/mX8hmYPw==}
+    dependencies:
+      core-util-is: 1.0.2
+      inherits: 2.0.4
+      isarray: 1.0.0
+      process-nextick-args: 2.0.1
+      safe-buffer: 5.1.2
+      string_decoder: 1.1.1
+      util-deprecate: 1.0.2
+    dev: true
+
+  /readable-stream/3.6.0:
+    resolution: {integrity: sha512-BViHy7LKeTz4oNnkcLJ+lVSL6vpiFeX6/d3oSH8zCW7UxP2onchk+vTGB143xuFjHS3deTgkKoXXymXqymiIdA==}
+    engines: {node: '>= 6'}
+    dependencies:
+      inherits: 2.0.4
+      string_decoder: 1.3.0
+      util-deprecate: 1.0.2
+    dev: true
+
   /readdirp/3.6.0:
     resolution: {integrity: sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==}
     engines: {node: '>=8.10.0'}
@@ -6099,6 +6340,25 @@ packages:
       lru-cache: 6.0.0
     dev: true
 
+  /set-blocking/2.0.0:
+    resolution: {integrity: sha1-BF+XgtARrppoA93TgrJDkrPYkPc=}
+    dev: true
+
+  /sharp/0.29.3:
+    resolution: {integrity: sha512-fKWUuOw77E4nhpyzCCJR1ayrttHoFHBT2U/kR/qEMRhvPEcluG4BKj324+SCO1e84+knXHwhJ1HHJGnUt4ElGA==}
+    engines: {node: '>=12.13.0'}
+    requiresBuild: true
+    dependencies:
+      color: 4.2.3
+      detect-libc: 1.0.3
+      node-addon-api: 4.3.0
+      prebuild-install: 7.0.1
+      semver: 7.3.5
+      simple-get: 4.0.1
+      tar-fs: 2.1.1
+      tunnel-agent: 0.6.0
+    dev: true
+
   /shebang-command/1.2.0:
     resolution: {integrity: sha1-RKrGW2lbAzmJaMOfNj/uXer98eo=}
     engines: {node: '>=0.10.0'}
@@ -6139,6 +6399,24 @@ packages:
     resolution: {integrity: sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ==}
     dev: true
 
+  /simple-concat/1.0.1:
+    resolution: {integrity: sha512-cSFtAPtRhljv69IK0hTVZQ+OfE9nePi/rtJmw5UjHeVyVroEqJXP1sFztKUy1qU+xvz3u/sfYJLa947b7nAN2Q==}
+    dev: true
+
+  /simple-get/4.0.1:
+    resolution: {integrity: sha512-brv7p5WgH0jmQJr1ZDDfKDOSeWWg+OVypG99A/5vYGPqJ6pxiaHLy8nxtFjBA7oMa01ebA9gfh1uMCFqOuXxvA==}
+    dependencies:
+      decompress-response: 6.0.0
+      once: 1.4.0
+      simple-concat: 1.0.1
+    dev: true
+
+  /simple-swizzle/0.2.2:
+    resolution: {integrity: sha1-pNprY1/8zMoz9w0Xy5JZLeleVXo=}
+    dependencies:
+      is-arrayish: 0.3.2
+    dev: true
+
   /sisteransi/1.0.5:
     resolution: {integrity: sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==}
     dev: true
@@ -6285,6 +6563,15 @@ packages:
       strip-ansi: 6.0.1
     dev: true
 
+  /string-width/1.0.2:
+    resolution: {integrity: sha1-EYvfW4zcUaKn5w0hHgfisLmxB9M=}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      code-point-at: 1.1.0
+      is-fullwidth-code-point: 1.0.0
+      strip-ansi: 3.0.1
+    dev: true
+
   /string-width/4.2.3:
     resolution: {integrity: sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==}
     engines: {node: '>=8'}
@@ -6326,6 +6613,25 @@ packages:
       define-properties: 1.1.3
     dev: true
 
+  /string_decoder/1.1.1:
+    resolution: {integrity: sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg==}
+    dependencies:
+      safe-buffer: 5.1.2
+    dev: true
+
+  /string_decoder/1.3.0:
+    resolution: {integrity: sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA==}
+    dependencies:
+      safe-buffer: 5.2.1
+    dev: true
+
+  /strip-ansi/3.0.1:
+    resolution: {integrity: sha1-ajhfuIU9lS1f8F0Oiq+UJ43GPc8=}
+    engines: {node: '>=0.10.0'}
+    dependencies:
+      ansi-regex: 2.1.1
+    dev: true
+
   /strip-ansi/6.0.1:
     resolution: {integrity: sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==}
     engines: {node: '>=8'}
@@ -6362,6 +6668,11 @@ packages:
       min-indent: 1.0.1
     dev: true
 
+  /strip-json-comments/2.0.1:
+    resolution: {integrity: sha1-PFMZQukIwml8DsNEhYwobHygpgo=}
+    engines: {node: '>=0.10.0'}
+    dev: true
+
   /strip-json-comments/3.1.1:
     resolution: {integrity: sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig==}
     engines: {node: '>=8'}
@@ -6566,6 +6877,26 @@ packages:
       - ts-node
     dev: true
 
+  /tar-fs/2.1.1:
+    resolution: {integrity: sha512-V0r2Y9scmbDRLCNex/+hYzvp/zyYjvFbHPNgVTKfQvVrb6guiE/fxP+XblDNR011utopbkex2nM4dHNV6GDsng==}
+    dependencies:
+      chownr: 1.1.4
+      mkdirp-classic: 0.5.3
+      pump: 3.0.0
+      tar-stream: 2.2.0
+    dev: true
+
+  /tar-stream/2.2.0:
+    resolution: {integrity: sha512-ujeqbceABgwMZxEJnk2HDY2DlnUZ+9oEcb1KzTVfYHio0UE6dG71n60d8D2I4qNvleWrrXpmjpt7vZeF1LnMZQ==}
+    engines: {node: '>=6'}
+    dependencies:
+      bl: 4.1.0
+      end-of-stream: 1.4.4
+      fs-constants: 1.0.0
+      inherits: 2.0.4
+      readable-stream: 3.6.0
+    dev: true
+
   /terminal-link/2.1.1:
     resolution: {integrity: sha512-un0FmiRUQNr5PJqy9kP7c40F5BOfpGlYTrxonDChEZB7pzZxRNp/bt+ymiy9/npwXya9KH99nJ/GXFIiUkYGFQ==}
     engines: {node: '>=8'}
@@ -6912,6 +7243,15 @@ packages:
       extsprintf: 1.3.0
     dev: true
 
+  /vite-imagetools/4.0.3:
+    resolution: {integrity: sha512-8MfpwoUvJBGNgrBhVNd+HIRH32+1yN9vtFVGEAAWxa+/9E1pXGu4Lwj3d9Ydi6HwR9sFi4ZQdgaRkQDGKX9O1Q==}
+    engines: {node: '>=12.0.0'}
+    dependencies:
+      '@rollup/pluginutils': 4.1.2
+      imagetools-core: 3.0.2
+      magic-string: 0.25.7
+    dev: true
+
   /vite/2.9.1:
     resolution: {integrity: sha512-vSlsSdOYGcYEJfkQ/NeLXgnRv5zZfpAsdztkIrs7AZHV8RCMZQkwjo4DS5BnrYTqoWqLoUe1Cah4aVO4oNNqCQ==}
     engines: {node: '>=12.2.0'}
@@ -7043,6 +7383,12 @@ packages:
       isexe: 2.0.0
     dev: true
 
+  /wide-align/1.1.5:
+    resolution: {integrity: sha512-eDMORYaPNZ4sQIuuYPDHdQvf4gyCF9rEEV/yPxGfwPkRodwEgiMUUXTx/dex+Me0wxx53S+NgUHaP7y3MGlDmg==}
+    dependencies:
+      string-width: 4.2.3
+    dev: true
+
   /word-wrap/1.2.3:
     resolution: {integrity: sha512-Hz/mrNwitNRh/HUAtM/VT/5VH+ygD6DV7mYKZAtHOrbs8U7lvPS6xf7EJKMF0uW1KJCl0H701g3ZGus+muE5vQ==}
     engines: {node: '>=0.10.0'}
diff --git a/src/app.html b/src/app.html
index f752a7fb..03d34760 100644
--- a/src/app.html
+++ b/src/app.html
@@ -4,7 +4,6 @@
     <meta charset="utf-8" />
     <meta name="description" content="Listen to podcasts on the web, wherever!" />
     <link rel="manifest" href="%svelte.assets%/manifest.json" />
-    <link rel="icon" href="%svelte.assets%/favicon.png" />
     <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
     <link rel="preconnect" href="https://fonts.googleapis.com" />
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
diff --git a/src/global.d.ts b/src/global.d.ts
index 3cf6fe80..8bbeef57 100644
--- a/src/global.d.ts
+++ b/src/global.d.ts
@@ -8,6 +8,10 @@ declare module 'blns' {
   export default naughtyStrings;
 }
 
+// This is a workaround to prevent TS errors from using `vite-imagetools`
+//   Track here: https://github.com/JonasKruckenberg/imagetools/issues/160
+declare module '*&png';
+
 interface ImportMetaEnv {
   readonly VITE_SUPABASE_APP_URL: string;
   readonly VITE_SUPABASE_PUBLIC_ANON_KEY: string;
diff --git a/src/lib/app/index.ts b/src/lib/app/index.ts
index da501367..c06c70be 100644
--- a/src/lib/app/index.ts
+++ b/src/lib/app/index.ts
@@ -1 +1,3 @@
 export { handleHook } from './lib/handle-hook';
+export { default as MetaImages } from './meta/meta-images.svelte';
+export { buildManifest } from './meta/pwa-manifest';
diff --git a/src/lib/app/meta/app-icon.svg b/src/lib/app/meta/app-icon.svg
new file mode 100644
index 00000000..0ba67c48
--- /dev/null
+++ b/src/lib/app/meta/app-icon.svg
@@ -0,0 +1,13 @@
+<svg width="512" height="512" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="48" height="48" rx="8" fill="url(#paint0_radial_397_2429)"/>
+<path d="M24 24C24.7364 24 25.3334 23.403 25.3334 22.6667C25.3334 21.9303 24.7364 21.3333 24 21.3333C23.2636 21.3333 22.6667 21.9303 22.6667 22.6667C22.6667 23.403 23.2636 24 24 24Z" stroke="#E1F5FA" stroke-width="2.66667" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M30.7067 32.6133C32.8399 31.1746 34.4542 29.0883 35.3114 26.6622C36.1686 24.2361 36.2232 21.5987 35.4673 19.1392C34.7114 16.6797 33.1849 14.5283 31.1131 13.0024C29.0413 11.4765 26.534 10.6569 23.9609 10.6646C21.3878 10.6723 18.8854 11.5069 16.8228 13.0451C14.7602 14.5834 13.2466 16.7439 12.5054 19.2079C11.7643 21.672 11.8347 24.3089 12.7064 26.7299C13.5781 29.1508 15.2049 31.2274 17.3467 32.6533" stroke="#E1F5FA" stroke-width="2.66667" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M29.4133 26.5467C30.1372 25.5391 30.5656 24.3495 30.6502 23.1117C30.7348 21.8739 30.4724 20.6371 29.8923 19.5403C29.3123 18.4436 28.4378 17.5304 27.3671 16.9036C26.2964 16.2768 25.0721 15.9613 23.8318 15.9924C22.5915 16.0235 21.3845 16.4001 20.3466 17.0798C19.3087 17.7595 18.4811 18.7154 17.9568 19.8398C17.4326 20.9643 17.2325 22.2127 17.3791 23.4447C17.5257 24.6767 18.0132 25.8433 18.7867 26.8133" stroke="#E1F5FA" stroke-width="2.66667" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M22.8134 30.6667C22.7877 30.4959 22.7992 30.3216 22.847 30.1557C22.8949 29.9898 22.978 29.8362 23.0906 29.7054C23.2033 29.5745 23.3428 29.4695 23.4998 29.3975C23.6567 29.3255 23.8274 29.2883 24 29.2883C24.1727 29.2883 24.3433 29.3255 24.5003 29.3975C24.6572 29.4695 24.7968 29.5745 24.9094 29.7054C25.0221 29.8362 25.1052 29.9898 25.153 30.1557C25.2009 30.3216 25.2124 30.4959 25.1867 30.6667L24.4934 36.8933C24.4934 37.0242 24.4414 37.1497 24.3489 37.2422C24.2563 37.3347 24.1309 37.3867 24 37.3867C23.8692 37.3867 23.7437 37.3347 23.6512 37.2422C23.5587 37.1497 23.5067 37.0242 23.5067 36.8933L22.8134 30.6533V30.6667Z" stroke="#E1F5FA" stroke-width="2.66667" stroke-linecap="round" stroke-linejoin="round"/>
+<defs>
+<radialGradient id="paint0_radial_397_2429" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(24 24) rotate(90) scale(24)">
+<stop stop-color="#5490EB"/>
+<stop offset="1" stop-color="#0848A9"/>
+</radialGradient>
+</defs>
+</svg>
diff --git a/src/lib/app/meta/meta-images.svelte b/src/lib/app/meta/meta-images.svelte
new file mode 100644
index 00000000..a22e109e
--- /dev/null
+++ b/src/lib/app/meta/meta-images.svelte
@@ -0,0 +1,14 @@
+<script lang="ts">
+  import favicon16 from './app-icon.svg?width=16&png';
+  import favicon32 from './app-icon.svg?width=32&png';
+  import favicon96 from './app-icon.svg?width=96&png';
+  import favicon192 from './app-icon.svg?width=192&png';
+  import appleTouchIcon from './app-icon.svg?width=180&png';
+</script>
+
+<link rel="icon" type="image/png" sizes="16x16" href={favicon16} />
+<link rel="icon" type="image/png" sizes="32x32" href={favicon32} />
+<link rel="icon" type="image/png" sizes="96x96" href={favicon96} />
+<link rel="icon" type="image/png" sizes="192x192" href={favicon192} />
+
+<link rel="apple-touch-icon" sizes="180x180" href={appleTouchIcon} />
diff --git a/src/lib/app/meta/pwa-manifest.ts b/src/lib/app/meta/pwa-manifest.ts
new file mode 100644
index 00000000..8b70f3bf
--- /dev/null
+++ b/src/lib/app/meta/pwa-manifest.ts
@@ -0,0 +1,46 @@
+import { base } from '$app/paths';
+import appIconSvg from './app-icon.svg';
+import appIconPng192 from './app-icon.svg?width=192&png';
+import appIconPng512 from './app-icon.svg?width=512&png';
+import type { WebAppManifest } from 'web-app-manifest';
+import type { RequestHandler } from '@sveltejs/kit';
+
+const manifest: WebAppManifest = {
+  /* eslint-disable camelcase */
+  name: 'Cast',
+  short_name: 'Cast',
+  description: 'Listen to podcasts on the web, wherever!',
+  start_url: base,
+  background_color: '#1E293B',
+  theme_color: '#6366F1',
+  display: 'standalone',
+  orientation: 'portrait',
+  lang: 'en',
+  icons: [
+    {
+      src: appIconSvg,
+      type: 'image/svg+xml',
+      sizes: '512x512',
+    },
+    {
+      src: appIconPng192,
+      type: 'image/png',
+      sizes: '192x192',
+    },
+    {
+      src: appIconPng512,
+      type: 'image/png',
+      sizes: '512x512',
+    },
+  ],
+  /* eslint-enable camelcase */
+};
+
+/**
+ * Construct a PWA manifest.
+ *
+ * For details, see https://web.dev/add-manifest/
+ */
+export const buildManifest: RequestHandler = () => ({
+  body: JSON.stringify(manifest),
+});
diff --git a/src/routes/__layout.svelte b/src/routes/__layout.svelte
index d25f13b0..bafca680 100644
--- a/src/routes/__layout.svelte
+++ b/src/routes/__layout.svelte
@@ -1,11 +1,12 @@
 <script lang="ts">
   import { onMount } from 'svelte';
   import type { Writable } from 'svelte/store';
+  import { MetaImages } from '$lib/app';
   import { BottomBar } from '$lib/widgets/bottom-bar';
   import { NowPlaying, nowPlayingActive } from '$lib/widgets/now-playing';
-  import { SnackbarQueue } from '$lib/shared/ui/snackbar';
   import { trackAuthStatus } from '$lib/features/authenticate';
   import { src, duration, currentTime, paused, playbackRate, buffered } from '$lib/entities/audio';
+  import { SnackbarQueue } from '$lib/shared/ui/snackbar';
   import '$lib/app/global-styles.css';
 
   // Svelte can't handle its own type conversion with TypeScript
@@ -35,6 +36,10 @@
 
 <SnackbarQueue />
 
+<svelte:head>
+  <MetaImages />
+</svelte:head>
+
 <style>
   main {
     padding-top: env(safe-area-inset-top);
diff --git a/src/routes/manifest.json.ts b/src/routes/manifest.json.ts
new file mode 100644
index 00000000..a5d2344e
--- /dev/null
+++ b/src/routes/manifest.json.ts
@@ -0,0 +1,3 @@
+import { buildManifest } from '$lib/app';
+
+export const get = buildManifest;
diff --git a/static/favicon.png b/static/favicon.png
deleted file mode 100644
index b867b40184a29fc92016c84b9efd7c375d5ea883..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 4013
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
T4q6Tq00000NkvXXu0mjf3m4QW

diff --git a/static/icon.svg b/static/icon.svg
deleted file mode 100644
index 033adf3f..00000000
--- a/static/icon.svg
+++ /dev/null
@@ -1,13 +0,0 @@
-<svg width="48" height="48" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg">
-<rect width="48" height="48" fill="url(#paint0_radial_323_2408)"/>
-<path d="M24.0001 23.9999C24.7365 23.9999 25.3334 23.403 25.3334 22.6666C25.3334 21.9302 24.7365 21.3333 24.0001 21.3333C23.2637 21.3333 22.6667 21.9302 22.6667 22.6666C22.6667 23.403 23.2637 23.9999 24.0001 23.9999Z" stroke="#E1F5FA" stroke-width="2.66667" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M30.7067 32.6133C32.8399 31.1746 34.4542 29.0883 35.3114 26.6622C36.1686 24.2361 36.2232 21.5987 35.4673 19.1392C34.7114 16.6797 33.1849 14.5282 31.1131 13.0023C29.0413 11.4765 26.534 10.6569 23.9609 10.6646C21.3878 10.6723 18.8854 11.5069 16.8228 13.0451C14.7602 14.5834 13.2466 16.7439 12.5054 19.2079C11.7643 21.6719 11.8347 24.3089 12.7064 26.7298C13.5781 29.1508 15.2049 31.2274 17.3467 32.6533" stroke="#E1F5FA" stroke-width="2.66667" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M29.4132 26.5466C30.1371 25.539 30.5655 24.3494 30.6501 23.1116C30.7347 21.8739 30.4723 20.637 29.8923 19.5403C29.3123 18.4435 28.4377 17.5304 27.367 16.9036C26.2963 16.2768 25.072 15.9612 23.8317 15.9923C22.5914 16.0235 21.3844 16.4001 20.3465 17.0798C19.3086 17.7595 18.481 18.7153 17.9567 19.8398C17.4325 20.9643 17.2324 22.2127 17.379 23.4447C17.5256 24.6766 18.0131 25.8433 18.7866 26.8133" stroke="#E1F5FA" stroke-width="2.66667" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M22.8134 30.6667C22.7877 30.496 22.7992 30.3217 22.847 30.1558C22.8949 29.9899 22.978 29.8363 23.0906 29.7054C23.2033 29.5746 23.3429 29.4696 23.4998 29.3976C23.6568 29.3256 23.8274 29.2883 24 29.2883C24.1727 29.2883 24.3433 29.3256 24.5003 29.3976C24.6572 29.4696 24.7968 29.5746 24.9095 29.7054C25.0221 29.8363 25.1052 29.9899 25.1531 30.1558C25.2009 30.3217 25.2124 30.496 25.1867 30.6667L24.4934 36.8934C24.4934 37.0242 24.4414 37.1497 24.3489 37.2422C24.2564 37.3347 24.1309 37.3867 24 37.3867C23.8692 37.3867 23.7437 37.3347 23.6512 37.2422C23.5587 37.1497 23.5067 37.0242 23.5067 36.8934L22.8134 30.6534V30.6667Z" stroke="#E1F5FA" stroke-width="2.66667" stroke-linecap="round" stroke-linejoin="round"/>
-<defs>
-<radialGradient id="paint0_radial_323_2408" cx="0" cy="0" r="1" gradientUnits="userSpaceOnUse" gradientTransform="translate(24 24) rotate(90) scale(24)">
-<stop stop-color="#5490EB"/>
-<stop offset="1" stop-color="#0848A9"/>
-</radialGradient>
-</defs>
-</svg>
diff --git a/static/manifest.json b/static/manifest.json
deleted file mode 100644
index 31072a80..00000000
--- a/static/manifest.json
+++ /dev/null
@@ -1,17 +0,0 @@
-{
-  "$schema": "https://json.schemastore.org/web-manifest.json",
-  "name": "Cast",
-  "short_name": "Cast",
-  "start_url": "/",
-  "background_color": "#1E293B",
-  "theme_color": "#6366F1",
-  "display": "standalone",
-  "orientation": "portrait",
-  "icons": [
-    {
-      "src": "icon.svg",
-      "sizes": "any",
-      "purpose": "any maskable"
-    }
-  ]
-}
diff --git a/svelte.config.js b/svelte.config.js
index 8eb7772e..9beec277 100644
--- a/svelte.config.js
+++ b/svelte.config.js
@@ -1,6 +1,7 @@
 import cloudflare from '@sveltejs/adapter-cloudflare';
 import preprocess from 'svelte-preprocess';
 import icons from 'unplugin-icons/vite';
+import { imagetools } from 'vite-imagetools';
 
 /** @type {import('@sveltejs/kit').Config} */
 const config = {
@@ -15,7 +16,7 @@ const config = {
       },
     },
     vite: {
-      plugins: [icons({ compiler: 'svelte' })],
+      plugins: [icons({ compiler: 'svelte' }), imagetools({ include: '**/*.svg?*' })],
     },
   },
 };