🍁 Colophon
This site was made using the following:
- Framework: Hugo
- Styling: PaperCSS + additional custom styling
- Writing: VS Code, iA Writer
- Hosting: Netlify — my first time using cloud hosting!
- Version Control: GitHub
Curious? You can check out the repo here.
🔡 Fonts
- Site Name Font: Diary Autumn
- Header and Body Font: default PaperCSS font
🎨 Graphics & Icons
- Papercut Autumn Leaf pattern background: Design Bundles
- Paper pattern background (EP Natural White): Subtle Patterns
- Favicon: Made with Procreate
- Autumn Leaf Border: Also made with Procreate — CSS flips the same image for the bottom
- Social Media Icons: Font Awesome (except Replit and Cara)
- Replit Icon: From Replit Brand Kit → converted to SVG
- Cara Icon: From Cara Logos → converted to SVG
👩🏻💻 Do I have to include these, too?
- 💻 MacBook Air M4 (2025) 15"
- 🎨📱 iPad Air M3 (2025) 13"
🤖 A Note on AI & Assistance
Some of the layout, code, and troubleshooting were assisted by Ai-chan (my friendly AI assistant a.k.a. ChatGPT), especially as I learned frameworks like Tailwind CSS and Hugo’s templating system. I review everything, tweak it, test it locally, and learn as I go.
Using an AI assistant is not the same as relying on fully AI-generated code.
You can’t just expect an AI to build a full website from one prompt and call it done. Nothing in this world is perfect — especially AI. You still need to know your web dev basics (HTML, CSS, JS, frameworks, etc.) and test things locally before launching.
This site is a cozy corner of the indie web — made with both heart ❤️ and help 🛠️.