index.html

@@ -18,8 +18,7 @@
       </style>
       <div class="noscriptmsg">
         You don't have javascript enabled. <br/>
-        This website is not finished anyway. Come check back later or contact us at: alex@deprived.dev
-        <!-- Please visit this website without javascript: <a href="https://scriptless.deprived.dev/">link</a> -->
+        Please visit this website without javascript: <a href="https://scriptless.deprived.dev/">link</a>
       </div>
     </noscript>
   </body>

src/App.svelte

@@ -5,13 +5,11 @@
   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';
-  import location from './assets/images/thisLocation.png';
-  import photo from './assets/images/realistic.png';
+  import deprivedTeam from './assets/images/deprivedTeam.jpg';
 
   window.onload = function() {
     //window.scrollTo(0, 100);
-    window.scrollTo(0, 5800); // Debug
+    window.scrollTo(0, 5500); // Debug
   }
 
   // Auto assigned fields (Will change after load)
@@ -25,7 +23,7 @@
   function debugClick(){
   }
 
-  let weAreTexts: string[] = ['overlooked', 'underfunded', 'constrained', 'depleted'];
+  let weAreTexts: string[] = ['overlooked', 'underfunded', 'constrained', 'depleated'];
 </script>
 
 <svelte:window bind:scrollY={scrollPos} />
@@ -40,10 +38,10 @@
 
   <Parallax 
     onProgress={handleProgress}
-    sections={7.000000001}
+    sections={10}
     config={{stiffness: 0.2, damping: 0.3}}
     >
-    <ParallaxLayer rate={0} span={7.000000001} style="background: url('{planeImg}'); filter: brightness(10%);" />
+    <ParallaxLayer rate={0} span={10} style="background: url('{planeImg}'); filter: brightness(10%);" />
 
     <ParallaxLayer rate={1} span={2}>
       <div style="background: url('{imgBackground}'); filter: brightness(100%); z-index: 1; height: 10%;">
@@ -74,43 +72,18 @@
       <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>
-    </StickyLayer>
+    </ParallaxLayer>
 
     <StickyLayer class="align-center" offset={{ top: 0, bottom: 5.6 }} let:progress>
       <WeAreText containerProgress={progress}/>
     </StickyLayer>
   </Parallax>
-  
-  <div class="align-center" style="font-size: 3vw; height: 50vh;">
-    Timeline!
-    This website is not at all finished. Come back later or contact us at: alex@deprived.dev
-  </div>
-
-  <!-- <div >
-    <div class="align-center">
-        <img src="{location}" alt="a funny place" style=" width: 50%; height: 50%; border-radius: 2vw;"/>
-      </div>
-    <div class="align-center" style="padding-top: 2.5vw;">
-        <img src="{photo}" alt="a funny place" style=" width: 50%; height: 50%; border-radius: 2vw;"/>
-      </div>
-  </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>
 
 <style>
@@ -118,9 +91,5 @@
     font-family: CozetteVector;
     font-size: 5vw;
   }
-
-  div {
-    font-family: CozetteVector;
-  }
 </style>