Project Idea & Inspiration
I wanted to craft a short story about an unlikely hero: a male English bulldog who lives for skateboarding. By setting the action on a weathered seaside pier, I could blend kinetic skateboarding scenes with reflective moments at sunrise and sunset. I have always found piers and beaches to be incredibly calming, and I wanted to implement that feeling, along with the silliness of a skateboarding dog.
Technical Challenges & Solutions
Building a fully responsive layout that gracefully adapts from desktop to mobile was my first challenge. I implemented flexible typography using `calc()` and fluid images with `max-width: 100%`. Ensuring the audio played when the page loaded was difficult for me, and eventually I referred to the internet to find a solution. Hopefully it all worked out!
I used chat GPT to add some javascript (which it recommended) to assist with the mp3 autoplay.
AI & Tool Documentation
- ChatGPT: Assisted with creating the structural html and helping me set the audio to loop.
What I Learned
This project deepened my understanding of visual hierarchy—how typography scale, color contrast, and layout guide the reader’s eye. I also gained practical experience with integrating multimedia and handling cross‐browser quirks for audio playback.