Add Google Maps links to schedule venues
Each venue in the schedule table is now a link that opens Google Maps. Real place page used where found (Caliz, Webe Coffee); search fallback for the rest. Pin icon appears on hover. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -523,6 +523,17 @@ section { padding: 5rem 0; }
|
|||||||
.day-saturday { background: rgba(240,160,48,0.12); color: var(--gold); }
|
.day-saturday { background: rgba(240,160,48,0.12); color: var(--gold); }
|
||||||
.day-sunday { background: rgba(24,184,184,0.12); color: var(--teal); }
|
.day-sunday { background: rgba(24,184,184,0.12); color: var(--teal); }
|
||||||
|
|
||||||
|
.venue-map-link {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 0.3rem;
|
||||||
|
color: var(--muted);
|
||||||
|
transition: color var(--tr);
|
||||||
|
}
|
||||||
|
.venue-map-link:hover { color: var(--teal); }
|
||||||
|
.venue-map-link svg { opacity: 0.5; flex-shrink: 0; transition: opacity var(--tr); }
|
||||||
|
.venue-map-link:hover svg { opacity: 1; }
|
||||||
|
|
||||||
.social-name { font-family: 'Plus Jakarta Sans', sans-serif; font-weight: 700; font-size: 0.83rem; color: var(--text); }
|
.social-name { font-family: 'Plus Jakarta Sans', sans-serif; font-weight: 700; font-size: 0.83rem; color: var(--text); }
|
||||||
.venue-name { color: var(--muted); font-size: 0.8rem; }
|
.venue-name { color: var(--muted); font-size: 0.8rem; }
|
||||||
.music-text { color: var(--muted); font-size: 0.78rem; }
|
.music-text { color: var(--muted); font-size: 0.78rem; }
|
||||||
|
|||||||
26
js/main.js
26
js/main.js
@@ -4,16 +4,16 @@
|
|||||||
// ============================================================
|
// ============================================================
|
||||||
|
|
||||||
const SCHEDULE = [
|
const SCHEDULE = [
|
||||||
{ day: 'Monday', venue: 'Webe Coffee', social: 'BOM', music: '8 Bachata · 1 Salsa · 1 Kizomba', city: 'Da Nang', organizer: 'Luu Phuong & Shai' },
|
{ day: 'Monday', venue: 'Webe Coffee', social: 'BOM', music: '8 Bachata · 1 Salsa · 1 Kizomba', city: 'Da Nang', organizer: 'Luu Phuong & Shai', mapUrl: 'https://maps.app.goo.gl/jvaQgcNt4doYwZ2N7' },
|
||||||
{ day: 'Tuesday', venue: 'La Riva', social: 'Latino Dancing', music: '2 Salsa · 2 Bachata · 2 Kizomba', city: 'Hoi An', organizer: 'David Tavares' },
|
{ day: 'Tuesday', venue: 'La Riva', social: 'Latino Dancing', music: '2 Salsa · 2 Bachata · 2 Kizomba', city: 'Hoi An', organizer: 'David Tavares', mapUrl: 'https://www.google.com/maps/search/?api=1&query=La+Riva+An+Bang+Hoi+An+Vietnam' },
|
||||||
{ day: 'Tuesday', venue: 'Caliz Bar', social: 'Sensual Night', music: '3 Bachata · 2 Salsa · 2 Kizomba', city: 'Da Nang', organizer: 'Daisy Nguyen' },
|
{ day: 'Tuesday', venue: 'Caliz Bar', social: 'Sensual Night', music: '3 Bachata · 2 Salsa · 2 Kizomba', city: 'Da Nang', organizer: 'Daisy Nguyen', mapUrl: 'https://www.google.com/maps/place/C%C3%A1liz+Wine+Bar/@16.0485026,108.2470699,17z' },
|
||||||
{ day: 'Wednesday', venue: 'Ket Fai Bar', social: 'Bachata Kiz Night', music: 'Kizomba 19:30 · Bachata 21:00', city: 'Da Nang', organizer: 'Sean Kim' },
|
{ day: 'Wednesday', venue: 'Ket Fai Bar', social: 'Bachata Kiz Night', music: 'Kizomba 19:30 · Bachata 21:00', city: 'Da Nang', organizer: 'Sean Kim', mapUrl: 'https://www.google.com/maps/search/?api=1&query=Ket+Fai+Bar+Da+Nang+Vietnam' },
|
||||||
{ day: 'Thursday', venue: 'Malibu', social: 'Salsa Nights', music: '2 Salsa · 2 Bachata', city: 'Da Nang', organizer: 'Lucho Giraldes' },
|
{ day: 'Thursday', venue: 'Malibu', social: 'Salsa Nights', music: '2 Salsa · 2 Bachata', city: 'Da Nang', organizer: 'Lucho Giraldes', mapUrl: 'https://www.google.com/maps/search/?api=1&query=Malibu+Beach+Club+Da+Nang+Vietnam' },
|
||||||
{ day: 'Friday', venue: 'An Thuong By Night', social: 'Dance Unity Party', music: '2 Salsa · 2 Bachata · 2 Kizomba', city: 'Da Nang', organizer: 'Nadiya Yagfarova' },
|
{ day: 'Friday', venue: 'An Thuong By Night', social: 'Dance Unity Party', music: '2 Salsa · 2 Bachata · 2 Kizomba', city: 'Da Nang', organizer: 'Nadiya Yagfarova', mapUrl: 'https://www.google.com/maps/search/?api=1&query=An+Thuong+Tourist+Street+Da+Nang+Vietnam' },
|
||||||
{ day: 'Saturday', venue: 'La Riva', social: 'Latino Dancing', music: '2 Salsa · 2 Bachata · 2 Kizomba', city: 'Hoi An', organizer: 'David Tavares' },
|
{ day: 'Saturday', venue: 'La Riva', social: 'Latino Dancing', music: '2 Salsa · 2 Bachata · 2 Kizomba', city: 'Hoi An', organizer: 'David Tavares', mapUrl: 'https://www.google.com/maps/search/?api=1&query=La+Riva+An+Bang+Hoi+An+Vietnam' },
|
||||||
{ day: 'Saturday', venue: 'An Thuong By Night', social: 'Bachata Party', music: 'Only Bachata', city: 'Da Nang', organizer: 'Vaclav & Kseniya' },
|
{ day: 'Saturday', venue: 'An Thuong By Night', social: 'Bachata Party', music: 'Only Bachata', city: 'Da Nang', organizer: 'Vaclav & Kseniya', mapUrl: 'https://www.google.com/maps/search/?api=1&query=An+Thuong+Tourist+Street+Da+Nang+Vietnam' },
|
||||||
{ day: 'Sunday', venue: 'Last Call', social: 'Latin Dance Social', music: '3 Bachata · 2 Salsa', city: 'Da Nang', organizer: 'Vaclav & Kseniya' },
|
{ day: 'Sunday', venue: 'Last Call', social: 'Latin Dance Social', music: '3 Bachata · 2 Salsa', city: 'Da Nang', organizer: 'Vaclav & Kseniya', mapUrl: 'https://www.google.com/maps/search/?api=1&query=Last+Call+Bar+Da+Nang+Vietnam' },
|
||||||
{ day: 'Sunday', venue: 'Corner Bar', social: 'Sunday Latin', music: '3 Bachata · 2 Salsa · 3 Kizomba', city: 'Da Nang', organizer: 'Daisy Nguyen' },
|
{ day: 'Sunday', venue: 'Corner Bar', social: 'Sunday Latin', music: '3 Bachata · 2 Salsa · 3 Kizomba', city: 'Da Nang', organizer: 'Daisy Nguyen', mapUrl: 'https://www.google.com/maps/search/?api=1&query=Corner+Bar+Da+Nang+Vietnam' },
|
||||||
];
|
];
|
||||||
|
|
||||||
// ---- Navigation ----
|
// ---- Navigation ----
|
||||||
@@ -42,7 +42,11 @@ function renderScheduleTable() {
|
|||||||
<td data-label="Day">
|
<td data-label="Day">
|
||||||
<span class="day-badge day-${row.day.toLowerCase()}">${row.day}</span>
|
<span class="day-badge day-${row.day.toLowerCase()}">${row.day}</span>
|
||||||
</td>
|
</td>
|
||||||
<td data-label="Venue" class="venue-name">${row.venue}</td>
|
<td data-label="Venue" class="venue-name">
|
||||||
|
${row.mapUrl
|
||||||
|
? `<a href="${row.mapUrl}" target="_blank" rel="noopener" class="venue-map-link">${row.venue}<svg width="11" height="11" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg></a>`
|
||||||
|
: row.venue}
|
||||||
|
</td>
|
||||||
<td data-label="Social" class="social-name">${row.social}</td>
|
<td data-label="Social" class="social-name">${row.social}</td>
|
||||||
<td data-label="Music" class="music-text">${row.music}</td>
|
<td data-label="Music" class="music-text">${row.music}</td>
|
||||||
<td data-label="City"><span class="city-badge">${row.city}</span></td>
|
<td data-label="City"><span class="city-badge">${row.city}</span></td>
|
||||||
|
|||||||
Reference in New Issue
Block a user