Changelog

I'm going to try and keep this updated as I make changes to the site. It's not, by any means, a list of every change I've made (I edit things frequently, usually multiple times a day, and I've forgotten most of the earlier edits), but it'll hopefully give a more-or-less comprehensive overview of what I've been doing!

20242023

07 December, 2024

  • Did some redesign work
    • Changed the button graphic again
    • Changed the background image to pink and added a lot more stylised bird faces
      • I've tried to colour them in such a way that it provides an interesting effect, but hopefully won't distract from the actual content—might need to experiment more in that regard
    • Changed the background colour for the footer to a slightly more pink hue
    • Changed the header gradient in the sidebar to a more blue hue
  • Fixed the comment code in my latest blog post (from May!!) referring to the title of my first blog post—continuing my tradition of leaving in stupid mistakes for embarrassing amounts of time

21 July, 2024

  • Updated the graphic for buttons
    • Might only stick with this one temporarily—I just didn't really like how the old one looked
  • Fixed the typo where the last change said 2023 for some weird reason

18 May, 2024

  • Made some slight adjustments to the auto-width
    • It now picks from four different percentage values depending on the window's width
  • Added links to the changelog pages to change what year you're looking at
  • Fixed a formatting error from yesterday's change section, where the last entry was outside of the list
  • Fixed the "All posts" link in the sidebar, which was linking to "/posts" from the original Zonelets code, instead of "/blog" as it is on my website
    • I have no idea how long I left it like that...

17 May, 2024

  • Updated the auto-width in the "intermediate" styling to use max-width instead of calc
    • While it looks less "pretty" when switching between the two, it should at least be compatible with older browsers
  • Split all of last year's changes into their own page
  • Adjusted the starting and finishing position of the credits, and made them scroll slightly slower

15 May, 2024

  • Added a "loading" placeholder to the Status sidebar box
    • Also updated the CSS on my Status Cafe page to more closely match this website

11 May, 2024

  • Changed the background
    • It's now purple
    • It now has a simple repeating on it
      • I'll probably change it at some point, but I'm happy with it for now
  • Made the corners on the SVG button borders (the "ENTER" button and the "random fact" button) rounded
    • I figured out that, in order to have the corners rounded and have the transparent bits show up properly, you need to set a border radius that extends slightly past the transparent area
    • Still need to redesign the navbar buttons
  • Updated the "intermediate" styling, so that now it instead automatically resizes the "main" section of the website

10 May, 2024

  • Further redesign work
    • Updated the sidebar boxes to look a bit like little windows from an old computer (by which I mean the headers now have a purple gradient behind them)
      • This change is not visible when viewing the site in the "mobile" layout
    • Changed the "mobile" layout so that it now only shows up if the page is displayed as less than 640px width
      • For widths between 640px and 800px, an "intermediate" style has been added, where the text has been made slightly smaller
  • Fixed the IDs for the previous three change sections

04 May, 2024

  • Updated the homepage
    • Rewrote the text on there
    • Wrote the header and footer info in as <noscript> elements—that way, if you have JavaScript disabled, you can at least still access other areas of the site

26 April, 2024

  • Corrected the "18 April, 2024" entry on this page—it was mistakenly left as "14 April, 2024" after I copied and pasted the code for it
  • Changed the "Give me a useless fact!" button on About to be disabled when the page loads, then automatically enabled by the fact box script (basically only making it clickable if you have JavaScript enabled)
    • Also added a warning below the button that only appears if you have JavaScript disabled
  • Fixed the styling for disabled buttons so the text doesn't shift when you click
    • This is achieved by adding a separate button:disabled:active state with the original button's padding values

25 April, 2024

  • The hidden "rerandom" button on "Index" now disables itself upon clicking, and re-enables when the newly-chosen phrase finishes "typing"
  • Changed the button design a bit
    • Now the outer borders have a slight purple tint to them
    • The gradient used is now 5-segmented—with the previous iteration of the border-image, it was 3-segmented (4-segmented on the active state)
    • The button text now shifts slightly when you click, to give the illusion of being pressed in
      • This is achieved by simply changing the padding values on the button
    • Added a new button:disabled state graphic—currently only used by the aforementioned "rerandom" button

18 April, 2024

  • Continuing the redesign testing, replaced the borders on the buttons with border images
    • By "buttons", I mean the ENTER button on the "Index" page, as well as the random fact button on the "About" page. I haven't decided what I'm going to do with the header navigation ;v;
    • The button image borders differ from the "content" image borders in a couple of key ways:
      • While the "content" image borders are PNG images, the button image borders are SVG vectors
      • The "content" image borders are tiled, while the button image borders are stretched
    • This is because unlike the "content" image borders, the button image borders have a gradient in them that follows the gradient of the button themselves, and therefore, I want them to scale nicely with the height of the button
  • Changed the image-rendering property for the logo on the "Index" page to pixelated, to match the recent change made on the rest of the site
  • Added to the warning on the "Index" page, advising that this site is best viewed on a desktop computer

14 April, 2024

  • Replaced the standard CSS borders on some elements with pixel art border images
    • The design of these border images is subject to change—at the moment, I'm just just laying groundwork for a hopeful future rework of the website's design
  • Changed the image-rendering property for the entire site to pixelated—this is to allow image elements (mainly pixel art assets) to retain a sharp look, even when zoomed in on

9 April, 2024

  • Decided to keep the apple-touch-icon anyway
    • That being said, I've changed the actual image used for the icon, just to be a fun little easter egg

7 April, 2024

  • Favicon experiment: swapped out the PNG favicon for an SVG version
    • While both versions were made at 16x16 pixel resolution, the SVG version is 804% larger in file size than the PNG. The idea behind using an SVG instead is that it should still retain its crispy pixellated look when a browser needs to scale it up
    • I tried adding an apple-touch-icon, but then I found out that's used for when adding web pages to your home screen. I'm still trying to figure out how to get the favicon to show up on my Safari start page...
    • I even added an ICO version of the favicon to the site, just for fun
  • Slightly adjusted the "All posts" link in the sidebar, to make it stand out from the blog post links