mark/msos
0
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

changes.txt #9.2 & #9.4: team hero + members/friends appreciation

Browse Source 
#9.2 Full-width auto-rotating team hero (crossfade every 4.5s, transparent blue
overlay) directly under the About Us title — 11 landscape photos supplied by MSOS.

#9.4 "Our members & friends" appreciation section after Mission & Vision: a
contained photo carousel + name chips. Photos and names are PLACEHOLDERS
(names in "First L." format) pending the full members list.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
popovskikandClaude Opus 4.8 committed 2026-08-05 16:41:28 +02:00
1 parent 195a48205c
commit 0bbc06c6bc
16 files changed
+186 -1
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

en/about-us/index.html
+40
View File
@@ -200,6 +200,22 @@
</div>
</section>
<!-- Auto-rotating team hero -->
<section class="about-hero" aria-label="MSOS team moments">
<div class="about-hero-slide is-active" style="background-image:url('../../images/about-hero-01.webp')"></div>
<div class="about-hero-slide" style="background-image:url('../../images/about-hero-02.webp')"></div>
<div class="about-hero-slide" style="background-image:url('../../images/about-hero-03.webp')"></div>
<div class="about-hero-slide" style="background-image:url('../../images/about-hero-04.webp')"></div>
<div class="about-hero-slide" style="background-image:url('../../images/about-hero-05.webp')"></div>
<div class="about-hero-slide" style="background-image:url('../../images/about-hero-06.webp')"></div>
<div class="about-hero-slide" style="background-image:url('../../images/about-hero-07.webp')"></div>
<div class="about-hero-slide" style="background-image:url('../../images/about-hero-08.webp')"></div>
<div class="about-hero-slide" style="background-image:url('../../images/about-hero-09.webp')"></div>
<div class="about-hero-slide" style="background-image:url('../../images/about-hero-10.webp')"></div>
<div class="about-hero-slide" style="background-image:url('../../images/about-hero-11.webp')"></div>
<div class="about-hero-overlay"></div>
</section>
<!-- Leadership Team Section -->
<section class="team-section">
<div class="page-header-section">
@@ -344,6 +360,30 @@
</section>
<!-- FAQ Call to Action Section -->
<!-- Appreciation to members & friends (photos are placeholders; names pending full list) -->
<section class="appreciation-section">
<div class="page-header-section">
<h2>Our members & friends</h2>
<p class="appr-lead">MSOS is its people. With gratitude to everyone who has been part of our story — and everyone still writing it with us.</p>
</div>
<div class="about-hero appreciation-hero" aria-label="MSOS members and friends">
<div class="about-hero-slide is-active" style="background-image:url('../../images/event4-img-1.webp')"></div>
<div class="about-hero-slide" style="background-image:url('../../images/event3-photo-1.webp')"></div>
<div class="about-hero-slide" style="background-image:url('../../images/msnl-1.webp')"></div>
<div class="about-hero-slide" style="background-image:url('../../images/event4-image2.webp')"></div>
<div class="about-hero-slide" style="background-image:url('../../images/event3-photo-5.webp')"></div>
<div class="about-hero-overlay"></div>
</div>
<div class="appreciation-names">
<span class="appr-name">Kristijan P.</span>
<span class="appr-name">Lea J.</span>
<span class="appr-name">Marko A.</span>
<span class="appr-name">Marija K.</span>
<span class="appr-name">Monika V.</span>
</div>
<p class="appreciation-note">Placeholder — the full list of members and friends is being compiled.</p>
</section>
<section class="faq-cta-section">
<div class="faq-cta-container">
<div class="avatar-group">