Subscribe for more content delivered to your inbox! 🎉

Kitchen Sink

A showcase of all custom components used on this site.

Light

InfoBox

A callout box for highlighting information.

This is an InfoBox without a title.
Note
This is an InfoBox with a title.

Quote

A styled blockquote for attributing words to someone.

This is a simple quote without attribution.
Oh I think I cut you off there. What were you saying?
Claude
I've never seen the code, and I never care to, which might give you pause.
Steve Yegge Welcome to Gas Town
Simple is better than complex.
The Zen of Python

ProjectCard

A card for displaying project information.

Status variants

Released
Released
Green indicates shipped and available.
In Progress
In Progress
Amber indicates active development.
Prototype
Prototype
Blue indicates experimental.
Maintained
Maintained
Teal indicates steady care.
Abandoned
Abandoned
Gray indicates inactive.

With tags

Stalled project
In Progress stalled
A project with an additional tag.
Needs validation
Abandoned validation needed
A project needing validation before revival.
Multiple tags
Prototype stalledneeds review
A project with multiple tags.

Link variants

GitHub
Released
GitHub link only.
Steam
Released
Steam link only.
Website (globe)
Released
Default globe icon.
Website (itch)
Released
Itch.io icon.
Website (docs)
Released
Documentation icon.
All links
Released
All link types together.

ExternalLink

A link that opens in a new tab with proper security attributes.

Check out GitHub for code hosting.

Dark

InfoBox

A callout box for highlighting information.

This is an InfoBox without a title.
Note
This is an InfoBox with a title.

Quote

A styled blockquote for attributing words to someone.

This is a simple quote without attribution.
Oh I think I cut you off there. What were you saying?
Claude
I've never seen the code, and I never care to, which might give you pause.
Steve Yegge Welcome to Gas Town
Simple is better than complex.
The Zen of Python

ProjectCard

A card for displaying project information.

Status variants

Released
Released
Green indicates shipped and available.
In Progress
In Progress
Amber indicates active development.
Prototype
Prototype
Blue indicates experimental.
Maintained
Maintained
Teal indicates steady care.
Abandoned
Abandoned
Gray indicates inactive.

With tags

Stalled project
In Progress stalled
A project with an additional tag.
Needs validation
Abandoned validation needed
A project needing validation before revival.
Multiple tags
Prototype stalledneeds review
A project with multiple tags.

Link variants

GitHub
Released
GitHub link only.
Steam
Released
Steam link only.
Website (globe)
Released
Default globe icon.
Website (itch)
Released
Itch.io icon.
Website (docs)
Released
Documentation icon.
All links
Released
All link types together.

ExternalLink

A link that opens in a new tab with proper security attributes.

Check out GitHub for code hosting.