The problem

A client's wellness blog wanted a "card of the day" tarot widget on the homepage. Embedded, no full-page navigation, click-to-draw. They wanted me to ship it before their Monday newsletter went out. I had a Friday afternoon.

Here is the working widget, in vanilla HTML, CSS, and JS, that ended up on their site.

What I used

DivineAPI for the daily tarot endpoint

Vanilla JavaScript (no framework, drops into any site)

~80 lines of HTML + CSS + JS total

20 minutes of actual work, plus 30 minutes I lost to a stupid bug (more on that)

Step 1: Get your API key

Sign up at divineapi.com , 14-day free trial, credit card required. From the dashboard you grab two things:

The api_key value (goes in the request body)

An Authorization token (goes in the request header as Bearer {token} )

Both are required. The brief I was working from had only the api_key , which is why I lost half an hour debugging 401s.…