System-End/campfire
1
0
Fork 0
mirror of https://github.com/System-End/campfire.git synced 2026-04-19 16:28:22 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: image optimization part 2

Browse source
This commit is contained in:
ascpixi 2025-11-21 19:05:58 -05:00
parent 1ace0021f5
commit 7c8a1cb709
4 changed files with 4 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

BIN
frontend/public/backgrounds/seafloor.webp Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 329 KiB

BIN
frontend/public/decorative/vines.webp Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 463 KiB

BIN
frontend/public/stories/counterspell.webp Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 575 KiB

8
frontend/src/App.tsx
View file

@ -94,7 +94,7 @@ function App() {
<div className="absolute -bottom-[50px] left-0 w-full h-[120px] pointer-events-none">
<img
src="/decorative/vines.png"
src="/decorative/vines.webp"
alt=""
className="w-full h-full object-cover object-top select-none"
/>
@ -241,7 +241,7 @@ function App() {
<section className="relative pt-[13vw] pb-96 bg-[url(/backgrounds/underwater-gradient.png)] bg-cover">
<div className="absolute top-0 left-0 w-screen h-[200px] bg-gradient-to-b from-[#004b2a] to-transparent pointer-events-none"></div>
<div className="absolute top-[30px] left-0 w-full scale-125 pointer-events-none z-50">
<img src="/decorative/vines.png" alt="" className="w-full h-full object-cover select-none" />
<img src="/decorative/vines.webp" alt="" className="w-full h-full object-cover select-none" />
</div>
<div className="absolute bottom-[30px] left-0 w-full h-[800px] z-0 pointer-events-none">
@ -249,7 +249,7 @@ function App() {
</div>
<div className="absolute bottom-0 left-0 w-full h-[613px] z-0 pointer-events-none">
<img src="/backgrounds/seafloor.png" alt="" className="w-full h-full object-cover select-none" />
<img src="/backgrounds/seafloor.webp" alt="" className="w-full h-full object-cover select-none" />
</div>
<div className="absolute bottom-[200px] left-32 w-[569px] h-[676px] pointer-events-none">
@ -403,7 +403,7 @@ function App() {
<div className="flex flex-col md:flex-row gap-12 justify-between w-full items-center">
<StoryCard
imageSrc="/stories/counterspell.jpg"
imageSrc="/stories/counterspell.webp"
imageAlt=""
titleImageSrc="/branding/logo-counterspell.png"
titleImageAlt="Counterspell logo"