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

2
src/components/SiteLayout.astro
View file

@ -54,7 +54,7 @@ const metaTitle = title
<link rel="stylesheet" id="parabola-fonts-css" href="/assets/theme/parabola/fonts/fontfaces.css?ver=2.4.1-perf1" type="text/css" media="all" />
<link rel="stylesheet" id="parabola-style-css" href="/assets/theme/parabola/style.css?ver=2.4.1" type="text/css" media="all" />
<link rel="stylesheet" id="familyfedie-theme-css" href="/css/theme.css" type="text/css" media="all" />
<link rel="stylesheet" id="familyfedie-site-css" href="/css/site.css?ver=20260710-2" type="text/css" media="all" />
<link rel="stylesheet" id="familyfedie-site-css" href="/css/site.css?ver=20260710-3" type="text/css" media="all" />
<link rel="stylesheet" id="parabola-mobile-css" href="/assets/theme/parabola/styles/style-mobile.css?ver=2.4.1" type="text/css" media="all" />
{plausibleDomain && <script defer data-domain={plausibleDomain} src={plausibleScriptSrc}></script>}
<script is:inline defer type="text/javascript" src="/js/jquery.min.js?ver=2.0.2" id="jquery-js"></script>

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>

11
src/pages/index.astro
View file

@ -14,5 +14,16 @@ const normalizedMainHtml = normalizeInternalHtmlLinks(mainHtml);
canonical="/index"
parabolaSettings={{ masonry: "0", magazine: "0", mobile: "1", fitvids: "1" }}
>
<link
slot="head"
rel="preload"
as="image"
type="image/webp"
href="/assets/uploads/2013/10/TrueParentsSlider-1050.webp"
imagesrcset="/assets/uploads/2013/10/TrueParentsSlider-640.webp 640w, /assets/uploads/2013/10/TrueParentsSlider-1050.webp 1050w"
imagesizes="(max-width: 1050px) 100vw, 1050px"
fetchpriority="high"
/>
<Fragment set:html={normalizedMainHtml} />
<script is:inline defer slot="scripts" src="/js/home-carousel.js?ver=20260710-1"></script>
</SiteLayout>