Create a terminal-style website with the following specifications:
- Appearance:
- Design: Mimic a macOS terminal window
- Color scheme: Dark background (#014034) with light green text (#80BF7E and #C2D9C1)
- Window style: Include a header with close, minimize, and maximize buttons
- Font: Use a monospace font like ‘Menlo’ or ‘Monaco’
- Functionality:
- Implement a file system structure with the following folders and links:
- newsletters
- [Your newsletter name] -> [URL]
- [Another newsletter] -> [URL]
- personal-website
- main -> [Your main website URL]
- [Additional page name] -> [URL]
- [Another page name] -> [URL]
- [Another category]
- [Item name] -> [URL]
- [Another item] -> [URL]
- newsletters
- Commands to implement:
- ls: List directory contents
- cd: Change directory (support ‘cd ..’, ‘cd ~’, and ‘cd [foldername]’)
- open: Open links in new tabs (support both ‘open [number]’ and ‘open [name]’)
- clear: Clear the screen
- help: Show available commands
- about: Display information about the website creator
- Implement a file system structure with the following folders and links:
- User Experience:
- Start with a welcome message introducing yourself and the purpose of the terminal
- Automatically run ‘ls’ after the welcome message
- Implement command history (accessible with up/down arrow keys)
- Add a typing animation effect for all output text
- Display the current directory in the prompt (e.g., user@website:~/foldername $)
- Provide help text in each directory explaining how to open links
- Additional Features:
- Ensure the website is responsive and works on mobile devices
- Implement error handling for invalid commands or inputs
- Technical Requirements:
- Create a single HTML file containing all HTML, CSS, and JavaScript
- Ensure compatibility with modern web browsers
- Optimize for quick loading and smooth performance
Please provide the complete HTML file for this terminal-style website, ready to be deployed on a platform like Netlify. Include comments in the code to explain key functionalities.