feat: enhance portfolio with pagination, updated skills, and layout improvements

- Implement pagination for GitHub projects fetch to retrieve all repos (up to 10 pages)
- Limit displayed projects to top 5 by stars
- Update skill set: add Ink (frontend), Bun, Tauri, Rust, Flutter, Ionic, Expo, React Native; introduce Mobile Development, Agentic Tools, and Favorite Frameworks categories; adjust skill levels accordingly
- Fix contact email address to use GitHub noreply
- Adjust layout widths to 85% for main content, reduce footer padding, and set max-height for footer
- Add Bun SVG icon in About section
- Replace Vue.js with Ink as primary frontend skill

Author: involvex

Agents.md

@@ -332,7 +332,7 @@ VITE_EMAILJS_PUBLIC_KEY=your_public_key
 ## Contact Information
 
 - **GitHub**: [@involvex](https://github.com/involvex)
-- **Email**: [involvex@proton.me](mailto:39644169+involvex@users.noreply.github.com)
+- **Email**: [involvex@proton.me](mailto:involvex@proton.me)
 
 ---
 

README.md

@@ -10,32 +10,73 @@ An interactive terminal-style portfolio built with Vue 3, TypeScript, and Vite.
 - ⚡ **Interactive Commands**: Type commands to navigate through different sections
 - 🔗 **GitHub Integration**: Direct links to repositories and GitHub profile
 - 💝 **Sponsorship Support**: Easy access to support options
-- 📧 **Contact Form**: Built-in contact functionality
+- 📧 **Contact**: Direct email and GitHub contact options
 
 ## 🎮 Available Commands
 
 - `help` - Show all available commands
 - `about` - Learn about Involvex
-- `projects` - View featured projects
-- `skills` - See technical skills
-- `contact` - Get in touch
+- `projects` - View featured projects from GitHub
+- `skills` - See technical skills and expertise
+- `contact` - Get in touch via email or GitHub
 - `sponsor` - Support options
-- `github` - Open GitHub profile
-- `whoami` - Display current user
-- `date` - Show current date/time
-- `clear` - Clear terminal
-- `ls` - List directory contents
-- `pwd` - Show current directory
-- `cat README` - Display README content
+- `clear` - Clear terminal history
 
 ## 🛠️ Tech Stack
 
+### Frontend Development
+
+- **Ink** (85%) - React-based CLI framework
+- **React** (70%) - Modern JavaScript library
+- **TypeScript** (75%) - Type-safe JavaScript
+- **CSS/SCSS** (85%) - Modern styling
+- **HTML5** (90%) - Web markup
+
+### Backend Development
+
+- **Bun** (86%) - Modern JavaScript runtime and package manager
+- **Node.js** (85%) - Server-side JavaScript runtime
+- **Python** (75%) - General-purpose programming
+- **Tauri** (75%) - Desktop application framework
+- **Rust** (55%) - Systems programming language
+
+### Mobile Development
+
+- **Flutter** (75%) - Cross-platform mobile development
+- **Ionic** (75%) - Hybrid mobile app development
+- **Expo** (75%) - React Native development platform
+- **React Native** (70%) - Mobile app development
+
+### Tools & Others
+
+- **Git** (80%) - Version control system
+- **Worker** (75%) - Cloudflare Workers
+- **PowerShell** (65%) - Windows automation
+- **Linux** (75%) - Operating system
+
+### Agentic Tools
+
+- **Opencode** (75%) - AI-powered development assistant
+- **Kilo** (75%) - AI development tool
+- **Copilot** (75%) - GitHub's AI coding assistant
+- **Claude** (75%) - Anthropic's AI assistant
+- **Gemini** (75%) - Google's AI model
+- **Cline** (75%) - AI development assistant
+
+### Core Technologies
+
 - **Vue 3** - Progressive JavaScript framework
 - **TypeScript** - Type-safe JavaScript
 - **Vite** - Fast build tool and dev server
 - **CSS3** - Modern styling with animations
 - **Monospace Fonts** - Authentic terminal feel
 
+## 🚀 Featured Projects
+
+- **youtube-music-cli** - A powerful Terminal User Interface (TUI) music player for YouTube Music (300+ stars)
+- **gemini-cli-prompt-library** - A curated library of high-quality prompts for common development tasks (58+ stars)
+- And many more open-source projects available on GitHub
+
 ## 📄 License
 
 This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
@@ -45,12 +86,21 @@ This project is licensed under the MIT License - see the [LICENSE](LICENSE) file
 - Inspired by terminal interfaces and retro computing
 - Built with modern web technologies
 - Designed for developer portfolios
+- Powered by Bun for optimal performance
 
 ## 📞 Contact
 
 - **GitHub**: [@involvex](https://github.com/involvex)
-- **Email**: [involvex@proton.me](mailto:39644169+involvex@users.noreply.github.com)
+- **Email**: [involvex@proton.me](mailto:involvex@proton.me)
+- **Discord**: involvex
+
+## 💡 Philosophy
+
+- **Commandline First** - Embracing terminal-based workflows
+- **Agents > Human Developer** - Leveraging AI tools for enhanced productivity
+- **Open Source** - Active contributor to the developer community
+- **Continuous Learning** - Always exploring new technologies and approaches
 
 ---
 
-Made by [Involvex](https://github.com/involvex)
+Made by [Involvex](https://github.com/involvex) with ❤️ and ☕

src/App.vue

@@ -304,7 +304,7 @@ const handleCommand = (command: string): void => {
 		const normalizedCommand = command.toLowerCase().trim()
 
 		// Check if command exists
-		if (commandHandlers[normalizedCommand]) {
+		if (normalizedCommand in commandHandlers) {
 			commandHandlers[normalizedCommand]()
 		} else {
 			console.log(`Unknown command: ${normalizedCommand}`)
@@ -332,9 +332,7 @@ const handleKeydown = (event: KeyboardEvent): void => {
 	const keyNum = parseInt(event.key)
 	if (keyNum >= 1 && keyNum <= NAVIGATION_SECTIONS.length) {
 		const section = NAVIGATION_SECTIONS[keyNum - 1]
-		if (section) {
-			showSection(section.id)
-		}
+		showSection(section.id)
 	}
 }
 
@@ -645,6 +643,7 @@ defineExpose({
 	min-height: calc(100vh - 60px);
 	display: flex;
 	flex-direction: column;
+	width: 85%;
 }
 
 /* Enhanced hover effects */
@@ -803,7 +802,7 @@ defineExpose({
 	}
 }
 .footer {
-	padding: 1rem;
+	padding: 0.8rem;
 	text-align: center;
 	font-size: 0.95rem;
 	font-style: normal;
@@ -822,5 +821,6 @@ defineExpose({
 	border-radius: 5px;
 	box-shadow: #046e34;
 	background-color: #0d1117;
+	max-height: 75px;
 }
 </style>