julienfroidefond/stripstream
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(PWA): adding splah screen

Browse Source
This commit is contained in:
Julien Froidefond
2025-02-13 14:29:35 +01:00
parent dc36ccaae0
commit adc811a6da
13 changed files with 236 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

65
app/layout.tsx Normal file
View File

@@ -0,0 +1,65 @@
<head>
{/* ... existing meta tags ... */}
{/* Splashscreens pour iOS */}
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
{/* iPad Pro 12.9" */}
<link
rel="apple-touch-startup-image"
media="screen and (device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
href="/images/splash/splash-2048x2732.png"
/>
{/* iPad Pro 11" */}
<link
rel="apple-touch-startup-image"
media="screen and (device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
href="/images/splash/splash-1668x2388.png"
/>
{/* iPad Mini, Air */}
<link
rel="apple-touch-startup-image"
media="screen and (device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
href="/images/splash/splash-1536x2048.png"
/>
{/* iPhone X/XS */}
<link
rel="apple-touch-startup-image"
media="screen and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
href="/images/splash/splash-1125x2436.png"
/>
{/* iPhone XS Max */}
<link
rel="apple-touch-startup-image"
media="screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
href="/images/splash/splash-1242x2688.png"
/>
{/* iPhone XR */}
<link
rel="apple-touch-startup-image"
media="screen and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
href="/images/splash/splash-828x1792.png"
/>
{/* iPhone 8, SE */}
<link
rel="apple-touch-startup-image"
media="screen and (device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
href="/images/splash/splash-750x1334.png"
/>
{/* iPhone 8 Plus */}
<link
rel="apple-touch-startup-image"
media="screen and (device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
href="/images/splash/splash-1242x2208.png"
/>
{/* ... existing code ... */}
</head>;