update images

This commit is contained in:
Jesse Winton
2025-06-04 11:28:44 -04:00
parent eede185eb6
commit c31cc8e625
3 changed files with 16 additions and 16 deletions

View File

@@ -1,22 +1,22 @@
<script lang="ts">
import { classNames } from '$lib/utils/classnames';
import { animate, stagger } from 'motion';
// import { animate, stagger } from 'motion';
$effect(() => {
animate('.header', { opacity: [0, 1] });
animate(
'.nav-item',
{ y: [4, 0], filter: ['blur(4px)', 'blur(0px)'], opacity: [0, 1] },
{ delay: stagger(0.125) }
);
animate('.number', { filter: ['blur(4px)', 'blur(0px)'], opacity: [0, 1] });
animate(
'.eyebrow',
{ y: [4, 0], filter: ['blur(4px)', 'blur(0px)'], opacity: [0, 1] },
{ delay: stagger(0.125) }
);
animate('.chart', { scaleY: [0, 1] }, { duration: 0.25, delay: stagger(0.01) });
});
// $effect(() => {
// animate('.header', { opacity: [0, 1] });
// animate(
// '.nav-item',
// { y: [4, 0], filter: ['blur(4px)', 'blur(0px)'], opacity: [0, 1] },
// { delay: stagger(0.125) }
// );
// animate('.number', { filter: ['blur(4px)', 'blur(0px)'], opacity: [0, 1] });
// animate(
// '.eyebrow',
// { y: [4, 0], filter: ['blur(4px)', 'blur(0px)'], opacity: [0, 1] },
// { delay: stagger(0.125) }
// );
// animate('.chart', { scaleY: [0, 1] }, { duration: 0.25, delay: stagger(0.01) });
// });
</script>
<div

Binary file not shown.

Before

Width:  |  Height:  |  Size: 2.3 KiB

After

Width:  |  Height:  |  Size: 5.4 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 1.9 KiB

After

Width:  |  Height:  |  Size: 4.0 KiB