This commit completely redesigns the landing page to prioritize games over tools, reflecting a strategic shift in focus. The previous generic list has been replaced with a modern, two-column layout.
- A new 'Games' section displays projects as large, visual cards with thumbnails.
- A secondary 'Tools' section lists other services in a compact format.
- The CSS has been entirely rewritten for a new visual identity, improved responsiveness, and better animations.
- JavaScript logic is updated to categorize services into 'games' or 'tools' and render them accordingly.
This commit completely rewrites the main landing page (index.html) to introduce a modern, data-driven design and new features.
The previous implementation had hardcoded data and styles directly within the HTML file. This refactor separates concerns and improves maintainability.
Key changes:
- Complete visual redesign with a modern "glassmorphism" aesthetic and a new color palette.
- Externalized all service and link data into a new `siteConfig.json` file, which is now fetched asynchronously.
- Added a search bar to dynamically filter the list of services.
- Implemented a keyboard shortcut ('/') to focus the search input.
- Rewrote the JavaScript logic for rendering content, making it more modular and easier to manage.
This commit introduces a complete redesign of the landing page, shifting from a static layout to a dynamic, configuration-driven interface with a new premium visual theme.
Key Changes:
- **Visual Redesign**: Implemented a new premium dark theme with a gold and dark blue color palette, updated typography using 'Playfair Display' and 'Inter' fonts, and enhanced visual effects like gradients,
shadows, and hover animations.
- **Dynamic Content**: The 'Services' and 'Other Links' sections are no longer hardcoded in HTML. They are now dynamically generated from a `siteConfig` JavaScript object, making the content easier to manage
and update.
- **On-Scroll Animations**: Added fade-in animations for cards and links as they enter the viewport, using the `IntersectionObserver` API for a more engaging user experience.
- **Language Switcher Enhancement**: The language switcher now re-renders the dynamic content to display the correct language without a page reload.
- **Code Refactoring**: Centralized page content into a single configuration object, improving maintainability and separating data from presentation.
This commit completely replaces the previous simple service dashboard with a full-featured, professional landing page for the 'Tootaio' brand. The new design is modern, responsive, and uses a card-based
layout. Key features include a language switcher for English/Chinese, user-friendly subdomain URLs instead of IP:port links, and a structured layout with a header, hero section, and footer.
