site: add server section, highlights carousel, OBT/Season content

- 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
This commit is contained in:
SashegDev
2026-08-20 09:15:14 +00:00
parent 1aefca32f2
commit aaecf7e395
20 changed files with 465 additions and 7 deletions
+88 -3
View File
@@ -20,6 +20,9 @@
<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>
@@ -58,9 +61,50 @@
<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">01 / 05</span>
<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>
@@ -113,10 +157,51 @@
</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">02 / 05</span>
<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>
@@ -144,7 +229,7 @@
<section class="section news" id="news">
<div class="section-head">
<span class="section-index">03 / 05</span>
<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>