Skip to content

11 posts in Side Projects

10 min read
A computer circuit board traveling at warp speed through space with motion-blurred light streaks radiating outward, symbolizing high-performance computing and speed.

The Need for Speed: Why I Rebuilt My Blog with Astro

Two weekends ago, I quietly relaunched my blog. It was a heart transplant really, of the same design I'd launched in late March.

The First Iteration

Back in early November of last year, I re-platformed from WordPress to a home-grown, Cursor-made static site generator. I'd write in Markdown and push code to my GitHub repository and the post was published via Vercel's continuous deployment feature. The design was simple and it was a great learning project for me.

A screenshot of the YourOutie.is website showing the Lumon logo at the top with the title "Outie Query System Interface (OQSI)" beneath it. The interface has a minimalist white card on a blue background with small digital patterns. The card contains text that reads "Describe your Innie to learn about your Outie" and a black "Get Started" button. The design mimics the retro-corporate aesthetic of the TV show Severance.

Your Outie Has Both Zaz and Pep: Building YourOutie.is with AI

A tall man with curly, graying hair and a bushy mustache sits across from a woman with a very slight smile in a dimly lit room. There’s pleasant, calming music playing. He’s eager with anticipation to learn about his Outie. He’s an Innie who works on the “severed” floor at Lumon. He’s undergone a surgical procedure that splits his work self from his personal self. This is the premise of the show Severance on Apple TV+.

Closeup of MU/TH/UR 9000 computer screen from the movie Alien:Romulus

Re-Platforming with a Lot of Help From AI

I decided to re-platform my personal website, moving it from WordPress to React. It was spurred by a curiosity to learn a more modern tech stack like React and the drama in the WordPress community that erupted last month. While I doubt WordPress is going away anytime soon, I do think this rift opens the door for designers, developers, and clients to consider alternatives.

First off, I’m not a developer by any means. I’m a designer and understand technical things well, but I can’t code. When I was young, I wrote programs in BASIC and HyperCard. In the early days of content management systems, I built a version of my personal site using ExpressionEngine. I was always able to tweak CSS to style themes in WordPress. When Elementor came on the scene, I could finally build WP sites from scratch. Eventually, I graduated to other page builders like Oxygen and Bricks.

So, rebuilding my site in React wouldn’t be easy. I went through the React foundations tutorial by Next.js and their beginner full-stack course. But honestly, I just followed the steps and copied the code, barely understanding what was being done and not remembering any syntax. Then I stumbled upon Cursor, and a whole new world opened up.

Poster of Donald Trump as a false god with the phrase FALSE GOD

Trump: False God

Update: A 18” x 24” screenprinted version of this poster is now available at my Etsy shop.

Golden bust of Donald Trump

Michael C. Bender, writing for the Wall Street Journal in early September 2019:

[Trump rally regulars] describe, in different ways, a euphoric flow of emotions between themselves and the president, a sort of adrenaline-fueled, psychic cleansing that follows 90 minutes of chanting and cheering with 15,000 other like-minded Trump junkies.

“Once you start going, it’s kind of like an addiction, honestly,” said April Owens, a 49-year-old financial manager in Kingsport, Tenn., who has been to 11 rallies. “I love the energy. I wouldn’t stand in line for 26 hours to see any rock band. He’s the only person I would do this for, and I’ll be here as many times as I can.”

Sixteen months before the insurrection at the United States Capitol on January 6, 2021, Donald Trump was already in the midst of touring the southeastern US, holding rallies to support his 2020 re-election bid. During his initial run for the 2016 election, he held 323 rallies, creating a wake of fans who held onto every one of his words, whether by speech, interview, or tweet. Some diehards would even follow him across the country like deadheads following The Grateful Dead, attending dozens of rallies.

Poster of Putin as a false idol with the word FALSE

Putin: False

Update: A 18” x 24” screen-printed version of this poster is now available at my Etsy shop. It’s four colors: red, blue, black, and gold; and printed on thick 100 lb French Paper Co. cover stock. Proceeds will be donated to help Ukraine.

“…I want a man like Putin
One like Putin, full of strength
One like Putin, who won’t be a drunk
One like Putin, who wouldn’t hurt me
One like Putin, who won’t run away!”

— Lyrics from a popular Russian pop song, “One Like Putin,” from 2010.

Vladimir Putin has long been regarded as a divine hero in Russia. Propagandist imagery such as him riding shirtless on horseback, shooting a tiger with a tranquilizing dart to save a group of journalists, racing in an F1 car on a track, or defeating an opponent in martial arts, help cultivate an image of Putin as a strong, masculine savior—the only one who could lead Russia against the West. These and many more staged acts of supposed strength and bravery have turned him into a sex symbol in the country for women and a man’s man for men.

Chart showing the nine current Supreme Court justices, with column graphs displaying the popular vote for each nominating president and the population represented by their senate confirmation votes

Visualizing Minority Rule in the United States

The leaked draft of the majority opinion of Supreme Court justices seeking to overturn Roe v. Wade and Planned Parenthood v. Casey created a political firestorm in Washington, DC, and across the country. But, leak aside, the ruling—should it become final—is shocking. First, it reverses a 49-year precedent about the federal right to abortion. And according to legal experts, the reasoning that author Justice Samuel Alito uses could undo rights such as same-sex marriage, the right to contraception, and interracial marriage.

In a report about the leak, NPR political correspondent Mara Liasson says the leak is “…going to spark this bigger debate that we’ve been having about whether the United States is turning into a minority rule country. A majority of the justices on the court were appointed by presidents who didn’t get a majority of the popular vote. And in some cases, the conservative justices were confirmed by senators representing a minority of voters.”

On the surface, I knew she was correct, but I wanted to dive into the numbers and see for myself. Once I did, I wanted to create a visual to show it.

3D red text “VOTE” with aviator sunglasses above it

Art for Biden

Sometimes it takes a small push to get the creative obsessions going. Like the majority of the country, I’ve been appalled at Donald Trump’s presidency. From his administration’s cruel policies to just how awful of a man Trump has shown himself, I have been gritting my teeth for four years, waiting for him to lose his re-election bid. I was profoundly concerned about democracy in the United States and how it was being actively undermined by Trump and his band of far-right Republicans.

When Trump ran against Hillary Clinton in 2016, I made a poster and website called “Inside Trump’s Brain.” I knew back then how terrible of a president he would be, but had hoped he’d grow into the office. Boy, was I wrong.

So when Joe Biden won the Democratic nomination, I needed to do all I could to get him elected and make Trump a one-term president.

DesignScene 2.0 Launches

Yesterday Lunar/Theory (my partner David and I) launched version 2.0 of our iPad app DesignScene. Take a look at the trailer:

Play

I’ll write more about it in the coming days. Meanwhile, read this post on our blog about it.

Introducing DesignScene App for iPad

I’m really proud to announce that DesignScene for iPad has shipped today. From idea to release, it’s been about a year in the making. Here’s a little trailer I made in case you missed it:

I’ll be frank and say that this app was really made for me. Like many designers I spend a lot of my time going from website to website looking at stuff and reading up on trends. I eventually started using RSS feeds but even my feeds got unwieldy. I dreaded opening up Google Reader and seeing “1000+” unread items.

Re-Typesetting the Star Wars Crawl

Recently Guillermo Esteves did a fantastic experiment with HTML5 and CSS3 by recreating the opening crawl to Star Wars. Although it only currently works in Safari 4, it’s a good preview of how to create something dynamic using web standards and web fonts once the other browsers come along.

But Guillermo’s experiment also reminded me of how awful the typography was of those opening crawls. The original Star Wars opening crawl uses two different typefaces (three if you count “A long time ago…”), is justified without hyphenation, and thus creates obvious rivers and awkward tracking.

Opening crawl from Star Wars: Episode IV – A New Hope, introducing the Rebel Alliance’s theft of the Death Star plans and the Galactic Empire’s threat.