up

2026-10-17 14:40:21 +07:00
parent e9a6814ebb
commit 00bd14bac1
7 changed files with 122 additions and 6 deletions
@@ -5,17 +5,26 @@
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="gman-world — уютная техническая сборка Minecraft: механизмы Create, аэронавтика и виноделие.">
    <title>gman-world — Minecraft</title>
-    <link rel="stylesheet" href="/minecraft/style.css?v=20261017-workbench">
-    <script src="/minecraft/app.js?v=20261017-workbench" defer></script>
+    <link rel="stylesheet" href="/minecraft/style.css?v=20261017-steam">
+    <script src="/minecraft/app.js?v=20261017-steam" defer></script>
+    <script src="/minecraft/motion.js?v=20261017-steam" defer></script>
 </head>
 <body>
+    <svg class="machine-definitions" aria-hidden="true" xmlns="http://www.w3.org/2000/svg"><defs>
+        <g id="cog"><path d="M42 2h16l3 12 11 5 12-6 11 11-6 12 5 11 12 3v16l-12 3-5 11 6 12-11 11-12-6-11 5-3 12H42l-3-12-11-5-12 6L5 92l6-12-5-11-12-3V50l12-3 5-11-6-12 11-11 12 6 11-5z" transform="translate(6 -6) scale(.9)" fill="#ae693a" stroke="#e2b878" stroke-width="3"/><circle cx="50" cy="50" r="27" fill="#302b23" stroke="#d3a361" stroke-width="7"/><path d="M50 24v52M24 50h52M32 32l36 36M32 68l36-36" stroke="#b67b44" stroke-width="8"/><circle cx="50" cy="50" r="10" fill="#e2b878" stroke="#634126" stroke-width="3"/></g>
+        <g id="wheel"><circle cx="50" cy="50" r="42" fill="#30281c" stroke="#c98b47" stroke-width="7"/><circle cx="50" cy="50" r="30" fill="none" stroke="#875b32" stroke-width="5"/><path d="M50 8v84M8 50h84M20 20l60 60M20 80l60-60" stroke="#c58b4b" stroke-width="6"/><path d="M38 4h24v10H38zM86 38h10v24H86zM38 86h24v10H38zM4 38h10v24H4zM13 13h20v12H13zM75 13h12v20H75zM67 75h20v12H67zM13 67h12v20H13z" fill="#815332" stroke="#dda25d" stroke-width="2"/><circle cx="50" cy="50" r="9" fill="#e6bb77" stroke="#563822" stroke-width="4"/></g>
+        <g id="propeller"><path d="M46 45C10 37 5 19 18 15c15-5 27 14 32 29C58 9 77 4 82 18c4 14-13 26-31 32 36 9 41 27 27 32-14 4-26-13-29-31-9 36-27 41-31 27-5-14 12-26 27-29z" fill="#cfb37a" stroke="#785232" stroke-width="3"/><circle cx="50" cy="50" r="9" fill="#b5703e" stroke="#f0c589" stroke-width="3"/></g>
+    </defs></svg>
    <main>
+        <div class="side-machine side-machine-left" aria-hidden="true"><div class="chain-drive"></div><svg class="rotor side-cog" viewBox="0 0 100 100"><use href="#cog"/></svg><svg class="rotor reverse side-cog-small" viewBox="0 0 100 100"><use href="#cog"/></svg><div class="gauge"><i class="needle"></i></div></div>
+        <div class="side-machine side-machine-right" aria-hidden="true"><div class="pipe vertical-pipe"></div><div class="valve"></div><div class="gauge"><i class="needle"></i></div><div class="steam"><i></i><i></i><i></i></div></div>
        <nav class="topbar" aria-label="Главная навигация">
            <a class="brand" href="/">CRABS GAMES<span> / </span>GMAN-WORLD</a>
-            <a class="nav-link" href="#installation">Как зайти?</a>
+            <div class="nav-actions"><a class="nav-link" href="#installation">Как зайти?</a><button id="motion-toggle" class="button" type="button" aria-pressed="false" hidden>Остановить механизмы</button></div>
        </nav>

        <header class="hero">
+            <div class="hero-machine" aria-hidden="true"><div class="pipe machine-pipe"></div><div class="gauge"><i class="needle"></i></div><svg class="rotor waterwheel" viewBox="0 0 100 100"><use href="#wheel"/></svg><svg class="rotor hero-cog" viewBox="0 0 100 100"><use href="#cog"/></svg><svg class="rotor reverse hero-cog-small" viewBox="0 0 100 100"><use href="#cog"/></svg><div class="steam"><i></i><i></i><i></i></div><span class="machine-caption">ВОДЯНОЙ ПРИВОД / CREATE</span></div>
            <div class="hero-copy">
                <p class="eyebrow">ТВОЯ МАСТЕРСКАЯ В MINECRAFT</p>
                <h1>GMAN-WORLD</h1>
@@ -31,15 +40,17 @@
            </div>
        </header>

+        <div class="pipe pipe-bridge" aria-hidden="true"><span class="valve"></span><span class="pipe-joint"></span><div class="steam"><i></i><i></i><i></i></div></div>
        <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"><svg viewBox="0 0 16 16" width="48" height="48" aria-hidden="true" shape-rendering="crispEdges"><path fill="#69442c" d="M6 0h4v3h3v3h3v4h-3v3h-3v3H6v-3H3v-3H0V6h3V3h3z"/><path fill="#d7a358" d="M5 4h6v1h1v6h-1v1H5v-1H4V5h1z"/><path fill="#483523" d="M6 6h4v4H6z"/></svg></span><p class="eyebrow">КРУТИМ</p><h3>Механизмы Create</h3><p>Начни с шестерёнки. А потом попробуй остановиться — мастерская сама себя не построит!</p></article>
-                <article class="theme aviation"><span class="theme-symbol" aria-hidden="true"><svg viewBox="0 0 16 16" width="48" height="48" aria-hidden="true" shape-rendering="crispEdges"><path fill="#dbcaa0" d="M1 1h5v3h1v3h2V4h1V1h5v5h-3v1H9v2h3v1h3v5h-5v-3H9V9H7v3H6v3H1v-5h3V9h3V7H4V6H1z"/><path fill="#8d5632" d="M6 6h4v4H6z"/></svg></span><p class="eyebrow">ЛЕТАЕМ</p><h3>Аэронавтика</h3><p>Засиделся у верстака? Пора наверх. Там облака и отличный вид на твою базу.</p></article>
-                <article class="theme winery"><span class="theme-symbol" aria-hidden="true"><svg viewBox="0 0 16 16" width="48" height="48" aria-hidden="true" shape-rendering="crispEdges"><path fill="#5e8441" d="M7 0h2v3h4v2H9v2H7V5H3V3h4z"/><path fill="#663c7a" d="M3 6h4v4H3zm6 0h4v4H9zM6 9h4v4H6zm1 4h3v3H7z"/><path fill="#a781b5" d="M3 6h2v1H3zm6 0h2v1H9zM6 9h2v1H6z"/></svg></span><p class="eyebrow">ВЫРАЩИВАЕМ</p><h3>Виноделье</h3><p>Пока механизмы работают, займись виноградником. И оставь место под бочки!</p></article>
+                <article class="theme mechanics"><div class="scene"><img src="/minecraft/create-foundry.webp" width="1672" height="941" loading="lazy" decoding="async" alt="Медные котлы, шестерни и конвейеры в блочной мастерской."><svg class="rotor card-rotor" viewBox="0 0 100 100" aria-hidden="true"><use href="#cog"/></svg></div><span class="theme-symbol" aria-hidden="true"><svg viewBox="0 0 16 16" width="48" height="48" aria-hidden="true" shape-rendering="crispEdges"><path fill="#69442c" d="M6 0h4v3h3v3h3v4h-3v3h-3v3H6v-3H3v-3H0V6h3V3h3z"/><path fill="#d7a358" d="M5 4h6v1h1v6h-1v1H5v-1H4V5h1z"/><path fill="#483523" d="M6 6h4v4H6z"/></svg></span><p class="eyebrow">КРУТИМ</p><h3>Механизмы Create</h3><p>Начни с шестерёнки. А потом попробуй остановиться — мастерская сама себя не построит!</p></article>
+                <article class="theme aviation"><div class="scene"><img src="/minecraft/airship-dock.webp" width="1672" height="941" loading="lazy" decoding="async" alt="Дирижабль у медной причальной башни над горами."><svg class="rotor card-rotor" viewBox="0 0 100 100" aria-hidden="true"><use href="#propeller"/></svg></div><span class="theme-symbol" aria-hidden="true"><svg viewBox="0 0 16 16" width="48" height="48" aria-hidden="true" shape-rendering="crispEdges"><path fill="#dbcaa0" d="M1 1h5v3h1v3h2V4h1V1h5v5h-3v1H9v2h3v1h3v5h-5v-3H9V9H7v3H6v3H1v-5h3V9h3V7H4V6H1z"/><path fill="#8d5632" d="M6 6h4v4H6z"/></svg></span><p class="eyebrow">ЛЕТАЕМ</p><h3>Аэронавтика</h3><p>Засиделся у верстака? Пора наверх. Там облака и отличный вид на твою базу.</p></article>
+                <article class="theme winery"><div class="scene"><img src="/minecraft/mechanical-winery.webp" width="1672" height="941" loading="lazy" decoding="async" alt="Механическая винодельня с медными чанами, бочками и виноградником."><div class="steam" aria-hidden="true"><i></i><i></i><i></i></div></div><span class="theme-symbol" aria-hidden="true"><svg viewBox="0 0 16 16" width="48" height="48" aria-hidden="true" shape-rendering="crispEdges"><path fill="#5e8441" d="M7 0h2v3h4v2H9v2H7V5H3V3h4z"/><path fill="#663c7a" d="M3 6h4v4H3zm6 0h4v4H9zM6 9h4v4H6zm1 4h3v3H7z"/><path fill="#a781b5" d="M3 6h2v1H3zm6 0h2v1H9zM6 9h2v1H6z"/></svg></span><p class="eyebrow">ВЫРАЩИВАЕМ</p><h3>Виноделье</h3><p>Пока механизмы работают, займись виноградником. И оставь место под бочки!</p></article>
            </div>
        </section>

+        <div class="pipe pipe-bridge lower-pipe" aria-hidden="true"><span class="valve"></span><span class="pipe-joint"></span></div>
        <div id="installation" class="downloads">
            <section aria-labelledby="build-title">
                <p class="eyebrow">НОВЫЙ ИГРОК</p>