Frontend Challenge: I have had it with these motherfriggin' crickets on this motherfriggin' field!

#devchallenge #frontendchallenge #css #javascript

This is a submission for Frontend Challenge v24.07.24, Glam Up My Markup: Recreation

What I Built

A page for the fictional New York Recreational Cricket League! I wanted to build something whimsical and satirical that [intentionally] misinterprets the theme (since I know nothing about any sport).

Demo

Here's an embed, but no one designs for that form factor, so go ahead and view the full-page version on Codepen.

Journey

Using the provided markup, I drafted a one-page website in vertical slideshow format, with CSS snap points, sticky headers, and weird parallax imagery.

TBH, I wanted to do this as fast as possible using only skills I could pull from memory. The HTML is unmodified, albeit gently and minimally manipulated via JavaScript (to make all linkable things linkable, like email, phone, and dates). Gratuitous use of flexbox ensued, but it's all pretty standard, if not basic.

The units are a little sloppy (px instead of rem), but I'm feeling okay about it.

Images are courtesy of the genders at OpenAI and ChatGPT 4o.