Terminal-Style Personal Website

A unique terminal-style personal portfolio website that simulates a Linux command-line interface. Built for Computer Science students and developers who appreciate the aesthetic of terminal environments.

🌐 Live Demo

View Live Site

📋 About

This is my interactive terminal-themed portfolio website that showcases my profile as a Computer Science student. The site mimics a Linux terminal environment with a fully functional command-line interface, complete with ASCII art, terminal window styling, and interactive commands.

🛠️ Built With

• HTML5 - Semantic structure and terminal layout
• CSS3 - Terminal styling with One Dark Pro color scheme
• Vanilla JavaScript - Command processing and interactive terminal
• Font Awesome - Social media icons
• JetBrains Mono - Monospace font for authentic terminal feel

✨ Features

• Interactive Terminal Interface - Fully functional command-line simulation
• Authentic Terminal Styling - One Dark Pro color scheme with window controls
• Responsive Design - Optimized for all screen sizes (desktop, tablet, mobile)
• ASCII Art Welcome - Eye-catching terminal-style branding
• Command System - Multiple built-in commands for navigation
• Social Media Integration - Direct links to GitHub, LinkedIn, and Twitter
• Easter Eggs - Hidden commands and fun interactions
• Terminal Favicon - Custom SVG terminal icon
• Smooth Animations - Typewriter effects and smooth transitions
• Auto-focus Input - Terminal stays focused for seamless typing experience

🖥️ Available Commands

The terminal supports the following commands:

• help - Display all available commands
• whoami - Display user information
• about - Learn more about me
• ls - List directory contents
• cat <file> - Display file contents (about.txt, contact.txt, resume.pdf)
• echo <message> - Display a message
• social - Show social media links
• contact - Display contact information
• skills - View technical skills
• pwd - Print working directory
• date - Show current date and time
• clear - Clear the terminal screen

Easter Eggs 🥚

Type eggs to reveal all easter eggs, or try these commands:

• hello - Say hi
• exit - Try to leave
• matrix - Enter the matrix
• coffee - Brew some coffee
• sudo - Request admin access
• sudo rm -rf / - Try to delete everything
• vim - Open vim editor
• nano - Open nano editor
• cd - Change directory

🎨 Color Scheme

The website uses the One Dark Pro color palette:

• Background: #282c34
• Primary Text: #abb2bf
• Success/Green: #98c379
• Info/Blue: #61afef
• Warning/Yellow: #e5c07b
• Error/Red: #e06c75
• Cyan: #56b6c2

📱 Responsive Design

Fully responsive design with breakpoints for:

• Desktop: Full terminal experience with all features
• Tablet (768px and below): Optimized layout and touch-friendly
• Mobile (480px and below): Compact terminal with adjusted typography
• Small Mobile (320px and below): Ultra-compact mode

🎯 Technical Features

• Command Processing: Robust command parser with argument support
• Auto-scroll: Terminal automatically scrolls to show latest output
• Input Focus Management: Terminal input stays focused for seamless UX
• Smooth Animations: CSS animations for typing effects and transitions
• Cross-browser Compatibility: Works on all modern browsers
• Performance Optimized: Minimal dependencies, fast loading

🌟 Inspiration

Inspired by Linux terminal Alacritty with One Dark Pro theme.

📞 Contact

Mamdous Laskar

• 📧 Email: mamdouslaskar@protonmail.com
• 💼 LinkedIn: linkedin.com/in/mamdouslaskar
• 🐙 GitHub: github.com/mamdous-usual
• 🐦 Twitter: @mamdouslaskar

---

Happy coding in the terminal! 🚀