Posodobljen mobilni meni
Deploy to Production on Develop Push / deploy (push) Successful in 1m7s

This commit is contained in:
Mark Poljanšek committed 2025-09-04 20:43:28 +02:00
1 parent c1094898b7
commit 37b72526d8
51 files changed
+4294 -2776

No files matched your search

+135 -49
View File
@@ -21,69 +21,156 @@
<!-- 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>
<!-- 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">
</a>
<!-- Nov ovoj za vse elemente na desni strani -->
<div class="header-right-wrapper">
<nav>
<ul class="navigation desktop-nav">
<li class="menu-item menu-item-has-children">
<a href="#">O nas</a>
<ul class="dropdown-menu">
<li><a href="#">Časovnica in dosežki</a></li>
<li><a href="#">Naša ekipa, poslanstvo, vizija in vrednote</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Kaj delamo</a>
<ul class="dropdown-menu">
<li><a href="../si/projects/">Dogodki in projekti</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Galerija</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Vključi se</a>
<ul class="dropdown-menu">
<li><a href="#">Postani član</a></li>
<li><a href="#">Podpri MŠOS</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Za študente</a>
<ul class="dropdown-menu">
<li><a href="#">Vodič za bruce</a></li>
<li><a href="#">Mentorski program</a></li>
<li><a href="#">Pogosta vprašanja</a></li>
<li><a href="#">Spoznaj Slovenijo</a></li>
<li><a href="#">Spoznaj Severno Makedonijo</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Novice</a>
<ul class="dropdown-menu">
<li><a href="#">Obvestila</a></li>
<li><a href="#">Odprti pozivi</a></li>
<li><a href="#">Sporočila za javnost</a></li>
</ul>
</li>
</ul>
</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) -->
<button class="btn btn-secondary">Postani član</button>
<button class="btn btn-primary">Doniraj</button>
<div class="language-selector">
<div class="current-lang">
<i class="fas fa-globe"></i>
<span id="current-lang-code-mobile">SI</span>
<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>
<a href="#" data-lang="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>
<!-- Ikona za mobilni meni ostaja ločena za lažje upravljanje -->
<div class="mobile-menu-icon">
<i class="fas fa-bars"></i>
<i class="fas fa-times"></i>
</div>
</div>
</header>
<!-- Panel za mobilno navigacijo -->
<div class="mobile-nav-panel">
<nav>
<ul class="navigation mobile-nav">
<li class="menu-item menu-item-has-children">
<a href="#">O nas</a>
<ul class="dropdown-menu">
<li><a href="#">Časovnica in dosežki</a></li>
<li><a href="#">Naša ekipa, poslanstvo, vizija in vrednote</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Kaj delamo</a>
<ul class="dropdown-menu">
<li><a href="../si/projects/">Dogodki in projekti</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Galerija</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Vključi se</a>
<ul class="dropdown-menu">
<li><a href="#">Postani član</a></li>
<li><a href="#">Podpri MŠOS</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Za študente</a>
<ul class="dropdown-menu">
<li><a href="#">Vodič za bruce</a></li>
<li><a href="#">Mentorski program</a></li>
<li><a href="#">Pogosta vprašanja</a></li>
<li><a href="#">Spoznaj Slovenijo</a></li>
<li><a href="#">Spoznaj Severno Makedonijo</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Novice</a>
<ul class="dropdown-menu">
<li><a href="#">Obvestila</a></li>
<li><a href="#">Odprti pozivi</a></li>
<li><a href="#">Sporočila za javnost</a></li>
</ul>
</li>
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Postani član</button>
<button class="btn btn-primary">Doniraj</button>
<div class="language-selector">
<button class="current-lang" id="mobile-lang-trigger">
<i class="fas fa-globe"></i>
<span>SI</span>
<i class="fas fa-chevron-right"></i>
</button>
</div>
</div>
</div>
<!-- Modalno okno za izbiro jezika (za mobilni) -->
<div id="language-modal-overlay">
<div class="language-modal-content">
<div class="language-modal-header">
<h3>Izberi jezik</h3>
<button id="language-modal-close" aria-label="Zapri izbiro jezika">&times;</button>
</div>
<div class="language-modal-body">
<a href="#" data-lang="si" class="active-lang">Slovenščina (SI)</a>
<a href="#" data-lang="en">English (EN)</a>
<a href="#" data-lang="mk">Македонски (МК)</a>
</div>
</div>
</div>
<!-- END_HEADER -->
<main>
@@ -386,6 +473,5 @@
</footer>
<!-- END_FOOTER -->
<script src="../main.js"></script>
</body>
</html>
+1 -1
View File
@@ -238,7 +238,7 @@
<h2>Postanite del naše izjemne ekipe</h2>
<p>Smo 100% oddaljena ekipa, razpršena po vsem svetu. Pridružite se nam!</p>
</div>
<img src="../images/9-becomepart.png" alt="Naša izjemna ekipa v učilnici" class="team-photo">
<img src="../images/9-becomepart.webp" alt="Naša izjemna ekipa v učilnici" class="team-photo">
<div class="contact-form-container">
<form class="contact-form">
+135 -48
View File
@@ -21,69 +21,156 @@
<!-- 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>
<!-- 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">
</a>
<!-- Nov ovoj za vse elemente na desni strani -->
<div class="header-right-wrapper">
<nav>
<ul class="navigation desktop-nav">
<li class="menu-item menu-item-has-children">
<a href="#">O nas</a>
<ul class="dropdown-menu">
<li><a href="#">Časovnica in dosežki</a></li>
<li><a href="#">Naša ekipa, poslanstvo, vizija in vrednote</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Kaj delamo</a>
<ul class="dropdown-menu">
<li><a href="../../si/projects/">Dogodki in projekti</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Galerija</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Vključi se</a>
<ul class="dropdown-menu">
<li><a href="#">Postani član</a></li>
<li><a href="#">Podpri MŠOS</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Za študente</a>
<ul class="dropdown-menu">
<li><a href="#">Vodič za bruce</a></li>
<li><a href="#">Mentorski program</a></li>
<li><a href="#">Pogosta vprašanja</a></li>
<li><a href="#">Spoznaj Slovenijo</a></li>
<li><a href="#">Spoznaj Severno Makedonijo</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Novice</a>
<ul class="dropdown-menu">
<li><a href="#">Obvestila</a></li>
<li><a href="#">Odprti pozivi</a></li>
<li><a href="#">Sporočila za javnost</a></li>
</ul>
</li>
</ul>
</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) -->
<button class="btn btn-secondary">Postani član</button>
<button class="btn btn-primary">Doniraj</button>
<div class="language-selector">
<div class="current-lang">
<i class="fas fa-globe"></i>
<span id="current-lang-code-mobile">SI</span>
<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>
<a href="#" data-lang="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>
<!-- Ikona za mobilni meni ostaja ločena za lažje upravljanje -->
<div class="mobile-menu-icon">
<i class="fas fa-bars"></i>
<i class="fas fa-times"></i>
</div>
</div>
</header>
<!-- Panel za mobilno navigacijo -->
<div class="mobile-nav-panel">
<nav>
<ul class="navigation mobile-nav">
<li class="menu-item menu-item-has-children">
<a href="#">O nas</a>
<ul class="dropdown-menu">
<li><a href="#">Časovnica in dosežki</a></li>
<li><a href="#">Naša ekipa, poslanstvo, vizija in vrednote</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Kaj delamo</a>
<ul class="dropdown-menu">
<li><a href="../../si/projects/">Dogodki in projekti</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Galerija</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Vključi se</a>
<ul class="dropdown-menu">
<li><a href="#">Postani član</a></li>
<li><a href="#">Podpri MŠOS</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Za študente</a>
<ul class="dropdown-menu">
<li><a href="#">Vodič za bruce</a></li>
<li><a href="#">Mentorski program</a></li>
<li><a href="#">Pogosta vprašanja</a></li>
<li><a href="#">Spoznaj Slovenijo</a></li>
<li><a href="#">Spoznaj Severno Makedonijo</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Novice</a>
<ul class="dropdown-menu">
<li><a href="#">Obvestila</a></li>
<li><a href="#">Odprti pozivi</a></li>
<li><a href="#">Sporočila za javnost</a></li>
</ul>
</li>
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Postani član</button>
<button class="btn btn-primary">Doniraj</button>
<div class="language-selector">
<button class="current-lang" id="mobile-lang-trigger">
<i class="fas fa-globe"></i>
<span>SI</span>
<i class="fas fa-chevron-right"></i>
</button>
</div>
</div>
</div>
<!-- Modalno okno za izbiro jezika (za mobilni) -->
<div id="language-modal-overlay">
<div class="language-modal-content">
<div class="language-modal-header">
<h3>Izberi jezik</h3>
<button id="language-modal-close" aria-label="Zapri izbiro jezika">&times;</button>
</div>
<div class="language-modal-body">
<a href="#" data-lang="si" class="active-lang">Slovenščina (SI)</a>
<a href="#" data-lang="en">English (EN)</a>
<a href="#" data-lang="mk">Македонски (МК)</a>
</div>
</div>
</div>
<!-- END_HEADER -->
<main class="page-content">
+1 -1
View File
@@ -243,7 +243,7 @@
</div>
</div>
</div>
<script src="../../main.js"></script>
</footer>
<!-- END_FOOTER -->
@@ -21,69 +21,156 @@
<!-- 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>
<!-- 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">
</a>
<!-- Nov ovoj za vse elemente na desni strani -->
<div class="header-right-wrapper">
<nav>
<ul class="navigation desktop-nav">
<li class="menu-item menu-item-has-children">
<a href="#">O nas</a>
<ul class="dropdown-menu">
<li><a href="#">Časovnica in dosežki</a></li>
<li><a href="#">Naša ekipa, poslanstvo, vizija in vrednote</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Kaj delamo</a>
<ul class="dropdown-menu">
<li><a href="../../../si/projects/">Dogodki in projekti</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Galerija</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Vključi se</a>
<ul class="dropdown-menu">
<li><a href="#">Postani član</a></li>
<li><a href="#">Podpri MŠOS</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Za študente</a>
<ul class="dropdown-menu">
<li><a href="#">Vodič za bruce</a></li>
<li><a href="#">Mentorski program</a></li>
<li><a href="#">Pogosta vprašanja</a></li>
<li><a href="#">Spoznaj Slovenijo</a></li>
<li><a href="#">Spoznaj Severno Makedonijo</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Novice</a>
<ul class="dropdown-menu">
<li><a href="#">Obvestila</a></li>
<li><a href="#">Odprti pozivi</a></li>
<li><a href="#">Sporočila za javnost</a></li>
</ul>
</li>
</ul>
</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) -->
<button class="btn btn-secondary">Postani član</button>
<button class="btn btn-primary">Doniraj</button>
<div class="language-selector">
<div class="current-lang">
<i class="fas fa-globe"></i>
<span id="current-lang-code-mobile">SI</span>
<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>
<a href="#" data-lang="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>
<!-- Ikona za mobilni meni ostaja ločena za lažje upravljanje -->
<div class="mobile-menu-icon">
<i class="fas fa-bars"></i>
<i class="fas fa-times"></i>
</div>
</div>
</header>
<!-- Panel za mobilno navigacijo -->
<div class="mobile-nav-panel">
<nav>
<ul class="navigation mobile-nav">
<li class="menu-item menu-item-has-children">
<a href="#">O nas</a>
<ul class="dropdown-menu">
<li><a href="#">Časovnica in dosežki</a></li>
<li><a href="#">Naša ekipa, poslanstvo, vizija in vrednote</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Kaj delamo</a>
<ul class="dropdown-menu">
<li><a href="../../../si/projects/">Dogodki in projekti</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Galerija</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Vključi se</a>
<ul class="dropdown-menu">
<li><a href="#">Postani član</a></li>
<li><a href="#">Podpri MŠOS</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Za študente</a>
<ul class="dropdown-menu">
<li><a href="#">Vodič za bruce</a></li>
<li><a href="#">Mentorski program</a></li>
<li><a href="#">Pogosta vprašanja</a></li>
<li><a href="#">Spoznaj Slovenijo</a></li>
<li><a href="#">Spoznaj Severno Makedonijo</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Novice</a>
<ul class="dropdown-menu">
<li><a href="#">Obvestila</a></li>
<li><a href="#">Odprti pozivi</a></li>
<li><a href="#">Sporočila za javnost</a></li>
</ul>
</li>
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Postani član</button>
<button class="btn btn-primary">Doniraj</button>
<div class="language-selector">
<button class="current-lang" id="mobile-lang-trigger">
<i class="fas fa-globe"></i>
<span>SI</span>
<i class="fas fa-chevron-right"></i>
</button>
</div>
</div>
</div>
<!-- Modalno okno za izbiro jezika (za mobilni) -->
<div id="language-modal-overlay">
<div class="language-modal-content">
<div class="language-modal-header">
<h3>Izberi jezik</h3>
<button id="language-modal-close" aria-label="Zapri izbiro jezika">&times;</button>
</div>
<div class="language-modal-body">
<a href="#" data-lang="si" class="active-lang">Slovenščina (SI)</a>
<a href="#" data-lang="en">English (EN)</a>
<a href="#" data-lang="mk">Македонски (МК)</a>
</div>
</div>
</div>
<!-- END_HEADER -->
<main class="article-page">
@@ -105,7 +105,7 @@
<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.png" alt="Priprave in sestanki za Makedonsko študentsko noč">
<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>
+135 -48
View File
@@ -21,69 +21,156 @@
<!-- 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>
<!-- 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">
</a>
<!-- Nov ovoj za vse elemente na desni strani -->
<div class="header-right-wrapper">
<nav>
<ul class="navigation desktop-nav">
<li class="menu-item menu-item-has-children">
<a href="#">O nas</a>
<ul class="dropdown-menu">
<li><a href="#">Časovnica in dosežki</a></li>
<li><a href="#">Naša ekipa, poslanstvo, vizija in vrednote</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Kaj delamo</a>
<ul class="dropdown-menu">
<li><a href="../../../si/projects/">Dogodki in projekti</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Galerija</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Vključi se</a>
<ul class="dropdown-menu">
<li><a href="#">Postani član</a></li>
<li><a href="#">Podpri MŠOS</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Za študente</a>
<ul class="dropdown-menu">
<li><a href="#">Vodič za bruce</a></li>
<li><a href="#">Mentorski program</a></li>
<li><a href="#">Pogosta vprašanja</a></li>
<li><a href="#">Spoznaj Slovenijo</a></li>
<li><a href="#">Spoznaj Severno Makedonijo</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Novice</a>
<ul class="dropdown-menu">
<li><a href="#">Obvestila</a></li>
<li><a href="#">Odprti pozivi</a></li>
<li><a href="#">Sporočila za javnost</a></li>
</ul>
</li>
</ul>
</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) -->
<button class="btn btn-secondary">Postani član</button>
<button class="btn btn-primary">Doniraj</button>
<div class="language-selector">
<div class="current-lang">
<i class="fas fa-globe"></i>
<span id="current-lang-code-mobile">SI</span>
<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>
<a href="#" data-lang="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>
<!-- Ikona za mobilni meni ostaja ločena za lažje upravljanje -->
<div class="mobile-menu-icon">
<i class="fas fa-bars"></i>
<i class="fas fa-times"></i>
</div>
</div>
</header>
<!-- Panel za mobilno navigacijo -->
<div class="mobile-nav-panel">
<nav>
<ul class="navigation mobile-nav">
<li class="menu-item menu-item-has-children">
<a href="#">O nas</a>
<ul class="dropdown-menu">
<li><a href="#">Časovnica in dosežki</a></li>
<li><a href="#">Naša ekipa, poslanstvo, vizija in vrednote</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Kaj delamo</a>
<ul class="dropdown-menu">
<li><a href="../../../si/projects/">Dogodki in projekti</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Galerija</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Vključi se</a>
<ul class="dropdown-menu">
<li><a href="#">Postani član</a></li>
<li><a href="#">Podpri MŠOS</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Za študente</a>
<ul class="dropdown-menu">
<li><a href="#">Vodič za bruce</a></li>
<li><a href="#">Mentorski program</a></li>
<li><a href="#">Pogosta vprašanja</a></li>
<li><a href="#">Spoznaj Slovenijo</a></li>
<li><a href="#">Spoznaj Severno Makedonijo</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Novice</a>
<ul class="dropdown-menu">
<li><a href="#">Obvestila</a></li>
<li><a href="#">Odprti pozivi</a></li>
<li><a href="#">Sporočila za javnost</a></li>
</ul>
</li>
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Postani član</button>
<button class="btn btn-primary">Doniraj</button>
<div class="language-selector">
<button class="current-lang" id="mobile-lang-trigger">
<i class="fas fa-globe"></i>
<span>SI</span>
<i class="fas fa-chevron-right"></i>
</button>
</div>
</div>
</div>
<!-- Modalno okno za izbiro jezika (za mobilni) -->
<div id="language-modal-overlay">
<div class="language-modal-content">
<div class="language-modal-header">
<h3>Izberi jezik</h3>
<button id="language-modal-close" aria-label="Zapri izbiro jezika">&times;</button>
</div>
<div class="language-modal-body">
<a href="#" data-lang="si" class="active-lang">Slovenščina (SI)</a>
<a href="#" data-lang="en">English (EN)</a>
<a href="#" data-lang="mk">Македонски (МК)</a>
</div>
</div>
</div>
<!-- END_HEADER -->
<main class="article-page">
@@ -156,7 +156,7 @@
<p>Poseben trenutek dogodka je bil nagovor konzula Veleposlaništva Republike Slovenije v Severni Makedoniji, gospoda Martina Glazarja. Na kratko je predstavil najpomembnejše korake postopka za pridobitev začasnega dovoljenja za prebivanje – eno največjih skrbi in izzivov za vse tuje študente v Sloveniji. Na ta način so bodoči študenti dobili jasnejšo sliko o tem, kaj jih čaka in kako se lažje spopasti z administrativnimi postopki.</p>
<figure class="article-inline-image">
<img src="../../../images/event3-photo-9.png" alt="Konzul seznanja študente s postopkom pridobitve začasnega dovoljenja za prebivanje">
<img src="../../../images/event3-photo-9.webp" alt="Konzul seznanja študente s postopkom pridobitve začasnega dovoljenja za prebivanje">
<figcaption>Fotografija konzula, ki na zanimiv način seznanja študente s postopkom pridobitve začasnega dovoljenja za prebivanje!</figcaption>
</figure>
+135 -48
View File
@@ -21,69 +21,156 @@
<!-- 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>
<!-- 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">
</a>
<!-- Nov ovoj za vse elemente na desni strani -->
<div class="header-right-wrapper">
<nav>
<ul class="navigation desktop-nav">
<li class="menu-item menu-item-has-children">
<a href="#">O nas</a>
<ul class="dropdown-menu">
<li><a href="#">Časovnica in dosežki</a></li>
<li><a href="#">Naša ekipa, poslanstvo, vizija in vrednote</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Kaj delamo</a>
<ul class="dropdown-menu">
<li><a href="../../../si/projects/">Dogodki in projekti</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Galerija</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Vključi se</a>
<ul class="dropdown-menu">
<li><a href="#">Postani član</a></li>
<li><a href="#">Podpri MŠOS</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Za študente</a>
<ul class="dropdown-menu">
<li><a href="#">Vodič za bruce</a></li>
<li><a href="#">Mentorski program</a></li>
<li><a href="#">Pogosta vprašanja</a></li>
<li><a href="#">Spoznaj Slovenijo</a></li>
<li><a href="#">Spoznaj Severno Makedonijo</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Novice</a>
<ul class="dropdown-menu">
<li><a href="#">Obvestila</a></li>
<li><a href="#">Odprti pozivi</a></li>
<li><a href="#">Sporočila za javnost</a></li>
</ul>
</li>
</ul>
</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) -->
<button class="btn btn-secondary">Postani član</button>
<button class="btn btn-primary">Doniraj</button>
<div class="language-selector">
<div class="current-lang">
<i class="fas fa-globe"></i>
<span id="current-lang-code-mobile">SI</span>
<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>
<a href="#" data-lang="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>
<!-- Ikona za mobilni meni ostaja ločena za lažje upravljanje -->
<div class="mobile-menu-icon">
<i class="fas fa-bars"></i>
<i class="fas fa-times"></i>
</div>
</div>
</header>
<!-- Panel za mobilno navigacijo -->
<div class="mobile-nav-panel">
<nav>
<ul class="navigation mobile-nav">
<li class="menu-item menu-item-has-children">
<a href="#">O nas</a>
<ul class="dropdown-menu">
<li><a href="#">Časovnica in dosežki</a></li>
<li><a href="#">Naša ekipa, poslanstvo, vizija in vrednote</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Kaj delamo</a>
<ul class="dropdown-menu">
<li><a href="../../../si/projects/">Dogodki in projekti</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Galerija</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Vključi se</a>
<ul class="dropdown-menu">
<li><a href="#">Postani član</a></li>
<li><a href="#">Podpri MŠOS</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Za študente</a>
<ul class="dropdown-menu">
<li><a href="#">Vodič za bruce</a></li>
<li><a href="#">Mentorski program</a></li>
<li><a href="#">Pogosta vprašanja</a></li>
<li><a href="#">Spoznaj Slovenijo</a></li>
<li><a href="#">Spoznaj Severno Makedonijo</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Novice</a>
<ul class="dropdown-menu">
<li><a href="#">Obvestila</a></li>
<li><a href="#">Odprti pozivi</a></li>
<li><a href="#">Sporočila za javnost</a></li>
</ul>
</li>
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Postani član</button>
<button class="btn btn-primary">Doniraj</button>
<div class="language-selector">
<button class="current-lang" id="mobile-lang-trigger">
<i class="fas fa-globe"></i>
<span>SI</span>
<i class="fas fa-chevron-right"></i>
</button>
</div>
</div>
</div>
<!-- Modalno okno za izbiro jezika (za mobilni) -->
<div id="language-modal-overlay">
<div class="language-modal-content">
<div class="language-modal-header">
<h3>Izberi jezik</h3>
<button id="language-modal-close" aria-label="Zapri izbiro jezika">&times;</button>
</div>
<div class="language-modal-body">
<a href="#" data-lang="si" class="active-lang">Slovenščina (SI)</a>
<a href="#" data-lang="en">English (EN)</a>
<a href="#" data-lang="mk">Македонски (МК)</a>
</div>
</div>
</div>
<!-- END_HEADER -->
<main class="article-page">
@@ -152,7 +152,7 @@
<p>Tokratne spomine na večer dolgujemo Hristini Trakovski, ki je bila fotografinja in je poskrbela, da so vsi ti trenutki ostali zabeleženi in jih lahko ponovno podoživimo skozi fotografije.</p>
<figure class="article-inline-image">
<img src="../../../images/event4-img-10.png" alt="Pozdravni govor N.E. veleposlanika gospoda Gregorja Preskerja.">
<img src="../../../images/event4-img-10.webp" alt="Pozdravni govor N.E. veleposlanika gospoda Gregorja Preskerja.">
<figcaption>Fotografija pozdravnega govora N.E. veleposlanika gospoda Gregorja Preskerja.</figcaption>
</figure>
@@ -21,69 +21,156 @@
<!-- 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>
<!-- 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">
</a>
<!-- Nov ovoj za vse elemente na desni strani -->
<div class="header-right-wrapper">
<nav>
<ul class="navigation desktop-nav">
<li class="menu-item menu-item-has-children">
<a href="#">O nas</a>
<ul class="dropdown-menu">
<li><a href="#">Časovnica in dosežki</a></li>
<li><a href="#">Naša ekipa, poslanstvo, vizija in vrednote</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Kaj delamo</a>
<ul class="dropdown-menu">
<li><a href="../../../si/projects/">Dogodki in projekti</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Galerija</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Vključi se</a>
<ul class="dropdown-menu">
<li><a href="#">Postani član</a></li>
<li><a href="#">Podpri MŠOS</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Za študente</a>
<ul class="dropdown-menu">
<li><a href="#">Vodič za bruce</a></li>
<li><a href="#">Mentorski program</a></li>
<li><a href="#">Pogosta vprašanja</a></li>
<li><a href="#">Spoznaj Slovenijo</a></li>
<li><a href="#">Spoznaj Severno Makedonijo</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Novice</a>
<ul class="dropdown-menu">
<li><a href="#">Obvestila</a></li>
<li><a href="#">Odprti pozivi</a></li>
<li><a href="#">Sporočila za javnost</a></li>
</ul>
</li>
</ul>
</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) -->
<button class="btn btn-secondary">Postani član</button>
<button class="btn btn-primary">Doniraj</button>
<div class="language-selector">
<div class="current-lang">
<i class="fas fa-globe"></i>
<span id="current-lang-code-mobile">SI</span>
<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>
<a href="#" data-lang="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>
<!-- Ikona za mobilni meni ostaja ločena za lažje upravljanje -->
<div class="mobile-menu-icon">
<i class="fas fa-bars"></i>
<i class="fas fa-times"></i>
</div>
</div>
</header>
<!-- Panel za mobilno navigacijo -->
<div class="mobile-nav-panel">
<nav>
<ul class="navigation mobile-nav">
<li class="menu-item menu-item-has-children">
<a href="#">O nas</a>
<ul class="dropdown-menu">
<li><a href="#">Časovnica in dosežki</a></li>
<li><a href="#">Naša ekipa, poslanstvo, vizija in vrednote</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Kaj delamo</a>
<ul class="dropdown-menu">
<li><a href="../../../si/projects/">Dogodki in projekti</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Galerija</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Vključi se</a>
<ul class="dropdown-menu">
<li><a href="#">Postani član</a></li>
<li><a href="#">Podpri MŠOS</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Za študente</a>
<ul class="dropdown-menu">
<li><a href="#">Vodič za bruce</a></li>
<li><a href="#">Mentorski program</a></li>
<li><a href="#">Pogosta vprašanja</a></li>
<li><a href="#">Spoznaj Slovenijo</a></li>
<li><a href="#">Spoznaj Severno Makedonijo</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">Novice</a>
<ul class="dropdown-menu">
<li><a href="#">Obvestila</a></li>
<li><a href="#">Odprti pozivi</a></li>
<li><a href="#">Sporočila za javnost</a></li>
</ul>
</li>
</ul>
</nav>
<div class="navigation-actions">
<button class="btn btn-secondary">Postani član</button>
<button class="btn btn-primary">Doniraj</button>
<div class="language-selector">
<button class="current-lang" id="mobile-lang-trigger">
<i class="fas fa-globe"></i>
<span>SI</span>
<i class="fas fa-chevron-right"></i>
</button>
</div>
</div>
</div>
<!-- Modalno okno za izbiro jezika (za mobilni) -->
<div id="language-modal-overlay">
<div class="language-modal-content">
<div class="language-modal-header">
<h3>Izberi jezik</h3>
<button id="language-modal-close" aria-label="Zapri izbiro jezika">&times;</button>
</div>
<div class="language-modal-body">
<a href="#" data-lang="si" class="active-lang">Slovenščina (SI)</a>
<a href="#" data-lang="en">English (EN)</a>
<a href="#" data-lang="mk">Македонски (МК)</a>
</div>
</div>
</div>
<!-- END_HEADER -->
<main class="article-page">
@@ -144,7 +144,7 @@
<p>Se vidimo ponovno prihodnje leto – še bolj sproščeni in z še več kave!</p>
<figure class="article-inline-image">
<img src="../../../images/event4-image7.png" alt="Kolaž fotografij, ki prikazuje študente, skodelice za kavo in burek.">
<img src="../../../images/event4-image7.webp" alt="Kolaž fotografij, ki prikazuje študente, skodelice za kavo in burek.">
<figcaption>Dobra družba, veliko spominov in skupaj premagan izpitni stres.</figcaption>
</figure>
</div>