From 2d2e422372532f25eee9a93edea2e415bb95b9dc Mon Sep 17 00:00:00 2001 From: popovskik Date: Wed, 5 Aug 2026 18:47:48 +0200 Subject: [PATCH] About Us: overlay title on the hero images + rename nav item to "About Us" MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - Rework the About Us hero so the eyebrow, title and description are overlaid on the auto-rotating team images (centred, white, text-shadowed) exactly like the landing hero, instead of sitting in a separate white band above them. Remove the old page-header band and move its text into the hero. All three languages. - Rename the "Who We Are" menu item from "Our team" to "About Us" (MK "За нас", SI "O nas") across all pages; footer "About us" link unchanged. Co-Authored-By: Claude Opus 4.8 (1M context) --- css/pages/_about.css | 26 ++++++++++++++++-- en/about-us/index.html | 18 +++++------- en/become-a-member/index.html | 4 +-- .../index.html | 4 +-- .../how-i-coped-with-leaving-home/index.html | 4 +-- .../index.html | 4 +-- en/blog/index.html | 4 +-- .../index.html | 4 +-- .../index.html | 4 +-- .../index.html | 4 +-- .../index.html | 4 +-- en/cookie-policy/index.html | 4 +-- en/faq/index.html | 4 +-- en/gallery/index.html | 4 +-- .../a-table-full-of-macedonia/index.html | 4 +-- .../index.html | 4 +-- en/get-to-know-macedonia/index.html | 4 +-- .../index.html | 4 +-- .../ohrid-more-than-a-postcard/index.html | 4 +-- .../skopje-a-city-of-many-layers/index.html | 4 +-- .../welcome-to-macedonia/index.html | 4 +-- .../index.html | 4 +-- en/get-to-know-slovenia/index.html | 4 +-- .../index.html | 4 +-- .../ljubljana-through-our-eyes/index.html | 4 +-- .../index.html | 4 +-- .../index.html | 4 +-- .../welcome-to-slovenia/index.html | 4 +-- en/index.html | 4 +-- en/legal/index.html | 4 +-- en/msos-hub/index.html | 4 +-- en/news/index.html | 4 +-- .../proof-of-means-updated-2026/index.html | 4 +-- en/privacy-policy/index.html | 4 +-- .../index.html | 4 +-- .../in-memory-of-frosina-kulakova/index.html | 4 +-- .../index.html | 4 +-- en/projects/index.html | 4 +-- .../index.html | 4 +-- .../meet-student-slovenia-2023/index.html | 4 +-- .../meet-student-slovenia-2024/index.html | 4 +-- .../morning-coffee-in-front-of-ctk/index.html | 4 +-- .../paint-and-wine-at-sunset/index.html | 4 +-- .../index.html | 4 +-- .../academic-life/index.html | 4 +-- .../administrative-basics/index.html | 4 +-- .../admission-and-enrolment/index.html | 4 +-- .../application-deadlines/index.html | 4 +-- .../arrival-checklist/index.html | 4 +-- .../bachelor-application/index.html | 4 +-- .../choose-a-programme/index.html | 4 +-- .../complete-student-journey/index.html | 4 +-- .../document-preparation/index.html | 4 +-- .../evs-application-guide/index.html | 4 +-- .../healthcare-in-slovenia/index.html | 4 +-- en/student-welcome-guide/index.html | 4 +-- .../master-application/index.html | 4 +-- .../means-accommodation-address/index.html | 4 +-- en/student-welcome-guide/my-route/index.html | 4 +-- .../index.html | 4 +-- .../prepare-to-move/index.html | 4 +-- .../recognition-of-education/index.html | 4 +-- .../renew-change-graduate/index.html | 4 +-- .../rm-si-3-health-insurance/index.html | 4 +-- .../student-accommodation/index.html | 4 +-- .../student-budget/index.html | 4 +-- .../student-meals/index.html | 4 +-- .../index.html | 4 +-- .../student-residence-permit/index.html | 4 +-- .../student-transport/index.html | 4 +-- .../student-work/index.html | 4 +-- .../study-cities/index.html | 4 +-- .../tuition-and-scholarships/index.html | 4 +-- .../visa-and-residence-explained/index.html | 4 +-- .../wellbeing-and-community/index.html | 4 +-- .../where-to-apply-for-residence/index.html | 4 +-- en/support/index.html | 4 +-- en/timeline-and-milestones/index.html | 4 +-- mk/about-us/index.html | 18 +++++------- mk/become-a-member/index.html | 4 +-- .../index.html | 4 +-- .../how-i-coped-with-leaving-home/index.html | 4 +-- .../index.html | 4 +-- mk/blog/index.html | 4 +-- .../index.html | 4 +-- .../index.html | 4 +-- .../index.html | 4 +-- .../index.html | 4 +-- mk/cookie-policy/index.html | 4 +-- mk/faq/index.html | 4 +-- mk/gallery/index.html | 4 +-- .../a-table-full-of-macedonia/index.html | 4 +-- .../index.html | 4 +-- mk/get-to-know-macedonia/index.html | 4 +-- .../index.html | 4 +-- .../ohrid-more-than-a-postcard/index.html | 4 +-- .../skopje-a-city-of-many-layers/index.html | 4 +-- .../welcome-to-macedonia/index.html | 4 +-- .../index.html | 4 +-- mk/get-to-know-slovenia/index.html | 4 +-- .../index.html | 4 +-- .../ljubljana-through-our-eyes/index.html | 4 +-- .../index.html | 4 +-- .../index.html | 4 +-- .../welcome-to-slovenia/index.html | 4 +-- mk/index.html | 4 +-- mk/legal/index.html | 4 +-- mk/msos-hub/index.html | 4 +-- mk/news/index.html | 4 +-- .../proof-of-means-updated-2026/index.html | 4 +-- mk/privacy-policy/index.html | 4 +-- .../index.html | 4 +-- .../in-memory-of-frosina-kulakova/index.html | 4 +-- .../index.html | 4 +-- mk/projects/index.html | 4 +-- .../index.html | 4 +-- .../meet-student-slovenia-2023/index.html | 4 +-- .../meet-student-slovenia-2024/index.html | 4 +-- .../morning-coffee-in-front-of-ctk/index.html | 4 +-- .../paint-and-wine-at-sunset/index.html | 4 +-- .../index.html | 4 +-- .../academic-life/index.html | 4 +-- .../administrative-basics/index.html | 4 +-- .../admission-and-enrolment/index.html | 4 +-- .../application-deadlines/index.html | 4 +-- .../arrival-checklist/index.html | 4 +-- .../bachelor-application/index.html | 4 +-- .../choose-a-programme/index.html | 4 +-- .../complete-student-journey/index.html | 4 +-- .../document-preparation/index.html | 4 +-- .../evs-application-guide/index.html | 4 +-- .../healthcare-in-slovenia/index.html | 4 +-- mk/student-welcome-guide/index.html | 4 +-- .../master-application/index.html | 4 +-- .../means-accommodation-address/index.html | 4 +-- mk/student-welcome-guide/my-route/index.html | 4 +-- .../index.html | 4 +-- .../prepare-to-move/index.html | 4 +-- .../recognition-of-education/index.html | 4 +-- .../renew-change-graduate/index.html | 4 +-- .../rm-si-3-health-insurance/index.html | 4 +-- .../student-accommodation/index.html | 4 +-- .../student-budget/index.html | 4 +-- .../student-meals/index.html | 4 +-- .../index.html | 4 +-- .../student-residence-permit/index.html | 4 +-- .../student-transport/index.html | 4 +-- .../student-work/index.html | 4 +-- .../study-cities/index.html | 4 +-- .../tuition-and-scholarships/index.html | 4 +-- .../visa-and-residence-explained/index.html | 4 +-- .../wellbeing-and-community/index.html | 4 +-- .../where-to-apply-for-residence/index.html | 4 +-- mk/support/index.html | 4 +-- mk/timeline-and-milestones/index.html | 4 +-- si/about-us/index.html | 18 +++++------- si/become-a-member/index.html | 4 +-- .../index.html | 4 +-- .../how-i-coped-with-leaving-home/index.html | 4 +-- .../index.html | 4 +-- si/blog/index.html | 4 +-- .../index.html | 4 +-- .../index.html | 4 +-- .../index.html | 4 +-- .../index.html | 4 +-- si/cookie-policy/index.html | 4 +-- si/faq/index.html | 4 +-- si/gallery/index.html | 4 +-- .../a-table-full-of-macedonia/index.html | 4 +-- .../index.html | 4 +-- si/get-to-know-macedonia/index.html | 4 +-- .../index.html | 4 +-- .../ohrid-more-than-a-postcard/index.html | 4 +-- .../skopje-a-city-of-many-layers/index.html | 4 +-- .../welcome-to-macedonia/index.html | 4 +-- .../index.html | 4 +-- si/get-to-know-slovenia/index.html | 4 +-- .../index.html | 4 +-- .../ljubljana-through-our-eyes/index.html | 4 +-- .../index.html | 4 +-- .../index.html | 4 +-- .../welcome-to-slovenia/index.html | 4 +-- si/index.html | 4 +-- si/legal/index.html | 4 +-- si/msos-hub/index.html | 4 +-- si/news/index.html | 4 +-- .../proof-of-means-updated-2026/index.html | 4 +-- si/privacy-policy/index.html | 4 +-- .../index.html | 4 +-- .../in-memory-of-frosina-kulakova/index.html | 4 +-- .../index.html | 4 +-- si/projects/index.html | 4 +-- .../index.html | 4 +-- .../meet-student-slovenia-2023/index.html | 4 +-- .../meet-student-slovenia-2024/index.html | 4 +-- .../morning-coffee-in-front-of-ctk/index.html | 4 +-- .../paint-and-wine-at-sunset/index.html | 4 +-- .../index.html | 4 +-- .../academic-life/index.html | 4 +-- .../administrative-basics/index.html | 4 +-- .../admission-and-enrolment/index.html | 4 +-- .../application-deadlines/index.html | 4 +-- .../arrival-checklist/index.html | 4 +-- .../bachelor-application/index.html | 4 +-- .../choose-a-programme/index.html | 4 +-- .../complete-student-journey/index.html | 4 +-- .../document-preparation/index.html | 4 +-- .../evs-application-guide/index.html | 4 +-- .../healthcare-in-slovenia/index.html | 4 +-- si/student-welcome-guide/index.html | 4 +-- .../master-application/index.html | 4 +-- .../means-accommodation-address/index.html | 4 +-- si/student-welcome-guide/my-route/index.html | 4 +-- .../index.html | 4 +-- .../prepare-to-move/index.html | 4 +-- .../recognition-of-education/index.html | 4 +-- .../renew-change-graduate/index.html | 4 +-- .../rm-si-3-health-insurance/index.html | 4 +-- .../student-accommodation/index.html | 4 +-- .../student-budget/index.html | 4 +-- .../student-meals/index.html | 4 +-- .../index.html | 4 +-- .../student-residence-permit/index.html | 4 +-- .../student-transport/index.html | 4 +-- .../student-work/index.html | 4 +-- .../study-cities/index.html | 4 +-- .../tuition-and-scholarships/index.html | 4 +-- .../visa-and-residence-explained/index.html | 4 +-- .../wellbeing-and-community/index.html | 4 +-- .../where-to-apply-for-residence/index.html | 4 +-- si/support/index.html | 4 +-- si/timeline-and-milestones/index.html | 4 +-- tools/__pycache__/build_blog.cpython-313.pyc | Bin 0 -> 13671 bytes tools/__pycache__/seo_inject.cpython-313.pyc | Bin 0 -> 26145 bytes 234 files changed, 500 insertions(+), 492 deletions(-) create mode 100644 tools/__pycache__/build_blog.cpython-313.pyc create mode 100644 tools/__pycache__/seo_inject.cpython-313.pyc diff --git a/css/pages/_about.css b/css/pages/_about.css index 2247e830..d26dee9a 100644 --- a/css/pages/_about.css +++ b/css/pages/_about.css @@ -467,8 +467,9 @@ ========================================================================== */ .about-hero { position: relative; left: 50%; transform: translateX(-50%); - width: 100vw; height: clamp(280px, 42vw, 520px); - overflow: hidden; margin: 4px 0 8px; + width: 100vw; min-height: clamp(440px, 60vw, 640px); + display: flex; align-items: center; justify-content: center; text-align: center; + overflow: hidden; margin: 0 0 8px; } .about-hero-slide { position: absolute; inset: 0; z-index: 1; @@ -478,7 +479,26 @@ .about-hero-slide.is-active { opacity: 1; } .about-hero-overlay { position: absolute; inset: 0; z-index: 2; pointer-events: none; - background: linear-gradient(180deg, rgba(45, 115, 140, 0.52) 0%, rgba(28, 84, 105, 0.60) 100%); + background: linear-gradient(180deg, rgba(45, 115, 140, 0.58) 0%, rgba(24, 74, 94, 0.66) 100%); +} +/* Title + text overlaid on the rotating images (like the landing hero) */ +.about-hero-content { + position: relative; z-index: 3; + max-width: 900px; padding: 64px 24px; color: #FFFFFF; +} +.about-hero-eyebrow { + display: inline-block; text-transform: uppercase; letter-spacing: 0.08em; + font-size: 14px; font-weight: 700; color: #FFCBB0; margin-bottom: 14px; + text-shadow: 0 1px 8px rgba(0, 0, 0, 0.25); +} +.about-hero-content h1 { + font-size: clamp(30px, 5vw, 48px); line-height: 1.15; font-weight: 700; + color: #FFFFFF; margin: 0 0 18px; text-shadow: 0 2px 16px rgba(0, 0, 0, 0.32); +} +.about-hero-lead { + font-size: clamp(16px, 2vw, 19px); line-height: 1.5; + color: rgba(255, 255, 255, 0.92); margin: 0 auto; max-width: 680px; + text-shadow: 0 1px 10px rgba(0, 0, 0, 0.28); } @media (prefers-reduced-motion: reduce) { .about-hero-slide { transition: none; } diff --git a/en/about-us/index.html b/en/about-us/index.html index a69aac4d..d60a34ca 100644 --- a/en/about-us/index.html +++ b/en/about-us/index.html @@ -76,7 +76,7 @@