DEV Community

Horace Nelson
Horace Nelson

Posted on

9 6 4 4 6

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

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.

Image of Timescale

🚀 pgai Vectorizer: SQLAlchemy and LiteLLM Make Vector Search Simple

We built pgai Vectorizer to simplify embedding management for AI applications—without needing a separate database or complex infrastructure. Since launch, developers have created over 3,000 vectorizers on Timescale Cloud, with many more self-hosted.

Read more →

Top comments (2)

Collapse
 
jennavisions profile image
Jenna

That's hilarious!
The satire is spot-on 😂
Great work! 👏

Collapse
 
horaceshmorace profile image
Horace Nelson

Thanks :)

Image of Docusign

🛠️ Bring your solution into Docusign. Reach over 1.6M customers.

Docusign is now extensible. Overcome challenges with disconnected products and inaccessible data by bringing your solutions into Docusign and publishing to 1.6M customers in the App Center.

Learn more