Project cards as bento tiles — each variant gets its own surface material. Cream cards carry dot patterns for standard projects, navy cards get diagonal hatch for featured work, and red cards with cross-hatch and starburst accents mark active builds. Cards span 1-2 grid columns and carry flight numbers, status badges, and tech tags.
Playground
Cards
Cream Card
Default variant — dot pattern, standard project
CF-5
ON TIME
Wallpaper Splitter
Split ultrawide wallpapers for multi-monitor setups.
react
typescript
canvas
Navy Card
Featured project — diagonal stripes, span 2
CF-1
ON TIME
camronflanders.com
Personal site built with Phoenix LiveView. Weather-driven accent colors, aviation-themed design system.
elixir
phoenix
liveview
tailwind
Red Card
Active/maker project — cross-hatch + starburst
CF-3
BOARDING
Prints-a-Lot
Raspberry Pi thermal printer for daily briefings.
python
rpi
hardware
All Variants — Bento Grid
Bento grid with mixed card types
CF-1
ON TIME
camronflanders.com
Personal site with Phoenix LiveView.
elixir
phoenix
CF-2
BOARDING
Browser Extension
Cross-browser extension with WXT.
wxt
react
CF-3
BOARDING
Prints-a-Lot
Thermal printer daily briefings.
python
rpi
CF-4
DELAYED
Vestaboard Client
Elixir client for the Vestaboard API.
elixir
api
CF-5
ON TIME
Wallpaper Splitter
Multi-monitor wallpaper tool.
react
canvas
Status Variants
Same card in all three statuses
CF-1
ON TIME
On Time Project
Everything running smoothly.
elixir
CF-2
BOARDING
Boarding Project
Currently in active development.
react
CF-3
DELAYED
Delayed Project
On hold or blocked.
rust