Add files via upload

This commit is contained in:
Carldric Clement 2026-04-08 16:30:03 +08:00 committed by GitHub
parent 81e4bdd3e4
commit e2869405e8
No known key found for this signature in database
GPG key ID: B5690EEEBB952194

132
index.html Normal file
View file

@ -0,0 +1,132 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mini Compressor</title>
<script src="https://cdn.tailwindcss.com"></script>
<style>
body {
background: radial-gradient(circle at top, #0f172a, #020617);
overflow-x: hidden;
}
/* Glass */
.glass {
background: rgba(255,255,255,0.05);
backdrop-filter: blur(12px);
border: 1px solid rgba(255,255,255,0.1);
}
/* Neon */
.neon {
box-shadow: 0 0 10px #3b82f6, 0 0 40px #3b82f6;
}
.neon-text {
text-shadow: 0 0 10px #3b82f6, 0 0 30px #3b82f6;
}
/* Animated particles */
.particle {
position: absolute;
width: 2px;
height: 2px;
background: #3b82f6;
animation: float 10s linear infinite;
opacity: 0.6;
}
@keyframes float {
from { transform: translateY(0); }
to { transform: translateY(-100vh); }
}
</style>
</head>
<body class="text-white font-sans">
<!-- PARTICLES -->
<div id="particles"></div>
<!-- HERO -->
<section class="text-center py-24 px-6 relative">
<h1 class="text-6xl font-bold neon-text mb-4">
Mini Compressor
</h1>
<p class="text-gray-400 mb-6">
Game Repacking Tool • Masked Compression v3
</p>
<p id="version" class="text-blue-400 mb-8">
Loading latest version...
</p>
<a id="downloadBtn"
class="px-10 py-4 rounded-2xl text-lg font-semibold bg-blue-600 neon hover:bg-blue-500 transition">
⬇ Download Latest
</a>
</section>
<!-- CHANGELOG -->
<section class="max-w-3xl mx-auto px-6 py-10">
<div class="glass p-6 rounded-2xl">
<h2 class="text-xl font-bold mb-4">Latest Changes</h2>
<pre id="changelog" class="text-gray-400 whitespace-pre-wrap text-sm">
Loading changelog...
</pre>
</div>
</section>
<!-- FEATURES -->
<section class="max-w-6xl mx-auto px-6 py-16">
<div class="grid md:grid-cols-3 gap-8">
<div class="glass p-6 rounded-2xl">⚡ Multi-threaded performance</div>
<div class="glass p-6 rounded-2xl">📦 Masked Compression v3</div>
<div class="glass p-6 rounded-2xl">🎮 Game optimized</div>
</div>
</section>
<!-- SCRIPT -->
<script>
// FETCH LATEST RELEASE
fetch("https://api.github.com/repos/CarldricGaming/Mini-Compressor/releases/latest")
.then(res => res.json())
.then(data => {
document.getElementById("version").innerText = "Latest Version: " + data.tag_name;
document.getElementById("changelog").innerText =
data.body ? data.body.substring(0, 800) : "No changelog available.";
// AUTO GET EXE FILE
const exe = data.assets.find(a => a.name.endsWith(".exe"));
if (exe) {
document.getElementById("downloadBtn").href = exe.browser_download_url;
} else {
document.getElementById("downloadBtn").href = data.html_url;
}
})
.catch(() => {
document.getElementById("version").innerText = "Failed to load version";
});
// PARTICLES GENERATOR
const container = document.getElementById("particles");
for (let i = 0; i < 80; i++) {
const p = document.createElement("div");
p.classList.add("particle");
p.style.left = Math.random() * 100 + "vw";
p.style.top = Math.random() * 100 + "vh";
p.style.animationDuration = (5 + Math.random() * 10) + "s";
container.appendChild(p);
}
</script>
</body>
</html>