mirror of
https://github.com/LCE-Hub/lce-hub.github.io.git
synced 2026-07-18 00:07:23 +00:00
197 lines
7.9 KiB
HTML
197 lines
7.9 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 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="scanlines"></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">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">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="features-row">
|
|
<div class="feature-card">
|
|
<div class="feature-image">
|
|
<img src="/logo.png" alt="Emerald" class="pixel-icon">
|
|
</div>
|
|
<div class="feature-info">
|
|
<h3>Authentic UI</h3>
|
|
<p>A launcher built to feel like an extension of the game itself.</p>
|
|
</div>
|
|
</div>
|
|
<div class="feature-card">
|
|
<div class="feature-image">
|
|
<img src="/potion.png" alt="Potion" class="pixel-icon">
|
|
</div>
|
|
<div class="feature-info">
|
|
<h3>Optimized Speed</h3>
|
|
<p>Rapid launching and peak game performance.</p>
|
|
</div>
|
|
</div>
|
|
<div class="feature-card">
|
|
<div class="feature-image">
|
|
<img src="/controller.png" alt="Controller" class="pixel-icon">
|
|
</div>
|
|
<div class="feature-info">
|
|
<h3>Classic Support</h3>
|
|
<p>Tailored for the legacy console edition community.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="cta-section">
|
|
<h2>Ready to Play?</h2>
|
|
<p>Join the Discord or download the launcher.</p>
|
|
</div>
|
|
|
|
<div class="bottom-actions">
|
|
<div class="branding-group">
|
|
<img src="/logo.png" alt="Emerald Legacy" class="pixel-logo">
|
|
<div class="branding-text">
|
|
<span class="brand-name">Emerald</span>
|
|
<span class="brand-sub">Legacy</span>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="action-buttons">
|
|
<a href="https://github.com/Emerald-Legacy-Launcher/Emerald-Legacy-Launcher/releases/latest"
|
|
class="main-btn get-launcher">
|
|
<span>Get Launcher</span>
|
|
<img src="/logo.png" class="btn-icon">
|
|
</a>
|
|
<a href="https://discord.gg/RHGRUwpmVc" class="main-btn join-discord" target="_blank">
|
|
<div class="btn-content">
|
|
<span class="btn-title">Join Discord</span>
|
|
</div>
|
|
<img src="/discord-icon.jpg" class="btn-icon-discord">
|
|
</a>
|
|
</div>
|
|
|
|
<div class="screenshot-carousel">
|
|
<div class="carousel-container">
|
|
<div class="carousel-header">Community Screenshots</div>
|
|
<div class="carousel-view">
|
|
<button class="carousel-arrow left"><</button>
|
|
<img src="/TU7_Panorama_Background_S.png" class="carousel-img">
|
|
<button class="carousel-arrow right">></button>
|
|
</div>
|
|
<div class="carousel-footer">See more in Discord</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="tab-content" id="features">
|
|
<div class="home-layout">
|
|
<div class="features-row">
|
|
<div class="feature-card">
|
|
<div class="feature-image">⚙️</div>
|
|
<div class="feature-info">
|
|
<h3>Title Updates</h3>
|
|
<p>Support for legacy console Title Updates and patches.</p>
|
|
</div>
|
|
</div>
|
|
<div class="feature-card">
|
|
<div class="feature-image">🔧</div>
|
|
<div class="feature-info">
|
|
<h3>Mod Support</h3>
|
|
<p>Easily apply mods and skins to your legacy experience.</p>
|
|
</div>
|
|
</div>
|
|
<div class="feature-card">
|
|
<div class="feature-image">📡</div>
|
|
<div class="feature-info">
|
|
<h3>Server Browser</h3>
|
|
<p>Find and join community-hosted legacy servers.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="tab-content" id="media">
|
|
<div class="home-layout">
|
|
<div class="features-row" style="flex-wrap: wrap; gap: 10px;">
|
|
<img src="/TU7_Panorama_Background_S.png" style="width: 30%; border: 2px solid #fff;">
|
|
<img src="/TU7_Panorama_Background_S.png" style="width: 30%; border: 2px solid #fff;">
|
|
<img src="/TU7_Panorama_Background_S.png" style="width: 30%; border: 2px solid #fff;">
|
|
</div>
|
|
<div class="cta-section">
|
|
<h2>Community Gallery</h2>
|
|
<p>Check out more on our official Discord server.</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="tab-content" id="download">
|
|
<div class="home-layout">
|
|
<div class="cta-section" style="margin-top: 50px;">
|
|
<h2>Download Emerald Legacy Launcher</h2>
|
|
</div>
|
|
<div class="action-buttons" style="margin-top: 20px;">
|
|
<a href="https://github.com/Emerald-Legacy-Launcher/Emerald-Legacy-Launcher/releases/latest"
|
|
class="main-btn">
|
|
<span>Download for Windows</span>
|
|
</a>
|
|
<a href="https://github.com/Emerald-Legacy-Launcher/Emerald-Legacy-Launcher/releases/latest"
|
|
class="main-btn">
|
|
<span>Download for Linux</span>
|
|
</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="version-info">
|
|
<div class="version-dot"></div>
|
|
EMERALD LEGACY LAUNCHER © 2026
|
|
</div>
|
|
</footer>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script type="module" src="/src/main.ts"></script>
|
|
</body>
|
|
|
|
</html> |