mirror of
https://github.com/CarldricGaming/Mini-Compressor
synced 2026-08-23 02:26:04 -04:00
Add files via upload
This commit is contained in:
parent
81e4bdd3e4
commit
e2869405e8
1 changed files with 132 additions and 0 deletions
132
index.html
Normal file
132
index.html
Normal 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>
|
||||
Loading…
Add table
Add a link
Reference in a new issue