bartvdbraak/hellob.art
1
0
Fork 0
mirror of https://github.com/bartvdbraak/hellob.art.git synced 2025-10-30 19:59:10 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

refactor: imagefade component refactored as carousel

Browse source
This commit is contained in:
Bart van der Braak 2024-01-22 12:26:26 +01:00
parent fe2a5d00f9
commit ae62f93735
4 changed files with 68 additions and 37 deletions
Download patch file Download diff file Expand all files Collapse all files

13
src/routes/+page.svelte
View file

@ -1,11 +1,18 @@
<script lang="ts">
import { page } from '$app/stores';
import { Icons, ImageFade } from '$lib/components/site';
import { SiteHeader } from '$lib/components/site';
import { Icons, ImageFadeCarousel, SiteHeader } from '$lib/components/site';
import { buttonVariants } from '$lib/components/ui/button';
import { siteConfig } from '$lib/config/site';
import { cn } from '$lib/utils';
import catImg from '$lib/assets/root-cat.jpg?enhanced';
import meImg from '$lib/assets/root-me.jpg?enhanced';
const images = [
{ src: meImg, alt: 'Portrait of Bart van der Braak', style: 'object-[50%_10%]' },
{ src: catImg, alt: 'Noire yawning cat and a bottle of whiskey with glass', style: '' }
];
$: title = $page.data.title;
$: subTitle = $page.data.subTitle;
</script>
@ -71,7 +78,7 @@
</div>
<div class="flex-1">
<ImageFade />
<ImageFadeCarousel {images} />
</div>
</div>
</div>