What’s going on, Internet? Sorry, I’ve been chronically offline recently, but here we go ![]()
What did you do to your website today?
What’s going on, Internet? Sorry, I’ve been chronically offline recently, but here we go ![]()
What did you do to your website today?
Got my working, IRC changed it from just a room password to unique user logins using sqlite3.
In a completely unplanned move, I just revived my outliner wiki after a two year hiatus, cleaned up old links and even added a couple of new entries.
I tweaked the appearance of the bookmarks section of my links page. Bookmark entries now also connect to my link dump posts, where I share my thoughts on each link.
My bookmarks section previously used <details> and <summary> to list more details about each entry (e.g. date added, link category, etc.), but it looked a little messy and overwhelming to me, especially on mobile. It still looks a little messy to me, but it’s better than it was… I could make it look cleaner by truncating the overflow text for each link with white-space: nowrap, overflow: hidden, and text-overflow: ellipsis. Of course, that risks stripping the link titles of too much context, so I probably won’t do that.
I need to look at some of those bookmarks!
Hope you enjoy them! ![]()
Also, anyone else have this habit of figuring out what you should have done AFTER you post an update?
I realized shortly after posting the above link that I was using WAY too many emojis to categorize each link, which was adding to the visual clutter. The only remaining emoji on the page now is the speech bubble that takes you to my thoughts on any associated link dump blog posts.
EDIT: also took out target="_blank", as seeing so many instances of my external link SVG was overwhelming.
EDIT 2: Even more tweaks to the bookmarks section today. Wasn’t feeling the above-mentioned speech bubble, so I got rid of that and replaced it with a plain “Notes.” Also added a tag filter! It’s a little janky, as I didn’t want to use JavaScript or CSS checkbox filters … but it works! I built the filtering system with YAML, Liquid, and HTML.
Finally reorganized https://bots.stefanbohacek.com, in preparation for the upcoming starter packs/collections feature on Mastodon.
Also made some smaller tweaks, like adding a theme from https://www.happyhues.co, and making it easier to open links from your fediverse servers.
Wow your site is so cool! I am a huge fan of medieval themeing, and your bookmarks are so great! Big fan of the vibe going on here. ![]()
I went to a very weird cemetery and made a digital garden entry about it
I recently learned how to make icons that are fully recolorable with CSS, so I added some of those to my homepage (in the form of some lesser-known site logos).
I did some behind-the-scenes improvements and DX work on my site (warning: super technical)
Instead of a dedicated search page, my website now has a modal search interface powered by Pagefind Component UI on the navigation bar.
Thank you! If you’re visiting on desktop, I just made it even more medieval with my drop cap font choice on my blog. ![]()
Not really just today but this is what I’ve been doing the past few days:
Major update to the website- Added Sloth Dash game
Updated the void irc chat room to add emotes, dms, / commands for admin
Took Cartel Bot out of dev hell and ported it to newer python version.
Today I added an option to toggle between oldest first or newest first on the Machine-Generated Garbage Hall of Shame, so now you can read from the beginning or flip it the other way around to quickly see what’s new.
The toggles are based on the same idea as Solaria’s guide to filtering with CSS, except instead of affecting the display property, it’s changing the flex-direction.
I ended up discarding the aforementioned drop cap experiment; even though I loved the way the drop caps looked, they weren’t particularly readable (especially in dark mode). To make up for it, I added an ornate border to each page above my navigation bar! Gives a nice splash of colour, and adds to the illuminated manuscript feel. ![]()
I also added a theme picker to my footer that allows visitors to choose between the busier default medieval stylesheet and a completely stripped down, higher contrast stylesheet that uses system-ui font. User preference is saved in localStorage for convenience. Like the medieval theme, the minimal theme also respects your system preferences for dark mode vs light mode.
I personally prefer the medieval theme, but I recognize that the font I use for my headers might be difficult for some people to read if they have visual or cognitive disabilities.
aw that’s a shame, I absolutely loved it. I have a faux dropcap for my posts myself where the first word and paragraph are embiggened.
But the new border (and the rest of your site for that matter) are absolutely lovely!