aniva/Chrysoblog
aniva
/
Chrysoblog
1
1
Fork 0
Code Issues 8 Pull Requests 2 Packages Projects Releases Wiki Activity

fix: All special effects

This commit is contained in:
Leni Aniva 2025-06-22 16:42:32 -07:00
parent f5843184d5
commit 3f71107a0a
Signed by: aniva
GPG Key ID: D5F96287843E8DFB
3 changed files with 33 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/lib/Cover.svelte
View File

File diff suppressed because one or more lines are too long
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 148 KiB

After

Width:  |  Height:  |  Size: 148 KiB

40
src/lib/cover-work.svg
View File

@ -25,9 +25,9 @@
inkscape:deskcolor="#d1d1d1" inkscape:deskcolor="#d1d1d1"
inkscape:document-units="mm" inkscape:document-units="mm"
showgrid="true" showgrid="true"
inkscape:zoom="0.59666283" inkscape:zoom="2.3866513"
inkscape:cx="1893.8669" inkscape:cx="1935.3476"
inkscape:cy="1184.0858" inkscape:cy="960.13187"
inkscape:window-width="3774" inkscape:window-width="3774"
inkscape:window-height="2126" inkscape:window-height="2126"
inkscape:window-x="0" inkscape:window-x="0"
@ -298,10 +298,10 @@
inkscape:collect="always" inkscape:collect="always"
style="color-interpolation-filters:sRGB" style="color-interpolation-filters:sRGB"
id="filter151" id="filter151"
x="-0.072934623" x="-0.071587993"
y="-0.079969893" y="-0.078753534"
width="1.1457854" width="1.143176"
height="1.1604865"><feGaussianBlur height="1.1575071"><feGaussianBlur
inkscape:collect="always" inkscape:collect="always"
stdDeviation="3.5689203" stdDeviation="3.5689203"
id="feGaussianBlur151" /></filter><filter id="feGaussianBlur151" /></filter><filter
@ -653,6 +653,20 @@
y1="214.80356" y1="214.80356"
x2="241.47896" x2="241.47896"
y2="215.65216" /></defs><g y2="215.65216" /></defs><g
inkscape:label="Reference"
inkscape:groupmode="layer"
id="layer1"
style="display:none"
inkscape:highlight-color="#afafaf"
sodipodi:insensitive="true"><image
width="1013.7791"
height="644.17212"
preserveAspectRatio="none"
xlink:href="../../../../../Pictures/Cosplay/cgi/lenish-homepage/cover.png"
id="image1"
x="2.2152383"
y="0.44297579"
style="display:inline" /></g><g
inkscape:groupmode="layer" inkscape:groupmode="layer"
id="Wires" id="Wires"
inkscape:label="Wires"><path inkscape:label="Wires"><path
@ -804,8 +818,7 @@
id="hakkero" id="hakkero"
inkscape:label="Hakkero" inkscape:label="Hakkero"
style="display:inline" style="display:inline"
inkscape:highlight-color="#5ac968" inkscape:highlight-color="#5ac968"><path
sodipodi:insensitive="true"><path
style="display:inline;mix-blend-mode:multiply;fill:#000000;fill-opacity:0.357587;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;filter:url(#filter128)" style="display:inline;mix-blend-mode:multiply;fill:#000000;fill-opacity:0.357587;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;filter:url(#filter128)"
d="m 557.99468,386.04907 44.66725,-14.71087 20.77621,-26.46404 -11.21157,4.01968 7.52371,-18.37396 -17.19799,-17.37623 10.18434,-6.29026 -13.91672,-15.48357 -84.4996,-16.08588 -14.85953,2.65371 z" d="m 557.99468,386.04907 44.66725,-14.71087 20.77621,-26.46404 -11.21157,4.01968 7.52371,-18.37396 -17.19799,-17.37623 10.18434,-6.29026 -13.91672,-15.48357 -84.4996,-16.08588 -14.85953,2.65371 z"
id="path156" id="path156"
@ -959,12 +972,12 @@
id="hologram" id="hologram"
inkscape:label="Hologram" inkscape:label="Hologram"
style="display:inline" style="display:inline"
sodipodi:insensitive="true"
class="effect"><path class="effect"><path
style="display:inline;fill:#97f6ad;fill-opacity:0.117114;stroke:#000000;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;filter:url(#filter151)" style="display:inline;fill:#97f6ad;fill-opacity:0.117114;stroke:none;stroke-width:0.264583px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;filter:url(#filter151)"
d="m 432.15721,329.2838 c 3.11063,-1.55533 24.88515,-11.55383 39.3274,-11.10943 14.44228,0.44436 33.99491,6.99894 36.21677,8.44317 2.2219,1.44423 19.55263,-94.65244 19.55263,-94.65244 0,0 -38.10537,-11.55382 -53.99188,-11.44272 -15.88651,0.11109 -65.6568,12.33148 -65.6568,12.33148 z" d="m 432.15721,329.2838 c 3.11063,-1.55533 24.88515,-11.55383 39.3274,-11.10943 14.44228,0.44436 33.99491,6.99894 36.21677,8.44317 2.2219,1.44423 19.55263,-94.65244 19.55263,-94.65244 0,0 -38.10537,-11.55382 -53.99188,-11.44272 -15.88651,0.11109 -65.6568,12.33148 -65.6568,12.33148 z"
id="path151" id="path151"
inkscape:label="back" /><g inkscape:label="back"
class="glow" /><g
inkscape:groupmode="layer" inkscape:groupmode="layer"
id="layer4" id="layer4"
inkscape:label="Trillium" inkscape:label="Trillium"
@ -4340,7 +4353,8 @@
d="m 407.95211,232.93276 c 6.66567,4.44377 44.42427,21.47341 59.08874,20.58466 14.66446,-0.88876 47.99277,-7.77661 59.3244,-17.55292 11.33163,-9.77631 -5.52628,77.38784 -9.39786,100.08981 -4.42031,7.18084 -15.33491,16.09204 -43.79561,16.35011 -27.4211,0.24864 -40.71707,-8.64144 -45.58865,-16.61122 -6.90972,-23.17737 -19.63102,-102.86044 -19.63102,-102.86044 z" d="m 407.95211,232.93276 c 6.66567,4.44377 44.42427,21.47341 59.08874,20.58466 14.66446,-0.88876 47.99277,-7.77661 59.3244,-17.55292 11.33163,-9.77631 -5.52628,77.38784 -9.39786,100.08981 -4.42031,7.18084 -15.33491,16.09204 -43.79561,16.35011 -27.4211,0.24864 -40.71707,-8.64144 -45.58865,-16.61122 -6.90972,-23.17737 -19.63102,-102.86044 -19.63102,-102.86044 z"
id="path150" id="path150"
sodipodi:nodetypes="csscscc" sodipodi:nodetypes="csscscc"
inkscape:label="front" /></g></a></g><g inkscape:label="front"
class="glow" /></g></a></g><g
inkscape:groupmode="layer" inkscape:groupmode="layer"
id="visor" id="visor"
inkscape:label="Visor" inkscape:label="Visor"

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 339 KiB

After

Width:  |  Height:  |  Size: 340 KiB

8
src/routes/+page.svelte
View File

@ -9,7 +9,7 @@
import Cover from "$lib/Cover.svelte" import Cover from "$lib/Cover.svelte"
let scrollPosition: number = .5; let scrollPosition: number = .5;
let scrollHeight: number = 1; let scrollHeight: number = 1;
let progress: number = 0; let progress: number = 0.0;
let button_blog; let button_blog;
@ -138,11 +138,11 @@
position: absolute; position: absolute;
background-size: contain; background-size: contain;
background-position: center center; */ background-position: center center; */
z-index: -10;
overscroll-behaviour: none; overscroll-behaviour: none;
display: flex; display: flex;
justify-content: center; justify-content: center;
flex-direction: column; flex-direction: column;
visibility: visible;
} }
:global(.dark #cover) { :global(.dark #cover) {
background: background:
@ -154,7 +154,6 @@
:global(#cover > svg) { :global(#cover > svg) {
max-width: 100svw; max-width: 100svw;
max-height: 100svh; max-height: 100svh;
z-index: -10;
width: 100%; width: 100%;
height: 100%; height: 100%;
} }
@ -194,6 +193,9 @@
:global(.dark #switch-left) { :global(.dark #switch-left) {
visibility: hidden; visibility: hidden;
} }
:global(.effect > .glow) {
filter: blur(.3rem);
}
.nav-link { .nav-link {
display: inline-block; display: inline-block;
} }