Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/hassanzouhar/r2cworld_landing
This project is a single-page landing website for R2C (Restless Rebel Collective), featuring a minimalist design with an interactive particle background and a terminal modal. The page is designed to create an air of mystery and intrigue while showcasing a high-tech, futuristic aesthetic.
https://github.com/hassanzouhar/r2cworld_landing
js maps three-js
Last synced: 3 months ago
JSON representation
This project is a single-page landing website for R2C (Restless Rebel Collective), featuring a minimalist design with an interactive particle background and a terminal modal. The page is designed to create an air of mystery and intrigue while showcasing a high-tech, futuristic aesthetic.
- Host: GitHub
- URL: https://github.com/hassanzouhar/r2cworld_landing
- Owner: hassanzouhar
- Created: 2024-07-14T20:03:41.000Z (6 months ago)
- Default Branch: main
- Last Pushed: 2024-07-19T06:45:27.000Z (5 months ago)
- Last Synced: 2024-09-29T05:21:52.342Z (3 months ago)
- Topics: js, maps, three-js
- Language: HTML
- Homepage: https://www.r2c.world/
- Size: 62.5 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# R2C Landing Page
## Overview
This project is a single-page landing website for R2C (Restless Rebel Collective), featuring a minimalist design with an interactive particle background and a terminal modal. The page is designed to create an air of mystery and intrigue while showcasing a high-tech, futuristic aesthetic.
## Features
- Interactive particle background
- Animated title with fade-in and pulse effects
- Terminal modal with basic functionality
- Responsive design for mobile and desktop
- Loading screen animation
## Technologies Used
- HTML5
- CSS3
- JavaScript (ES6+)
- [particles.js](https://vincentgarreau.com/particles.js/) for the interactive background
## Getting Started
### Prerequisites
- A modern web browser
- A local web server (optional, for development)
### Installation
1. Clone the repository:
```
git clone https://github.com/your-username/r2c-landing-page.git
```
2. Navigate to the project directory:
```
cd r2c-landing-page
```
3. Open `index.html` in your web browser or serve it using a local web server.
## Project Structure
- `index.html`: Main HTML file
- `style.css`: All styles for the project
- `components.js`: JavaScript functionality including particle configuration and terminal logic
## Development
To work on this project:
1. Make changes to the HTML, CSS, or JavaScript files as needed.
2. Test your changes by refreshing the page in your web browser.
3. For substantial changes, consider creating a new branch and submitting a pull request.
## Future Improvements
- Implement actual command processing in the terminal
- Add more interactive elements to the main page
- Enhance terminal features (command history, auto-completion)
- Optimize performance for mobile devices
- Add subtle sound effects or background music (with user control)
- Implement a color theme switcher
- Enhance accessibility features
## Contributing
Contributions are welcome! Please feel free to submit a Pull Request.
## License
This project is licensed under the MIT License - see the [LICENSE.md](LICENSE.md) file for details.
## Acknowledgments
- [particles.js](https://vincentgarreau.com/particles.js/) for the interactive background
- [Google Fonts](https://fonts.google.com/) for the Orbitron fon