SashegDev
c628397850
- server status cards (online/players/version) via /api/status mcstatus ping - highlights carousel ported from old site (/highlights/ static media) - OBT (war in Zarya, open beta event server) + Season (Prologue, Create: Aeronautics, year-long) sections - nav updated, sections renumbered 01-06
259 lines
12 KiB
HTML
259 lines
12 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>Zern — Awaken from the cold</title>
|
||
<meta name="description" content="Zern — a custom Minecraft launcher. Forge, NeoForge, Fabric. Download and play on ZernMC.">
|
||
<link rel="icon" type="image/svg+xml" href="/img/zernmc.svg">
|
||
<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=Onest:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet">
|
||
<link rel="stylesheet" href="/css/style.css">
|
||
</head>
|
||
<body>
|
||
|
||
<nav class="nav" id="nav">
|
||
<div class="nav-inner">
|
||
<a class="nav-brand" href="#top">
|
||
<img src="/img/zernmc.svg" alt="Zern" width="34" height="34">
|
||
<span>Zern</span>
|
||
</a>
|
||
<ul class="nav-links">
|
||
<li><a href="#server">Server</a></li>
|
||
<li><a href="#highlights">Highlights</a></li>
|
||
<li><a href="#theme">Season</a></li>
|
||
<li><a href="#features">Features</a></li>
|
||
<li><a href="#download">Download</a></li>
|
||
<li><a href="#news">News</a></li>
|
||
</ul>
|
||
<a class="nav-cta" href="#download">Play now</a>
|
||
</div>
|
||
</nav>
|
||
|
||
<header class="hero" id="top">
|
||
<div class="hero-grid" aria-hidden="true"></div>
|
||
<div class="hero-glow" aria-hidden="true"></div>
|
||
|
||
<div class="hero-diamond hero-diamond--1" aria-hidden="true"></div>
|
||
<div class="hero-diamond hero-diamond--2" aria-hidden="true"></div>
|
||
<div class="hero-diamond hero-diamond--3" aria-hidden="true"></div>
|
||
|
||
<div class="hero-inner" data-parallax="0.15">
|
||
<p class="hero-kicker">CUSTOM MINECRAFT LAUNCHER</p>
|
||
<h1 class="hero-title">Awaken from <br><span class="hero-title-accent">the cold.</span></h1>
|
||
<p class="hero-sub">Zern brings your favourite modpacks to life. One launcher, every loader, no hassle — built for the ZernMC server and beyond.</p>
|
||
<div class="hero-actions">
|
||
<a class="btn btn-primary" href="#download">
|
||
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 3v12"/><path d="m7 10 5 5 5-5"/><path d="M4 21h16"/></svg>
|
||
Download launcher
|
||
</a>
|
||
<a class="btn btn-ghost" href="#features">Explore</a>
|
||
</div>
|
||
<p class="hero-meta">v<span id="hero-version">—</span> · <span id="hero-size">—</span> · Windows</p>
|
||
</div>
|
||
|
||
<div class="scroll-hint" data-parallax="0.3">
|
||
<span>Scroll to explore</span>
|
||
<div class="scroll-hint-line"><i></i></div>
|
||
</div>
|
||
</header>
|
||
|
||
<main>
|
||
|
||
<section class="section server" id="server">
|
||
<div class="section-head">
|
||
<span class="section-index">01 / 06</span>
|
||
<h2 class="section-title">The server is <span class="accent">alive.</span></h2>
|
||
<p class="section-sub">ZernMC is a custom Minecraft server with its own lore, hand-written plugins and a living community. This is what's happening right now.</p>
|
||
</div>
|
||
|
||
<div class="server-stats">
|
||
<div class="server-card">
|
||
<div class="server-card-label">Status</div>
|
||
<div class="server-card-value" id="srv-status"><span class="status-dot status-dot--loading"></span> Checking…</div>
|
||
<div class="server-card-sub" id="srv-version">1.20.1 / OBТ</div>
|
||
</div>
|
||
<div class="server-card">
|
||
<div class="server-card-label">Players online</div>
|
||
<div class="server-card-value" id="srv-players">— / —</div>
|
||
<div class="server-card-sub">mc.zernmc.ru</div>
|
||
</div>
|
||
<div class="server-card">
|
||
<div class="server-card-label">Mode</div>
|
||
<div class="server-card-value">Survival <span class="server-season">· Season Prologue</span></div>
|
||
<div class="server-card-sub">1.21.1 NeoForge · Create: Aeronautics</div>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="section highlights" id="highlights">
|
||
<div class="section-head">
|
||
<span class="section-index">02 / 06</span>
|
||
<h2 class="section-title">Server <span class="accent">highlights.</span></h2>
|
||
<p class="section-sub">Moments captured on the ZernMC server — wars, builds and chaos.</p>
|
||
</div>
|
||
|
||
<div class="carousel">
|
||
<div class="carousel-track" id="carousel"></div>
|
||
<button class="carousel-btn carousel-btn--prev" id="carouselPrev" aria-label="Previous">‹</button>
|
||
<button class="carousel-btn carousel-btn--next" id="carouselNext" aria-label="Next">›</button>
|
||
<div class="carousel-dots" id="carouselDots"></div>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="section features" id="features">
|
||
<div class="section-head">
|
||
<span class="section-index">03 / 06</span>
|
||
<h2 class="section-title">Everything <span class="accent">you need.</span></h2>
|
||
<p class="section-sub">A launcher that does the heavy lifting, so you can just play.</p>
|
||
</div>
|
||
|
||
<div class="features-grid">
|
||
<article class="feature-card">
|
||
<span class="feature-num">01</span>
|
||
<div class="feature-icon" aria-hidden="true">
|
||
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M13 2 3 14h9l-1 8 10-12h-9l1-8z"/></svg>
|
||
</div>
|
||
<h3>Forge, NeoForge, Fabric</h3>
|
||
<p>Every major mod loader handled automatically. Libraries are prefetched and verified, so installs just work — even on slow networks.</p>
|
||
</article>
|
||
|
||
<article class="feature-card">
|
||
<span class="feature-num">02</span>
|
||
<div class="feature-icon" aria-hidden="true">
|
||
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="3" width="20" height="14" rx="2"/><path d="M8 21h8"/><path d="M12 17v4"/></svg>
|
||
</div>
|
||
<h3>Dark, fast, native UI</h3>
|
||
<p>A lightweight JavaFX interface with a clean dark theme. Starts quick, responds instantly, and stays out of your way.</p>
|
||
</article>
|
||
|
||
<article class="feature-card">
|
||
<span class="feature-num">03</span>
|
||
<div class="feature-icon" aria-hidden="true">
|
||
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M5 18H3a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2h-2"/><path d="M9 22v-4"/><path d="M15 22v-4"/></svg>
|
||
</div>
|
||
<h3>Smart mirrors & proxy</h3>
|
||
<p>Downloads route through fast mirrors with automatic failover. Blocked or throttled? The proxy takes over so you never stall at 80%.</p>
|
||
</article>
|
||
|
||
<article class="feature-card">
|
||
<span class="feature-num">04</span>
|
||
<div class="feature-icon" aria-hidden="true">
|
||
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M12 2a10 10 0 0 0-9 14l2 5 5-2A10 10 0 1 0 12 2z"/><path d="M8.5 12h.01"/><path d="M12 12h.01"/><path d="M15.5 12h.01"/></svg>
|
||
</div>
|
||
<h3>News & server status</h3>
|
||
<p>Changelogs, events and updates stream straight into the launcher. You always know what's new before you hit play.</p>
|
||
</article>
|
||
|
||
<article class="feature-card">
|
||
<span class="feature-num">05</span>
|
||
<div class="feature-icon" aria-hidden="true">
|
||
<svg width="22" height="22" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"/><circle cx="9" cy="7" r="4"/><path d="M22 21v-2a4 4 0 0 0-3-3.87"/><path d="M16 3.13a4 4 0 0 1 0 7.75"/></svg>
|
||
</div>
|
||
<h3>One-click pack install</h3>
|
||
<p>Pick a pack, hit install. Version manifests, vanilla assets and libraries are pulled and verified automatically. Simple.</p>
|
||
</article>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="section theme" id="theme">
|
||
<div class="section-head section-head--center">
|
||
<span class="section-index">04 / 06</span>
|
||
<h2 class="section-title">What's inside <span class="accent">the season.</span></h2>
|
||
<p class="section-sub">Prologue — a modded season built around Create: Aeronautics, war and survival. OBT is the testing ground for the whole idea.</p>
|
||
</div>
|
||
|
||
<div class="theme-grid">
|
||
<article class="theme-card">
|
||
<span class="theme-tag">OBT · 1.20.1 Forge</span>
|
||
<h3>War in Zarya</h3>
|
||
<p>Two-day event set in the city of Zarya: the Fenix group attacks, Lastochka defends, and civilians pick a side — or rise up. Military rules apply.</p>
|
||
</article>
|
||
<article class="theme-card">
|
||
<span class="theme-tag">OBT · test stage</span>
|
||
<h3>Open beta server</h3>
|
||
<p>The beta is an event server: city battles, an atomic-reactor city-life scenario and rule sets that will shape the real season.</p>
|
||
</article>
|
||
<article class="theme-card">
|
||
<span class="theme-tag">Season · 1.21.1 NeoForge</span>
|
||
<h3>Ships in the sky</h3>
|
||
<p>Create: Aeronautics gives you airships, submarines and flying contraptions. Trains, diesel engines, big cannons and a nuclear reactor to master.</p>
|
||
</article>
|
||
<article class="theme-card">
|
||
<span class="theme-tag">Season · Prologue</span>
|
||
<h3>A year-long run</h3>
|
||
<p>Each season is a marathon, not a sprint. Start this chapter from day one and shape it with the community.</p>
|
||
</article>
|
||
<article class="theme-card">
|
||
<span class="theme-tag">Server</span>
|
||
<h3>Own lore & plugins</h3>
|
||
<p>Hand-written plugins, events written for the server story, and systems the launcher integrates with out of the box.</p>
|
||
</article>
|
||
<article class="theme-card">
|
||
<span class="theme-tag">Community</span>
|
||
<h3>Voice & friends</h3>
|
||
<p>Simple Voice Chat in-game, a friends system in the launcher and a Telegram community that runs the show — decisions are voted on by players.</p>
|
||
</article>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="section download" id="download">
|
||
<div class="download-inner">
|
||
<div class="section-head section-head--center">
|
||
<span class="section-index">05 / 06</span>
|
||
<h2 class="section-title">Get <span class="accent">Zern.</span></h2>
|
||
<p class="section-sub">Download the launcher for Windows and join the ZernMC server.</p>
|
||
</div>
|
||
|
||
<div class="download-card">
|
||
<div class="download-card-top">
|
||
<img src="/img/zernmc.svg" alt="" width="64" height="64">
|
||
<div>
|
||
<h3 class="download-name">Zern Launcher <span id="download-version">—</span></h3>
|
||
<p class="download-desc">Windows · <span id="download-size">—</span></p>
|
||
</div>
|
||
</div>
|
||
<a class="btn btn-primary btn-block" id="download-btn" href="/launcher/download/latest">
|
||
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 3v12"/><path d="m7 10 5 5 5-5"/><path d="M4 21h16"/></svg>
|
||
Download latest
|
||
</a>
|
||
<div class="download-mirrors" id="mirrors">
|
||
<span class="mirrors-label">Mirrors</span>
|
||
</div>
|
||
</div>
|
||
|
||
<p class="download-note">No paywalls, no ads. Just a launcher. System requirements: Windows 10+, 4 GB RAM.</p>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="section news" id="news">
|
||
<div class="section-head">
|
||
<span class="section-index">06 / 06</span>
|
||
<h2 class="section-title">What's <span class="accent">new.</span></h2>
|
||
<p class="section-sub">Latest changelogs and updates from the Zern team.</p>
|
||
</div>
|
||
|
||
<div class="news-grid" id="news-grid">
|
||
<div class="news-skeleton"></div>
|
||
<div class="news-skeleton"></div>
|
||
<div class="news-skeleton"></div>
|
||
</div>
|
||
</section>
|
||
|
||
</main>
|
||
|
||
<footer class="footer">
|
||
<div class="footer-inner">
|
||
<div class="footer-brand">
|
||
<img src="/img/zernmc.svg" alt="Zern" width="28" height="28">
|
||
<span>ZernMC</span>
|
||
</div>
|
||
<p class="footer-note">© <span id="year">2026</span> ZernMC. Not affiliated with Mojang or Microsoft. Minecraft is a trademark of Mojang AB.</p>
|
||
</div>
|
||
</footer>
|
||
|
||
<script src="/js/main.js"></script>
|
||
</body>
|
||
</html>
|