Emil_Shanaty/Design_HSE_Study
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix event images and CTA on Parade of Color site

Browse Source
This commit is contained in:
Emil Shanaty
2026-10-27 14:02:30 +03:00
parent 13d53a4df7
commit 8627a39cdf
3 changed files with 8 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files
color-parade/assets/images/powder.jpg
BIN
View File
Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 323 KiB

color-parade/index.html
+7 -6
View File
@@ -90,16 +90,16 @@
</div>
<div class="card-grid">
<article class="card">
<img src="assets/images/festival.jpg" alt="Облака цветного порошка над участниками" loading="lazy">
<div class="card-body"><span class="tag">Общий праздник</span><h3>Зал красок</h3><p>Синхронный запуск цветного порошка объединяет всю площадку в одну яркую картину.</p><a class="text-link" href="#contacts">Узнать о билетах <span aria-hidden="true">↗</span></a></div>
<img src="assets/images/powder.jpg" alt="Облако цветного порошка" loading="lazy">
<div class="card-body"><span class="tag">Общий праздник</span><h3>Зал красок</h3><p>Синхронный запуск цветного порошка объединяет всю площадку в одну яркую картину.</p><a class="text-link" href="#what">Смотреть программу <span aria-hidden="true">↗</span></a></div>
</article>
<article class="card">
<img src="assets/images/wall.jpg" alt="Яркие плакаты фестиваля на стене" loading="lazy">
<div class="card-body"><span class="tag">Музыка</span><h3>Живая сцена</h3><p>Музыка задаёт ритм дня: от первых встреч до общего финального танца.</p><a class="text-link" href="#contacts">Узнать о билетах <span aria-hidden="true">↗</span></a></div>
<img src="assets/images/festival.jpg" alt="Участники фестиваля поднимают руки" loading="lazy">
<div class="card-body"><span class="tag">Музыка</span><h3>Живая сцена</h3><p>Музыка задаёт ритм дня: от первых встреч до общего финального танца.</p><a class="text-link" href="#what">Смотреть программу <span aria-hidden="true">↗</span></a></div>
</article>
<article class="card">
<img src="assets/images/flag_2_scribble.png" alt="Цветной росчерк — элемент айдентики фестиваля" loading="lazy">
<div class="card-body"><span class="tag">Вместе</span><h3>Творческие зоны</h3><p>Фотографии, рисунки и фирменная графика помогают унести часть фестиваля с собой.</p><a class="text-link" href="#contacts">Узнать о билетах <span aria-hidden="true">↗</span></a></div>
<img src="assets/images/wall.jpg" alt="Плакаты фестиваля на стене" loading="lazy">
<div class="card-body"><span class="tag">Вместе</span><h3>Творческие зоны</h3><p>Фотографии, рисунки и фирменная графика помогают унести часть фестиваля с собой.</p><a class="text-link" href="#what">Смотреть программу <span aria-hidden="true">↗</span></a></div>
</article>
</div>
</section>
@@ -133,6 +133,7 @@
<div>
<h3>Об авторе</h3>
<p>Учебный проект Эмиля Шанаева<br>Группа БРИЦП262<br>1 модуль, 2026</p>
<a class="text-link" href="https://git.shanaty.ru/Emil_Shanaty">Профиль на Gitea <span aria-hidden="true">↗</span></a>
</div>
</div>
<div class="shell footer-bottom"><span>Фестиваль музыки, общения и ярких красок</span><a href="#top">Наверх ↑</a></div>
color-parade/styles.css
+1 -1
View File
@@ -72,7 +72,7 @@ h3{margin-bottom:12px;font-size:24px;line-height:1.15;letter-spacing:-.025em}
.card{background:#fff;border:1px solid var(--hair)}
.card>img{width:100%;height:265px;object-fit:cover;background:#fff}
.card:nth-child(2)>img{object-position:center 42%}
.card:nth-child(3)>img{object-fit:contain;padding:24px}
.card-body{padding:28px}
.card-body p{color:var(--muted)}
.tag{display:inline-block;margin-bottom:20px;padding:5px 11px;background:var(--accent-soft);font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.1em}