Move splash screen images to subfolder

pwa-assets.config.ts

@@ -13,7 +13,7 @@ export default defineConfig({
 		appleSplashScreens: createAppleSplashScreens(
 			{
 				name: (landscape, size, dark) => {
-					return `apple-splash-${landscape ? 'landscape' : 'portrait'}-${
+					return `splash/apple-splash-${landscape ? 'landscape' : 'portrait'}-${
 						typeof dark === 'boolean' ? (dark ? 'dark-' : 'light-') : ''
 					}${size.width}x${size.height}.png`;
 				},

src/app.html

@@ -21,303 +21,303 @@
 		<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#ead40b" />
 		<link
 			rel="apple-touch-startup-image"
-			media="(device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
+			media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
-			href="/apple-splash-landscape-light-2732x2048.png"
+			href="/splash/apple-splash-portrait-light-1536x2048.png"
-		/>
-		<link
-			rel="apple-touch-startup-image"
-			media="(prefers-color-scheme: dark) and (device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
-			href="/apple-splash-portrait-dark-2048x2732.png"
-		/>
-		<link
-			rel="apple-touch-startup-image"
-			media="(prefers-color-scheme: dark) and (device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
-			href="/apple-splash-landscape-dark-2732x2048.png"
-		/>
-		<link
-			rel="apple-touch-startup-image"
-			media="(device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
-			href="/apple-splash-portrait-light-2048x2732.png"
-		/>
-		<link
-			rel="apple-touch-startup-image"
-			media="(device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
-			href="/apple-splash-portrait-light-1668x2388.png"
-		/>
-		<link
-			rel="apple-touch-startup-image"
-			media="(device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
-			href="/apple-splash-landscape-light-2388x1668.png"
 		/>
 		<link
 			rel="apple-touch-startup-image"
 			media="(prefers-color-scheme: dark) and (device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
-			href="/apple-splash-portrait-dark-1668x2388.png"
+			href="/splash/apple-splash-portrait-dark-1668x2388.png"
+		/>
+		<link
+			rel="apple-touch-startup-image"
+			media="(device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
+			href="/splash/apple-splash-portrait-light-1668x2388.png"
+		/>
+		<link
+			rel="apple-touch-startup-image"
+			media="(device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
+			href="/splash/apple-splash-portrait-light-2048x2732.png"
 		/>
 		<link
 			rel="apple-touch-startup-image"
 			media="(prefers-color-scheme: dark) and (device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
-			href="/apple-splash-landscape-dark-2388x1668.png"
+			href="/splash/apple-splash-landscape-dark-2388x1668.png"
 		/>
 		<link
 			rel="apple-touch-startup-image"
-			media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
+			media="(device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
-			href="/apple-splash-landscape-light-2048x1536.png"
+			href="/splash/apple-splash-landscape-light-2388x1668.png"
-		/>
-		<link
-			rel="apple-touch-startup-image"
-			media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
-			href="/apple-splash-portrait-light-1536x2048.png"
 		/>
 		<link
 			rel="apple-touch-startup-image"
 			media="(prefers-color-scheme: dark) and (device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
-			href="/apple-splash-portrait-dark-1536x2048.png"
+			href="/splash/apple-splash-portrait-dark-1536x2048.png"
 		/>
 		<link
 			rel="apple-touch-startup-image"
-			media="(prefers-color-scheme: dark) and (device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
+			media="(prefers-color-scheme: dark) and (device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
-			href="/apple-splash-landscape-dark-2048x1536.png"
+			href="/splash/apple-splash-portrait-dark-2048x2732.png"
+		/>
+		<link
+			rel="apple-touch-startup-image"
+			media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
+			href="/splash/apple-splash-landscape-light-2048x1536.png"
 		/>
 		<link
 			rel="apple-touch-startup-image"
 			media="(device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
-			href="/apple-splash-portrait-light-1668x2224.png"
+			href="/splash/apple-splash-portrait-light-1668x2224.png"
 		/>
 		<link
 			rel="apple-touch-startup-image"
 			media="(device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
-			href="/apple-splash-landscape-light-2224x1668.png"
+			href="/splash/apple-splash-landscape-light-2224x1668.png"
 		/>
 		<link
 			rel="apple-touch-startup-image"
 			media="(prefers-color-scheme: dark) and (device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
-			href="/apple-splash-portrait-dark-1668x2224.png"
+			href="/splash/apple-splash-portrait-dark-1668x2224.png"
-		/>
-		<link
-			rel="apple-touch-startup-image"
-			media="(prefers-color-scheme: dark) and (device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
-			href="/apple-splash-landscape-dark-2224x1668.png"
-		/>
-		<link
-			rel="apple-touch-startup-image"
-			media="(device-width: 810px) and (device-height: 1080px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
-			href="/apple-splash-landscape-light-2160x1620.png"
-		/>
-		<link
-			rel="apple-touch-startup-image"
-			media="(device-width: 810px) and (device-height: 1080px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
-			href="/apple-splash-portrait-light-1620x2160.png"
 		/>
 		<link
 			rel="apple-touch-startup-image"
 			media="(prefers-color-scheme: dark) and (device-width: 810px) and (device-height: 1080px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
-			href="/apple-splash-portrait-dark-1620x2160.png"
+			href="/splash/apple-splash-portrait-dark-1620x2160.png"
+		/>
+		<link
+			rel="apple-touch-startup-image"
+			media="(prefers-color-scheme: dark) and (device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
+			href="/splash/apple-splash-landscape-dark-2224x1668.png"
+		/>
+		<link
+			rel="apple-touch-startup-image"
+			media="(prefers-color-scheme: dark) and (device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
+			href="/splash/apple-splash-landscape-dark-2732x2048.png"
 		/>
 		<link
 			rel="apple-touch-startup-image"
 			media="(prefers-color-scheme: dark) and (device-width: 810px) and (device-height: 1080px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
-			href="/apple-splash-landscape-dark-2160x1620.png"
+			href="/splash/apple-splash-landscape-dark-2160x1620.png"
 		/>
 		<link
 			rel="apple-touch-startup-image"
-			media="(device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"
+			media="(prefers-color-scheme: dark) and (device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
-			href="/apple-splash-landscape-light-2556x1179.png"
+			href="/splash/apple-splash-landscape-dark-2048x1536.png"
 		/>
 		<link
 			rel="apple-touch-startup-image"
-			media="(device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"
+			media="(device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
-			href="/apple-splash-landscape-light-2796x1290.png"
+			href="/splash/apple-splash-landscape-light-2732x2048.png"
 		/>
 		<link
 			rel="apple-touch-startup-image"
 			media="(device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
-			href="/apple-splash-portrait-light-1290x2796.png"
+			href="/splash/apple-splash-portrait-light-1290x2796.png"
-		/>
-		<link
-			rel="apple-touch-startup-image"
-			media="(prefers-color-scheme: dark) and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
-			href="/apple-splash-portrait-dark-1290x2796.png"
 		/>
 		<link
 			rel="apple-touch-startup-image"
 			media="(prefers-color-scheme: dark) and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"
-			href="/apple-splash-landscape-dark-2796x1290.png"
+			href="/splash/apple-splash-landscape-dark-2796x1290.png"
+		/>
+		<link
+			rel="apple-touch-startup-image"
+			media="(device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"
+			href="/splash/apple-splash-landscape-light-2556x1179.png"
+		/>
+		<link
+			rel="apple-touch-startup-image"
+			media="(device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"
+			href="/splash/apple-splash-landscape-light-2796x1290.png"
 		/>
 		<link
 			rel="apple-touch-startup-image"
 			media="(prefers-color-scheme: dark) and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"
-			href="/apple-splash-landscape-dark-2556x1179.png"
+			href="/splash/apple-splash-landscape-dark-2556x1179.png"
+		/>
+		<link
+			rel="apple-touch-startup-image"
+			media="(prefers-color-scheme: dark) and (device-width: 430px) and (device-height: 932px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
+			href="/splash/apple-splash-portrait-dark-1290x2796.png"
 		/>
 		<link
 			rel="apple-touch-startup-image"
 			media="(device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
-			href="/apple-splash-portrait-light-1179x2556.png"
+			href="/splash/apple-splash-portrait-light-1179x2556.png"
+		/>
+		<link
+			rel="apple-touch-startup-image"
+			media="(device-width: 810px) and (device-height: 1080px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
+			href="/splash/apple-splash-landscape-light-2160x1620.png"
 		/>
 		<link
 			rel="apple-touch-startup-image"
 			media="(prefers-color-scheme: dark) and (device-width: 393px) and (device-height: 852px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
-			href="/apple-splash-portrait-dark-1179x2556.png"
+			href="/splash/apple-splash-portrait-dark-1179x2556.png"
-		/>
-		<link
-			rel="apple-touch-startup-image"
-			media="(device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
-			href="/apple-splash-portrait-light-1284x2778.png"
 		/>
 		<link
 			rel="apple-touch-startup-image"
 			media="(device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"
-			href="/apple-splash-landscape-light-2778x1284.png"
+			href="/splash/apple-splash-landscape-light-2778x1284.png"
-		/>
-		<link
-			rel="apple-touch-startup-image"
-			media="(device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
-			href="/apple-splash-portrait-light-1170x2532.png"
-		/>
-		<link
-			rel="apple-touch-startup-image"
-			media="(prefers-color-scheme: dark) and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
-			href="/apple-splash-portrait-dark-1284x2778.png"
-		/>
-		<link
-			rel="apple-touch-startup-image"
-			media="(device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"
-			href="/apple-splash-landscape-light-2532x1170.png"
-		/>
-		<link
-			rel="apple-touch-startup-image"
-			media="(device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"
-			href="/apple-splash-landscape-light-2436x1125.png"
-		/>
-		<link
-			rel="apple-touch-startup-image"
-			media="(prefers-color-scheme: dark) and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"
-			href="/apple-splash-landscape-dark-2532x1170.png"
 		/>
 		<link
 			rel="apple-touch-startup-image"
 			media="(prefers-color-scheme: dark) and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"
-			href="/apple-splash-landscape-dark-2778x1284.png"
+			href="/splash/apple-splash-landscape-dark-2778x1284.png"
 		/>
 		<link
 			rel="apple-touch-startup-image"
-			media="(device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
+			media="(prefers-color-scheme: dark) and (device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
-			href="/apple-splash-portrait-light-1125x2436.png"
+			href="/splash/apple-splash-portrait-dark-1284x2778.png"
+		/>
+		<link
+			rel="apple-touch-startup-image"
+			media="(device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
+			href="/splash/apple-splash-portrait-light-1284x2778.png"
+		/>
+		<link
+			rel="apple-touch-startup-image"
+			media="(device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
+			href="/splash/apple-splash-portrait-light-1170x2532.png"
+		/>
+		<link
+			rel="apple-touch-startup-image"
+			media="(prefers-color-scheme: dark) and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"
+			href="/splash/apple-splash-landscape-dark-2532x1170.png"
+		/>
+		<link
+			rel="apple-touch-startup-image"
+			media="(device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"
+			href="/splash/apple-splash-landscape-light-2532x1170.png"
+		/>
+		<link
+			rel="apple-touch-startup-image"
+			media="(device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"
+			href="/splash/apple-splash-landscape-light-2436x1125.png"
 		/>
 		<link
 			rel="apple-touch-startup-image"
 			media="(prefers-color-scheme: dark) and (device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
-			href="/apple-splash-portrait-dark-1170x2532.png"
+			href="/splash/apple-splash-portrait-dark-1170x2532.png"
+		/>
+		<link
+			rel="apple-touch-startup-image"
+			media="(device-width: 810px) and (device-height: 1080px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
+			href="/splash/apple-splash-portrait-light-1620x2160.png"
 		/>
 		<link
 			rel="apple-touch-startup-image"
 			media="(prefers-color-scheme: dark) and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
-			href="/apple-splash-portrait-dark-1125x2436.png"
+			href="/splash/apple-splash-portrait-dark-1125x2436.png"
 		/>
 		<link
 			rel="apple-touch-startup-image"
 			media="(prefers-color-scheme: dark) and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"
-			href="/apple-splash-landscape-dark-2436x1125.png"
+			href="/splash/apple-splash-landscape-dark-2436x1125.png"
-		/>
-		<link
-			rel="apple-touch-startup-image"
-			media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
-			href="/apple-splash-landscape-light-1792x828.png"
 		/>
 		<link
 			rel="apple-touch-startup-image"
 			media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
-			href="/apple-splash-portrait-light-1242x2688.png"
+			href="/splash/apple-splash-portrait-light-1242x2688.png"
 		/>
 		<link
 			rel="apple-touch-startup-image"
-			media="(prefers-color-scheme: dark) and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"
+			media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
-			href="/apple-splash-landscape-dark-2688x1242.png"
+			href="/splash/apple-splash-landscape-light-1792x828.png"
 		/>
 		<link
 			rel="apple-touch-startup-image"
 			media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"
-			href="/apple-splash-landscape-light-2688x1242.png"
+			href="/splash/apple-splash-landscape-light-2688x1242.png"
 		/>
 		<link
 			rel="apple-touch-startup-image"
-			media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
+			media="(device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
-			href="/apple-splash-portrait-light-828x1792.png"
+			href="/splash/apple-splash-portrait-light-1125x2436.png"
 		/>
 		<link
 			rel="apple-touch-startup-image"
 			media="(prefers-color-scheme: dark) and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
-			href="/apple-splash-portrait-dark-828x1792.png"
+			href="/splash/apple-splash-portrait-dark-828x1792.png"
 		/>
 		<link
 			rel="apple-touch-startup-image"
 			media="(prefers-color-scheme: dark) and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
-			href="/apple-splash-landscape-dark-1792x828.png"
+			href="/splash/apple-splash-landscape-dark-1792x828.png"
-		/>
-		<link
-			rel="apple-touch-startup-image"
-			media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
-			href="/apple-splash-portrait-light-750x1334.png"
 		/>
 		<link
 			rel="apple-touch-startup-image"
 			media="(prefers-color-scheme: dark) and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
-			href="/apple-splash-portrait-dark-1242x2688.png"
+			href="/splash/apple-splash-portrait-dark-1242x2688.png"
 		/>
 		<link
 			rel="apple-touch-startup-image"
-			media="(device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
+			media="(prefers-color-scheme: dark) and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"
-			href="/apple-splash-portrait-light-1242x2208.png"
+			href="/splash/apple-splash-landscape-dark-2688x1242.png"
+		/>
+		<link
+			rel="apple-touch-startup-image"
+			media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
+			href="/splash/apple-splash-portrait-light-828x1792.png"
 		/>
 		<link
 			rel="apple-touch-startup-image"
 			media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
-			href="/apple-splash-landscape-light-1334x750.png"
+			href="/splash/apple-splash-landscape-light-1334x750.png"
+		/>
+		<link
+			rel="apple-touch-startup-image"
+			media="(device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
+			href="/splash/apple-splash-portrait-light-1242x2208.png"
 		/>
 		<link
 			rel="apple-touch-startup-image"
 			media="(device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"
-			href="/apple-splash-landscape-light-2208x1242.png"
+			href="/splash/apple-splash-landscape-light-2208x1242.png"
 		/>
 		<link
 			rel="apple-touch-startup-image"
-			media="(prefers-color-scheme: dark) and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
+			media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
-			href="/apple-splash-landscape-dark-1334x750.png"
+			href="/splash/apple-splash-portrait-light-750x1334.png"
-		/>
-		<link
-			rel="apple-touch-startup-image"
-			media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
-			href="/apple-splash-portrait-light-640x1136.png"
-		/>
-		<link
-			rel="apple-touch-startup-image"
-			media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
-			href="/apple-splash-landscape-light-1136x640.png"
 		/>
 		<link
 			rel="apple-touch-startup-image"
 			media="(prefers-color-scheme: dark) and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
-			href="/apple-splash-portrait-dark-750x1334.png"
+			href="/splash/apple-splash-portrait-dark-750x1334.png"
 		/>
 		<link
 			rel="apple-touch-startup-image"
 			media="(prefers-color-scheme: dark) and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
-			href="/apple-splash-portrait-dark-1242x2208.png"
+			href="/splash/apple-splash-portrait-dark-1242x2208.png"
-		/>
-		<link
-			rel="apple-touch-startup-image"
-			media="(prefers-color-scheme: dark) and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"
-			href="/apple-splash-landscape-dark-2208x1242.png"
-		/>
-		<link
-			rel="apple-touch-startup-image"
-			media="(prefers-color-scheme: dark) and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
-			href="/apple-splash-landscape-dark-1136x640.png"
 		/>
 		<link
 			rel="apple-touch-startup-image"
 			media="(prefers-color-scheme: dark) and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
-			href="/apple-splash-portrait-dark-640x1136.png"
+			href="/splash/apple-splash-portrait-dark-640x1136.png"
+		/>
+		<link
+			rel="apple-touch-startup-image"
+			media="(prefers-color-scheme: dark) and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
+			href="/splash/apple-splash-landscape-dark-1334x750.png"
+		/>
+		<link
+			rel="apple-touch-startup-image"
+			media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
+			href="/splash/apple-splash-portrait-light-640x1136.png"
+		/>
+		<link
+			rel="apple-touch-startup-image"
+			media="(prefers-color-scheme: dark) and (device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
+			href="/splash/apple-splash-landscape-dark-1136x640.png"
+		/>
+		<link
+			rel="apple-touch-startup-image"
+			media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
+			href="/splash/apple-splash-landscape-light-1136x640.png"
+		/>
+		<link
+			rel="apple-touch-startup-image"
+			media="(prefers-color-scheme: dark) and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"
+			href="/splash/apple-splash-landscape-dark-2208x1242.png"
 		/>
 		%sveltekit.head%
 	</head>