Files
msos/en/get-to-know-slovenia/index.html
T
popovskikandClaude Opus 4.8 f5dfd8830e 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>
2026-08-03 14:06:53 +02:00

367 lines
23 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Get to know Slovenia - MSOS</title>
<!-- SEO:START -->
<!-- Google tag (gtag.js) with Consent Mode v2 (default: denied) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-WVYV807VSS"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('consent', 'default', {
ad_storage: 'denied', ad_user_data: 'denied', ad_personalization: 'denied',
analytics_storage: 'denied', wait_for_update: 500
});
// Restore a returning visitor's prior choice before the first hit.
try { if (localStorage.getItem('msos-consent') === 'granted') {
gtag('consent', 'update', { ad_storage:'granted', ad_user_data:'granted',
ad_personalization:'granted', analytics_storage:'granted' }); } } catch(e){}
gtag('js', new Date());
gtag('config', 'G-WVYV807VSS');
</script>
<script src="/consent.js" defer></script>
<meta name="description" content="Slovenia may be small on the map, but there is a lot to discover between the Alps, the Adriatic coast, green rivers, old towns, and quiet places that quickly…">
<link rel="canonical" href="https://msosorg.com/en/get-to-know-slovenia/">
<link rel="alternate" hreflang="en" href="https://msosorg.com/en/get-to-know-slovenia/">
<link rel="alternate" hreflang="mk" href="https://msosorg.com/mk/get-to-know-slovenia/">
<link rel="alternate" hreflang="sl" href="https://msosorg.com/si/get-to-know-slovenia/">
<link rel="alternate" hreflang="x-default" href="https://msosorg.com/en/get-to-know-slovenia/">
<meta property="og:type" content="website">
<meta property="og:site_name" content="Macedonian Student Organisation in Slovenia">
<meta property="og:title" content="Get to know Slovenia - MSOS">
<meta property="og:description" content="Slovenia may be small on the map, but there is a lot to discover between the Alps, the Adriatic coast, green rivers, old towns, and quiet places that quickly…">
<meta property="og:url" content="https://msosorg.com/en/get-to-know-slovenia/">
<meta property="og:image" content="https://msosorg.com/images/og-default.jpg">
<meta property="og:locale" content="en_GB">
<meta property="og:locale:alternate" content="mk_MK">
<meta property="og:locale:alternate" content="sl_SI">
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="Get to know Slovenia - MSOS">
<meta name="twitter:description" content="Slovenia may be small on the map, but there is a lot to discover between the Alps, the Adriatic coast, green rivers, old towns, and quiet places that quickly…">
<meta name="twitter:image" content="https://msosorg.com/images/og-default.jpg">
<script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"Macedonian Student Organisation in Slovenia","alternateName":"MSOS","url":"https://msosorg.com/en/","logo":"https://msosorg.com/images/1-logo.png","email":"info@msosorg.com","address":{"@type":"PostalAddress","streetAddress":"Masarykova cesta 24","postalCode":"1000","addressLocality":"Ljubljana","addressCountry":"SI"},"sameAs":["https://www.facebook.com/msos.org","https://www.instagram.com/msosorg_com","https://www.linkedin.com/company/msos-org","https://www.youtube.com/@msosorg"]}</script>
<link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96">
<link rel="icon" type="image/svg+xml" href="/favicon.svg">
<link rel="shortcut icon" href="/favicon.ico">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="manifest" href="/site.webmanifest">
<!-- SEO:END -->
<!-- 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" />
<!-- Link to the main CSS file -->
<link rel="stylesheet" href="../../css/main.css">
</head>
<body>
<!-- START_HEADER -->
<header class="dropdown-header-navigation">
<div class="container">
<!-- Logotip je zdaj samostojen element na levi strani -->
<a href="../../en/" class="logo-link">
<img src="../../images/msos-logo-en.svg" 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="../../en/timeline-and-milestones/">Timeline & Milestones</a></li>
<li><a href="../../en/about-us/">Our team</a></li>
<li><a href="../../en/msos-hub/">MSOS Hub</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/">Events & Projects</a></li>
<li><a href="../../en/blog/">Blog</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">For Students</a>
<ul class="dropdown-menu">
<li><a href="../../en/student-welcome-guide/">Student Welcome Guide</a></li>
<li><a href="../../en/faq/">FAQs</a></li>
<li><a href="../../en/get-to-know-slovenia/">Get to know Slovenia</a></li>
<li><a href="../../en/get-to-know-macedonia/">Get to know Macedonia</a></li>
</ul>
</li>
<li class="menu-item"><a href="../../en/news/">News</a></li>
</ul>
</nav>
<div class="navigation-actions">
<a href="../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
<a href="../../en/support/" class="btn btn-primary">Support MSOS ❤️</a>
<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="en"><span class="lang-flag lang-flag-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
<a href="#" data-lang="si"><span class="lang-flag lang-flag-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
<a href="#" data-lang="mk"><span class="lang-flag lang-flag-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></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="../../en/timeline-and-milestones/">Timeline & Milestones</a></li>
<li><a href="../../en/about-us/">Our team</a></li>
<li><a href="../../en/msos-hub/">MSOS Hub</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/">Events & Projects</a></li>
<li><a href="../../en/blog/">Blog</a></li>
</ul>
</li>
<li class="menu-item menu-item-has-children">
<a href="#">For Students</a>
<ul class="dropdown-menu">
<li><a href="../../en/student-welcome-guide/">Student Welcome Guide</a></li>
<li><a href="../../en/faq/">FAQs</a></li>
<li><a href="../../en/get-to-know-slovenia/">Get to know Slovenia</a></li>
<li><a href="../../en/get-to-know-macedonia/">Get to know Macedonia</a></li>
</ul>
</li>
<li class="menu-item"><a href="../../en/news/">News</a></li>
</ul>
</nav>
<div class="navigation-actions">
<a href="../../en/become-a-member/" class="btn btn-secondary">Become a member</a>
<a href="../../en/support/" class="btn btn-primary">Support MSOS ❤️</a>
<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">&times;</button>
</div>
<div class="language-modal-body">
<a href="#" data-lang="en"><span class="lang-flag lang-flag-gb" aria-hidden="true"></span><span class="lang-name">English</span></a>
<a href="#" data-lang="si"><span class="lang-flag lang-flag-si" aria-hidden="true"></span><span class="lang-name">Slovenščina</span></a>
<a href="#" data-lang="mk"><span class="lang-flag lang-flag-mk" aria-hidden="true"></span><span class="lang-name">Македонски</span></a>
</div>
</div>
</div>
<!-- END_HEADER -->
<main class="page-content">
<section class="page-header-section">
<div class="container text-center">
<span class="page-subtitle">A country to discover</span>
<h1>Get to know Slovenia</h1>
<p class="page-description">Slovenia may be small on the map, but there is a lot to discover between the Alps, the Adriatic coast, green rivers, old towns, and quiet places that quickly begin to feel familiar. Through these stories, we share the places, tastes, traditions, and everyday details that helped many of us get to know the country we now also call home.</p>
<form class="subscribe-form">
<input type="email" placeholder="Enter your email">
<button type="submit" class="btn btn-primary-orange">Subscribe</button>
</form>
<p class="privacy-note">We care about your data in our <a href="../../en/privacy-policy/">privacy policy</a></p>
</div>
</section>
<section class="filter-section">
<nav class="filter-nav" aria-label="Story categories">
<button type="button" class="filter-pill active" data-filter="all" aria-pressed="true">All stories</button>
<button type="button" class="filter-pill" data-filter="places" aria-pressed="false">Places &amp; Nature</button>
<button type="button" class="filter-pill" data-filter="culture" aria-pressed="false">Culture &amp; Traditions</button>
<button type="button" class="filter-pill" data-filter="food" aria-pressed="false">Food &amp; Flavours</button>
<button type="button" class="filter-pill" data-filter="heritage" aria-pressed="false">History &amp; Heritage</button>
<button type="button" class="filter-pill" data-filter="identity" aria-pressed="false">People &amp; Identity</button>
</nav>
</section>
<section class="all-posts-section">
<div class="container column-layout">
<h2>All stories</h2>
<div class="posts-grid">
<!-- Story: Welcome to Slovenia -->
<article class="post-card" data-category="identity">
<a href="welcome-to-slovenia/" class="post-link">
<img loading="lazy" decoding="async" src="../../images/slovenia-welcome-hero.webp" alt="Lake Jasna near Kranjska Gora, with mountain peaks reflected in the water" class="post-image">
<div class="post-content">
<p class="post-meta">MSOS Team • People &amp; Identity</p>
<h3 class="post-title">Welcome to Slovenia</h3>
<p class="post-excerpt">A personal introduction to the landscapes, rhythms, and small everyday details that make Slovenia feel familiar.</p>
</div>
</a>
</article>
<!-- Story: Ljubljana Through Our Eyes -->
<article class="post-card" data-category="places">
<a href="ljubljana-through-our-eyes/" class="post-link">
<img loading="lazy" decoding="async" src="../../images/slovenia-ljubljana-river-life-hero.webp" alt="A crowd gathered along the Ljubljanica during an event in central Ljubljana" class="post-image">
<div class="post-content">
<p class="post-meta">MSOS Team • Places &amp; Nature</p>
<h3 class="post-title">Ljubljana Through Our Eyes</h3>
<p class="post-excerpt">The streets, neighbourhoods, habits, and quiet corners through which Ljubljana became part of our daily lives.</p>
</div>
</a>
</article>
<!-- Story: Lake Bled Beyond the Famous View -->
<article class="post-card" data-category="places">
<a href="lake-bled-beyond-the-famous-view/" class="post-link">
<img loading="lazy" decoding="async" src="../../images/slovenia-bled-lakeside-walk-hero.webp" alt="A walking path beside Lake Bled with the island and mountains in view" class="post-image">
<div class="post-content">
<p class="post-meta">MSOS Team • Places &amp; Nature</p>
<h3 class="post-title">Lake Bled Beyond the Famous View</h3>
<p class="post-excerpt">A closer look at the walks, atmosphere, nearby nature, and personal moments hidden beyond Bled's best-known photograph.</p>
</div>
</a>
</article>
<!-- Story: A First Taste of Slovenian Food -->
<article class="post-card" data-category="food">
<a href="a-first-taste-of-slovenian-food/" class="post-link">
<img loading="lazy" decoding="async" src="../../images/slovenia-food-regional-table-hero.webp" alt="Several regional Slovenian dishes served together on a table" class="post-image">
<div class="post-content">
<p class="post-meta">MSOS Team • Food &amp; Flavours</p>
<h3 class="post-title">A First Taste of Slovenian Food</h3>
<p class="post-excerpt">A warm introduction to dishes, regional flavours, and the food experiences that often stay in our memory.</p>
</div>
</a>
</article>
<!-- Story: Slovenian Habits That May Surprise You -->
<article class="post-card" data-category="culture">
<a href="slovenian-habits-that-may-surprise-you/" class="post-link">
<img loading="lazy" decoding="async" src="../../images/slovenia-habits-guest-slippers-hero.webp" alt="A pair of slippers by the entrance of a Slovenian home" class="post-image">
<div class="post-content">
<p class="post-meta">MSOS Team • Culture &amp; Traditions</p>
<h3 class="post-title">Slovenian Habits That May Surprise You</h3>
<p class="post-excerpt">The everyday customs and social habits that many newcomers begin to notice after spending time in Slovenia.</p>
</div>
</a>
</article>
<!-- Story: Slovenia's Stories in Stone and Tradition -->
<article class="post-card" data-category="heritage">
<a href="slovenias-stories-in-stone-and-tradition/" class="post-link">
<img loading="lazy" decoding="async" src="../../images/slovenia-heritage-plecnik-daily-life-hero.webp" alt="A Plečnik-designed public space beside the Ljubljanica" class="post-image">
<div class="post-content">
<p class="post-meta">MSOS Team • History &amp; Heritage</p>
<h3 class="post-title">Slovenia's Stories in Stone and Tradition</h3>
<p class="post-excerpt">Castles, old towns, crafts, and traditions that reveal how Slovenia's past remains present in everyday life.</p>
</div>
</a>
</article>
</div>
<p class="filter-empty" hidden>No stories match this filter yet.</p>
<nav class="pagination">
<a href="#" class="pagination-arrow"><i class="fas fa-arrow-left"></i> Previous</a>
<div class="pagination-numbers">
<a href="#" class="page-number active">1</a>
</div>
<a href="#" class="pagination-arrow">Next <i class="fas fa-arrow-right"></i></a>
</nav>
</div>
</section>
</main>
<!-- START_FOOTER -->
<footer>
<div class="footer-container">
<div class="footer-main">
<div class="footer-info">
<div class="footer-logo">
<img loading="lazy" decoding="async" src="../../images/msos-logo-white-en.svg" alt="Macedonian Student Organisation in Slovenia Logo">
</div>
<p class="footer-legal-name">Društvo Makedonska Študentska Organizacija v Sloveniji za študentsko podporo in kulturno sodelovanje</p>
<p>
Masarykova cesta 24<br>
1000 Ljubljana, Slovenia<br>
<a href="mailto:info@msosorg.com">info@msosorg.com</a>
</p>
<div class="social-icons">
<a href="https://www.facebook.com/msos.org" aria-label="Facebook" target="_blank" rel="noopener"><i class="fab fa-facebook-f"></i></a>
<a href="https://www.instagram.com/msosorg_com" aria-label="Instagram" target="_blank" rel="noopener"><i class="fab fa-instagram"></i></a>
<a href="https://www.linkedin.com/company/msos-org" aria-label="LinkedIn" target="_blank" rel="noopener"><i class="fab fa-linkedin-in"></i></a>
<a href="https://www.youtube.com/@msosorg" aria-label="YouTube" target="_blank" rel="noopener"><i class="fab fa-youtube"></i></a>
</div>
</div>
<div class="footer-links">
<div class="links-column">
<h4>Student guide</h4>
<a href="../../en/student-welcome-guide/">Student welcome guide</a>
<a href="../../en/student-welcome-guide/complete-student-journey/">The whole journey</a>
<a href="../../en/student-welcome-guide/application-deadlines/">Application deadlines</a>
<a href="../../en/student-welcome-guide/evs-application-guide/">Apply through eVŠ</a>
<a href="../../en/student-welcome-guide/student-residence-permit/">Residence permit</a>
<a href="../../en/student-welcome-guide/student-accommodation/">Accommodation</a>
</div>
<div class="links-column">
<h4>Explore</h4>
<a href="../../en/get-to-know-slovenia/">Get to know Slovenia</a>
<a href="../../en/get-to-know-macedonia/">Get to know Macedonia</a>
<a href="../../en/projects/">Projects and events</a>
</div>
<div class="links-column">
<h4>Organisation</h4>
<a href="../../en/about-us/">About us</a>
<a href="../../en/timeline-and-milestones/">Timeline and milestones</a>
<a href="mailto:info@msosorg.com">Contact us</a>
</div>
</div>
</div>
<hr>
<div class="footer-bottom">
<p>© 2026 MSOS. All rights reserved.</p>
<div class="legal-links">
<a href="../../en/privacy-policy/">Privacy policy</a>
<a href="../../en/cookie-policy/">Cookie policy</a>
<a href="../../en/legal/">Official information</a>
<a href="#" class="js-manage-cookies" onclick="if(window.msosOpenConsent){msosOpenConsent();}return false;">Manage cookies</a>
</div>
</div>
<div class="footer-credit">
<span>Built with the help of Mark and Domen from <a href="https://www.spletnimojster.si" target="_blank" rel="noopener">Spletni Mojster</a> and Kristijan from MSOS. Big thanks to them!</span>
</div>
</div>
</footer>
<!-- END_FOOTER -->
<script src="../../main.js"></script>
</body>
</html>