Разнести страницу на фрагменты и вынести изображения

2026-09-19 14:15:35 +08:00
parent 7e4ee1d8f1
commit 53e6bf3e46
27 changed files with 4379 additions and 4354 deletions
@@ -0,0 +1,66 @@
+<section class="lux-hero" id="top">
+  <div class="lux-city-photo hero-photo"></div>
+  <div class="lux-city-overlay"></div>
+  <div class="lux-cream-panel"></div>
+
+  <div class="lux-lace" aria-hidden="true">
+    <svg viewBox="0 0 110 640" preserveAspectRatio="none">
+      <g fill="none" stroke="currentColor" stroke-width="1.8">
+        <path d="M14 0h84v640H14zM25 0v640M87 0v640"/>
+        <path d="M15 88h83M15 546h83"/>
+        <path d="M29 120h54v358H29zM39 140h34v318H39z"/>
+        <path d="M56 140v318M39 299h34"/>
+        <path d="M31 60l12-14 13 14 13-14 12 14"/>
+        <path d="M31 566l12 14 13-14 13 14 12-14"/>
+      </g>
+    </svg>
+  </div>
+
+  <div class="lux-water-zone" aria-hidden="true">
+    <div class="water-surface surface-a"></div>
+    <div class="water-surface surface-b"></div>
+    <div class="water-rays"></div>
+    <div class="bubble-field">
+      <i style="--x:8%;--d:0s;--s:8px"></i>
+      <i style="--x:15%;--d:3s;--s:5px"></i>
+      <i style="--x:29%;--d:1s;--s:7px"></i>
+      <i style="--x:43%;--d:4s;--s:4px"></i>
+      <i style="--x:62%;--d:2s;--s:6px"></i>
+      <i style="--x:76%;--d:5s;--s:8px"></i>
+      <i style="--x:91%;--d:1.7s;--s:5px"></i>
+    </div>
+
+
+
+
+<div class="lux-water-phrase">ИРКУТСК —<br>ГЛУБЖЕ, ЧЕМ КАЖЕТСЯ</div>
+  </div>
+
+  <div class="lux-copy">
+    <div class="lux-eyebrow">→ &nbsp; СИБИРЬ НАЧИНАЕТСЯ ЗДЕСЬ</div>
+    <h1>ИРКУТСК</h1>
+    <h2>ЧТО МЫ МОЖЕМ РАССКАЗАТЬ<br>О ГОРОДЕ</h2>
+    <div class="lux-note">—◆— &nbsp; ПАМЯТКА ДЛЯ ГОСТЕЙ ГОРОДА</div>
+    <div class="lux-buttons">
+      <a class="lux-primary" href="#route">Составить маршрут <span>→</span></a>
+      <a class="lux-secondary" href="#route">⌖ &nbsp; Смотреть карту</a>
+    </div>
+  </div>
+
+  <div class="lux-badge">
+    <span>⌖</span>
+    <b>АНГАРА</b>
+    <small>ВДОХНОВЛЯЕТ</small>
+    <a href="#route">↓</a>
+  </div>
+
+  <div class="lux-bottom-waves" aria-hidden="true">
+    <svg viewBox="0 0 1600 210" preserveAspectRatio="none">
+      <path class="bw1" d="M0 84C170 35 278 174 456 103s343-32 486 26 316 68 658-8v89H0z"/>
+      <path class="bw2" d="M0 124C193 70 350 185 523 122s313-45 470 18 333 55 607-6v76H0z"/>
+      <path class="bwline" d="M0 91C170 43 287 167 456 103s335-33 482 22 330 70 662-10"/>
+      <path class="bwline bwline2" d="M0 132C194 77 356 178 526 121s318-38 469 17 334 55 605-5"/>
+    </svg>
+  </div>
+</section>
+