UI: стиль главной страницы, новый лого и favicon
- Заменён логотип на новый (MONT Group of companies) - Favicon взят с stend.4mont.ru, перенесён в static/ - Лого фиксировано в левом верхнем углу (position:fixed), уменьшено на 30% - Добавлена кнопка «Инфраструктурный полигон МОНТ» → stend.4mont.ru - Градиентный текст h1, анимация fadeUp при загрузке - Акцент-полоски в заголовках карточек, hover-эффекты на row-card - Статистика переведена на таблетки (stat-pill) - Счётчики-бейджи рядом с «Вендоры» и «Категории» - Кастомный скроллбар в панелях чипов - Улучшены теги продуктов, кнопка сброса фильтров
This commit is contained in:
+11
-7
@@ -4,7 +4,7 @@
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>Корзина МОНТ</title>
|
||||
<link rel="icon" type="image/png" href="/favicon.png" />
|
||||
<link rel="icon" type="image/png" href="/static/favicon.png" />
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Caveat:wght@600;700&family=Manrope:wght@400;600;700;800&family=Space+Grotesk:wght@500;700&display=swap" rel="stylesheet">
|
||||
@@ -14,7 +14,7 @@
|
||||
<main class="wrap">
|
||||
<section class="brand-strip">
|
||||
<div class="brand-logo">
|
||||
<img src="/assets/mont-logo" alt="MONT logo" />
|
||||
<img src="/static/mont_logo.png?v=2" alt="MONT logo" />
|
||||
</div>
|
||||
</section>
|
||||
|
||||
@@ -23,9 +23,12 @@
|
||||
<div>
|
||||
<h1>Вендоры в корзине МОНТ</h1>
|
||||
<p>Актуальная матрица вендоров, продуктов и категорий. Выбирайте вендоров или категории, чтобы видеть релевантные продуктовые линейки в Инфраструктуре и ИБ.</p>
|
||||
<div class="mode-switch">
|
||||
<button id="modeInfra" class="mode-btn active" type="button">Инфраструктура</button>
|
||||
<button id="modeIb" class="mode-btn" type="button">ИБ</button>
|
||||
<div class="mode-switch-row">
|
||||
<div class="mode-switch">
|
||||
<button id="modeInfra" class="mode-btn active" type="button">Инфраструктура</button>
|
||||
<button id="modeIb" class="mode-btn" type="button">ИБ</button>
|
||||
</div>
|
||||
<a href="https://stend.4mont.ru/" target="_blank" rel="noopener" class="polygon-btn">Инфраструктурный полигон МОНТ</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -33,13 +36,13 @@
|
||||
|
||||
<section class="board">
|
||||
<article class="card">
|
||||
<h2>Вендоры</h2>
|
||||
<div class="card-header"><h2>Вендоры</h2><span class="count-badge" id="vendorBadge">...</span></div>
|
||||
<input id="vendorSearch" class="search" placeholder="Поиск вендора..." />
|
||||
<div id="vendorList" class="chip-grid"></div>
|
||||
</article>
|
||||
|
||||
<article class="card">
|
||||
<h2>Категории</h2>
|
||||
<div class="card-header"><h2>Категории</h2><span class="count-badge" id="categoryBadge">...</span></div>
|
||||
<input id="categorySearch" class="search" placeholder="Поиск категории..." />
|
||||
<div id="categoryList" class="chip-grid"></div>
|
||||
</article>
|
||||
@@ -54,6 +57,7 @@
|
||||
<div class="result-head">
|
||||
<h3>Вендоры и продукты (после фильтрации)</h3>
|
||||
</div>
|
||||
<div id="activeFilters" class="active-filters"></div>
|
||||
<div id="resultRows" class="rows"></div>
|
||||
</section>
|
||||
<div class="credit">
|
||||
|
||||
Reference in New Issue
Block a user