up

web/minecraft/index.html

@@ -3,30 +3,51 @@
 <head>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
-    <meta name="description" content="Сборка Minecraft сервера gman-world и утилита переноса карты, меток и закладок JEI.">
+    <meta name="description" content="gman-world — уютная техническая сборка Minecraft: механизмы Create, аэронавтика и виноделие.">
     <title>gman-world — Minecraft</title>
-    <link rel="stylesheet" href="/minecraft/style.css">
-    <script src="/minecraft/app.js?v=20261017-online" defer></script>
+    <link rel="stylesheet" href="/minecraft/style.css?v=20261017-workshop">
+    <script src="/minecraft/app.js?v=20261017-workshop" defer></script>
 </head>
 <body>
     <main>
-        <header>
-            <a class="brand" href="/">CRABS GAMES</a>
-            <p class="eyebrow">MINECRAFT · GMAN-WORLD</p>
-            <h1>Твой следующий<br>мир начинается здесь.</h1>
-            <p class="intro">Скачай сборку, импортируй её в Prism Launcher и заходи на сервер.</p>
-            <p class="server">Адрес сервера <code>90.189.218.191:25565</code></p>
-            <p id="server-status" role="status">Проверяем онлайн…</p>
-            <a class="button secondary" href="https://telemost.yandex.ru/j/76726739040099?skip_app=1" target="_blank" rel="noopener noreferrer">Подключиться к Телемосту ↗</a>
+        <nav class="topbar" aria-label="Главная навигация">
+            <a class="brand" href="/">CRABS GAMES<span> / </span>GMAN-WORLD</a>
+            <a class="nav-link" href="#installation">Как начать играть ↗</a>
+        </nav>
+
+        <header class="hero">
+            <div class="hero-copy">
+                <p class="eyebrow">MINECRAFT / ИНЖЕНЕРИЯ И ТИХАЯ ЖИЗНЬ</p>
+                <h1>Строй механизмы.<br>Покоряй небо.<br><em>Выращивай виноград.</em></h1>
+                <p class="intro">Большие идеи, маленькая мастерская и целый мир впереди. Уютная техническая сборка для тех, кто любит создавать.</p>
+                <div class="join-panel">
+                    <p class="server"><span>АДРЕС СЕРВЕРА</span><code>90.189.218.191:25565</code></p>
+                    <p id="server-status" role="status">Проверяем онлайн…</p>
+                    <a id="build-download" class="button" hidden>Скачать сборку</a>
+                    <p id="build-status" class="hint" role="status">Проверяем актуальную версию…</p>
+                    <a class="telemost" href="https://telemost.yandex.ru/j/76726739040099?skip_app=1" target="_blank" rel="noopener noreferrer">Подключиться к Телемосту ↗</a>
+                    <noscript><p>Включи JavaScript для загрузки сборки и онлайна или открой репозиторий внизу страницы.</p></noscript>
+                </div>
+            </div>
+            <figure class="hero-art">
+                <img src="/minecraft/workshop.webp" width="1536" height="1024" alt="Блочная мастерская с медными механизмами и водяным колесом, воздушное судно над горами и виноградник с бочками.">
+                <figcaption><span>ПОЛЕВЫЕ ЗАМЕТКИ / 01</span> Здесь всё начинается с одной идеи.</figcaption>
+            </figure>
         </header>
 
-        <div class="downloads">
+        <section class="world" aria-labelledby="world-title">
+            <div class="section-heading"><p class="eyebrow">ОДИН МИР — МНОГО ИСТОРИЙ</p><h2 id="world-title">Найди своё дело.</h2></div>
+            <div class="world-grid">
+                <article class="theme mechanics"><span class="theme-symbol" aria-hidden="true">⚙</span><p class="eyebrow">01 / МАСТЕРСКАЯ</p><h3>Механизмы Create</h3><p>От первой шестерни до большой идеи. Для тех, кто видит красоту в работающем механизме.</p></article>
+                <article class="theme aviation"><span class="theme-symbol" aria-hidden="true">↗</span><p class="eyebrow">02 / ВЫШЕ ОБЛАКОВ</p><h3>Аэронавтика</h3><p>Мечтай о высоте, строй смелые планы и смотри на знакомый мир под новым углом.</p></article>
+                <article class="theme winery"><span class="theme-symbol" aria-hidden="true">❦</span><p class="eyebrow">03 / ПОСЛЕ РАБОТЫ</p><h3>Виноделье</h3><p>У каждого урожая — свой сезон. У каждого погреба — своя история. Оставь время для тихой жизни.</p></article>
+            </div>
+        </section>
+
+        <div id="installation" class="downloads">
             <section aria-labelledby="build-title">
                 <p class="eyebrow">01 / ИГРАТЬ</p>
-                <h2 id="build-title">Minecraft-сборка</h2>
-                <p id="build-status" role="status">Проверяем актуальную версию…</p>
-                <a id="build-download" class="button" hidden>Скачать сборку</a>
-                <noscript><p>Для определения актуальной версии включи JavaScript или открой репозиторий по ссылке ниже.</p></noscript>
+                <h2 id="build-title">Из мастерской — в мир</h2>
                 <p class="hint">Файл .mrpack · импорт через Prism Launcher</p>
                 <ol>
                     <li>Скачай актуальную сборку.</li>