Website Build Portfolio [Page in Progress - Continuation following midterms]
A living record of the work behind this site — decisions, dead-ends, and the wins that shipped.
This project began simply as a project portfolio to highlight my professional progress on the web. The critical choice to build it from scratch using HTML, CSS, and vanilla JavaScript came naturally as I enjoyed learning by doing. Teaching myself lightbox, UX principles, and user led design through trial and error (more commits than I care to admit) has been incredibly rewarding. This website is now a sandbox for all my ideas and a place to test the theory learned from my life experiences.
GitHub Contributions Less More
My Current Thoughts on the project [2026-01-11]
I really haven't benefitted from this website as I had hoped. I have been on and off creating this website since I started my networking journey this past summer. I thought having a personal website would be a great way to showcase my skills and projects to potential employers but find the system I am up against is much more rigid than I had assumed. Nevertheless, I have learned a lot about web design, HTML, CSS, and JavaScript. I have also learned a lot about UX design and user-led design principles which I hope will be helpful to my future career or personal business. That is all for now, hopefully I can continue to build this out in the future with my final addition being the SEO of this website as well as britneybuttonevents.ca for my sister.
Open-source Code Folder
| File | Purpose | Actions |
|---|---|---|
| index.html | Home and global navigation entry | View Download |
| portfolio.html | Project gallery with Lightbox | View Download |
| hyrox.html | Race narrative + gallery | View Download |
| contact.html | Contact card & links | View Download |
| main.css | Global styles, grid & components | View Download |
| website.html | Website Gallery timeline & Contributions | View Download |