Redesigning my Website with Eleventy
2024 December 17Good news! I recently finished redesigning my website with Eleventy (or 11ty), a simple static site generator. I used to use a GitHub Pages Jekyll template for my personal website, but later decided to design and build my own website from scratch. I was an absolute beginner with HTML, CSS, and Javascript, so the redesign took several months of jumping between:
- Renkon's Eleventy guide (drew heavily from this excellent guide while getting started)
- Official Eleventy documentation (sometimes helpful, but I wish it wasn't so sparse!)
- MDN's CSS and Javascript tutorials
After I finished building my website locally, my friend Nathan helped me configure it for GitHub Pages -- thank you, Nathan!
The thing that surprised me the most was how much fun I had designing and building this site. Seriously, you should have seen my face after I got the mobile-view hamburger menu animation working (which took me four hours to do -- seriously, go check it out on your phone, it's so cool). I'm sure I'll continue to tweak and improve the website over time (I've already increased the mobile view font size quite a bit), but for now, I think I'll just let myself feel proud of it. :D