thepra/decePubClient
1
0 Fork 0
Code Issues Pull Requests Actions Projects Releases 1 Wiki Activity

Serve the styleguide's images and links locally

Browse Source 
The styleguide loaded 42 images from picsum.photos and linked demo items to
daisyui.com. It now uses six small SVG landscapes in wwwroot/imgs/styleguide/
(the diff demo greys one with the grayscale utility), and its demo links stay on
/styleguide.

It also gains a carousel demo with navigation and indicators.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01LsXgEaXee4GCU1hwYgPJXw
This commit is contained in:
thepraandClaude Opus 5.5 committed 2026-10-03 12:43:07 +02:00
1 parent d71040f262
commit 483ed271e0
10 files changed
+114 -53
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

wwwroot/imgs/styleguide/scene-1.svg
+9
View File
@@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" width="800" height="500" viewBox="0 0 800 500" preserveAspectRatio="xMidYMid slice">
<title>dawn</title>
<defs><linearGradient id="sky" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#fbd3b0"/><stop offset="1" stop-color="#f6a77e"/></linearGradient></defs>
<rect width="800" height="500" fill="url(#sky)"/>
<circle cx="520" cy="175" r="70" fill="#fff1c9"/>
<path d="M0 330 L120 236 L250 300 L380 208 L520 310 L660 236 L800 290 L800 500 L0 500 Z" fill="#d98a6c"/>
<path d="M0 380 L90 330 L210 367 L340 300 L470 380 L600 330 L720 370 L800 340 L800 500 L0 500 Z" fill="#b5664f"/>
<path d="M0 440 Q200 385 400 430 T800 420 L800 500 L0 500 Z" fill="#7d3f33"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 719 B

wwwroot/imgs/styleguide/scene-2.svg
+9
View File
@@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" width="800" height="500" viewBox="0 0 800 500" preserveAspectRatio="xMidYMid slice">
<title>sea</title>
<defs><linearGradient id="sky" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#a7d8f5"/><stop offset="1" stop-color="#e3f4fb"/></linearGradient></defs>
<rect width="800" height="500" fill="url(#sky)"/>
<circle cx="480" cy="200" r="55" fill="#fffbe6"/>
<path d="M0 330 L120 242 L250 300 L380 216 L520 310 L660 232 L800 290 L800 500 L0 500 Z" fill="#7fb3d1"/>
<path d="M0 380 L90 330 L210 364 L340 300 L470 380 L600 330 L720 370 L800 340 L800 500 L0 500 Z" fill="#3f86b0"/>
<path d="M0 440 Q200 390 400 430 T800 420 L800 500 L0 500 Z" fill="#1f5f86"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 718 B

wwwroot/imgs/styleguide/scene-3.svg
+9
View File
@@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" width="800" height="500" viewBox="0 0 800 500" preserveAspectRatio="xMidYMid slice">
<title>forest</title>
<defs><linearGradient id="sky" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#cfe8c5"/><stop offset="1" stop-color="#f1f7e8"/></linearGradient></defs>
<rect width="800" height="500" fill="url(#sky)"/>
<circle cx="440" cy="150" r="70" fill="#fdfbe3"/>
<path d="M0 330 L120 248 L250 300 L380 224 L520 310 L660 228 L800 290 L800 500 L0 500 Z" fill="#8cb98a"/>
<path d="M0 380 L90 330 L210 361 L340 300 L470 380 L600 330 L720 370 L800 340 L800 500 L0 500 Z" fill="#4f8a55"/>
<path d="M0 440 Q200 395 400 430 T800 420 L800 500 L0 500 Z" fill="#285c34"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 721 B

wwwroot/imgs/styleguide/scene-4.svg
+9
View File
@@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" width="800" height="500" viewBox="0 0 800 500" preserveAspectRatio="xMidYMid slice">
<title>dusk</title>
<defs><linearGradient id="sky" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#3b2a5c"/><stop offset="1" stop-color="#c06c84"/></linearGradient></defs>
<rect width="800" height="500" fill="url(#sky)"/>
<circle cx="400" cy="175" r="55" fill="#f8b195"/>
<path d="M0 330 L120 254 L250 300 L380 232 L520 310 L660 224 L800 290 L800 500 L0 500 Z" fill="#6c5b7b"/>
<path d="M0 380 L90 330 L210 358 L340 300 L470 380 L600 330 L720 370 L800 340 L800 500 L0 500 Z" fill="#45385e"/>
<path d="M0 440 Q200 400 400 430 T800 420 L800 500 L0 500 Z" fill="#251c36"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 719 B

wwwroot/imgs/styleguide/scene-5.svg
+9
View File
@@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" width="800" height="500" viewBox="0 0 800 500" preserveAspectRatio="xMidYMid slice">
<title>desert</title>
<defs><linearGradient id="sky" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#f9e2b0"/><stop offset="1" stop-color="#fdf3dc"/></linearGradient></defs>
<rect width="800" height="500" fill="url(#sky)"/>
<circle cx="360" cy="200" r="70" fill="#ffffff"/>
<path d="M0 330 L120 260 L250 300 L380 240 L520 310 L660 220 L800 290 L800 500 L0 500 Z" fill="#e3b778"/>
<path d="M0 380 L90 330 L210 355 L340 300 L470 380 L600 330 L720 370 L800 340 L800 500 L0 500 Z" fill="#c98f4a"/>
<path d="M0 440 Q200 405 400 430 T800 420 L800 500 L0 500 Z" fill="#94622c"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 721 B

wwwroot/imgs/styleguide/scene-6.svg
+9
View File
@@ -0,0 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" width="800" height="500" viewBox="0 0 800 500" preserveAspectRatio="xMidYMid slice">
<title>snow</title>
<defs><linearGradient id="sky" x1="0" y1="0" x2="0" y2="1"><stop offset="0" stop-color="#c9d6e3"/><stop offset="1" stop-color="#eef3f8"/></linearGradient></defs>
<rect width="800" height="500" fill="url(#sky)"/>
<circle cx="320" cy="150" r="55" fill="#ffffff"/>
<path d="M0 330 L120 266 L250 300 L380 248 L520 310 L660 216 L800 290 L800 500 L0 500 Z" fill="#aebfd1"/>
<path d="M0 380 L90 330 L210 352 L340 300 L470 380 L600 330 L720 370 L800 340 L800 500 L0 500 Z" fill="#8199b3"/>
<path d="M0 440 Q200 410 400 430 T800 420 L800 500 L0 500 Z" fill="#4d6580"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 719 B