Сайт-визитка: главная, архитектура, проекты

- Главная: фото, факты, соцсети, форма связи, анимации
- Архитектура: карточки проектов и отдельные страницы (Тихий двор, павильон, «Лофт»)
- Проекты: Aman's World (скриншоты, описание) и хоумлаб
- Меню из config.json, шаблон новых страниц, черновики training/work/fixed
- Чистый HTML/CSS/JS без сборки, шрифты и картинки локально

Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>

web/arch/loft-complex/index.html

@@ -0,0 +1,72 @@
+<!doctype html>
+<html lang="ru">
+<head>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover">
+<title>Жилой комплекс «Лофт»: Аман Ибраш</title>
+<meta name="description" content="Жилой комплекс «Лофт» в Алматы: три корпуса из красного кирпича вокруг общего двора без машин.">
+<meta name="theme-color" content="#f4f6fb">
+<meta property="og:type" content="website">
+<meta property="og:locale" content="ru_RU">
+<meta property="og:title" content="Жилой комплекс «Лофт»: Аман Ибраш">
+<meta property="og:description" content="Жилой комплекс «Лофт» в Алматы: три корпуса из красного кирпича вокруг общего двора без машин.">
+<meta property="og:image" content="https://example.com/og/arch-loft-complex.jpg">
+<meta property="og:image:width" content="1200">
+<meta property="og:image:height" content="630">
+<meta name="twitter:card" content="summary_large_image">
+<meta name="twitter:title" content="Жилой комплекс «Лофт»: Аман Ибраш">
+<meta name="twitter:description" content="Жилой комплекс «Лофт» в Алматы: три корпуса из красного кирпича вокруг общего двора без машин.">
+<meta name="twitter:image" content="https://example.com/og/arch-loft-complex.jpg">
+<link rel="icon" href="/favicon.svg" type="image/svg+xml">
+<link rel="preload" href="/fonts/onest-cyrillic-wght-normal.woff2" as="font" type="font/woff2" crossorigin>
+<link rel="stylesheet" href="/css/style.css">
+<script src="/js/boot.js"></script>
+</head>
+<body class="doc has-nav">
+<div class="blob blob--a" aria-hidden="true"></div>
+<div class="blob blob--b" aria-hidden="true"></div>
+<nav class="topnav" id="topnav" aria-label="Страницы"></nav>
+
+<main class="page page--wide">
+  <p class="back"><a href="/arch/">← Архитектура</a></p>
+  <header class="case-head">
+    <ul class="meta"><li>2026</li><li>Алматы</li><li>жилой комплекс</li></ul>
+    <h1>Жилой комплекс «Лофт»</h1>
+    <p class="lead">Три корпуса вокруг двора без машин</p>
+  </header>
+
+  <div class="gallery gallery--one">
+      <figure class="shot shot--cover shot--lead">
+        <a href="/img/arch/loft-0.webp" target="_blank" rel="noopener" aria-label="Открыть крупно: Общий вид комплекса"><img src="/img/arch/loft-0-md.webp" srcset="/img/arch/loft-0-sm.webp 640w, /img/arch/loft-0-md.webp 960w, /img/arch/loft-0.webp 1400w" sizes="(min-width: 62rem) 62rem, calc(100vw - 2.2rem)" width="1400" height="1048" alt="Общий вид комплекса" fetchpriority="high"></a>
+        <figcaption>Общий вид комплекса</figcaption>
+      </figure>
+  </div>
+
+  <ul class="case-stats"><li class="stat"><b data-count="3">3</b><span>корпуса</span></li><li class="stat"><b data-count="2.11">2,11</b><span>га участок</span></li><li class="stat"><b data-count="7">7</b><span>этажей, корпус 1</span></li><li class="stat"><b data-count="1">1</b><span>подземный паркинг</span></li></ul>
+
+  <section class="case-body">
+    <p class="intro">Красный кирпич, арки на первом этаже и двор, где можно гулять.</p>
+    <h2>Двор без машин</h2><p>Комплекс стоит на участке 2,11 га в Турксибском районе Алматы. Три корпуса образуют общий двор, и машин в нём нет: парковка спрятана под землёй, а на поверхности остались площадки и озеленение.</p><h2>Кирпич и арки</h2><p>На первом этаже коммерция за арочными стальными витражами. Выше идут жилые этажи с окнами в стальных рамах. Фасад корпуса 1 выполнен из красного лицевого кирпича, а стальной пояс отделяет коммерческий этаж от квартир.</p>
+  </section>
+
+  <section class="case-block" aria-label="Чертежи">
+    <h2 class="block-title">Чертежи и схемы</h2>
+    <div class="gallery">
+      <figure class="shot shot--wide">
+        <a href="/img/arch/loft-facade.webp" target="_blank" rel="noopener" aria-label="Открыть крупно: Боковые фасады корпуса 1"><img src="/img/arch/loft-facade-md.webp" srcset="/img/arch/loft-facade-sm.webp 640w, /img/arch/loft-facade-md.webp 960w, /img/arch/loft-facade.webp 1400w" sizes="(min-width: 62rem) 62rem, calc(100vw - 2.2rem)" width="1400" height="768" alt="Боковые фасады корпуса 1" loading="lazy" decoding="async" fetchpriority="low"></a>
+        <figcaption>Боковые фасады корпуса 1</figcaption>
+      </figure>
+    </div>
+  </section>
+
+  <a class="next-case" href="/arch/quiet-courtyard/">
+    <span class="muted-w">Следующий проект</span>
+    <span class="next-title">Тихий двор</span>
+    <span class="next-arrow" aria-hidden="true">→</span>
+  </a>
+</main>
+
+<script src="/js/nav.js" defer></script>
+<script src="/js/count.js" defer></script>
+</body>
+</html>