general + PWA optimizations

selfhosting logo + PWA score optimization

Dockerfile

@@ -9,6 +9,10 @@ COPY public ./public
 RUN pnpm run build:sw
 RUN pnpm run build
 # final image
+FROM alpine
+COPY --from=0 /app/build /app
+RUN rm -rf /app/build/_dist_/components
+RUN rm -rf /app/build/_dist_/locales
 FROM fholzer/nginx-brotli:v1.19.1
-COPY --from=0 /app/build /usr/share/nginx/html
+COPY --from=1 /app /usr/share/nginx/html
 COPY ./nginx.conf /etc/nginx/nginx.conf

public/index.html

@@ -5,6 +5,7 @@
   <meta charset="utf-8" />
   <link rel="icon" href="/favicon.png" />
   <link rel="manifest" href="/manifest.webmanifest">
+  <link rel="apple-touch-icon" href="/lfk-logo.png">
   <meta name="theme-color" content="#FFFFFF">
   <meta name="viewport" content="width=device-width, initial-scale=1" />
   <meta name="description" content="Lauf Für Kaya! - Admin" />

public/manifest.webmanifest

@@ -16,6 +16,12 @@
 			"src": "/favicon.png",
 			"sizes": "144x144",
 			"type": "image/png"
-		}
+		},
+		{
+			"src": "/lfk-logo.png",
+			"sizes": "1540x144",
+			"type": "image/png"
+		},
+		{ "src": "/maskable_icon_x1.png", "sizes": "750x750", "type": "image/png", "purpose": "any maskable" }
 	]
 }

src/components/Dashboard.svelte

@@ -38,7 +38,7 @@
     class="select-none fixed top-0 left-0 z-20 h-full pb-10 overflow-x-hidden overflow-y-auto transition origin-left transform bg-white border-r w-60 md:translate-x-0">
     <a href="/" class="flex items-center px-4 py-5">
       <img
-        src="https://lauf-fuer-kaya.de/Bilder/kaya-logo-quadrat.png"
+        src="/lfk-logo.png"
         alt="Logo"
         class="h-10" />
       <h3 class="text-lg">Lauf für Kaya! Admin</h3>

src/components/ForgotPassword.svelte

@@ -33,7 +33,7 @@
       <img
         style="height:10rem;"
         class="mx-auto"
-        src="https://lauf-fuer-kaya.de/Bilder/kaya-logo-quadrat.png"
+        src="/lfk-logo.png"
         alt="" />
       <p class="mt-6 text-lg text-center font-bold text-gray-900">
         {$_('application_name')}
@@ -60,7 +60,7 @@
       <img
         style="height:10rem;"
         class="mx-auto"
-        src="https://lauf-fuer-kaya.de/Bilder/kaya-logo-quadrat.png"
+        src="/lfk-logo.png"
         alt="" />
       <p class="mt-6 text-lg text-center font-bold text-gray-900">
         {$_('application_name')}

src/components/Login.svelte

@@ -86,7 +86,7 @@
     <img
       style="height:10rem;"
       class="mx-auto"
-      src="https://lauf-fuer-kaya.de/Bilder/kaya-logo-quadrat.png"
+      src="/lfk-logo.png"
       alt="" />
     <p class="mt-6 text-lg text-center font-bold">{$_('application_name')}</p>
     <p class="mt-6 text-sm text-center">{$_('log_in_to_your_account')}</p>

src/components/LoginAlt.svelte

@@ -12,7 +12,7 @@
     <div>
       <img
         class="mx-auto h-12 w-auto"
-        src="https://lauf-fuer-kaya.de/Bilder/kaya-logo-quadrat.png"
+        src="/lfk-logo.png"
         alt="" />
       <h2 class="mt-6 text-center text-3xl font-extrabold text-gray-900">
         Sign in to your account