From b8051fb86ec9e2a2ce5059d7cdb594bdc71bce5c Mon Sep 17 00:00:00 2001
From: BOTAlex <zhentao2004@gmail.com>
Date: Fri, 12 Jan 2024 07:55:16 +0100
Subject: [PATCH] Progress zync

---
 src/App.svelte                            |   9 ++++++++-
 src/assets/images/CubeSideTransparent.png | Bin 0 -> 18426 bytes
 src/{ => assets}/images/PlaneGrid.png     | Bin
 3 files changed, 8 insertions(+), 1 deletion(-)
 create mode 100644 src/assets/images/CubeSideTransparent.png
 rename src/{ => assets}/images/PlaneGrid.png (100%)

diff --git a/src/App.svelte b/src/App.svelte
index 4e9eca2..1109e97 100644
--- a/src/App.svelte
+++ b/src/App.svelte
@@ -3,7 +3,8 @@
   import { Parallax, ParallaxLayer, StickyLayer } from 'svelte-parallax';
   import { onMount } from "svelte";
   import ZSpacer from './lib/Universal/ZSpacer.svelte';
-  import planeImg from './images/PlaneGrid.png';
+  import planeImg from './assets/images/PlaneGrid.png';
+  import imgBackground from './assets/images/CubeSideTransparent.png';
 
   window.onload = function() {
     //window.scrollTo(0, 100);
@@ -41,6 +42,12 @@
     >
     <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%;">
+
+      </div>
+    </ParallaxLayer>
+
     <StickyLayer offset={{ top: 0, bottom: 10 }} style="z-index: 1000;">
       <div>
         {scrollPos}
diff --git a/src/assets/images/CubeSideTransparent.png b/src/assets/images/CubeSideTransparent.png
new file mode 100644
index 0000000000000000000000000000000000000000..8560c76e973742f454a8c1f1cb49ed4dccc13d98
GIT binary patch
literal 18426
zcmeHPZAep57=E|uW;(SGGqssU^~VJJFf#m{ZK#xDQ&9WS43(K8Nq&%F+e~wql<P+y
z1UXuwNT7zzpYHl263b0N%Cyj^W<lm^%68qy?MOKl`kQFHKQ8y2%X`lqFXuV$d!Far
zY0At<@%0Yz1_0l*RFMS0i!{B!i$iYLYxc3pja4B@Nro<i;4A5P$b{)afTt}!j`N<R
z&(A!aEmo;ijg5^B4GrW$Z@^&ul3k@FBa2}eNQ&s3C;ctusd*IuKHHWqmZDI48z4oN
zCK6^}J~ul)P*U{vmd8lWf{W4Yeo`=g)4)xy)V-$a_eaJ|k9*J>h7B`80Oe{H056y{
zMi@UO^UiG4FX%=Vts2LunG>z)Hbm?D`{brDd8<s>%~wjbbZu1!t&o-i#SDP$zyo6r
zmoon3oA0p9r-(gYsrei{eULMKuQ)*(42ds~Qp6x?w6^~U$nUzxC;~^M5r~0aWTA(^
zme<N!GH5bc$T+=moLXYAeRzh9Bdg)shyi|R+5PM3I)zJ1`E|}J1s;K^WwAT2zT(8T
z^>Hq3%?;PhX3rn?|E8Ys8x-c(jrC=XzKH8NSrQx0tMimhW{ATq_#!$7XAYtRmkwMW
zF?L{l#N+`Jq;<|7o%SEb<BBu+s<G-MKekU>-$Q+|uTr6>o7pSB#36Rh?Eyg{043xC
zHqZ$;6A%T60z?6#08xM_*yt!Y1}<m2oRzy*7pktO*qvoFQD-^Rnu}|wOT}miFtjPk
z8yQQabCI$}J|8s;6m(FuLPZZ%OO$jsi)^iOTwxq`t8T>ZF3<QL&CHehf-Nx!D=DxD
zWvOZg%W5`RMH1r>*M&+ZStq<A)f3ebi}!iesb#!R;XO$ulbv4*_KdqXwjJ7*npIlH
zjRX_Eh|a;8^PBcTbl}o~%Ol1Px7LsG5t9c@kp6jsWc~OztwnCx<+-vJ(anof@enfz
zpseQuHqZ$;6A%T60z?6#08xM_*yt!I0f#-^$?i#B{)3-E`ix5@POYIXU0PC#V;PnP
zAY+Mi?w?vLB;}BlLsD*KBaDI$idLxTq1?G#tBmn+gT+UGdcj3o=Sm-0=Mw41A9&;x
zllK=~Q*T1RtT==Rl>E<UyMziLCs64=qNb{yUeGc29T4+;^#--VWuIbLLhq<N;ZOlZ
P&f$SHafYZXIse)(e<%=^

literal 0
HcmV?d00001

diff --git a/src/images/PlaneGrid.png b/src/assets/images/PlaneGrid.png
similarity index 100%
rename from src/images/PlaneGrid.png
rename to src/assets/images/PlaneGrid.png