popovskikandClaude Opus 4.8
5e18020066
- #9.1 Reorder "Who We Are" nav to Our team, Timeline, MSOS Hub (all 225 pages) - #4 Fix MK "Ask MSOS" label to "Прашај го МСОС" - #11 Landing hero overlay -> radial blue vignette (lighter centre) - #3 Gallery cards show the event date under the title (DD.MM.YYYY) - #1 Membership/support CTA at the end of project pages (memorials excluded) - #8 "Illustrative image" tag on blog/news photo captions - #9.3 Mission & Vision: full-width gradient band + more space above title Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
154 lines
7.1 KiB
HTML
154 lines
7.1 KiB
HTML
<!-- START_HEADER -->
|
|
<header class="dropdown-header-navigation">
|
|
<div class="container">
|
|
<!-- 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">
|
|
<a href="#">Who We Are</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a href="{{ROOT_PREFIX}}en/about-us/">Our team</a></li>
|
|
<li><a href="{{ROOT_PREFIX}}en/timeline-and-milestones/">Timeline & Milestones</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="menu-item menu-item-has-children">
|
|
<a href="#">What We Do</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a href="{{ROOT_PREFIX}}en/projects/">Events & Projects</a></li>
|
|
<li><a href="#">Blog</a></li>
|
|
<li><a href="#">Gallery</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="menu-item menu-item-has-children">
|
|
<a href="#">Get Involved</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a href="#">Become a member</a></li>
|
|
<li><a href="#">Support MSOS</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="menu-item menu-item-has-children">
|
|
<a href="#">For Students</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a href="{{ROOT_PREFIX}}en/student-welcome-guide/">Student Welcome Guide</a></li>
|
|
<li><a href="#">Mentorship Programme</a></li>
|
|
<li><a href="#">FAQs</a></li>
|
|
<li><a href="{{ROOT_PREFIX}}en/get-to-know-slovenia/">Get to know Slovenia</a></li>
|
|
<li><a href="{{ROOT_PREFIX}}en/get-to-know-macedonia/">Get to know Macedonia</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="menu-item menu-item-has-children">
|
|
<a href="#">News</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a href="#">Announcements</a></li>
|
|
<li><a href="#">Open calls</a></li>
|
|
<li><a href="#">Press releases</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
<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>
|
|
|
|
<!-- 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 (struktura ostaja enaka) -->
|
|
<div class="mobile-nav-panel">
|
|
<nav>
|
|
<ul class="navigation mobile-nav">
|
|
<li class="menu-item menu-item-has-children">
|
|
<a href="#">Who We Are</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a href="{{ROOT_PREFIX}}en/about-us/">Our team</a></li>
|
|
<li><a href="{{ROOT_PREFIX}}en/timeline-and-milestones/">Timeline & Milestones</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="menu-item menu-item-has-children">
|
|
<a href="#">What We Do</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a href="{{ROOT_PREFIX}}en/projects/">Events & Projects</a></li>
|
|
<li><a href="#">Blog</a></li>
|
|
<li><a href="#">Gallery</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="menu-item menu-item-has-children">
|
|
<a href="#">Get Involved</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a href="#">Become a member</a></li>
|
|
<li><a href="#">Support MSOS</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="menu-item menu-item-has-children">
|
|
<a href="#">For Students</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a href="{{ROOT_PREFIX}}en/student-welcome-guide/">Student Welcome Guide</a></li>
|
|
<li><a href="#">Mentorship Programme</a></li>
|
|
<li><a href="#">FAQs</a></li>
|
|
<li><a href="{{ROOT_PREFIX}}en/get-to-know-slovenia/">Get to know Slovenia</a></li>
|
|
<li><a href="{{ROOT_PREFIX}}en/get-to-know-macedonia/">Get to know Macedonia</a></li>
|
|
</ul>
|
|
</li>
|
|
<li class="menu-item menu-item-has-children">
|
|
<a href="#">News</a>
|
|
<ul class="dropdown-menu">
|
|
<li><a href="#">Announcements</a></li>
|
|
<li><a href="#">Open calls</a></li>
|
|
<li><a href="#">Press releases</a></li>
|
|
</ul>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
<div class="navigation-actions">
|
|
<button class="btn btn-secondary">Become a member</button>
|
|
<button class="btn btn-primary">Donate</button>
|
|
<div class="language-selector">
|
|
<button class="current-lang" id="mobile-lang-trigger">
|
|
<i class="fas fa-globe"></i>
|
|
<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>
|
|
<!-- END_HEADER --> |