Restore UI-kit mega menu in header partial and fix nav links

- Restore UI-kit dropdown (mega menu) lost during 11ty migration:
  the block existed in index.html but not in components/menu.html,
  sourced from commit 08bd969
- Fix absolute nav links (/catalog.html, /about.html, etc.) to
  relative in header.njk and footer.njk for static file serving

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Alexey S 2026-04-19 23:45:48 +03:00
parent a2fd9a5483
commit 372b910492
3 changed files with 63 additions and 8 deletions

View File

@ -0,0 +1,8 @@
{
"identifier" : "39856AD9-BD44-4500-B03F-EDFAE2A870CB",
"localPath" : "_site",
"remotePath" : "\/www\/vodkainmyblood.com\/wine-proto",
"remoteURL" : "wine-proto.vodkainmyblood.com",
"server" : "REG.RU hosting",
"usesPublishing" : true
}

View File

@ -2,7 +2,7 @@
<div class="container footer-container">
<section class="footer-main">
<div class="footer-brand-block">
<a class="footer-brand" href="/" aria-label="DP Trade">
<a class="footer-brand" href="index.html" aria-label="DP Trade">
<img src="https://wine-dp-trade.ru/wp-content/uploads/2024/11/logo-500x107.png" alt="DP Trade" width="156" height="33" />
</a>
<p class="footer-brand-subtitle">Территория качественного вина</p>
@ -12,7 +12,7 @@
<article class="nav-group">
<h2>Каталог</h2>
<ul>
<li><a href="/catalog.html">Вина по регионам</a></li>
<li><a href="catalog.html">Вина по регионам</a></li>
<li><a href="#">Франция</a></li>
<li><a href="#">Италия</a></li>
<li><a href="#">Испания</a></li>
@ -33,9 +33,9 @@
<article class="nav-group">
<h2>Компания</h2>
<ul>
<li><a href="/about.html">О компании</a></li>
<li><a href="/contacts.html">Контакты</a></li>
<li><a href="/contacts-auth.html">Контакты auth</a></li>
<li><a href="about.html">О компании</a></li>
<li><a href="contacts.html">Контакты</a></li>
<li><a href="contacts-auth.html">Контакты auth</a></li>
<li><a href="#">Склады</a></li>
<li><a href="#">Реквизиты</a></li>
</ul>

View File

@ -1,6 +1,6 @@
<header class="site-header">
<div class="container header-top">
<a class="brand-logo" href="/" aria-label="DP Trade">
<a class="brand-logo" href="index.html" aria-label="DP Trade">
<img src="https://wine-dp-trade.ru/wp-content/uploads/2024/11/logo-500x107.png" alt="DP Trade" width="156" height="33">
</a>
@ -27,7 +27,7 @@
</div>
<nav class="container main-nav" aria-label="Основная навигация">
<a href="/catalog.html">Каталог</a>
<a href="catalog.html">Каталог</a>
<div class="nav-item">
<button class="nav-trigger" type="button" aria-expanded="false">Регион <span class="nav-chevron" aria-hidden="true"><svg viewBox="0 0 10 6"><path d="M1 1l4 4 4-4" /></svg></span></button>
@ -248,6 +248,53 @@
</div>
<a href="#">Поставки</a>
<a href="#">Новости</a>
<a href="/ui-kit.html">UI-kit</a>
<div class="nav-item">
<button class="nav-trigger" type="button" aria-expanded="false">UI-kit <span class="nav-chevron" aria-hidden="true"><svg viewBox="0 0 10 6"><path d="M1 1l4 4 4-4" /></svg></span></button>
<section class="mega-menu" aria-label="UI-kit">
<div class="mega-intro">
<div>
<p class="eyebrow">Design system</p>
<h2>UI-kit и демо-страницы</h2>
</div>
<p>Быстрый доступ к живым страницам, компонентам, паттернам и токенам для разработки.</p>
</div>
<div class="menu-grid">
<article class="menu-column visual-column">
<img src="https://images.unsplash.com/photo-1510812431401-41d2bd2722f3?auto=format&fit=crop&w=900&q=80" alt="Демонстрация винного каталога" />
<p>Все демо-страницы собраны в одном месте для проверки header, footer, карточек и каталожных сценариев.</p>
</article>
<article class="menu-column">
<p class="section-title">Demo pages</p>
<a href="index.html">Главная</a>
<a href="catalog.html">Каталог</a>
<a href="product.html">Карточка товара</a>
<a href="bottle-cards.html">Варианты карточек</a>
<a href="news-villa-raiano.html">Новость</a>
<a href="news-villa-raiano-v2.html">Новость v2</a>
<a href="article-guidelines.html">Ред. гайд</a>
<a href="about.html">О компании</a>
<a href="contacts.html">Контакты</a>
<a href="contacts-auth.html">Контакты auth</a>
</article>
<article class="menu-column">
<p class="section-title">UI-kit sections</p>
<a href="ui-kit.html#foundations">Foundations</a>
<a href="ui-kit.html#components">Components</a>
<a href="ui-kit.html#patterns">Patterns</a>
<a href="ui-kit.html#templates">Templates</a>
<a href="ui-kit.html#screens">Screens</a>
</article>
<article class="menu-column">
<p class="section-title">Dev handoff</p>
<div class="popular-list">
<a href="ui-kit.html#tokens">Tokens</a>
<a href="ui-kit.html#components">States</a>
<a href="ui-kit.html#patterns">Layouts</a>
<a href="ui-kit.html">Full UI-kit</a>
</div>
</article>
</div>
</section>
</div>
</nav>
</header>