mirror of
https://github.com/jxxghp/MoviePilot-Frontend.git
synced 2026-05-06 20:43:03 +08:00
125 lines
8.6 KiB
HTML
125 lines
8.6 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8" />
|
|
<link rel="icon" href="/favicon.ico" />
|
|
<meta name="viewport" content="initial-scale=1, viewport-fit=cover, width=device-width, user-scalable=no" />
|
|
<title>MoviePilot</title>
|
|
<meta name="Robots" content="noindex,nofollow,noarchive">
|
|
<link rel="icon" type="image/png" href="/logo.png">
|
|
<link rel="apple-touch-icon" href="/apple-touch-icon.png">
|
|
<link rel="apple-touch-startup-image" href="/splash/apple-splash-750-1334.png">
|
|
<link rel="apple-touch-startup-image" href="/splash/apple-splash-2048-2732.png"
|
|
media="(device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)">
|
|
<link rel="apple-touch-startup-image" href="/splash/apple-splash-2732-2048.png"
|
|
media="(device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)">
|
|
<link rel="apple-touch-startup-image" href="/splash/apple-splash-1668-2388.png"
|
|
media="(device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)">
|
|
<link rel="apple-touch-startup-image" href="/splash/apple-splash-2388-1668.png"
|
|
media="(device-width: 834px) and (device-height: 1194px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)">
|
|
<link rel="apple-touch-startup-image" href="/splash/apple-splash-1536-2048.png"
|
|
media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)">
|
|
<link rel="apple-touch-startup-image" href="/splash/apple-splash-2048-1536.png"
|
|
media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)">
|
|
<link rel="apple-touch-startup-image" href="/splash/apple-splash-1668-2224.png"
|
|
media="(device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)">
|
|
<link rel="apple-touch-startup-image" href="/splash/apple-splash-2224-1668.png"
|
|
media="(device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)">
|
|
<link rel="apple-touch-startup-image" href="/splash/apple-splash-1620-2160.png"
|
|
media="(device-width: 810px) and (device-height: 1080px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)">
|
|
<link rel="apple-touch-startup-image" href="/splash/apple-splash-2160-1620.png"
|
|
media="(device-width: 810px) and (device-height: 1080px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)">
|
|
<link rel="apple-touch-startup-image" href="/splash/apple-splash-1284-2778.png"
|
|
media="(device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)">
|
|
<link rel="apple-touch-startup-image" href="/splash/apple-splash-2778-1284.png"
|
|
media="(device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)">
|
|
<link rel="apple-touch-startup-image" href="/splash/apple-splash-1170-2532.png"
|
|
media="(device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)">
|
|
<link rel="apple-touch-startup-image" href="/splash/apple-splash-2532-1170.png"
|
|
media="(device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)">
|
|
<link rel="apple-touch-startup-image" href="/splash/apple-splash-1125-2436.png"
|
|
media="(device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)">
|
|
<link rel="apple-touch-startup-image" href="/splash/apple-splash-2436-1125.png"
|
|
media="(device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)">
|
|
<link rel="apple-touch-startup-image" href="/splash/apple-splash-1242-2688.png"
|
|
media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)">
|
|
<link rel="apple-touch-startup-image" href="/splash/apple-splash-2688-1242.png"
|
|
media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)">
|
|
<link rel="apple-touch-startup-image" href="/splash/apple-splash-828-1792.png"
|
|
media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)">
|
|
<link rel="apple-touch-startup-image" href="/splash/apple-splash-1792-828.png"
|
|
media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)">
|
|
<link rel="apple-touch-startup-image" href="/splash/apple-splash-1242-2208.png"
|
|
media="(device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)">
|
|
<link rel="apple-touch-startup-image" href="/splash/apple-splash-2208-1242.png"
|
|
media="(device-width: 414px) and (device-height: 736px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)">
|
|
<link rel="apple-touch-startup-image" href="/splash/apple-splash-750-1334.png"
|
|
media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)">
|
|
<link rel="apple-touch-startup-image" href="/splash/apple-splash-1334-750.png"
|
|
media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)">
|
|
<link rel="apple-touch-startup-image" href="/splash/apple-splash-640-1136.png"
|
|
media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)">
|
|
<link rel="apple-touch-startup-image" href="/splash/apple-splash-1136-640.png"
|
|
media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)">
|
|
<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
|
|
<link rel="manifest" href="manifest.json" crossorigin="use-credentials">
|
|
<meta name="mobile-web-app-capable" content="yes" />
|
|
<meta name="apple-mobile-web-app-capable" content="yes" />
|
|
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
|
|
<meta name="apple-mobile-web-app-title" content="MoviePilot">
|
|
<meta name="description" content="MoviePilot">
|
|
<meta name="format-detection" content="telephone=no">
|
|
<meta name="referrer" content="never">
|
|
<meta name="msapplication-TileColor" content="#7D34FD" />
|
|
<meta name="color-scheme" content="light dark">
|
|
<meta name="theme-color" content="#28243D" media="(prefers-color-scheme: dark)">
|
|
<meta name="theme-color" content="#F4F5FA" media="(prefers-color-scheme: light)">
|
|
<meta name="HandheldFriendly" content="True" />
|
|
<meta name="MobileOptimized" content="320" />
|
|
<link rel="stylesheet" type="text/css" href="/loader.css" />
|
|
</head>
|
|
|
|
<body>
|
|
<div id="app">
|
|
<div id="loading-bg">
|
|
<div class="loading-logo">
|
|
<!-- SVG Logo -->
|
|
<svg width="86" height="48" viewBox="0 0 30 24" xmlns="http://www.w3.org/2000/svg">
|
|
<g fill="none" fill-rule="evenodd">
|
|
<path d="M30 21.392a2 2 0 0 1-3.027 1.716l-3.258-1.95a2 2 0 0 1-.973-1.716l-.001-6.7L15
|
|
17.178l-7.742-4.434v6.7a2 2 0 0 1-.973 1.715l-3.258 1.95A2 2 0 0 1 0 21.392V3.585l.005-.15L0 3.572a2 2 0 0
|
|
1 3.045-1.706L15 9.194l11.955-7.328A2 2 0 0 1 30 3.572Z" fill="var(--initial-loader-color)" />
|
|
<path fill="var(--initial-loader-color)" opacity=".078" d="m0 8.589 7.258 4.162v4.08z" />
|
|
<path fill="var(--initial-loader-color)" opacity=".078" d=" m0 8.589 7.258 4.056v2.492zm30 0-7.258
|
|
4.153v4.212z" />
|
|
<path fill="var(--initial-loader-color)" opacity=".078" d="m30 8.589-7.258 4.052v2.62z" />
|
|
<path d="M3.045 1.866 15 9.194v7.983L0 8.587V3.571a2 2 0 0 1 3.045-1.706Z" fill-opacity=".15" fill="
|
|
#FFF" />
|
|
<path d="M26.955 1.866 15 9.194v7.983l15-8.59V3.571a2 2 0 0 0-3.045-1.706Z" fill-opacity=".35"
|
|
fill="#FFF" />
|
|
</g>
|
|
</svg>
|
|
</div>
|
|
<div class="loading">
|
|
<div class="effect-1 effects"></div>
|
|
<div class="effect-2 effects"></div>
|
|
<div class="effect-3 effects"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script type="module" src="/src/main.ts"></script>
|
|
<script>
|
|
const loaderColor = localStorage.getItem('materio-initial-loader-bg') || '#FFFFFF'
|
|
const primaryColor = localStorage.getItem('materio-initial-loader-color') || '#9155FD'
|
|
|
|
if (loaderColor)
|
|
document.documentElement.style.setProperty('--initial-loader-bg', loaderColor)
|
|
|
|
if (primaryColor)
|
|
document.documentElement.style.setProperty('--initial-loader-color', primaryColor)
|
|
</script>
|
|
</body>
|
|
|
|
</html>
|