script.js

// Global variables
let currentPage = "landing"
const terminalHistory = []
const commandHistory = []
let historyIndex = -1
let isHackerMode = false

// Skills data
const skills = [
  { name: "Python", level: 90, color: "linear-gradient(45deg, #fbbf24, #f59e0b)" },
  { name: "Java", level: 85, color: "linear-gradient(45deg, #ef4444, #dc2626)" },
  { name: "C", level: 75, color: "linear-gradient(45deg, #3b82f6, #2563eb)" },
  { name: "Assembly Basics", level: 60, color: "linear-gradient(45deg, #6b7280, #4b5563)" },
  { name: "Bash Scripting", level: 90, color: "linear-gradient(45deg, #06b6d4, #0891b2)" },
  { name: "MySQL", level: 80, color: "linear-gradient(45deg, #f97316, #ea580c)" },
  { name: "Penetration Testing", level: 90, color: "linear-gradient(45deg, #22c55e, #16a34a)" },
  { name: "Vulnerability Assessment", level: 88, color: "linear-gradient(45deg, #a855f7, #9333ea)" },
  { name: "Reverse Engineering", level: 75, color: "linear-gradient(45deg, #6366f1, #4f46e5)" },
  { name: "DFIR", level: 80, color: "linear-gradient(45deg, #ef4444, #ec4899)" },
  { name: "Social Engineering", level: 85, color: "linear-gradient(45deg, #ec4899, #be185d)" },
  { name: "AI & Data Science", level: 90, color: "linear-gradient(45deg, #a855f7, #9333ea)" },
]

// Projects data
const projects = [
  {
    title: "AI Eye Disease Detection",
    description: "Advanced AI model for detecting eye diseases using deep learning and computer vision techniques",
    tech: ["Python", "TensorFlow", "Computer Vision", "AI"],
    github: "https://github.com/0x5t4l1n/",
    huggingface: "https://huggingface.co/5t4l1n/ai-eye-disease-detection",
    featured: true,
    status: "ACTIVE",
  },
  {
    title: "ZeroxZerox Vulnerability Scanner",
    description:
      "Open-source vulnerability scanner detecting XSS, SQLi, SSRF, and IDOR vulnerabilities with endpoint discovery using Wayback Machine and web crawling",
    tech: ["Python", "Web Security", "OWASP", "Vulnerability Assessment"],
    github: "https://github.com/0x5t4l1n/",
    featured: true,
    status: "ACTIVE",
  },
  {
    title: "BlazeTrail - Facial Movement Recognition",
    description:
      "Advanced AI model for facial movement recognition and tracking using computer vision and machine learning algorithms",
    tech: ["Python", "OpenCV", "AI", "Computer Vision", "Machine Learning"],
    github: "https://github.com/0x5t4l1n/BlazeTrail",
    status: "ACTIVE",
  },
  {
    title: "AIBreachalert",
    description:
      "Intelligent breach detection and alert system using AI to identify and respond to security threats in real-time",
    tech: ["Python", "AI", "Security", "Threat Detection"],
    github: "https://github.com/0x5t4l1n/",
    status: "ACTIVE",
  },
  {
    title: "SecurechatETH",
    description:
      "Secure blockchain-based chat application built on Ethereum with end-to-end encryption and decentralized messaging",
    tech: ["Ethereum", "Blockchain", "Solidity", "Web3", "Cryptography"],
    github: "https://github.com/0x5t4l1n/",
    status: "BETA",
  },
  {
    title: "Advanced Keylogger",
    description:
      "Educational keylogger tool for cybersecurity research and penetration testing with stealth capabilities and data analysis",
    tech: ["Python", "System Security", "Penetration Testing", "Forensics"],
    github: "https://github.com/0x5t4l1n/",
    status: "STABLE",
  },
  {
    title: "Password Strength Checker",
    description:
      "Advanced password security analysis tool with real-time strength evaluation and security recommendations",
    tech: ["Python", "Security", "Cryptography"],
    github: "https://github.com/0x5t4l1n/",
    status: "STABLE",
  },
  {
    title: "Vulnerability Scanner Pro",
    description: "Comprehensive vulnerability detection and assessment framework for network security analysis",
    tech: ["Python", "Network Security", "Nmap"],
    github: "https://github.com/0x5t4l1n/",
    status: "ACTIVE",
  },
  {
    title: "Nex Tor IP Changer v1.0",
    description: "Advanced IP anonymization tool for privacy protection with TOR network integration",
    tech: ["Python", "TOR", "Networking"],
    github: "https://github.com/0x5t4l1n/",
    status: "STABLE",
  },
]

// Boot sequence messages
const bootMessages = [
  "[ OK ] Started Load Kernel Modules",
  "[ OK ] Started Create System Users",
  "[ OK ] Started Update UTMP about System Runlevel Changes",
  "[ OK ] Started Network Manager",
  "[ OK ] Started OpenSSH Daemon",
  "[ OK ] Started Getty on tty1",
  "[ OK ] Reached target Multi-User System",
  "[ OK ] Reached target Graphical Interface",
  "",
  "Arch Linux 6.6.8-arch1-1 (tty1)",
  "",
  "stalin-ai-terminal login: stalin",
  "Password: ",
  "",
  `Last login: ${new Date().toLocaleString()}`,
  "Welcome to Stalin's AI & Cybersecurity Terminal",
  "[stalin@arch-ai ~]$ ",
]

// Initialize the application
document.addEventListener("DOMContentLoaded", () => {
  initializeMatrixRain()
  initializeParticleSystem()
  populateSkills()
  populateProjects()
})

// Matrix Rain Effect
function initializeMatrixRain() {
  const canvas = document.getElementById("matrix-canvas")
  const ctx = canvas.getContext("2d")

  canvas.width = window.innerWidth
  canvas.height = window.innerHeight

  const matrixChars = "01アイウエオカキクケコサシスセソタチツテトナニヌネノハヒフヘホマミムメモヤユヨラリルレロワヲン"
  const chars = matrixChars.split("")

  const columns = Math.floor(canvas.width / 20)
  const drops = Array(columns).fill(1)

  function draw() {
    ctx.fillStyle = "rgba(0, 0, 0, 0.05)"
    ctx.fillRect(0, 0, canvas.width, canvas.height)

    ctx.fillStyle = "#00ff41"
    ctx.font = "15px monospace"

    for (let i = 0; i < drops.length; i++) {
      const text = chars[Math.floor(Math.random() * chars.length)]
      ctx.fillText(text, i * 20, drops[i] * 20)

      if (drops[i] * 20 > canvas.height && Math.random() > 0.975) {
        drops[i] = 0
      }
      drops[i]++
    }
  }

  setInterval(draw, 50)

  // Resize handler
  window.addEventListener("resize", () => {
    canvas.width = window.innerWidth
    canvas.height = window.innerHeight
  })
}

// Particle System
function initializeParticleSystem() {
  const canvas = document.getElementById("particle-canvas")
  const ctx = canvas.getContext("2d")

  canvas.width = window.innerWidth
  canvas.height = window.innerHeight

  const particles = []
  const colors = ["#00ff41", "#00ffff", "#0080ff", "#8000ff", "#ff0080"]

  function createParticle() {
    return {
      x: Math.random() * canvas.width,
      y: Math.random() * canvas.height,
      vx: (Math.random() - 0.5) * 1,
      vy: (Math.random() - 0.5) * 1,
      life: 0,
      maxLife: 120 + Math.random() * 120,
      color: colors[Math.floor(Math.random() * colors.length)],
      size: 1 + Math.random() * 2,
    }
  }

  function hexToRgba(hex, alpha = 1) {
    const h = hex.replace("#", "")
    const bigint = Number.parseInt(h, 16)
    const r = (bigint >> 16) & 255
    const g = (bigint >> 8) & 255
    const b = bigint & 255
    return `rgba(${r},${g},${b},${alpha})`
  }

  function animate() {
    ctx.fillStyle = "rgba(0, 0, 0, 0.02)"
    ctx.fillRect(0, 0, canvas.width, canvas.height)

    // Add new particles
    if (particles.length < 100 && Math.random() < 0.1) {
      particles.push(createParticle())
    }

    // Update and draw particles
    for (let i = particles.length - 1; i >= 0; i--) {
      const p = particles[i]
      p.x += p.vx
      p.y += p.vy
      p.life++

      const alpha = 1 - p.life / p.maxLife
      const size = p.size * alpha

      // Create glow effect
      const outerR = Math.max(size * 3, 0.1)
      const innerR = 0.1
      const gradient = ctx.createRadialGradient(p.x, p.y, innerR, p.x, p.y, outerR)
      gradient.addColorStop(0, hexToRgba(p.color, alpha))
      gradient.addColorStop(1, hexToRgba(p.color, 0))

      if (outerR > 0) {
        ctx.fillStyle = gradient
        ctx.beginPath()
        ctx.arc(p.x, p.y, outerR, 0, Math.PI * 2)
        ctx.fill()
      }

      if (size > 0) {
        ctx.fillStyle = hexToRgba(p.color, alpha)
        ctx.beginPath()
        ctx.arc(p.x, p.y, size, 0, Math.PI * 2)
        ctx.fill()
      }

      if (p.life >= p.maxLife) {
        particles.splice(i, 1)
      }
    }

    requestAnimationFrame(animate)
  }

  animate()

  // Resize handler
  window.addEventListener("resize", () => {
    canvas.width = window.innerWidth
    canvas.height = window.innerHeight
  })
}

// Populate skills
function populateSkills() {
  const skillsGrid = document.getElementById("skills-grid")

  skills.forEach((skill) => {
    const skillCard = document.createElement("div")
    skillCard.className = "skill-card"

    skillCard.innerHTML = `
            <div class="skill-header">
                <div class="skill-icon">
                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor">
                        <polyline points="16,18 22,12 16,6"></polyline>
                        <polyline points="8,6 2,12 8,18"></polyline>
                    </svg>
                </div>
                <h4 class="skill-name">${skill.name}</h4>
            </div>
            <div class="skill-progress">
                <div class="skill-progress-bar" style="background: ${skill.color}; width: 0%"></div>
            </div>
            <div class="skill-percentage">${skill.level}%</div>
        `

    skillsGrid.appendChild(skillCard)

    // Animate progress bar
    setTimeout(() => {
      const progressBar = skillCard.querySelector(".skill-progress-bar")
      progressBar.style.width = `${skill.level}%`
    }, 500)
  })
}

// Populate projects
function populateProjects() {
  const projectsGrid = document.getElementById("projects-grid")

  projects.forEach((project) => {
    const projectCard = document.createElement("div")
    projectCard.className = `project-card ${project.featured ? "featured" : ""}`

    const techTags = project.tech.map((tech) => `<span class="tech-tag">${tech}</span>`).join("")

    projectCard.innerHTML = `
            <div class="project-header">
                ${project.featured ? '<span class="project-badge featured">FEATURED</span>' : ""}
                <span class="project-badge ${project.status.toLowerCase()}">${project.status}</span>
            </div>
            <h3 class="project-title">${project.title}</h3>
            <p class="project-description">${project.description}</p>
            <div class="project-tech">${techTags}</div>
            <div class="project-actions">
                <button class="btn btn-outline" onclick="window.open('${project.github}', '_blank')">
                    <svg class="btn-icon" viewBox="0 0 24 24" fill="currentColor">
                        <path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"/>
                    </svg>
                    Code
                </button>
                ${
                  project.huggingface
                    ? `
                <button class="btn btn-outline orange" onclick="window.open('${project.huggingface}', '_blank')">
                    <svg class="btn-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor">
                        <path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path>
                        <polyline points="15,3 21,3 21,9"></polyline>
                        <line x1="10" y1="14" x2="21" y2="3"></line>
                    </svg>
                    Demo
                </button>
                `
                    : ""
                }
            </div>
        `

    projectsGrid.appendChild(projectCard)
  })
}

// Terminal functionality
function showTerminal() {
  document.getElementById("landing-page").classList.remove("active")
  document.getElementById("terminal-page").classList.add("active")
  document.getElementById("terminal-btn").style.display = "none"
  currentPage = "terminal"

  startBootSequence()
}

function exitTerminal() {
  document.getElementById("terminal-page").classList.remove("active")
  document.getElementById("landing-page").classList.add("active")
  document.getElementById("terminal-btn").style.display = "block"
  currentPage = "landing"

  // Reset terminal
  document.getElementById("boot-sequence").style.display = "block"
  document.getElementById("terminal-container").style.display = "none"
  document.getElementById("boot-messages").innerHTML = ""
  document.getElementById("terminal-output").innerHTML = ""
}

function startBootSequence() {
  const bootMessagesContainer = document.getElementById("boot-messages")
  let currentLine = 0

  function typeMessage() {
    if (currentLine < bootMessages.length) {
      const messageDiv = document.createElement("div")
      messageDiv.className = "boot-message"
      messageDiv.textContent = bootMessages[currentLine]
      bootMessagesContainer.appendChild(messageDiv)

      currentLine++
      setTimeout(typeMessage, currentLine >= bootMessages.length - 3 ? 500 : 100)
    } else {
      setTimeout(() => {
        document.getElementById("boot-sequence").style.display = "none"
        document.getElementById("terminal-container").style.display = "flex"
        initializeTerminal()
      }, 1000)
    }
  }

  typeMessage()
}

function initializeTerminal() {
  const terminalInput = document.getElementById("terminal-input")
  const terminalOutput = document.getElementById("terminal-output")

  // Show welcome message
  const welcomeMessage = `╔══════════════════════════════════════════════════════════════╗
║          Welcome to Stalin's AI & Cybersecurity Terminal      ║
║                                                                ║
║  🤖 AI & Data Science Enthusiast | 🔐 Ethical Hacker         ║
║  🎓 B.Tech Student at St.Joseph's Institute Of Technology     ║
║  📍 Chennai, Tamil Nadu, India                                ║
║                                                                ║
║  Type 'help' to explore my portfolio and skills!              ║
╚══════════════════════════════════════════════════════════════╝

`

  terminalOutput.innerHTML = welcomeMessage

  // Focus on input
  terminalInput.focus()

  // Handle input
  terminalInput.addEventListener("keydown", handleTerminalInput)

  // Cursor blinking
  setInterval(() => {
    const cursor = document.getElementById("terminal-cursor")
    cursor.style.opacity = cursor.style.opacity === "0" ? "1" : "0"
  }, 500)
}

function handleTerminalInput(e) {
  const input = e.target
  const command = input.value.trim()

  if (e.key === "Enter") {
    if (command) {
      executeCommand(command)
      commandHistory.push(command)
      historyIndex = -1
    }
    input.value = ""
  } else if (e.key === "ArrowUp") {
    e.preventDefault()
    if (commandHistory.length > 0) {
      const newIndex = historyIndex === -1 ? commandHistory.length - 1 : Math.max(0, historyIndex - 1)
      historyIndex = newIndex
      input.value = commandHistory[newIndex]
    }
  } else if (e.key === "ArrowDown") {
    e.preventDefault()
    if (historyIndex !== -1) {
      const newIndex = historyIndex + 1
      if (newIndex >= commandHistory.length) {
        historyIndex = -1
        input.value = ""
      } else {
        historyIndex = newIndex
        input.value = commandHistory[newIndex]
      }
    }
  } else if (e.key === "Tab") {
    e.preventDefault()
    const availableCommands = Object.keys(terminalCommands)
    const matches = availableCommands.filter((cmd) => cmd.startsWith(command.toLowerCase()))

    if (matches.length === 1) {
      input.value = matches[0]
    } else if (matches.length > 1) {
      addToTerminalOutput(`\n${matches.join("  ")}\n`)
    }
  }
}

function executeCommand(command) {
  const terminalOutput = document.getElementById("terminal-output")
  const [baseCmd, ...args] = command.toLowerCase().split(" ")

  // Handle clear command specially (don't show command in output)
  if (baseCmd === "clear") {
    terminalOutput.innerHTML = ""
    return
  }

  // Add command to output for all other commands
  addToTerminalOutput(`[stalin@arch-ai ~]$ ${command}\n`)

  // Handle other special commands
  if (baseCmd === "sudo" && args.join(" ") === "rm -rf /") {
    addToTerminalOutput(`<span style="color: #ef4444; animation: pulse 2s infinite;">rm: cannot remove '/': Permission denied
Just kidding! Nice try though 😄
<span style="color: #7ee787;">Your system is safe... for now.</span></span>\n\n`)
    return
  }

  if (baseCmd === "hack" || baseCmd === "matrix") {
    isHackerMode = !isHackerMode
    document.body.style.filter = isHackerMode ? "hue-rotate(120deg)" : "none"
    addToTerminalOutput(
      `<span style="color: ${isHackerMode ? "#7ee787" : "#22c55e"}">${isHackerMode ? "Exiting hacker mode..." : "Entering hacker mode... 🕶️"}</span>\n\n`,
    )
    return
  }

  // Execute command
  const commandFunc = terminalCommands[baseCmd]
  if (commandFunc) {
    const output = commandFunc(args)
    addToTerminalOutput(output + "\n\n")
  } else {
    addToTerminalOutput(`<span style="color: #ef4444;">bash: ${baseCmd}: command not found
<span style="color: #9ca3af;">Type 'help' to see available commands</span></span>\n\n`)
  }
}

function addToTerminalOutput(content) {
  const terminalOutput = document.getElementById("terminal-output")
  terminalOutput.innerHTML += content
  terminalOutput.scrollTop = terminalOutput.scrollHeight
}

// Terminal commands
const terminalCommands = {
  help: () => `<span style="color: #60a5fa; font-weight: bold;">Available Commands:</span>
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 0.5rem; margin: 1rem 0;">
    <div><span style="color: #fbbf24;">help</span> - Show this help message</div>
    <div><span style="color: #fbbf24;">whoami</span> - About me</div>
    <div><span style="color: #fbbf24;">skills</span> - Technical skills</div>
    <div><span style="color: #fbbf24;">projects</span> - My projects</div>
    <div><span style="color: #fbbf24;">github</span> - GitHub profile & stats</div>
    <div><span style="color: #fbbf24;">repos</span> - Browse GitHub repositories</div>
    <div><span style="color: #fbbf24;">huggingface</span> - AI models on Hugging Face</div>
    <div><span style="color: #fbbf24;">certs</span> - Certifications & achievements</div>
    <div><span style="color: #fbbf24;">contact</span> - Get in touch</div>
    <div><span style="color: #fbbf24;">clear</span> - Clear terminal</div>
    <div><span style="color: #fbbf24;">exit</span> - Exit terminal</div>
</div>
<span style="color: #9ca3af;">💡 Tips:
• Use Tab for auto-completion
• Use ↑/↓ arrows for command history
• Try some easter eggs: 'hack', 'matrix', 'sudo rm -rf /'
• Type 'repos' to explore all GitHub projects
• Type 'huggingface' to see AI models</span>`,

  whoami: () => `<span style="color: #60a5fa; font-weight: bold;">$ whoami</span>
<div style="margin: 1rem 0;">
    <div style="color: #fbbf24; font-size: 1.125rem;">👨‍💻 Stalin S - AI & Data Science Enthusiast | Ethical Hacker</div>
</div>
<div style="line-height: 1.6;">
    <div>🎯 Passionate about AI, Data Science, and Cybersecurity</div>
    <div>🔍 Leveraging data to drive meaningful insights and innovations</div>
    <div>💻 Hands-on experience with Kali Linux and ethical hacking tools</div>
    <div>🌍 Avid traveler drawing inspiration from diverse cultures</div>
    <div>🎓 B.Tech Student in AI & Data Science at St.Joseph's Institute Of Technology</div>
    <div>📍 Based in Chennai, Tamil Nadu, India</div>
</div>
<div style="margin-top: 1rem; color: #9ca3af;">
    "Empowered by curiosity and a thirst for learning, bridging technology with meaningful solutions."
</div>`,

  skills: () => `<span style="color: #60a5fa; font-weight: bold;">$ cat /proc/skills</span>
<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 2rem; margin: 1rem 0;">
    <div>
        <div style="color: #fbbf24; font-weight: bold; margin-bottom: 0.5rem;">🤖 AI & Data Science</div>
        <div style="font-size: 0.875rem; line-height: 1.4;">
            <div>• Machine Learning <span style="color: #60a5fa;">[90%]</span></div>
            <div>• Data Analytics & Visualization</div>
            <div>• AI Technologies & Applications</div>
            <div>• Data-driven Decision Making</div>
            <div>• Intelligent Systems Design</div>
            <div>• Statistical Analysis</div>
        </div>
    </div>
    <div>
        <div style="color: #fbbf24; font-weight: bold; margin-bottom: 0.5rem;">🔐 Cybersecurity & Ethical Hacking</div>
        <div style="font-size: 0.875rem; line-height: 1.4;">
            <div>• Ethical Hacking <span style="color: #60a5fa;">[90%]</span></div>
            <div>• Penetration Testing</div>
            <div>• Vulnerability Assessment</div>
            <div>• Network Security Analysis</div>
            <div>• Security Audits</div>
            <div>• Kali Linux Expertise</div>
        </div>
    </div>
    <div>
        <div style="color: #fbbf24; font-weight: bold; margin-bottom: 0.5rem;">💻 Programming Languages</div>
        <div style="font-size: 0.875rem; line-height: 1.4;">
            <div>• Python <span style="color: #60a5fa;">[90%]</span></div>
            <div>• Java <span style="color: #60a5fa;">[85%]</span></div>
            <div>• HTML <span style="color: #60a5fa;">[80%]</span></div>
            <div>• JavaScript <span style="color: #60a5fa;">[75%]</span></div>
            <div>• C/C++ <span style="color: #60a5fa;">[50%]</span></div>
            <div>• CSS <span style="color: #60a5fa;">[50%]</span></div>
        </div>
    </div>
    <div>
        <div style="color: #fbbf24; font-weight: bold; margin-bottom: 0.5rem;">🛠️ Tools & Technologies</div>
        <div style="font-size: 0.875rem; line-height: 1.4;">
            <div>• Bash Scripting <span style="color: #60a5fa;">[90%]</span></div>
            <div>• Kali Linux</div>
            <div>• TOR <span style="color: #60a5fa;">[80%]</span></div>
            <div>• Vulnerability Scanning Tools</div>
            <div>• Network Security Tools</div>
            <div>• Data Analysis Tools</div>
        </div>
    </div>
</div>`,

  projects: (args) => {
    if (args.length === 0) {
      return `<span style="color: #60a5fa; font-weight: bold;">$ ls -la ~/projects/</span>
<div style="margin: 1rem 0; line-height: 1.8;">
    <div style="border-left: 2px solid #fb923c; padding-left: 1rem; margin-bottom: 1rem;">
        <div style="color: #fb923c; font-weight: bold;">🤖 AI Eye Disease Detection [FEATURED]</div>
        <div style="font-size: 0.875rem; color: #d1d5db;">Advanced AI model for detecting eye diseases using deep learning</div>
        <div style="font-size: 0.75rem; color: #9ca3af;">Tech: Python, TensorFlow, Computer Vision, AI</div>
        <div style="font-size: 0.75rem; color: #60a5fa;">🤗 Available on Hugging Face</div>
    </div>
    <div style="border-left: 2px solid #fbbf24; padding-left: 1rem; margin-bottom: 1rem;">
        <div style="color: #fbbf24; font-weight: bold;">🔐 Password Strength Checker</div>
        <div style="font-size: 0.875rem; color: #d1d5db;">Advanced password security analysis tool</div>
        <div style="font-size: 0.75rem; color: #9ca3af;">Tech: Python, Security Algorithms</div>
    </div>
    <div style="border-left: 2px solid #fbbf24; padding-left: 1rem; margin-bottom: 1rem;">
        <div style="color: #fbbf24; font-weight: bold;">🔍 Vulnerability Scanning Tool</div>
        <div style="font-size: 0.875rem; color: #d1d5db;">Automated vulnerability detection and assessment</div>
        <div style="font-size: 0.75rem; color: #9ca3af;">Tech: Python, Network Security</div>
    </div>
    <div style="border-left: 2px solid #fbbf24; padding-left: 1rem; margin-bottom: 1rem;">
        <div style="color: #fbbf24; font-weight: bold;">🌐 Nex Tor IP Changer v1.0</div>
        <div style="font-size: 0.875rem; color: #d1d5db;">Advanced IP anonymization tool</div>
        <div style="font-size: 0.75rem; color: #9ca3af;">Tech: Python, TOR Network</div>
    </div>
    <div style="border-left: 2px solid #fbbf24; padding-left: 1rem; margin-bottom: 1rem;">
        <div style="color: #fbbf24; font-weight: bold;">🔧 MAC Address Changer</div>
        <div style="font-size: 0.875rem; color: #d1d5db;">Network interface MAC address manipulation tool</div>
        <div style="font-size: 0.75rem; color: #9ca3af;">Tech: Python, Network Programming</div>
    </div>
    <div style="border-left: 2px solid #fbbf24; padding-left: 1rem; margin-bottom: 1rem;">
        <div style="color: #fbbf24; font-weight: bold;">🛡️ Simple Python Firewall Using Scapy</div>
        <div style="font-size: 0.875rem; color: #d1d5db;">Custom firewall implementation for network protection</div>
        <div style="font-size: 0.75rem; color: #9ca3af;">Tech: Python, Scapy, Network Security</div>
    </div>
    <div style="border-left: 2px solid #fbbf24; padding-left: 1rem;">
        <div style="color: #fbbf24; font-weight: bold;">🚗 Driver's Sleep Alarm System</div>
        <div style="font-size: 0.875rem; color: #d1d5db;">AI-powered drowsiness detection system</div>
        <div style="font-size: 0.75rem; color: #9ca3af;">Tech: Python, Computer Vision, AI</div>
    </div>
</div>
<div style="color: #9ca3af;">Use 'projects &lt;name&gt;' for details, 'repos' for GitHub, or 'huggingface' for AI models</div>`
    }
    return `<span style="color: #ef4444;">Project '${args.join(" ")}' not found. Use 'projects' to see all available projects.</span>`
  },

  github:
    () => `<span style="color: #60a5fa; font-weight: bold;">$ curl -s https://api.github.com/users/0x5t4l1n</span>
<div style="border: 1px solid #4b5563; padding: 1rem; border-radius: 0.5rem; margin: 1rem 0;">
    <div style="display: flex; align-items: center; gap: 0.75rem; margin-bottom: 1rem;">
        <div style="color: #fbbf24; font-size: 1.5rem;">🐙</div>
        <div>
            <div style="color: #fbbf24; font-weight: bold; font-size: 1.125rem;">0x5t4l1n</div>
            <div style="color: #d1d5db; font-size: 0.875rem;">Ethical Hacker | Web Penetration Tester | AI Enthusiast</div>
        </div>
    </div>
    
    <div style="display: grid; grid-template-columns: repeat(4, 1fr); gap: 1rem; margin-bottom: 1rem; text-align: center;">
        <div>
            <div style="color: #60a5fa; font-weight: bold; font-size: 1.25rem;">22+</div>
            <div style="color: #9ca3af; font-size: 0.875rem;">Repositories</div>
        </div>
        <div>
            <div style="color: #22c55e; font-weight: bold; font-size: 1.25rem;">14</div>
            <div style="color: #9ca3af; font-size: 0.875rem;">Followers</div>
        </div>
        <div>
            <div style="color: #a855f7; font-weight: bold; font-size: 1.25rem;">9</div>
            <div style="color: #9ca3af; font-size: 0.875rem;">Following</div>
        </div>
        <div>
            <div style="color: #fbbf24; font-weight: bold; font-size: 1.25rem;">2</div>
            <div style="color: #9ca3af; font-size: 0.875rem;">Stars</div>
        </div>
    </div>
    
    <div style="font-size: 0.875rem; line-height: 1.6;">
        <div>📍 <span style="color: #d1d5db;">Remote</span></div>
        <div>🏢 <span style="color: #d1d5db;">Nexulen</span></div>
        <div>🌐 <span style="color: #60a5fa;">Data Scientist | Web Developer | Tech Innovator</span></div>
    </div>
</div>
<div style="color: #9ca3af;">Visit: <a href="https://github.com/0x5t4l1n" style="color: #60a5fa;">https://github.com/0x5t4l1n</a></div>`,

  huggingface: () => `<span style="color: #60a5fa; font-weight: bold;">$ curl -s https://huggingface.co/5t4l1n</span>
<div style="border: 1px solid #fb923c; padding: 1rem; border-radius: 0.5rem; margin: 1rem 0;">
    <div style="display: flex; align-items: center; gap: 0.75rem; margin-bottom: 1rem;">
        <div style="color: #fb923c; font-size: 1.5rem;">🤗</div>
        <div>
            <div style="color: #fb923c; font-weight: bold; font-size: 1.125rem;">5t4l1n on Hugging Face</div>
            <div style="color: #d1d5db; font-size: 0.875rem;">AI Models & Machine Learning Projects</div>
        </div>
    </div>
    
    <div style="border: 1px solid #4b5563; padding: 0.75rem; border-radius: 0.5rem;">
        <div style="color: #fbbf24; font-weight: bold;">🤖 AI Eye Disease Detection</div>
        <div style="color: #d1d5db; font-size: 0.875rem; margin-top: 0.25rem;">
            Advanced deep learning model for detecting various eye diseases from medical images
        </div>
        <div style="display: flex; flex-wrap: wrap; gap: 0.5rem; margin-top: 0.5rem;">
            <span style="padding: 0.125rem 0.5rem; background: rgba(59, 130, 246, 0.2); color: #60a5fa; border-radius: 0.25rem; font-size: 0.75rem;">Computer Vision</span>
            <span style="padding: 0.125rem 0.5rem; background: rgba(34, 197, 94, 0.2); color: #22c55e; border-radius: 0.25rem; font-size: 0.75rem;">Medical AI</span>
            <span style="padding: 0.125rem 0.5rem; background: rgba(168, 85, 247, 0.2); color: #a855f7; border-radius: 0.25rem; font-size: 0.75rem;">TensorFlow</span>
            <span style="padding: 0.125rem 0.5rem; background: rgba(239, 68, 68, 0.2); color: #ef4444; border-radius: 0.25rem; font-size: 0.75rem;">Healthcare</span>
        </div>
        <div style="margin-top: 0.5rem; font-size: 0.75rem; color: #9ca3af;">
            🔗 https://huggingface.co/5t4l1n/ai-eye-disease-detection
        </div>
    </div>
</div>
<div style="color: #9ca3af;">Visit: <a href="https://huggingface.co/5t4l1n" style="color: #fb923c;">https://huggingface.co/5t4l1n</a> to explore AI models</div>`,

  contact: () => `<span style="color: #60a5fa; font-weight: bold;">$ cat /dev/contact</span>
<div style="margin: 1rem 0;">
    <div style="color: #fbbf24; font-weight: bold;">📧 Get In Touch with Stalin S</div>
    <div style="margin: 1rem 0; line-height: 1.8;">
        <div>📧 <a href="mailto:stalin78830@gmail.com" style="color: #60a5fa;">stalin78830@gmail.com</a></div>
        <div>📱 <a href="tel:+919655293238" style="color: #60a5fa;">+91 9655293238</a></div>
        <div>📍 <span style="color: #d1d5db;">Chennai, Tamil Nadu, India</span></div>
        <div>🎓 <span style="color: #d1d5db;">St.Joseph's Institute Of Technology</span></div>
        <div>🐙 <a href="https://github.com/0x5t4l1n" style="color: #60a5fa;">GitHub: 0x5t4l1n</a></div>
        <div>🤗 <a href="https://huggingface.co/5t4l1n" style="color: #fb923c;">Hugging Face: 5t4l1n</a></div>
    </div>
</div>
<div style="border: 1px solid #4b5563; padding: 0.75rem; border-radius: 0.5rem; color: #9ca3af; font-size: 0.875rem;">
    🔐 Available for cybersecurity consulting, ethical hacking services, and AI/Data Science projects.
    🌍 Open to travel and remote opportunities worldwide.
    💡 Passionate about bridging technology with meaningful solutions.
</div>`,

  exit: () => {
    setTimeout(exitTerminal, 1000)
    return `<span style="color: #fbbf24;">Logging out...</span>
<span style="color: #9ca3af;">Thanks for visiting my terminal portfolio! 👋
Connection to arch-portfolio closed.</span>
<div style="margin-top: 1rem; color: #60a5fa;">Refresh the page to start a new session.</div>`
  },
}