<script lang="ts">
    import TopAnimatedBackground from "./Comps/TopAnimatedBackground.svelte";
    import { Parallax, ParallaxLayer, StickyLayer } from "svelte-parallax";
    import ZhenInformatikTimeline from "./Comps/ZhenInformatikTimeline.svelte"
    import AboutMe from "./Comps/AboutMe.svelte"
</script>

<Parallax sections={3} config={{ stiffness: 0.1, damping: 0.3 }}>
    <TopAnimatedBackground/>
    <ParallaxLayer rate={0.5} offset={0.5} style="background-color: var(--background);">
        <AboutMe/>
    </ParallaxLayer>
    
    <ParallaxLayer rate={0.5} offset={0.8} style="background-color: var(--background);">
        <ZhenInformatikTimeline/>
    </ParallaxLayer>
</Parallax>