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="../../../mk/" class="logo-link">
|
||||
<img src="../../../images/1-logo.png" alt="Лого на Македонска студентска организација во Словенија" class="logo-img">
|
||||
<img src="../../../images/msos-logo-mk.svg" alt="Лого на Македонска студентска организација во Словенија" class="logo-img">
|
||||
</a>
|
||||
|
||||
<!-- Nov ovoj za vse elemente na desni strani -->
|
||||
@@ -310,7 +310,7 @@
|
||||
<div class="footer-main">
|
||||
<div class="footer-info">
|
||||
<div class="footer-logo">
|
||||
<img loading="lazy" decoding="async" src="../../../images/13-whitelogo.png" alt="Логотип на Македонската студентска организација во Словенија">
|
||||
<img loading="lazy" decoding="async" src="../../../images/msos-logo-white-mk.svg" alt="Логотип на Македонската студентска организација во Словенија">
|
||||
</div>
|
||||
<p class="footer-legal-name">Društvo Makedonska Študentska Organizacija v Sloveniji za študentsko podporo in kulturno sodelovanje</p>
|
||||
<p>
|
||||
@@ -343,6 +343,8 @@
|
||||
</div>
|
||||
<div class="links-column">
|
||||
<h4>Организација</h4>
|
||||
<a href="../../../mk/about-us/">За нас</a>
|
||||
<a href="../../../mk/timeline-and-milestones/">Времеплов и достигнувања</a>
|
||||
<a href="mailto:info@msosorg.com">Контактирајте нè</a>
|
||||
</div>
|
||||
</div>
|
||||
@@ -357,6 +359,10 @@
|
||||
<a href="#" class="js-manage-cookies" onclick="if(window.msosOpenConsent){msosOpenConsent();}return false;">Управувај со колачиња</a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer-credit">
|
||||
<span>Изработено со помош на Марк и Домен од <a href="https://www.spletnimojster.si" target="_blank" rel="noopener">Сплетни Мојстер</a> и Кристијан од МСОС. Голема благодарност до нив!</span>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</footer>
|
||||
<!-- END_FOOTER -->
|
||||
|
||||
@@ -1,260 +0,0 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="mk">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Македонска студентска вечер во Љубљана - МСОС</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" />
|
||||
|
||||
<!-- Правилна патека до главната CSS-датотека -->
|
||||
<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="../../../mk/" class="logo-link">
|
||||
<img src="../../../images/1-logo.png" alt="Лого на Македонска студентска организација во Словенија" class="logo-img">
|
||||
</a>
|
||||
<!-- Навигација за десктоп -->
|
||||
<nav class="navigation desktop-nav">
|
||||
<a href="#">За нас</a>
|
||||
<a href="#">За студенти</a>
|
||||
<a href="../../../mk/projects/">Проекти</a>
|
||||
</nav>
|
||||
</div>
|
||||
|
||||
<!-- Копчиња за десктоп -->
|
||||
<div class="navigation-actions">
|
||||
<button class="btn btn-secondary">Стани партнер</button>
|
||||
<button class="btn btn-primary">Донирај</button>
|
||||
<!-- Преклопник за јазик -->
|
||||
<div class="language-selector">
|
||||
<div class="current-lang">
|
||||
<i class="fas fa-globe"></i>
|
||||
<span id="current-lang-code">MK</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 class="mobile-nav-panel">
|
||||
<nav class="navigation mobile-nav">
|
||||
<a href="#">За нас</a>
|
||||
<a href="#">За студенти</a>
|
||||
<a href="../../../mk/projects/">Проекти</a>
|
||||
</nav>
|
||||
<div class="navigation-actions">
|
||||
<button class="btn btn-secondary">Стани партнер</button>
|
||||
<button class="btn btn-primary">Донирај</button>
|
||||
<!-- Преклопник за јазик (за мобилен) -->
|
||||
<div class="language-selector">
|
||||
<div class="current-lang">
|
||||
<i class="fas fa-globe"></i>
|
||||
<span id="current-lang-code-mobile">MK</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>
|
||||
|
||||
<!-- Икона за мобилно мени (Хамбургер/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">Објавено на 8 октомври 2022</p>
|
||||
<h1>Македонска студентска вечер во Љубљана</h1>
|
||||
<p class="article-subtitle">Од идеја до журка со 500 студенти – вака започна нашата приказна!</p>
|
||||
</header>
|
||||
|
||||
<figure class="article-main-image">
|
||||
<img src="../../../images/msnl-1.webp" alt="Атмосфера од македонската студентска вечер во Љубљана">
|
||||
</figure>
|
||||
|
||||
<div class="article-body">
|
||||
<p>На 8 октомври 2022 година, во срцето на Студентскиот кампус во Љубљана, се одржа првата македонска студентска вечер во Словенија. Под мотото #FeelsLikeHome, повеќе од 500 млади уживаа во македонска музика, вкусна традиционална храна и атмосфера која потсетуваше на дома. Овој настан не беше само журка – беше почеток на една нова приказна, која подоцна ќе прерасне во Македонска студентска организација во Словенија (МСОС).</p>
|
||||
|
||||
<h2>Како една идеја за дружење стана почеток на движење</h2>
|
||||
<p>Сè започна со едноставна желба – да се собереме, да се запознаеме и да ја почувствуваме Македонија, иако сме далеку од неа. Кристијан Поповски, тогаш студент на Економскиот факултет во Љубљана, ја сподели својата идеја со неколку колеги, а одговорот беше неверојатен. За помалку од две недели, преку 40 студенти се пријавија во организацискиот тим. Секој понесе дел од својот ентузијазам и време, а заедничкиот дух и желбата за поврзување ја претворија оваа спонтана иницијатива во настан што долго ќе го паметиме.</p>
|
||||
|
||||
<figure class="article-inline-image">
|
||||
<img src="../../../images/msnl-2.webp" alt="Подготовки и состаноци за македонската студентска вечер">
|
||||
<figcaption>Фотографии од подготовките и состаноците за организирање на македонската студентска вечер</figcaption>
|
||||
</figure>
|
||||
|
||||
<p>Од тој момент, секој слободен миг го поминувавме во канцелариите на студентската организација <strong>„Повезани“</strong>, кои ни дадоа голема поддршка во организирањето. Денови и ноќи правевме планови, одржувавме состаноци, пишувавме објави на социјалните мрежи – сè со цел да создадеме настан кој првично мислевме дека ќе привлече, ако имаме среќа, околу 100 посетители.</p>
|
||||
<p>Една недела пред настанот, секој ден објавувавме интересни факти за Македонија, нејзините национални богатства, музика и култура. Полека, но сигурно, ја градевме атмосферата и ентузијазмот, не само кај македонските студенти, туку и кај многу други кои сакаа да ја почувствуваат нашата енергија.</p>
|
||||
|
||||
<figure class="article-inline-image">
|
||||
<img src="../../../images/msnl-3.webp" alt="Хамер со испишани кирилични и латинични букви">
|
||||
<figcaption>Хамер со испишани кирилични и латинични букви. Словенците ја учат македонската азбука, додека македонците ги подучуваат.</figcaption>
|
||||
</figure>
|
||||
|
||||
<blockquote class="article-quote">
|
||||
<p>„Организирањето на првата МСОС журка беше уникатно искуство – без сон, амбициозни и вклучени во сè, од логистика до бришење на подот... Среќа што постои Red Bull 😉 (П.с. целиот фрижидер го испивме!)“</p>
|
||||
<footer>— Марко – студент во прва година</footer>
|
||||
</blockquote>
|
||||
|
||||
<h2>Вкусот и мирисот на Македонија во срцето на Љубљана</h2>
|
||||
<p>Журката започна во 20:00 часот и беше замислена во два дела. Првиот дел беше вистинско гастрономско и културно патување низ Македонија. Студентите можеа да пробаат лебчиња со ајвар и биено сирење, македонско вино, вкусни грицки и традиционални пијалоци. На масите имаше изложени и други автентични производи што сите ги потсетуваа на дома. Сите овие вкусови и мириси беа овозможени благодарение на поддршката од продавницата за македонски производи <strong>„Македонија Трејд“</strong>, кои несебично придонесоа овој дел од вечерта да биде вистинско уживање.</p>
|
||||
|
||||
<figure class="article-inline-image">
|
||||
<img src="../../../images/msnl-4.webp" alt="Штандови со македонски обележја, традиционална храна и пијалаци">
|
||||
<figcaption>Фотографии од штандовите со македонски обележја, традиционална храна и пијалаци.</figcaption>
|
||||
</figure>
|
||||
|
||||
<p>Покрај храната, посетителите можеа да разгледаат интересни факти за државата, фотографии од познати македонски дејци и културни знаменитости, како и да видат традиционални носии и <strong>гајда</strong> одблиску. Атмосферата беше топла и полна со љубопитност – како мала изложба во рамките на една голема студентска забава.</p>
|
||||
|
||||
<figure class="article-inline-image">
|
||||
<img src="../../../images/msnl-5.webp" alt="Мини квиз со прашања за Македонија">
|
||||
<figcaption>Мини квиз со прашања за Македонија, каде студентите во едниот дел од клубот се натпреваруваат</figcaption>
|
||||
</figure>
|
||||
|
||||
<h2>Поддршка од македонската заедница и дипломатијата</h2>
|
||||
<p>Вечерта беше збогатена и со присуството на важни гости од македонската заедница во Словенија. На настанот ни се придружи <strong>претседателот на Сојузот на македонските културни друштва во Словенија, г-н Благоја Настески</strong>, кој со своето присуство ја потврди важноста на ваквите иницијативи за одржување на македонскиот дух и традиција во дијаспората.</p>
|
||||
|
||||
<figure class="article-inline-image">
|
||||
<img src="../../../images/msnl-6.webp" alt="Кристијан и Бисера заедно со амбасадорката Зеленковска и претседателот г-н Настески">
|
||||
<figcaption>Кристијан и Бисера заедно со амбасадорката Зеленковска и претседателот на Сојузот на македонски друштва, г-н Настески</figcaption>
|
||||
</figure>
|
||||
|
||||
<p>Посебна чест ни беше да ја пречекаме и <strong>амбасадорката на Северна Македонија во Словенија, г-ѓа Сузана Зеленковска</strong>, која упати топли зборови на охрабрување и поддршка за младите. Нејзиното присуство и интерес за настанот беа дополнителен мотив да продолжиме со нашата мисија за поврзување и афирмација на македонската студентска заедница.</p>
|
||||
<p>Журката беше одлична, со супер енергија што се шири насекаде. Студенти на сите страни и во еден момент владееше мал, но контролиран хаос – вистинско место каде што успеавме да се избориме и да направиме еден навистина одличен настан. Иако ја завршивме журката малку порано, студентите не престанаа уште еден час да пеат заедно со нас, како што го расчистувавме местото. Навистина, ноќ за паметење!</p>
|
||||
|
||||
<blockquote class="article-quote">
|
||||
<p>„Бев дел од тимот за организација и требаше да одржувам ред и мир меѓу студентите, ама кога ми ја пуштија песната ‘Бисер Балкански’ не издржав – па им се приклучив и јас... Тоа беше мојот специјален момент таа вечер!“</p>
|
||||
<footer>— Христијан – студент во втора година</footer>
|
||||
</blockquote>
|
||||
|
||||
<h2>Почеток што ќе го паметиме</h2>
|
||||
<p>Таа вечер не беше само уште една студентска забава – беше моментот кога сфативме дека сме започнале нешто поголемо. Наместо очекуваните 100 гости, во клубот влегоа околу <strong>500 студенти</strong>, а енергијата беше неверојатна. Се создадоа нови пријателства, се слушаа песни што ги пеевме од срце, а македонската култура и традиција беа во прв план цела вечер.</p>
|
||||
<p>Оваа ноќ го постави темелот за Македонската студентска организација во Словенија и ни покажа дека со ентузијазам, заедништво и малку храброст, може да се создаде нешто што ќе ги обедини луѓето и ќе им даде чувство на дом – дури и кога се далеку од него.</p>
|
||||
|
||||
<figure class="article-inline-image">
|
||||
<img src="../../../images/msnl-7.webp" alt="Посветениот тим на волонтери по завршувањето на настанот">
|
||||
<figcaption>Фотографија направена во 4 часот наутро, по завршувањето и средувањето на просторот заедно со посветениот тим на волонтери</figcaption>
|
||||
</figure>
|
||||
</div>
|
||||
|
||||
<footer class="article-footer">
|
||||
<hr>
|
||||
<div class="author-share-section">
|
||||
<div class="author-details">
|
||||
<img src="../../../images/11-boy.webp" alt="Аватар на Кристијан Поповски">
|
||||
<div class="author-text">
|
||||
<p class="author-name">Кристијан Поповски</p>
|
||||
<p class="author-title">Претседател и основач</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="share-buttons">
|
||||
<button class="btn btn-secondary"><i class="fas fa-link"></i> Копирај линк</button>
|
||||
<a href="#" class="social-icon-btn" aria-label="Сподели на Twitter"><i class="fab fa-twitter"></i></a>
|
||||
<a href="#" class="social-icon-btn" aria-label="Сподели на Facebook"><i class="fab fa-facebook-f"></i></a>
|
||||
<a href="#" class="social-icon-btn" aria-label="Сподели на LinkedIn"><i class="fab fa-linkedin-in"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</article>
|
||||
|
||||
<section class="newsletter-cta">
|
||||
<div class="container">
|
||||
<div class="cta-content">
|
||||
<h2>Придружете се на 2.000+ претплатници</h2>
|
||||
<p>Останете во тек со сè што треба да знаете.</p>
|
||||
<form class="subscribe-form-bottom">
|
||||
<div class="input-wrapper">
|
||||
<input type="email" placeholder="Внесете ја вашата е-пошта">
|
||||
</div>
|
||||
<button type="submit" class="btn btn-primary-orange">Претплати се</button>
|
||||
</form>
|
||||
<p class="privacy-note">Ние се грижиме за вашите податоци во нашата <a href="#">политика за приватност</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<!-- 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="Лого на Македонска студентска организација во Словенија">
|
||||
</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 class="footer-links">
|
||||
<div class="links-column">
|
||||
<h4>За студенти</h4>
|
||||
<a href="#">Блог</a>
|
||||
<a href="#">Галерија</a>
|
||||
<a href="#">ЧПП</a>
|
||||
<a href="#">Брошура</a>
|
||||
</div>
|
||||
<div class="links-column">
|
||||
<h4>Проекти</h4>
|
||||
<a href="#">Претстојни</a>
|
||||
<a href="#">Претходни</a>
|
||||
</div>
|
||||
<div class="links-column">
|
||||
<h4>Организација</h4>
|
||||
<a href="#">За нас</a>
|
||||
<a href="#">Контакт</a>
|
||||
<a href="#">Документација</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<hr>
|
||||
<div class="footer-bottom">
|
||||
<p>© МСОС орг 2023 Сите права се задржани.</p>
|
||||
<div class="legal-links">
|
||||
<a href="#">Политика за приватност</a>
|
||||
<a href="#">Политика за колачиња</a>
|
||||
<a href="#">Правни услови</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