deploy / deploy (push) Successful in 4s
- Главная: тихая кнопка «Помахать» (web/js/wave.js), общий счётчик для всех посетителей - server/server.mjs: мини-API (/api/waves, /api/wave), счётчик хранится вне репозитория (/var/lib/vizitka-site/waves.json), лимит раз в секунду с IP, проверка Origin - deploy: systemd-сервис vizitka-api, проксирование /api в nginx, setup-server.sh ставит nodejs - CI: после git pull перезапускает API - Домен https://me.ibrash.duckdns.org вместо заглушки, исправлен пробел в шапке - README и заметки обновлены Co-Authored-By: Claude Sonnet 5.5 <noreply@anthropic.com>
107 lines
11 KiB
HTML
107 lines
11 KiB
HTML
<!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://me.ibrash.duckdns.org/og/arch-quiet-courtyard.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://me.ibrash.duckdns.org/og/arch-quiet-courtyard.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/house-pond.webp" target="_blank" rel="noopener" aria-label="Открыть крупно: Фасад в сад: бетон, вода и зелень"><img src="/img/arch/house-pond-md.webp" srcset="/img/arch/house-pond-sm.webp 640w, /img/arch/house-pond-md.webp 960w, /img/arch/house-pond.webp 1200w" sizes="(min-width: 62rem) 62rem, calc(100vw - 2.2rem)" width="1200" height="896" alt="Фасад в сад: бетон, вода и зелень" fetchpriority="high"></a>
|
|
<figcaption>Фасад в сад: бетон, вода и зелень</figcaption>
|
|
</figure>
|
|
</div>
|
|
|
|
<ul class="case-stats"><li class="stat"><b data-count="1">1</b><span>этаж</span></li><li class="stat"><b data-count="32">32</b><span>м² внутренний двор</span></li><li class="stat"><b data-count="41">41</b><span>м² гостиная-кухня</span></li><li class="stat"><b data-count="3">3</b><span>спальни</span></li></ul>
|
|
|
|
<section class="case-body">
|
|
<p class="intro">Дом, который отвернулся от улицы и повернулся к небу.</p>
|
|
<h2>Улица остаётся снаружи</h2><p>Со стороны улицы это глухая бетонная стена с одной узкой щелью света. Она прячет вход от чужих глаз: чтобы попасть в дом, нужно пройти вдоль сада и только потом повернуть к двери. Рядом под бетонным навесом стоит машина, а сам дом остаётся спокойным и закрытым.</p><h2>Всё собрано вокруг двора</h2><p>Внутри всё держится на дворе площадью 32 м². Утреннее солнце заходит в него, галерея обходит двор по кругу, а комнаты открываются на гравий, воду и тонкие деревья. Над центром плана стоит зенитный фонарь: он приносит верхний свет в самую глубину дома.</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/house-street.webp" target="_blank" rel="noopener" aria-label="Открыть крупно: Фасад с улицы: глухая стена и въезд под навес"><img src="/img/arch/house-street-md.webp" srcset="/img/arch/house-street-sm.webp 640w, /img/arch/house-street-md.webp 960w, /img/arch/house-street.webp 1200w" sizes="(min-width: 62rem) 62rem, calc(100vw - 2.2rem)" width="1200" height="896" alt="Фасад с улицы: глухая стена и въезд под навес" loading="lazy" decoding="async" fetchpriority="low"></a>
|
|
<figcaption>Фасад с улицы: глухая стена и въезд под навес</figcaption>
|
|
</figure>
|
|
<figure class="shot">
|
|
<a href="/img/arch/house-courtyard.webp" target="_blank" rel="noopener" aria-label="Открыть крупно: Двор: стекло, дерево и гравий"><img src="/img/arch/house-courtyard-md.webp" srcset="/img/arch/house-courtyard-sm.webp 640w, /img/arch/house-courtyard-md.webp 960w, /img/arch/house-courtyard.webp 1200w" sizes="(min-width: 62rem) 62rem, calc(100vw - 2.2rem)" width="1200" height="896" alt="Двор: стекло, дерево и гравий" loading="lazy" decoding="async" fetchpriority="low"></a>
|
|
<figcaption>Двор: стекло, дерево и гравий</figcaption>
|
|
</figure>
|
|
<figure class="shot">
|
|
<a href="/img/arch/house-gallery.webp" target="_blank" rel="noopener" aria-label="Открыть крупно: Галерея вокруг двора"><img src="/img/arch/house-gallery-md.webp" srcset="/img/arch/house-gallery-sm.webp 640w, /img/arch/house-gallery-md.webp 960w, /img/arch/house-gallery.webp 1200w" sizes="(min-width: 62rem) 62rem, calc(100vw - 2.2rem)" width="1200" height="896" alt="Галерея вокруг двора" loading="lazy" decoding="async" fetchpriority="low"></a>
|
|
<figcaption>Галерея вокруг двора</figcaption>
|
|
</figure>
|
|
<figure class="shot">
|
|
<a href="/img/arch/house-corridor.webp" target="_blank" rel="noopener" aria-label="Открыть крупно: Коридор вдоль двора"><img src="/img/arch/house-corridor-md.webp" srcset="/img/arch/house-corridor-sm.webp 640w, /img/arch/house-corridor-md.webp 960w, /img/arch/house-corridor.webp 1200w" sizes="(min-width: 62rem) 62rem, calc(100vw - 2.2rem)" width="1200" height="896" alt="Коридор вдоль двора" loading="lazy" decoding="async" fetchpriority="low"></a>
|
|
<figcaption>Коридор вдоль двора</figcaption>
|
|
</figure>
|
|
<figure class="shot">
|
|
<a href="/img/arch/house-entry.webp" target="_blank" rel="noopener" aria-label="Открыть крупно: Вход: свет и тени на бетоне"><img src="/img/arch/house-entry-md.webp" srcset="/img/arch/house-entry-sm.webp 640w, /img/arch/house-entry-md.webp 960w, /img/arch/house-entry.webp 1200w" sizes="(min-width: 62rem) 62rem, calc(100vw - 2.2rem)" width="1200" height="896" 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--portrait">
|
|
<a href="/img/arch/house-concept.webp" target="_blank" rel="noopener" aria-label="Открыть крупно: Путь и свет: вход с улицы, щель света, путь вдоль сада, зенитный фонарь и утреннее солнце во двор"><img src="/img/arch/house-concept-md.webp" srcset="/img/arch/house-concept-sm.webp 640w, /img/arch/house-concept-md.webp 960w, /img/arch/house-concept.webp 981w" sizes="(min-width: 62rem) 62rem, calc(100vw - 2.2rem)" width="981" height="1100" alt="Путь и свет: вход с улицы, щель света, путь вдоль сада, зенитный фонарь и утреннее солнце во двор" loading="lazy" decoding="async" fetchpriority="low"></a>
|
|
<figcaption>Путь и свет: вход с улицы, щель света, путь вдоль сада, зенитный фонарь и утреннее солнце во двор</figcaption>
|
|
</figure>
|
|
<figure class="shot shot--portrait">
|
|
<a href="/img/arch/house-plan.webp" target="_blank" rel="noopener" aria-label="Открыть крупно: План первого этажа с зонированием"><img src="/img/arch/house-plan-md.webp" srcset="/img/arch/house-plan-sm.webp 640w, /img/arch/house-plan.webp 722w" sizes="(min-width: 62rem) 62rem, calc(100vw - 2.2rem)" width="722" height="1000" alt="План первого этажа с зонированием" loading="lazy" decoding="async" fetchpriority="low"></a>
|
|
<figcaption>План первого этажа с зонированием</figcaption>
|
|
</figure>
|
|
<figure class="shot shot--wide">
|
|
<a href="/img/arch/house-axo.webp" target="_blank" rel="noopener" aria-label="Открыть крупно: Аксонометрия со срезом"><img src="/img/arch/house-axo-md.webp" srcset="/img/arch/house-axo-sm.webp 640w, /img/arch/house-axo-md.webp 960w, /img/arch/house-axo.webp 1400w" sizes="(min-width: 62rem) 62rem, calc(100vw - 2.2rem)" width="1400" height="1088" alt="Аксонометрия со срезом" loading="lazy" decoding="async" fetchpriority="low"></a>
|
|
<figcaption>Аксонометрия со срезом</figcaption>
|
|
</figure>
|
|
</div>
|
|
</section>
|
|
|
|
<a class="next-case" href="/arch/exhibition-pavilion/">
|
|
<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>
|