familyfedie/familyfedie-website
3
0
Fork 0
Code Issues Pull requests 1 Projects Releases Packages Wiki Activity Actions

Restore optimized homepage carousel
All checks were successful
/ deploy (push) Successful in 47s
Details

Browse source
This commit is contained in:
Loyyd 2026-07-10 13:53:23 +02:00
parent 5eb81b3aca
commit df3460da35
11 changed files with 277 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

39
src/content/pages/index.html
View file

@ -4,6 +4,43 @@
<div style="clear:both;"> </div>
<div id="frontpage">
<section class="home-carousel" data-home-carousel aria-label="Featured highlights" aria-roledescription="carousel">
<div class="home-carousel-track" aria-live="off">
<article class="home-carousel-slide is-active" data-carousel-slide aria-label="1 of 3" aria-roledescription="slide" aria-hidden="false">
<a href="/the-founders.html">
<picture>
<source type="image/webp" srcset="/assets/uploads/2013/10/TrueParentsSlider-640.webp 640w, /assets/uploads/2013/10/TrueParentsSlider-1050.webp 1050w" sizes="(max-width: 1050px) 100vw, 1050px" />
<img src="/assets/uploads/2013/10/TrueParentsSlider.jpg" alt="Rev. Sun Myung Moon and Dr. Hak Ja Han Moon" width="1200" height="350" fetchpriority="high" />
</picture>
</a>
</article>
<article class="home-carousel-slide" data-carousel-slide aria-label="2 of 3" aria-roledescription="slide" aria-hidden="true">
<a href="/about-us-organizations.html" tabindex="-1">
<picture>
<source type="image/webp" srcset="/assets/uploads/2013/10/Little-Angels-Presentationlight1-640.webp 640w, /assets/uploads/2013/10/Little-Angels-Presentationlight1-1050.webp 1050w" sizes="(max-width: 1050px) 100vw, 1050px" />
<img src="/assets/uploads/2013/10/Little-Angels-Presentationlight1.jpg" alt="The Little Angels children's folk ballet performance" width="1200" height="350" loading="lazy" decoding="async" />
</picture>
<span class="home-carousel-caption">The Little Angels</span>
</a>
</article>
<article class="home-carousel-slide" data-carousel-slide aria-label="3 of 3" aria-roledescription="slide" aria-hidden="true">
<a href="/the-founders.html" tabindex="-1">
<picture>
<source type="image/webp" srcset="/assets/uploads/2013/10/father-Seung-Hwa_Presentation-640.webp 640w, /assets/uploads/2013/10/father-Seung-Hwa_Presentation-1050.webp 1050w" sizes="(max-width: 1050px) 100vw, 1050px" />
<img src="/assets/uploads/2013/10/father-Seung-Hwa_Presentation.jpg" alt="Rev. Sun Myung Moon" width="1200" height="350" loading="lazy" decoding="async" />
</picture>
<span class="home-carousel-caption">Rev. Sun Myung Moon</span>
</a>
</article>
</div>
<button class="home-carousel-control home-carousel-previous" type="button" data-carousel-previous aria-label="Previous image">&#8249;</button>
<button class="home-carousel-control home-carousel-next" type="button" data-carousel-next aria-label="Next image">&#8250;</button>
<div class="home-carousel-dots" aria-label="Choose an image">
<button class="is-active" type="button" data-carousel-dot="0" aria-label="Show image 1" aria-current="true"></button>
<button type="button" data-carousel-dot="1" aria-label="Show image 2" aria-current="false"></button>
<button type="button" data-carousel-dot="2" aria-label="Show image 3" aria-current="false"></button>
</div>
</section>
<div id="front-columns">
<div class="ppcolumn column1" id="column1">
@ -11,7 +48,7 @@
<div class="column-image">
<picture>
<source type="image/webp" srcset="/assets/uploads/2013/10/True_Parents-336.webp 336w, /assets/uploads/2013/10/True_Parents-483.webp 483w" sizes="(max-width: 800px) 100vw, 336px" />
<img src="/assets/uploads/2013/10/True_Parents.jpg" id="columnImage1" alt="Rev. Sun Myung Moon and Dr. Hak Ja Han Moon, founders of FFWPU International" width="483" height="329" decoding="async" />
<img src="/assets/uploads/2013/10/True_Parents.jpg" id="columnImage1" alt="Rev. Sun Myung Moon and Dr. Hak Ja Han Moon, founders of FFWPU International" width="483" height="329" fetchpriority="high" decoding="async" />
</picture>
<h3 class='column-header-image'>Founders of FFWPU International</h3>
</div>