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

Landing/About/guide polish + Proxify-style category filter bar #15

Merged
popovskik merged 25 commits from kristijan-dev into develop 2026-08-05 20:31:40 +00:00
Conversation 0 Commits 25 Files Changed 293 +30 -36
13 changed files with 30 additions and 36 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit 764cf1ee66 - Show all commits

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>