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
zcmeAS@N?(olHy`uVBq!ia0y~y;9vk@4rT@hhSo}DCI$uu#^NA%Cx&(BWL`2bFtDUM
z`Z_W&Z0zU$lgP@zz`zsW6XM$5-rm;M*3#0#z`(Fs<b*9qT}hB%@c;k+8631$eqmr>
z;4JWnEM{Qf76f6&`jq&I3=Hn+o-U3d6>)EG9L!3+*~fAr{OiB}^QBiO-{?KZ=3BD$
z+JR;j9g7DySbom`&&2Rtf`Or60wV(hyCefc!G-^P4gc?aIKThv)(gMB&;N7r1GCBe
z_2*3X@7q@QOulYjdc%62hWJH4Yf6{@tdGxTIPm`<!w=P2=fl|!od3l0VJhPXZ<G1!
zc^c+Fm3*Mh{9t;9UA!cN{b}O^;cN%=FV^fcVyK%2HzSqdkIs39cu9u+E}ws%V)zj`
zj}fGx^V#RAj2|}JFxR9q{1H0)T$}kpdL`SBQ==9QOwiT;TXcYL<=X}s7BP=pYth;>
z%+^b`F&7C$C~SQj^2Lz<&4gQgCma(RuWSpxc-&@#bC$INdn0SmZ9iA}&!ZYg17|el
zjOLEfqGPmp9IZP>>&MZ?!)ODE&aKD4zdxQguMbRUzf$JF$Hcv4+uZ#bybbmHe|9q=
zT=K{D?|V50nG^<w1CDGAqm0o&7)=SIxnMLGjOK#TTripoMsvYn&jqFo|NbtkV~kMT
zDm$V10Mp9c=lW6159a5i3|-b=lw$b*^O-)^=!oU$aPH`k_2_v1=$ysqgwE)s)#!}g
z=&a@Fl<rWOwr>AZ_5aWB?^`eYhA+=}XY&7jHZQ{udx_DN6r+n!K&xg(m(>ih6-od9
zxHifL-Db4p(3x<nOzYPS_A-xL_9qG(9I|e&e32}71KzP+zNo(vX)dG7?%Alu(ZCr^
zIgnwW(cCdwbc_~{qjd*-u79+C9Bn*|HjrrEK>Gd|+gwZCXK_|US@g5}*L_<CixUhC
z4b40Zqm0o&7)=SIxnMLGjOK#TTripoMsvYn&jncwe}4P^W!m5b+u(ODehb?H`}-(E
zm;V--GW`2|HeO_O#By{v7rGW}bWm<|P;PWk4$%=FozNMbv>Kh!8=dZityLba9|u|e
z$p7=}zn|aVXD|Hz-u~y}hwK@4@pm)--M=oy@S)y-p>FhmlHq%{i>wSoxL5=Hh?>%6
sKfiAM|67>B;wW+lwfNuf`~Mjox%49)PbD8<U|?YIboFyt=akR{0DmYDmH+?%

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