old website

This commit is contained in:
sundae 2025-06-11 10:09:06 +03:00
commit 218487dc22
No known key found for this signature in database
557 changed files with 7054 additions and 0 deletions

View file

@ -0,0 +1,3 @@
{
"tags": "articles"
}

10
_src/data/about/bio.md Normal file
View file

@ -0,0 +1,10 @@
### Bio
<p>Hello! My name's sunny!</p>
<p>I identify as agender, aromantic and pansexual.</p>
<section id="flags">
<img src="/assets/img/flag/agender.svg" alt="Agender pride flag">
<img src="/assets/img/flag/aromantic.svg" alt="Aromantic pride flag">
<img src="/assets/img/flag/pansexual.svg" alt="Pansexual pride flag">
</section>
<p>I'm a hobbyist artist, writer, audio and video editor, graphic designer and web designer.</p>
<p>I don't particularly excel in any of these, but I find them fun, and that's all I really care about.</p>

View file

@ -0,0 +1,5 @@
### Fursona
<div id="portrait"><img src="/assets/img/theme/citrus/pin.png" alt="A pin of Sundae!"></div>
<p>Sundae is a light beige anthropomorphic rabbit with pink eyes, a lime green nose and has an orange spot marking on his right eye.</p>
<p>He is my first original character and I most likely won't have many others besides him, since I identify with him a lot.</p>
<p>This might change with time, but... I haven't been able to solidify any potential ideas into a new character, a lot of them are just fleeting thoughts.</p>

View file

@ -0,0 +1,4 @@
### Interests
<p>Below is a list of media I'm into with links that lead to time capsules and/or tributes.</p>
<p>Not everything is included in here, but rather whatever comes to mind to showcase.</p>
<div id="pkmn" aria-label="Randomized list of my favorite Pokémon"><script src="/assets/js/poke.js"></script></div>

View file

@ -0,0 +1,60 @@
---
title: "Break time"
description: What I've been up to (at the time of writing)
date: 2024-09-16
blurb: Invalid DateTime. ha, got you.
---
<p class="warning">WARNING: BORING NERD TOPIC AHOY</p>
I had mentioned on my Neocities profile that I would look into re-writing my website fairly soon right after pushing an update out. Took a bit longer than I would've liked honestly, but it's here!
Actually, it had been mostly finished for a while (since July 1), but I hit a couple of roadblocks (mainly date conversion) that demoralized me from working more on it at the time, as well as some lifestyle changes, like spending less time on the PC and exercising often.
**The most notable things about my site re-write off the top of my head are:**
* converting page elements into `.json` data tables
* rebasing large parts of the page styling
* a larger emphasis on accessibility
### I have ~~no~~ some idea what I'm doing
For starters, porting a website (at least one that's paw-written by yours truly) to a static site generator like [Eleventy](https://11ty.dev/) was definitely something, having only dabbled with editing `.html` and `.css` files without hosting a local server.
Initially I went looking around for a base (as to not start from complete scratch) to use and found [Smol 11ty Starter by 5t3ph](https://github.com/5t3ph/smol-11ty-starter) and set it up.
I was **very eager** to start working on it, and because I decided to do so late at night, I didn't consult any documentation and thus felt like it would be impossible to learn [Nunjucks](https://mozilla.github.io/nunjucks/) (one of the [templating languages](https://www.11ty.dev/docs/languages/) used in Eleventy) got upset, settled down and slept.
### You're telling me that Java scripted this?
I still don't understand JavaScript that well, got stumped on a couple of things, and as a result I took some time off working on the re-write.
Regardless, I had ported over the base layout and most pages, which would be around 90% of the work done within the first couple of days. The last 10% that was left being: having to tackle date conversion with [Luxon](https://github.com/moment/luxon), setting custom filters for Eleventy to use them and forgetting to port a few page elements to `.json` data tables.
Currently, my filters are handled really shittily, but they work whenever I build my site.
Here's how I currently have my filters set up for dates in my `.eleventy.js` file, if you also happen to struggle with this:
```js
const { DateTime } = require("luxon");
module.exports = function(eleventyConfig) {
eleventyConfig.addFilter("postDate", (dateObj) => {
return DateTime.fromJSDate(dateObj, { zone: 'utc' }).toFormat('yyyy-MM-dd');
});
eleventyConfig.addFilter("galleryDate", (dateObj) => {
return DateTime.fromISO(dateObj, { zone: 'utc' }).toLocaleString(DateTime.DATE_FULL);
});
eleventyConfig.addFilter("readableDate", (dateObj) => {
return DateTime.fromJSDate(dateObj, { zone: 'utc' }).toLocaleString(DateTime.DATE_FULL);
});
};
```
Before you ask: No, I couldn't condense it into two filters, I tried. I'm far too stupid.
...For some unknown reason (to me) I don't know what causes the dates to get jumbled up whenever I used `postDate` for dates on my artworks, but I had to make a seperate filter that would read it as an ISO date. Vice versa with blog post dates. Genuinely clueless.
### { % endfor % }
Despite my struggles, I think Eleventy is a great piece of software, it's just that I'm not knowledgeable enough to leverage its strengths to the fullest.
The fault point here is not even Eleventy itself, but just a popular JavaScript library for dealing with time.

View file

@ -0,0 +1,100 @@
---
title: "System switching"
description: "Working with Linux"
date: 2024-06-22
blurb: phooey...
---
I've been using Linux exclusively for the past 3 months and the switch to it has been pretty fun!
My main "worries" and/or misconceptions before getting into it were:
* the supposed lack of programs and/or games
* learning the terminal
* learning the different directory structure
* issues with my Nvidia GPU
<section>
<p style="background-image: linear-gradient(to right, black, transparent 40ch);background-clip: text;-webkit-background-clip: text;text-fill-color: transparent;-webkit-text-fill-color: transparent; width: max-content;">I had grown tired of Windows and Microsoft as a whole yada yada—</p>
<div style="background: linear-gradient(to right, #d005, #fc2);background-clip: border-box;margin: -3ch auto 0 15ch;background-clip: text;color: transparent;width: max-content;" aria-hidden="true"><sub style="font-size: 1rem;transform: rotate(-2deg);display: inline-flex;">blah blah blah</sub>Microsoft<sup style="font-size: 1rem;transform: rotate(2deg);display: inline-flex;">yada yada</sup><b style="color: darkorange;margin: -0.6rem 0;font-size: 1.5rem;text-shadow: 5px 5px 0 #ff8c004f, 10px 10px 0 #ff8c004f;">SNORE</b></div>
</section>
**You've most likely heard this sentiment before, and no, I'm not any more special with my reasoning.**
So... the hardest part about moving is, well, how would I move to Linux? There's so many distributions of it that I've had choice paralysis trying to decide.
### Decisions
I went to set up a virtual machine to understand what I'd want out of a "new" operating system, so I tried out [Fedora Workstation](https://fedoraproject.org/#editions) at first and it felt pretty seamless, I didn't have to use the terminal for much of anything.
I tinkered with it for a couple of days before deciding to look up system/media installers for Linux distributions (that are able to be run on Windows) and coming up empty-handed, cluelessly thinking that somehow only Windows manages to offer one.
...Until I found [Debian's System Installer for Windows (win32loader)](https://wiki.debian.org/DebianInstaller/Loader), which I tried running under a Windows 11 virtual machine to see if it would fail to install, and it didn't!
So I just went ahead and installed it over my actual Windows partition (backing up my documents prior).
<aside><a href="https://github.com/ventoy/Ventoy">Ventoy</a> is able to <a href="https://www.ventoy.net/en/faq.html">boot from a HDD/SSD</a> if you are willing to sacrifice one (temporarily) to install it on there.
<hr>
<b>I didn't know this</b>, and I've hardly seen anyone bring up solutions, besides off-handed suggestions about using a flash drive—and every guide basically centering around that notion, but a flash drive is <em>not necessary.</em></aside>
I would <u>not recommend</u> installing [Debian](https://www.debian.org/) to anyone new to Linux whatsoever, or with the method I used.
Here's a little anecdote:
* * *
A number of things went wrong on my first install, like my network devices being wiped off, and as a result, being unable to update my system via apt (I thought that it was DNS causing issues or not having enough mirrors for packages), and then it was unable to boot into my desktop environment, but not before **almost deleting my entire system** because of apt deciding to delete a ton of system packages in the process of trying to get Nvidia drivers to work.
* * *
In retrospect, it's pretty fucking funny, but in the moment I was dreading the possibility of bricking my system.
...Debian! But also Nvidia's awful driver support for Linux.
I immediately started looking at other distributions after discovering that Ventoy exists and started reading about Arch.
If anything, at least I got some experience with the terminal, which I thought it'd be kinda difficult to get into hang of without guidance.
Besides Debian, so far I've tried:
* [Fedora](https://fedoraproject.org/)
_(Aforementioned in a virtual machine. Overall very solid, might come around to using it again)_
* [Manjaro](https://manjaro.org/)
_(Tries too hard being beginner-friendly, needed to tinker to get my Nvidia GPU to work) as of v24/Wynsdey_
* [EndeavourOS](https://endeavouros.com/)
_(Works out of the box with my Nvidia GPU, minimal issues)_
And out of them, Endeavour has been the most comfortable experience for me, so far.
I've had to troubleshoot Manjaro a lot, due to system updates not being straight-forward (having to log out of my desktop environment and THEN updating packages via a terminal/tty) and having graphical artifacts whenever my computer would wake up from sleep. I still don't know what causes this.
### The cost of switching
A lot of the programs I was using under Windows over the years were stuff ported over from Linux.
It's personally been no cost to me with the hobbies I have, keyword: <u>personally</u>.
Here's a few programs I used before switching over, that didn't/won't have a Linux port:
<aside>If you are curious about what kind of programs Linux offers, take a look at <a href="https://apps.kde.org">KDE apps</a>, <a href="https://apps.gnome.org">GNOME apps</a> and <a href="https://flathub.org/">Flathub</a>.</aside>
* [Notepad++](https://notepad-plus-plus.org), replaced by [Kate](https://apps.kde.org/kate/)
* [paint.net](https://notepad-plus-plus.org), replaced by [GIMP](https://www.gimp.org)
* [foobar2000](https://www.foobar2000.org), replaced by [VLC media player](https://www.videolan.org)
* [Nvidia ShadowPlay](https://www.nvidia.com/en-us/geforce/geforce-experience/shadowplay/), replaced by [OBS Studio](https://obsproject.com), which I achieved by toggling "Enable Replay Buffer" in the Output settings and setting up keybinds associated.
... that being said, the programs that I do miss using from Windows are:
* [ShareX](https://getsharex.com/)
_(screenshotting utility)_
* [Everything by voidtools](https://www.voidtools.com/)
_(fast file search/indexer)_
ShareX is by and large the most useful tool for taking screenshots and packed with some miscellaneous multi-purpose tools inside, both [Spectacle](https://apps.kde.org/spectacle/) and [Flameshot](https://flathub.org/apps/org.flameshot.Flameshot) felt a bit lackluster in comparison.
Despite that, I've been using Spectacle and it's pretty good if I look past that.
Everything by voidtools is just muscle memory as a result of Windows's slow search indexer.
[Dolphin](https://apps.kde.org/dolphin) can list any file I know the filename of way quicker than Windows ever could.
### GAMING
Linux can run a ton of games with [Proton.](https://www.protondb.com/)
I'm not super knowledgeable about its inner workings, so I'm not gonna try to sound like I do.
...yeah I don't have much to say about this at the time of writing, I've basically been shuffling 3 games whenever I do play something lately. It's not been bad so far!

5
_src/data/blog/blog.json Normal file
View file

@ -0,0 +1,5 @@
{
"layout": "blog",
"permalink": "/blog/{{ title | slug }}/",
"tags": "posts"
}

View file

@ -0,0 +1,516 @@
<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>

View file

@ -0,0 +1,4 @@
{
"layout": "update",
"permalink": "/update/"
}