Add video background, TikTok embeds, and event updates#32
Merged
Conversation
- Move Friday Night Funk (Nov 14) to past shows with TikTok video - Add Corporate Holiday Party placeholder (Dec 5, 2026) - Implement media support for past events: - TikTok embeds using official embed code - YouTube iframe embeds for horizontal videos - Image thumbnails with links - Add 'eq' Handlebars helper for type comparisons - Update documentation with media usage guide - Include TikTok embed.js script (loaded once) 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
- City of Albany's Concert in the Park - Date: September 2, 2026 - Location: Albany Community Center, Albany, CA - Free outdoor summer concert series 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
- Add template/partials/components/tiktok-embed.hbs
- Accepts videoId, username (optional), caption (optional)
- Uses official TikTok embed code format
- Defaults to @sindex_band if username not provided
- Auto-generates TikTok URL from videoId if needed
Usage:
{{> components/tiktok-embed videoId="7573064485842242871" username="@sindex_band" caption="Show caption"}}
Benefits:
- DRY: Reusable across all templates
- Simplified: Only requires videoId for basic use
- Maintainable: Update embed format in one place
- Flexible: Supports all TikTok embed parameters
Updated shows template to use new partial and updated
documentation with usage examples.
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
Corporate Holiday Party Updates: - Add venue: The Fillmore, San Francisco - Add full address: 1805 Geary Blvd, San Francisco, CA 94115 - Change description to "Book us for your own!" - Mark as private event Private Event System: - Add "private" flag support for events - Private events excluded from SEO structured data (JSON-LD) - Private events display "Book us for your own event →" link - All private events link to mailto:booking@sinisterdexter.net - Prevents private corporate events from appearing in search results Technical Changes: - Add publicShows filter in build.js to separate public/private events - Update structured-data.hbs to use publicShows instead of upcomingShows - Add conditional rendering in shows.hbs for private events - Add "startsWith" Handlebars helper for future string checks 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
Hide event description for private events to avoid showing both the description text and the booking link text. Private events now only show: - "Book us for your own event →" link Instead of showing both: - "Book us for your own!" (description) - "Book us for your own event →" (link) 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
Add automatic year display for events when the event year differs from the current calendar year. Changes: - Add isDifferentYear Handlebars helper to compare event year vs current year - Update upcoming shows template to conditionally show year - Format: "MMM DD, YYYY" when year differs, "MMM DD" when same year Example: - In 2025 viewing Dec 5, 2025 event: "DEC 05" - In 2025 viewing Sep 2, 2026 event: "SEP 02, 2026" This helps users clearly identify events scheduled for future years. 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
Replace static hero image with dark, low-contrast video background from Nov 14 Club Fox show. Video Processing: - Source: DJI_20251114_201110_056_video.mp4 - Extract 25 seconds starting at 1:48 mark - Applied darkening (brightness -0.3, contrast 0.7, saturation 0.8) - Removed audio - Optimized for web with H.264 codec Responsive Videos Created: - Desktop: 1920x1080 @ 12MB (hero-desktop.mp4) - Mobile: 1280x720 @ 4.6MB (hero-mobile.mp4) Features: - Auto-plays, muted, loops seamlessly - Responsive: mobile devices get smaller 720p version - Static image fallback for unsupported browsers - Poster image shows while video loads - Pauses when tab hidden (saves bandwidth/battery) - Respects prefers-reduced-motion accessibility setting - Reduced overlay opacity since video is pre-darkened Technical Details: - playsinline attribute for iOS compatibility - faststart flag for faster initial playback - Media queries for responsive source selection - JavaScript handler ensures smooth playback 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
|
🎸 Sinister Dexter Preview Deployment ✅ This build: https://35be45ba.sinister-dexter.pages.dev Commit: The first link shows this exact build, while the second always shows the latest changes on this PR. |
Update hero template to reference video files from Cloudflare R2 CDN (cdn.sinister-dexter.com/video/) instead of local paths. This ensures videos are properly served in production deployment. - hero-desktop.mp4: 1920x1080, 25s, 12MB - hero-mobile.mp4: 1280x720, 25s, 4.6MB 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
|
🎸 Sinister Dexter Preview Deployment ✅ This build: https://41acb6eb.sinister-dexter.pages.dev Commit: The first link shows this exact build, while the second always shows the latest changes on this PR. |
✅ FTP Deployment Successful!PR #32: Add video background, TikTok embeds, and event updates Deployment Details
🌐 Live Site: https://sinisterdexter.net/ All tests passed and the site has been successfully deployed to production. |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Major visual and content updates to the Sinister Dexter website:
🎥 Video Background Hero Section
🎵 TikTok Integration
tiktok-embedpartial component📅 Event Updates
🎨 Media Support for Past Events
Technical Improvements
eq,startsWith,isDifferentYearTest plan
🤖 Generated with Claude Code