Sveskejuice
/
deprived-main-website
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

I give up!!! (for today)

This commit is contained in:
BOTAlex 2024-01-22 20:36:37 +01:00
parent 027e002a41
commit fc16fc04a0
1 changed files with 23 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

26
src/App.svelte
View File

@ -9,7 +9,7 @@
window.onload = function() { window.onload = function() {
//window.scrollTo(0, 100); //window.scrollTo(0, 100);
window.scrollTo(0, 5500); // Debug window.scrollTo(0, 5800); // Debug
} }
// Auto assigned fields (Will change after load) // Auto assigned fields (Will change after load)
@ -38,10 +38,10 @@
<Parallax <Parallax
onProgress={handleProgress} onProgress={handleProgress}
sections={10} sections={7.000000001}
config={{stiffness: 0.2, damping: 0.3}} config={{stiffness: 0.2, damping: 0.3}}
> >
<ParallaxLayer rate={0} span={10} style="background: url('{planeImg}'); filter: brightness(10%);" /> <ParallaxLayer rate={0} span={7.000000001} style="background: url('{planeImg}'); filter: brightness(10%);" />
<ParallaxLayer rate={1} span={2}> <ParallaxLayer rate={1} span={2}>
<div style="background: url('{imgBackground}'); filter: brightness(100%); z-index: 1; height: 10%;"> <div style="background: url('{imgBackground}'); filter: brightness(100%); z-index: 1; height: 10%;">
@ -82,6 +82,22 @@
<WeAreText containerProgress={progress}/> <WeAreText containerProgress={progress}/>
</StickyLayer> </StickyLayer>
</Parallax> </Parallax>
<div class="align-center" style="font-size: 9vw; height: 50vh;">
Timeline!
</div>
<div class="align-center" style="width: 100%;">
<div style="justify-items: center; display: flex">
{#each {length: 10} as _, i}
<div style="justify-items: start; display: flex;">
<div class="align-center">
THE TEAM!!!
</div>
<img src="{deprivedTeam}" alt="The deprived team" style=" width: 50%; height: 50%; border-radius: 2vw;"/>
</div>
{/each}
</div>
</div>
</main> </main>
<style> <style>
@ -89,5 +105,9 @@
font-family: CozetteVector; font-family: CozetteVector;
font-size: 5vw; font-size: 5vw;
} }
div {
font-family: CozetteVector;
}
</style> </style>