This commit introduces new functionality to enhance user interaction and provide usage insights.
- Adds a new analytics script (`/analysis.js`) to the `index.html` file for tracking purposes.
- Implements keyboard controls for media elements:
- The 'p' key can now be used to play or pause the background video.
- The spacebar now toggles the automatic advancement of the image carousel.
- Modified index.html to include favicon, title, and linked assets for Vite app.
- Added three new media files: LaguBangsaJohor.mp4, LaguNegaraku.mp4, and LaguTeoChew.mp4.
- Created nameList.json containing the names of the first founders with their status.
- Introduced demo/photoWall/v0/index.html for a dynamic carousel with background video and marquee text.
- Added demo/photoWall/v1/index.html for a photo wall layout with responsive design.
- Created demo/photoWall/v3/images.json and nameList.json for image and name data.
- Implemented demo/photoWall/v3/index.html with Vue.js for an interactive photo wall experience.
This commit introduces a new set of pages for the Yong Peng Hash House Harriers (HHH) 30th Anniversary event.
- Adds a main landing page with a modern design to serve as the central hub for the event.
- Creates a dynamic sponsor list page using Vue.js, featuring a vertically scrolling marquee to acknowledge supporters.
- Includes the raw data for sponsors in `supporter.json`.
Additionally, several improvements have been made to the existing `photowall` page:
- Refactors the scrolling text marquee for a more robust and seamless animation.
- Moves the marquee from the bottom to the top of the page for better visibility.
- Implements a fix for browser video autoplay restrictions by enabling audio and starting playback upon the first user interaction.
This commit introduces a 'breaking news' style scrolling banner at the bottom of the page. The banner displays the list of the first
founders from 2005. It includes the necessary HTML structure and CSS for styling, animation, and responsiveness.
This commit introduces a dynamic photo wall for the 2025-11-16 event. It features a 3D page-turning carousel built with Vue 3 and
Tailwind CSS. The page includes an auto-playing background video, manual and automatic slideshow controls, and is responsive for
mobile devices. 25 initial photos have been added to the gallery.
