Hub redesign, per-language logos, partner carousel, footer + menu fixes
MSOS Hub page: - "What you can do here": Porsche-style vertical image cards in a continuous auto-scrolling marquee with edge fades (real photos placeholders) - "A glimpse of the space": full-bleed band of 4 connected photos - "A space we built together": full-bleed image banner with blue gradient overlay - "Made possible by": partner logo tiles (Cultural Association + Ministry); processed Ministry + Cultural Association logos from source art - Copy/spacing polish; removed em-dashes; larger section spacing; deeper final-CTA gradient so it no longer blends into the footer Branding / partners: - Per-language MSOS logos (SVG) in header + footer across all pages - Partner carousel: added Ministry (wide variant), Cultural Association, Embassy of North Macedonia, and Spletni Mojster (width-capped); de-duplicated logos within each marquee group so new logos appear sooner Footer: - Build credit line (Spletni Mojster + Kristijan), clean centered text - Synced MK/SI footers to EN (added missing About us + Timeline links) Landing page: - FAQ short CTA already avatar design (FAQ page kept its Email/Viber block) - Swapped blurry stock video thumbnail for the real team photo - Removed the intentional hero-background blur Navigation: - Mobile menu: use 100dvh so the language selector is reachable with submenus open - Desktop: dropdown parents no longer navigate to dead "/#" links Language suggestion banner: - Dismissible, browser-language based banner suggesting the matching locale; remembers choice in localStorage and waits for the cookie-consent choice to avoid overlapping the consent card Removed stale *.html.bak backup files. Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
popovskikandClaude Opus 4.8 committed
1 parent
7c32f416f5
commit
f5dfd8830e
249 files changed
+2259
-7319
No files matched your search
@@ -68,7 +68,7 @@
|
||||
<div class="container">
|
||||
<!-- Logotip je zdaj samostojen element na levi strani -->
|
||||
<a href="../../../si/" class="logo-link">
|
||||
<img src="../../../images/1-logo.png" alt="Logotip Makedonske študentske organizacije v Sloveniji" class="logo-img">
|
||||
<img src="../../../images/msos-logo-si.svg" alt="Logotip Makedonske študentske organizacije v Sloveniji" class="logo-img">
|
||||
</a>
|
||||
|
||||
<!-- Nov ovoj za vse elemente na desni strani -->
|
||||
@@ -303,7 +303,7 @@
|
||||
<div class="footer-main">
|
||||
<div class="footer-info">
|
||||
<div class="footer-logo">
|
||||
<img loading="lazy" decoding="async" src="../../../images/13-whitelogo.png" alt="Logotip Makedonske študentske organizacije v Sloveniji">
|
||||
<img loading="lazy" decoding="async" src="../../../images/msos-logo-white-si.svg" alt="Logotip Makedonske študentske organizacije v Sloveniji">
|
||||
</div>
|
||||
<p class="footer-legal-name">Društvo Makedonska Študentska Organizacija v Sloveniji za študentsko podporo in kulturno sodelovanje</p>
|
||||
<p>
|
||||
@@ -336,6 +336,8 @@
|
||||
</div>
|
||||
<div class="links-column">
|
||||
<h4>Organizacija</h4>
|
||||
<a href="../../../si/about-us/">O nas</a>
|
||||
<a href="../../../si/timeline-and-milestones/">Časovnica in dosežki</a>
|
||||
<a href="mailto:info@msosorg.com">Kontaktirajte nas</a>
|
||||
</div>
|
||||
</div>
|
||||
@@ -350,6 +352,10 @@
|
||||
<a href="#" class="js-manage-cookies" onclick="if(window.msosOpenConsent){msosOpenConsent();}return false;">Upravljanje piškotkov</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-credit">
|
||||
<span>Pri izdelavi so pomagali Mark in Domen iz <a href="https://www.spletnimojster.si" target="_blank" rel="noopener">Spletnega Mojstra</a> ter Kristijan iz MSOS. Velika hvala!</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</footer>
|
||||
<!-- END_FOOTER -->
|
||||
|
||||
@@ -1,238 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="sl">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Spoznaj študentsko Slovenijo 2024 - MŠOS</title>
|
||||
|
||||
<!-- Google Fonts -->
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
|
||||
|
||||
<!-- Font Awesome (for icons) -->
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
|
||||
|
||||
<!-- Povezava na glavno CSS datoteko -->
|
||||
<link rel="stylesheet" href="../../../css/main.css">
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<!-- START_HEADER -->
|
||||
<header class="dropdown-header-navigation">
|
||||
<div class="container">
|
||||
<div class="header-content">
|
||||
<a href="../../../si/" class="logo-link">
|
||||
<img src="../../../images/1-logo.png" alt="Logotip Makedonske študentske organizacije v Sloveniji" class="logo-img">
|
||||
</a>
|
||||
<!-- Navigacija za namizje -->
|
||||
<nav class="navigation desktop-nav">
|
||||
<a href="#">O nas</a>
|
||||
<a href="#">Za študente</a>
|
||||
<a href="../../../si/projects/">Projekti</a>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<!-- Gumbi za namizje -->
|
||||
<div class="navigation-actions">
|
||||
<button class="btn btn-secondary">Postanite partner</button>
|
||||
<button class="btn btn-primary">Donirajte</button>
|
||||
<!-- Zamenjan preklopnik jezika -->
|
||||
<div class="language-selector">
|
||||
<div class="current-lang">
|
||||
<i class="fas fa-globe"></i>
|
||||
<span id="current-lang-code">SI</span>
|
||||
<i class="fas fa-chevron-down"></i>
|
||||
</div>
|
||||
<div class="lang-dropdown">
|
||||
<a href="#" data-lang="si">Slovenščina (SI)</a>
|
||||
<a href="#" data-lang="en">English (EN)</a>
|
||||
<a href="#" data-lang="mk">Македонски (MK)</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Panel za mobilno navigacijo -->
|
||||
<div class="mobile-nav-panel">
|
||||
<nav class="navigation mobile-nav">
|
||||
<a href="#">O nas</a>
|
||||
<a href="#">Za študente</a>
|
||||
<a href="../../../si/projects/">Projekti</a>
|
||||
</nav>
|
||||
<div class="navigation-actions">
|
||||
<button class="btn btn-secondary">Postanite partner</button>
|
||||
<button class="btn btn-primary">Donirajte</button>
|
||||
<!-- Zamenjan preklopnik jezika (tudi za mobilni meni) -->
|
||||
<div class="language-selector">
|
||||
<div class="current-lang">
|
||||
<i class="fas fa-globe"></i>
|
||||
<span id="current-lang-code-mobile">SI</span>
|
||||
<i class="fas fa-chevron-down"></i>
|
||||
</div>
|
||||
<div class="lang-dropdown">
|
||||
<a href="#" data-lang="si">Slovenščina (SI)</a>
|
||||
<a href="#" data-lang="en">English (EN)</a>
|
||||
<a href="#" data-lang="mk">Македонски (MK)</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Ikona za mobilni meni (Hamburger/X) -->
|
||||
<div class="mobile-menu-icon">
|
||||
<i class="fas fa-bars"></i>
|
||||
<i class="fas fa-times"></i>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
<!-- END_HEADER -->
|
||||
|
||||
<main class="article-page">
|
||||
<article class="article-container">
|
||||
<header class="article-header">
|
||||
<p class="article-publish-date">Objavljeno 16. septembra 2024</p>
|
||||
<h1>Spoznaj študentsko Slovenijo 2024</h1>
|
||||
<p class="article-subtitle">Ko se študentske zgodbe spremenijo v prvi korak proti novemu domu.</p>
|
||||
</header>
|
||||
|
||||
<figure class="article-main-image">
|
||||
<img src="../../../images/event4-img-1.webp" alt="Skupina študentov na dogodku 'Spoznaj študentsko Slovenijo 2024'">
|
||||
</figure>
|
||||
|
||||
<div class="article-body">
|
||||
<p>Po uspehu v letu 2023 se je »Spoznaj študentsko Slovenijo« letos vrnil z še večjo energijo. 16. septembra 2024 smo v NLB Galeriji Skopje organizirali drugo izdajo dogodka, ki je postal prava tradicija. Zanimanje je bilo ogromno – imeli smo dvakrat več prijav, kot je zmogljivost prostora. Vzdušje je bilo polno navdušenja, vprašanj in želje po novih začetkih.</p>
|
||||
|
||||
<h2>»Kofetkanje« z bodočimi kolegi, a na panelni razpravi</h2>
|
||||
<p>Naš cilj nikoli ni bil delati »suhih predstavitev«. Namesto tega smo organizirali panel – pravi pogovor s štirimi študenti, ki že živijo slovensko študentsko življenje. Marija Koštrevska z Univerze v Ljubljani, Vasil Hanџiski z Univerze v Mariboru, Sofija Matovska z Univerze v Novi Gorici in Igor Arsov z Univerze na Primorskem so govorili o vsem: o prvih dneh daleč od doma, o tem, kako najti nastanitev, kaj so študentski »boni« in kako izgleda gradnja novega kroga prijateljev. Vsak je delil nekaj svojega, občinstvo pa je spraševalo in se vključevalo – čisto kot kofetkanje.</p>
|
||||
|
||||
<figure class="article-inline-image">
|
||||
<img src="../../../images/event4-img-2.webp" alt="Panelna razprava z govorci">
|
||||
<figcaption>Fotografija moderatorja in panelistov v naslednjem vrstnem redu: Klimentina Čapovska (levo, moderator), Vasil Hanџiski, Marija Koštrevska, Igor Arsov in Sofija Matovska.</figcaption>
|
||||
</figure>
|
||||
|
||||
<figure class="article-inline-image">
|
||||
<img src="../../../images/event4-img-3.webp" alt="Marija Koštrevska in Sofija Matovska pripovedujeta o svojih študentskih izkušnjah v Sloveniji.">
|
||||
<figcaption>Marija Koštrevska (na zgornji sliki) in Sofija Matovska (na spodnji sliki) pripovedujeta o svojih študentskih izkušnjah v Sloveniji.</figcaption>
|
||||
</figure>
|
||||
|
||||
<h2>Kaj je ostalo za nami</h2>
|
||||
<p>Ta večer ni bila le izmenjava informacij. Bil je trenutek, ko so bodoči študenti razumeli, da niso sami v svojih skrbeh in strahovih. Vsako vprašanje je dobilo odgovor iz izkušenj, vsaka dilema je bila razrešena s primerom iz resničnega življenja. Mnogi so odšli opogumljeni, z novimi prijatelji in z občutkom, da Slovenija ni več tako oddaljena in neznana.</p>
|
||||
|
||||
<figure class="article-inline-image">
|
||||
<img src="../../../images/event4-img-4.webp" alt="Marko Ivanovski, voditelj dogodka">
|
||||
<figcaption>Marko Ivanovski, voditelj dogodka.</figcaption>
|
||||
</figure>
|
||||
<figure class="article-inline-image">
|
||||
<img src="../../../images/event4-img-5.webp" alt="Lea Janačkovska, koordinatorka dogodka">
|
||||
<figcaption>Lea Janačkovska, koordinatorka dogodka.</figcaption>
|
||||
</figure>
|
||||
<figure class="article-inline-image">
|
||||
<img src="../../../images/event4-img-6.webp" alt="Marko Arsov, predavatelj">
|
||||
<figcaption>Marko Arsov, predavatelj.</figcaption>
|
||||
</figure>
|
||||
|
||||
<figure class="article-inline-image">
|
||||
<img src="../../../images/event4-img-7.webp" alt="Predstavniki Veleposlaništva, Upravnega odbora NLB Banke in Upravnega odbora MŠOS.">
|
||||
<figcaption>Na spodnji sliki so predstavniki Veleposlaništva, Upravnega odbora NLB Banke in Upravnega odbora MŠOS.</figcaption>
|
||||
</figure>
|
||||
|
||||
<h2>Podpora, ki je naredila razliko</h2>
|
||||
<p>»Spoznaj študentsko Slovenijo 2024« ne bi bil takšen brez pomoči naših partnerjev in prijateljev. Veliko zahvalo izrekamo Veleposlaništvu Republike Slovenije v Severni Makedoniji, NLB Banki Skopje kot pokrovitelju in glavnemu sponzorju celotnega dogodka ter Capital Financial Centru, ki so s svojo podporo omogočili izvedbo dogodka na tako visoki ravni.</p>
|
||||
|
||||
<figure class="article-inline-image">
|
||||
<img src="../../../images/event4-img-8.webp" alt="Novo natisnjene nalepke MŠOS">
|
||||
<figcaption>Fotografija novo natisnjenih nalepk MŠOS.</figcaption>
|
||||
</figure>
|
||||
|
||||
<figure class="article-inline-image">
|
||||
<img src="../../../images/event4-img-9.webp" alt="Predaja cvetja v znak zahvale Veleposlaništvu, Capital Financial Centru in NLB Banki Skopje">
|
||||
<figcaption>Fotografija s predaje cvetja v znak zahvale Veleposlaništvu, Capital Financial Centru in NLB Banki Skopje.</figcaption>
|
||||
</figure>
|
||||
|
||||
<p>Posebno zahvalo si zasluži ekipa MŠOS, ki je tedne neutrudno delala na pripravah – od prvotne ideje do zadnje podrobnosti večera. Predvsem pa veliko priznanje Lei Janačkovski, koordinatorki dogodka, ki je s svojo energijo, potrpežljivostjo in organizacijskimi sposobnostmi poskrbela, da je vsak košček padel na svoje mesto.</p>
|
||||
<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.webp" alt="Pozdravni govor N.E. veleposlanika gospoda Gregorja Preskerja.">
|
||||
<figcaption>Fotografija pozdravnega govora N.E. veleposlanika gospoda Gregorja Preskerja.</figcaption>
|
||||
</figure>
|
||||
|
||||
<h2>Zakaj je bilo posebno?</h2>
|
||||
<p>Zato ker ta dogodek ni bil le še ena predstavitev. Bil je iztegnjena roka bodočim študentom – sporočilo, da niso sami, da jih skupnost že čaka. Nekateri so odšli z novimi prijatelji, drugi s konkretnimi odgovori na vprašanja, ki so jih mučila mesece. Vsi pa so odšli z enakim občutkom: da Slovenija ni več neznan kraj, ampak nov dom, v katerem bodo del nečesa večjega.</p>
|
||||
|
||||
<figure class="article-inline-image">
|
||||
<img src="../../../images/event4-img-11.webp" alt="Udeleženci postavljajo vprašanja panelistom">
|
||||
<figcaption>Trenutki, ko udeleženci postavljajo vprašanja panelistom!😊✨</figcaption>
|
||||
</figure>
|
||||
|
||||
<h2>Za tiste, ki niso bili fizično prisotni z nami</h2>
|
||||
<p>Vemo, da vsem ni uspelo biti prisotnim v NLB Galeriji, zato smo zagotovili kakovosten prenos v živo. Dogodek je bil prenašan v živo in je zdaj na voljo za ponovni ogled. Če želite občutiti vzdušje in slišati iskrene zgodbe s panela, si lahko celoten dogodek ogledate na tej povezavi <a href="#">Poglej video tukaj.</a></p>
|
||||
|
||||
<figure class="article-inline-image">
|
||||
<img src="../../../images/event4-img-12.webp" alt="Plakat za dogodek 'Spoznaj študentsko Slovenijo'">
|
||||
<figcaption>Fotografija plakata za dogodek!</figcaption>
|
||||
</figure>
|
||||
|
||||
<h2>Se vidimo v Sloveniji!</h2>
|
||||
<p>»Spoznaj študentsko Slovenijo« ni samo dogodek. Je prostor, kjer bodoči študenti naredijo prvi korak – s podporo, z nasveti iz prve roke in z občutkom, da niso sami. In letos nam je uspelo ustvariti ta občutek, kar je največja zmaga.</p>
|
||||
<p>Se vidimo ponovno prihodnje leto!</p>
|
||||
<p>P.S. Vsako leto se po uspešno organiziranem dogodku ekipa MŠOS tradicionalno odpravi v najbližjo gostilno, na večer, poln druženja, petja in čustev! 😊 Zato se splača biti del naše ekipe! Pridruži se nam.</p>
|
||||
</div>
|
||||
|
||||
<!-- START_FOOTER -->
|
||||
<footer>
|
||||
<div class="footer-container">
|
||||
<div class="footer-main">
|
||||
<div class="footer-info">
|
||||
<div class="footer-logo">
|
||||
<img src="../../../images/13-whitelogo.png" alt="Logotip Makedonske študentske organizacije v Sloveniji">
|
||||
</div>
|
||||
<p>
|
||||
Masarykova cesta 24<br>
|
||||
1000 Ljubljana, Slovenija<br>
|
||||
+389 02 123 4567<br>
|
||||
info.msosorg@gmail.com
|
||||
</p>
|
||||
<div class="social-icons">
|
||||
<a href="#" aria-label="Facebook"><i class="fab fa-facebook-f"></i></a>
|
||||
<a href="#" aria-label="Instagram"><i class="fab fa-instagram"></i></a>
|
||||
<a href="#" aria-label="YouTube"><i class="fab fa-youtube"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-links">
|
||||
<div class="links-column">
|
||||
<h4>Za študente</h4>
|
||||
<a href="#">Blog</a>
|
||||
<a href="#">Galerija</a>
|
||||
<a href="#">Pogosta vprašanja</a>
|
||||
<a href="#">Brošura</a>
|
||||
</div>
|
||||
<div class="links-column">
|
||||
<h4>Projekti</h4>
|
||||
<a href="#">Prihajajoči</a>
|
||||
<a href="#">Pretekli</a>
|
||||
</div>
|
||||
<div class="links-column">
|
||||
<h4>Organizacija</h4>
|
||||
<a href="#">O nas</a>
|
||||
<a href="#">Kontakt</a>
|
||||
<a href="#">Dokumentacija</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr>
|
||||
<div class="footer-bottom">
|
||||
<p>© MŠOS org 2023 Vse pravice pridržane.</p>
|
||||
<div class="legal-links">
|
||||
<a href="#">Politika zasebnosti</a>
|
||||
<a href="#">Politika piškotkov</a>
|
||||
<a href="#">Pravni pogoji</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<script src="../../../main.js"></script>
|
||||
</footer>
|
||||
<!-- END_FOOTER -->
|
||||
|
||||
<script src="../../../main.js"></script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in new issue
Block a user