How kinlievenice/silver-horizons works
This repository is a Vue microsite for Silver Horizons, an event and visitor-information experience. Visitors enter through the home scroll story, then navigate to the itinerary, people, and practical-info pages. Those pages present event content, schedule status, attendee information, venue/lookbook/travel guidance, and FAQs. The map and visual components support the home story and page presentation. Edges follow sampled imports, routing, and documented behavior; unsampled page wiring and content details are not inferred.
Main entry points: HomeView.vue Home Story · App.vue App Shell · ItineraryView.vue Itinerary Page · InfoView.vue Info Page
Components 23
Site Experience
- App Shell
frontend/src/App.vue - Home Story
frontend/src/views/HomeView.vue - Itinerary Page
frontend/src/views/ItineraryView.vue - People Page
frontend/src/views/PeopleView.vue - Info Page
frontend/src/views/InfoView.vue - Part Gallery
frontend/src/components/PartGallery.vue - App Navigation
frontend/src/components/AppNav.vue
Event Content
- Event Details
frontend/src/content/event.js - Itinerary Data
frontend/src/content/itinerary.js - People Data
frontend/src/content/people.js - Branch Data
frontend/src/content/branches.js - Info Data
frontend/src/content/info.js - Philippines Map
frontend/src/content/phMap.js
Scroll And Schedule
- Schedule Helpers
frontend/src/lib/schedule.js - Smooth Scrolling
frontend/src/lib/smoothScroll.js - Scroll Scenes
frontend/src/lib/useScenes.js - Story Autoplay
frontend/src/lib/useAutoplay.js - Countdown
frontend/src/components/Countdown.vue - Timeline Stop
frontend/src/components/TimelineStop.vue
Visual Components
- Ribbon Art
frontend/src/components/Ribbon.vue - Horizon Glow
frontend/src/components/HorizonGlow.vue - Sparkle Art
frontend/src/components/Sparkle.vue
Other components
- Visitor
Connections 40
- Visitor → App Shell: opens site
- App Shell → App Navigation: renders
frontend/src/App.vue - App Shell → Info Data: reads contact
frontend/src/App.vue - App Shell → Itinerary Data: reads credits
frontend/src/App.vue - App Shell → Home Story: routes to
frontend/src/main.js - App Shell → Itinerary Page: routes to
frontend/src/main.js - App Shell → People Page: routes to
frontend/src/main.js - App Shell → Info Page: routes to
frontend/src/main.js - App Shell → Smooth Scrolling: controls scroll
frontend/src/main.js - App Navigation → Smooth Scrolling: uses
frontend/src/components/AppNav.vue - Home Story → Event Details: reads event
frontend/src/views/HomeView.vue - Home Story → Itinerary Data: reads itinerary
frontend/src/views/HomeView.vue - Home Story → Philippines Map: reads map
frontend/src/views/HomeView.vue - Home Story → Branch Data: reads branches
frontend/src/views/HomeView.vue - Home Story → Scroll Scenes: uses
frontend/src/views/HomeView.vue - Home Story → Story Autoplay: uses
frontend/src/views/HomeView.vue - Home Story → Countdown: renders
frontend/src/views/HomeView.vue - Home Story → Ribbon Art: renders
frontend/src/views/HomeView.vue - Home Story → Sparkle Art: renders
frontend/src/views/HomeView.vue - Home Story → Horizon Glow: renders
frontend/src/views/HomeView.vue - Itinerary Page → Itinerary Data: reads schedule
frontend/src/views/ItineraryView.vue - Itinerary Page → Schedule Helpers: uses dates
frontend/src/views/ItineraryView.vue - Itinerary Page → Timeline Stop: renders
frontend/src/views/ItineraryView.vue - Itinerary Page → Part Gallery: renders
frontend/src/views/ItineraryView.vue - Itinerary Page → Ribbon Art: renders
frontend/src/views/ItineraryView.vue - Itinerary Page → Sparkle Art: renders
frontend/src/views/ItineraryView.vue - Itinerary Page → Horizon Glow: renders
frontend/src/views/ItineraryView.vue - Timeline Stop → Schedule Helpers: uses time helpers
frontend/src/components/TimelineStop.vue - Timeline Stop → Sparkle Art: renders
frontend/src/components/TimelineStop.vue - Part Gallery → Sparkle Art: renders
frontend/src/components/PartGallery.vue - Part Gallery → Smooth Scrolling: uses
frontend/src/components/PartGallery.vue - Countdown → Schedule Helpers: uses time helpers
frontend/src/components/Countdown.vue - Story Autoplay → Smooth Scrolling: checks scrolling
frontend/src/lib/useAutoplay.js - Info Page → Event Details: reads event
frontend/src/views/InfoView.vue - Info Page → Info Data: reads info
frontend/src/views/InfoView.vue - Info Page → Ribbon Art: renders
frontend/src/views/InfoView.vue - Info Page → Sparkle Art: renders
frontend/src/views/InfoView.vue - Info Page → Horizon Glow: renders
frontend/src/views/InfoView.vue - People Page → People Data: reads people
frontend/src/views/PeopleView.vue - People Data → Branch Data: imports
frontend/src/content/people.js