This project is a front-end showcase inspired by the Honkai: Star Rail game. It is designed to demonstrate my skills in HTML, CSS, and JavaScript, with a focus on creating an engaging, visually immersive website experience.
- Dark Theme Design: The website mimics the aesthetic of Honkai: Star Rail, utilizing a dark-themed interface for a modern, sleek look.
- Media Embedding: Includes video backgrounds and social media integration for a dynamic user experience.
- Interactive Navigation: Dropdown menus, hover effects, and smooth transitions create a user-friendly navigation system.
- Responsive Layout: Optimized for different screen sizes to ensure a seamless experience on desktops, tablets, and mobiles.
- Image Gallery: Displays character and game-related images from Honkai: Star Rail, providing an interactive and rich visual display.
- HTML: Structuring the content and layout of the site.
- CSS: Styling the interface with a modern dark theme, ensuring responsiveness and smooth animations.
- JavaScript: Placeholder for future back-end integration (e.g., dynamic content loading, user login functionality).
While I’ve learned JavaScript, I haven’t implemented it due to workload constraints. If there’s enough interest, I can integrate backend functionality (such as user accounts or content management).
-
Clone this repository: git clone https://github.com/Asmodeus14/Webdevelopment
-
Open the
GameWb.htmlfile in your browser to view the website.
If there is enough interest, I plan to implement the following features:
- Back-End Integration: To manage user accounts, data storage, and dynamic content.
- Enhanced JavaScript Interactivity: Add interactive elements such as real-time notifications, live updates, and personalized content.
This project is licensed under the MIT License - see the LICENSE file for details.
- Inspired by Honkai: Star Rail and its unique visual style.
- All assets (e.g., logos, images, and media) are property of their respective owners. This project is non-commercial and for educational/showcase purposes only.
Feel free to reach out if you have any feedback or suggestions. If you're interested in collaboration or want to see more functionality added, don't hesitate to open an issue or contact me directly.