A cute little HTML+CSS bingo board for things I think would be awesome to accomplish this year!
Check it out in action at taoexmachina.com/bingo2024!
Instead of making a New Year's resolution, I'm making a bingo card of things I want to do in 2024. Some of these goals are lofty, some are silly or "trivial", and some just aren't fully in my control.
A successful result 🎉 for me is that I can look back at the end of the year and celebrate the things I did do, but not feel guilty about the things that didn't happen.
🔎 Something fun to note about this page: there is zero javascript! The bingo card is made with CSS grid, and the modal card takes advantage of the :target CSS pseudo-class. This also means that you can link directly to this info card or to a specific square on the bingo card, like this!
🙏 JS-free modal adapted from @sahil4test
🐙 Source code available on GitHub (or you can right-click and view-source!)
Copied with ❤️ from Tyler Crumpton