CLIWebsite

#CLIWebsit

Ever since i started getting to know CLI i have been fascinated and straight up enchanted by the simplicity and the unique sensation that it gives. It often feels like the only OS that i would truly ever llove would be the one where everything is the terminal. Therefore to express my love for the terminal i made this website into a terminal.

However, this website serves as my portfolio and as a playground to express my creativity.

This website is live at : arrythebeast.github.io/CLIWebsite

Terminal Website

Overview

This project is a unique, interactive terminal-style website that simulates a command-line interface. It features various functionalities including navigation, project viewing, social media links, a secret page, and even a Snake game. The website is designed to provide a nostalgic and engaging user experience for those familiar with command-line interfaces.

Features

1. Command-Line Interface: Users interact with the website using text commands.
2. Page Navigation: Users can navigate between different pages using commands.
3. Project Showcase: View details of various projects.
4. Social Media Integration: Easy access to social media links.
5. Secret Page: A hidden page accessible with a password.
6. Snake Game: An interactive Snake game with multiple difficulty levels.
7. ASCII Art: Various ASCII art elements including a logo and animated face.
8. ASCII Analog Clock: A real-time updating ASCII art clock.

Commands

• ls: List available pages
• cd [page]: Navigate to a specific page
• help: Display the navigation guide
• clear: Clear the screen and show the navigation guide
• secret: Access the secret page (requires password)
• logout: Log out of the system
• projects: List all projects
• project [name]: View details of a specific project
• social: List all social media platforms
• social [platform]: View link for a specific platform
• social [platform] -o: Open link for a specific platform
• snake start [difficulty]: Start a new Snake game
  • Difficulties: easy, medium (default), hard

Code Structure

Main Components

1. Initialization and Global Variables:

Setup and Running

1. Clone the repository to your local machine.
2. Open the index.html file in a web browser.
3. Log in using the provided credentials (if applicable).
4. Start interacting with the terminal interface using the available commands.

Customization

• Projects: Add or modify projects in the projects object.
• Social Links: Update social media links in the socialLinks object.
• Secret Password: Change the secretPassword variable to set a new password for the secret page.
• ASCII Art: Modify the makaraArt variable to change the logo.

Dependencies

This project is built using vanilla JavaScript and doesn’t require any external libraries or frameworks.

Browser Compatibility

This website is designed to work on modern web browsers that support ES6+ JavaScript features.

Future Enhancements

• Mobile responsiveness
• More interactive games or puzzles
• User account system with persistent data
• Customizable themes or color schemes

Contributing

Contributions to enhance the functionality or fix bugs are welcome. Please follow these steps:

1. Fork the repository
2. Create a new branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

License

This project is open-source and available under the MIT License.

Contact

For any queries or suggestions, please reach out through the contact information provided on the website.

Enjoy exploring the Terminal Website!