SashegDev
265 lines
16 KiB
HTML
265 lines
16 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="ru">
|
||
<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" data-i18n="nav.server">Сервер</a></li>
|
||
<li><a href="#highlights" data-i18n="nav.highlights">Хайлайты</a></li>
|
||
<li><a href="#theme" data-i18n="nav.season">Сезон</a></li>
|
||
<li><a href="#features" data-i18n="nav.features">Возможности</a></li>
|
||
<li><a href="#download" data-i18n="nav.download">Скачать</a></li>
|
||
<li><a href="#news" data-i18n="nav.news">Новости</a></li>
|
||
</ul>
|
||
<div class="nav-right">
|
||
<button class="lang-toggle" id="langToggle" type="button" aria-label="Switch language">
|
||
<span class="lang-toggle-label" id="langToggleLabel">EN</span>
|
||
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="10"/><path d="M2 12h20"/><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"/></svg>
|
||
</button>
|
||
<a class="nav-cta" href="#download" data-i18n="nav.play">Играть сейчас</a>
|
||
</div>
|
||
</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" data-i18n="hero.kicker">КАСТОМНЫЙ MINECRAFT ЛАУНЧЕР</p>
|
||
<h1 class="hero-title" data-i18n-html="hero.title">Очнись от<br><span class="hero-title-accent">холода.</span></h1>
|
||
<p class="hero-sub" data-i18n="hero.sub">Zern оживляет твои любимые модпаки. Один лаунчер, любой загрузчик, без лишних хлопот — создан для сервера ZernMC и не только.</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>
|
||
<span data-i18n="hero.download">Скачать лаунчер</span>
|
||
</a>
|
||
<a class="btn btn-ghost" href="#features" data-i18n="hero.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 data-i18n="hero.scroll">Листай вниз</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" data-i18n-html="server.title">Сервер <span class="accent">жив.</span></h2>
|
||
<p class="section-sub" data-i18n="server.sub">ZernMC — это кастомный Minecraft-сервер со своим лором, самописными плагинами и живым комьюнити. Вот что происходит прямо сейчас.</p>
|
||
</div>
|
||
|
||
<div class="server-stats">
|
||
<div class="server-card">
|
||
<div class="server-card-label" data-i18n="server.status">Статус</div>
|
||
<div class="server-card-value" id="srv-status"><span class="status-dot status-dot--loading"></span> <span data-i18n="server.checking">Проверяем…</span></div>
|
||
<div class="server-card-sub" id="srv-version">1.20.1 / ОБТ</div>
|
||
</div>
|
||
<div class="server-card">
|
||
<div class="server-card-label" data-i18n="server.players">Игроков онлайн</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" data-i18n="server.mode">Режим</div>
|
||
<div class="server-card-value">Survival <span class="server-season">· <span data-i18n="server.season">Сезон Prologue</span></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" data-i18n-html="highlights.title">Хайлайты <span class="accent">сервера.</span></h2>
|
||
<p class="section-sub" data-i18n="highlights.sub">Моменты, запечатлённые на сервере ZernMC — войны, постройки и хаос.</p>
|
||
</div>
|
||
|
||
<div class="carousel">
|
||
<div class="carousel-track" id="carousel"></div>
|
||
<button class="carousel-btn carousel-btn--prev" id="carouselPrev" data-i18n-aria="carousel.prev">‹</button>
|
||
<button class="carousel-btn carousel-btn--next" id="carouselNext" data-i18n-aria="carousel.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" data-i18n-html="features.title">Всё, что <span class="accent">тебе нужно.</span></h2>
|
||
<p class="section-sub" data-i18n="features.sub">Лаунчер, который делает всю тяжёлую работу, чтобы ты просто играл.</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 data-i18n="features.forge.title">Forge, NeoForge, Fabric</h3>
|
||
<p data-i18n="features.forge.sub">Все основные модлоадеры подхватываются автоматически. Библиотеки предзагружаются и проверяются, так что установка работает — даже на медленном интернете.</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 data-i18n="features.ui.title">Тёмный, быстрый нативный UI</h3>
|
||
<p data-i18n="features.ui.sub">Лёгкий интерфейс на JavaFX с чистым тёмным оформлением. Быстро запускается, мгновенно реагирует и не мешает.</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 data-i18n="features.proxy.title">Умные зеркала и прокси</h3>
|
||
<p data-i18n="features.proxy.sub">Загрузки идут через быстрые зеркала с автоматическим фолбэком. Заблокировали или зарезали скорость? Прокси подхватит — ты больше не зависнешь на 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 data-i18n="features.news.title">Новости и статус сервера</h3>
|
||
<p data-i18n="features.news.sub">Чейнджлоги, ивенты и обновления приходят прямо в лаунчер. Ты всегда знаешь, что нового, ещё до нажатия «Играть».</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 data-i18n="features.pack.title">Установка сборки в один клик</h3>
|
||
<p data-i18n="features.pack.sub">Выбери сборку и жми «Установить». Манифесты версий, ванильные ассеты и библиотеки подтягиваются и проверяются автоматически. Просто.</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" data-i18n-html="theme.title">Что внутри <span class="accent">сезона.</span></h2>
|
||
<p class="section-sub" data-i18n="theme.sub">Prologue — модовый сезон на базе Create: Aeronautics, война и выживание. ОБТ — полигон, где всё это обкатывается.</p>
|
||
</div>
|
||
|
||
<div class="theme-grid">
|
||
<article class="theme-card">
|
||
<span class="theme-tag" data-i18n="theme.zarya.tag">ОБТ · 1.20.1 Forge</span>
|
||
<h3 data-i18n="theme.zarya.title">Война в Заре</h3>
|
||
<p data-i18n="theme.zarya.sub">Двухдневный ивент в городе Заря: группировка «Феникс» атакует, «Ласточка» обороняется, а жители выбирают сторону — или поднимают бунт. Военные правила.</p>
|
||
</article>
|
||
<article class="theme-card">
|
||
<span class="theme-tag" data-i18n="theme.obt.tag">ОБТ · тестовая стадия</span>
|
||
<h3 data-i18n="theme.obt.title">Открытый бета-сервер</h3>
|
||
<p data-i18n="theme.obt.sub">Бета — это ивентовый сервер: городские бои, сценарий атомного реактора и правила, которые лягут в основу настоящего сезона.</p>
|
||
</article>
|
||
<article class="theme-card">
|
||
<span class="theme-tag" data-i18n="theme.air.tag">Сезон · 1.21.1 NeoForge</span>
|
||
<h3 data-i18n="theme.air.title">Корабли в небе</h3>
|
||
<p data-i18n="theme.air.sub">Create: Aeronautics даёт дирижабли, субмарины и летающие механизмы. Поезда, дизели, большие пушки и атомный реактор — осваивай.</p>
|
||
</article>
|
||
<article class="theme-card">
|
||
<span class="theme-tag" data-i18n="theme.year.tag">Сезон · Prologue</span>
|
||
<h3 data-i18n="theme.year.title">Марафон на год</h3>
|
||
<p data-i18n="theme.year.sub">Сезон — это марафон, а не спринт. Начни эту главу с первого дня и строй её вместе с комьюнити.</p>
|
||
</article>
|
||
<article class="theme-card">
|
||
<span class="theme-tag" data-i18n="theme.lore.tag">Сервер</span>
|
||
<h3 data-i18n="theme.lore.title">Свой лор и плагины</h3>
|
||
<p data-i18n="theme.lore.sub">Самописные плагины, ивенты под историю сервера и системы, которые из коробки работают с лаунчером.</p>
|
||
</article>
|
||
<article class="theme-card">
|
||
<span class="theme-tag" data-i18n="theme.community.tag">Комьюнити</span>
|
||
<h3 data-i18n="theme.community.title">Голос и друзья</h3>
|
||
<p data-i18n="theme.community.sub">Simple Voice Chat в игре, система друзей в лаунчере и Telegram-комьюнити, которое реально рулит — решения принимаются голосованием игроков.</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" data-i18n-html="download.title">Скачать <span class="accent">Zern.</span></h2>
|
||
<p class="section-sub" data-i18n="download.sub">Скачай лаунчер для Windows и заходи на сервер ZernMC.</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>
|
||
<span data-i18n="download.latest">Скачать актуальную версию</span>
|
||
</a>
|
||
<div class="download-mirrors" id="mirrors">
|
||
<span class="mirrors-label" data-i18n="download.mirrors">Зеркала</span>
|
||
</div>
|
||
</div>
|
||
|
||
<p class="download-note" data-i18n="download.note">Без платных подписок и рекламы. Просто лаунчер. Системные требования: Windows 10+, 4 ГБ ОЗУ.</p>
|
||
</div>
|
||
</section>
|
||
|
||
<section class="section news" id="news">
|
||
<div class="section-head">
|
||
<span class="section-index">06 / 06</span>
|
||
<h2 class="section-title" data-i18n-html="news.title">Что <span class="accent">нового.</span></h2>
|
||
<p class="section-sub" data-i18n="news.sub">Последние чейнджлоги и обновления команды Zern.</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. <span data-i18n="footer.note">Не аффилирован с Mojang или Microsoft. Minecraft — торговая марка Mojang AB.</span></p>
|
||
</div>
|
||
</footer>
|
||
|
||
<script src="/js/main.js"></script>
|
||
</body>
|
||
</html>
|