Ali Bonagdaran

← All Projects

Published February 2026

Portfolio Website

My portfolio website rebuilt on Hugo with a data-driven content model and GitHub Pages deployment.

  • Hugo
  • GitHub Actions
  • HTML
  • CSS

View source on GitHub

I rebuilt this project from a framework-heavy setup into a Hugo static site. The goal was to make updates faster, keep the codebase simple, and improve page performance.

Scope

  • Rework the site structure around quick recruiter scanning: About, Experience, Education, Projects, Contact.
  • Move profile content out of templates so updates do not require layout edits.
  • Keep deployment straightforward and repeatable.

Architecture

  • layouts/ for reusable templates
  • data/ for profile, experience, and education YAML
  • content/projects/*.html for project pages
  • assets/css/site.css for the design system and responsive styles

Implementation Notes

  • Added metadata and social preview tags
  • Added full favicon and app icon coverage (svg, ico, png, apple-touch-icon, webmanifest)
  • Implemented light and dark theme with saved preference and accessible toggle semantics
  • Updated the GitHub Actions deploy workflow for safer branch publishing

Outcome

  • Simpler day-to-day content updates
  • Better performance from static output
  • Clearer structure on mobile and desktop

Browse more projects