Add real Hub photos to msos-hub sections

Replace the temporary placeholder images in the "What you can do here"
and "A glimpse of the space" sections with the final Hub photos
(converted to WebP) across EN/MK/SI, and drop the placeholder notes.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
popovskikandClaude Opus 4.8 committed 2026-08-05 12:50:28 +02:00
1 parent 30bc83e064
commit 764cf1ee66
13 files changed
+30 -36

No files matched your search

+10 -12
View File
@@ -231,44 +231,43 @@
<div class="hub-uses">
<div class="hub-track">
<div class="hub-group">
<!-- NOTE: hub-use-img src values are temporary placeholders. Replace with the final photos. -->
<div class="hub-use">
<img width="1920" height="1317" class="hub-use-img" loading="lazy" decoding="async" src="../../images/event3-photo-2.webp" alt="Културна вечер во Hub">
<img width="1200" height="1600" class="hub-use-img" loading="lazy" decoding="async" src="../../images/hub-use-cultural.webp" alt="Културна вечер во Hub">
<div class="hub-use-body">
<h3>Културни и специфични настани</h3>
<p>Мали културни вечери, предавања, изложби и настани на заедницата.</p>
</div>
</div>
<div class="hub-use">
<img width="1920" height="1280" class="hub-use-img" loading="lazy" decoding="async" src="../../images/event4-image1.webp" alt="Прослава во Hub">
<img width="461" height="827" class="hub-use-img" loading="lazy" decoding="async" src="../../images/hub-use-birthdays.webp" alt="Прослава во Hub">
<div class="hub-use-body">
<h3>Родендени и прослави</h3>
<p>Организирај роденден, имен ден или каква било прослава со твоите пријатели.</p>
</div>
</div>
<div class="hub-use">
<img width="1920" height="1337" class="hub-use-img" loading="lazy" decoding="async" src="../../images/event3-photo-5.webp" alt="Заедничко гледање спорт во Hub">
<img width="1200" height="1600" class="hub-use-img" loading="lazy" decoding="async" src="../../images/hub-use-sports.webp" alt="Заедничко гледање спорт во Hub">
<div class="hub-use-body">
<h3>Гледање спорт</h3>
<p>Соберете се да навивате за натпреварот заедно на платното на проекторот.</p>
</div>
</div>
<div class="hub-use">
<img width="1920" height="1341" class="hub-use-img" loading="lazy" decoding="async" src="../../images/event3-photo-8.webp" alt="Музика и танцување во Hub">
<img width="1600" height="1200" class="hub-use-img" loading="lazy" decoding="async" src="../../images/hub-use-singing.webp" alt="Музика и танцување во Hub">
<div class="hub-use-body">
<h3>Пеење и танцување</h3>
<p>Вечер на музика, пеење и танцување, а пијаното е токму тука.</p>
</div>
</div>
<div class="hub-use">
<img width="1920" height="1280" class="hub-use-img" loading="lazy" decoding="async" src="../../images/event4-image3.webp" alt="Состанок во Hub">
<img width="1200" height="1600" class="hub-use-img" loading="lazy" decoding="async" src="../../images/hub-use-meetings.webp" alt="Состанок во Hub">
<div class="hub-use-body">
<h3>Состаноци</h3>
<p>Тивка, опремена просторија за состаноци на клубови, друштва или тимови.</p>
</div>
</div>
<div class="hub-use">
<img width="1317" height="877" class="hub-use-img" loading="lazy" decoding="async" src="../../images/event4-image5.webp" alt="Проектна работа во Hub">
<img width="1200" height="1600" class="hub-use-img" loading="lazy" decoding="async" src="../../images/hub-use-project.webp" alt="Проектна работа во Hub">
<div class="hub-use-body">
<h3>Проектна работа</h3>
<p>Простор за фокусирање, размислување на белата табла и заедничко завршување на работите.</p>
@@ -306,12 +305,11 @@
<h2 class="hub-h2">Како изгледа просторот</h2>
<p class="hub-sub">Фотографиите од завршениот Хаб пристигнуваат. Засега, еве што можеме да ви покажеме.</p>
</div>
<!-- NOTE: hub-shot images are temporary placeholders. Replace with the final Hub photos. -->
<div class="hub-gallery">
<figure class="hub-shot"><img width="1920" height="1280" loading="lazy" decoding="async" src="../../images/event3-photo-1.webp" alt="Собир во Хабот"></figure>
<figure class="hub-shot"><img width="1920" height="1280" loading="lazy" decoding="async" src="../../images/event3-photo-3.webp" alt="Настан во просторот на Хабот"></figure>
<figure class="hub-shot"><img width="1425" height="950" loading="lazy" decoding="async" src="../../images/event4-image2.webp" alt="Луѓе заедно во Хабот"></figure>
<figure class="hub-shot"><img width="960" height="540" loading="lazy" decoding="async" src="../../images/event3-photo-9.webp" alt="Момент од настан во Хабот"></figure>
<figure class="hub-shot"><img width="900" height="1600" loading="lazy" decoding="async" src="../../images/hub-shot-1.webp" alt="Собир во Хабот"></figure>
<figure class="hub-shot"><img width="900" height="1600" loading="lazy" decoding="async" src="../../images/hub-shot-2.webp" alt="Настан во просторот на Хабот"></figure>
<figure class="hub-shot"><img width="1200" height="1600" loading="lazy" decoding="async" src="../../images/hub-shot-3.webp" alt="Луѓе заедно во Хабот"></figure>
<figure class="hub-shot"><img width="1200" height="1600" loading="lazy" decoding="async" src="../../images/hub-shot-4.webp" alt="Момент од настан во Хабот"></figure>
</div>
</section>