Update PWA assets and enhance UI components for improved user experience

- Replaced outdated favicon and app icons with new PNG assets for better scalability and visual quality.
- Updated index.html and manifest.json to reflect new icon paths and improve PWA support.
- Added a script in package.json to generate PWA icons automatically.
- Enhanced AppLauncherOverlay.vue with a refresh button for better user interaction.
- Improved SplashScreen.vue with new transition effects for a more engaging user experience.
This commit is contained in:
Dorian
2026-02-18 10:10:12 +00:00
parent d6ecf5ea2f
commit e6fb1d20be
17 changed files with 790 additions and 145 deletions

View File

@@ -2,16 +2,15 @@
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" href="/favicon.ico" sizes="48x48" />
<link rel="icon" type="image/svg+xml" href="/assets/icon/favico-black.svg" />
<link rel="apple-touch-icon" href="/assets/icon/favico-black.svg" />
<link rel="apple-touch-icon" sizes="72x72" href="/assets/icon/favico-black.svg" />
<link rel="apple-touch-icon" sizes="96x96" href="/assets/icon/favico-black.svg" />
<link rel="apple-touch-icon" sizes="128x128" href="/assets/icon/favico-black.svg" />
<link rel="apple-touch-icon" sizes="144x144" href="/assets/icon/favico-black.svg" />
<link rel="apple-touch-icon" sizes="152x152" href="/assets/icon/favico-black.svg" />
<link rel="apple-touch-icon" sizes="180x180" href="/assets/icon/favico-black.svg" />
<link rel="apple-touch-icon" sizes="192x192" href="/assets/icon/favico-black.svg" />
<link rel="apple-touch-icon" sizes="512x512" href="/assets/icon/favico-black.svg" />
<link rel="icon" type="image/png" sizes="64x64" href="/assets/icon/pwa-64x64.png" />
<link rel="icon" type="image/png" sizes="192x192" href="/assets/icon/pwa-192x192.png" />
<link rel="icon" type="image/png" sizes="512x512" href="/assets/icon/pwa-512x512.png" />
<link rel="apple-touch-icon" href="/assets/icon/apple-touch-icon-180x180.png" />
<link rel="apple-touch-icon" sizes="180x180" href="/assets/icon/apple-touch-icon-180x180.png" />
<link rel="apple-touch-icon" sizes="192x192" href="/assets/icon/pwa-192x192.png" />
<link rel="apple-touch-icon" sizes="512x512" href="/assets/icon/pwa-512x512.png" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
<meta name="description" content="Archipelago - Your sovereign personal server" />
<meta name="theme-color" content="#000000" />
@@ -21,7 +20,7 @@
<meta name="apple-mobile-web-app-title" content="Archipelago" />
<meta name="application-name" content="Archipelago" />
<meta name="msapplication-TileColor" content="#000000" />
<meta name="msapplication-TileImage" content="/assets/icon/favico-black.svg" />
<meta name="msapplication-TileImage" content="/assets/icon/pwa-192x192.png" />
<link rel="manifest" href="/manifest.webmanifest" />
<title>Archipelago OS</title>
</head>