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 2026-08-03 14:06:53 +02:00
1 parent 7c32f416f5
commit f5dfd8830e
249 files changed
+2259 -7319

No files matched your search

+67
View File
@@ -0,0 +1,67 @@
/* ==========================================================================
Language suggestion banner (browser-language based, dismissible)
========================================================================== */
.lang-suggest {
position: fixed;
left: 50%;
bottom: 22px;
transform: translate(-50%, 24px);
z-index: 1200;
display: flex;
align-items: center;
gap: 12px;
max-width: calc(100% - 32px);
padding: 12px 12px 12px 16px;
background: #FFFFFF;
border: 1px solid #EAECF0;
border-radius: 12px;
box-shadow: 0 14px 40px rgba(16, 24, 40, 0.18);
font-size: 14px;
line-height: 1.4;
color: #344054;
opacity: 0;
visibility: hidden;
transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s;
}
.lang-suggest.is-visible {
opacity: 1;
visibility: visible;
transform: translate(-50%, 0);
}
.lang-suggest-text { margin: 0; }
.lang-suggest-btn {
flex-shrink: 0;
background: #2D738C;
color: #FFFFFF;
text-decoration: none;
padding: 8px 14px;
border-radius: 8px;
font-weight: 600;
white-space: nowrap;
}
.lang-suggest-btn:hover { background: #255E73; }
.lang-suggest-close {
flex-shrink: 0;
background: none;
border: none;
font-size: 22px;
line-height: 1;
color: #98A2B3;
cursor: pointer;
padding: 0 4px;
}
.lang-suggest-close:hover { color: #475467; }
@media (max-width: 560px) {
.lang-suggest {
left: 16px;
right: 16px;
bottom: 16px;
transform: translateY(24px);
flex-wrap: wrap;
}
.lang-suggest.is-visible { transform: translateY(0); }
.lang-suggest-text { flex: 1 1 100%; order: 1; }
.lang-suggest-btn { order: 2; }
.lang-suggest-close { order: 3; margin-left: auto; }
}