lce-hub.github.io/index.html
Santiago Fisela dc1ce2e368 First draft
2026-03-13 23:26:52 -03:00

119 lines
4.6 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Emerald Legacy Launcher | Play Minecraft Legacy Console Edition</title>
<meta name="description"
content="The ultimate launcher for Minecraft Legacy Console Edition builds. Streamlined, themed, and built for the community.">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
href="https://fonts.googleapis.com/css2?family=Pixelify+Sans:wght@400..700&family=Silkscreen:wght@400;700&display=swap"
rel="stylesheet">
</head>
<body>
<div id="app">
<div class="panorama-bg"></div>
<div class="vignette"></div>
<div class="menu-container">
<header class="menu-header">
<img src="/MenuTitle.png" alt="Emerald Legacy" class="menu-title">
</header>
<nav class="menu-tabs">
<button class="arrow-btn" id="prev-tab">
<img src="/Settings_Arrow_Left.png" alt="LB">
</button>
<div class="tabs-wrapper">
<button class="tab-item active" data-tab="home">Home</button>
<button class="tab-item" data-tab="features">Features</button>
<button class="tab-item" data-tab="media">Media</button>
<button class="tab-item" data-tab="download">Download</button>
</div>
<button class="arrow-btn" id="next-tab">
<img src="/Settings_Arrow_Right.png" alt="RB">
</button>
</nav>
<div class="menu-content-wrapper">
<main class="menu-content">
<section class="tab-content active" id="home">
<div class="home-layout">
<div class="sga-label sub-sga" style="margin-bottom: 20px;">
<img src="/sga_e.png"><img src="/sga_n.png"><img src="/sga_c.png"><img src="/sga_h.png"><img
src="/sga_a.png"><img src="/sga_n.png"><img src="/sga_t.png">
</div>
<h1>Experience the Legacy</h1>
<p>The Emerald Legacy Launcher brings back the golden age of Minecraft Console Edition. Stability, speed,
and that classic nostalgia you crave.</p>
<div class="hero-actions">
<a href="#" class="btn" id="goto-features">View Features</a>
<a href="#" class="btn" id="goto-download">Get Launcher</a>
</div>
</div>
</section>
<section class="tab-content" id="features">
<div class="features-grid">
<div class="feature-item">
<div class="feature-icon">💎</div>
<h3>Authentic UI</h3>
<p>A launcher built to feel like an extension of the game itself.</p>
</div>
<div class="feature-item">
<div class="feature-icon">🚀</div>
<h3>Speed</h3>
<p>Optimized for rapid launching and peak performance.</p>
</div>
<div class="feature-item">
<div class="feature-icon">🎮</div>
<h3>Classic Support</h3>
<p>Built for the MinecraftConsoles community.</p>
</div>
</div>
</section>
<section class="tab-content" id="media">
<div class="home-layout">
<h2>Screenshots Coming Soon</h2>
<p>We are gathering the best shots from the legacy community.</p>
</div>
</section>
<section class="tab-content" id="download">
<div class="home-layout">
<h2>Ready to play?</h2>
<p>Join the Discord or download the latest build from GitHub.</p>
<div class="hero-actions">
<a href="https://github.com/Emerald-Legacy-Launcher/Emerald-Legacy-Launcher/releases/latest" class="btn"
target="_blank">Download Latest</a>
</div>
</div>
</section>
</main>
<footer class="menu-footer">
<div class="legends">
<div class="legend-item"><span class="legend-icon">A</span> Select</div>
<div class="legend-item"><span class="legend-icon">B</span> Back</div>
</div>
<div class="legend-item">
<img src="/logo.png" style="height: 20px; image-rendering: pixelated; margin-right: 10px;">
Emerald Legacy Launcher &copy; 2026
</div>
</footer>
</div>
</div>
</div>
<script type="module" src="/src/main.ts"></script>
</body>
</html>