516 lines
No EOL
18 KiB
HTML
516 lines
No EOL
18 KiB
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 & 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> |