yay website
This commit is contained in:
parent
623e26a808
commit
4d44fd94a2
585 changed files with 5066 additions and 0 deletions
61
_src/data/blog/Break time.md
Normal file
61
_src/data/blog/Break time.md
Normal file
|
|
@ -0,0 +1,61 @@
|
|||
---
|
||||
description: What I've been up to (at the time of writing)
|
||||
date: 2024-09-16
|
||||
modified: 2025-05-23
|
||||
blurb: <p>Invalid DateTime. ha, got you.</p>
|
||||
avatar: /assets/img/art/sundae_glistening.png
|
||||
---
|
||||
<p aria-label="Post 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 <s>some</s> 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 {% ai "https://11ty.dev/"%}Eleventy{% endai %} 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 {% ai "https://github.com/5t3ph/smol-11ty-starter"%}Smol 11ty Starter by 5t3ph{% endai %} 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 {% ai "https://mozilla.github.io/nunjucks/"%}Nunjucks{% endai %} (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 {% ai "https://github.com/moment/luxon" %}Luxon{% endai %}, 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.
|
||||
37
_src/data/blog/Rewrite 2.0.md
Normal file
37
_src/data/blog/Rewrite 2.0.md
Normal file
|
|
@ -0,0 +1,37 @@
|
|||
---
|
||||
description: hi
|
||||
date: 2025-05-23
|
||||
modified: 2025-05-23
|
||||
blurb: <p>i hate luxon</p><p><img src="/assets/img/blog/luxon.png"></p>
|
||||
avatar: /assets/img/art/sundae_glistening.png
|
||||
---
|
||||
Hi... I spent a good 8+ months not working on much of anything, really.
|
||||
|
||||
On a whim, I decided I wasn't happy with how my website was looking, so I've been spending the last week or so working on this as of writing.
|
||||
|
||||
### So, what's new?
|
||||
|
||||
A lot, actually. For starters, I ported the site over to a fresh build of {%ai "https://github.com/11ty/eleventy/releases/tag/v3.1.0"%}Eleventy 3.1.0{%endai%}, which was way easier than I expected, [since I originally started from a base](/blog/break-time#i-have-no-some-idea-what-i'm-doing).
|
||||
|
||||
I figured out that standard markdown doesn't implement header links (without manually adding in HTML with `id` attributes.), so I ended up switching to {%ai"https://github.com/markdown-it/markdown-it"%}markdown-it{%endai%} and {%ai"https://github.com/valeriangalliat/markdown-it-anchor"%}markdown-it-anchor{%endai%}.
|
||||
|
||||
I also switched to using {% ai "https://date-fns.org/" %}date-fns{% endai %} instead of {%ai"https://github.com/moment/luxon/"%}Luxon{%endai%}. This library is just way better documented, for someone that still sort of struggles with JavaScript.
|
||||
|
||||
Here's a snippet of my time filters in my `eleventy.config.js`:
|
||||
|
||||
```js
|
||||
import { format } from "date-fns";
|
||||
|
||||
eleventyConfig.addFilter("ISO", (dateObj) => {
|
||||
return format(dateObj, ("yyyy-LL-dd"));
|
||||
});
|
||||
eleventyConfig.addFilter("readable", (dateObj) => {
|
||||
return format(dateObj, ("LLLL d, yyyy"));
|
||||
});
|
||||
```
|
||||
|
||||
### Smaller stuff
|
||||
|
||||
I decided to change the presentation of my [interests](/home#interests), previously a shelf with game cases and CD jewel cases, to instead be desktop shortcut entries.
|
||||
|
||||
<figure><img src="/assets/img/blog/shelf.png"><figcaption>How the shelving featuring my personal favorite games and music looked before.</figcaption></figure>
|
||||
107
_src/data/blog/System switching.md
Normal file
107
_src/data/blog/System switching.md
Normal file
|
|
@ -0,0 +1,107 @@
|
|||
---
|
||||
description: Working with Linux
|
||||
date: 2024-06-22
|
||||
modified: 2025-05-19
|
||||
blurb: <p><img src="/assets/img/blog/works-on-my-machine.png"></p><p>whatever i'm using might not necessarily work for you</p>
|
||||
avatar: /assets/img/art/sundae_glistening.png
|
||||
---
|
||||
<section aria-label="Addendum"><p>EDIT:<time datetime="{{modified | ISO}}">{{modified | readable}}</time></p>
|
||||
|
||||
With Microsoft announcing that {%ai"https://support.microsoft.com/en-us/windows/windows-10-support-ends-on-october-14-2025-2ca8b313-1946-43d3-b55c-2b95b107f281"%}Windows 10 will stop being supported after October 14, 2025{%endai%}, I highly recommend looking into Linux if your device is on Windows 10 and you don't want to buy a whole new device that meets the system requirements of 11.
|
||||
|
||||
Here's {%ai"https://endof10.org/"%}a resource for that{%endai%} if you aren't sure how to proceed.
|
||||
|
||||
I'm not paid or anything to mention this, I just think **we shouldn't have to put up with capitalist bullshit to continue using a device.**
|
||||
</section>
|
||||
|
||||
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, currentColor, 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 {%ai"https://fedoraproject.org/#editions"%}Fedora Workstation{%endai%} 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 {%ai"https://wiki.debian.org/DebianInstaller/Loader"%}Debian's System Installer for Windows (win32loader){%endai%}, 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>{%ai"https://www.ventoy.net"%}Ventoy{%endai%} 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.
|
||||
|
||||
<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 {%ai"https://www.debian.org"%}Debian{%endai%} 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:
|
||||
|
||||
* {%ai"https://fedoraproject.org/"%}Fedora{%endai%}
|
||||
_(Aforementioned in a virtual machine. Overall very solid, might come around to using it again)_
|
||||
* {%ai"https://manjaro.org/"%}Manjaro{%endai%}
|
||||
_(Tries too hard being beginner-friendly, needed to tinker to get my Nvidia GPU to work) as of v24/Wynsdey_
|
||||
* {%ai"https://endeavouros.com/"%}EndeavourOS{%endai%}
|
||||
_(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:
|
||||
|
||||
|
||||
* {%ai"https://notepad-plus-plus.org"%}Notepad++{%endai%}, replaced by {%ai"https://apps.kde.org/kate/"%}Kate{%endai%}
|
||||
* {%ai"https://getpaint.net/"%}paint.net{%endai%}, replaced by {%ai"https://www.gimp.org"%}GIMP{%endai%}
|
||||
* {%ai"https://www.foobar2000.org"%}foobar2000{%endai%}, replaced by {%ai"https://www.videolan.org"%}VLC media player{%endai%}
|
||||
* {%ai"https://www.nvidia.com/en-us/geforce/geforce-experience/shadowplay/"%}Nvidia ShadowPlay{%endai%}, replaced by {%ai"https://obsproject.com"%}OBS Studio{%endai%}, 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:
|
||||
|
||||
* {%ai"https://getsharex.com/"%}ShareX{%endai%}
|
||||
_(screenshotting utility)_
|
||||
* {%ai"https://www.voidtools.com/"%}Everything by voidtools{%endai%}
|
||||
_(fast file search/indexer)_
|
||||
|
||||
<aside>If you are curious about what kind of programs Linux offers, take a look at {%ai"https://apps.kde.org"%}KDE apps{%endai%}, {%ai"https://apps.gnome.org"%}GNOME apps{%endai%} and {%ai"https://flathub.org/"%}Flathub{%endai%}.</aside>
|
||||
|
||||
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 {%ai"https://www.protondb.com/"%}Proton{%endai%}
|
||||
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
5
_src/data/blog/blog.json
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
{
|
||||
"layout": "blog",
|
||||
"permalink": "/blog/{{ page.fileSlug | slug }}/",
|
||||
"tags": "posts"
|
||||
}
|
||||
Loading…
Add table
Add a link
Reference in a new issue