Who made what
Credits and licenses
I designed this site and directed AI coding agents to build it, the same way I build my other projects. It stands on other people’s generous work: open typefaces, open-source code and a few personal sites I admire. This page says whose they are.
- Type
- Four openly licensed typefaces
- Code
- Open-source packages, listed below
- Art
- Made for this site
- Work images
- From my own public sites
Typefaces
Four typefaces, all under the SIL Open Font License 1.1 (another site). They come from Google Fonts and are self-hosted by next/font, so the files are served from this site and your browser doesn’t contact Google to load them.
- FrauncesHeadlines, statements and card text. Copyright 2018 The Fraunces Project Authors.Source for Fraunces (another site)
- Instrument SansReading text, buttons and forms. Copyright 2022 The Instrument Sans Project Authors.Source for Instrument Sans (another site)
- Martian MonoLabels, placards and collector numbers. Copyright 2021 The Martian Mono Project Authors.Source for Martian Mono (another site)
- AnybodyCard nameplates. Copyright 2020 The Anybody Project Authors.Source for Anybody (another site)
The holographic cards
The holographic card effect was written independently for this site. Its interaction language (how a card tilts toward the pointer, and how glare and foil shift with the light) and its material quality were studied from Simon Goellner’s projects:
- pokemon-cards-css (another site) (GPL-3.0)
- hover-tilt (another site)
- poke-holo.simey.me (another site)
No code, textures or imagery from these projects are used here.
Sites I learned from
Before designing this version, I spent time with a few personal sites to learn how they handle warmth, scale, detail and play. They’re inspiration only. No code, images or text from them is used here, and none of these people were involved with this site.
- Seán Halpin (another site)Warmth in a personal introduction, and work shown with care.
- Dennis Snellenberg (another site)Confidence and scale, and the move from looking at work to getting in touch.
- Rauno Freiberg (another site)How an interaction enters, responds, settles and leaves.
- Josh W. Comeau (another site)Real substance with a sense of play.
- Bruno Simon (another site)Giving visitors something to discover, if they want it.
Simon Goellner’s holographic cards are credited above, as a material reference.
Artwork and screenshots
The card artwork, the foil textures (the files in /holo/) and the project diagrams are original to this site, except the logos on the Corridor Cards, Encore and GroomJobs cards: those are the projects’ own marks (they’re mine). The Lab on the Man’s Best Friend card is Griff, in a real photo cut out from its room. The Glint trees on the side-projects page come from Glint’s own art sheet, made with an AI image generator.
Work images
The screenshots and the Corridor Cards photo on the work pages come from my own public websites: pathwaybuilder.app, withwavelength.com and corridorcards.com, captured while signed out. Each caption gives the source and the date. The TourTrip screenshot on the side-projects page is its homepage running on my machine, signed out; the road-trip photo behind its headline was made with an AI image generator.
Open-source software
The main packages the site runs on. Each license is as declared by the package itself; the code of each package belongs to its authors.
| Package | License | Source |
|---|---|---|
| nextWeb framework | MIT | github.com/ |
| reactUser interface library | MIT | react.dev (another site) |
| react-domRenders React in the browser | MIT | react.dev (another site) |
| drizzle-ormDatabase queries | Apache-2.0 | github.com/ |
| @electric-sql/pgliteLocal development database | Apache-2.0 | github.com/ |
| postgresPostgres client | Unlicense | github.com/ |
| resendNotification email | MIT | github.com/ |
| zodInput validation | MIT | github.com/ |
| @vercel/analyticsCookieless page-view analytics | MIT | github.com/ |
| server-onlyKeeps server code out of the browser | MIT | npmjs.com/ |
| @next/mdxBlog posts written in MDX | MIT | github.com/ |
| @mdx-js/loaderCompiles the posts | MIT | github.com/ |
| @mdx-js/reactRenders the posts | MIT | github.com/ |
| remark-gfmTables, footnotes and task lists in posts | MIT | github.com/ |
| rehype-slugLinkable post headings | MIT | github.com/ |
| github-sluggerThe posts’ contents lists | ISC | github.com/ |
Trademarks
Pokémon and eBay are mentioned only to describe what Corridor Cards sells and where, and the Hawkeyes as a team I follow. This site isn’t affiliated with, sponsored by or endorsed by any of them, and it uses none of their logos, characters or artwork: the card art is drawn for this site (one card is a real photo of Griff, a Lab), and the only logos on the cards are my own projects’. Other product names belong to their owners.
The Iowan card quotes two lines from the film Field of Dreams (1989). The “B-side” on each card is a song’s title and artist only, never its lyrics.
The cards
The holographic cards are made for this site: six for the projects (three wear the project’s own logo), and twelve “Who is Matt?” cards you find by looking around (one of them is a real photo of Griff). They aren’t trading cards you can buy, and they aren’t credentials, awards or endorsements. The privacy page says what finding them saves in your browser.