diff --git a/assets/spotify.png b/assets/spotify.png new file mode 100644 index 0000000..2c9ed6d Binary files /dev/null and b/assets/spotify.png differ diff --git a/assets/youtubemusic.png b/assets/youtubemusic.png new file mode 100644 index 0000000..f661208 Binary files /dev/null and b/assets/youtubemusic.png differ diff --git a/classes/index.html b/classes/index.html index bc3ea7b..a934919 100644 --- a/classes/index.html +++ b/classes/index.html @@ -13,7 +13,7 @@ - + @@ -378,7 +378,7 @@ - + \ No newline at end of file diff --git a/connect/index.html b/connect/index.html index bd89428..334ec1c 100644 --- a/connect/index.html +++ b/connect/index.html @@ -13,7 +13,7 @@ - + @@ -196,7 +196,7 @@ - + \ No newline at end of file diff --git a/css/style.css b/css/style.css index ddcf7f0..3ce5fdf 100644 --- a/css/style.css +++ b/css/style.css @@ -1528,27 +1528,6 @@ body > *:not(.sfB-bg) { position: relative; z-index: 1; } .sfB-pl-platform-group { margin-bottom: 14px; } -.sfB-pl-platform-label { - display: flex; - align-items: center; - gap: 8px; - font-family: 'JetBrains Mono', monospace; - font-size: 9px; - letter-spacing: 2px; - text-transform: uppercase; - font-weight: 500; - margin-bottom: 10px; -} -.sfB-pl-platform-label .pdot { - width: 7px; - height: 7px; - border-radius: 50%; - flex-shrink: 0; -} -.sfB-pl-platform-label .pdot.spotify { background: #1DB954; box-shadow: 0 0 6px #1DB954; } -.sfB-pl-platform-label .pdot.ytmusic { background: #FF4444; box-shadow: 0 0 6px #FF4444; } -.sfB-pl-platform-label.spotify { color: rgba(29,185,84,0.85); } -.sfB-pl-platform-label.ytmusic { color: rgba(255,80,80,0.85); } .sfB-pl-grid5 { display: grid; grid-template-columns: repeat(5, 1fr); @@ -1557,48 +1536,71 @@ body > *:not(.sfB-bg) { position: relative; z-index: 1; } } .sfB-pl-card { padding: 16px; - border-radius: 14px; + border-radius: 16px; background: rgba(255,246,232,0.04); border: 1px solid rgba(255,246,232,0.08); display: flex; flex-direction: column; - gap: 12px; + gap: 0; transition: all .2s; text-decoration: none; + min-height: 140px; } -.sfB-pl-card:hover { background: rgba(255,246,232,0.07); transform: translateY(-2px); } -.sfB-pl-card.spotify:hover { border-color: rgba(29,185,84,0.45); } -.sfB-pl-card.ytmusic:hover { border-color: rgba(255,68,68,0.4); } +.sfB-pl-card:hover { background: rgba(255,246,232,0.07); transform: translateY(-3px); box-shadow: 0 10px 30px rgba(0,0,0,0.3); } +.sfB-pl-card.spotify:hover { border-color: rgba(29,185,84,0.5); } +.sfB-pl-card.ytmusic:hover { border-color: rgba(255,68,68,0.45); } + +.sfB-pl-header { + display: flex; + align-items: center; + gap: 10px; +} +.sfB-pl-logo { + width: 34px; + height: 34px; + border-radius: 50%; + overflow: hidden; + flex-shrink: 0; + border: 1px solid rgba(255,255,255,0.1); +} +.sfB-pl-logo img { + width: 100%; + height: 100%; + object-fit: cover; + display: block; +} +.sfB-pl-name { + font-family: 'Bricolage Grotesque', sans-serif; + font-weight: 700; + font-size: 13px; + letter-spacing: -0.2px; + line-height: 1.2; + color: var(--sf-paper); +} + +.sfB-pl-spacer { flex: 1; } + .sfB-pl-tags { display: flex; flex-wrap: wrap; gap: 5px; - flex: 1; + margin-top: 14px; + padding-top: 12px; + border-top: 1px solid rgba(255,246,232,0.07); } .sfB-pl-tag { - font-size: 9px; - font-weight: 600; - letter-spacing: 0.3px; - padding: 3px 7px; - border-radius: 4px; - background: rgba(255,246,232,0.08); - color: rgba(255,246,232,0.6); + font-family: 'JetBrains Mono', monospace; + font-size: 8px; + font-weight: 500; + letter-spacing: 0.8px; + text-transform: uppercase; + padding: 4px 8px; + border-radius: 999px; + background: rgba(255,246,232,0.07); + color: rgba(255,246,232,0.55); } -.sfB-pl-open { - display: inline-flex; - align-items: center; - font-size: 11px; - font-weight: 700; - letter-spacing: 0.3px; - padding: 7px 11px; - border-radius: 8px; - transition: all .15s; - align-self: flex-start; -} -.sfB-pl-card.spotify .sfB-pl-open { background: rgba(29,185,84,0.12); color: #1DB954; } -.sfB-pl-card.spotify .sfB-pl-open:hover { background: rgba(29,185,84,0.22); } -.sfB-pl-card.ytmusic .sfB-pl-open { background: rgba(255,68,68,0.12); color: #FF7070; } -.sfB-pl-card.ytmusic .sfB-pl-open:hover { background: rgba(255,68,68,0.22); } +.sfB-pl-card.spotify .sfB-pl-tag { background: rgba(29,185,84,0.1); color: rgba(29,185,84,0.8); } +.sfB-pl-card.ytmusic .sfB-pl-tag { background: rgba(255,68,68,0.1); color: rgba(255,110,110,0.85); } @media (max-width: 960px) { .sfB-pl-grid5 { grid-template-columns: repeat(3, 1fr); } diff --git a/festivals/index.html b/festivals/index.html index ca41c8c..f45ceb8 100644 --- a/festivals/index.html +++ b/festivals/index.html @@ -247,7 +247,7 @@ - + \ No newline at end of file diff --git a/index.html b/index.html index c321a1d..16e774f 100644 --- a/index.html +++ b/index.html @@ -13,7 +13,7 @@ - + @@ -276,7 +276,7 @@ - + \ No newline at end of file diff --git a/playlists/index.html b/playlists/index.html index e9beb97..5482b37 100644 --- a/playlists/index.html +++ b/playlists/index.html @@ -89,104 +89,139 @@
- Bachata

Bachata

-
-
- - Spotify -
- -
- Sensual - Romantic - Most Popular + +
+ + Bachata Lovers
- Listen → - - +
- Social Dance - Advanced + Romantic + Popular + Social Modern
- Listen → - - -
- Current - Party - New Trends -
- Listen → +
+ + Bachata Classics +
+
Classics - Beginner + Social Most Popular -
- Listen → - - -
- Sensual - Couples - Night Out -
- Listen → - -
-
- -
-
- - YouTube Music -
-
- -
- Sensual - Romantic - Couples -
- Listen → - - -
- Social Dance - Danceable Intermediate
- Listen → - + +
+ + Bachata Mix +
+
+
+ Varied + Popular + Party + Social +
+ + +
+ + The Sound of Bachata Dominicana +
+
+
+ Dominican + Traditional + Intermediate + Authentic +
+ + +
+ + Top Hits Bachata 2026 +
+
+
+ Modern + Party + Fast + New Releases +
+ + +
+ + Bachata Mix +
+
+
+ Popular + Varied + Social + Party +
+ + +
+ + Bachata Romántica +
+
Romantic - Slow - Chill + Smooth + Couples + Date Night
- Listen → - + +
+ + Mix bachata Romeo Santos, Aventura, Prince Royce +
+
- Remixes + Most Popular + Singalong + Social + Mainstream +
+ + +
+ + BACHATA 2025 · 2026 🌍 +
+
+
+ Modern + New Releases Party - Current + Popular
- Listen → - -
- Beginner - Easy Tempo - Practice + +
+ + bachata dominicana +
+
+
+ Dominican + Authentic + Traditional + Danceable
- Listen →
@@ -195,104 +230,126 @@
- Salsa

Salsa

-
-
- - Spotify -
- -
- Classics - Beginner - Most Popular + +
+ + Salsa Mix
- Listen → - - +
- Romantic - Couples - Melodic -
- Listen → - - -
- Fast - High Energy - Advanced -
- Listen → - - -
- Current + Popular + Social + Varied Party +
+ + +
+ + Salsa Top 50 +
+
+
+ Most Popular Modern + Party + Current
- Listen → - -
- Social Dance - Danceable - DJs + +
+ + Salsa Top 100
- Listen → - -
-
- -
-
- - YouTube Music -
-
- +
+ Essentials + Social + Classics + Reference +
+ + +
+ + Puerto Rican Salsa Top 100 +
+
+
+ Puerto Rican + Classics + Social + Collector's +
+ + +
+ + Salsa Mix +
+
+
+ Popular + Varied Party Social +
+ + +
+ + Salsa Cubana Para Bailar +
+
+
+ Cuban Danceable + Social + Intermediate
- Listen → - -
- Romantic - Couples - Chill + +
+ + Salsa On2 Social Dancing +
+
+
+ On2 + Social + Intermediate + Dancers
- Listen → - -
- Classics - Most Popular - Traditional + +
+ + Salsa Music Miami Beach +
+
+
+ Party + Tropical + Varied + Atmosphere
- Listen → - -
- Fast - Workout - Energy + +
+ + Radio - Salsa
- Listen → - - +
- Beginner - Practice - Clear Tempo + Discovery + Popular + Social + Endless
- Listen →
@@ -301,104 +358,48 @@
- Kizomba

Kizomba

-
-
- - Spotify -
- -
- Most Popular - Social - Essentials + +
+ + Kizomba Top Hits
- Listen → - - -
- Modern - Sensual - Current -
- Listen → - - +
Romantic - Slow - Night Out + Popular + Social + Smooth
- Listen → - -
- Deep - Sensual - Underground + +
+ + New Kizomba 2024
- Listen → - - +
- Danceable - DJs - Social Dance + Modern + New Releases + Social + Party
- Listen → -
-
- -
-
- - YouTube Music -
-
- + +
+ + Kizomba +
+
- Most Popular + Clear Tempo + Classes Beginner - Social -
- Listen → - - -
- Romantic - Sensual - Chill -
- Listen → - - -
- Modern - Technique Practice
- Listen → - - -
- Slow - Deep - Sensual -
- Listen → - - -
- Party - DJs - Medium Energy -
- Listen →
@@ -407,104 +408,74 @@
- Zouk

Zouk

-
-
- - Spotify -
- -
- Beginner - Social Dance - Danceable + +
+ + Zouk Station
- Listen → - - -
- Romantic - Slow - Sensual -
- Listen → - - -
- Current - Technique - Flow -
- Listen → - - -
- Sensual - Couples - Night Out -
- Listen → - - +
+ Popular Party - Most Popular - DJs -
- Listen → - -
-
- -
-
- - YouTube Music -
-
- -
- Beginner - Technique - Practice -
- Listen → - - -
- Romantic - Slow - Connection -
- Listen → - - -
- Sensual - Couples - Flow -
- Listen → - - -
- Current - Social + Kompa-Zouk Modern
- Listen → - -
- Party - DJs - Night Mood + +
+ + The Sound of Zouk +
+
+
+ Essentials + Discovery + Varied + Reference +
+ + +
+ + Zouk +
+
+
+ Classes + Clear Tempo + Beginner + Practice +
+ + +
+ + ZOUK BRAZIL 2026 +
+
+
+ Brazilian Zouk + Social + Modern + Dancers +
+ + +
+ + The Best of Kompa Zouk 2025 BY OSOCITY +
+
+
+ Kompa-Zouk + Party + Popular + Atmosphere
- Listen →
@@ -532,7 +503,7 @@
- + diff --git a/schedule/index.html b/schedule/index.html index 09695d1..6f840bf 100644 --- a/schedule/index.html +++ b/schedule/index.html @@ -13,7 +13,7 @@ - + @@ -122,7 +122,7 @@
- + + \ No newline at end of file