War in Zarya
+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.
+
+ 01 / 06
+
+
+ The server is alive.
+ZernMC is a custom Minecraft server with its own lore, hand-written plugins and a living community. This is what's happening right now.
+
+
+
+
+ Status
+ Checking…
+ 1.20.1 / OBТ
+
+
+ Players online
+ — / —
+ mc.zernmc.ru
+
+
+ Mode
+ Survival · Season Prologue
+ 1.21.1 NeoForge · Create: Aeronautics
+
+ 02 / 06
+
+
+ Server highlights.
+Moments captured on the ZernMC server — wars, builds and chaos.
+
+
+
+
+
+
+
- 01 / 05
+ 03 / 06
@@ -113,10 +157,51 @@
Everything you need.
A launcher that does the heavy lifting, so you can just play.
+ 04 / 06
+
+
+ What's inside the season.
+Prologue — a modded season built around Create: Aeronautics, war and survival. OBT is the testing ground for the whole idea.
+
+
+ OBT · 1.20.1 Forge
+
+
+ OBT · test stage
+
+
+ Season · 1.21.1 NeoForge
+
+
+ Season · Prologue
+
+
+ Server
+
+
+ Community
+
+
+Open beta server
+The beta is an event server: city battles, an atomic-reactor city-life scenario and rule sets that will shape the real season.
+Ships in the sky
+Create: Aeronautics gives you airships, submarines and flying contraptions. Trains, diesel engines, big cannons and a nuclear reactor to master.
+A year-long run
+Each season is a marathon, not a sprint. Start this chapter from day one and shape it with the community.
+Own lore & plugins
+Hand-written plugins, events written for the server story, and systems the launcher integrates with out of the box.
+Voice & friends
+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.
+
- 02 / 05
+ 05 / 06
@@ -144,7 +229,7 @@
Get Zern.
Download the launcher for Windows and join the ZernMC server.
- 03 / 05
+ 06 / 06
diff --git a/server/site/js/main.js b/server/site/js/main.js
index 8f3b1fa..6298715 100644
--- a/server/site/js/main.js
+++ b/server/site/js/main.js
@@ -63,6 +63,124 @@
}
}
+ async function loadServerStatus() {
+ const statusEl = document.getElementById('srv-status');
+ const playersEl = document.getElementById('srv-players');
+ const versionEl = document.getElementById('srv-version');
+ const dot = document.querySelector('#srv-status .status-dot');
+ if (!statusEl) return;
+
+ try {
+ const res = await fetch(API + '/api/status');
+ const data = await res.json();
+
+ if (data.online) {
+ if (dot) dot.className = 'status-dot status-dot--online';
+ statusEl.innerHTML = 'Online';
+ if (playersEl) playersEl.textContent = `${data.players_online} / ${data.players_max}`;
+ if (versionEl && data.version) versionEl.textContent = data.version;
+ } else {
+ if (dot) dot.className = 'status-dot status-dot--offline';
+ statusEl.innerHTML = 'Offline';
+ if (playersEl) playersEl.textContent = '— / —';
+ }
+ } catch (e) {
+ if (dot) dot.className = 'status-dot status-dot--offline';
+ statusEl.innerHTML = 'Unavailable';
+ }
+ }
+
+ const HIGHLIGHTS = [
+ { file: '1.jpg', type: 'image', caption: 'Zern' },
+ { file: '2.mp4', type: 'video', caption: null },
+ { file: '3.jpg', type: 'image', caption: 'Это честно не я' },
+ { file: '4.mp4', type: 'video', caption: null },
+ { file: '5.jpg', type: 'image', caption: 'Спавн ТЦ (старое)' },
+ { file: '6.jpg', type: 'image', caption: 'Спавн склад (старое)' },
+ { file: '7.jpg', type: 'image', caption: null },
+ { file: '8.jpg', type: 'image', caption: null },
+ { file: '9.jpg', type: 'image', caption: null },
+ { file: '10.jpg', type: 'image', caption: null },
+ { file: '11.jpg', type: 'image', caption: null },
+ { file: '12.jpg', type: 'image', caption: null },
+ { file: '13.jpg', type: 'image', caption: null },
+ { file: '14.jpg', type: 'image', caption: null },
+ { file: '15.jpg', type: 'image', caption: null },
+ ];
+
+ function initCarousel() {
+ const track = document.getElementById('carousel');
+ const dotsWrap = document.getElementById('carouselDots');
+ const prev = document.getElementById('carouselPrev');
+ const next = document.getElementById('carouselNext');
+ if (!track) return;
+
+ HIGHLIGHTS.forEach((h, i) => {
+ const slide = document.createElement('div');
+ slide.className = 'carousel-slide';
+
+ if (h.type === 'video') {
+ const vid = document.createElement('video');
+ vid.src = '/highlights/' + h.file;
+ vid.controls = true;
+ vid.autoplay = true;
+ vid.loop = true;
+ vid.muted = true;
+ vid.playsInline = true;
+ slide.appendChild(vid);
+ } else {
+ const img = document.createElement('img');
+ img.src = '/highlights/' + h.file;
+ img.alt = h.caption || 'Zern highlight';
+ img.loading = 'lazy';
+ slide.appendChild(img);
+ }
+
+ if (h.caption) {
+ const cap = document.createElement('span');
+ cap.className = 'carousel-caption';
+ cap.textContent = h.caption;
+ slide.appendChild(cap);
+ }
+
+ track.appendChild(slide);
+
+ const dot = document.createElement('span');
+ dot.className = 'carousel-dot' + (i === 0 ? ' active' : '');
+ dot.addEventListener('click', () => goto(i));
+ dotsWrap.appendChild(dot);
+ });
+
+ let index = 0;
+ let timer = null;
+
+ function goto(i) {
+ index = (i + HIGHLIGHTS.length) % HIGHLIGHTS.length;
+ track.style.transform = 'translateX(-' + index * 100 + '%)';
+ dotsWrap.querySelectorAll('.carousel-dot').forEach((d, k) => {
+ d.classList.toggle('active', k === index);
+ });
+ }
+
+ function nextSlide() { goto(index + 1); }
+ function prevSlide() { goto(index - 1); }
+
+ function start() {
+ stop();
+ timer = setInterval(nextSlide, 6500);
+ }
+ function stop() {
+ if (timer) { clearInterval(timer); timer = null; }
+ }
+
+ if (prev) prev.addEventListener('click', () => { prevSlide(); start(); });
+ if (next) next.addEventListener('click', () => { nextSlide(); start(); });
+ track.addEventListener('mouseenter', stop);
+ track.addEventListener('mouseleave', start);
+
+ start();
+ }
+
function stripMarkup(text) {
if (!text) return '';
return text
@@ -150,7 +268,7 @@
}
function initReveal() {
- const els = document.querySelectorAll('.section-head, .feature-card, .download-card, .news-card');
+ const els = document.querySelectorAll('.section-head, .feature-card, .download-card, .news-card, .server-card, .theme-card, .carousel');
if (!('IntersectionObserver' in window)) {
els.forEach((el) => el.classList.add('visible'));
return;
@@ -175,6 +293,9 @@
loadLauncherInfo();
loadMirrors();
loadNews();
+ loadServerStatus();
+ setInterval(loadServerStatus, 15000);
+ initCarousel();
initNav();
initParallax();
initReveal();
What's new.
Latest changelogs and updates from the Zern team.