Portfolio Website Overview

September 20, 2025

I am excited to share a detailed overview of my personal cybersecurity portfolio website. The site is built using Astro, a modern static site generator, and is designed to showcase my technical skills, projects, experience, and professional journey. Below, I outline the key features, structure, and functionality of the website.

Website Structure

1. Hero Section

Introduces me with a professional headshot, name, and tagline summarizing my experience and objectives. Call-to-action buttons allow visitors to download my resume or navigate to the contact page.

  • Responsive design for desktop and mobile
  • Clear, concise introduction with visual emphasis
  • Easy access to resume and contact links

2. Featured Skills

Highlights core technical competencies with pill-shaped tags:

  • Security Tools: InsightIDR, ZScaler, Mimecast
  • Digital Forensics
  • Threat Detection
  • Networking: CCNA knowledge

3. Recent Write-ups

Blog-style section with posts and descriptions:

  • My Cybersecurity Homelab
  • More to come...

Terminal Feature

An embedded interactive terminal allows visitors to explore the portfolio in a text-based interface.

  • Access via toggle button in header
  • Commands: whoami, ls, cat [filename], date, gui, help, clear

Additional Pages

The site includes these main sections:

  • About — Personal & professional background
  • Skills — In-depth technical skills
  • Experience — Internship & work history
  • Homelab — Cybersecurity lab overview
  • Certifications — Professional qualifications
  • Projects — Completed portfolio projects
  • Blog — Research, challenges, CTF write-ups

Design and Usability

  • Responsive design for all screen sizes
  • Glassmorphism & subtle radial backgrounds
  • Interactive hover effects on buttons and posts
  • Accessible semantic HTML and keyboard navigation

Known Issues

  • The 'expertise' list in the header is only accesible upon initial site load and site refresh. (FIXED)
  • Header will not animate unless upon site load and site refresh. (FIXED)
  • The terminal button in the header works only upon initial site load and site refresh. (FIXED)

Conclusion

The portfolio website is a polished, interactive showcase of my cybersecurity skills, professional experience, and projects. With a GUI, terminal, and clear hierarchy, visitors can explore my expertise in multiple ways.