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:
1 parent
7c32f416f5
commit
f5dfd8830e
249 files changed
+2259
-7319
No files matched your search
@@ -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; }
|
||||
}
|
||||
Reference in new issue
Block a user