https://github.com/legacylands/legacy-lands-web
Official website for Legacy Lands Studio, featuring bilingual support and smooth animations.
https://github.com/legacylands/legacy-lands-web
css css3 html html5 html5-css3 javascript web
Last synced: 4 months ago
JSON representation
Official website for Legacy Lands Studio, featuring bilingual support and smooth animations.
- Host: GitHub
- URL: https://github.com/legacylands/legacy-lands-web
- Owner: LegacyLands
- Created: 2025-02-02T13:52:26.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2025-02-02T14:11:24.000Z (5 months ago)
- Last Synced: 2025-02-02T15:19:31.000Z (5 months ago)
- Topics: css, css3, html, html5, html5-css3, javascript, web
- Language: JavaScript
- Homepage:
- Size: 484 KB
- Stars: 2
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Legacy Lands Web
Official website for Legacy Lands Studio, featuring bilingual support, smooth animations, and a sponsors system.
## Quick Start
1. Clone the repository
2. Open `index.html` in a browser
3. No build process needed
## Features
- Responsive design for all devices
- English/Chinese language support
- Dynamic particle background
- Interactive member carousel
- Auto-hiding navigation bar
- Code snippet showcases
- Mission and contact cards
- Sponsors system with tier filtering
- Dynamic search functionality
## Tech Stack
- HTML5
- CSS3
- Vanilla JavaScript
- Google Code Prettify (for code highlighting)
- Google Fonts (Cinzel & Noto Serif SC)
## Structure
```text
legacy-lands-website/
├── index.html # Main landing page
├── sponsors.html # Sponsors page
├── base.css # Shared base styles
├── styles.css # Main page styles
├── sponsors.css # Sponsors page styles
├── animation.js # Main page animations
├── sponsors-animation.js # Sponsors page animations
├── language.js # Language switching system
└── assets/
├── avatars/ # Member & sponsor profile images
├── data/ # JSON data files
└── legacy-lands-logo.png
```
## Features Details
### Landing Page
- Dynamic particle background
- Interactive member carousel
- Mission statement
- Contact information
### Sponsors Page
- Tier-based filtering system
- Real-time search functionality
- Responsive sponsor cards
- Smooth loading animations
- Multi-language support for all content
### Shared Features
- Bilingual support (English/Chinese)
- Auto-hiding navigation
- Smooth animations
- Responsive design