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

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

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

web/arch/exhibition-pavilion/index.html

@@ -0,0 +1,86 @@
+<!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-exhibition-pavilion.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-exhibition-pavilion.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/pav-2.webp" target="_blank" rel="noopener" aria-label="Открыть крупно: Главный фасад"><img src="/img/arch/pav-2-md.webp" srcset="/img/arch/pav-2-sm.webp 640w, /img/arch/pav-2-md.webp 960w, /img/arch/pav-2.webp 1400w" sizes="(min-width: 62rem) 62rem, calc(100vw - 2.2rem)" width="1400" height="784" alt="Главный фасад" fetchpriority="high"></a>
+        <figcaption>Главный фасад</figcaption>
+      </figure>
+  </div>
+
+  <ul class="case-stats"><li class="stat"><b data-count="2">2</b><span>этажа</span></li><li class="stat"><b data-count="26">26</b><span>м длина здания</span></li><li class="stat"><b data-count="2">2</b><span>галереи</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>Павильон стоит в парке и работает как витрина: первый этаж почти целиком остеклён, поэтому экспозицию видно с аллеи ещё до входа. Входишь, и сразу попадаешь в холл, из которого открываются обе галереи.</p><h2>Спокойный план</h2><p>Из холла гости идут в две галереи, а лестница ведёт на второй уровень с открытой террасой для скульптур. Служебные помещения собраны в одном крыле, поэтому залы остаются свободными и чистыми для выставок.</p><h2>Три материала</h2><p>Фасад собран из трёх материалов: стеклянная витрина, плоскости бетона и тёплые деревянные ламели. Они держат один спокойный ритм и не спорят с парком вокруг.</p>
+  </section>
+
+  <section class="case-block" aria-label="Визуализации">
+    <h2 class="block-title">Кадры</h2>
+    <div class="gallery">
+      <figure class="shot">
+        <a href="/img/arch/pav-1.webp" target="_blank" rel="noopener" aria-label="Открыть крупно: Вход и холл"><img src="/img/arch/pav-1-md.webp" srcset="/img/arch/pav-1-sm.webp 640w, /img/arch/pav-1-md.webp 960w, /img/arch/pav-1.webp 1400w" sizes="(min-width: 62rem) 62rem, calc(100vw - 2.2rem)" width="1400" height="781" alt="Вход и холл" loading="lazy" decoding="async" fetchpriority="low"></a>
+        <figcaption>Вход и холл</figcaption>
+      </figure>
+      <figure class="shot">
+        <a href="/img/arch/pav-3.webp" target="_blank" rel="noopener" aria-label="Открыть крупно: Вид сверху на парк"><img src="/img/arch/pav-3-md.webp" srcset="/img/arch/pav-3-sm.webp 640w, /img/arch/pav-3-md.webp 960w, /img/arch/pav-3.webp 1400w" sizes="(min-width: 62rem) 62rem, calc(100vw - 2.2rem)" width="1400" height="781" alt="Вид сверху на парк" loading="lazy" decoding="async" fetchpriority="low"></a>
+        <figcaption>Вид сверху на парк</figcaption>
+      </figure>
+    </div>
+  </section>
+
+  <section class="case-block" aria-label="Чертежи">
+    <h2 class="block-title">Чертежи и схемы</h2>
+    <div class="gallery">
+      <figure class="shot shot--wide">
+        <a href="/img/arch/pav-plan.webp" target="_blank" rel="noopener" aria-label="Открыть крупно: План первого этажа: две галереи и холл"><img src="/img/arch/pav-plan-md.webp" srcset="/img/arch/pav-plan-sm.webp 640w, /img/arch/pav-plan-md.webp 960w, /img/arch/pav-plan.webp 1400w" sizes="(min-width: 62rem) 62rem, calc(100vw - 2.2rem)" width="1400" height="738" alt="План первого этажа: две галереи и холл" loading="lazy" decoding="async" fetchpriority="low"></a>
+        <figcaption>План первого этажа: две галереи и холл</figcaption>
+      </figure>
+    </div>
+  </section>
+
+  <a class="next-case" href="/arch/loft-complex/">
+    <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>