52 lines
1.6 KiB
HTML
52 lines
1.6 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
|
|
<title>VibeTorrent</title>
|
|
|
|
<!-- PWA & Mobile Capable -->
|
|
<meta name="mobile-web-app-capable" content="yes" />
|
|
<meta name="apple-mobile-web-app-capable" content="yes" />
|
|
<meta name="theme-color" content="#111827" />
|
|
<link rel="manifest" href="manifest.json" />
|
|
<link rel="apple-touch-icon" href="icon-192.png" />
|
|
|
|
<!-- Trunk Assets -->
|
|
<link data-trunk rel="rust" href="Cargo.toml" data-wasm-opt="0" />
|
|
<link data-trunk rel="css" href="public/tailwind.css" />
|
|
<link data-trunk rel="copy-file" href="manifest.json" />
|
|
<link data-trunk rel="copy-file" href="icon-192.png" />
|
|
<script>
|
|
(function () {
|
|
var t = localStorage.getItem("vibetorrent_theme") || "dark";
|
|
if (t === "Amoled") t = "black";
|
|
if (t === "Light") t = "light";
|
|
if (t === "Dark" || t === "Midnight") t = "dark";
|
|
|
|
document.documentElement.setAttribute("data-theme", t.toLowerCase());
|
|
})();
|
|
</script>
|
|
</head>
|
|
|
|
<body>
|
|
<div id="app-loading" style="display: flex; justify-content: center; align-items: center; height: 100vh;">
|
|
<div
|
|
style="width: 40px; height: 40px; border: 3px solid currentColor; border-top-color: transparent; border-radius: 50%; animation: spin 0.8s linear infinite; opacity: 0.5;">
|
|
</div>
|
|
</div>
|
|
<style>
|
|
@keyframes spin {
|
|
to {
|
|
transform: rotate(360deg);
|
|
}
|
|
}
|
|
|
|
body.app-loaded #app-loading {
|
|
display: none !important;
|
|
}
|
|
</style>
|
|
</body>
|
|
|
|
</html> |