You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
183 lines
7.2 KiB
183 lines
7.2 KiB
import React from 'react';
|
|
|
|
interface PWAHeaderProps {
|
|
applicationTitle?: string;
|
|
}
|
|
|
|
const PWAHeader: React.FC<PWAHeaderProps> = ({
|
|
applicationTitle = 'Overseerr',
|
|
}) => {
|
|
return (
|
|
<>
|
|
<link
|
|
rel="apple-touch-icon"
|
|
sizes="180x180"
|
|
href="/apple-touch-icon.png"
|
|
/>
|
|
<link
|
|
rel="icon"
|
|
type="image/png"
|
|
sizes="32x32"
|
|
href="/favicon-32x32.png"
|
|
/>
|
|
<link
|
|
rel="icon"
|
|
type="image/png"
|
|
sizes="16x16"
|
|
href="/favicon-16x16.png"
|
|
/>
|
|
<link
|
|
rel="apple-touch-startup-image"
|
|
href="/apple-splash-2048-2732.jpg"
|
|
media="(device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
|
|
/>
|
|
<link
|
|
rel="apple-touch-startup-image"
|
|
href="/apple-splash-2732-2048.jpg"
|
|
media="(device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
|
|
/>
|
|
<link
|
|
rel="apple-touch-startup-image"
|
|
href="/apple-splash-1668-2388.jpg"
|
|
media="(device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
|
|
/>
|
|
<link
|
|
rel="apple-touch-startup-image"
|
|
href="/apple-splash-2388-1668.jpg"
|
|
media="(device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
|
|
/>
|
|
<link
|
|
rel="apple-touch-startup-image"
|
|
href="/apple-splash-1536-2048.jpg"
|
|
media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
|
|
/>
|
|
<link
|
|
rel="apple-touch-startup-image"
|
|
href="/apple-splash-2048-1536.jpg"
|
|
media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
|
|
/>
|
|
<link
|
|
rel="apple-touch-startup-image"
|
|
href="/apple-splash-1668-2224.jpg"
|
|
media="(device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
|
|
/>
|
|
<link
|
|
rel="apple-touch-startup-image"
|
|
href="/apple-splash-2224-1668.jpg"
|
|
media="(device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
|
|
/>
|
|
<link
|
|
rel="apple-touch-startup-image"
|
|
href="/apple-splash-1620-2160.jpg"
|
|
media="(device-width: 810px) and (device-height: 1080px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
|
|
/>
|
|
<link
|
|
rel="apple-touch-startup-image"
|
|
href="/apple-splash-2160-1620.jpg"
|
|
media="(device-width: 810px) and (device-height: 1080px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
|
|
/>
|
|
<link
|
|
rel="apple-touch-startup-image"
|
|
href="/apple-splash-1284-2778.jpg"
|
|
media="(device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
|
|
/>
|
|
<link
|
|
rel="apple-touch-startup-image"
|
|
href="/apple-splash-2778-1284.jpg"
|
|
media="(device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"
|
|
/>
|
|
<link
|
|
rel="apple-touch-startup-image"
|
|
href="/apple-splash-1170-2532.jpg"
|
|
media="(device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
|
|
/>
|
|
<link
|
|
rel="apple-touch-startup-image"
|
|
href="/apple-splash-2532-1170.jpg"
|
|
media="(device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"
|
|
/>
|
|
<link
|
|
rel="apple-touch-startup-image"
|
|
href="/apple-splash-1125-2436.jpg"
|
|
media="(device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
|
|
/>
|
|
<link
|
|
rel="apple-touch-startup-image"
|
|
href="/apple-splash-2436-1125.jpg"
|
|
media="(device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"
|
|
/>
|
|
<link
|
|
rel="apple-touch-startup-image"
|
|
href="/apple-splash-1242-2688.jpg"
|
|
media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
|
|
/>
|
|
<link
|
|
rel="apple-touch-startup-image"
|
|
href="/apple-splash-2688-1242.jpg"
|
|
media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"
|
|
/>
|
|
<link
|
|
rel="apple-touch-startup-image"
|
|
href="/apple-splash-828-1792.jpg"
|
|
media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
|
|
/>
|
|
<link
|
|
rel="apple-touch-startup-image"
|
|
href="/apple-splash-1792-828.jpg"
|
|
media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
|
|
/>
|
|
<link
|
|
rel="apple-touch-startup-image"
|
|
href="/apple-splash-1242-2208.jpg"
|
|
media="(device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)"
|
|
/>
|
|
<link
|
|
rel="apple-touch-startup-image"
|
|
href="/apple-splash-2208-1242.jpg"
|
|
media="(device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)"
|
|
/>
|
|
<link
|
|
rel="apple-touch-startup-image"
|
|
href="/apple-splash-750-1334.jpg"
|
|
media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
|
|
/>
|
|
<link
|
|
rel="apple-touch-startup-image"
|
|
href="/apple-splash-1334-750.jpg"
|
|
media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
|
|
/>
|
|
<link
|
|
rel="apple-touch-startup-image"
|
|
href="/apple-splash-640-1136.jpg"
|
|
media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)"
|
|
/>
|
|
<link
|
|
rel="apple-touch-startup-image"
|
|
href="/apple-splash-1136-640.jpg"
|
|
media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)"
|
|
/>
|
|
<meta name="apple-mobile-web-app-capable" content="yes" />
|
|
<meta
|
|
name="apple-mobile-web-app-status-bar-style"
|
|
content="black-translucent"
|
|
/>
|
|
<link
|
|
rel="manifest"
|
|
href="/site.webmanifest"
|
|
crossOrigin="use-credentials"
|
|
/>
|
|
<meta name="apple-mobile-web-app-title" content={applicationTitle} />
|
|
<meta
|
|
name="description"
|
|
content="Request and Media Discovery Application"
|
|
/>
|
|
<meta name="format-detection" content="telephone=no" />
|
|
<meta name="mobile-web-app-capable" content="yes" />
|
|
<meta name="theme-color" content="#1f2937" />
|
|
<meta name="application-name" content={applicationTitle} />
|
|
</>
|
|
);
|
|
};
|
|
|
|
export default PWAHeader;
|