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

added deprived team image

This commit is contained in:
BOTAlex 2024-01-22 13:28:21 +01:00
parent 8373b9b32e
commit 35abfe2a6b
2 changed files with 9 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
src/App.svelte
View File

@ -5,6 +5,7 @@
import ZSpacer from './lib/Universal/ZSpacer.svelte';
import planeImg from './assets/images/PlaneGrid.png';
import imgBackground from './assets/images/CubeSideTransparent.png';
import deprivedTeam from './assets/images/deprivedTeam.jpg';
window.onload = function() {
//window.scrollTo(0, 100);
@ -67,12 +68,18 @@
</StickyLayer>
{/each}
<StickyLayer offset={{ top: 6, bottom: 6 }} style="background-color: #242424;">
<StickyLayer offset={{ top: 6, bottom: 6 }} style="background-color: #242424; margin-bottom: 20vw;">
<div class="align-center stickyText" style="font-size: 9vw; padding-top: 200px;">
The deprived devs
</div>
</StickyLayer>
<ParallaxLayer offset={6.5}>
<div class="align-center">
<img src="{deprivedTeam}" alt="The deprived team" style=" width: 50%; height: 50%; border-radius: 2vw;"/>
</div>
</ParallaxLayer>
<StickyLayer class="align-center" offset={{ top: 0, bottom: 5.6 }} let:progress>
<WeAreText containerProgress={progress}/>
</StickyLayer>

2
src/lib/WeAreText.svelte
View File

@ -34,7 +34,7 @@
<div>
<div class="align-center" style="margin-right: 35vw; position: relative;">
<div id="WeAreText" class="no-wrap no-interact shine" class:animate={shine}
style="position: absolute; background: rgba(94, 186, 242, {backgroundTime})">
style="position: absolute; background: rgba(8, 60, 99, {backgroundTime})">
We are
</div>
</div>