critter box overhaul

This commit is contained in:
sundae 2025-09-10 13:13:20 +03:00
parent d6c0697966
commit e31d782995
No known key found for this signature in database
408 changed files with 3497 additions and 222 deletions

View file

@ -1,10 +1,5 @@
---
title: Version 0
---
![](/assets/img/changelog/ver0.png)
* Added [Home](/home), [Gallery](/gallery) and ~~About~~
* ~~About~~ contains Pokémon boxes and a small bio
* Added `header`
* Added buttons to other pages
* Added a portrait of Sunny of his PETSCII avatar
- Added [Home](/home), [Gallery](/gallery) and ~~About~~
- ~~About~~ contains Pokémon boxes and a small bio
- Added `a hrefs` to other pages
- Added `header`
- Added a portrait of Sunny of his PETSCII avatar

View file

@ -1,9 +1,15 @@
* Added sidebar
* Added links to socials
* Moved portrait from `header` to sidebar
* Changed backgrounds
* Checkerboard pattern for the outer background
* Tiled icon of Sunny for the inner background
---
title: Version 0
---
* Attribution:
* [Terence Eden's SuperTinyIcons GitHub repository](https://github.com/edent/SuperTinyIcons) (MIT) - Social link icons, for sidebar buttons
![](/assets/img/changelog/ver0.png)
- Added sidebar
- Added links to socials
- Moved portrait from `header` to sidebar
- Changed backgrounds
- Checkerboard pattern for the outer background
- Tiled icon of Sunny for the inner background
- Attribution:
- [Terence Eden's SuperTinyIcons GitHub repository](https://github.com/edent/SuperTinyIcons) (MIT) - Social link icons, for sidebar buttons

View file

@ -1,5 +1,5 @@
Working on my [Interests](/home#interests)...
Working on my [interests](/home#interests)...
* Added ~~Favorite Pokémon~~
* Moved Pokémon boxes from ~~About~~
* Changed Sunny's portrait to a new revision of his PETSCII avatar
- Added ~~Favorite Pokémon~~
- Moved Pokémon boxes from ~~About~~
- Changed Sunny's portrait to a new revision of his PETSCII avatar

View file

@ -1,8 +1,9 @@
---
title: Version 1
---
![](/assets/img/changelog/ver1.png)
* Changed `backgrounds`
* New vector icon of Sunny as the inner `background`
* Orange-yellow radial gradient for the outer `background`
- Changed backgrounds
- New vector icon of Sunny as the inner `background`
- Orange-yellow radial gradient for the outer `background`

View file

@ -1,4 +1,4 @@
* Changed [Gallery](/gallery)
* Implemented [CSS Grid layout](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_grid_layout)
* Removed Sunny's portrait from the sidebar
* Drafted ~~About~~
- Changed [Gallery](/gallery)
- Implemented [CSS Grid layout](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_grid_layout)
- Removed Sunny's portrait from the sidebar
- Drafted ~~About~~

View file

@ -1,6 +1,6 @@
* Changed ~~About~~
* Added a collection of games and music that I enjoy
* Added 88x31 buttons to the footer of the page
- Changed ~~About~~
- Added a collection of games and music that I enjoy
- Added 88x31 buttons to the footer of the page
* Attribution:
* [LaunchBox Games Database](https://gamesdb.launchbox-app.com/) Klonoa 1 & 2 box art covers
- Attribution:
- [LaunchBox Games Database](https://gamesdb.launchbox-app.com/) Klonoa 1 & 2 box art covers

View file

@ -1,6 +1,6 @@
* Re-added and moved Sunny's portrait to my [bio](/home#bio)
* Changed [Gallery](/gallery)
* Added sections for original characters and fan art
* Changed [Home](/home)
* Added last updated date
* Added links to section headings
- Re-added and moved Sunny's portrait to my [bio](/home#bio)
- Changed [Gallery](/gallery)
- Added sections for [original characters](/gallery/#original-characters) and [fan art](/gallery#fan-art)
- Changed [Home](/home)
- Added last updated date
- Added links to section headings

View file

@ -1 +1 @@
Wrote more about my [Interests](/home#interests)
Wrote more about my [interests](/home#interests)

View file

@ -8,5 +8,5 @@ Added a lot of visual flair with to page elements to look like everyday objects,
(Examples: notes, stickers, a pin of Sunny, shelving, calendar for artworks)
* Changed [Gallery](/gallery) and ~~Favorite Pokémon~~
* Grid layout should now properly fit most screen sizes
- Changed [Gallery](/gallery) and ~~Favorite Pokémon~~
- Grid layout should now properly fit most screen sizes

View file

@ -6,12 +6,12 @@ title: Version 3
Some considerations were put into making page elements stand out more. I tried to remove redundant rules and nesting when necessary, and tried my best to conform to [semantic HTML](https://developer.mozilla.org/en-US/curriculum/core/semantic-html/).
* Added [Changelog](/changelog)!
* Merged Sidebar and topbar into a single `JS` file
* Previously implemented with seperate `scripts` for each list, which meant that I still had to update every page
* Buttons are more visually distinct and don't have issues with readability
* No more shiny buttons...
* Changed `backgrounds`
* Converted from `SVG` to `PNG`
* This should hopefully fix most performance issues on low-end devices, like phones
* Updated my 88x31 button [![](/assets/img/button/sunbun_b.gif "sunbun")](/)
- Added [Changelog](/changelog)!
- Merged Sidebar and topbar into a single `JS` file
- Previously implemented with seperate `scripts` for each list, which meant that I still had to update every page
- Buttons are more visually distinct and don't have issues with readability
- No more shiny buttons...
- Changed backgrounds
- Converted from `SVG` to `PNG`
- This should hopefully fix most performance issues on low-end devices, like phones
- Updated my 88x31 button [![](/assets/img/button/sunbun_b.gif "sunbun")](/)

View file

@ -1,2 +1,2 @@
* Changed ~~About~~
* Updated the look of the jewel CD cases in my [Interests](/home#interests)
- Changed ~~About~~
- Updated the look of the jewel CD cases in my [interests](/home#interests)

View file

@ -1,7 +1,7 @@
Fixed a couple of small issues regarding mobile view
* Changed [Gallery](/gallery)
* Artworks now work (ha) with keyboard navigation
* Added pride flag stickers to my [art notes](/blog/art-notes/)
* Attribution:
* (CC0 1.0) [treehouse.systems Gitea pride emoji repository](https://gitea.treehouse.systems/treehouse/emoji)
- Changed [Gallery](/gallery)
- Artworks now work (ha) with keyboard navigation
- Added pride flag stickers to my ~~art notes~~
- Attribution:
- (CC0 1.0) [treehouse.systems Gitea pride emoji repository](https://gitea.treehouse.systems/treehouse/emoji)

View file

@ -1,2 +1,2 @@
* Added ~~Jukebox~~
* A page with a music player featuring a pre-defined track list from various video games and accompanying backgrounds that fade-in on track change
- Added ~~Jukebox~~
- A page with a music player featuring a pre-defined track list from various video games and accompanying backgrounds that fade-in on track change

View file

@ -1,2 +1,2 @@
* Drafted ~~Jukebox~~
* I am bad at JavaScript
- Drafted ~~Jukebox~~
- I am bad at JavaScript

View file

@ -4,41 +4,41 @@ title: Version 4
![](/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")](/)
- 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)
- 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)

View file

@ -6,22 +6,22 @@ title: Version 5
Re-wrote the website with [Eleventy](https://11ty.dev/). Read the [accompanying blog post](/blog/break-time/)
* Changed image directory
* If you've linked my 88x31 button on your website, it's now located under `/assets/img/button` instead of `/img/buttons/` and named alphabetically
* Navigation works without JavaScript
* [Blog posts](/blog) actually implemented
* Previously, every post was under one page
* An attempt at more accessible elements
* Renamed website
* Going forward, I'm [sunbun](https://neocities.org/site/sunbun) on here
* Changed [Changelog](/changelog)
* Made it look a lot less bootleg-y Win98. Unfortunately the text is way smaller now
* Removed randomized on-page-load stickers and backgrounds for the footer
* I can't figure out a way to change the footer's background without JavaScript's `document.write`. Help
* Drafted the different background colors from Version 4
* Changed [Gallery](/gallery)
* Removed underlined text for clarity
* Changed background
* Tiled white notebook paper lines
* Changed ~~About~~
* Added new albums to my [Interests](/home#interests), removed some old ones
- Changed image directory
- If you've linked my 88x31 button on your website, it's now located under `/assets/img/button` instead of `/img/buttons/` and named alphabetically
- Navigation works without JavaScript
- [Blog posts](/blog) actually implemented
- Previously, every post was under one page
- An attempt at more accessible elements
- Renamed website
- Going forward, I'm [sunbun](https://neocities.org/site/sunbun) on here
- Changed [Changelog](/changelog)
- Made it look a lot less bootleg-y Win98. Unfortunately the text is way smaller now
- Removed randomized on-page-load stickers and backgrounds for the footer
- I can't figure out a way to change the footer's background without JavaScript's `document.write`. Help
- Drafted the different background colors from Version 4
- Changed [Gallery](/gallery)
- Removed underlined text for clarity
- Changed background
- Tiled white notebook paper lines
- Changed ~~About~~
- Added new albums to my [interests](/home#interests), removed some old ones

View file

@ -8,30 +8,30 @@ Re-wrote the site, again.
Read the [accompanying blog post](/blog/rewrite-2.0)
* Changed `footer`
* Merged buttons with [Home](/home)
* Added a few new buttons!
* Removed `header`
* Changed ~~About~~
* Merged with [Home](/home)
* Fixed the Pokemon box cutting off at lower resolutions
* Changed sidebar
* Added a "Toggle theme" button to Navigation
* Reverted `summary` text back to normal text
* Added a pawprint flair to `details`
* Sunny is there again, sitting this time
* Changed [Blog](/blog)
* Fixed `h3 a` links not working in blog posts
* Added functionality for blog-specific avatars and image attachments to the postscript blurb
* Removed ~~Art notes~~
* Merged into gallery entries
* Changed [Gallery](/gallery)
* Artworks now direct to their own page, with artist's notes
* Previously, they were a direct link to the artwork
* Changed [Changelog](/changelog)
* Fixed trailing nests and now processed using [Prettier](https://github.com/prettier/prettier)
* Made modular with templating
* Previously, everything was written manually under one page
* Updated my 88x31 button [![](/assets/img/button/sunbun_d.gif "sunbun")](/)
* Attribution:
* [Mat's 88x31 button crawler](https://matdoes.dev/buttons)
- Changed `footer`
- Merged buttons with [Home](/home)
- Added a few new buttons!
- Removed `header`
- Changed ~~About~~
- Merged with [Home](/home)
- Fixed the Pokémon box cutting off at lower resolutions
- Changed sidebar
- Added a "Toggle theme" button to Navigation
- Reverted `summary` text back to normal text
- Added a pawprint flair to `details`
- Sunny is there again, sitting this time
- Changed [Blog](/blog)
- Fixed `h3 a` links not working in blog posts
- Added functionality for blog-specific avatars and image attachments to the postscript blurb
- Removed ~~Art notes~~
- Merged into gallery entries
- Changed [Gallery](/gallery)
- Artworks now direct to their own page, with artist's notes
- Previously, they were a direct link to the artwork
- Changed [Changelog](/changelog)
- Fixed trailing nests and now processed using [Prettier](https://github.com/prettier/prettier)
- Made modular with templating
- Previously, everything was written manually under one page
- Updated my 88x31 button [![](/assets/img/button/sunbun_d.gif "sunbun")](/)
- Attribution:
- [Mat's 88x31 button crawler](https://matdoes.dev/buttons)

View file

@ -1,8 +1,8 @@
* Polished the old theme
* Changed [Home](/home)
* Added `details` to [interests](/home#interests)
* Changed [Gallery](/gallery)
* Artwork pages themselves are now more modular
* Added a counter if there's multiple artworks in one entry
* Added missing `h1 a` links
* Changed `font-size` on some pages to be slightly bigger
- Polished the old theme
- Changed [Home](/home)
- Added `details` to [interests](/home#interests)
- Changed [Gallery](/gallery)
- Artwork pages themselves are now more modular
- Added a counter if there's multiple artworks in one entry
- Added missing `h1 a` links
- Changed `font-size` on some pages to be slightly bigger

View file

@ -1,10 +1,12 @@
* Changed sidebar
* Added icon for [Changelog](/changelog)
* For some reason I forgot give it an icon, it previously used the Gallery icon
* Updated every other Navigation icon
* Changed [Home](/home)
* Animated the flags in my [bio](/home#bio)
* Animated the rabbit emoji
* Added new albums to [interests](/home#interests)
* Attribution:
* [Google Noto Animated Emoji](https://googlefonts.github.io/noto-emoji-animation/) (CC-BY 4.0)
- Changed sidebar
- Added icon for [Changelog](/changelog)
- For some reason I forgot give it an icon, it previously used the Gallery icon
- Added icon for "Toggle theme" button
- Previously was :3 (kitty face)
- Updated every other Navigation icon
- Changed [Home](/home)
- Animated the flags in my [bio](/home#bio)
- Animated the rabbit emoji
- Added new albums to [interests](/home#interests)
- Attribution:
- [Google Noto Animated Emoji](https://googlefonts.github.io/noto-emoji-animation/) (CC-BY 4.0)

View file

@ -0,0 +1,10 @@
- Website (hopefully) fixed for Chromium-based browsers _...grr_
- Changed [Home](/home)
- Updated the Pokémon box, now using a spritesheet instead of individual files
- Ironically, this is marginally slower than before, because it includes every Pokémon (up to Gen 8), not just my favorites.<br>(Works great if you've [forked my site](https://bunsin.space/forgejo/sundae/website) and want to change it to include your personal favorites, though!)
- Downscaled media images in [interests](/home#interests) to `300px` to offset network load
- Changed [Changelog](/changelog)
- **Actually** processed with [Prettier](https://github.com/prettier/prettier), now.
- Attribution:
- [PokéSprite](https://github.com/msikma/pokesprite) (MIT)
- [PokéSprite - generated spritesheet](https://github.com/msikma/pokesprite-spritesheet/)