Finally an actual logo!

Added a logo and added screenshots for PWA.
Also changed from Gravatar to Libravatar

src/lib/components/Header.svelte

@@ -55,10 +55,10 @@
 		</a>
 		<div class="flex items-center md:order-2 space-x-3 md:space-x-0 rtl:space-x-reverse">
 			{#if authUser}
-				{@const email = sha256(authUser.email)}
+				{@const email = sha256(authUser.email.toLowerCase())}
 				<button type="button" on:click={() => toggleNavbar('user-dropdown')} aria-expanded="false" data-dropdown-toggle="user-dropdown" data-dropdown-placement="bottom" class="flex text-sm bg-gray-800 rounded-full md:me-0 focus:ring-4 focus:ring-gray-300 dark:focus:ring-gray-600" id="user-menu-button">
 					<span class="sr-only">{$_('app.header.open_user_menu')}</span>
-					<img class="w-8 h-8 rounded-full" src={'https://www.gravatar.com/avatar/' + email} alt={$_('app.avatar_alt')}>
+					<img class="w-8 h-8 rounded-full" src={'https://seccdn.libravatar.org/avatar/' + email + '?default=robohash'} alt={$_('app.avatar_alt')}>
 				</button>
 				<!-- Dropdown menu -->
 				<div class="z-50 hidden my-4 text-base list-none bg-white divide-y divide-gray-100 rounded-lg shadow dark:bg-gray-700 dark:divide-gray-600" id="user-dropdown" style="position: absolute; right: 0; top: 70px; ">

src/lib/locales/en.json

@@ -266,7 +266,7 @@
         "avatar": {
           "label": "Avatar",
           "question": "Want to edit your avatar?",
-          "answer": "Go to gravatar.com"
+          "answer": "Go to libravatar.org"
         },
         "edit": {
           "title": "Edit Your Account",

src/routes/(user)/account/+page.svelte

@@ -9,7 +9,7 @@
 	/** @type {import('./$types').PageData} */
 	export let data;
 	const authUser = data.authUser;
-	const email = sha256(authUser.email);
+	const email = sha256(authUser.email.toLowerCase());
 	
 	/** @type {import('svelte/store').Writable<string>} */
 	getContext('title').set('account.info');
@@ -21,7 +21,7 @@
 	<br><br>
 	<p><strong>{$_('fields.user.username.label')}</strong>: {authUser.name}</p>
 	<p><strong>{$_('fields.user.email.label')}</strong>: {authUser.email}</p>
-	<p><strong>{$_('page.account.info.avatar.label')}</strong>: <img class="w-16 h-16 rounded-full" src={"https://www.gravatar.com/avatar/" + email} alt={$_('app.avatar_alt')}></p>
+	<p><strong>{$_('page.account.info.avatar.label')}</strong>: <img class="w-16 h-16 rounded-full" src={'https://seccdn.libravatar.org/avatar/' + email + '?default=robohash'} alt={$_('app.avatar_alt')}></p>
 	<br>
-	<p><i>{$_('page.account.info.avatar.question')} <a href="https://gravatar.com/profile">{$_('page.account.info.avatar.answer')}</a></i></p>
+	<p><i>{$_('page.account.info.avatar.question')} <a href="https://www.libravatar.org/">{$_('page.account.info.avatar.answer')}</a></i></p>
 </div>

static/manifest.json

 {
-    "short_name": "praiselink",
-    "name": "PraiseLink",
-    "description": "PraiseLink Web App",
-    "start_url": "/",
-    "icons": [
-      {
-        "src": "favicon.png",
-        "type": "image/png",
-        "sizes": "128x128"
-      }
-    ],
-    "background_color": "#3367D6",
-    "display": "standalone",
-    "scope": "/",
-    "theme_color": "#3367D6",
-    "shortcuts": [
-      {
-        "name": "View Playlists",
-        "short_name": "Playlists",
-        "description": "View the existing playlists",
-        "url": "/playlists?source=pwa",
-        "icons": [{ "src": "/favicon.png", "sizes": "128x128" }]
-      },
-      {
-        "name": "View Songs",
-        "short_name": "Songs",
-        "description": "View the existing songs",
-        "url": "/songs?source=pwa",
-        "icons": [{ "src": "/favicon.png", "sizes": "128x128" }]
-      }
-    ]
+  "short_name": "praiselink",
+  "name": "PraiseLink",
+  "description": "PraiseLink Web App",
+  "start_url": "/",
+  "icons": [
+    {
+      "src": "favicon.png",
+      "type": "image/png",
+      "sizes": "869x869"
+    },
+    {
+      "src": "mask.png",
+      "type": "image/png",
+      "sizes": "2000x2000",
+      "purpose": "maskable"
+    }
+  ],
+  "screenshots" : [
+    {
+      "src": "/screenshots/screenshot1.png",
+      "sizes": "1920x890",
+      "type": "image/png",
+      "form_factor": "wide",
+      "label": "Homescreen of PraiseLink"
+    },
+    {
+      "src": "/screenshots/screenshot2.png",
+      "sizes": "1920x890",
+      "type": "image/png",
+      "form_factor": "wide",
+      "label": "About page of PraiseLink"
+    },
+    {
+      "src": "/screenshots/screenshot_mobile1.png",
+      "sizes": "1440x2960",
+      "type": "image/png",
+      "form_factor": "narrow",
+      "label": "Homescreen of PraiseLink"
+    },
+    {
+      "src": "/screenshots/screenshot_mobile2.png",
+      "sizes": "1440x2960",
+      "type": "image/png",
+      "form_factor": "narrow",
+      "label": "About page of PraiseLink"
+    }
+  ], 
+  "background_color": "#3367D6",
+  "display": "standalone",
+  "scope": "/",
+  "theme_color": "#3367D6",
+  "shortcuts": [
+    {
+      "name": "View Playlists",
+      "short_name": "Playlists",
+      "description": "View the existing playlists",
+      "url": "/playlists?source=pwa",
+      "icons": [{ "src": "/favicon.png", "sizes": "869x869" }]
+    },
+    {
+      "name": "View Songs",
+      "short_name": "Songs",
+      "description": "View the existing songs",
+      "url": "/songs?source=pwa",
+      "icons": [{ "src": "/favicon.png", "sizes": "869x869" }]
+    }
+  ]
 }
\ No newline at end of file