Javi/saborflow
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add dance photos to hero card stack

Browse Source 
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Javier Blanco
2026-05-01 20:43:51 +07:00
parent c96e098f38
commit 02685b8e0b
4 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
assets/bachata.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.4 MiB

BIN
assets/kizomba.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 4.5 MiB

BIN
assets/salsa.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 5.4 MiB

7
css/style.css
View File

@@ -396,9 +396,12 @@ body > *:not(.sfB-bg) { position: relative; z-index: 1; }
.sfB-stack-card .ph {
position: absolute;
inset: 0;
background-image: repeating-linear-gradient(
45deg, rgba(255,255,255,0.05) 0 12px, transparent 12px 24px);
background-size: cover;
background-position: center;
}
.sfB-stack-card.c1 .ph { background-image: linear-gradient(to bottom, rgba(0,0,0,0.15), rgba(0,0,0,0.45)), url('../assets/salsa.png'); }
.sfB-stack-card.c2 .ph { background-image: linear-gradient(to bottom, rgba(0,0,0,0.15), rgba(0,0,0,0.45)), url('../assets/kizomba.png'); }
.sfB-stack-card.c3 .ph { background-image: linear-gradient(to bottom, rgba(0,0,0,0.15), rgba(0,0,0,0.45)), url('../assets/bachata.png'); }
.sfB-stack-card .tag {
position: absolute;
top: 14px; left: 14px;