Skip to content

jonathanbobel/jon-portfolio

Repository files navigation

🌟 Jonathan Bobel - Portfolio

Welcome to my personal portfolio, built with 11ty (Eleventy) and Tailwind CSS. This site showcases my work as a UI Designer + Developer, focusing on accessibility, user experience, and front-end development.


🚀 About This Portfolio

This portfolio is a fully responsive, fast, and accessible site featuring:

  • 🖥️ Projects – Case studies of my work, including Notify.gov, 10x, and USWDS contributions.
  • 📖 About Me – A little background on who I am and what I do.
  • 📩 Contact – Ways to reach out, including email, GitHub, and LinkedIn.

Built with:

  • 📌 11ty (Eleventy) – A static site generator for speed and flexibility.
  • 🎨 Tailwind CSS – Utility-first CSS for a modern and clean design.
  • 🔍 Accessible Design – WCAG-compliant, tested for usability.

🛠️ Technologies Used

  • HTML5 / Nunjucks – Templating for flexible page generation.
  • Tailwind CSS – For scalable, maintainable styling.
  • Markdown & JSON – Content and project management.
  • 11ty (Eleventy) – Static site generator for efficiency.
  • GitHub Actions – Automations and CI/CD.

📂 Project Structure

├── src/
│   ├── _includes/        # Reusable templates (header, footer, etc.)
│   ├── css/              # Tailwind styles
│   ├── images/           # Portfolio images & assets
│   ├── projects/         # Markdown files for projects
│   ├── about.njk         # About page
│   ├── contact.njk       # Contact page
│   ├── index.njk         # Homepage
│   ├── projects.njk      # Projects listing
│── .eleventy.js          # 11ty config file
│── tailwind.config.js    # Tailwind custom settings
│── package.json          # Dependencies & scripts
│── README.md             # This file

About

Jonathan Bobel - Portfolio Site

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published