From 35abfe2a6b72f30a2769ee595b260fe4160e54a0 Mon Sep 17 00:00:00 2001
From: BOTAlex <zhentao2004@gmail.com>
Date: Mon, 22 Jan 2024 13:28:21 +0100
Subject: [PATCH] added deprived team image

---
 src/App.svelte           | 9 ++++++++-
 src/lib/WeAreText.svelte | 2 +-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/App.svelte b/src/App.svelte
index 52ada30..c7b65e9 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -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>
diff --git a/src/lib/WeAreText.svelte b/src/lib/WeAreText.svelte
index 5608909..8ef4519 100644
--- a/src/lib/WeAreText.svelte
+++ b/src/lib/WeAreText.svelte
@@ -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>