website/_src/data/update/changelog.html

<main>
	<article>
		<details open="">
			<summary><time datetime="2025-05-11">May 17, 2025 - Version 6</time></summary>
			<ul>
				<li>Rewrote the site, again. Built with a fresh install of <a
						href="https://github.com/11ty/eleventy/releases/tag/v3.1.0" target="_blank">Eleventy (3.1.0)</a>
					<p>(Now with properly written filters, <a
							href="/blog/break-time/#you're-telling-me-that-java-scripted-this%3F" target="_blank">unlike
							before.</a>)</p>
				</li>
				<li>Changed <a href="/home" target="_blank">Home</a>
					<ul>
						<li>Added <a href="https://webdeckplayer.neocities.org/" target="_blank">Webdeck Player</a> to
							the page</li>
					</ul>
				</li>
				<li>Changed my "About" page</li>
				<ul>
					<li>Merged with <a href="/home" target="_blank">Home</a></li>
					<li>Headers are now consistent with blog post headers</li>
					<li>Fixed the Pokemon box cutting off at lower resolutions</li>
				</ul>
				<li>Changed footer
					<ul><li>Merged buttons with <a href="/home" target="_blank">Home</a></li></ul>
					<ul>
						<li>Added a few new buttons, browsing <a href="https://matdoes.dev/buttons"
								target="_blank">Mat's 88x31 button crawler</a></li>
					</ul>
				</li>
				<li>Changed <a href="/blog" target="_blank">Blog posts</a></li>
				<ul>
					<li>Fixed header links not working<p>(Standard markdown doesn't implement <u>working</u> header
							links. I'm using <a href="https://github.com/valeriangalliat/markdown-it-anchor"
								target="_blank">markdown-it-anchor</a> now.)</p>
					</li>
				</ul>
				<li>Updated my 88x31 button<ul>
						<li><a href="https://fossilisk.neocities.org/" target="_blank"><img
									src="/assets/img/button/sunbun_d.gif" title="sunbun"
									style="image-rendering: pixelated"></a></li>
					</ul>
				</li>
			</ul>
		</details>
	</article>
	<article>
		<details open="">
			<summary><time datetime="2024-09-24">September 24, 2024</time> - Version 5</summary>
			<ul>
				<li>
					Rewrote the website with <a href="https://11ty.dev/" target="_blank">Eleventy</a>
					<ul>
						<li>
							Split CSS into multiple files
							<p>(For theming purposes, if I ever want to make a new theme without rewriting the entire
								site layout again</p>
						</li>
						<li>
							Changed image directory
							<p>(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 (i.e <a
									href="/assets/img/button/sunbun_a.gif" target="_blank">sunbun_a.gif</a>, <a
									href="/assets/img/button/sunbun_b.gif" target="_blank">sunbun_b.gif</a>))</p>
						</li>
						<li>Navigation works without JavaScript</li>
						<li>
							<a href="/blog" target="_blank">Blog posts</a> actually implemented
							<p>(Previously every post was under one page)</p>
						</li>
						<li>An attempt at more accessible elements
						</li>
					</ul>
				</li>
				<li>Renamed website<p>(Going forward I'm <a href="https://neocities.org/site/sunbun"
							target="_blank">sunbun</a> on here)</p>
				</li>
				<li>
					Changed changelog (ha)
					<p>(Made it look a lot less bootleg-y Win98. Unfortunately the text is way smaller now)</p>
				</li>
				<li>
					Removed randomized on-page-load stickers and backgrounds for the footer
					<p>(I can't figure out a way to change the footer's background without JavaScript's
						"document.write". Help)</p>
				</li>
				<li>Drafted the different background colors from Version 4</li>
				<li>
					Changed <a href="/gallery" target="_blank">Gallery</a>
					<ul>
						<li>Refreshed the look of, now donning a white notebook paper background</li>
						<li>Removed underlined text for clarity</p>
					</ul>
				</li>
				<li>
					Changed my "About" page
					<ul>
						<li>Added new albums to my <a href="/home#interests" target="_blank">Interests</a>, removed some
							old ones</li>
					</ul>
				</li>
			</ul>
		</details>
	</article>
	<article>
		<details open="">
			<summary><time datetime="2024-06-11">June 28, 2024</time> - Version 4</summary>
			<figure>
				<img src="/assets/img/changelog/ver4.png">
				<figcaption>A more refined look of the previous site design with different page colors and a
					bottom-docked bar for site buttons!<br>Experimenting a little...!</figcaption>
				<section aria-hidden="true">
					<button style="background-color: rgb(128, 160, 248)"></button><button
						style="background-color: navy"></button><button
						style="background-color: rgb(132, 222, 90)"></button><button
						style="background-color: darkgreen"></button><button
						style="background-color: #e6e6e6"></button><button style="background-color: silver"></button>
				</section>
			</figure>
			<ul>
				<li>
					Shiny buttons are BACK!
					<p>(Buttons now have less intense borders than previously, for readability)</p>
				</li>
				<li>Changed backgrounds</li>
				<li>
					Added new fonts
					<p>(Attributions: <a href="https://github.com/coreyhu/Urbanist" target="_blank">Urbanist</a> (OFL
						1.1), <a href="https://github.com/googlefonts/rubik" target="_blank">Rubik</a> (OFL 1.1), <a
							href="https://github.com/googlefonts/pangolin">Pangolin</a> (OFL 1.1))</p>
				</li>
				<li>Added <a href="/blog" target="_blank">Blog</a></li>
				<li>
					Removed Favorite Pokémon
					<p>(Moved back to my "About" page 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.</p>
				</li>
				<li>Replaced all WEBP images with lossy PNG via <a href="https://pngquant.org/"
						target="_blank">pngquant</a> and optimized most images with <a
						href="https://github.com/shssoichiro/oxipng">oxipng</a></li>
				<li>
					Fixed weird behaviour with the <a
						href="https://developer.mozilla.org/en-US/docs/Web/CSS/float">float CSS property</a> on the
					sidebar
					<p>(Hovering over items would sometimes reset the value back to initial. Substituted it with padding
						on the main and aside elements)</p>
				</li>
				<li>
					Changelog is now Windows 98-themed
					<p>(Attribution: <a href="https://github.com/jdan/98.css" target="_blank">Jordan Scales's 98.css
							GitHub repository</a> (MIT))</p>
				</li>
				<li>
					Changed sidebar
					<ul>
						<li>Moved to the top left corner</li>
						<li>Moved header text for current page next to the top of the sidebar</li>
						<li>Moved 88x31 buttons to footer</li>
						<li>SVG text uses CSS rules instead of inline styling</li>
					</ul>
				</li>
				<li>
					Changed footer
					<ul>
						<li>
							Added a sticker to the footer
							<p>(Randomized on-page-load)</p>
							<p>(Attributions: <a href="https://drakonic.zone/">Konqi thumbs up by Drakonic</a>
								(CC-BY-SA), <a href="https://github.com/twitter/twemoji">Rabbit emoji by Twitter
									(Twemoji)</a> (CC-BY 4.0))</p>
						</li>
						<li>
							Added pride flag backgrounds to the footer.
							<p>(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)</p>
							<p>(Attribution: <a href="https://gitea.treehouse.systems/treehouse/emoji"
									target="_blank">treehouse.systems Gitea pride emoji repository</a> (CC0 1.0))</p>
						</li>
					</ul>
				</li>
				<li>
					Changed <a href="/gallery" target="_blank">Gallery</a>
					<ul>
						<li>Centered and colored the dates to be gray under artworks</li>
					</ul>
				</li>
				<li>Updated my 88x31 button<ul>
						<li><a href="https://fossilisk.neocities.org/" target="_blank"><img
									src="/assets/img/button/sunbun_c.gif" title="sunbun"
									style="image-rendering: pixelated"></a></li>
					</ul>
				</li>
			</ul>
		</details>
	</article>
	<article>
		<details open="">
			<summary><time datetime="2023-12-17">December 28, 2023</time></summary>
			<ul>
				<li>
					Drafted Jukebox
					<p>(I am bad at JavaScript)</p>
				</li>
			</ul>
		</details>
	</article>
	<article>
		<details open="">
			<summary><time datetime="2023-12-17">December 17, 2023</time></summary>
			<ul>
				<li>
					Added Jukebox
					<p>(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)</p>
				</li>
			</ul>
		</details>
	</article>
	<article>
		<details open="">
			<summary><time datetime="2023-12-11">December 11, 2023</time></summary>
			<ul>
				<li>
					Changed <a href="/gallery" target="_blank">Gallery</a>
					<ul>
						<li>Artworks now work (ha) with keyboard navigation</li>
						<li>
							Added pride flag stickers to my <a href="/blog/art-notes/" target="_blank">art notes</a>
							<p>(Attribution: <a href="https://gitea.treehouse.systems/treehouse/emoji"
									target="_blank">treehouse.systems Gitea pride emoji repository</a> (CC0 1.0))</p>
						</li>
					</ul>
				</li>
				<li>Fixed a couple of small issues regarding mobile view</li>
			</ul>
		</details>
	</article>
	<article>
		<details open="">
			<summary><time datetime="2023-12-01">December 4, 2023</time></summary>
			<ul>
				<li>Updated the look of the jewel CD cases in my <a href="/home#interests" target="_blank">Interests</a>
				</li>
			</ul>
		</details>
	</article>
	<article>
		<details open="">
			<summary><time datetime="2023-12-01">December 1, 2023</time> - Version 3</summary>
			<figure>
				<img src="/assets/img/changelog/ver3.png">
				<figcaption>Some considerations were put into making page elements stand out more</figcaption>
			</figure>
			<ul>
				<li>Added a changelog!</li>
				<li>
					Sidebar and topbar now use a single JavaScript file
					<p>(Previously implemented with seperate scripts for each list, which meant that I still had to
						update every page)</p>
				</li>
				<li>
					Buttons are more visually distinct and don't have issues with readability
					<p>(No more shiny buttons...)</p>
				</li>
				<li>Tried to remove redundant CSS rules and HTML nesting when necessary</li>
				<li>Trying my best to conform to semantic HTML</li>
				<li>
					Changed backgrounds
					<ul>
						<li>
							Converted SVG backgrounds to PNG.
							<p>(This should hopefully fix most performance issues on low-end devices, like phones)</p>
						</li>
					</ul>
				</li>
				<li>Updated my 88x31 button<ul>
						<li><a href="https://fossilisk.neocities.org/" target="_blank"><img
									src="/assets/img/button/sunbun_b.gif" title="sunbun"
									style="image-rendering: pixelated"></a></li>
					</ul>
				</li>
			</ul>
		</details>
	</article>
	<article>
		<details open="">
			<summary><time datetime="2023-11-02">November 2, 2023</time> - Version 2</summary>
			<figure>
				<img src="/assets/img/changelog/ver2.png">
				<figcaption>Showcasing various elements in the "About" page</figcaption>
				<section aria-hidden="true">
					<button style="background-color:rgb(255, 190, 0)" title="gradient1"></button><button
						style="background-color:rgb(255, 110, 0)" title="gradient2"></button><button
						style="background-color:rgb(255, 236, 180)" title="gradient3"></button><button
						style="background-color:rgb(105, 50, 0)" title="gradient4"></button><button
						style="background-color:rgb(210, 105, 30)" title="chocolate"></button><button
						style="background-color:rgb(255, 140, 0)" title="darkorange"></button>
				</section>
			</figure>
			<ul>
				<li>
					Added a lot of visual flair with to page elements to look like everyday objects, with the exception
					being: the header, sidebar and topbar, as they're supposed to be UI.
					<p>(Examples: notes, stickers, a pin of Sunny, shelving, calendar for artworks)
					</p>
				</li>
				<li>Changed <a href="/gallery" target="_blank">Gallery</a> and Favorite Pokémon</li>
				<ul>
					<li>Grid layout should now properly fit most screen sizes</li>
				</ul>
			</ul>
		</details>
	</article>
	<article>
		<details open="">
			<summary><time datetime="2023-10-16">October 26, 2023</time></summary>
			<ul>
				<li>Starting work on a re-design</li>
				<li>Fixed a few inconsistencies beforehand</li>
			</ul>
		</details>
	</article>
	<article>
		<details open="">
			<summary><time datetime="2023-09-16">September 16, 2023</time></summary>
			<ul>
				<li>Wrote more about my <a href="/home#interests" target="_blank">Interests</a></li>
			</ul>
		</details>
	</article>
	<article>
		<details open="">
			<summary><time datetime="2023-09-12">September 12, 2023</time></summary>
			<ul>
				<li>Re-added and moved Sunny's portrait to my <a href="/home#bio" target="_blank">biography</a></li>
				<li>
					Changed <a href="/gallery" target="_blank">Gallery</a>
					<ul>
						<li>Added sections for original characters and fan art</li>
					</ul>
				</li>
				<li>
					Changed <a href="/home" target="_blank">Home</a>
					<ul>
						<li>Added last updated date</li>
					</ul>
				</li>
				<li>Added links to section headings</li>
			</ul>
		</details>
	</article>
	<article>
		<details open="">
			<summary><time datetime="2023-08-14">August 14, 2023</time></summary>
			<ul>
				<li>Made a 88x31 button!<ul>
						<li><a href="https://fossilisk.neocities.org/" target="_blank"><img
									src="/assets/img/button/sunbun_a.gif" title="sunbun"
									style="image-rendering: pixelated"></a></li>
					</ul>
				</li>
			</ul>
		</details>
	</article>
	<article>
		<details open="">
			<summary><time datetime="2023-08-05">August 5, 2023</time></summary>
			<ul>
				<li>
					Changed my "About" page
					<ul>
						<li>
							Added a collection of games and music that I enjoy.
							<p>(Attribution: <a href="https://gamesdb.launchbox-app.com/" target="_blank">LaunchBox
									Games Database</a> Klonoa 1 &amp; 2 box art covers. The rest I
								reverse-image-searched, edited and compressed)</p>
						</li>
						<li>
							Added 88x31 buttons to the footer of the page.
							<p>(Attribution: If I knew, I would list them, but a lot of them are ones that I found from
								re-hosters)</p>
						</li>
					</ul>
				</li>
			</ul>
		</details>
	</article>
	<article>
		<details open="">
			<summary><time datetime="2023-07-18">July 18, 2023</time></summary>
			<ul>
				<li>
					Changed <a href="/gallery" target="_blank">Gallery</a>
					<ul>
						<li>Now uses <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_grid_layout">CSS
								Grid</a></li>
					</ul>
				</li>
				<li>Removed Sunny's portrait from the sidebar</li>
				<li>Drafted my "About" page</li>
			</ul>
		</details>
	</article>
	<article>
		<details open="">
			<summary><time datetime="2023-07-16">July 16, 2023</time> - Version 1</summary>
			<figure>
				<img src="/assets/img/changelog/ver1.png">
				<figcaption>A sleek duo-tone look!</figcaption>
				<section aria-hidden="true">
					<button style="background-color:rgb(255, 200, 0)" title="gradient1"></button><button
						style="background-color:rgb(255, 100, 0)" title="gradient2"></button>
				</section>
			</figure>
			<ul>
				<li>
					Changed backgrounds
					<ul>
						<li>New vector icon of Sundae as the inner background</li>
						<li>Orange-yellow radial gradient for the outer background</li>
					</ul>
				</li>
			</ul>
		</details>
	</article>
	<article>
		<details open="">
			<summary><time datetime="2023-04-20">April 20, 2023</time></summary>
			<ul>
				<li><a href="/gallery" target="_blank">Gallery</a> implemented</li>
			</ul>
		</details>
	</article>
	<article>
		<details open="">
			<summary><time datetime="2023-04-16">April 11, 2023</time></summary>
			<ul>
				<li>Removed Pokémon boxes from my "About" page</li>
				<li>Added Favorite Pokémon</li>
				<li>Working on my <a href="/home#interests" target="_blank">Interests</a></li>
				<li>Changed Sunny's portrait to a new revision of his PETSCII avatar</li>
			</ul>
		</details>
	</article>
	<article>
		<details open="">
			<summary><time datetime="2023-03-16">March 16, 2023</time></summary>
			<ul>
				<li>
					Added sidebar
					<ul>
						<li>
							Added buttons to socials
							<p>(Attribution: <a href="https://github.com/edent/SuperTinyIcons" target="_blank">Terence
									Eden's SuperTinyIcons GitHub repository</a> (MIT))</p>
						</li>
						<li>Moved portrait from header to sidebar</li>
					</ul>
				</li>
				<li>
					Changed backgrounds
					<ul>
						<li>Checkerboard pattern for the outer background</li>
						<li>Tiled icon of Sunny for the inner background</li>
					</ul>
				</li>
			</ul>
		</details>
	</article>
	<article>
		<details open="">
			<summary><time datetime="2023-03-12">March 12, 2023 - Version 0</time></summary>
			<figure>
				<img src="/assets/img/changelog/ver0.png">
				<figcaption>First design. I only used yellow and hot pink from the duo-color swatches that I
					hand-picked.<br>The rest were supposed to be switched out in different pages</figcaption>
				<section aria-hidden="true">
					<button style="background-color:rgb(255, 200, 0)" title="gradient1"></button><button
						style="background-color:rgb(255, 50, 140)" title="gradient2"></button><button
						style="background-color:rgb(50, 250, 180)" title="gradient3"></button><button
						style="background-color:rgb(180, 255, 0)" title="gradient4"></button><button
						style="background-color:rgb(190, 170, 255)"></button><button
						style="background-color:rgb(95, 100, 200)"></button><button
						style="background-color:rgb(200, 255, 120)"></button><button
						style="background-color:rgb(90, 190, 90)"></button><button
						style="background-color:rgb(250, 120, 255)"></button><button
						style="background-color:rgb(120, 250, 255)"></button>
				</section>
			</figure>
			<ul>
				<li>
					Added <a href="/home" target="_blank">Home</a>, <a href="/gallery" target="_blank">Gallery</a> and
					my "About" page
					<ul>
						<li>my "About" page page contains Pokémon boxes and a small bio</li>
					</ul>
				</li>
				<li>
					Added header
					<ul>
						<li>Added buttons to other pages</li>
						<li>Added a portrait of Sunny of his PETSCII avatar</li>
					</ul>
				</li>
			</ul>
		</details>
	</article>
	<article>
		<details open="">
			<summary><time datetime="2023-02-16">February 16, 2023</time></summary>
			<ul>
				<li>Created my Neocities account</li>
			</ul>
		</details>
	</article>
</main>