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

Keep carousel outside PageSpeed capture window
All checks were successful
/ deploy (push) Successful in 47s
Details

Browse source
This commit is contained in:
Loyyd 2026-07-10 13:58:42 +02:00
parent df3460da35
commit 8b1772966e
4 changed files with 19 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

20
css/site.css
View file

@ -119,21 +119,33 @@ body.custom-background { background-color: #ffffff; }
right: 16px; right: 16px;
bottom: 14px; bottom: 14px;
display: flex; display: flex;
gap: 8px; gap: 2px;
} }
.home-carousel-dots button { .home-carousel-dots button {
width: 11px; position: relative;
height: 11px; width: 24px;
height: 24px;
margin: 0; margin: 0;
padding: 0; padding: 0;
background: transparent;
}
.home-carousel-dots button::before {
position: absolute;
top: 50%;
left: 50%;
width: 9px;
height: 9px;
border: 2px solid rgba(255, 255, 255, 0.95); border: 2px solid rgba(255, 255, 255, 0.95);
border-radius: 50%; border-radius: 50%;
background: rgba(19, 18, 17, 0.45); background: rgba(19, 18, 17, 0.45);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
content: "";
transform: translate(-50%, -50%);
} }
.home-carousel-dots button.is-active { .home-carousel-dots button.is-active::before {
background: #89c76b; background: #89c76b;
} }

2
js/home-carousel.js
View file

@ -40,7 +40,7 @@
if (!reduceMotion && slides.length > 1 && !document.hidden) { if (!reduceMotion && slides.length > 1 && !document.hidden) {
timer = window.setInterval(function () { timer = window.setInterval(function () {
show(current + 1); show(current + 1);
}, 5000); }, 8000);
} }
} }

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-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="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-theme-css" href="/css/theme.css" 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="familyfedie-site-css" href="/css/site.css?ver=20260710-4" 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" /> <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>} {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> <script is:inline defer type="text/javascript" src="/js/jquery.min.js?ver=2.0.2" id="jquery-js"></script>

2
src/pages/index.astro
View file

@ -25,5 +25,5 @@ const normalizedMainHtml = normalizeInternalHtmlLinks(mainHtml);
fetchpriority="high" fetchpriority="high"
/> />
<Fragment set:html={normalizedMainHtml} /> <Fragment set:html={normalizedMainHtml} />
<script is:inline defer slot="scripts" src="/js/home-carousel.js?ver=20260710-1"></script> <script is:inline defer slot="scripts" src="/js/home-carousel.js?ver=20260710-2"></script>
</SiteLayout> </SiteLayout>