website/_src/data/changelog/2024-06-11.md

---
title: Version 4
---

## {{page.fileSlug|readable}} <code>{{title}}</code>

![](/assets/img/changelog/ver4.png)

- Shiny buttons are BACK!
  - Buttons now have less intense borders than previously, for readability
- Changed backgrounds
  - Different color gradients for each page
- Added new fonts
- Added [Blog](/blog)
- Removed ~~Favorite Pokémon~~
  - Moved back to ~~About~~ as randomized on-page-load sprites. It felt a bit excessive to have a whole page dedicated to something I don't think about that often
- Replaced all `webp` images with lossy `png` via [pngquant](https://pngquant.org/) and optimized most images with [oxipng](https://github.com/shssoichiro/oxipng)
- Fixed weird behaviour with the [`float` property](https://developer.mozilla.org/en-US/docs/Web/CSS/float) on the sidebar
  - Hovering over items would sometimes reset the value back to initial. Substituted it with padding on the `main` and `aside` elements
- Changed [Changelog](/changelog)
  - Changelog is now Windows 98-themed
- Changed sidebar
  - Moved to the top left corner
  - Moved `header` text for current page next to the top of the sidebar
  - Moved 88x31 buttons to `footer`
  - `svg` text uses `css` rules instead of inline styling
- Changed `footer`
  - Added a sticker to `footer`
    - Randomized on-page-load
  - Added pride flag backgrounds to `footer`
    - Randomized on-page-load, and are ones that I identify with. Plus they look pretty and my pages need more than 2 colors to look at
- Changed [Gallery](/gallery)
  - Centered the `date` under artworks
- Updated my 88x31 button!
  [![](/assets/img/button/sunbun_c.gif "sunbun")](/)

- Attributions:
  - CSS
    - [Jordan Scales's 98.css GitHub repository](https://github.com/jdan/98.css) (MIT)
  - Footer stickers
    - [Konqi thumbs up by Drakonic](https://drakonic.zone/) (CC-BY-SA)
    - [Rabbit emoji by Twitter (Twemoji)](https://github.com/twitter/twemoji) (CC-BY 4.0)
  - Fonts
    - [Urbanist](https://github.com/coreyhu/Urbanist) (OFL 1.1)
    - [Rubik](https://github.com/googlefonts/rubik) (OFL 1.1)
    - [Pangolin](https://github.com/googlefonts/pangolin) (OFL 1.1)