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

popravki
Deploy to Production on Develop Push / deploy (push) Successful in 1m32s Details

This commit is contained in:
Mark Poljanšek 2025-09-04 23:46:04 +02:00
parent 66c4631769
commit 0346b10f6e
46 changed files with 236 additions and 230 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
.gitignore vendored Normal file
View File

@ -0,0 +1 @@
.venv/

10
css/pages/_about.css
View File

@ -153,11 +153,11 @@
} }
#member-kristijan { background-image: url('../../images/about_kristijan.jpg'); } #member-kristijan { background-image: url('../../images/about_kristijan.webp'); }
#member-lea { background-image: url('../../images/about_lea.jpg'); } #member-lea { background-image: url('../../images/about_lea.webp'); }
#member-marko { background-image: url('../../images/about_marko.jpg'); } #member-marko { background-image: url('../../images/about_marko.webp'); }
#member-marija { background-image: url('../../images/about_marija.jpg'); } #member-marija { background-image: url('../../images/about_marija.webp'); }
#member-monika { background-image: url('../../images/about_monika.jpg'); } #member-monika { background-image: url('../../images/about_monika.webp'); }
/* ========================================================================== /* ==========================================================================

16
en/about-us/index.html
View File

@ -275,12 +275,12 @@
<p>The strength of MSOS comes from giving our time and energy selflessly. Every project, event, and idea in MSOS is built on the hard work of our amazing volunteers. Our volunteer spirit is a testament to the dedication, passion, and collaborative energy of our community and the reason why we grow stronger together.</p> <p>The strength of MSOS comes from giving our time and energy selflessly. Every project, event, and idea in MSOS is built on the hard work of our amazing volunteers. Our volunteer spirit is a testament to the dedication, passion, and collaborative energy of our community and the reason why we grow stronger together.</p>
</div> </div>
<div class="value-image"> <div class="value-image">
<img src="../../images/about_volunteer_spirit.jpg" alt="A group of volunteers working together with positive energy."> <img src="../../images/about_volunteer_spirit.webp" alt="A group of volunteers working together with positive energy.">
</div> </div>
</div> </div>
<div class="value-row"> <div class="value-row">
<div class="value-image"> <div class="value-image">
<img src="../../images/about_solidarity_and_care_for_each_other.jpg" alt="Students supporting each other in a friendly and caring manner."> <img src="../../images/about_solidarity_and_care_for_each_other.webp" alt="Students supporting each other in a friendly and caring manner.">
</div> </div>
<div class="value-content"> <div class="value-content">
<h3>Solidarity & care for each other</h3> <h3>Solidarity & care for each other</h3>
@ -293,7 +293,7 @@
<p>We are proud of where we come from and carry our Macedonian heritage with us, while striving for a brighter future. Our roots give us strength, and our ambition pushes us forward. Our ambition drives us to be professional, innovative, and influential leaders and role models in our host country.</p> <p>We are proud of where we come from and carry our Macedonian heritage with us, while striving for a brighter future. Our roots give us strength, and our ambition pushes us forward. Our ambition drives us to be professional, innovative, and influential leaders and role models in our host country.</p>
</div> </div>
<div class="value-image"> <div class="value-image">
<img src="../../images/about_love_for_our_roots_ambition_for_the_future.jpg" alt="A blend of traditional Macedonian culture and modern ambitious students."> <img src="../../images/about_love_for_our_roots_ambition_for_the_future.webp" alt="A blend of traditional Macedonian culture and modern ambitious students.">
</div> </div>
</div> </div>
</div> </div>
@ -311,7 +311,7 @@
<p>The mission of MSOS is to represent the interests, improve the lives, and ease the studies of Macedonian students in the Republic of Slovenia.</p> <p>The mission of MSOS is to represent the interests, improve the lives, and ease the studies of Macedonian students in the Republic of Slovenia.</p>
</div> </div>
<div class="box-content mission-icon-content"> <div class="box-content mission-icon-content">
<img src="../../images/about_mission.png" alt="Mission Icon"> <img src="../../images/about_mission.webp" alt="Mission Icon">
</div> </div>
</div> </div>
<!-- Vision Box --> <!-- Vision Box -->
@ -320,7 +320,7 @@
<p>The vision of the MSOS is to provide a voice, a home, and support for Macedonian students in the Republic of Slovenia, while encouraging their active involvement in projects of common interest.</p> <p>The vision of the MSOS is to provide a voice, a home, and support for Macedonian students in the Republic of Slovenia, while encouraging their active involvement in projects of common interest.</p>
</div> </div>
<div class="box-content vision-icon-content"> <div class="box-content vision-icon-content">
<img src="../../images/about_vision.png" alt="Vision Icon"> <img src="../../images/about_vision.webp" alt="Vision Icon">
</div> </div>
</div> </div>
</div> </div>
@ -330,9 +330,9 @@
<section class="faq-cta-section"> <section class="faq-cta-section">
<div class="faq-cta-container"> <div class="faq-cta-container">
<div class="avatar-group"> <div class="avatar-group">
<img src="../../images/about_marija_min.jpg" alt="Avatar of Marija" class="avatar"> <img src="../../images/about_marija_min.webp" alt="Avatar of Marija" class="avatar">
<img src="../../images/about_kristijan_min.jpg" alt="Avatar of Kristijan" class="avatar large"> <img src="../../images/about_kristijan_min.webp" alt="Avatar of Kristijan" class="avatar large">
<img src="../../images/about_lea_min.jpg" alt="Avatar of Lea" class="avatar"> <img src="../../images/about_lea_min.webp" alt="Avatar of Lea" class="avatar">
</div> </div>
<h3>Have any questions?</h3> <h3>Have any questions?</h3>
<p class="page-description" style="margin: 0;">Can't find the answer you're looking for? Please chat to our friendly team.</p> <p class="page-description" style="margin: 0;">Can't find the answer you're looking for? Please chat to our friendly team.</p>

387
en/about-us/index.html.bak
View File

@ -19,152 +19,159 @@
<body> <body>
<!-- START_HEADER --> <!-- START_HEADER -->
<header class="dropdown-header-navigation"> <header class="dropdown-header-navigation">
<div class="container"> <div class="container">
<a href="../../en/" class="logo-link"> <!-- Logotip je zdaj samostojen element na levi strani -->
<img src="../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img"> <a href="../../en/" class="logo-link">
</a> <img src="../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
<div class="header-right-wrapper"> </a>
<nav>
<ul class="navigation desktop-nav"> <!-- Nov ovoj za vse elemente na desni strani -->
<li class="menu-item menu-item-has-children"> <div class="header-right-wrapper">
<a href="#">Who We Are</a> <nav>
<ul class="dropdown-menu"> <ul class="navigation desktop-nav">
<li><a href="#">Timeline & Milestones</a></li> <li class="menu-item menu-item-has-children">
<li><a href="#">Our team, mission, vision & core values</a></li> <a href="#">Who We Are</a>
</ul> <ul class="dropdown-menu">
</li> <li><a href="#">Timeline & Milestones</a></li>
<li class="menu-item menu-item-has-children"> <li><a href="#">Our team, mission, vision & core values</a></li>
<a href="#">What We Do</a> </ul>
<ul class="dropdown-menu"> </li>
<li><a href="../../en/projects/">Event & Projects</a></li> <li class="menu-item menu-item-has-children">
<li><a href="#">Blog</a></li> <a href="#">What We Do</a>
<li><a href="#">Gallery</a></li> <ul class="dropdown-menu">
</ul> <li><a href="../../en/projects/">Event & Projects</a></li>
</li> <li><a href="#">Blog</a></li>
<li class="menu-item menu-item-has-children"> <li><a href="#">Gallery</a></li>
<a href="#">Get Involved</a> </ul>
<ul class="dropdown-menu"> </li>
<li><a href="#">Become a member</a></li> <li class="menu-item menu-item-has-children">
<li><a href="#">Support MSOS</a></li> <a href="#">Get Involved</a>
</ul> <ul class="dropdown-menu">
</li> <li><a href="#">Become a member</a></li>
<li class="menu-item menu-item-has-children"> <li><a href="#">Support MSOS</a></li>
<a href="#">For Students</a> </ul>
<ul class="dropdown-menu"> </li>
<li><a href="#">Student Welcome Guide</a></li> <li class="menu-item menu-item-has-children">
<li><a href="#">Mentorship Programme</a></li> <a href="#">For Students</a>
<li><a href="#">FAQs</a></li> <ul class="dropdown-menu">
<li><a href="#">Get to know Slovenia</a></li> <li><a href="#">Student Welcome Guide</a></li>
<li><a href="#">Get to know North Macedonia</a></li> <li><a href="#">Mentorship Programme</a></li>
</ul> <li><a href="#">FAQs</a></li>
</li> <li><a href="#">Get to know Slovenia</a></li>
<li class="menu-item menu-item-has-children"> <li><a href="#">Get to know North Macedonia</a></li>
<a href="#">News</a> </ul>
<ul class="dropdown-menu"> </li>
<li><a href="#">Announcements</a></li> <li class="menu-item menu-item-has-children">
<li><a href="#">Open calls</a></li> <a href="#">News</a>
<li><a href="#">Press releases</a></li> <ul class="dropdown-menu">
</ul> <li><a href="#">Announcements</a></li>
</li> <li><a href="#">Open calls</a></li>
</ul> <li><a href="#">Press releases</a></li>
</nav> </ul>
<div class="navigation-actions"> </li>
<button class="btn btn-secondary">Become a member</button> </ul>
<button class="btn btn-primary">Donate</button> </nav>
<div class="language-selector"> <div class="navigation-actions">
<div class="current-lang"> <button class="btn btn-secondary">Become a member</button>
<i class="fas fa-globe"></i> <button class="btn btn-primary">Donate</button>
<span id="current-lang-code">EN</span> <div class="language-selector">
<i class="fas fa-chevron-down"></i> <div class="current-lang">
</div> <i class="fas fa-globe"></i>
<div class="lang-dropdown"> <span id="current-lang-code">EN</span>
<a href="#" data-lang="si">Slovenščina (SI)</a> <i class="fas fa-chevron-down"></i>
<a href="#" data-lang="en">English (EN)</a> </div>
<a href="#" data-lang="mk">Македонски (MK)</a> <div class="lang-dropdown">
</div> <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>
</div> </div>
<div class="mobile-menu-icon">
<i class="fas fa-bars"></i>
<i class="fas fa-times"></i>
</div>
</div> </div>
</header>
<div class="mobile-nav-panel"> <!-- Ikona za mobilni meni ostaja ločena za lažje upravljanje -->
<nav> <div class="mobile-menu-icon">
<ul class="navigation mobile-nav"> <i class="fas fa-bars"></i>
<li class="menu-item menu-item-has-children"> <i class="fas fa-times"></i>
<a href="#">Who We Are</a>
<ul class="dropdown-menu">
<li><a href="#">Timeline & Milestones</a></li>
<li><a href="#">Our team, mission, vision & core values</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="../../en/projects/">Event & 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="#">Student Welcome Guide</a></li>
<li><a href="#">Mentorship Programme</a></li>
<li><a href="#">FAQs</a></li>
<li><a href="#">Get to know Slovenia</a></li>
<li><a href="#">Get to know North 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>
</div> </div>
</header>
<div id="language-modal-overlay"> <!-- Panel za mobilno navigacijo (struktura ostaja enaka) -->
<div class="language-modal-content"> <div class="mobile-nav-panel">
<div class="language-modal-header"> <nav>
<h3>Select Language</h3> <ul class="navigation mobile-nav">
<button id="language-modal-close" aria-label="Close language selection">&times;</button> <li class="menu-item menu-item-has-children">
</div> <a href="#">Who We Are</a>
<div class="language-modal-body"> <ul class="dropdown-menu">
<a href="#" data-lang="si">Slovenščina (SI)</a> <li><a href="#">Timeline & Milestones</a></li>
<a href="#" data-lang="en" class="active-lang">English (EN)</a> <li><a href="#">Our team, mission, vision & core values</a></li>
<a href="#" data-lang="mk">Македонски (MK)</a> </ul>
</div> </li>
<li class="menu-item menu-item-has-children">
<a href="#">What We Do</a>
<ul class="dropdown-menu">
<li><a href="../../en/projects/">Event & 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="#">Student Welcome Guide</a></li>
<li><a href="#">Mentorship Programme</a></li>
<li><a href="#">FAQs</a></li>
<li><a href="#">Get to know Slovenia</a></li>
<li><a href="#">Get to know North 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> </div>
<!-- END_HEADER --> </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">&times;</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 -->
<main class="page-content"> <main class="page-content">
<!-- About Us Header Section --> <!-- About Us Header Section -->
@ -268,12 +275,12 @@
<p>The strength of MSOS comes from giving our time and energy selflessly. Every project, event, and idea in MSOS is built on the hard work of our amazing volunteers. Our volunteer spirit is a testament to the dedication, passion, and collaborative energy of our community and the reason why we grow stronger together.</p> <p>The strength of MSOS comes from giving our time and energy selflessly. Every project, event, and idea in MSOS is built on the hard work of our amazing volunteers. Our volunteer spirit is a testament to the dedication, passion, and collaborative energy of our community and the reason why we grow stronger together.</p>
</div> </div>
<div class="value-image"> <div class="value-image">
<img src="../../images/about_volunteer_spirit.jpg" alt="A group of volunteers working together with positive energy."> <img src="../../images/about_volunteer_spirit.webp" alt="A group of volunteers working together with positive energy.">
</div> </div>
</div> </div>
<div class="value-row"> <div class="value-row">
<div class="value-image"> <div class="value-image">
<img src="../../images/about_solidarity_and_care_for_each_other.jpg" alt="Students supporting each other in a friendly and caring manner."> <img src="../../images/about_solidarity_and_care_for_each_other.webp" alt="Students supporting each other in a friendly and caring manner.">
</div> </div>
<div class="value-content"> <div class="value-content">
<h3>Solidarity & care for each other</h3> <h3>Solidarity & care for each other</h3>
@ -286,7 +293,7 @@
<p>We are proud of where we come from and carry our Macedonian heritage with us, while striving for a brighter future. Our roots give us strength, and our ambition pushes us forward. Our ambition drives us to be professional, innovative, and influential leaders and role models in our host country.</p> <p>We are proud of where we come from and carry our Macedonian heritage with us, while striving for a brighter future. Our roots give us strength, and our ambition pushes us forward. Our ambition drives us to be professional, innovative, and influential leaders and role models in our host country.</p>
</div> </div>
<div class="value-image"> <div class="value-image">
<img src="../../images/about_love_for_our_roots_ambition_for_the_future.jpg" alt="A blend of traditional Macedonian culture and modern ambitious students."> <img src="../../images/about_love_for_our_roots_ambition_for_the_future.webp" alt="A blend of traditional Macedonian culture and modern ambitious students.">
</div> </div>
</div> </div>
</div> </div>
@ -304,7 +311,7 @@
<p>The mission of MSOS is to represent the interests, improve the lives, and ease the studies of Macedonian students in the Republic of Slovenia.</p> <p>The mission of MSOS is to represent the interests, improve the lives, and ease the studies of Macedonian students in the Republic of Slovenia.</p>
</div> </div>
<div class="box-content mission-icon-content"> <div class="box-content mission-icon-content">
<img src="../../images/about_mission.png" alt="Mission Icon"> <img src="../../images/about_mission.webp" alt="Mission Icon">
</div> </div>
</div> </div>
<!-- Vision Box --> <!-- Vision Box -->
@ -313,7 +320,7 @@
<p>The vision of the MSOS is to provide a voice, a home, and support for Macedonian students in the Republic of Slovenia, while encouraging their active involvement in projects of common interest.</p> <p>The vision of the MSOS is to provide a voice, a home, and support for Macedonian students in the Republic of Slovenia, while encouraging their active involvement in projects of common interest.</p>
</div> </div>
<div class="box-content vision-icon-content"> <div class="box-content vision-icon-content">
<img src="../../images/about_vision.png" alt="Vision Icon"> <img src="../../images/about_vision.webp" alt="Vision Icon">
</div> </div>
</div> </div>
</div> </div>
@ -324,8 +331,8 @@
<div class="faq-cta-container"> <div class="faq-cta-container">
<div class="avatar-group"> <div class="avatar-group">
<img src="../../images/about_marija_min.jpg" alt="Avatar of Marija" class="avatar"> <img src="../../images/about_marija_min.jpg" alt="Avatar of Marija" class="avatar">
<img src="../../images/about_kristijan_min.jpg" alt="Avatar of Kristijan" class="avatar large"> <img src="../../images/about_kristijan_min.webp" alt="Avatar of Kristijan" class="avatar large">
<img src="../../images/about_lea_min.jpg" alt="Avatar of Lea" class="avatar"> <img src="../../images/about_lea_min.webp" alt="Avatar of Lea" class="avatar">
</div> </div>
<h3>Have any questions?</h3> <h3>Have any questions?</h3>
<p class="page-description" style="margin: 0;">Can't find the answer you're looking for? Please chat to our friendly team.</p> <p class="page-description" style="margin: 0;">Can't find the answer you're looking for? Please chat to our friendly team.</p>
@ -335,59 +342,59 @@
</main> </main>
<!-- START_FOOTER --> <!-- START_FOOTER -->
<footer> <footer>
<div class="footer-container"> <div class="footer-container">
<div class="footer-main"> <div class="footer-main">
<div class="footer-info"> <div class="footer-info">
<div class="footer-logo"> <div class="footer-logo">
<img src="../../images/13-whitelogo.png" alt="Macedonian Student Organisation in Slovenia Logo"> <img src="../../images/13-whitelogo.png" alt="Macedonian Student Organisation in Slovenia Logo">
</div>
<p>
Masarykova cesta 24<br>
1000 Ljubljana, Slovenia<br>
+389 02 123 4567<br>
info.msosorg@gmail.com
</p>
<div class="social-icons">
<a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
<a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
<a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
</div>
</div> </div>
<div class="footer-links"> <p>
<div class="links-column"> Masarykova cesta 24<br>
<h4>For students</h4> 1000 Ljubljana, Slovenia<br>
<a href="#">Blog</a> +389 02 123 4567<br>
<a href="#">Gallery</a> info.msosorg@gmail.com
<a href="#">FAQs</a> </p>
<a href="#">Brochure</a> <div class="social-icons">
</div> <a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
<div class="links-column"> <a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
<h4>Projects</h4> <a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
<a href="#">Upcoming</a>
<a href="#">Previous</a>
</div>
<div class="links-column">
<h4>Organisation</h4>
<a href="#">About us</a>
<a href="#">Contact</a>
<a href="#">Documentation</a>
</div>
</div> </div>
</div> </div>
<hr> <div class="footer-links">
<div class="footer-bottom"> <div class="links-column">
<p>© MSOS org 2023 All rights reserved.</p> <h4>For students</h4>
<div class="legal-links"> <a href="#">Blog</a>
<a href="#">Privacy policy</a> <a href="#">Gallery</a>
<a href="#">Cookie Policy</a> <a href="#">FAQs</a>
<a href="#">Legal Terms</a> <a href="#">Brochure</a>
</div>
<div class="links-column">
<h4>Projects</h4>
<a href="#">Upcoming</a>
<a href="#">Previous</a>
</div>
<div class="links-column">
<h4>Organisation</h4>
<a href="#">About us</a>
<a href="#">Contact</a>
<a href="#">Documentation</a>
</div> </div>
</div> </div>
</div> </div>
<script src="../../main.js"></script> <hr>
</footer> <div class="footer-bottom">
<!-- END_FOOTER --> <p>© MSOS org 2023 All rights reserved.</p>
<div class="legal-links">
<a href="#">Privacy policy</a>
<a href="#">Cookie Policy</a>
<a href="#">Legal Terms</a>
</div>
</div>
</div>
<script src="../../main.js"></script>
</footer>
<!-- END_FOOTER -->
</body> </body>
</html> </html>

2
en/about-us/timeline-and-milestones/index.html
View File

@ -185,7 +185,7 @@
<!-- Timeline Banner --> <!-- Timeline Banner -->
<div class="timeline-banner"> <div class="timeline-banner">
<img src="../../../images/about_us-timeline-milestones_img0.JPG" alt="MSOS Team Group Photo"> <img src="../../../images/about_us-timeline-milestones_img0.webp" alt="MSOS Team Group Photo">
</div> </div>
<!-- Timeline Section --> <!-- Timeline Section -->

50
en/about-us/timeline-and-milestones/index.html.bak
View File

@ -21,11 +21,13 @@
<!-- START_HEADER --> <!-- START_HEADER -->
<header class="dropdown-header-navigation"> <header class="dropdown-header-navigation">
<div class="container"> <div class="container">
<div class="header-content"> <!-- Logotip je zdaj samostojen element na levi strani -->
<a href="../../../en/" class="logo-link"> <a href="../../../en/" class="logo-link">
<img src="../../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img"> <img src="../../../images/1-logo.png" alt="Macedonian Student Organisation in Slovenia Logo" class="logo-img">
</a> </a>
<!-- Desktop Navigation -->
<!-- Nov ovoj za vse elemente na desni strani -->
<div class="header-right-wrapper">
<nav> <nav>
<ul class="navigation desktop-nav"> <ul class="navigation desktop-nav">
<li class="menu-item menu-item-has-children"> <li class="menu-item menu-item-has-children">
@ -70,28 +72,25 @@
</li> </li>
</ul> </ul>
</nav> </nav>
</div> <div class="navigation-actions">
<button class="btn btn-secondary">Become a member</button>
<!-- Desktop Buttons --> <button class="btn btn-primary">Donate</button>
<div class="navigation-actions"> <div class="language-selector">
<button class="btn btn-secondary">Become a member</button> <div class="current-lang">
<button class="btn btn-primary">Donate</button> <i class="fas fa-globe"></i>
<!-- Language Switcher (Desktop Dropdown) --> <span id="current-lang-code">EN</span>
<div class="language-selector"> <i class="fas fa-chevron-down"></i>
<div class="current-lang"> </div>
<i class="fas fa-globe"></i> <div class="lang-dropdown">
<span id="current-lang-code">EN</span> <a href="#" data-lang="si">Slovenščina (SI)</a>
<i class="fas fa-chevron-down"></i> <a href="#" data-lang="en">English (EN)</a>
</div> <a href="#" data-lang="mk">Македонски (MK)</a>
<div class="lang-dropdown"> </div>
<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>
</div> </div>
<!-- Mobile Menu Icon (Hamburger/X) --> <!-- Ikona za mobilni meni ostaja ločena za lažje upravljanje -->
<div class="mobile-menu-icon"> <div class="mobile-menu-icon">
<i class="fas fa-bars"></i> <i class="fas fa-bars"></i>
<i class="fas fa-times"></i> <i class="fas fa-times"></i>
@ -99,7 +98,7 @@
</div> </div>
</header> </header>
<!-- Mobile Navigation Panel --> <!-- Panel za mobilno navigacijo (struktura ostaja enaka) -->
<div class="mobile-nav-panel"> <div class="mobile-nav-panel">
<nav> <nav>
<ul class="navigation mobile-nav"> <ul class="navigation mobile-nav">
@ -148,7 +147,6 @@
<div class="navigation-actions"> <div class="navigation-actions">
<button class="btn btn-secondary">Become a member</button> <button class="btn btn-secondary">Become a member</button>
<button class="btn btn-primary">Donate</button> <button class="btn btn-primary">Donate</button>
<!-- Language Switcher (Mobile Button - Triggers Modal) -->
<div class="language-selector"> <div class="language-selector">
<button class="current-lang" id="mobile-lang-trigger"> <button class="current-lang" id="mobile-lang-trigger">
<i class="fas fa-globe"></i> <i class="fas fa-globe"></i>
@ -159,7 +157,7 @@
</div> </div>
</div> </div>
<!-- Language Selection Modal (for Mobile) --> <!-- Modalno okno za izbiro jezika (ostaja enako) -->
<div id="language-modal-overlay"> <div id="language-modal-overlay">
<div class="language-modal-content"> <div class="language-modal-content">
<div class="language-modal-header"> <div class="language-modal-header">

BIN
images/about_kristijan.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 71 KiB

BIN
images/about_kristijan_min.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 36 KiB

BIN
images/about_lea.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 111 KiB

BIN
images/about_lea_min.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 54 KiB

BIN
images/about_love_for_our_roots_ambition_for_the_future.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 121 KiB

BIN
images/about_marija.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 91 KiB

BIN
images/about_marija_min.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 59 KiB

BIN
images/about_marko.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 151 KiB

BIN
images/about_mission.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 3.9 KiB

BIN
images/about_monika.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 55 KiB

BIN
images/about_solidarity_and_care_for_each_other.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 84 KiB

BIN
images/about_us-timeline-milestones_img0.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 158 KiB

BIN
images/about_vision.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.5 KiB

BIN
images/about_volunteer_spirit.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 96 KiB

BIN
images/amazing_team.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 82 KiB

BIN
images/bisera_nikolovska.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 94 KiB

BIN
images/kiara_lazic.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 88 KiB

BIN
images/kristijan_popovski.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 72 KiB

BIN
images/leon_shumanski.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 138 KiB

BIN
images/msos_foundation.webp Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 84 KiB

0
images/about_kristijan.jpg → images/original/about_kristijan.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.0 MiB

After

Width:  |  Height:  |  Size: 3.0 MiB

0
images/about_kristijan_min.jpg → images/original/about_kristijan_min.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.0 MiB

After

Width:  |  Height:  |  Size: 1.0 MiB

0
images/about_lea.jpg → images/original/about_lea.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.9 MiB

After

Width:  |  Height:  |  Size: 2.9 MiB

0
images/about_lea_min.jpg → images/original/about_lea_min.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.2 MiB

After

Width:  |  Height:  |  Size: 1.2 MiB

0
images/about_love_for_our_roots_ambition_for_the_future.jpg → images/original/about_love_for_our_roots_ambition_for_the_future.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 611 KiB

After

Width:  |  Height:  |  Size: 611 KiB

0
images/about_marija.jpg → images/original/about_marija.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 2.9 MiB

After

Width:  |  Height:  |  Size: 2.9 MiB

0
images/about_marija_min.jpg → images/original/about_marija_min.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 1.4 MiB

After

Width:  |  Height:  |  Size: 1.4 MiB

0
images/about_marko.jpg → images/original/about_marko.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 4.6 MiB

After

Width:  |  Height:  |  Size: 4.6 MiB

0
images/about_mission.png → images/original/about_mission.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 8.2 KiB

After

Width:  |  Height:  |  Size: 8.2 KiB

0
images/about_monika.jpg → images/original/about_monika.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 743 KiB

After

Width:  |  Height:  |  Size: 743 KiB

0
images/about_solidarity_and_care_for_each_other.jpg → images/original/about_solidarity_and_care_for_each_other.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 10 MiB

After

Width:  |  Height:  |  Size: 10 MiB

0
images/about_us-timeline-milestones_img0.JPG → images/original/about_us-timeline-milestones_img0.JPG
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 12 MiB

After

Width:  |  Height:  |  Size: 12 MiB

0
images/about_vision.png → images/original/about_vision.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 12 KiB

0
images/about_volunteer_spirit.jpg → images/original/about_volunteer_spirit.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 9.1 MiB

After

Width:  |  Height:  |  Size: 9.1 MiB

0
images/amazing_team.png → images/original/amazing_team.png
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 13 MiB

After

Width:  |  Height:  |  Size: 13 MiB

0
images/bisera_nikolovska.jpg → images/original/bisera_nikolovska.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 7.5 MiB

After

Width:  |  Height:  |  Size: 7.5 MiB

0
images/kiara_lazic.jpg → images/original/kiara_lazic.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 7.3 MiB

After

Width:  |  Height:  |  Size: 7.3 MiB

0
images/kristijan_popovski.jpg → images/original/kristijan_popovski.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 7.3 MiB

After

Width:  |  Height:  |  Size: 7.3 MiB

0
images/leon_shumanski.jpg → images/original/leon_shumanski.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 7.9 MiB

After

Width:  |  Height:  |  Size: 7.9 MiB

0
images/msos_foundation.jpg → images/original/msos_foundation.jpg
View File

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.3 MiB

After

Width:  |  Height:  |  Size: 6.3 MiB