June 20, 2025
I have a really cool personal website (thedressedmolerat.github.io check it out), but if I want to update the html of the navbar for example, I have to do that manually on each of the like 8 html-files. And even worse, they're slightly different everywhere because I want the current selected page to look different and I'm using very bad relative file paths so everything changes between folder levels. That's why I'm making this simple program that will replace tags with templates that can also have custom python code that makes them more flexible!
I use <abbr> tags to display tooltips with clarification of some words, and now I've added abbr's to all my cool dynamic dates! I've also changed them from being just being a weird color to being italic instead, which looks a lot better!
There are now four members! When you clicked between pages, you used to see the main webring page for a split second because the script ran on that page, but with a lot of trial and error with eventlisteners and js promises and the like, I've managed to make the redirect page (the one you see for a few ms) look like this instead!
The webring home page and redirect code is done, and I've invited the first member, jb! If you have a cool website you should join it too :3
I've now completed the redirect code, so in theory the webring is done, it just needs some members. When I tested it, trying different combinations of query string parameters, it returned the correct value, so it should also work in practice!
Just made a few lines of JS to parse even the most unholy of formatting in the members list text file with spaces and weird characters and colons everywhere etc. Now I'll move on to parsing the url for search parameters for the navigation!
Now it looks a bit better and there are buttons to copy the annoying HTML so you don't have to do it so manually!
I just made the little html file with very minimal styling! Google hasn't actually agreed to be in the webring yet, but I added them preliminarily ;)
I'm part of three webrings (a webring being a thing that was popular in the 90s where random personal websites link to each other), and I think it would be very fun to make my own! I want to make a simple implementation with some JS that people can join via a PR or that I can add manually.
I made a 404 page! Since my css applies pretty well to my general design it was very quick and easy to make, and on github pages you just have to name it 404.html and it works. I also added title attributes to my navbar for desktop users to hover over. Other hoverable elements (only abbr currently) have mobile support via a little custom ::after css thing, but that doesn't really apply to navbar links which you just click on once. Lastly I added my latest custom font to the fonts collection, and wrote a bit about that + fixing some random lines in the html and css files!
I spent these 2h and 15m on figuring out an algorithm to determine the threshold between dits and dahs in the morse input. I settled on finding the highest difference between two adjacent durations on a sorted log graph and picking the average of those two lengths.
I've made a morse code keyer before, but that used a simple adjustable threshold to determine if a signal was a dot or a dash. This project will have the program figure out the threshold itself allowing for morse keying without adjusting anything.
I have now translated the entire index.html to toki pona, as well as figured out styling for the element and for UCSUR-text, which included subsetting a font and learning how to do that.
This is my personal website! The code is written by me, a human person, and I made it to express myself, improve at coding, and to have somewhere to post stuff! :)
This was widely regarded as a great move by everyone.