Hub redesign, per-language logos, partner carousel, footer + menu fixes
MSOS Hub page: - "What you can do here": Porsche-style vertical image cards in a continuous auto-scrolling marquee with edge fades (real photos placeholders) - "A glimpse of the space": full-bleed band of 4 connected photos - "A space we built together": full-bleed image banner with blue gradient overlay - "Made possible by": partner logo tiles (Cultural Association + Ministry); processed Ministry + Cultural Association logos from source art - Copy/spacing polish; removed em-dashes; larger section spacing; deeper final-CTA gradient so it no longer blends into the footer Branding / partners: - Per-language MSOS logos (SVG) in header + footer across all pages - Partner carousel: added Ministry (wide variant), Cultural Association, Embassy of North Macedonia, and Spletni Mojster (width-capped); de-duplicated logos within each marquee group so new logos appear sooner Footer: - Build credit line (Spletni Mojster + Kristijan), clean centered text - Synced MK/SI footers to EN (added missing About us + Timeline links) Landing page: - FAQ short CTA already avatar design (FAQ page kept its Email/Viber block) - Swapped blurry stock video thumbnail for the real team photo - Removed the intentional hero-background blur Navigation: - Mobile menu: use 100dvh so the language selector is reachable with submenus open - Desktop: dropdown parents no longer navigate to dead "/#" links Language suggestion banner: - Dismissible, browser-language based banner suggesting the matching locale; remembers choice in localStorage and waits for the cookie-consent choice to avoid overlapping the consent card Removed stale *.html.bak backup files. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
popovskikandClaude Opus 4.8 committed
1 parent
7c32f416f5
commit
f5dfd8830e
249 files changed
+2259
-7319
No files matched your search
@@ -68,7 +68,7 @@
|
||||
<div class="container">
|
||||
<!-- Logotip je zdaj samostojen element na levi strani -->
|
||||
<a href="../../../si/" class="logo-link">
|
||||
<img src="../../../images/1-logo.png" alt="Logotip Makedonske študentske organizacije v Sloveniji" class="logo-img">
|
||||
<img src="../../../images/msos-logo-si.svg" alt="Logotip Makedonske študentske organizacije v Sloveniji" class="logo-img">
|
||||
</a>
|
||||
|
||||
<!-- Nov ovoj za vse elemente na desni strani -->
|
||||
@@ -288,7 +288,7 @@
|
||||
<div class="footer-main">
|
||||
<div class="footer-info">
|
||||
<div class="footer-logo">
|
||||
<img loading="lazy" decoding="async" src="../../../images/13-whitelogo.png" alt="Logotip Makedonske študentske organizacije v Sloveniji">
|
||||
<img loading="lazy" decoding="async" src="../../../images/msos-logo-white-si.svg" alt="Logotip Makedonske študentske organizacije v Sloveniji">
|
||||
</div>
|
||||
<p class="footer-legal-name">Društvo Makedonska Študentska Organizacija v Sloveniji za študentsko podporo in kulturno sodelovanje</p>
|
||||
<p>
|
||||
@@ -321,6 +321,8 @@
|
||||
</div>
|
||||
<div class="links-column">
|
||||
<h4>Organizacija</h4>
|
||||
<a href="../../../si/about-us/">O nas</a>
|
||||
<a href="../../../si/timeline-and-milestones/">Časovnica in dosežki</a>
|
||||
<a href="mailto:info@msosorg.com">Kontaktirajte nas</a>
|
||||
</div>
|
||||
</div>
|
||||
@@ -335,6 +337,10 @@
|
||||
<a href="#" class="js-manage-cookies" onclick="if(window.msosOpenConsent){msosOpenConsent();}return false;">Upravljanje piškotkov</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-credit">
|
||||
<span>Pri izdelavi so pomagali Mark in Domen iz <a href="https://www.spletnimojster.si" target="_blank" rel="noopener">Spletnega Mojstra</a> ter Kristijan iz MSOS. Velika hvala!</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</footer>
|
||||
<!-- END_FOOTER -->
|
||||
|
||||
@@ -1,223 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="sl">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Makedonska študentska noč v Ljubljani - MŠOS</title>
|
||||
|
||||
<!-- Google Fonts -->
|
||||
<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=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
|
||||
|
||||
<!-- Font Awesome (for icons) -->
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
|
||||
|
||||
<!-- Povezava na glavno CSS datoteko -->
|
||||
<link rel="stylesheet" href="../../../css/main.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- START_HEADER -->
|
||||
<header class="dropdown-header-navigation">
|
||||
<div class="container">
|
||||
<div class="header-content">
|
||||
<a href="../../../si/" class="logo-link">
|
||||
<img src="../../../images/1-logo.png" alt="Logotip Makedonske študentske organizacije v Sloveniji" class="logo-img">
|
||||
</a>
|
||||
<!-- Navigacija za namizje -->
|
||||
<nav class="navigation desktop-nav">
|
||||
<a href="#">O nas</a>
|
||||
<a href="#">Za študente</a>
|
||||
<a href="../../../si/projects/">Projekti</a>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<!-- Gumbi za namizje -->
|
||||
<div class="navigation-actions">
|
||||
<button class="btn btn-secondary">Postanite partner</button>
|
||||
<button class="btn btn-primary">Donirajte</button>
|
||||
<!-- Zamenjan preklopnik jezika -->
|
||||
<div class="language-selector">
|
||||
<div class="current-lang">
|
||||
<i class="fas fa-globe"></i>
|
||||
<span id="current-lang-code">SI</span>
|
||||
<i class="fas fa-chevron-down"></i>
|
||||
</div>
|
||||
<div class="lang-dropdown">
|
||||
<a href="#" data-lang="si">Slovenščina (SI)</a>
|
||||
<a href="#" data-lang="en">English (EN)</a>
|
||||
<a href="#" data-lang="mk">Македонски (MK)</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Panel za mobilno navigacijo -->
|
||||
<div class="mobile-nav-panel">
|
||||
<nav class="navigation mobile-nav">
|
||||
<a href="#">O nas</a>
|
||||
<a href="#">Za študente</a>
|
||||
<a href="../../../si/projects/">Projekti</a>
|
||||
</nav>
|
||||
<div class="navigation-actions">
|
||||
<button class="btn btn-secondary">Postanite partner</button>
|
||||
<button class="btn btn-primary">Donirajte</button>
|
||||
<!-- Zamenjan preklopnik jezika (tudi za mobilni meni) -->
|
||||
<div class="language-selector">
|
||||
<div class="current-lang">
|
||||
<i class="fas fa-globe"></i>
|
||||
<span id="current-lang-code-mobile">SI</span>
|
||||
<i class="fas fa-chevron-down"></i>
|
||||
</div>
|
||||
<div class="lang-dropdown">
|
||||
<a href="#" data-lang="si">Slovenščina (SI)</a>
|
||||
<a href="#" data-lang="en">English (EN)</a>
|
||||
<a href="#" data-lang="mk">Македонски (MK)</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Ikona za mobilni meni (Hamburger/X) -->
|
||||
<div class="mobile-menu-icon">
|
||||
<i class="fas fa-bars"></i>
|
||||
<i class="fas fa-times"></i>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<!-- END_HEADER -->
|
||||
|
||||
<main class="article-page">
|
||||
<article class="article-container">
|
||||
<header class="article-header">
|
||||
<p class="article-publish-date">Objavljeno 8. oktobra 2022</p>
|
||||
<h1>Makedonska študentska noč v Ljubljani</h1>
|
||||
<p class="article-subtitle">Od ideje do zabave s 500 študenti – tako se je začela naša zgodba!</p>
|
||||
</header>
|
||||
|
||||
<figure class="article-main-image">
|
||||
<img src="../../../images/msnl-1.webp" alt="Vzdušje z Makedonske študentske noči v Ljubljani">
|
||||
</figure>
|
||||
|
||||
<div class="article-body">
|
||||
<p>8. oktobra 2022 se je v osrčju Študentskega kampusa v Ljubljani odvila prva Makedonska študentska noč v Sloveniji. Pod sloganom #FeelsLikeHome je več kot 500 mladih uživalo v makedonski glasbi, okusni tradicionalni hrani in vzdušju, ki je spominjalo na dom. Ta dogodek ni bil le zabava – bil je začetek nove zgodbe, ki bo kasneje prerasla v Makedonsko študentsko organizacijo v Sloveniji (MŠOS).</p>
|
||||
|
||||
<h2>Kako je ideja o druženju postala začetek gibanja</h2>
|
||||
<p>Vse se je začelo s preprosto željo – da se zberemo, spoznamo in začutimo Makedonijo, čeprav smo daleč od nje. Kristijan Popovski, takrat študent Ekonomske fakultete v Ljubljani, je svojo idejo delil z nekaj kolegi, odziv pa je bil neverjeten. V manj kot dveh tednih se je v organizacijsko ekipo vključilo več kot 40 študentov. Vsak je prispeval svoj entuziazem in čas, skupni duh in želja po povezovanju pa sta to spontano pobudo spremenila v dogodek, ki si ga bomo dolgo zapomnili.</p>
|
||||
|
||||
<figure class="article-inline-image">
|
||||
<img src="../../../images/msnl-2.webp" alt="Priprave in sestanki za Makedonsko študentsko noč">
|
||||
<figcaption>Fotografije s priprav in sestankov za organizacijo Makedonske študentske noči.</figcaption>
|
||||
</figure>
|
||||
|
||||
<p>Od tistega trenutka naprej smo vsak prosti trenutek preživeli v pisarnah študentske organizacije <strong>Povezani</strong>, ki so nam nudili veliko podporo pri organizaciji. Dneve in noči smo načrtovali, imeli sestanke in pisali objave za družbena omrežja – vse z namenom, da ustvarimo dogodek, za katerega smo sprva mislili, da bomo pritegnili, če bomo imeli srečo, okoli 100 obiskovalcev.</p>
|
||||
<p>Teden dni pred dogodkom smo vsak dan objavljali zanimivosti o Makedoniji, njenih nacionalnih zakladih, glasbi in kulturi. Počasi, a vztrajno, smo gradili vzdušje in navdušenje, ne le med makedonskimi študenti, temveč tudi med mnogimi drugimi, ki so želeli občutiti našo energijo.</p>
|
||||
|
||||
<figure class="article-inline-image">
|
||||
<img src="../../../images/msnl-3.webp" alt="Plakat, kjer se Slovenci učijo makedonsko abecedo">
|
||||
<figcaption>Plakat s cirilico in latinico. Slovenci se učijo makedonsko abecedo, medtem ko jih Makedonci poučujejo.</figcaption>
|
||||
</figure>
|
||||
|
||||
<blockquote class="article-quote">
|
||||
<p>„Organizacija prve zabave MŠOS je bila edinstvena izkušnja – neprespana, ambiciozna in vključevala je vse, od logistike do pomivanja tal... Na srečo obstaja Red Bull 😉 (P.S. Spili smo celotno zalogo iz hladilnika!)“</p>
|
||||
<footer>— Marko – študent prvega letnika</footer>
|
||||
</blockquote>
|
||||
|
||||
<h2>Okus in vonj Makedonije v osrčju Ljubljane</h2>
|
||||
<p>Zabava se je začela ob 20. uri in je bila zasnovana v dveh delih. Prvi del je bil pravo gastronomsko in kulturno popotovanje po Makedoniji. Študentje so lahko poskusili kruhke z ajvarjem in sirom, makedonsko vino, okusne prigrizke in tradicionalne pijače. Mize so bile obložene tudi z drugimi avtentičnimi izdelki, ki so vse spominjali na dom. Vse te okuse in vonjave je omogočila podpora trgovine z makedonskimi izdelki <strong>"Makedonija Trade"</strong>, ki je nesebično prispevala k temu, da je bil ta del večera resnično doživetje.</p>
|
||||
|
||||
<figure class="article-inline-image">
|
||||
<img src="../../../images/msnl-4.webp" alt="Stojnice z makedonskimi simboli, hrano in pijačo">
|
||||
<figcaption>Fotografije stojnic z makedonskimi simboli, tradicionalno hrano in pijačo.</figcaption>
|
||||
</figure>
|
||||
|
||||
<p>Poleg hrane so si obiskovalci lahko ogledali zanimivosti o državi, fotografije znanih makedonskih osebnosti in kulturnih znamenitosti ter si od blizu ogledali tradicionalne noše in <strong>gajdo</strong>. Vzdušje je bilo toplo in polno radovednosti – kot majhna razstava v sklopu velike študentske zabave.</p>
|
||||
|
||||
<figure class="article-inline-image">
|
||||
<img src="../../../images/msnl-5.webp" alt="Mini kviz o Makedoniji">
|
||||
<figcaption>Mini kviz z vprašanji o Makedoniji, kjer študenti v enem delu kluba tekmujejo.</figcaption>
|
||||
</figure>
|
||||
|
||||
<h2>Podpora makedonske skupnosti in diplomacije</h2>
|
||||
<p>Večer je obogatila tudi prisotnost pomembnih gostov iz makedonske skupnosti v Sloveniji. Dogodku se nam je pridružil <strong>predsednik Zveze makedonskih kulturnih društev v Sloveniji, g. Blagoja Nasteski</strong>, ki je s svojo prisotnostjo potrdil pomen takšnih pobud za ohranjanje makedonskega duha in tradicije v diaspori.</p>
|
||||
|
||||
<figure class="article-inline-image">
|
||||
<img src="../../../images/msnl-6.webp" alt="Kristijan in Bisera z veleposlanico Zelenkovsko in g. Nasteskim">
|
||||
<figcaption>Kristijan in Bisera skupaj z veleposlanico Zelenkovsko in predsednikom Zveze makedonskih društev, g. Nasteskim.</figcaption>
|
||||
</figure>
|
||||
|
||||
<p>Posebej smo bili počaščeni, da smo pozdravili <strong>veleposlanico Severne Makedonije v Sloveniji, go. Suzano Zelenkovsko</strong>, ki je mladim namenila tople besede spodbude in podpore. Njena prisotnost in zanimanje za dogodek sta bila dodatna motivacija za nadaljevanje našega poslanstva povezovanja in promocije makedonske študentske skupnosti.</p>
|
||||
<p>Zabava je imela odlično energijo, ki se je širila povsod – v nekem trenutku je vladal majhen, a nadzorovan kaos. Kljub temu, da se je dogodek končal nekoliko prej, so študenti še eno uro prepevali skupaj z nami, medtem ko smo pospravljali prostor. Resnično, noč za spomin!</p>
|
||||
|
||||
<blockquote class="article-quote">
|
||||
<p>„Bil sem del organizacijske ekipe in zadolžen za vzdrževanje reda med študenti, a ko so zaigrali pesem 'Biser Balkanski', se nisem mogel upreti – pridružil sem se tudi jaz... To je bil moj poseben trenutek tistega večera!“</p>
|
||||
<footer>— Hristijan – študent drugega letnika</footer>
|
||||
</blockquote>
|
||||
|
||||
<h2>Začetek, ki si ga bomo zapomnili</h2>
|
||||
<p>Tisti večer ni bil le še ena študentska zabava – bil je trenutek, ko smo spoznali, da smo začeli nekaj večjega. Namesto pričakovanih 100 gostov je v klub prišlo okoli <strong>500 študentov</strong>, energija pa je bila neverjetna. Stkala so se nova prijateljstva, pele so se pesmi iz srca, makedonska kultura in tradicija pa sta bili v ospredju cel večer.</p>
|
||||
<p>Ta noč je postavila temelje za Makedonsko študentsko organizacijo v Sloveniji in nam pokazala, da je z navdušenjem, enotnostjo in malo poguma mogoče ustvariti nekaj, kar združuje ljudi in jim daje občutek doma – tudi ko so daleč od njega.</p>
|
||||
|
||||
<figure class="article-inline-image">
|
||||
<img src="../../../images/msnl-7.webp" alt="Predana ekipa prostovoljcev po končanem pospravljanju prizorišča.">
|
||||
<figcaption>Fotografija, posneta ob 4. uri zjutraj, po končanem pospravljanju prostora skupaj s predano ekipo prostovoljcev.</figcaption>
|
||||
</figure>
|
||||
</div>
|
||||
|
||||
<!-- START_FOOTER -->
|
||||
<footer>
|
||||
<div class="footer-container">
|
||||
<div class="footer-main">
|
||||
<div class="footer-info">
|
||||
<div class="footer-logo">
|
||||
<img src="../../../images/13-whitelogo.png" alt="Logotip Makedonske študentske organizacije v Sloveniji">
|
||||
</div>
|
||||
<p>
|
||||
Masarykova cesta 24<br>
|
||||
1000 Ljubljana, Slovenija<br>
|
||||
+389 02 123 4567<br>
|
||||
info.msosorg@gmail.com
|
||||
</p>
|
||||
<div class="social-icons">
|
||||
<a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
|
||||
<a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
|
||||
<a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-links">
|
||||
<div class="links-column">
|
||||
<h4>Za študente</h4>
|
||||
<a href="#">Blog</a>
|
||||
<a href="#">Galerija</a>
|
||||
<a href="#">Pogosta vprašanja</a>
|
||||
<a href="#">Brošura</a>
|
||||
</div>
|
||||
<div class="links-column">
|
||||
<h4>Projekti</h4>
|
||||
<a href="#">Prihajajoči</a>
|
||||
<a href="#">Pretekli</a>
|
||||
</div>
|
||||
<div class="links-column">
|
||||
<h4>Organizacija</h4>
|
||||
<a href="#">O nas</a>
|
||||
<a href="#">Kontakt</a>
|
||||
<a href="#">Dokumentacija</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr>
|
||||
<div class="footer-bottom">
|
||||
<p>© MŠOS org 2023 Vse pravice pridržane.</p>
|
||||
<div class="legal-links">
|
||||
<a href="#">Politika zasebnosti</a>
|
||||
<a href="#">Politika piškotkov</a>
|
||||
<a href="#">Pravni pogoji</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script src="../../../main.js"></script>
|
||||
</footer>
|
||||
<!-- END_FOOTER -->
|
||||
|
||||
<script src="../../../main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in new issue
Block a user