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"|link:"https://pngquant.org/"}} and optimized most images with {{"oxipng"|link:"https://github.com/shssoichiro/oxipng"}}
- Fixed weird behaviour with the {{"float property"|link:"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"|link:"https://github.com/jdan/98.css"}} (MIT)
  - Footer stickers
    - {{"Konqi thumbs up by Drakonic"|link:"https://drakonic.zone/"}} (CC-BY-SA)
    - {{"Rabbit emoji by Twitter (Twemoji)"|link:"https://github.com/twitter/twemoji"}} (CC-BY 4.0)
  - Fonts
    - {{"Urbanist"|link:"https://github.com/coreyhu/Urbanist"}} (OFL 1.1)
    - {{"Rubik"|link:"https://github.com/googlefonts/rubik"}} (OFL 1.1)
    - {{"Pangolin"|link:"https://github.com/googlefonts/pangolin"}} (OFL 1.1)