feat: Initial release with MIPS support
This commit is contained in:
57
frontend/index.html
Normal file
57
frontend/index.html
Normal file
@@ -0,0 +1,57 @@
|
||||
<!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="z" />
|
||||
<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");
|
||||
var c = "#0f172a"; // Midnight (default)
|
||||
var tc = "#94a3b8"; // Text Color (Slate 400)
|
||||
|
||||
if (t === "Light") {
|
||||
c = "#f9fafb"; // Gray 50
|
||||
tc = "#111827"; // Gray 900
|
||||
} else if (t === "Amoled") {
|
||||
c = "#000000";
|
||||
tc = "#e5e7eb"; // Gray 200
|
||||
}
|
||||
|
||||
var s = document.createElement("style");
|
||||
s.innerHTML = "body { background-color: " + c + "; color: " + tc + "; }";
|
||||
document.head.appendChild(s);
|
||||
})();
|
||||
</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);
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
Reference in New Issue
Block a user