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 -->
|
||||
@@ -274,7 +274,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>
|
||||
@@ -307,6 +307,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>
|
||||
@@ -321,6 +323,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,209 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="sl">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Jutranja kava pred CTK – 2024: Kava, burek in obilo nasmehov</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 8. junija 2024</p>
|
||||
<h1>Jutranja kava pred CTK – 2024: Kava, burek in obilo nasmehov</h1>
|
||||
<p class="article-subtitle">Ko izpiti postanejo lažji ob sobotni jutranji kavi, bureku in dobri družbi pred CTK!</p>
|
||||
</header>
|
||||
|
||||
<figure class="article-main-image">
|
||||
<img src="../../../images/event4-image1.webp" alt="Študenti uživajo ob kavi in bureku pred knjižnico CTK.">
|
||||
</figure>
|
||||
|
||||
<div class="article-body">
|
||||
<p>8. junija 2024, med 9. in 12. uro, smo pred Centralno tehniško knjižnico Univerze v Ljubljani (CTK) organizirali naš že tradicionalni študentski odmor – Jutranjo kavo pred CTK, skupaj z ekipo Skupine Povezani in CTK. To je bilo že drugo leto zapored, da smo se zbrali na istem mestu, a vsakič znova doživimo nove trenutke za spomin.</p>
|
||||
|
||||
<h2>S kavo nad izpitni stres</h2>
|
||||
<p>Izpitno obdobje vedno prinaša stres – ure in ure učenja, pogovori, ki se vrtijo samo okoli izpitov, prvih in drugih rokov, opravljenih ali neopravljenih obveznosti. Nekateri se z izpitom srečajo prvič, drugi že petič. Zato smo se odločili, da si vzamemo kratek odmor za vdih: da se sprostimo, nasmejimo in se spomnimo, da smo v tem študijskem stresu skupaj.</p>
|
||||
|
||||
<figure class="article-inline-image">
|
||||
<img src="../../../images/event4-image2.webp" alt="Študentje čakajo v vrsti pred stavbo knjižnice CTK.">
|
||||
<figcaption>Stotine študentov v vrsti pred CTK, ki so čakali še pred odprtjem, da si zagotovijo svoje mesto v knjižnici.</figcaption>
|
||||
</figure>
|
||||
|
||||
<p>S skodelico vroče kave v roki in po zaslugi <strong>Bureka Olimpija</strong> smo uživali v okusnem bureku z mesom in sirom. Poskrbeli smo tudi za kanček zabave – študente smo povabili, da prinesejo svoje skodelice, za najbolj kreativne pa smo pripravili nagrado.</p>
|
||||
|
||||
<figure class="article-inline-image">
|
||||
<img src="../../../images/event4-image3.webp" alt="Študent se smeji medtem ko je kos bureka.">
|
||||
<figcaption>Brezplačen topel burek – skrivna formula za reševanje tudi najtežjih matematičnih problemov 😉</figcaption>
|
||||
</figure>
|
||||
|
||||
<figure class="article-inline-image">
|
||||
<img src="../../../images/event4-image4.webp" alt="Skupina študentov s toplo kavo pozira pred kamero.">
|
||||
<figcaption>Skupina študentov s toplo kavo, nasmejani pred CTK.</figcaption>
|
||||
</figure>
|
||||
|
||||
<h2>Dve vprašanji, ki sta razkrili celo paleto študentskih čustev</h2>
|
||||
<p>Za dodatno dozo interakcije smo postavili dve veliki tabli z vprašanji, ki kar kličeta po odgovoru: <strong>“How do I survive the exam session?"</strong> in <strong>"Kako bi opisal počutje med izpitnem obdobjem?”</strong>.</p>
|
||||
<p>Odzivi so bili takojšnji – študenti so hiteli pisat, odgovori pa so bili vse prej kot dolgočasni: od "kaotično" in "Hočemo spat! (ampak ne v CTK)!" do "chill", "pod stresom", "izčrpano", "srečno" in "zaspano". Z drugimi besedami – celoten spekter študentskih čustev, iskreno prelitih v nekaj besed.</p>
|
||||
|
||||
<figure class="article-inline-image">
|
||||
<img src="../../../images/event4-image5.webp" alt="Bela tabla z ročno napisanimi odgovori študentov o njihovih občutkih med izpitnim obdobjem.">
|
||||
<figcaption>Duhoviti in iskreni odgovori na velikih tablah s vprašanji pred CTK.</figcaption>
|
||||
</figure>
|
||||
|
||||
<h2>Od kave do simulatorja letenja in 3D-tiskalnikov</h2>
|
||||
<p>Kot bonus za študente smo v sodelovanju s tehniško knjižnico univerze program obogatili z razstavo CTK, kjer so bili predstavljeni simulator letenja, 3D-tiskalniki in druga zanimiva oprema. Študenti so jo lahko preizkusili, nato pa si jo brezplačno izposodili v Kreativnem studiu CTK – delu njihovega izobraževalnega programa.</p>
|
||||
|
||||
<h2>Kava in burek = motivacija za vsakdanje vstajanje in 12-urno učenje</h2>
|
||||
<p>Skupno stojnico MSOS, Skupine Povezani in CTK je obiskalo okoli 150 ljudi, ki so se prišli družit, spit kavo, prigriznit nekaj in si izmenjat zgodbe med knjigami in roki. Dogodek je potekal v odličnem vzdušju – veliko nasmehov, nova poznanstva in majhen opomnik, da je tudi v najbolj stresnih obdobjih vedno čas za kavo in dobro družbo.</p>
|
||||
|
||||
<figure class="article-inline-image">
|
||||
<img src="../../../images/event4-image6.webp" alt="Študenti zbrani na skupni stojnici med dogodkom.">
|
||||
<figcaption>Del vzdušja na skupni stojnici.</figcaption>
|
||||
</figure>
|
||||
|
||||
<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.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>
|
||||
|
||||
<!-- 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