From cce926866dce0340770ed6b01a0d1a3b73b2e42f Mon Sep 17 00:00:00 2001 From: Max Nuding Date: Fri, 7 Apr 2023 16:47:37 +0200 Subject: [PATCH] Add icons, fix #5 --- README.md | 18 +++++ faviconDescription.json | 64 ++++++++++++++++++ icon.svg | 7 ++ src/app.html | 14 +++- static/android-chrome-192x192.png | Bin 0 -> 8694 bytes static/android-chrome-512x512.png | Bin 0 -> 24274 bytes .../apple-touch-icon-120x120-precomposed.png | Bin 0 -> 2483 bytes static/apple-touch-icon-120x120.png | Bin 0 -> 2197 bytes .../apple-touch-icon-152x152-precomposed.png | Bin 0 -> 2998 bytes static/apple-touch-icon-152x152.png | Bin 0 -> 2595 bytes .../apple-touch-icon-180x180-precomposed.png | Bin 0 -> 6006 bytes static/apple-touch-icon-180x180.png | Bin 0 -> 2947 bytes static/apple-touch-icon-60x60-precomposed.png | Bin 0 -> 1595 bytes static/apple-touch-icon-60x60.png | Bin 0 -> 1422 bytes static/apple-touch-icon-76x76-precomposed.png | Bin 0 -> 1862 bytes static/apple-touch-icon-76x76.png | Bin 0 -> 1662 bytes static/apple-touch-icon-precomposed.png | Bin 0 -> 6006 bytes static/apple-touch-icon.png | Bin 0 -> 2947 bytes static/browserconfig.xml | 12 ++++ static/favicon-16x16.png | Bin 0 -> 952 bytes static/favicon-32x32.png | Bin 0 -> 1626 bytes static/favicon.ico | Bin 0 -> 15086 bytes static/favicon.png | Bin 1571 -> 0 bytes static/mstile-144x144.png | Bin 0 -> 2926 bytes static/mstile-150x150.png | Bin 0 -> 2929 bytes static/mstile-310x150.png | Bin 0 -> 3184 bytes static/mstile-310x310.png | Bin 0 -> 6290 bytes static/mstile-70x70.png | Bin 0 -> 1988 bytes static/safari-pinned-tab.svg | 28 ++++++++ static/site.webmanifest | 19 ++++++ 30 files changed, 159 insertions(+), 3 deletions(-) create mode 100644 faviconDescription.json create mode 100644 icon.svg create mode 100644 static/android-chrome-192x192.png create mode 100644 static/android-chrome-512x512.png create mode 100644 static/apple-touch-icon-120x120-precomposed.png create mode 100644 static/apple-touch-icon-120x120.png create mode 100644 static/apple-touch-icon-152x152-precomposed.png create mode 100644 static/apple-touch-icon-152x152.png create mode 100644 static/apple-touch-icon-180x180-precomposed.png create mode 100644 static/apple-touch-icon-180x180.png create mode 100644 static/apple-touch-icon-60x60-precomposed.png create mode 100644 static/apple-touch-icon-60x60.png create mode 100644 static/apple-touch-icon-76x76-precomposed.png create mode 100644 static/apple-touch-icon-76x76.png create mode 100644 static/apple-touch-icon-precomposed.png create mode 100644 static/apple-touch-icon.png create mode 100644 static/browserconfig.xml create mode 100644 static/favicon-16x16.png create mode 100644 static/favicon-32x32.png create mode 100644 static/favicon.ico delete mode 100644 static/favicon.png create mode 100644 static/mstile-144x144.png create mode 100644 static/mstile-150x150.png create mode 100644 static/mstile-310x150.png create mode 100644 static/mstile-310x310.png create mode 100644 static/mstile-70x70.png create mode 100644 static/safari-pinned-tab.svg create mode 100644 static/site.webmanifest diff --git a/README.md b/README.md index a4bcbec..3a41123 100644 --- a/README.md +++ b/README.md @@ -115,3 +115,21 @@ Verify that everything is okay with `service moshing-mammut status`. The app should now be reachable on http://localhost:3000 or whatever you configured your domain to be! +# Icons + +Favicon is a combination of [speaker-line by remix icon](https://remixicon.com/icon/speaker-line) +and [the official Mastodon icon](https://joinmastodon.org/en/branding). + +It has been mushed together by me, saved as SVG file in [icon.svg](./icon.svg) +and turned into a slew of icons by [https://realfavicongenerator.net/](https://realfavicongenerator.net/): + +```sh +npm install -g cli-real-favicon +real-favicon generate faviconDescription.json faviconData.json static +``` + +Other icons: + +- [error-warning-fill by remix icon](https://remixicon.com/icon/error-warning-fill) +- [git-branch-fill by remix icon](https://remixicon.com/icon/git-branch-fill) +- [rss-fill by remix icon](https://remixicon.com/icon/rss-line) diff --git a/faviconDescription.json b/faviconDescription.json new file mode 100644 index 0000000..edc8e91 --- /dev/null +++ b/faviconDescription.json @@ -0,0 +1,64 @@ + +{ + "masterPicture": "./icon.svg", + "iconsPath": "/static", + "design": { + "ios": { + "pictureAspect": "backgroundAndMargin", + "backgroundColor": "#ffffff", + "margin": "0%", + "assets": { + "ios6AndPriorIcons": false, + "ios7AndLaterIcons": true, + "precomposedIcons": true, + "declareOnlyDefaultIcon": true + }, + "appName": "Moshing Mammut" + }, + "desktopBrowser": { + "design": "raw" + }, + "windows": { + "pictureAspect": "whiteSilhouette", + "backgroundColor": "#2e0b78", + "onConflict": "override", + "assets": { + "windows80Ie10Tile": false, + "windows10Ie11EdgeTiles": { + "small": true, + "medium": true, + "big": true, + "rectangle": true + } + }, + "appName": "Moshing Mammut" + }, + "androidChrome": { + "pictureAspect": "noChange", + "themeColor": "#2e0b78", + "manifest": { + "name": "Moshing Mammut", + "display": "standalone", + "orientation": "notSet", + "onConflict": "override", + "declared": true + }, + "assets": { + "legacyIcon": false, + "lowResolutionIcons": false + } + }, + "safariPinnedTab": { + "pictureAspect": "blackAndWhite", + "threshold": 27.5, + "themeColor": "#2e0b78" + } + }, + "settings": { + "scalingAlgorithm": "Mitchell", + "errorOnImageTooSmall": false, + "readmeFile": false, + "htmlCodeFile": false, + "usePathAsIs": false + } +} \ No newline at end of file diff --git a/icon.svg b/icon.svg new file mode 100644 index 0000000..c609fc8 --- /dev/null +++ b/icon.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/src/app.html b/src/app.html index 96a0a61..52aae12 100644 --- a/src/app.html +++ b/src/app.html @@ -2,11 +2,19 @@ - + + + + + + + + + - - + + %sveltekit.head%