Since I bit off a little more than I could chew on day 2, and am still putting the finishing touches on that site, I’ll scale it back for day 3. Originally I planned to do a simple flashcard site for language study (I’m learning Chinese and Vietnamese), but the site builder needs updates that won’t be finished for at least another few days.

Today I’ll keep it very simple with a general cheatsheet built from my notes. The content is probably only useful to me, but if all goes well the design can be turned into a PubStudio template! There are a lot of nice cheatsheets on the web to take inspiration from. The requirements are simple; it should be easy to read, separate categories into distinct sections, and look good on any screen size.

The information on this page will be my most often used development-related commands, with emphasis on the ones I have trouble memorizing. The categories are miscellaneous command line tools, curl, kubectl (Kubernetes), Docker, psql (Postgres), and ffmpeg.

Not much to do besides choose a design and get going!

This one was quick, so I was able to add a click-to-copy icon for the command line snippets. The page is very simple, but it could be useful to turn it into a PubStudio template.

The main issue was supporting a responsive layout. In order to get the different sections to flow nicely I used a vertical flex layout with max-height. This requires manually setting max width/height at different breakpoints in order to switch between 1/2/3 column layouts, which means it may be necessary to adjust if sections are added or removed.