Posodobljen mobilni meni
Deploy to Production on Develop Push / deploy (push) Successful in 1m7s
Details
Deploy to Production on Develop Push / deploy (push) Successful in 1m7s
Details
This commit is contained in:
Mark Poljanšek
parent
c1094898b7
commit
37b72526d8
2821
code_export.txt
2821
code_export.txt
File diff suppressed because it is too large
Load Diff
|
|
@ -6,14 +6,14 @@
|
|||
* Ta datoteka vsebuje stile za glavo (header) spletne strani.
|
||||
*
|
||||
* 1. Glavni kontejner za glavo
|
||||
* 2. Vsebina glave (logotip, navigacija)
|
||||
* 2. Vsebina glave (logotip, navigacija) - POSODOBLJENO
|
||||
* 3. Gumbi in akcije v glavi (vključno z izbiro jezika)
|
||||
* 4. Stili za namizni "dropdown" meni (PRENOVLJEN DIZAJN)
|
||||
* 5. Stili za mobilno glavo in "accordion" meni (optimizirano)
|
||||
* 4. Stili za namizni "dropdown" meni
|
||||
* 5. Stili za mobilno glavo in "accordion" meni
|
||||
* 6. Stili za modalno okno za izbiro jezika na mobilnih napravah
|
||||
*/
|
||||
|
||||
/* 1. Glavni kontejner za glavo */
|
||||
|
||||
.dropdown-header-navigation {
|
||||
position: absolute;
|
||||
width: 100%;
|
||||
|
|
@ -26,27 +26,21 @@
|
|||
z-index: 1000;
|
||||
}
|
||||
|
||||
/* 2. Vsebina glave (logotip, navigacija) */
|
||||
/* 2. Vsebina glave (logotip, navigacija) - POSODOBLJENO */
|
||||
.logo-link .logo-img {
|
||||
height: 32px;
|
||||
width: auto;
|
||||
display: block; /* Za zanesljivo obnašanje */
|
||||
}
|
||||
|
||||
.header-content {
|
||||
/* Nov ovoj za desno stran glave */
|
||||
.header-right-wrapper {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-grow: 1;
|
||||
gap: 48px;
|
||||
gap: 24px; /* Razmik med navigacijo in gumbi */
|
||||
}
|
||||
|
||||
.header-content > nav {
|
||||
flex-grow: 1;
|
||||
display: flex;
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
.logo-link .logo-img {
|
||||
height: 32px;
|
||||
width: auto;
|
||||
}
|
||||
|
||||
/* Osnovna struktura navigacije (UL/LI) */
|
||||
/* Osnovna struktura navigacije */
|
||||
.navigation {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
|
|
@ -57,10 +51,6 @@
|
|||
width: 100%;
|
||||
}
|
||||
|
||||
.navigation.desktop-nav {
|
||||
justify-content: flex-end;
|
||||
}
|
||||
|
||||
.navigation .menu-item {
|
||||
position: relative;
|
||||
height: 100%;
|
||||
|
|
@ -68,17 +58,16 @@
|
|||
align-items: center;
|
||||
}
|
||||
|
||||
/* Povezave v glavnem meniju - z več razmika */
|
||||
/* Povezave v glavnem meniju */
|
||||
.navigation > .menu-item > a {
|
||||
text-decoration: none;
|
||||
color: #667085;
|
||||
font-weight: 600;
|
||||
font-size: 16px;
|
||||
padding: 0 20px;
|
||||
padding: 0 16px; /* Prilagojen padding */
|
||||
height: 100%;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 8px;
|
||||
transition: color 0.2s ease-in-out;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
|
@ -87,6 +76,11 @@
|
|||
color: #101828;
|
||||
}
|
||||
|
||||
/* Poudarjanje aktivne strani na namizju */
|
||||
.navigation .menu-item.active-page > a {
|
||||
color: #2D738C;
|
||||
}
|
||||
|
||||
/* Puščica za podmeni */
|
||||
.navigation .menu-item-has-children > a::after {
|
||||
content: '\f078';
|
||||
|
|
@ -94,10 +88,10 @@
|
|||
font-weight: 900;
|
||||
font-size: 12px;
|
||||
transition: transform 0.3s ease-in-out;
|
||||
margin-left: 8px;
|
||||
}
|
||||
|
||||
/* 3. Gumbi in akcije v glavi */
|
||||
|
||||
.navigation-actions {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
|
@ -109,6 +103,7 @@
|
|||
position: relative;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.current-lang {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
|
|
@ -121,6 +116,7 @@
|
|||
.current-lang:hover { background-color: #F9FAFB; }
|
||||
.current-lang span { font-weight: 600; }
|
||||
.current-lang .fa-chevron-down { transition: transform 0.3s ease-in-out; }
|
||||
|
||||
.lang-dropdown {
|
||||
display: block;
|
||||
position: absolute;
|
||||
|
|
@ -144,6 +140,7 @@
|
|||
transform: translateY(0);
|
||||
}
|
||||
.language-selector.active .current-lang .fa-chevron-down { transform: rotate(180deg); }
|
||||
|
||||
.lang-dropdown a {
|
||||
display: block;
|
||||
padding: 10px 12px;
|
||||
|
|
@ -156,9 +153,7 @@
|
|||
}
|
||||
.lang-dropdown a:hover { background-color: #F9FAFB; }
|
||||
|
||||
|
||||
/* 4. Stili za namizni "dropdown" meni - PRENOVLJEN DIZAJN */
|
||||
|
||||
/* 4. Stili za namizni "dropdown" meni */
|
||||
.dropdown-menu {
|
||||
position: absolute;
|
||||
top: 100%;
|
||||
|
|
@ -178,7 +173,6 @@
|
|||
transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;
|
||||
}
|
||||
|
||||
/* To pravilo povzroča težave na mobilnih napravah in ga bomo spodaj povozili */
|
||||
.navigation .menu-item:hover > .dropdown-menu {
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
|
|
@ -189,9 +183,7 @@
|
|||
transform: rotate(180deg);
|
||||
}
|
||||
|
||||
.dropdown-menu li {
|
||||
padding: 0;
|
||||
}
|
||||
.dropdown-menu li { padding: 0; }
|
||||
|
||||
.dropdown-menu a {
|
||||
display: block;
|
||||
|
|
@ -216,10 +208,9 @@
|
|||
|
||||
|
||||
/* ==========================================================================
|
||||
5. Stili za mobilno glavo in "accordion" meni - POPOLNA PRENOVA
|
||||
5. Stili za mobilno glavo in "accordion" meni
|
||||
========================================================================== */
|
||||
|
||||
@media (max-width: 1024px) {
|
||||
@media (max-width: 1024px) {
|
||||
|
||||
.dropdown-header-navigation {
|
||||
position: fixed;
|
||||
|
|
@ -232,12 +223,8 @@
|
|||
z-index: 1002;
|
||||
}
|
||||
|
||||
.header-content {
|
||||
flex-grow: 0;
|
||||
}
|
||||
|
||||
.navigation.desktop-nav,
|
||||
.dropdown-header-navigation .container > .navigation-actions {
|
||||
/* Skrij nov ovoj za desno stran na mobilni napravi */
|
||||
.header-right-wrapper {
|
||||
display: none;
|
||||
}
|
||||
|
||||
|
|
@ -280,8 +267,8 @@
|
|||
align-items: stretch;
|
||||
width: 100%;
|
||||
gap: 0;
|
||||
border-bottom: 1px solid #EAECF0;
|
||||
padding-bottom: 24px;
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
.mobile-nav .menu-item {
|
||||
|
|
@ -298,15 +285,20 @@
|
|||
justify-content: space-between;
|
||||
align-items: center;
|
||||
width: 100%;
|
||||
padding: 16px 0;
|
||||
padding: 16px;
|
||||
font-size: 20px;
|
||||
color: #101828;
|
||||
font-weight: 600;
|
||||
height: auto;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
html.nav-open .mobile-nav .menu-item.open > a::after {
|
||||
transform: rotate(180deg);
|
||||
.mobile-nav .menu-item.active-page > a {
|
||||
color: #2D738C;
|
||||
font-weight: 700;
|
||||
border-left: 3px solid #2D738C;
|
||||
padding-left: 13px;
|
||||
background-color: transparent;
|
||||
}
|
||||
|
||||
.mobile-nav .dropdown-menu {
|
||||
|
|
@ -326,62 +318,33 @@
|
|||
transition: max-height 0.3s ease-in-out;
|
||||
}
|
||||
|
||||
.mobile-nav .menu-item.open > .dropdown-menu {
|
||||
max-height: 500px;
|
||||
}
|
||||
|
||||
.mobile-nav .dropdown-menu ul {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
.mobile-nav .dropdown-menu li {
|
||||
padding: 0;
|
||||
}
|
||||
.mobile-nav .menu-item.open > .dropdown-menu { max-height: 500px; }
|
||||
.mobile-nav .dropdown-menu ul { padding: 0; margin: 0; list-style: none; }
|
||||
.mobile-nav .dropdown-menu li { padding: 0; }
|
||||
|
||||
.mobile-nav .dropdown-menu a {
|
||||
display: block;
|
||||
padding: 12px 16px 12px 24px;
|
||||
padding: 12px 16px 12px 45px;
|
||||
color: #344054;
|
||||
font-weight: 500;
|
||||
font-size: 18px;
|
||||
border-radius: 6px;
|
||||
white-space: normal;
|
||||
}
|
||||
.mobile-nav .dropdown-menu a:hover {
|
||||
background-color: #F9FAFB;
|
||||
color: #101828;
|
||||
}
|
||||
.mobile-nav .dropdown-menu a:hover { background-color: #F9FAFB; }
|
||||
|
||||
/* === KLJUČNI POPRAVEK: Onemogočimo namizne :hover efekte na mobilnih napravah === */
|
||||
.mobile-nav .menu-item:hover > .dropdown-menu {
|
||||
/* Preprečimo, da bi namizno pravilo :hover vplivalo na mobilni meni.
|
||||
Na mobilni napravi je stanje odprtosti nadzorovano izključno z razredom .open. */
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
transform: none;
|
||||
}
|
||||
|
||||
.mobile-nav .menu-item:hover > a::after {
|
||||
/* Preprečimo obračanje puščice ob :hover dogodku.
|
||||
Puščica se bo obrnila le, ko je dodan razred .open. */
|
||||
transform: none;
|
||||
}
|
||||
|
||||
html.nav-open .mobile-nav .menu-item.open > a::after {
|
||||
/* Zagotovimo, da se puščica obrne, ko je meni odprt */
|
||||
transform: rotate(180deg);
|
||||
}
|
||||
/* ================================================================================ */
|
||||
.mobile-nav .menu-item:hover > .dropdown-menu { opacity: 1; visibility: visible; transform: none; }
|
||||
.mobile-nav .menu-item:hover > a::after { transform: none; }
|
||||
html.nav-open .mobile-nav .menu-item.open > a::after { transform: rotate(180deg); }
|
||||
|
||||
.mobile-nav-panel .navigation-actions {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 16px;
|
||||
width: 100%;
|
||||
margin-top: auto;
|
||||
margin-top: 32px;
|
||||
padding-top: 32px;
|
||||
border-top: 1px solid #EAECF0;
|
||||
}
|
||||
|
||||
.mobile-nav-panel .navigation-actions .btn {
|
||||
|
|
@ -389,17 +352,106 @@
|
|||
max-width: 340px;
|
||||
align-self: center;
|
||||
}
|
||||
|
||||
.mobile-nav-panel .language-selector {
|
||||
margin-top: 16px;
|
||||
text-align: center;
|
||||
|
||||
.mobile-nav-panel .language-selector .current-lang {
|
||||
justify-content: center;
|
||||
width: 100%;
|
||||
max-width: 340px;
|
||||
margin: 0 auto;
|
||||
background-color: #F9FAFB;
|
||||
border: 1px solid #EAECF0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
.mobile-nav-panel .lang-dropdown {
|
||||
left: 50%;
|
||||
transform: translateX(-50%);
|
||||
right: auto;
|
||||
bottom: calc(100% + 8px);
|
||||
top: auto;
|
||||
}
|
||||
.mobile-nav-panel .lang-dropdown { display: none; }
|
||||
}
|
||||
|
||||
/* ==========================================================================
|
||||
6. Stili za modalno okno za izbiro jezika
|
||||
========================================================================== */
|
||||
#language-modal-overlay {
|
||||
position: fixed;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-color: rgba(16, 24, 40, 0.6);
|
||||
z-index: 2000;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
opacity: 0;
|
||||
visibility: hidden;
|
||||
transition: opacity 0.3s ease, visibility 0.3s ease;
|
||||
}
|
||||
|
||||
#language-modal-overlay.active {
|
||||
opacity: 1;
|
||||
visibility: visible;
|
||||
}
|
||||
|
||||
.language-modal-content {
|
||||
background-color: #FFFFFF;
|
||||
border-radius: 16px;
|
||||
padding: 24px;
|
||||
width: 90%;
|
||||
max-width: 400px;
|
||||
box-shadow: 0 12px 24px -4px rgba(16, 24, 40, 0.08);
|
||||
transform: scale(0.95);
|
||||
transition: transform 0.3s ease;
|
||||
}
|
||||
|
||||
#language-modal-overlay.active .language-modal-content {
|
||||
transform: scale(1);
|
||||
}
|
||||
|
||||
.language-modal-header {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
|
||||
.language-modal-header h3 {
|
||||
margin: 0;
|
||||
font-size: 20px;
|
||||
font-weight: 600;
|
||||
color: #101828;
|
||||
}
|
||||
|
||||
#language-modal-close {
|
||||
background: none;
|
||||
border: none;
|
||||
font-size: 24px;
|
||||
color: #667085;
|
||||
cursor: pointer;
|
||||
padding: 4px;
|
||||
line-height: 1;
|
||||
}
|
||||
|
||||
.language-modal-body {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
gap: 12px;
|
||||
}
|
||||
|
||||
.language-modal-body a {
|
||||
display: block;
|
||||
padding: 12px 16px;
|
||||
text-align: center;
|
||||
text-decoration: none;
|
||||
font-size: 18px;
|
||||
font-weight: 500;
|
||||
color: #344054;
|
||||
background-color: #F9FAFB;
|
||||
border: 1px solid #EAECF0;
|
||||
border-radius: 8px;
|
||||
transition: background-color 0.2s ease, border-color 0.2s ease;
|
||||
}
|
||||
|
||||
.language-modal-body a:hover,
|
||||
.language-modal-body a.active-lang {
|
||||
background-color: #FFFFFF;
|
||||
border-color: #2D738C;
|
||||
color: #2D738C;
|
||||
}
|
||||
|
|
@ -21,11 +21,13 @@
|
|||
<!-- START_HEADER -->
|
||||
<header class="dropdown-header-navigation">
|
||||
<div class="container">
|
||||
<div class="header-content">
|
||||
<a href="../../en/" class="logo-link">
|
||||
<img src="../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
|
||||
</a>
|
||||
<!-- Desktop Navigation -->
|
||||
<!-- Logotip je zdaj samostojen element na levi strani -->
|
||||
<a href="../../en/" class="logo-link">
|
||||
<img src="../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" 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">
|
||||
|
|
@ -70,28 +72,25 @@
|
|||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<!-- Desktop Buttons -->
|
||||
<div class="navigation-actions">
|
||||
<button class="btn btn-secondary">Become a member</button>
|
||||
<button class="btn btn-primary">Donate</button>
|
||||
<!-- Language Switcher -->
|
||||
<div class="language-selector">
|
||||
<div class="current-lang">
|
||||
<i class="fas fa-globe"></i>
|
||||
<span id="current-lang-code">EN</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 class="navigation-actions">
|
||||
<button class="btn btn-secondary">Become a member</button>
|
||||
<button class="btn btn-primary">Donate</button>
|
||||
<div class="language-selector">
|
||||
<div class="current-lang">
|
||||
<i class="fas fa-globe"></i>
|
||||
<span id="current-lang-code">EN</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>
|
||||
</div>
|
||||
|
||||
<!-- Mobile Menu Icon (Hamburger/X) -->
|
||||
<!-- 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>
|
||||
|
|
@ -99,7 +98,7 @@
|
|||
</div>
|
||||
</header>
|
||||
|
||||
<!-- Mobile Navigation Panel (ostane znotraj markerjev, a za <header>) -->
|
||||
<!-- Panel za mobilno navigacijo (struktura ostaja enaka) -->
|
||||
<div class="mobile-nav-panel">
|
||||
<nav>
|
||||
<ul class="navigation mobile-nav">
|
||||
|
|
@ -148,18 +147,27 @@
|
|||
<div class="navigation-actions">
|
||||
<button class="btn btn-secondary">Become a member</button>
|
||||
<button class="btn btn-primary">Donate</button>
|
||||
<!-- Language Switcher (for mobile) -->
|
||||
<div class="language-selector">
|
||||
<div class="current-lang">
|
||||
<button class="current-lang" id="mobile-lang-trigger">
|
||||
<i class="fas fa-globe"></i>
|
||||
<span id="current-lang-code-mobile">EN</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>
|
||||
<span>EN</span>
|
||||
<i class="fas fa-chevron-right"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Modalno okno za izbiro jezika (ostaja enako) -->
|
||||
<div id="language-modal-overlay">
|
||||
<div class="language-modal-content">
|
||||
<div class="language-modal-header">
|
||||
<h3>Select Language</h3>
|
||||
<button id="language-modal-close" aria-label="Close language selection">×</button>
|
||||
</div>
|
||||
<div class="language-modal-body">
|
||||
<a href="#" data-lang="si">Slovenščina (SI)</a>
|
||||
<a href="#" data-lang="en" class="active-lang">English (EN)</a>
|
||||
<a href="#" data-lang="mk">Македонски (MK)</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -76,7 +76,7 @@
|
|||
<div class="navigation-actions">
|
||||
<button class="btn btn-secondary">Become a member</button>
|
||||
<button class="btn btn-primary">Donate</button>
|
||||
<!-- Language Switcher -->
|
||||
<!-- Language Switcher (Desktop Dropdown) -->
|
||||
<div class="language-selector">
|
||||
<div class="current-lang">
|
||||
<i class="fas fa-globe"></i>
|
||||
|
|
@ -99,7 +99,7 @@
|
|||
</div>
|
||||
</header>
|
||||
|
||||
<!-- Mobile Navigation Panel (ostane znotraj markerjev, a za <header>) -->
|
||||
<!-- Mobile Navigation Panel -->
|
||||
<div class="mobile-nav-panel">
|
||||
<nav>
|
||||
<ul class="navigation mobile-nav">
|
||||
|
|
@ -148,18 +148,28 @@
|
|||
<div class="navigation-actions">
|
||||
<button class="btn btn-secondary">Become a member</button>
|
||||
<button class="btn btn-primary">Donate</button>
|
||||
<!-- Language Switcher (for mobile) -->
|
||||
<!-- Language Switcher (Mobile Button - Triggers Modal) -->
|
||||
<div class="language-selector">
|
||||
<div class="current-lang">
|
||||
<button class="current-lang" id="mobile-lang-trigger">
|
||||
<i class="fas fa-globe"></i>
|
||||
<span id="current-lang-code-mobile">EN</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>
|
||||
<span>EN</span>
|
||||
<i class="fas fa-chevron-right"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Language Selection Modal (for Mobile) -->
|
||||
<div id="language-modal-overlay">
|
||||
<div class="language-modal-content">
|
||||
<div class="language-modal-header">
|
||||
<h3>Select Language</h3>
|
||||
<button id="language-modal-close" aria-label="Close language selection">×</button>
|
||||
</div>
|
||||
<div class="language-modal-body">
|
||||
<a href="#" data-lang="si">Slovenščina (SI)</a>
|
||||
<a href="#" data-lang="en" class="active-lang">English (EN)</a>
|
||||
<a href="#" data-lang="mk">Македонски (MK)</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -367,7 +377,7 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="../../main.js"></script>
|
||||
</footer>
|
||||
<!-- END_FOOTER -->
|
||||
|
||||
|
|
|
|||
|
|
@ -21,11 +21,13 @@
|
|||
<!-- START_HEADER -->
|
||||
<header class="dropdown-header-navigation">
|
||||
<div class="container">
|
||||
<div class="header-content">
|
||||
<a href="../../../en/" class="logo-link">
|
||||
<img src="../../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
|
||||
</a>
|
||||
<!-- Desktop Navigation -->
|
||||
<!-- Logotip je zdaj samostojen element na levi strani -->
|
||||
<a href="../../../en/" class="logo-link">
|
||||
<img src="../../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" 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">
|
||||
|
|
@ -70,28 +72,25 @@
|
|||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<!-- Desktop Buttons -->
|
||||
<div class="navigation-actions">
|
||||
<button class="btn btn-secondary">Become a member</button>
|
||||
<button class="btn btn-primary">Donate</button>
|
||||
<!-- Language Switcher -->
|
||||
<div class="language-selector">
|
||||
<div class="current-lang">
|
||||
<i class="fas fa-globe"></i>
|
||||
<span id="current-lang-code">EN</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 class="navigation-actions">
|
||||
<button class="btn btn-secondary">Become a member</button>
|
||||
<button class="btn btn-primary">Donate</button>
|
||||
<div class="language-selector">
|
||||
<div class="current-lang">
|
||||
<i class="fas fa-globe"></i>
|
||||
<span id="current-lang-code">EN</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>
|
||||
</div>
|
||||
|
||||
<!-- Mobile Menu Icon (Hamburger/X) -->
|
||||
<!-- 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>
|
||||
|
|
@ -99,7 +98,7 @@
|
|||
</div>
|
||||
</header>
|
||||
|
||||
<!-- Mobile Navigation Panel (ostane znotraj markerjev, a za <header>) -->
|
||||
<!-- Panel za mobilno navigacijo (struktura ostaja enaka) -->
|
||||
<div class="mobile-nav-panel">
|
||||
<nav>
|
||||
<ul class="navigation mobile-nav">
|
||||
|
|
@ -148,18 +147,27 @@
|
|||
<div class="navigation-actions">
|
||||
<button class="btn btn-secondary">Become a member</button>
|
||||
<button class="btn btn-primary">Donate</button>
|
||||
<!-- Language Switcher (for mobile) -->
|
||||
<div class="language-selector">
|
||||
<div class="current-lang">
|
||||
<button class="current-lang" id="mobile-lang-trigger">
|
||||
<i class="fas fa-globe"></i>
|
||||
<span id="current-lang-code-mobile">EN</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>
|
||||
<span>EN</span>
|
||||
<i class="fas fa-chevron-right"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Modalno okno za izbiro jezika (ostaja enako) -->
|
||||
<div id="language-modal-overlay">
|
||||
<div class="language-modal-content">
|
||||
<div class="language-modal-header">
|
||||
<h3>Select Language</h3>
|
||||
<button id="language-modal-close" aria-label="Close language selection">×</button>
|
||||
</div>
|
||||
<div class="language-modal-body">
|
||||
<a href="#" data-lang="si">Slovenščina (SI)</a>
|
||||
<a href="#" data-lang="en" class="active-lang">English (EN)</a>
|
||||
<a href="#" data-lang="mk">Македонски (MK)</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -76,7 +76,7 @@
|
|||
<div class="navigation-actions">
|
||||
<button class="btn btn-secondary">Become a member</button>
|
||||
<button class="btn btn-primary">Donate</button>
|
||||
<!-- Language Switcher -->
|
||||
<!-- Language Switcher (Desktop Dropdown) -->
|
||||
<div class="language-selector">
|
||||
<div class="current-lang">
|
||||
<i class="fas fa-globe"></i>
|
||||
|
|
@ -99,7 +99,7 @@
|
|||
</div>
|
||||
</header>
|
||||
|
||||
<!-- KLJUČNA SPREMEMBA: Mobilni panel je zdaj ZUNAJ <header> elementa -->
|
||||
<!-- Mobile Navigation Panel -->
|
||||
<div class="mobile-nav-panel">
|
||||
<nav>
|
||||
<ul class="navigation mobile-nav">
|
||||
|
|
@ -148,18 +148,28 @@
|
|||
<div class="navigation-actions">
|
||||
<button class="btn btn-secondary">Become a member</button>
|
||||
<button class="btn btn-primary">Donate</button>
|
||||
<!-- Language Switcher (for mobile) -->
|
||||
<!-- Language Switcher (Mobile Button - Triggers Modal) -->
|
||||
<div class="language-selector">
|
||||
<div class="current-lang">
|
||||
<button class="current-lang" id="mobile-lang-trigger">
|
||||
<i class="fas fa-globe"></i>
|
||||
<span id="current-lang-code-mobile">EN</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>
|
||||
<span>EN</span>
|
||||
<i class="fas fa-chevron-right"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Language Selection Modal (for Mobile) -->
|
||||
<div id="language-modal-overlay">
|
||||
<div class="language-modal-content">
|
||||
<div class="language-modal-header">
|
||||
<h3>Select Language</h3>
|
||||
<button id="language-modal-close" aria-label="Close language selection">×</button>
|
||||
</div>
|
||||
<div class="language-modal-body">
|
||||
<a href="#" data-lang="si">Slovenščina (SI)</a>
|
||||
<a href="#" data-lang="en" class="active-lang">English (EN)</a>
|
||||
<a href="#" data-lang="mk">Македонски (MK)</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -21,11 +21,13 @@
|
|||
<!-- START_HEADER -->
|
||||
<header class="dropdown-header-navigation">
|
||||
<div class="container">
|
||||
<div class="header-content">
|
||||
<a href="../en/" class="logo-link">
|
||||
<img src="../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
|
||||
</a>
|
||||
<!-- Desktop Navigation -->
|
||||
<!-- Logotip je zdaj samostojen element na levi strani -->
|
||||
<a href="../en/" class="logo-link">
|
||||
<img src="../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" 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">
|
||||
|
|
@ -70,28 +72,25 @@
|
|||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<!-- Desktop Buttons -->
|
||||
<div class="navigation-actions">
|
||||
<button class="btn btn-secondary">Become a member</button>
|
||||
<button class="btn btn-primary">Donate</button>
|
||||
<!-- Language Switcher -->
|
||||
<div class="language-selector">
|
||||
<div class="current-lang">
|
||||
<i class="fas fa-globe"></i>
|
||||
<span id="current-lang-code">EN</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 class="navigation-actions">
|
||||
<button class="btn btn-secondary">Become a member</button>
|
||||
<button class="btn btn-primary">Donate</button>
|
||||
<div class="language-selector">
|
||||
<div class="current-lang">
|
||||
<i class="fas fa-globe"></i>
|
||||
<span id="current-lang-code">EN</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>
|
||||
</div>
|
||||
|
||||
<!-- Mobile Menu Icon (Hamburger/X) -->
|
||||
<!-- 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>
|
||||
|
|
@ -99,7 +98,7 @@
|
|||
</div>
|
||||
</header>
|
||||
|
||||
<!-- Mobile Navigation Panel (ostane znotraj markerjev, a za <header>) -->
|
||||
<!-- Panel za mobilno navigacijo (struktura ostaja enaka) -->
|
||||
<div class="mobile-nav-panel">
|
||||
<nav>
|
||||
<ul class="navigation mobile-nav">
|
||||
|
|
@ -148,18 +147,27 @@
|
|||
<div class="navigation-actions">
|
||||
<button class="btn btn-secondary">Become a member</button>
|
||||
<button class="btn btn-primary">Donate</button>
|
||||
<!-- Language Switcher (for mobile) -->
|
||||
<div class="language-selector">
|
||||
<div class="current-lang">
|
||||
<button class="current-lang" id="mobile-lang-trigger">
|
||||
<i class="fas fa-globe"></i>
|
||||
<span id="current-lang-code-mobile">EN</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>
|
||||
<span>EN</span>
|
||||
<i class="fas fa-chevron-right"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Modalno okno za izbiro jezika (ostaja enako) -->
|
||||
<div id="language-modal-overlay">
|
||||
<div class="language-modal-content">
|
||||
<div class="language-modal-header">
|
||||
<h3>Select Language</h3>
|
||||
<button id="language-modal-close" aria-label="Close language selection">×</button>
|
||||
</div>
|
||||
<div class="language-modal-body">
|
||||
<a href="#" data-lang="si">Slovenščina (SI)</a>
|
||||
<a href="#" data-lang="en" class="active-lang">English (EN)</a>
|
||||
<a href="#" data-lang="mk">Македонски (MK)</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -76,7 +76,7 @@
|
|||
<div class="navigation-actions">
|
||||
<button class="btn btn-secondary">Become a member</button>
|
||||
<button class="btn btn-primary">Donate</button>
|
||||
<!-- Language Switcher -->
|
||||
<!-- Language Switcher (Desktop Dropdown) -->
|
||||
<div class="language-selector">
|
||||
<div class="current-lang">
|
||||
<i class="fas fa-globe"></i>
|
||||
|
|
@ -99,7 +99,7 @@
|
|||
</div>
|
||||
</header>
|
||||
|
||||
<!-- KLJUČNA SPREMEMBA: Mobilni panel je zdaj ZUNAJ <header> elementa -->
|
||||
<!-- Mobile Navigation Panel -->
|
||||
<div class="mobile-nav-panel">
|
||||
<nav>
|
||||
<ul class="navigation mobile-nav">
|
||||
|
|
@ -148,18 +148,28 @@
|
|||
<div class="navigation-actions">
|
||||
<button class="btn btn-secondary">Become a member</button>
|
||||
<button class="btn btn-primary">Donate</button>
|
||||
<!-- Language Switcher (for mobile) -->
|
||||
<!-- Language Switcher (Mobile Button - Triggers Modal) -->
|
||||
<div class="language-selector">
|
||||
<div class="current-lang">
|
||||
<button class="current-lang" id="mobile-lang-trigger">
|
||||
<i class="fas fa-globe"></i>
|
||||
<span id="current-lang-code-mobile">EN</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>
|
||||
<span>EN</span>
|
||||
<i class="fas fa-chevron-right"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Language Selection Modal (for Mobile) -->
|
||||
<div id="language-modal-overlay">
|
||||
<div class="language-modal-content">
|
||||
<div class="language-modal-header">
|
||||
<h3>Select Language</h3>
|
||||
<button id="language-modal-close" aria-label="Close language selection">×</button>
|
||||
</div>
|
||||
<div class="language-modal-body">
|
||||
<a href="#" data-lang="si">Slovenščina (SI)</a>
|
||||
<a href="#" data-lang="en" class="active-lang">English (EN)</a>
|
||||
<a href="#" data-lang="mk">Македонски (MK)</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -465,6 +475,5 @@
|
|||
</footer>
|
||||
<!-- END_FOOTER -->
|
||||
|
||||
<script src="../main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -21,11 +21,13 @@
|
|||
<!-- START_HEADER -->
|
||||
<header class="dropdown-header-navigation">
|
||||
<div class="container">
|
||||
<div class="header-content">
|
||||
<a href="../../en/" class="logo-link">
|
||||
<img src="../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
|
||||
</a>
|
||||
<!-- Desktop Navigation -->
|
||||
<!-- Logotip je zdaj samostojen element na levi strani -->
|
||||
<a href="../../en/" class="logo-link">
|
||||
<img src="../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" 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">
|
||||
|
|
@ -70,28 +72,25 @@
|
|||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<!-- Desktop Buttons -->
|
||||
<div class="navigation-actions">
|
||||
<button class="btn btn-secondary">Become a member</button>
|
||||
<button class="btn btn-primary">Donate</button>
|
||||
<!-- Language Switcher -->
|
||||
<div class="language-selector">
|
||||
<div class="current-lang">
|
||||
<i class="fas fa-globe"></i>
|
||||
<span id="current-lang-code">EN</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 class="navigation-actions">
|
||||
<button class="btn btn-secondary">Become a member</button>
|
||||
<button class="btn btn-primary">Donate</button>
|
||||
<div class="language-selector">
|
||||
<div class="current-lang">
|
||||
<i class="fas fa-globe"></i>
|
||||
<span id="current-lang-code">EN</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>
|
||||
</div>
|
||||
|
||||
<!-- Mobile Menu Icon (Hamburger/X) -->
|
||||
<!-- 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>
|
||||
|
|
@ -99,7 +98,7 @@
|
|||
</div>
|
||||
</header>
|
||||
|
||||
<!-- Mobile Navigation Panel (ostane znotraj markerjev, a za <header>) -->
|
||||
<!-- Panel za mobilno navigacijo (struktura ostaja enaka) -->
|
||||
<div class="mobile-nav-panel">
|
||||
<nav>
|
||||
<ul class="navigation mobile-nav">
|
||||
|
|
@ -148,18 +147,27 @@
|
|||
<div class="navigation-actions">
|
||||
<button class="btn btn-secondary">Become a member</button>
|
||||
<button class="btn btn-primary">Donate</button>
|
||||
<!-- Language Switcher (for mobile) -->
|
||||
<div class="language-selector">
|
||||
<div class="current-lang">
|
||||
<button class="current-lang" id="mobile-lang-trigger">
|
||||
<i class="fas fa-globe"></i>
|
||||
<span id="current-lang-code-mobile">EN</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>
|
||||
<span>EN</span>
|
||||
<i class="fas fa-chevron-right"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Modalno okno za izbiro jezika (ostaja enako) -->
|
||||
<div id="language-modal-overlay">
|
||||
<div class="language-modal-content">
|
||||
<div class="language-modal-header">
|
||||
<h3>Select Language</h3>
|
||||
<button id="language-modal-close" aria-label="Close language selection">×</button>
|
||||
</div>
|
||||
<div class="language-modal-body">
|
||||
<a href="#" data-lang="si">Slovenščina (SI)</a>
|
||||
<a href="#" data-lang="en" class="active-lang">English (EN)</a>
|
||||
<a href="#" data-lang="mk">Македонски (MK)</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -76,7 +76,7 @@
|
|||
<div class="navigation-actions">
|
||||
<button class="btn btn-secondary">Become a member</button>
|
||||
<button class="btn btn-primary">Donate</button>
|
||||
<!-- Language Switcher -->
|
||||
<!-- Language Switcher (Desktop Dropdown) -->
|
||||
<div class="language-selector">
|
||||
<div class="current-lang">
|
||||
<i class="fas fa-globe"></i>
|
||||
|
|
@ -99,7 +99,7 @@
|
|||
</div>
|
||||
</header>
|
||||
|
||||
<!-- Mobile Navigation Panel (ostane znotraj markerjev, a za <header>) -->
|
||||
<!-- Mobile Navigation Panel -->
|
||||
<div class="mobile-nav-panel">
|
||||
<nav>
|
||||
<ul class="navigation mobile-nav">
|
||||
|
|
@ -148,18 +148,28 @@
|
|||
<div class="navigation-actions">
|
||||
<button class="btn btn-secondary">Become a member</button>
|
||||
<button class="btn btn-primary">Donate</button>
|
||||
<!-- Language Switcher (for mobile) -->
|
||||
<!-- Language Switcher (Mobile Button - Triggers Modal) -->
|
||||
<div class="language-selector">
|
||||
<div class="current-lang">
|
||||
<button class="current-lang" id="mobile-lang-trigger">
|
||||
<i class="fas fa-globe"></i>
|
||||
<span id="current-lang-code-mobile">EN</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>
|
||||
<span>EN</span>
|
||||
<i class="fas fa-chevron-right"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Language Selection Modal (for Mobile) -->
|
||||
<div id="language-modal-overlay">
|
||||
<div class="language-modal-content">
|
||||
<div class="language-modal-header">
|
||||
<h3>Select Language</h3>
|
||||
<button id="language-modal-close" aria-label="Close language selection">×</button>
|
||||
</div>
|
||||
<div class="language-modal-body">
|
||||
<a href="#" data-lang="si">Slovenščina (SI)</a>
|
||||
<a href="#" data-lang="en" class="active-lang">English (EN)</a>
|
||||
<a href="#" data-lang="mk">Македонски (MK)</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -322,7 +332,7 @@
|
|||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script src="../../main.js"></script>
|
||||
</footer>
|
||||
<!-- END_FOOTER -->
|
||||
|
||||
|
|
|
|||
|
|
@ -21,11 +21,13 @@
|
|||
<!-- START_HEADER -->
|
||||
<header class="dropdown-header-navigation">
|
||||
<div class="container">
|
||||
<div class="header-content">
|
||||
<a href="../../../en/" class="logo-link">
|
||||
<img src="../../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
|
||||
</a>
|
||||
<!-- Desktop Navigation -->
|
||||
<!-- Logotip je zdaj samostojen element na levi strani -->
|
||||
<a href="../../../en/" class="logo-link">
|
||||
<img src="../../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" 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">
|
||||
|
|
@ -70,28 +72,25 @@
|
|||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<!-- Desktop Buttons -->
|
||||
<div class="navigation-actions">
|
||||
<button class="btn btn-secondary">Become a member</button>
|
||||
<button class="btn btn-primary">Donate</button>
|
||||
<!-- Language Switcher -->
|
||||
<div class="language-selector">
|
||||
<div class="current-lang">
|
||||
<i class="fas fa-globe"></i>
|
||||
<span id="current-lang-code">EN</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 class="navigation-actions">
|
||||
<button class="btn btn-secondary">Become a member</button>
|
||||
<button class="btn btn-primary">Donate</button>
|
||||
<div class="language-selector">
|
||||
<div class="current-lang">
|
||||
<i class="fas fa-globe"></i>
|
||||
<span id="current-lang-code">EN</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>
|
||||
</div>
|
||||
|
||||
<!-- Mobile Menu Icon (Hamburger/X) -->
|
||||
<!-- 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>
|
||||
|
|
@ -99,7 +98,7 @@
|
|||
</div>
|
||||
</header>
|
||||
|
||||
<!-- Mobile Navigation Panel (ostane znotraj markerjev, a za <header>) -->
|
||||
<!-- Panel za mobilno navigacijo (struktura ostaja enaka) -->
|
||||
<div class="mobile-nav-panel">
|
||||
<nav>
|
||||
<ul class="navigation mobile-nav">
|
||||
|
|
@ -148,18 +147,27 @@
|
|||
<div class="navigation-actions">
|
||||
<button class="btn btn-secondary">Become a member</button>
|
||||
<button class="btn btn-primary">Donate</button>
|
||||
<!-- Language Switcher (for mobile) -->
|
||||
<div class="language-selector">
|
||||
<div class="current-lang">
|
||||
<button class="current-lang" id="mobile-lang-trigger">
|
||||
<i class="fas fa-globe"></i>
|
||||
<span id="current-lang-code-mobile">EN</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>
|
||||
<span>EN</span>
|
||||
<i class="fas fa-chevron-right"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Modalno okno za izbiro jezika (ostaja enako) -->
|
||||
<div id="language-modal-overlay">
|
||||
<div class="language-modal-content">
|
||||
<div class="language-modal-header">
|
||||
<h3>Select Language</h3>
|
||||
<button id="language-modal-close" aria-label="Close language selection">×</button>
|
||||
</div>
|
||||
<div class="language-modal-body">
|
||||
<a href="#" data-lang="si">Slovenščina (SI)</a>
|
||||
<a href="#" data-lang="en" class="active-lang">English (EN)</a>
|
||||
<a href="#" data-lang="mk">Македонски (MK)</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -76,7 +76,7 @@
|
|||
<div class="navigation-actions">
|
||||
<button class="btn btn-secondary">Become a member</button>
|
||||
<button class="btn btn-primary">Donate</button>
|
||||
<!-- Language Switcher -->
|
||||
<!-- Language Switcher (Desktop Dropdown) -->
|
||||
<div class="language-selector">
|
||||
<div class="current-lang">
|
||||
<i class="fas fa-globe"></i>
|
||||
|
|
@ -99,7 +99,7 @@
|
|||
</div>
|
||||
</header>
|
||||
|
||||
<!-- KLJUČNA SPREMEMBA: Mobilni panel je zdaj ZUNAJ <header> elementa -->
|
||||
<!-- Mobile Navigation Panel -->
|
||||
<div class="mobile-nav-panel">
|
||||
<nav>
|
||||
<ul class="navigation mobile-nav">
|
||||
|
|
@ -148,18 +148,28 @@
|
|||
<div class="navigation-actions">
|
||||
<button class="btn btn-secondary">Become a member</button>
|
||||
<button class="btn btn-primary">Donate</button>
|
||||
<!-- Language Switcher (for mobile) -->
|
||||
<!-- Language Switcher (Mobile Button - Triggers Modal) -->
|
||||
<div class="language-selector">
|
||||
<div class="current-lang">
|
||||
<button class="current-lang" id="mobile-lang-trigger">
|
||||
<i class="fas fa-globe"></i>
|
||||
<span id="current-lang-code-mobile">EN</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>
|
||||
<span>EN</span>
|
||||
<i class="fas fa-chevron-right"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Language Selection Modal (for Mobile) -->
|
||||
<div id="language-modal-overlay">
|
||||
<div class="language-modal-content">
|
||||
<div class="language-modal-header">
|
||||
<h3>Select Language</h3>
|
||||
<button id="language-modal-close" aria-label="Close language selection">×</button>
|
||||
</div>
|
||||
<div class="language-modal-body">
|
||||
<a href="#" data-lang="si">Slovenščina (SI)</a>
|
||||
<a href="#" data-lang="en" class="active-lang">English (EN)</a>
|
||||
<a href="#" data-lang="mk">Македонски (MK)</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -21,11 +21,13 @@
|
|||
<!-- START_HEADER -->
|
||||
<header class="dropdown-header-navigation">
|
||||
<div class="container">
|
||||
<div class="header-content">
|
||||
<a href="../../../en/" class="logo-link">
|
||||
<img src="../../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
|
||||
</a>
|
||||
<!-- Desktop Navigation -->
|
||||
<!-- Logotip je zdaj samostojen element na levi strani -->
|
||||
<a href="../../../en/" class="logo-link">
|
||||
<img src="../../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" 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">
|
||||
|
|
@ -70,28 +72,25 @@
|
|||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<!-- Desktop Buttons -->
|
||||
<div class="navigation-actions">
|
||||
<button class="btn btn-secondary">Become a member</button>
|
||||
<button class="btn btn-primary">Donate</button>
|
||||
<!-- Language Switcher -->
|
||||
<div class="language-selector">
|
||||
<div class="current-lang">
|
||||
<i class="fas fa-globe"></i>
|
||||
<span id="current-lang-code">EN</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 class="navigation-actions">
|
||||
<button class="btn btn-secondary">Become a member</button>
|
||||
<button class="btn btn-primary">Donate</button>
|
||||
<div class="language-selector">
|
||||
<div class="current-lang">
|
||||
<i class="fas fa-globe"></i>
|
||||
<span id="current-lang-code">EN</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>
|
||||
</div>
|
||||
|
||||
<!-- Mobile Menu Icon (Hamburger/X) -->
|
||||
<!-- 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>
|
||||
|
|
@ -99,7 +98,7 @@
|
|||
</div>
|
||||
</header>
|
||||
|
||||
<!-- Mobile Navigation Panel (ostane znotraj markerjev, a za <header>) -->
|
||||
<!-- Panel za mobilno navigacijo (struktura ostaja enaka) -->
|
||||
<div class="mobile-nav-panel">
|
||||
<nav>
|
||||
<ul class="navigation mobile-nav">
|
||||
|
|
@ -148,18 +147,27 @@
|
|||
<div class="navigation-actions">
|
||||
<button class="btn btn-secondary">Become a member</button>
|
||||
<button class="btn btn-primary">Donate</button>
|
||||
<!-- Language Switcher (for mobile) -->
|
||||
<div class="language-selector">
|
||||
<div class="current-lang">
|
||||
<button class="current-lang" id="mobile-lang-trigger">
|
||||
<i class="fas fa-globe"></i>
|
||||
<span id="current-lang-code-mobile">EN</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>
|
||||
<span>EN</span>
|
||||
<i class="fas fa-chevron-right"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Modalno okno za izbiro jezika (ostaja enako) -->
|
||||
<div id="language-modal-overlay">
|
||||
<div class="language-modal-content">
|
||||
<div class="language-modal-header">
|
||||
<h3>Select Language</h3>
|
||||
<button id="language-modal-close" aria-label="Close language selection">×</button>
|
||||
</div>
|
||||
<div class="language-modal-body">
|
||||
<a href="#" data-lang="si">Slovenščina (SI)</a>
|
||||
<a href="#" data-lang="en" class="active-lang">English (EN)</a>
|
||||
<a href="#" data-lang="mk">Македонски (MK)</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -76,7 +76,7 @@
|
|||
<div class="navigation-actions">
|
||||
<button class="btn btn-secondary">Become a member</button>
|
||||
<button class="btn btn-primary">Donate</button>
|
||||
<!-- Language Switcher -->
|
||||
<!-- Language Switcher (Desktop Dropdown) -->
|
||||
<div class="language-selector">
|
||||
<div class="current-lang">
|
||||
<i class="fas fa-globe"></i>
|
||||
|
|
@ -99,7 +99,7 @@
|
|||
</div>
|
||||
</header>
|
||||
|
||||
<!-- KLJUČNA SPREMEMBA: Mobilni panel je zdaj ZUNAJ <header> elementa -->
|
||||
<!-- Mobile Navigation Panel -->
|
||||
<div class="mobile-nav-panel">
|
||||
<nav>
|
||||
<ul class="navigation mobile-nav">
|
||||
|
|
@ -148,18 +148,28 @@
|
|||
<div class="navigation-actions">
|
||||
<button class="btn btn-secondary">Become a member</button>
|
||||
<button class="btn btn-primary">Donate</button>
|
||||
<!-- Language Switcher (for mobile) -->
|
||||
<!-- Language Switcher (Mobile Button - Triggers Modal) -->
|
||||
<div class="language-selector">
|
||||
<div class="current-lang">
|
||||
<button class="current-lang" id="mobile-lang-trigger">
|
||||
<i class="fas fa-globe"></i>
|
||||
<span id="current-lang-code-mobile">EN</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>
|
||||
<span>EN</span>
|
||||
<i class="fas fa-chevron-right"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Language Selection Modal (for Mobile) -->
|
||||
<div id="language-modal-overlay">
|
||||
<div class="language-modal-content">
|
||||
<div class="language-modal-header">
|
||||
<h3>Select Language</h3>
|
||||
<button id="language-modal-close" aria-label="Close language selection">×</button>
|
||||
</div>
|
||||
<div class="language-modal-body">
|
||||
<a href="#" data-lang="si">Slovenščina (SI)</a>
|
||||
<a href="#" data-lang="en" class="active-lang">English (EN)</a>
|
||||
<a href="#" data-lang="mk">Македонски (MK)</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -21,11 +21,13 @@
|
|||
<!-- START_HEADER -->
|
||||
<header class="dropdown-header-navigation">
|
||||
<div class="container">
|
||||
<div class="header-content">
|
||||
<a href="../../../en/" class="logo-link">
|
||||
<img src="../../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
|
||||
</a>
|
||||
<!-- Desktop Navigation -->
|
||||
<!-- Logotip je zdaj samostojen element na levi strani -->
|
||||
<a href="../../../en/" class="logo-link">
|
||||
<img src="../../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" 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">
|
||||
|
|
@ -70,28 +72,25 @@
|
|||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<!-- Desktop Buttons -->
|
||||
<div class="navigation-actions">
|
||||
<button class="btn btn-secondary">Become a member</button>
|
||||
<button class="btn btn-primary">Donate</button>
|
||||
<!-- Language Switcher -->
|
||||
<div class="language-selector">
|
||||
<div class="current-lang">
|
||||
<i class="fas fa-globe"></i>
|
||||
<span id="current-lang-code">EN</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 class="navigation-actions">
|
||||
<button class="btn btn-secondary">Become a member</button>
|
||||
<button class="btn btn-primary">Donate</button>
|
||||
<div class="language-selector">
|
||||
<div class="current-lang">
|
||||
<i class="fas fa-globe"></i>
|
||||
<span id="current-lang-code">EN</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>
|
||||
</div>
|
||||
|
||||
<!-- Mobile Menu Icon (Hamburger/X) -->
|
||||
<!-- 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>
|
||||
|
|
@ -99,7 +98,7 @@
|
|||
</div>
|
||||
</header>
|
||||
|
||||
<!-- Mobile Navigation Panel (ostane znotraj markerjev, a za <header>) -->
|
||||
<!-- Panel za mobilno navigacijo (struktura ostaja enaka) -->
|
||||
<div class="mobile-nav-panel">
|
||||
<nav>
|
||||
<ul class="navigation mobile-nav">
|
||||
|
|
@ -148,18 +147,27 @@
|
|||
<div class="navigation-actions">
|
||||
<button class="btn btn-secondary">Become a member</button>
|
||||
<button class="btn btn-primary">Donate</button>
|
||||
<!-- Language Switcher (for mobile) -->
|
||||
<div class="language-selector">
|
||||
<div class="current-lang">
|
||||
<button class="current-lang" id="mobile-lang-trigger">
|
||||
<i class="fas fa-globe"></i>
|
||||
<span id="current-lang-code-mobile">EN</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>
|
||||
<span>EN</span>
|
||||
<i class="fas fa-chevron-right"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Modalno okno za izbiro jezika (ostaja enako) -->
|
||||
<div id="language-modal-overlay">
|
||||
<div class="language-modal-content">
|
||||
<div class="language-modal-header">
|
||||
<h3>Select Language</h3>
|
||||
<button id="language-modal-close" aria-label="Close language selection">×</button>
|
||||
</div>
|
||||
<div class="language-modal-body">
|
||||
<a href="#" data-lang="si">Slovenščina (SI)</a>
|
||||
<a href="#" data-lang="en" class="active-lang">English (EN)</a>
|
||||
<a href="#" data-lang="mk">Македонски (MK)</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -76,7 +76,7 @@
|
|||
<div class="navigation-actions">
|
||||
<button class="btn btn-secondary">Become a member</button>
|
||||
<button class="btn btn-primary">Donate</button>
|
||||
<!-- Language Switcher -->
|
||||
<!-- Language Switcher (Desktop Dropdown) -->
|
||||
<div class="language-selector">
|
||||
<div class="current-lang">
|
||||
<i class="fas fa-globe"></i>
|
||||
|
|
@ -99,7 +99,7 @@
|
|||
</div>
|
||||
</header>
|
||||
|
||||
<!-- KLJUČNA SPREMEMBA: Mobilni panel je zdaj ZUNAJ <header> elementa -->
|
||||
<!-- Mobile Navigation Panel -->
|
||||
<div class="mobile-nav-panel">
|
||||
<nav>
|
||||
<ul class="navigation mobile-nav">
|
||||
|
|
@ -148,18 +148,28 @@
|
|||
<div class="navigation-actions">
|
||||
<button class="btn btn-secondary">Become a member</button>
|
||||
<button class="btn btn-primary">Donate</button>
|
||||
<!-- Language Switcher (for mobile) -->
|
||||
<!-- Language Switcher (Mobile Button - Triggers Modal) -->
|
||||
<div class="language-selector">
|
||||
<div class="current-lang">
|
||||
<button class="current-lang" id="mobile-lang-trigger">
|
||||
<i class="fas fa-globe"></i>
|
||||
<span id="current-lang-code-mobile">EN</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>
|
||||
<span>EN</span>
|
||||
<i class="fas fa-chevron-right"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Language Selection Modal (for Mobile) -->
|
||||
<div id="language-modal-overlay">
|
||||
<div class="language-modal-content">
|
||||
<div class="language-modal-header">
|
||||
<h3>Select Language</h3>
|
||||
<button id="language-modal-close" aria-label="Close language selection">×</button>
|
||||
</div>
|
||||
<div class="language-modal-body">
|
||||
<a href="#" data-lang="si">Slovenščina (SI)</a>
|
||||
<a href="#" data-lang="en" class="active-lang">English (EN)</a>
|
||||
<a href="#" data-lang="mk">Македонски (MK)</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -21,11 +21,13 @@
|
|||
<!-- START_HEADER -->
|
||||
<header class="dropdown-header-navigation">
|
||||
<div class="container">
|
||||
<div class="header-content">
|
||||
<a href="../../../en/" class="logo-link">
|
||||
<img src="../../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
|
||||
</a>
|
||||
<!-- Desktop Navigation -->
|
||||
<!-- Logotip je zdaj samostojen element na levi strani -->
|
||||
<a href="../../../en/" class="logo-link">
|
||||
<img src="../../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" 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">
|
||||
|
|
@ -70,28 +72,25 @@
|
|||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<!-- Desktop Buttons -->
|
||||
<div class="navigation-actions">
|
||||
<button class="btn btn-secondary">Become a member</button>
|
||||
<button class="btn btn-primary">Donate</button>
|
||||
<!-- Language Switcher -->
|
||||
<div class="language-selector">
|
||||
<div class="current-lang">
|
||||
<i class="fas fa-globe"></i>
|
||||
<span id="current-lang-code">EN</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 class="navigation-actions">
|
||||
<button class="btn btn-secondary">Become a member</button>
|
||||
<button class="btn btn-primary">Donate</button>
|
||||
<div class="language-selector">
|
||||
<div class="current-lang">
|
||||
<i class="fas fa-globe"></i>
|
||||
<span id="current-lang-code">EN</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>
|
||||
</div>
|
||||
|
||||
<!-- Mobile Menu Icon (Hamburger/X) -->
|
||||
<!-- 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>
|
||||
|
|
@ -99,7 +98,7 @@
|
|||
</div>
|
||||
</header>
|
||||
|
||||
<!-- Mobile Navigation Panel (ostane znotraj markerjev, a za <header>) -->
|
||||
<!-- Panel za mobilno navigacijo (struktura ostaja enaka) -->
|
||||
<div class="mobile-nav-panel">
|
||||
<nav>
|
||||
<ul class="navigation mobile-nav">
|
||||
|
|
@ -148,18 +147,27 @@
|
|||
<div class="navigation-actions">
|
||||
<button class="btn btn-secondary">Become a member</button>
|
||||
<button class="btn btn-primary">Donate</button>
|
||||
<!-- Language Switcher (for mobile) -->
|
||||
<div class="language-selector">
|
||||
<div class="current-lang">
|
||||
<button class="current-lang" id="mobile-lang-trigger">
|
||||
<i class="fas fa-globe"></i>
|
||||
<span id="current-lang-code-mobile">EN</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>
|
||||
<span>EN</span>
|
||||
<i class="fas fa-chevron-right"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Modalno okno za izbiro jezika (ostaja enako) -->
|
||||
<div id="language-modal-overlay">
|
||||
<div class="language-modal-content">
|
||||
<div class="language-modal-header">
|
||||
<h3>Select Language</h3>
|
||||
<button id="language-modal-close" aria-label="Close language selection">×</button>
|
||||
</div>
|
||||
<div class="language-modal-body">
|
||||
<a href="#" data-lang="si">Slovenščina (SI)</a>
|
||||
<a href="#" data-lang="en" class="active-lang">English (EN)</a>
|
||||
<a href="#" data-lang="mk">Македонски (MK)</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -76,7 +76,7 @@
|
|||
<div class="navigation-actions">
|
||||
<button class="btn btn-secondary">Become a member</button>
|
||||
<button class="btn btn-primary">Donate</button>
|
||||
<!-- Language Switcher -->
|
||||
<!-- Language Switcher (Desktop Dropdown) -->
|
||||
<div class="language-selector">
|
||||
<div class="current-lang">
|
||||
<i class="fas fa-globe"></i>
|
||||
|
|
@ -99,7 +99,7 @@
|
|||
</div>
|
||||
</header>
|
||||
|
||||
<!-- KLJUČNA SPREMEMBA: Mobilni panel je zdaj ZUNAJ <header> elementa -->
|
||||
<!-- Mobile Navigation Panel -->
|
||||
<div class="mobile-nav-panel">
|
||||
<nav>
|
||||
<ul class="navigation mobile-nav">
|
||||
|
|
@ -148,18 +148,28 @@
|
|||
<div class="navigation-actions">
|
||||
<button class="btn btn-secondary">Become a member</button>
|
||||
<button class="btn btn-primary">Donate</button>
|
||||
<!-- Language Switcher (for mobile) -->
|
||||
<!-- Language Switcher (Mobile Button - Triggers Modal) -->
|
||||
<div class="language-selector">
|
||||
<div class="current-lang">
|
||||
<button class="current-lang" id="mobile-lang-trigger">
|
||||
<i class="fas fa-globe"></i>
|
||||
<span id="current-lang-code-mobile">EN</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>
|
||||
<span>EN</span>
|
||||
<i class="fas fa-chevron-right"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Language Selection Modal (for Mobile) -->
|
||||
<div id="language-modal-overlay">
|
||||
<div class="language-modal-content">
|
||||
<div class="language-modal-header">
|
||||
<h3>Select Language</h3>
|
||||
<button id="language-modal-close" aria-label="Close language selection">×</button>
|
||||
</div>
|
||||
<div class="language-modal-body">
|
||||
<a href="#" data-lang="si">Slovenščina (SI)</a>
|
||||
<a href="#" data-lang="en" class="active-lang">English (EN)</a>
|
||||
<a href="#" data-lang="mk">Македонски (MK)</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -21,11 +21,13 @@
|
|||
<!-- START_HEADER -->
|
||||
<header class="dropdown-header-navigation">
|
||||
<div class="container">
|
||||
<div class="header-content">
|
||||
<a href="../../../en/" class="logo-link">
|
||||
<img src="../../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
|
||||
</a>
|
||||
<!-- Desktop Navigation -->
|
||||
<!-- Logotip je zdaj samostojen element na levi strani -->
|
||||
<a href="../../../en/" class="logo-link">
|
||||
<img src="../../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" 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">
|
||||
|
|
@ -70,28 +72,25 @@
|
|||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<!-- Desktop Buttons -->
|
||||
<div class="navigation-actions">
|
||||
<button class="btn btn-secondary">Become a member</button>
|
||||
<button class="btn btn-primary">Donate</button>
|
||||
<!-- Language Switcher -->
|
||||
<div class="language-selector">
|
||||
<div class="current-lang">
|
||||
<i class="fas fa-globe"></i>
|
||||
<span id="current-lang-code">EN</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 class="navigation-actions">
|
||||
<button class="btn btn-secondary">Become a member</button>
|
||||
<button class="btn btn-primary">Donate</button>
|
||||
<div class="language-selector">
|
||||
<div class="current-lang">
|
||||
<i class="fas fa-globe"></i>
|
||||
<span id="current-lang-code">EN</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>
|
||||
</div>
|
||||
|
||||
<!-- Mobile Menu Icon (Hamburger/X) -->
|
||||
<!-- 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>
|
||||
|
|
@ -99,7 +98,7 @@
|
|||
</div>
|
||||
</header>
|
||||
|
||||
<!-- Mobile Navigation Panel (ostane znotraj markerjev, a za <header>) -->
|
||||
<!-- Panel za mobilno navigacijo (struktura ostaja enaka) -->
|
||||
<div class="mobile-nav-panel">
|
||||
<nav>
|
||||
<ul class="navigation mobile-nav">
|
||||
|
|
@ -148,18 +147,27 @@
|
|||
<div class="navigation-actions">
|
||||
<button class="btn btn-secondary">Become a member</button>
|
||||
<button class="btn btn-primary">Donate</button>
|
||||
<!-- Language Switcher (for mobile) -->
|
||||
<div class="language-selector">
|
||||
<div class="current-lang">
|
||||
<button class="current-lang" id="mobile-lang-trigger">
|
||||
<i class="fas fa-globe"></i>
|
||||
<span id="current-lang-code-mobile">EN</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>
|
||||
<span>EN</span>
|
||||
<i class="fas fa-chevron-right"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Modalno okno za izbiro jezika (ostaja enako) -->
|
||||
<div id="language-modal-overlay">
|
||||
<div class="language-modal-content">
|
||||
<div class="language-modal-header">
|
||||
<h3>Select Language</h3>
|
||||
<button id="language-modal-close" aria-label="Close language selection">×</button>
|
||||
</div>
|
||||
<div class="language-modal-body">
|
||||
<a href="#" data-lang="si">Slovenščina (SI)</a>
|
||||
<a href="#" data-lang="en" class="active-lang">English (EN)</a>
|
||||
<a href="#" data-lang="mk">Македонски (MK)</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -76,7 +76,7 @@
|
|||
<div class="navigation-actions">
|
||||
<button class="btn btn-secondary">Become a member</button>
|
||||
<button class="btn btn-primary">Donate</button>
|
||||
<!-- Language Switcher -->
|
||||
<!-- Language Switcher (Desktop Dropdown) -->
|
||||
<div class="language-selector">
|
||||
<div class="current-lang">
|
||||
<i class="fas fa-globe"></i>
|
||||
|
|
@ -99,7 +99,7 @@
|
|||
</div>
|
||||
</header>
|
||||
|
||||
<!-- KLJUČNA SPREMEMBA: Mobilni panel je zdaj ZUNAJ <header> elementa -->
|
||||
<!-- Mobile Navigation Panel -->
|
||||
<div class="mobile-nav-panel">
|
||||
<nav>
|
||||
<ul class="navigation mobile-nav">
|
||||
|
|
@ -148,18 +148,28 @@
|
|||
<div class="navigation-actions">
|
||||
<button class="btn btn-secondary">Become a member</button>
|
||||
<button class="btn btn-primary">Donate</button>
|
||||
<!-- Language Switcher (for mobile) -->
|
||||
<!-- Language Switcher (Mobile Button - Triggers Modal) -->
|
||||
<div class="language-selector">
|
||||
<div class="current-lang">
|
||||
<button class="current-lang" id="mobile-lang-trigger">
|
||||
<i class="fas fa-globe"></i>
|
||||
<span id="current-lang-code-mobile">EN</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>
|
||||
<span>EN</span>
|
||||
<i class="fas fa-chevron-right"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Language Selection Modal (for Mobile) -->
|
||||
<div id="language-modal-overlay">
|
||||
<div class="language-modal-content">
|
||||
<div class="language-modal-header">
|
||||
<h3>Select Language</h3>
|
||||
<button id="language-modal-close" aria-label="Close language selection">×</button>
|
||||
</div>
|
||||
<div class="language-modal-body">
|
||||
<a href="#" data-lang="si">Slovenščina (SI)</a>
|
||||
<a href="#" data-lang="en" class="active-lang">English (EN)</a>
|
||||
<a href="#" data-lang="mk">Македонски (MK)</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -21,11 +21,13 @@
|
|||
<!-- START_HEADER -->
|
||||
<header class="dropdown-header-navigation">
|
||||
<div class="container">
|
||||
<div class="header-content">
|
||||
<a href="../../../en/" class="logo-link">
|
||||
<img src="../../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
|
||||
</a>
|
||||
<!-- Desktop Navigation -->
|
||||
<!-- Logotip je zdaj samostojen element na levi strani -->
|
||||
<a href="../../../en/" class="logo-link">
|
||||
<img src="../../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" 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">
|
||||
|
|
@ -70,28 +72,25 @@
|
|||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<!-- Desktop Buttons -->
|
||||
<div class="navigation-actions">
|
||||
<button class="btn btn-secondary">Become a member</button>
|
||||
<button class="btn btn-primary">Donate</button>
|
||||
<!-- Language Switcher -->
|
||||
<div class="language-selector">
|
||||
<div class="current-lang">
|
||||
<i class="fas fa-globe"></i>
|
||||
<span id="current-lang-code">EN</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 class="navigation-actions">
|
||||
<button class="btn btn-secondary">Become a member</button>
|
||||
<button class="btn btn-primary">Donate</button>
|
||||
<div class="language-selector">
|
||||
<div class="current-lang">
|
||||
<i class="fas fa-globe"></i>
|
||||
<span id="current-lang-code">EN</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>
|
||||
</div>
|
||||
|
||||
<!-- Mobile Menu Icon (Hamburger/X) -->
|
||||
<!-- 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>
|
||||
|
|
@ -99,7 +98,7 @@
|
|||
</div>
|
||||
</header>
|
||||
|
||||
<!-- Mobile Navigation Panel (ostane znotraj markerjev, a za <header>) -->
|
||||
<!-- Panel za mobilno navigacijo (struktura ostaja enaka) -->
|
||||
<div class="mobile-nav-panel">
|
||||
<nav>
|
||||
<ul class="navigation mobile-nav">
|
||||
|
|
@ -148,18 +147,27 @@
|
|||
<div class="navigation-actions">
|
||||
<button class="btn btn-secondary">Become a member</button>
|
||||
<button class="btn btn-primary">Donate</button>
|
||||
<!-- Language Switcher (for mobile) -->
|
||||
<div class="language-selector">
|
||||
<div class="current-lang">
|
||||
<button class="current-lang" id="mobile-lang-trigger">
|
||||
<i class="fas fa-globe"></i>
|
||||
<span id="current-lang-code-mobile">EN</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>
|
||||
<span>EN</span>
|
||||
<i class="fas fa-chevron-right"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Modalno okno za izbiro jezika (ostaja enako) -->
|
||||
<div id="language-modal-overlay">
|
||||
<div class="language-modal-content">
|
||||
<div class="language-modal-header">
|
||||
<h3>Select Language</h3>
|
||||
<button id="language-modal-close" aria-label="Close language selection">×</button>
|
||||
</div>
|
||||
<div class="language-modal-body">
|
||||
<a href="#" data-lang="si">Slovenščina (SI)</a>
|
||||
<a href="#" data-lang="en" class="active-lang">English (EN)</a>
|
||||
<a href="#" data-lang="mk">Македонски (MK)</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -76,7 +76,7 @@
|
|||
<div class="navigation-actions">
|
||||
<button class="btn btn-secondary">Become a member</button>
|
||||
<button class="btn btn-primary">Donate</button>
|
||||
<!-- Language Switcher -->
|
||||
<!-- Language Switcher (Desktop Dropdown) -->
|
||||
<div class="language-selector">
|
||||
<div class="current-lang">
|
||||
<i class="fas fa-globe"></i>
|
||||
|
|
@ -99,7 +99,7 @@
|
|||
</div>
|
||||
</header>
|
||||
|
||||
<!-- KLJUČNA SPREMEMBA: Mobilni panel je zdaj ZUNAJ <header> elementa -->
|
||||
<!-- Mobile Navigation Panel -->
|
||||
<div class="mobile-nav-panel">
|
||||
<nav>
|
||||
<ul class="navigation mobile-nav">
|
||||
|
|
@ -148,18 +148,28 @@
|
|||
<div class="navigation-actions">
|
||||
<button class="btn btn-secondary">Become a member</button>
|
||||
<button class="btn btn-primary">Donate</button>
|
||||
<!-- Language Switcher (for mobile) -->
|
||||
<!-- Language Switcher (Mobile Button - Triggers Modal) -->
|
||||
<div class="language-selector">
|
||||
<div class="current-lang">
|
||||
<button class="current-lang" id="mobile-lang-trigger">
|
||||
<i class="fas fa-globe"></i>
|
||||
<span id="current-lang-code-mobile">EN</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>
|
||||
<span>EN</span>
|
||||
<i class="fas fa-chevron-right"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Language Selection Modal (for Mobile) -->
|
||||
<div id="language-modal-overlay">
|
||||
<div class="language-modal-content">
|
||||
<div class="language-modal-header">
|
||||
<h3>Select Language</h3>
|
||||
<button id="language-modal-close" aria-label="Close language selection">×</button>
|
||||
</div>
|
||||
<div class="language-modal-body">
|
||||
<a href="#" data-lang="si">Slovenščina (SI)</a>
|
||||
<a href="#" data-lang="en" class="active-lang">English (EN)</a>
|
||||
<a href="#" data-lang="mk">Македонски (MK)</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -17,28 +17,29 @@ find . -type f \
|
|||
-not -path "*vendor*" \
|
||||
-not -path "*dist*" \
|
||||
-not -path "*build*" \
|
||||
-not -name "*.jpg" -not -name "*.jpeg" \
|
||||
-not -name "*.png" -not -name "*.gif" \
|
||||
-not -name "*.bmp" -not -name "*.tiff" \
|
||||
-not -name "*.svg" -not -name "*.ico" \
|
||||
-not -name "*.webp" \
|
||||
-not -name "*.mp4" -not -name "*.mov" \
|
||||
-not -name "*.avi" -not -name "*.mkv" \
|
||||
-not -name "*.webm" \
|
||||
-not -name "*.mp3" -not -name "*.wav" \
|
||||
-not -name "*.ogg" -not -name "*.flac" \
|
||||
-not -name "*.pdf" \
|
||||
-not -name "*.zip" \
|
||||
-not -name "*.tar" \
|
||||
-not -name "*.gz" \
|
||||
-not -name "*.bz2" \
|
||||
-not -name "*.rar" \
|
||||
-not -name "*.7z" \
|
||||
-not -name "*.doc" -not -name "*.docx" \
|
||||
-not -name "*.xls" -not -name "*.xlsx" \
|
||||
-not -name "*.ppt" -not -name "*.pptx" \
|
||||
-not -name "*.eot" -not -name "*.ttf" \
|
||||
-not -name "*.woff" -not -name "*.woff2" \
|
||||
-not -path "*/images/*" \
|
||||
-not -iname "*.jpg" -not -iname "*.jpeg" \
|
||||
-not -iname "*.png" -not -iname "*.gif" \
|
||||
-not -iname "*.bmp" -not -iname "*.tiff" \
|
||||
-not -iname "*.svg" -not -iname "*.ico" \
|
||||
-not -iname "*.webp" \
|
||||
-not -iname "*.mp4" -not -iname "*.mov" \
|
||||
-not -iname "*.avi" -not -iname "*.mkv" \
|
||||
-not -iname "*.webm" \
|
||||
-not -iname "*.mp3" -not -iname "*.wav" \
|
||||
-not -iname "*.ogg" -not -iname "*.flac" \
|
||||
-not -iname "*.pdf" \
|
||||
-not -iname "*.zip" \
|
||||
-not -iname "*.tar" \
|
||||
-not -iname "*.gz" \
|
||||
-not -iname "*.bz2" \
|
||||
-not -iname "*.rar" \
|
||||
-not -iname "*.7z" \
|
||||
-not -iname "*.doc" -not -iname "*.docx" \
|
||||
-not -iname "*.xls" -not -iname "*.xlsx" \
|
||||
-not -iname "*.ppt" -not -iname "*.pptx" \
|
||||
-not -iname "*.eot" -not -iname "*.ttf" \
|
||||
-not -iname "*.woff" -not -iname "*.woff2" \
|
||||
| sort | while read -r file; do
|
||||
|
||||
# Preskoči samo izhodno datoteko in to skripto
|
||||
|
|
@ -46,8 +47,8 @@ find . -type f \
|
|||
continue
|
||||
fi
|
||||
|
||||
# Dodatna varnostna preverba: preskoči binarne datoteke, ki jih 'find' morda ni ujel
|
||||
if file "$file" | grep -q "binary"; then
|
||||
# Dodatna varnostna preverba: preskoči slikovne datoteke po MIME tipu
|
||||
if file --mime-type -b "$file" | grep -qiE '^(image)/'; then
|
||||
continue
|
||||
fi
|
||||
|
||||
|
|
@ -60,4 +61,4 @@ find . -type f \
|
|||
echo "" >> "$OUTPUT_FILE"
|
||||
done
|
||||
|
||||
echo "Izvoz kode končan. Vsebina je shranjena v datoteko $OUTPUT_FILE"
|
||||
echo "Izvoz kode končan. Vsebina je shranjena v datoteko $OUTPUT_FILE"
|
||||
|
|
|
|||
195
main.js
195
main.js
|
|
@ -2,32 +2,30 @@ document.addEventListener('DOMContentLoaded', function() {
|
|||
|
||||
/**
|
||||
* ===================================================================
|
||||
* 1. OSNOVNA FUNKCIONALNOST MOBILNE NAVIGACIJE (Robustna različica)
|
||||
* 1. OSNOVNA FUNKCIONALNOST MOBILNE NAVIGACIJE
|
||||
* ===================================================================
|
||||
*/
|
||||
|
||||
// === MOBILNI MENI: Robusten toggle na <html> ===
|
||||
// === MOBILNI MENI: Preklop vidnosti menija ===
|
||||
try {
|
||||
const icon = document.querySelector('.mobile-menu-icon');
|
||||
const root = document.documentElement; // Ciljamo <html>, da se izognemo konfliktom na <body>
|
||||
const root = document.documentElement;
|
||||
|
||||
if (!icon) {
|
||||
console.error('Mobile menu icon not found.');
|
||||
} else {
|
||||
icon.addEventListener('click', (e) => {
|
||||
e.preventDefault();
|
||||
e.stopPropagation(); // Preprečimo "bubbling" dogodka, ki bi lahko takoj zaprl meni
|
||||
e.stopPropagation();
|
||||
root.classList.toggle('nav-open');
|
||||
});
|
||||
|
||||
// Zapri meni ob kliku izven panela ali ikone
|
||||
document.addEventListener('click', (e) => {
|
||||
if (root.classList.contains('nav-open') && !e.target.closest('.mobile-nav-panel') && !e.target.closest('.mobile-menu-icon')) {
|
||||
root.classList.remove('nav-open');
|
||||
}
|
||||
});
|
||||
|
||||
// Zapri meni s tipko Escape
|
||||
document.addEventListener('keydown', (e) => {
|
||||
if (e.key === 'Escape') {
|
||||
root.classList.remove('nav-open');
|
||||
|
|
@ -38,7 +36,7 @@ document.addEventListener('DOMContentLoaded', function() {
|
|||
console.error('Error in Mobile Menu Toggle:', err);
|
||||
}
|
||||
|
||||
// --- Mobilni Accordion podmeni (ostane nespremenjen) ---
|
||||
// --- Mobilni Accordion podmeni ---
|
||||
try {
|
||||
const mobileNav = document.querySelector('.mobile-nav-panel .mobile-nav');
|
||||
if (mobileNav) {
|
||||
|
|
@ -48,21 +46,18 @@ document.addEventListener('DOMContentLoaded', function() {
|
|||
const link = item.querySelector('a');
|
||||
if (link) {
|
||||
link.addEventListener('click', (event) => {
|
||||
// Prepreči privzeto dejanje samo za glavne povezave, ki imajo podmeni
|
||||
if (event.currentTarget.parentElement.classList.contains('menu-item-has-children')) {
|
||||
event.preventDefault();
|
||||
}
|
||||
|
||||
const parentLi = event.currentTarget.parentElement;
|
||||
|
||||
// Zapri ostale odprte podmenije (efekt harmonike)
|
||||
menuItemsWithChildren.forEach(otherItem => {
|
||||
if (otherItem !== parentLi && otherItem.classList.contains('open')) {
|
||||
otherItem.classList.remove('open');
|
||||
}
|
||||
});
|
||||
|
||||
// Preklopi stanje trenutnega podmenija
|
||||
parentLi.classList.toggle('open');
|
||||
});
|
||||
}
|
||||
|
|
@ -75,88 +70,135 @@ document.addEventListener('DOMContentLoaded', function() {
|
|||
|
||||
/**
|
||||
* ===================================================================
|
||||
* 2. DODATNE FUNKCIONALNOSTI (Jezik, FAQ, itd.)
|
||||
* Te skripte so ločene, da morebitne napake ne vplivajo na meni.
|
||||
* 2. IZBOLJŠAVE UPORABNIŠKE IZKUŠNJE (UX/UI)
|
||||
* ===================================================================
|
||||
*/
|
||||
|
||||
// --- Preklopnik jezika (Language Switcher) ---
|
||||
try {
|
||||
const languageSelectors = document.querySelectorAll('.language-selector');
|
||||
if (languageSelectors.length > 0) {
|
||||
languageSelectors.forEach(selector => {
|
||||
// --- Funkcija za poudarjanje aktivne povezave v navigaciji ---
|
||||
function highlightActiveLink() {
|
||||
try {
|
||||
const currentPath = window.location.pathname;
|
||||
const navLinks = document.querySelectorAll('.navigation a');
|
||||
let bestMatch = null;
|
||||
let longestMatch = 0;
|
||||
|
||||
navLinks.forEach(link => {
|
||||
if (link.closest('.dropdown-menu')) return;
|
||||
|
||||
const linkPath = new URL(link.href, window.location.origin).pathname;
|
||||
|
||||
if (currentPath.startsWith(linkPath) && linkPath.length > longestMatch) {
|
||||
longestMatch = linkPath.length;
|
||||
bestMatch = link;
|
||||
}
|
||||
});
|
||||
|
||||
if (bestMatch) {
|
||||
const parentMenuItem = bestMatch.closest('.menu-item');
|
||||
if (parentMenuItem) {
|
||||
parentMenuItem.classList.add('active-page');
|
||||
}
|
||||
}
|
||||
} catch (error) {
|
||||
console.error("Error highlighting active link:", error);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
// --- Funkcionalnost za preklopnik jezika (Desktop Dropdown + Mobile Modal) ---
|
||||
function setupLanguageSwitcher() {
|
||||
try {
|
||||
// 1. POPRAVLJENA Logika za dinamično generiranje URL-jev
|
||||
const path = window.location.pathname;
|
||||
const pathParts = path.split('/').filter(Boolean);
|
||||
const validLangs = ['en', 'si', 'mk'];
|
||||
let pathWithoutLang = '/';
|
||||
|
||||
if (pathParts.length > 0 && validLangs.includes(pathParts[0])) {
|
||||
// Sestavi pot iz delov, ki sledijo jezikovni kodi
|
||||
pathWithoutLang = '/' + pathParts.slice(1).join('/');
|
||||
// Če se je originalna pot končala s '/', jo dodaj nazaj (za mape)
|
||||
if (path.endsWith('/') && pathWithoutLang !== '/') {
|
||||
pathWithoutLang += '/';
|
||||
}
|
||||
} else {
|
||||
pathWithoutLang = path;
|
||||
}
|
||||
|
||||
document.querySelectorAll('a[data-lang]').forEach(link => {
|
||||
const targetLang = link.getAttribute('data-lang');
|
||||
// Združi novo jezikovno kodo in preostanek poti
|
||||
const newUrl = `/${targetLang}${pathWithoutLang}`;
|
||||
// Zamenjaj morebitne dvojne poševnice z eno samo, razen na začetku
|
||||
link.setAttribute('href', newUrl.replace(/\/{2,}/g, '/'));
|
||||
});
|
||||
|
||||
// 2. POPRAVLJENA Logika za NAMIZNI dropdown
|
||||
// Uporablja bolj specifičen selektor, ki se ujema z novo HTML strukturo
|
||||
const desktopSelectors = document.querySelectorAll('.header-right-wrapper .language-selector');
|
||||
desktopSelectors.forEach(selector => {
|
||||
const currentLang = selector.querySelector('.current-lang');
|
||||
if (currentLang) {
|
||||
currentLang.addEventListener('click', (event) => {
|
||||
event.stopPropagation();
|
||||
const isActive = selector.classList.contains('active');
|
||||
languageSelectors.forEach(s => s.classList.remove('active')); // Zapri vse
|
||||
document.querySelectorAll('.language-selector.active').forEach(s => s.classList.remove('active'));
|
||||
if (!isActive) {
|
||||
selector.classList.add('active'); // Odpri samo trenutnega
|
||||
selector.classList.add('active');
|
||||
}
|
||||
});
|
||||
}
|
||||
});
|
||||
|
||||
// Globalni listenerji za zapiranje
|
||||
window.addEventListener('click', () => {
|
||||
languageSelectors.forEach(s => s.classList.remove('active'));
|
||||
});
|
||||
window.addEventListener('keydown', (e) => {
|
||||
if (e.key === 'Escape') {
|
||||
languageSelectors.forEach(s => s.classList.remove('active'));
|
||||
}
|
||||
});
|
||||
|
||||
// Dinamično generiranje URL-jev
|
||||
const path = window.location.pathname;
|
||||
const pathParts = path.split('/').filter(Boolean);
|
||||
const validLangs = ['en', 'si', 'mk'];
|
||||
let currentLangCode = validLangs[0]; // Privzeto na 'en', če ni najden
|
||||
let relativePathAfterLang = path;
|
||||
|
||||
for (const lang of validLangs) {
|
||||
if (pathParts.length > 0 && pathParts[0] === lang) {
|
||||
currentLangCode = lang;
|
||||
relativePathAfterLang = '/' + pathParts.slice(1).join('/');
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
languageSelectors.forEach(selector => {
|
||||
const langLinks = selector.querySelectorAll('.lang-dropdown a[data-lang]');
|
||||
langLinks.forEach(link => {
|
||||
const targetLang = link.getAttribute('data-lang');
|
||||
// Zgradi novo pot relativno glede na korensko mapo
|
||||
const newUrl = `/${targetLang}${relativePathAfterLang === '/' ? '' : relativePathAfterLang}`;
|
||||
link.setAttribute('href', newUrl);
|
||||
});
|
||||
window.addEventListener('click', () => {
|
||||
desktopSelectors.forEach(s => s.classList.remove('active'));
|
||||
});
|
||||
|
||||
// 3. Logika za MOBILNO modalno okno (ostaja enaka, vendar bo zdaj delovala pravilno)
|
||||
const mobileLangButton = document.getElementById('mobile-lang-trigger');
|
||||
const languageModal = document.getElementById('language-modal-overlay');
|
||||
const closeModalButton = document.getElementById('language-modal-close');
|
||||
|
||||
if (mobileLangButton && languageModal && closeModalButton) {
|
||||
mobileLangButton.addEventListener('click', (e) => {
|
||||
e.preventDefault();
|
||||
e.stopPropagation();
|
||||
languageModal.classList.add('active');
|
||||
});
|
||||
|
||||
const closeModal = () => {
|
||||
languageModal.classList.remove('active');
|
||||
};
|
||||
|
||||
closeModalButton.addEventListener('click', closeModal);
|
||||
languageModal.addEventListener('click', (e) => {
|
||||
if (e.target === languageModal) closeModal();
|
||||
});
|
||||
document.addEventListener('keydown', (e) => {
|
||||
if (e.key === 'Escape' && languageModal.classList.contains('active')) closeModal();
|
||||
});
|
||||
}
|
||||
|
||||
} catch (error) {
|
||||
console.error('Error in Language Switcher setup:', error);
|
||||
}
|
||||
} catch (error) {
|
||||
console.error('Error in Language Switcher:', error);
|
||||
}
|
||||
|
||||
|
||||
|
||||
/**
|
||||
* ===================================================================
|
||||
* 3. OSTALE FUNKCIONALNOSTI (FAQ, ACTIVITIES, ITD.)
|
||||
* ===================================================================
|
||||
*/
|
||||
|
||||
// --- FAQ Accordion ---
|
||||
try {
|
||||
const faqItems = document.querySelectorAll('.faq-item');
|
||||
if (faqItems.length > 0) {
|
||||
faqItems.forEach(item => {
|
||||
const header = item.querySelector('h3');
|
||||
if (header) {
|
||||
header.addEventListener('click', () => {
|
||||
const content = item.querySelector('p');
|
||||
if (content) {
|
||||
if (content.style.display === "none" || content.style.display === "") {
|
||||
content.style.display = "block";
|
||||
} else {
|
||||
content.style.display = "none";
|
||||
}
|
||||
}
|
||||
});
|
||||
}
|
||||
document.querySelectorAll('.faq-item h3').forEach(header => {
|
||||
header.addEventListener('click', () => {
|
||||
const faqItem = header.parentElement;
|
||||
faqItem.classList.toggle('open');
|
||||
});
|
||||
}
|
||||
});
|
||||
} catch (error) {
|
||||
console.error('Error in FAQ Accordion:', error);
|
||||
}
|
||||
|
|
@ -197,4 +239,13 @@ document.addEventListener('DOMContentLoaded', function() {
|
|||
} catch (error) {
|
||||
console.error('Error in Activities Tab:', error);
|
||||
}
|
||||
|
||||
/**
|
||||
* ===================================================================
|
||||
* 4. ZAGON FUNKCIJ PO NALOŽITVI STRANI
|
||||
* ===================================================================
|
||||
*/
|
||||
highlightActiveLink();
|
||||
setupLanguageSwitcher();
|
||||
|
||||
});
|
||||
182
mk/index.html
182
mk/index.html
|
|
@ -21,69 +21,156 @@
|
|||
<!-- START_HEADER -->
|
||||
<header class="dropdown-header-navigation">
|
||||
<div class="container">
|
||||
<div class="header-content">
|
||||
<a href="../mk/" class="logo-link">
|
||||
<img src="../images/1-logo.png" alt="Лого на Македонска студентска организација во Словенија" class="logo-img">
|
||||
</a>
|
||||
<!-- Навигација за десктоп -->
|
||||
<nav class="navigation desktop-nav">
|
||||
<a href="#">За нас</a>
|
||||
<a href="#">За студенти</a>
|
||||
<a href="../mk/projects/">Проекти</a>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<!-- Копчиња за десктоп -->
|
||||
<div class="navigation-actions">
|
||||
<button class="btn btn-secondary">Стани партнер</button>
|
||||
<button class="btn btn-primary">Донирај</button>
|
||||
<!-- Преклопник за јазик -->
|
||||
<div class="language-selector">
|
||||
<div class="current-lang">
|
||||
<i class="fas fa-globe"></i>
|
||||
<span id="current-lang-code">MK</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>
|
||||
|
||||
<!-- Панел за мобилна навигација -->
|
||||
<div class="mobile-nav-panel">
|
||||
<nav class="navigation mobile-nav">
|
||||
<a href="#">За нас</a>
|
||||
<a href="#">За студенти</a>
|
||||
<a href="../mk/projects/">Проекти</a>
|
||||
<!-- Logotip je zdaj samostojen element na levi strani -->
|
||||
<a href="../mk/" class="logo-link">
|
||||
<img src="../images/1-logo.png" alt="Лого на Македонска студентска организација во Словенија" 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="#">За нас</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Времеплов и достигнувања</a></li>
|
||||
<li><a href="#">Нашиот тим, мисија, визија и вредности</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">Што работиме</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="../mk/projects/">Настани и проекти</a></li>
|
||||
<li><a href="#">Блог</a></li>
|
||||
<li><a href="#">Галерија</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">Вклучи се</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Стани член</a></li>
|
||||
<li><a href="#">Поддржи ја МСОС</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">За студенти</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Водич за добредојде</a></li>
|
||||
<li><a href="#">Менторска програма</a></li>
|
||||
<li><a href="#">Често поставувани прашања</a></li>
|
||||
<li><a href="#">Запознај ја Словенија</a></li>
|
||||
<li><a href="#">Запознај ја Северна Македонија</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">Новости</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Соопштенија</a></li>
|
||||
<li><a href="#">Отворени повици</a></li>
|
||||
<li><a href="#">Соопштенија за медиуми</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
<div class="navigation-actions">
|
||||
<button class="btn btn-secondary">Стани партнер</button>
|
||||
<button class="btn btn-secondary">Стани член</button>
|
||||
<button class="btn btn-primary">Донирај</button>
|
||||
<!-- Преклопник за јазик (за мобилен) -->
|
||||
<div class="language-selector">
|
||||
<div class="current-lang">
|
||||
<i class="fas fa-globe"></i>
|
||||
<span id="current-lang-code-mobile">MK</span>
|
||||
<span id="current-lang-code">МК</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>
|
||||
|
||||
<!-- Икона за мобилно мени (Хамбургер/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="#">За нас</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Времеплов и достигнувања</a></li>
|
||||
<li><a href="#">Нашиот тим, мисија, визија и вредности</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">Што работиме</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="../mk/projects/">Настани и проекти</a></li>
|
||||
<li><a href="#">Блог</a></li>
|
||||
<li><a href="#">Галерија</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">Вклучи се</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Стани член</a></li>
|
||||
<li><a href="#">Поддржи ја МСОС</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">За студенти</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Водич за добредојде</a></li>
|
||||
<li><a href="#">Менторска програма</a></li>
|
||||
<li><a href="#">Често поставувани прашања</a></li>
|
||||
<li><a href="#">Запознај ја Словенија</a></li>
|
||||
<li><a href="#">Запознај ја Северна Македонија</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">Новости</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Соопштенија</a></li>
|
||||
<li><a href="#">Отворени повици</a></li>
|
||||
<li><a href="#">Соопштенија за медиуми</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
<div class="navigation-actions">
|
||||
<button class="btn btn-secondary">Стани член</button>
|
||||
<button class="btn btn-primary">Донирај</button>
|
||||
<div class="language-selector">
|
||||
<button class="current-lang" id="mobile-lang-trigger">
|
||||
<i class="fas fa-globe"></i>
|
||||
<span>МК</span>
|
||||
<i class="fas fa-chevron-right"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Modalno okno za izbiro na jazik (za mobilni) -->
|
||||
<div id="language-modal-overlay">
|
||||
<div class="language-modal-content">
|
||||
<div class="language-modal-header">
|
||||
<h3>Избери јазик</h3>
|
||||
<button id="language-modal-close" aria-label="Затвори избор на јазик">×</button>
|
||||
</div>
|
||||
<div class="language-modal-body">
|
||||
<a href="#" data-lang="si">Slovenščina (SI)</a>
|
||||
<a href="#" data-lang="en">English (EN)</a>
|
||||
<a href="#" data-lang="mk" class="active-lang">Македонски (МК)</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END_HEADER -->
|
||||
|
||||
<main>
|
||||
|
|
@ -386,6 +473,5 @@
|
|||
</footer>
|
||||
<!-- END_FOOTER -->
|
||||
|
||||
<script src="../main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -238,7 +238,7 @@
|
|||
<h2>Станете дел од нашиот неверојатен тим</h2>
|
||||
<p>Ние сме 100% тим на далечина, распространет низ целиот свет. Придружете ни се!</p>
|
||||
</div>
|
||||
<img src="../images/9-becomepart.png" alt="Нашиот неверојатен тим во училница" class="team-photo">
|
||||
<img src="../images/9-becomepart.webp" alt="Нашиот неверојатен тим во училница" class="team-photo">
|
||||
|
||||
<div class="contact-form-container">
|
||||
<form class="contact-form">
|
||||
|
|
|
|||
|
|
@ -21,69 +21,156 @@
|
|||
<!-- START_HEADER -->
|
||||
<header class="dropdown-header-navigation">
|
||||
<div class="container">
|
||||
<div class="header-content">
|
||||
<a href="../../mk/" class="logo-link">
|
||||
<img src="../../images/1-logo.png" alt="Лого на Македонска студентска организација во Словенија" class="logo-img">
|
||||
</a>
|
||||
<!-- Навигација за десктоп -->
|
||||
<nav class="navigation desktop-nav">
|
||||
<a href="#">За нас</a>
|
||||
<a href="#">За студенти</a>
|
||||
<a href="../../mk/projects/">Проекти</a>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<!-- Копчиња за десктоп -->
|
||||
<div class="navigation-actions">
|
||||
<button class="btn btn-secondary">Стани партнер</button>
|
||||
<button class="btn btn-primary">Донирај</button>
|
||||
<!-- Преклопник за јазик -->
|
||||
<div class="language-selector">
|
||||
<div class="current-lang">
|
||||
<i class="fas fa-globe"></i>
|
||||
<span id="current-lang-code">MK</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>
|
||||
|
||||
<!-- Панел за мобилна навигација -->
|
||||
<div class="mobile-nav-panel">
|
||||
<nav class="navigation mobile-nav">
|
||||
<a href="#">За нас</a>
|
||||
<a href="#">За студенти</a>
|
||||
<a href="../../mk/projects/">Проекти</a>
|
||||
<!-- Logotip je zdaj samostojen element na levi strani -->
|
||||
<a href="../../mk/" class="logo-link">
|
||||
<img src="../../images/1-logo.png" alt="Лого на Македонска студентска организација во Словенија" 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="#">За нас</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Времеплов и достигнувања</a></li>
|
||||
<li><a href="#">Нашиот тим, мисија, визија и вредности</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">Што работиме</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="../../mk/projects/">Настани и проекти</a></li>
|
||||
<li><a href="#">Блог</a></li>
|
||||
<li><a href="#">Галерија</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">Вклучи се</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Стани член</a></li>
|
||||
<li><a href="#">Поддржи ја МСОС</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">За студенти</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Водич за добредојде</a></li>
|
||||
<li><a href="#">Менторска програма</a></li>
|
||||
<li><a href="#">Често поставувани прашања</a></li>
|
||||
<li><a href="#">Запознај ја Словенија</a></li>
|
||||
<li><a href="#">Запознај ја Северна Македонија</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">Новости</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Соопштенија</a></li>
|
||||
<li><a href="#">Отворени повици</a></li>
|
||||
<li><a href="#">Соопштенија за медиуми</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
<div class="navigation-actions">
|
||||
<button class="btn btn-secondary">Стани партнер</button>
|
||||
<button class="btn btn-secondary">Стани член</button>
|
||||
<button class="btn btn-primary">Донирај</button>
|
||||
<!-- Преклопник за јазик (за мобилен) -->
|
||||
<div class="language-selector">
|
||||
<div class="current-lang">
|
||||
<i class="fas fa-globe"></i>
|
||||
<span id="current-lang-code-mobile">MK</span>
|
||||
<span id="current-lang-code">МК</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>
|
||||
|
||||
<!-- Икона за мобилно мени (Хамбургер/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="#">За нас</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Времеплов и достигнувања</a></li>
|
||||
<li><a href="#">Нашиот тим, мисија, визија и вредности</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">Што работиме</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="../../mk/projects/">Настани и проекти</a></li>
|
||||
<li><a href="#">Блог</a></li>
|
||||
<li><a href="#">Галерија</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">Вклучи се</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Стани член</a></li>
|
||||
<li><a href="#">Поддржи ја МСОС</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">За студенти</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Водич за добредојде</a></li>
|
||||
<li><a href="#">Менторска програма</a></li>
|
||||
<li><a href="#">Често поставувани прашања</a></li>
|
||||
<li><a href="#">Запознај ја Словенија</a></li>
|
||||
<li><a href="#">Запознај ја Северна Македонија</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">Новости</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Соопштенија</a></li>
|
||||
<li><a href="#">Отворени повици</a></li>
|
||||
<li><a href="#">Соопштенија за медиуми</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
<div class="navigation-actions">
|
||||
<button class="btn btn-secondary">Стани член</button>
|
||||
<button class="btn btn-primary">Донирај</button>
|
||||
<div class="language-selector">
|
||||
<button class="current-lang" id="mobile-lang-trigger">
|
||||
<i class="fas fa-globe"></i>
|
||||
<span>МК</span>
|
||||
<i class="fas fa-chevron-right"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Modalno okno za izbiro na jazik (za mobilni) -->
|
||||
<div id="language-modal-overlay">
|
||||
<div class="language-modal-content">
|
||||
<div class="language-modal-header">
|
||||
<h3>Избери јазик</h3>
|
||||
<button id="language-modal-close" aria-label="Затвори избор на јазик">×</button>
|
||||
</div>
|
||||
<div class="language-modal-body">
|
||||
<a href="#" data-lang="si">Slovenščina (SI)</a>
|
||||
<a href="#" data-lang="en">English (EN)</a>
|
||||
<a href="#" data-lang="mk" class="active-lang">Македонски (МК)</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END_HEADER -->
|
||||
|
||||
<main class="page-content">
|
||||
|
|
|
|||
|
|
@ -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="../../../mk/" class="logo-link">
|
||||
<img src="../../../images/1-logo.png" alt="Лого на Македонска студентска организација во Словенија" class="logo-img">
|
||||
</a>
|
||||
<!-- Навигација за десктоп -->
|
||||
<nav class="navigation desktop-nav">
|
||||
<a href="#">За нас</a>
|
||||
<a href="#">За студенти</a>
|
||||
<a href="../../../mk/projects/">Проекти</a>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<!-- Копчиња за десктоп -->
|
||||
<div class="navigation-actions">
|
||||
<button class="btn btn-secondary">Стани партнер</button>
|
||||
<button class="btn btn-primary">Донирај</button>
|
||||
<!-- Преклопник за јазик -->
|
||||
<div class="language-selector">
|
||||
<div class="current-lang">
|
||||
<i class="fas fa-globe"></i>
|
||||
<span id="current-lang-code">MK</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>
|
||||
|
||||
<!-- Панел за мобилна навигација -->
|
||||
<div class="mobile-nav-panel">
|
||||
<nav class="navigation mobile-nav">
|
||||
<a href="#">За нас</a>
|
||||
<a href="#">За студенти</a>
|
||||
<a href="../../../mk/projects/">Проекти</a>
|
||||
<!-- Logotip je zdaj samostojen element na levi strani -->
|
||||
<a href="../../../mk/" class="logo-link">
|
||||
<img src="../../../images/1-logo.png" alt="Лого на Македонска студентска организација во Словенија" 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="#">За нас</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Времеплов и достигнувања</a></li>
|
||||
<li><a href="#">Нашиот тим, мисија, визија и вредности</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">Што работиме</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="../../../mk/projects/">Настани и проекти</a></li>
|
||||
<li><a href="#">Блог</a></li>
|
||||
<li><a href="#">Галерија</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">Вклучи се</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Стани член</a></li>
|
||||
<li><a href="#">Поддржи ја МСОС</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">За студенти</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Водич за добредојде</a></li>
|
||||
<li><a href="#">Менторска програма</a></li>
|
||||
<li><a href="#">Често поставувани прашања</a></li>
|
||||
<li><a href="#">Запознај ја Словенија</a></li>
|
||||
<li><a href="#">Запознај ја Северна Македонија</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">Новости</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Соопштенија</a></li>
|
||||
<li><a href="#">Отворени повици</a></li>
|
||||
<li><a href="#">Соопштенија за медиуми</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
<div class="navigation-actions">
|
||||
<button class="btn btn-secondary">Стани партнер</button>
|
||||
<button class="btn btn-secondary">Стани член</button>
|
||||
<button class="btn btn-primary">Донирај</button>
|
||||
<!-- Преклопник за јазик (за мобилен) -->
|
||||
<div class="language-selector">
|
||||
<div class="current-lang">
|
||||
<i class="fas fa-globe"></i>
|
||||
<span id="current-lang-code-mobile">MK</span>
|
||||
<span id="current-lang-code">МК</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>
|
||||
|
||||
<!-- Икона за мобилно мени (Хамбургер/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="#">За нас</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Времеплов и достигнувања</a></li>
|
||||
<li><a href="#">Нашиот тим, мисија, визија и вредности</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">Што работиме</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="../../../mk/projects/">Настани и проекти</a></li>
|
||||
<li><a href="#">Блог</a></li>
|
||||
<li><a href="#">Галерија</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">Вклучи се</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Стани член</a></li>
|
||||
<li><a href="#">Поддржи ја МСОС</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">За студенти</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Водич за добредојде</a></li>
|
||||
<li><a href="#">Менторска програма</a></li>
|
||||
<li><a href="#">Често поставувани прашања</a></li>
|
||||
<li><a href="#">Запознај ја Словенија</a></li>
|
||||
<li><a href="#">Запознај ја Северна Македонија</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">Новости</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Соопштенија</a></li>
|
||||
<li><a href="#">Отворени повици</a></li>
|
||||
<li><a href="#">Соопштенија за медиуми</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
<div class="navigation-actions">
|
||||
<button class="btn btn-secondary">Стани член</button>
|
||||
<button class="btn btn-primary">Донирај</button>
|
||||
<div class="language-selector">
|
||||
<button class="current-lang" id="mobile-lang-trigger">
|
||||
<i class="fas fa-globe"></i>
|
||||
<span>МК</span>
|
||||
<i class="fas fa-chevron-right"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Modalno okno za izbiro na jazik (za mobilni) -->
|
||||
<div id="language-modal-overlay">
|
||||
<div class="language-modal-content">
|
||||
<div class="language-modal-header">
|
||||
<h3>Избери јазик</h3>
|
||||
<button id="language-modal-close" aria-label="Затвори избор на јазик">×</button>
|
||||
</div>
|
||||
<div class="language-modal-body">
|
||||
<a href="#" data-lang="si">Slovenščina (SI)</a>
|
||||
<a href="#" data-lang="en">English (EN)</a>
|
||||
<a href="#" data-lang="mk" class="active-lang">Македонски (МК)</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END_HEADER -->
|
||||
|
||||
<main class="article-page">
|
||||
|
|
|
|||
|
|
@ -105,7 +105,7 @@
|
|||
<p>Сè започна со едноставна желба – да се собереме, да се запознаеме и да ја почувствуваме Македонија, иако сме далеку од неа. Кристијан Поповски, тогаш студент на Економскиот факултет во Љубљана, ја сподели својата идеја со неколку колеги, а одговорот беше неверојатен. За помалку од две недели, преку 40 студенти се пријавија во организацискиот тим. Секој понесе дел од својот ентузијазам и време, а заедничкиот дух и желбата за поврзување ја претворија оваа спонтана иницијатива во настан што долго ќе го паметиме.</p>
|
||||
|
||||
<figure class="article-inline-image">
|
||||
<img src="../../../images/msnl-2.png" alt="Подготовки и состаноци за македонската студентска вечер">
|
||||
<img src="../../../images/msnl-2.webp" alt="Подготовки и состаноци за македонската студентска вечер">
|
||||
<figcaption>Фотографии од подготовките и состаноците за организирање на македонската студентска вечер</figcaption>
|
||||
</figure>
|
||||
|
||||
|
|
|
|||
|
|
@ -21,69 +21,156 @@
|
|||
<!-- START_HEADER -->
|
||||
<header class="dropdown-header-navigation">
|
||||
<div class="container">
|
||||
<div class="header-content">
|
||||
<a href="../../../mk/" class="logo-link">
|
||||
<img src="../../../images/1-logo.png" alt="Лого на Македонска студентска организација во Словенија" class="logo-img">
|
||||
</a>
|
||||
<!-- Навигација за десктоп -->
|
||||
<nav class="navigation desktop-nav">
|
||||
<a href="#">За нас</a>
|
||||
<a href="#">За студенти</a>
|
||||
<a href="../../../mk/projects/">Проекти</a>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<!-- Копчиња за десктоп -->
|
||||
<div class="navigation-actions">
|
||||
<button class="btn btn-secondary">Стани партнер</button>
|
||||
<button class="btn btn-primary">Донирај</button>
|
||||
<!-- Преклопник за јазик -->
|
||||
<div class="language-selector">
|
||||
<div class="current-lang">
|
||||
<i class="fas fa-globe"></i>
|
||||
<span id="current-lang-code">MK</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>
|
||||
|
||||
<!-- Панел за мобилна навигација -->
|
||||
<div class="mobile-nav-panel">
|
||||
<nav class="navigation mobile-nav">
|
||||
<a href="#">За нас</a>
|
||||
<a href="#">За студенти</a>
|
||||
<a href="../../../mk/projects/">Проекти</a>
|
||||
<!-- Logotip je zdaj samostojen element na levi strani -->
|
||||
<a href="../../../mk/" class="logo-link">
|
||||
<img src="../../../images/1-logo.png" alt="Лого на Македонска студентска организација во Словенија" 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="#">За нас</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Времеплов и достигнувања</a></li>
|
||||
<li><a href="#">Нашиот тим, мисија, визија и вредности</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">Што работиме</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="../../../mk/projects/">Настани и проекти</a></li>
|
||||
<li><a href="#">Блог</a></li>
|
||||
<li><a href="#">Галерија</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">Вклучи се</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Стани член</a></li>
|
||||
<li><a href="#">Поддржи ја МСОС</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">За студенти</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Водич за добредојде</a></li>
|
||||
<li><a href="#">Менторска програма</a></li>
|
||||
<li><a href="#">Често поставувани прашања</a></li>
|
||||
<li><a href="#">Запознај ја Словенија</a></li>
|
||||
<li><a href="#">Запознај ја Северна Македонија</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">Новости</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Соопштенија</a></li>
|
||||
<li><a href="#">Отворени повици</a></li>
|
||||
<li><a href="#">Соопштенија за медиуми</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
<div class="navigation-actions">
|
||||
<button class="btn btn-secondary">Стани партнер</button>
|
||||
<button class="btn btn-secondary">Стани член</button>
|
||||
<button class="btn btn-primary">Донирај</button>
|
||||
<!-- Преклопник за јазик (за мобилен) -->
|
||||
<div class="language-selector">
|
||||
<div class="current-lang">
|
||||
<i class="fas fa-globe"></i>
|
||||
<span id="current-lang-code-mobile">MK</span>
|
||||
<span id="current-lang-code">МК</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>
|
||||
|
||||
<!-- Икона за мобилно мени (Хамбургер/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="#">За нас</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Времеплов и достигнувања</a></li>
|
||||
<li><a href="#">Нашиот тим, мисија, визија и вредности</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">Што работиме</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="../../../mk/projects/">Настани и проекти</a></li>
|
||||
<li><a href="#">Блог</a></li>
|
||||
<li><a href="#">Галерија</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">Вклучи се</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Стани член</a></li>
|
||||
<li><a href="#">Поддржи ја МСОС</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">За студенти</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Водич за добредојде</a></li>
|
||||
<li><a href="#">Менторска програма</a></li>
|
||||
<li><a href="#">Често поставувани прашања</a></li>
|
||||
<li><a href="#">Запознај ја Словенија</a></li>
|
||||
<li><a href="#">Запознај ја Северна Македонија</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">Новости</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Соопштенија</a></li>
|
||||
<li><a href="#">Отворени повици</a></li>
|
||||
<li><a href="#">Соопштенија за медиуми</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
<div class="navigation-actions">
|
||||
<button class="btn btn-secondary">Стани член</button>
|
||||
<button class="btn btn-primary">Донирај</button>
|
||||
<div class="language-selector">
|
||||
<button class="current-lang" id="mobile-lang-trigger">
|
||||
<i class="fas fa-globe"></i>
|
||||
<span>МК</span>
|
||||
<i class="fas fa-chevron-right"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Modalno okno za izbiro na jazik (za mobilni) -->
|
||||
<div id="language-modal-overlay">
|
||||
<div class="language-modal-content">
|
||||
<div class="language-modal-header">
|
||||
<h3>Избери јазик</h3>
|
||||
<button id="language-modal-close" aria-label="Затвори избор на јазик">×</button>
|
||||
</div>
|
||||
<div class="language-modal-body">
|
||||
<a href="#" data-lang="si">Slovenščina (SI)</a>
|
||||
<a href="#" data-lang="en">English (EN)</a>
|
||||
<a href="#" data-lang="mk" class="active-lang">Македонски (МК)</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END_HEADER -->
|
||||
|
||||
<main class="article-page">
|
||||
|
|
|
|||
|
|
@ -156,7 +156,7 @@
|
|||
<p>Посебен момент на настанот беше обраќањето на конзулот од Амбасадата на Република Словенија во Северна Македонија, господинот Мартин Глазар. Тој накратко ги претстави најважните чекори од процесот за добивање дозвола за привремен престој – една од најголемите грижи и предизвици за сите странски студенти во Словенија. На тој начин, идните студенти добија појасна слика за тоа што ги очекува и како полесно да се справат со административните процедури.</p>
|
||||
|
||||
<figure class="article-inline-image">
|
||||
<img src="../../../images/event3-photo-9.png" alt="Конзулот ги запознава студентите со процесот за добивање привремена дозвола за престој">
|
||||
<img src="../../../images/event3-photo-9.webp" alt="Конзулот ги запознава студентите со процесот за добивање привремена дозвола за престој">
|
||||
<figcaption>Фотографија од конзулот кој на интересен начин ги запознава студентите со процесот за добивање на привремена дозвола за престој!</figcaption>
|
||||
</figure>
|
||||
|
||||
|
|
|
|||
|
|
@ -21,69 +21,156 @@
|
|||
<!-- START_HEADER -->
|
||||
<header class="dropdown-header-navigation">
|
||||
<div class="container">
|
||||
<div class="header-content">
|
||||
<a href="../../../mk/" class="logo-link">
|
||||
<img src="../../../images/1-logo.png" alt="Лого на Македонска студентска организација во Словенија" class="logo-img">
|
||||
</a>
|
||||
<!-- Навигација за десктоп -->
|
||||
<nav class="navigation desktop-nav">
|
||||
<a href="#">За нас</a>
|
||||
<a href="#">За студенти</a>
|
||||
<a href="../../../mk/projects/">Проекти</a>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<!-- Копчиња за десктоп -->
|
||||
<div class="navigation-actions">
|
||||
<button class="btn btn-secondary">Стани партнер</button>
|
||||
<button class="btn btn-primary">Донирај</button>
|
||||
<!-- Преклопник за јазик -->
|
||||
<div class="language-selector">
|
||||
<div class="current-lang">
|
||||
<i class="fas fa-globe"></i>
|
||||
<span id="current-lang-code">MK</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>
|
||||
|
||||
<!-- Панел за мобилна навигација -->
|
||||
<div class="mobile-nav-panel">
|
||||
<nav class="navigation mobile-nav">
|
||||
<a href="#">За нас</a>
|
||||
<a href="#">За студенти</a>
|
||||
<a href="../../../mk/projects/">Проекти</a>
|
||||
<!-- Logotip je zdaj samostojen element na levi strani -->
|
||||
<a href="../../../mk/" class="logo-link">
|
||||
<img src="../../../images/1-logo.png" alt="Лого на Македонска студентска организација во Словенија" 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="#">За нас</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Времеплов и достигнувања</a></li>
|
||||
<li><a href="#">Нашиот тим, мисија, визија и вредности</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">Што работиме</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="../../../mk/projects/">Настани и проекти</a></li>
|
||||
<li><a href="#">Блог</a></li>
|
||||
<li><a href="#">Галерија</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">Вклучи се</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Стани член</a></li>
|
||||
<li><a href="#">Поддржи ја МСОС</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">За студенти</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Водич за добредојде</a></li>
|
||||
<li><a href="#">Менторска програма</a></li>
|
||||
<li><a href="#">Често поставувани прашања</a></li>
|
||||
<li><a href="#">Запознај ја Словенија</a></li>
|
||||
<li><a href="#">Запознај ја Северна Македонија</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">Новости</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Соопштенија</a></li>
|
||||
<li><a href="#">Отворени повици</a></li>
|
||||
<li><a href="#">Соопштенија за медиуми</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
<div class="navigation-actions">
|
||||
<button class="btn btn-secondary">Стани партнер</button>
|
||||
<button class="btn btn-secondary">Стани член</button>
|
||||
<button class="btn btn-primary">Донирај</button>
|
||||
<!-- Преклопник за јазик (за мобилен) -->
|
||||
<div class="language-selector">
|
||||
<div class="current-lang">
|
||||
<i class="fas fa-globe"></i>
|
||||
<span id="current-lang-code-mobile">MK</span>
|
||||
<span id="current-lang-code">МК</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>
|
||||
|
||||
<!-- Икона за мобилно мени (Хамбургер/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="#">За нас</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Времеплов и достигнувања</a></li>
|
||||
<li><a href="#">Нашиот тим, мисија, визија и вредности</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">Што работиме</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="../../../mk/projects/">Настани и проекти</a></li>
|
||||
<li><a href="#">Блог</a></li>
|
||||
<li><a href="#">Галерија</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">Вклучи се</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Стани член</a></li>
|
||||
<li><a href="#">Поддржи ја МСОС</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">За студенти</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Водич за добредојде</a></li>
|
||||
<li><a href="#">Менторска програма</a></li>
|
||||
<li><a href="#">Често поставувани прашања</a></li>
|
||||
<li><a href="#">Запознај ја Словенија</a></li>
|
||||
<li><a href="#">Запознај ја Северна Македонија</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">Новости</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Соопштенија</a></li>
|
||||
<li><a href="#">Отворени повици</a></li>
|
||||
<li><a href="#">Соопштенија за медиуми</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
<div class="navigation-actions">
|
||||
<button class="btn btn-secondary">Стани член</button>
|
||||
<button class="btn btn-primary">Донирај</button>
|
||||
<div class="language-selector">
|
||||
<button class="current-lang" id="mobile-lang-trigger">
|
||||
<i class="fas fa-globe"></i>
|
||||
<span>МК</span>
|
||||
<i class="fas fa-chevron-right"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Modalno okno za izbiro na jazik (za mobilni) -->
|
||||
<div id="language-modal-overlay">
|
||||
<div class="language-modal-content">
|
||||
<div class="language-modal-header">
|
||||
<h3>Избери јазик</h3>
|
||||
<button id="language-modal-close" aria-label="Затвори избор на јазик">×</button>
|
||||
</div>
|
||||
<div class="language-modal-body">
|
||||
<a href="#" data-lang="si">Slovenščina (SI)</a>
|
||||
<a href="#" data-lang="en">English (EN)</a>
|
||||
<a href="#" data-lang="mk" class="active-lang">Македонски (МК)</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END_HEADER -->
|
||||
|
||||
<main class="article-page">
|
||||
|
|
|
|||
|
|
@ -152,7 +152,7 @@
|
|||
<p>Овојпат спомените од вечерта ги должиме на Христина Траковска, која беше фотограф и се погрижи сите тие моменти да останат забележани и да можеме повторно да ги проживуваме преку фотографии.</p>
|
||||
|
||||
<figure class="article-inline-image">
|
||||
<img src="../../../images/event4-img-10.png" alt="Поздравен говор на Н.Е. амбасадор господинот Грегор Прескер.">
|
||||
<img src="../../../images/event4-img-10.webp" alt="Поздравен говор на Н.Е. амбасадор господинот Грегор Прескер.">
|
||||
<figcaption>Фотографија од поздравниот говор на Н.Е. амбасадор господинот Грегор Прескер.</figcaption>
|
||||
</figure>
|
||||
|
||||
|
|
|
|||
|
|
@ -21,69 +21,156 @@
|
|||
<!-- START_HEADER -->
|
||||
<header class="dropdown-header-navigation">
|
||||
<div class="container">
|
||||
<div class="header-content">
|
||||
<a href="../../../mk/" class="logo-link">
|
||||
<img src="../../../images/1-logo.png" alt="Лого на Македонска студентска организација во Словенија" class="logo-img">
|
||||
</a>
|
||||
<!-- Навигација за десктоп -->
|
||||
<nav class="navigation desktop-nav">
|
||||
<a href="#">За нас</a>
|
||||
<a href="#">За студенти</a>
|
||||
<a href="../../../mk/projects/">Проекти</a>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<!-- Копчиња за десктоп -->
|
||||
<div class="navigation-actions">
|
||||
<button class="btn btn-secondary">Стани партнер</button>
|
||||
<button class="btn btn-primary">Донирај</button>
|
||||
<!-- Преклопник за јазик -->
|
||||
<div class="language-selector">
|
||||
<div class="current-lang">
|
||||
<i class="fas fa-globe"></i>
|
||||
<span id="current-lang-code">MK</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>
|
||||
|
||||
<!-- Панел за мобилна навигација -->
|
||||
<div class="mobile-nav-panel">
|
||||
<nav class="navigation mobile-nav">
|
||||
<a href="#">За нас</a>
|
||||
<a href="#">За студенти</a>
|
||||
<a href="../../../mk/projects/">Проекти</a>
|
||||
<!-- Logotip je zdaj samostojen element na levi strani -->
|
||||
<a href="../../../mk/" class="logo-link">
|
||||
<img src="../../../images/1-logo.png" alt="Лого на Македонска студентска организација во Словенија" 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="#">За нас</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Времеплов и достигнувања</a></li>
|
||||
<li><a href="#">Нашиот тим, мисија, визија и вредности</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">Што работиме</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="../../../mk/projects/">Настани и проекти</a></li>
|
||||
<li><a href="#">Блог</a></li>
|
||||
<li><a href="#">Галерија</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">Вклучи се</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Стани член</a></li>
|
||||
<li><a href="#">Поддржи ја МСОС</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">За студенти</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Водич за добредојде</a></li>
|
||||
<li><a href="#">Менторска програма</a></li>
|
||||
<li><a href="#">Често поставувани прашања</a></li>
|
||||
<li><a href="#">Запознај ја Словенија</a></li>
|
||||
<li><a href="#">Запознај ја Северна Македонија</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">Новости</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Соопштенија</a></li>
|
||||
<li><a href="#">Отворени повици</a></li>
|
||||
<li><a href="#">Соопштенија за медиуми</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
<div class="navigation-actions">
|
||||
<button class="btn btn-secondary">Стани партнер</button>
|
||||
<button class="btn btn-secondary">Стани член</button>
|
||||
<button class="btn btn-primary">Донирај</button>
|
||||
<!-- Преклопник за јазик (за мобилен) -->
|
||||
<div class="language-selector">
|
||||
<div class="current-lang">
|
||||
<i class="fas fa-globe"></i>
|
||||
<span id="current-lang-code-mobile">MK</span>
|
||||
<span id="current-lang-code">МК</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>
|
||||
|
||||
<!-- Икона за мобилно мени (Хамбургер/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="#">За нас</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Времеплов и достигнувања</a></li>
|
||||
<li><a href="#">Нашиот тим, мисија, визија и вредности</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">Што работиме</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="../../../mk/projects/">Настани и проекти</a></li>
|
||||
<li><a href="#">Блог</a></li>
|
||||
<li><a href="#">Галерија</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">Вклучи се</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Стани член</a></li>
|
||||
<li><a href="#">Поддржи ја МСОС</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">За студенти</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Водич за добредојде</a></li>
|
||||
<li><a href="#">Менторска програма</a></li>
|
||||
<li><a href="#">Често поставувани прашања</a></li>
|
||||
<li><a href="#">Запознај ја Словенија</a></li>
|
||||
<li><a href="#">Запознај ја Северна Македонија</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">Новости</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Соопштенија</a></li>
|
||||
<li><a href="#">Отворени повици</a></li>
|
||||
<li><a href="#">Соопштенија за медиуми</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
<div class="navigation-actions">
|
||||
<button class="btn btn-secondary">Стани член</button>
|
||||
<button class="btn btn-primary">Донирај</button>
|
||||
<div class="language-selector">
|
||||
<button class="current-lang" id="mobile-lang-trigger">
|
||||
<i class="fas fa-globe"></i>
|
||||
<span>МК</span>
|
||||
<i class="fas fa-chevron-right"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Modalno okno za izbiro na jazik (za mobilni) -->
|
||||
<div id="language-modal-overlay">
|
||||
<div class="language-modal-content">
|
||||
<div class="language-modal-header">
|
||||
<h3>Избери јазик</h3>
|
||||
<button id="language-modal-close" aria-label="Затвори избор на јазик">×</button>
|
||||
</div>
|
||||
<div class="language-modal-body">
|
||||
<a href="#" data-lang="si">Slovenščina (SI)</a>
|
||||
<a href="#" data-lang="en">English (EN)</a>
|
||||
<a href="#" data-lang="mk" class="active-lang">Македонски (МК)</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END_HEADER -->
|
||||
|
||||
<main class="article-page">
|
||||
|
|
|
|||
|
|
@ -144,7 +144,7 @@
|
|||
<p>Се гледаме повторно и следната година – уште поопуштени и со уште повеќе кафе!</p>
|
||||
|
||||
<figure class="article-inline-image">
|
||||
<img src="../../../images/event4-image7.png" alt="Колаж од фотографии на кои се прикажани студенти, шолји за кафе и бурек.">
|
||||
<img src="../../../images/event4-image7.webp" alt="Колаж од фотографии на кои се прикажани студенти, шолји за кафе и бурек.">
|
||||
<figcaption>Убава дружба, многу спомени и заеднички пребродени испитни стресови.</figcaption>
|
||||
</figure>
|
||||
</div>
|
||||
|
|
|
|||
184
si/index.html
184
si/index.html
|
|
@ -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">×</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>
|
||||
|
|
@ -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">
|
||||
|
|
|
|||
|
|
@ -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">×</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">
|
||||
|
|
|
|||
|
|
@ -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">×</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>
|
||||
|
||||
|
|
|
|||
|
|
@ -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">×</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>
|
||||
|
||||
|
|
|
|||
|
|
@ -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">×</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">×</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>
|
||||
|
|
|
|||
|
|
@ -1,11 +1,13 @@
|
|||
<!-- START_HEADER -->
|
||||
<header class="dropdown-header-navigation">
|
||||
<div class="container">
|
||||
<div class="header-content">
|
||||
<a href="{{ROOT_PREFIX}}en/" class="logo-link">
|
||||
<img src="{{ROOT_PREFIX}}images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
|
||||
</a>
|
||||
<!-- Desktop Navigation -->
|
||||
<!-- Logotip je zdaj samostojen element na levi strani -->
|
||||
<a href="{{ROOT_PREFIX}}en/" class="logo-link">
|
||||
<img src="{{ROOT_PREFIX}}images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" 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">
|
||||
|
|
@ -50,28 +52,25 @@
|
|||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<!-- Desktop Buttons -->
|
||||
<div class="navigation-actions">
|
||||
<button class="btn btn-secondary">Become a member</button>
|
||||
<button class="btn btn-primary">Donate</button>
|
||||
<!-- Language Switcher -->
|
||||
<div class="language-selector">
|
||||
<div class="current-lang">
|
||||
<i class="fas fa-globe"></i>
|
||||
<span id="current-lang-code">EN</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 class="navigation-actions">
|
||||
<button class="btn btn-secondary">Become a member</button>
|
||||
<button class="btn btn-primary">Donate</button>
|
||||
<div class="language-selector">
|
||||
<div class="current-lang">
|
||||
<i class="fas fa-globe"></i>
|
||||
<span id="current-lang-code">EN</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>
|
||||
</div>
|
||||
|
||||
<!-- Mobile Menu Icon (Hamburger/X) -->
|
||||
<!-- 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>
|
||||
|
|
@ -79,7 +78,7 @@
|
|||
</div>
|
||||
</header>
|
||||
|
||||
<!-- Mobile Navigation Panel (ostane znotraj markerjev, a za <header>) -->
|
||||
<!-- Panel za mobilno navigacijo (struktura ostaja enaka) -->
|
||||
<div class="mobile-nav-panel">
|
||||
<nav>
|
||||
<ul class="navigation mobile-nav">
|
||||
|
|
@ -128,18 +127,27 @@
|
|||
<div class="navigation-actions">
|
||||
<button class="btn btn-secondary">Become a member</button>
|
||||
<button class="btn btn-primary">Donate</button>
|
||||
<!-- Language Switcher (for mobile) -->
|
||||
<div class="language-selector">
|
||||
<div class="current-lang">
|
||||
<button class="current-lang" id="mobile-lang-trigger">
|
||||
<i class="fas fa-globe"></i>
|
||||
<span id="current-lang-code-mobile">EN</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>
|
||||
<span>EN</span>
|
||||
<i class="fas fa-chevron-right"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Modalno okno za izbiro jezika (ostaja enako) -->
|
||||
<div id="language-modal-overlay">
|
||||
<div class="language-modal-content">
|
||||
<div class="language-modal-header">
|
||||
<h3>Select Language</h3>
|
||||
<button id="language-modal-close" aria-label="Close language selection">×</button>
|
||||
</div>
|
||||
<div class="language-modal-body">
|
||||
<a href="#" data-lang="si">Slovenščina (SI)</a>
|
||||
<a href="#" data-lang="en" class="active-lang">English (EN)</a>
|
||||
<a href="#" data-lang="mk">Македонски (MK)</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,67 +1,154 @@
|
|||
<!-- START_HEADER -->
|
||||
<header class="dropdown-header-navigation">
|
||||
<div class="container">
|
||||
<div class="header-content">
|
||||
<a href="{{ROOT_PREFIX}}mk/" class="logo-link">
|
||||
<img src="{{ROOT_PREFIX}}images/1-logo.png" alt="Лого на Македонска студентска организација во Словенија" class="logo-img">
|
||||
</a>
|
||||
<!-- Навигација за десктоп -->
|
||||
<nav class="navigation desktop-nav">
|
||||
<a href="#">За нас</a>
|
||||
<a href="#">За студенти</a>
|
||||
<a href="{{ROOT_PREFIX}}mk/projects/">Проекти</a>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<!-- Копчиња за десктоп -->
|
||||
<div class="navigation-actions">
|
||||
<button class="btn btn-secondary">Стани партнер</button>
|
||||
<button class="btn btn-primary">Донирај</button>
|
||||
<!-- Преклопник за јазик -->
|
||||
<div class="language-selector">
|
||||
<div class="current-lang">
|
||||
<i class="fas fa-globe"></i>
|
||||
<span id="current-lang-code">MK</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>
|
||||
|
||||
<!-- Панел за мобилна навигација -->
|
||||
<div class="mobile-nav-panel">
|
||||
<nav class="navigation mobile-nav">
|
||||
<a href="#">За нас</a>
|
||||
<a href="#">За студенти</a>
|
||||
<a href="{{ROOT_PREFIX}}mk/projects/">Проекти</a>
|
||||
<!-- Logotip je zdaj samostojen element na levi strani -->
|
||||
<a href="{{ROOT_PREFIX}}mk/" class="logo-link">
|
||||
<img src="{{ROOT_PREFIX}}images/1-logo.png" alt="Лого на Македонска студентска организација во Словенија" 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="#">За нас</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Времеплов и достигнувања</a></li>
|
||||
<li><a href="#">Нашиот тим, мисија, визија и вредности</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">Што работиме</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="{{ROOT_PREFIX}}mk/projects/">Настани и проекти</a></li>
|
||||
<li><a href="#">Блог</a></li>
|
||||
<li><a href="#">Галерија</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">Вклучи се</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Стани член</a></li>
|
||||
<li><a href="#">Поддржи ја МСОС</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">За студенти</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Водич за добредојде</a></li>
|
||||
<li><a href="#">Менторска програма</a></li>
|
||||
<li><a href="#">Често поставувани прашања</a></li>
|
||||
<li><a href="#">Запознај ја Словенија</a></li>
|
||||
<li><a href="#">Запознај ја Северна Македонија</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">Новости</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Соопштенија</a></li>
|
||||
<li><a href="#">Отворени повици</a></li>
|
||||
<li><a href="#">Соопштенија за медиуми</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
<div class="navigation-actions">
|
||||
<button class="btn btn-secondary">Стани партнер</button>
|
||||
<button class="btn btn-secondary">Стани член</button>
|
||||
<button class="btn btn-primary">Донирај</button>
|
||||
<!-- Преклопник за јазик (за мобилен) -->
|
||||
<div class="language-selector">
|
||||
<div class="current-lang">
|
||||
<i class="fas fa-globe"></i>
|
||||
<span id="current-lang-code-mobile">MK</span>
|
||||
<span id="current-lang-code">МК</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>
|
||||
|
||||
<!-- Икона за мобилно мени (Хамбургер/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="#">За нас</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Времеплов и достигнувања</a></li>
|
||||
<li><a href="#">Нашиот тим, мисија, визија и вредности</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">Што работиме</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="{{ROOT_PREFIX}}mk/projects/">Настани и проекти</a></li>
|
||||
<li><a href="#">Блог</a></li>
|
||||
<li><a href="#">Галерија</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">Вклучи се</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Стани член</a></li>
|
||||
<li><a href="#">Поддржи ја МСОС</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">За студенти</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Водич за добредојде</a></li>
|
||||
<li><a href="#">Менторска програма</a></li>
|
||||
<li><a href="#">Често поставувани прашања</a></li>
|
||||
<li><a href="#">Запознај ја Словенија</a></li>
|
||||
<li><a href="#">Запознај ја Северна Македонија</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
<li class="menu-item menu-item-has-children">
|
||||
<a href="#">Новости</a>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="#">Соопштенија</a></li>
|
||||
<li><a href="#">Отворени повици</a></li>
|
||||
<li><a href="#">Соопштенија за медиуми</a></li>
|
||||
</ul>
|
||||
</li>
|
||||
</ul>
|
||||
</nav>
|
||||
<div class="navigation-actions">
|
||||
<button class="btn btn-secondary">Стани член</button>
|
||||
<button class="btn btn-primary">Донирај</button>
|
||||
<div class="language-selector">
|
||||
<button class="current-lang" id="mobile-lang-trigger">
|
||||
<i class="fas fa-globe"></i>
|
||||
<span>МК</span>
|
||||
<i class="fas fa-chevron-right"></i>
|
||||
</button>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Modalno okno za izbiro na jazik (za mobilni) -->
|
||||
<div id="language-modal-overlay">
|
||||
<div class="language-modal-content">
|
||||
<div class="language-modal-header">
|
||||
<h3>Избери јазик</h3>
|
||||
<button id="language-modal-close" aria-label="Затвори избор на јазик">×</button>
|
||||
</div>
|
||||
<div class="language-modal-body">
|
||||
<a href="#" data-lang="si">Slovenščina (SI)</a>
|
||||
<a href="#" data-lang="en">English (EN)</a>
|
||||
<a href="#" data-lang="mk" class="active-lang">Македонски (МК)</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- END_HEADER -->
|
||||
|
|
@ -1,67 +1,154 @@
|
|||
<!-- START_HEADER -->
|
||||
<header class="dropdown-header-navigation">
|
||||
<div class="container">
|
||||
<div class="header-content">
|
||||
<a href="{{ROOT_PREFIX}}si/" class="logo-link">
|
||||
<img src="{{ROOT_PREFIX}}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="{{ROOT_PREFIX}}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="{{ROOT_PREFIX}}si/projects/">Projekti</a>
|
||||
<!-- Logotip je zdaj samostojen element na levi strani -->
|
||||
<a href="{{ROOT_PREFIX}}si/" class="logo-link">
|
||||
<img src="{{ROOT_PREFIX}}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="{{ROOT_PREFIX}}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="{{ROOT_PREFIX}}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">×</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 -->
|
||||
Loading…
Reference in New Issue