🖥️ Terminal Portfolio Website

====================================
    WELCOME TO THE TERMINAL
====================================

A modern, interactive terminal-themed personal portfolio website that brings the command-line experience to the web. Built with vanilla JavaScript, HTML, and CSS to create an authentic terminal interface where visitors can navigate through your skills, projects, and contact information.

✨ Features

✓ Animated terminal-style interface
✓ Interactive command navigation
✓ Real-time typing animations
✓ Responsive design
✓ Smooth transitions and effects
✓ Clickable navigation links
✓ Terminal window styling (macOS-inspired)

🛠️ Tech Stack

• HTML5 - Semantic markup
• CSS3 - Modern styling with animations
• Vanilla JavaScript - No dependencies, pure JS
• Monospace fonts - Authentic terminal look

📁 Project Structure

website/
├── index.html      # Main HTML structure
├── style.css       # Terminal styling and animations
├── script.js       # Interactive functionality
└── README.md       # This file

🚀 Getting Started

Prerequisites

No dependencies required! Just a modern web browser.

Installation

1. Clone the repository:

git clone https://github.com/pratah/website.git
cd website

2. Open index.html in your web browser:

# Option 1: Double-click index.html
# Option 2: Use a local server (recommended)
python -m http.server 8000
# Then visit http://localhost:8000

💻 Usage

The website simulates a terminal environment where you can:

• Navigate sections by clicking on the command links
• View skills - Your technical expertise
• Browse projects - Your portfolio highlights
• Read about - Your professional background
• Get in touch - Contact information and links

Available Commands

./projects.sh    # View portfolio projects
./skills.sh      # Display technical skills
./about.sh       # Show professional info
./contact.sh     # Get contact details
./home.sh        # Return to welcome screen

🎨 Customization

Update Personal Information

Edit the commands object in script.js:

const commands = {
    projects: {
        title: 'Projects',
        content: [
            // Add your projects here
        ]
    },
    // ... other sections
};

Modify Colors

Edit color variables in style.css:

body {
    background: #000000;    /* Terminal background */
    color: #00ff00;         /* Terminal text color */
}

Add New Sections

1. Add a new command object in script.js
2. Add navigation links to existing sections
3. Style as needed in style.css

🌐 Live Demo

Visit the live site: [https://argentodata.com/]

📝 License

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

🤝 Contributing

Contributions, issues, and feature requests are welcome! Feel free to check the issues page.

👤 Author

Henrique Prata

• LinkedIn: www.linkedin.com/in/henrique-prata
• GitHub: @pratah

🙏 Acknowledgments

• Inspired by terminal interfaces and command-line tools
• Built with ❤️ using vanilla web technologies

---

Status: ✓ Project initialized successfully
user@localhost:~$