Soā¦ This is really not what I set out to do today but I made this envelope 
Iām not sure what to use it for yetā¦ Is it too obnoxious to use for a āwelcomeā page?
7 Likes
no such thing! i think itās super fun! great job on it :)
1 Like
After many fights with CSS grid, flexbox, and floats, Iām finally happy enough with the layout to publish my 2024 monthly life log page for my website that covers personal highlights and entertainment ratings grouped by month
4 Likes
Weeded my links page and created a bunch of link banners for banner exchanges for my sites (thereās four of them, lol).
3 Likes
oh, i am dogged
i had a weird canāt-sleep night, so after waking up shortly after 3am, i implemented webmentions on my website. thanks @capjamesg for the help!
i also built a crude bash script to automatically pull the latest changes from the git repo and build my site with jekyll. finally, it looks for inbound webmentions from webmentions.io, and then sends outbound webmentions after the site is live.
the challenge here is that theyāre only sent/received on site build, which is infrequent. iāve got the aforementioned bash script on a cronjob, so it will build more frequently, but something with git hooks might be the way to go to spare the job from spinning its tires if iām dormant for a few weeks or more. i bet daily is OK though. i saw some JS available to poll them with ajax, but that seemed undesirable for now.
i think things are working OK, so feel free to fire them away if i ever write something worth linking to. backlinks, baby
also, i changed the dark scheme colors again.
3 Likes
My website now has a /wish page for my wishlist.
It was a good excuse to try creating something with Flexbox, but I think I want to generate the contents from a TSV file with an awk script. Creating markup for each item is scutwork best done by the computer.
3 Likes
I attempted to make my button wall a little less like a wall by adding names next to the buttons. Not really sure it quite did what I wanted it to, but Iām too tired to keep playing around with it. 
5 Likes
Technically not today, but I forgot to post that I changed my siteās layout.
Alt color theme is green =)
Also added a link to where I got the bg (totally forgot to do that).
3 Likes
Looking good. I had trouble reading the footer text though!
Thanks for the feedback. Iāll work on fixing that soon! 
1 Like
Great idea and I think it looks good!
Iāve also been wanting to do something with my button wall to make it less of a wall. Just not sure what to do. I like how this site wrote a little description of each site (and I realize itās just links on their page, not buttons, but this could totally be done with buttons). And I was on another site, but canāt remember which one, where they used the title attribute to include that information.
2 Likes
Thatās such a great way to refer to a page of random pages! I also have a catch-all section on my site but I just call it Miscellany.
1 Like
Mine are currently just sitting under ācollectionsā as I didnāt know what else to do at the time 
It would prob be different if I had more main navigation menu space, like a vertical nav like I used to haveā¦
1 Like
I did originally consider writing descriptions, but I was running on fumes yesterday and took the easy way out. Hehe. But this is a great option!
I ended up ripping out the site settings I had mentioned earlier since somebody had emailed me to say that the lag between initial rendering and application of settings was giving them migraines.
Thatās too badāI really liked the site settings that you had on your website!
For what itās worth, I had (what I think is) the same issue on my website for a while too, but I think Iāve solved the sudden styles change from user settings being applied by moving the responsible JavaScript from the <body> to the <head> of my website.
Specifically, I have a small amount of JS that sits right below the pageās <title> (based on the recommended order from capo.js) that looks something like this:
const theme = localStorage.getItem("theme")
if (theme) {
document.documentElement.setAttribute("data-theme", theme)
}
which I imagine you could extrapolate to the small handful of user settings that you had.
Of course, it might depend on how/where you were applying the user settings on your website, but because this JS acts on the <html> element (which is already parsed in the DOM when this inline script runs), by the time any stylesheets are loaded, this JS has already completed, and the appropriate CSS selectors can be applied to the page. There are probably other factors at play too, like having a split between ācriticalā and ādeferredā CSS, that are helping prevent a sudden styles change when navigating from page to page when user settings are applied.
1 Like
I might try that again sometime. Iāve still got the stylesheet, so it shouldnāt be that hard. But Iād rather not take the chance.
Iām also thinking of ripping out FastComments. Getting too much spam.
1 Like
Perhaps some CSS transitions on the affected properties would make the transition less jarring - maybe a slow 1-2s switch.
1 Like
Thanks, but Iāve already ripped it out, and I donāt want to introduce a 1-2s delay on every page load. I want pages to load and be ready to read as quickly as possible.
Customization should be done in a user stylesheet, and browsers should make it easier for people to use their own CSS.
PS: I ripped out FastComments, too.
It looks like your site host supports server-side scripting, so that would be your best way to handle the theme in my opinion. If you use a http cookie to store the theme setting, that cookie should be sent along with any future page hits, and the server can send over the correct stylesheet based on that cookie from when the page is first loaded.
That being said, Ravenousās approach shouldnāt be too jarring either, so long as the script which sets the body class runs immediately.
1 Like