Commit Graph

11 Commits

Author SHA1 Message Date
HolgerHatGarKeineNode
e9e8038f29 📱 Add mobile scene adaptations for PortalPresentationMobile
Mobile-optimized versions of all 9 scenes with portrait layout (1080x1920):
- PortalIntroSceneMobile: Smaller logo (280px), text-5xl title
- PortalTitleSceneMobile: Title split into two lines, text-5xl
- DashboardOverviewSceneMobile: Vertical card stacking, no sidebar
- MeetupShowcaseSceneMobile: Vertical layout, 360px featured card
- CountryStatsSceneMobile: Single column, 280px bars, compact sparklines
- TopMeetupsSceneMobile: Narrower rows, 70px sparklines
- ActivityFeedSceneMobile: 400px activity cards
- CallToActionSceneMobile: max-w-md container, 100px logo
- PortalOutroSceneMobile: 450px horizontal logo

Includes 92 tests covering mobile-specific layout adaptations.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2026-01-24 14:09:16 +01:00
HolgerHatGarKeineNode
5fe779b1dc 🎬 Add PortalOutroScene component for Outro (Scene 9)
- Implement 12-second outro scene with wallpaper background
- Add horizontal EINUNDZWANZIG logo with glow pulse effect
- Include BitcoinEffect particles throughout the scene
- Add "EINUNDZWANZIG" title and subtitle animations
- Include final-chime audio effect at logo appearance
- Add final 2-second fade out for smooth ending
- Include comprehensive test suite with 21 tests

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2026-01-24 13:45:02 +01:00
HolgerHatGarKeineNode
5adabf5fd0 🎬 Add CallToActionScene component for Call to Action (Scene 8)
Implements Scene 8 of the Portal Presentation video:
- Dashboard blur and zoom out animation
- Glassmorphism overlay with spring entrance
- "Werde Teil der Community" title with bounce animation
- URL typing animation: portal.einundzwanzig.space
- Orange pulsing glow effect on URL after typing completes
- EINUNDZWANZIG logo with animated glow
- Audio: success-fanfare, typing, url-emphasis, logo-reveal

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2026-01-24 13:40:53 +01:00
HolgerHatGarKeineNode
eebd1e84b5 🎬 Add ActivityFeedScene component for Activity Feed (Scene 7)
Implements the Activity Feed scene for the Einundzwanzig Portal
presentation video. Features include:

- 3D perspective entrance animation with smooth transitions
- "Aktivitäten" header with pulsing LIVE indicator
- 4 activity items with staggered slide-in animations:
  - EINUNDZWANZIG Kempten (vor 13 Stunden)
  - EINUNDZWANZIG Darmstadt (vor 21 Stunden)
  - EINUNDZWANZIG Vulkaneifel (vor 2 Tagen)
  - BitcoinWalk Würzburg (vor 2 Tagen)
- "Neuer Termin" badge with bounce animation
- Audio: button-click.mp3 per item, slide-in.mp3 for entrance
- Uses existing ActivityItem component for consistent styling
- Comprehensive test suite with 24 tests

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2026-01-24 13:37:16 +01:00
HolgerHatGarKeineNode
861c0e9245 🎬 Add TopMeetupsScene component for Top Meetups (Scene 6)
Implements Scene 6 of the Portal presentation video, showcasing the top 5
most active Einundzwanzig meetups with animated rankings, sparkline charts,
and progress bars. Features 3D perspective entrance, staggered item animations,
and audio cues.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2026-01-24 13:34:01 +01:00
HolgerHatGarKeineNode
e9b55b60aa 🎬 Add CountryStatsScene component for Top Länder (Scene 5)
Implements the Country Statistics scene which visualizes the geographic
reach of the Bitcoin community across German-speaking countries with
animated country bars, sparkline charts, and user counts.

Features:
- 3D perspective entrance animation for smooth scene transition
- Sequential country reveals with staggered timing (12 frame delay)
- CountryBar components with animated progress bars and user counts
- SparklineChart components showing growth trends for each country
- Total users badge with globe icon
- Audio: success-chime per country, slide-in for section entrance
- Countries displayed: Germany, Austria, Switzerland, Luxembourg,
  Bulgaria, and Spain

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2026-01-24 13:29:49 +01:00
HolgerHatGarKeineNode
2058140439 🎬 Add MeetupShowcaseScene component for Meine Meetups (Scene 4)
Implements the meetup showcase scene with:
- Featured meetup card with 3D perspective and shadow effects
- Date/time display with calendar and clock icons
- Upcoming meetups list (Memmingen, Friedrichshafen)
- Action buttons for calendar integration
- Staggered animations with spring physics
- Audio cues for slide-in and badge appearances

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2026-01-24 13:26:26 +01:00
HolgerHatGarKeineNode
41acbc9324 🎬 Add DashboardOverviewScene component for Dashboard Overview (Scene 3)
Implements the 12-second Dashboard Overview scene featuring:
- 3D perspective entrance animation (rotateX 30° → 0°, scale 0.85 → 1.0)
- DashboardSidebar with staggered navigation items
- Three StatsCounter cards (Meetups: 204, Users: 1247, Events: 89)
- SparklineCharts showing trend data for each metric
- Activity feed section with recent meetup activities
- Quick stats section with country and user metrics
- Audio: card-slide.mp3 and ui-appear.mp3 sound effects
- Vignette overlay and dark theme styling

Includes 23 comprehensive tests covering all components and animations.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2026-01-24 13:20:56 +01:00
HolgerHatGarKeineNode
74e1bb8742 🎬 Add PortalTitleScene component for Title Card (Scene 2)
Implements the Title Card scene with:
- Typing animation for "EINUNDZWANZIG PORTAL" title
- Blinking cursor during typing effect
- Subtitle fade-in animation after title completes
- Audio integration with typing and ui-appear sounds
- Background glow and vignette effects

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2026-01-24 13:16:05 +01:00
HolgerHatGarKeineNode
04ccf917f0 🎬 Add PortalIntroScene component for Logo Reveal (Scene 1)
Implement the first scene of the Portal presentation video (6 seconds):
- AnimatedLogo scales from 0 to 100% with spring animation
- Wallpaper background with zoom effect (1.2 → 1.0 scale)
- Bitcoin particle effects in the background
- Pulsing glow effect around the logo
- Audio integration: logo-whoosh at start, logo-reveal when logo appears
- Title "EINUNDZWANZIG" and subtitle "Das Portal" with staggered entrance
- Vignette overlay for cinematic depth

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2026-01-24 13:12:45 +01:00
HolgerHatGarKeineNode
0f0c8fcbb1 📁 Add portal scenes directory structure: create src/scenes/portal/ for upcoming Portal Presentation video scenes.
Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
2026-01-24 12:36:36 +01:00