Static Portfolio Website

Minimal, production-ready static portfolio built with HTML5, CSS3, Bootstrap 5, and vanilla JavaScript.

Structure

• _config.yml
• _includes/header.html
• _includes/footer.html
• index.html
• about.html
• projects.html
• contact.html
• resume.html
• 404.html
• blog/index.html
• blog/the-two-charcoal-fires.html
• assets/css/style.css
• assets/js/main.js
• assets/images/*.svg
• assets/images/og-image.png
• assets/Alan_B_Joseph_Resume.pdf
• robots.txt
• sitemap.xml

Local Preview

Use any static file server. Example with Python:

python -m http.server 8000

Then open http://localhost:8000.

Customization

• Update shared header/footer links in _includes/header.html and _includes/footer.html.
• Replace placeholder project content in projects.html.
• Duplicate and edit blog/the-two-charcoal-fires.html for new posts, then link them from blog/index.html.
• Tweak tokens in assets/css/style.css under :root.
• Theme toggle persists in localStorage using key portfolio-theme.
• If you deploy to a different domain, update canonical/OG/Twitter URLs and sitemap.xml entries.
• Replace the Web3Forms access_key in contact.html with your own key.