mark
/
msos
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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:
popovskik 2026-08-05 12:50:28 +02:00
parent 30bc83e064
commit 764cf1ee66
13 changed files with 30 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
en/msos-hub/index.html
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="Cultural evening at the Hub">
<img width="1200" height="1600" class="hub-use-img" loading="lazy" decoding="async" src="../../images/hub-use-cultural.webp" alt="Cultural evening at the Hub">
<div class="hub-use-body">
<h3>Cultural &amp; niche events</h3>
<p>Small cultural evenings, talks, exhibitions and community happenings.</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="A celebration at the Hub">
<img width="461" height="827" class="hub-use-img" loading="lazy" decoding="async" src="../../images/hub-use-birthdays.webp" alt="A celebration at the Hub">
<div class="hub-use-body">
<h3>Birthdays &amp; celebrations</h3>
<p>Host a birthday, a name day or any celebration with your friends.</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="Watching sports together at the Hub">
<img width="1200" height="1600" class="hub-use-img" loading="lazy" decoding="async" src="../../images/hub-use-sports.webp" alt="Watching sports together at the Hub">
<div class="hub-use-body">
<h3>Sports watching</h3>
<p>Gather to cheer on the game together on the projector screen.</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="Music and dancing at the Hub">
<img width="1600" height="1200" class="hub-use-img" loading="lazy" decoding="async" src="../../images/hub-use-singing.webp" alt="Music and dancing at the Hub">
<div class="hub-use-body">
<h3>Singing &amp; dancing</h3>
<p>An evening of music, singing and dancing, with the piano right there.</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="A meeting at the Hub">
<img width="1200" height="1600" class="hub-use-img" loading="lazy" decoding="async" src="../../images/hub-use-meetings.webp" alt="A meeting at the Hub">
<div class="hub-use-body">
<h3>Meetings</h3>
<p>A quiet, equipped room for club, society or team meetings.</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="Project work at the Hub">
<img width="1200" height="1600" class="hub-use-img" loading="lazy" decoding="async" src="../../images/hub-use-project.webp" alt="Project work at the Hub">
<div class="hub-use-body">
<h3>Project work</h3>
<p>Space to focus, brainstorm on the whiteboard and get things done together.</p>
@ -306,12 +305,11 @@
<h2 class="hub-h2">A glimpse of the space</h2>
<p class="hub-sub">Photos of the finished Hub are on the way. For now, here is what we&rsquo;ll be showing.</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="A gathering at the Hub"></figure>
<figure class="hub-shot"><img width="1920" height="1280" loading="lazy" decoding="async" src="../../images/event3-photo-3.webp" alt="An event in the Hub space"></figure>
<figure class="hub-shot"><img width="1425" height="950" loading="lazy" decoding="async" src="../../images/event4-image2.webp" alt="People together at the Hub"></figure>
<figure class="hub-shot"><img width="960" height="540" loading="lazy" decoding="async" src="../../images/event3-photo-9.webp" alt="A moment from an event at the Hub"></figure>
<figure class="hub-shot"><img width="900" height="1600" loading="lazy" decoding="async" src="../../images/hub-shot-1.webp" alt="A gathering at the Hub"></figure>
<figure class="hub-shot"><img width="900" height="1600" loading="lazy" decoding="async" src="../../images/hub-shot-2.webp" alt="An event in the Hub space"></figure>
<figure class="hub-shot"><img width="1200" height="1600" loading="lazy" decoding="async" src="../../images/hub-shot-3.webp" alt="People together at the Hub"></figure>
<figure class="hub-shot"><img width="1200" height="1600" loading="lazy" decoding="async" src="../../images/hub-shot-4.webp" alt="A moment from an event at the Hub"></figure>
</div>
</section>

BIN
images/hub-shot-1.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 160 KiB

BIN
images/hub-shot-2.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 126 KiB

BIN
images/hub-shot-3.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 89 KiB

BIN
images/hub-shot-4.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 118 KiB

BIN
images/hub-use-birthdays.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 26 KiB

BIN
images/hub-use-cultural.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 190 KiB

BIN
images/hub-use-meetings.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 165 KiB

BIN
images/hub-use-project.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 109 KiB

BIN
images/hub-use-singing.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 153 KiB

BIN
images/hub-use-sports.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 138 KiB

22
mk/msos-hub/index.html
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>

22
si/msos-hub/index.html
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="Kulturni večer v Hubu">
<img width="1200" height="1600" class="hub-use-img" loading="lazy" decoding="async" src="../../images/hub-use-cultural.webp" alt="Kulturni večer v Hubu">
<div class="hub-use-body">
<h3>Kulturni &amp; posebni dogodki</h3>
<p>Manjši kulturni večeri, predavanja, razstave in dogodki skupnosti.</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="Praznovanje v Hubu">
<img width="461" height="827" class="hub-use-img" loading="lazy" decoding="async" src="../../images/hub-use-birthdays.webp" alt="Praznovanje v Hubu">
<div class="hub-use-body">
<h3>Rojstni dnevi &amp; praznovanja</h3>
<p>Priredi rojstni dan, god ali katero koli praznovanje s prijatelji.</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="Skupni ogled športa v Hubu">
<img width="1200" height="1600" class="hub-use-img" loading="lazy" decoding="async" src="../../images/hub-use-sports.webp" alt="Skupni ogled športa v Hubu">
<div class="hub-use-body">
<h3>Ogled športa</h3>
<p>Zberite se in skupaj navijajte za tekmo na velikem platnu.</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="Glasba in ples v Hubu">
<img width="1600" height="1200" class="hub-use-img" loading="lazy" decoding="async" src="../../images/hub-use-singing.webp" alt="Glasba in ples v Hubu">
<div class="hub-use-body">
<h3>Petje &amp; ples</h3>
<p>Večer glasbe, petja in plesa, klavir pa je kar tukaj.</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="Sestanek v Hubu">
<img width="1200" height="1600" class="hub-use-img" loading="lazy" decoding="async" src="../../images/hub-use-meetings.webp" alt="Sestanek v Hubu">
<div class="hub-use-body">
<h3>Sestanki</h3>
<p>Miren, opremljen prostor za sestanke klubov, društev ali ekip.</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="Projektno delo v Hubu">
<img width="1200" height="1600" class="hub-use-img" loading="lazy" decoding="async" src="../../images/hub-use-project.webp" alt="Projektno delo v Hubu">
<div class="hub-use-body">
<h3>Projektno delo</h3>
<p>Prostor za zbranost, razmišljanje na tabli in skupno opravljanje nalog.</p>
@ -306,12 +305,11 @@
<h2 class="hub-h2">Utrinek prostora</h2>
<p class="hub-sub">Fotografije dokončanega Huba so na poti. Za zdaj pa je tukaj, kaj bomo prikazali.</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="Druženje v Hubu"></figure>
<figure class="hub-shot"><img width="1920" height="1280" loading="lazy" decoding="async" src="../../images/event3-photo-3.webp" alt="Dogodek v prostoru Huba"></figure>
<figure class="hub-shot"><img width="1425" height="950" loading="lazy" decoding="async" src="../../images/event4-image2.webp" alt="Ljudje skupaj v Hubu"></figure>
<figure class="hub-shot"><img width="960" height="540" loading="lazy" decoding="async" src="../../images/event3-photo-9.webp" alt="Trenutek z dogodka v Hubu"></figure>
<figure class="hub-shot"><img width="900" height="1600" loading="lazy" decoding="async" src="../../images/hub-shot-1.webp" alt="Druženje v Hubu"></figure>
<figure class="hub-shot"><img width="900" height="1600" loading="lazy" decoding="async" src="../../images/hub-shot-2.webp" alt="Dogodek v prostoru Huba"></figure>
<figure class="hub-shot"><img width="1200" height="1600" loading="lazy" decoding="async" src="../../images/hub-shot-3.webp" alt="Ljudje skupaj v Hubu"></figure>
<figure class="hub-shot"><img width="1200" height="1600" loading="lazy" decoding="async" src="../../images/hub-shot-4.webp" alt="Trenutek z dogodka v Hubu"></figure>
</div>
</section>