Hosting
This one's pretty obvious, given my domain name: I have Neocities to thank for this site's existence. And with that in mind, I feel compelled to put this cute little image to use:
In which I discuss this site, primarily the various resources that help me out along the way.
So far, I'm gradually learning HTML, CSS, and JavaScript basically from scratch to get this site up and running. It's no easy feat, but I'm gradually making it happen.
For the time being, mobile support isn't being prioritized. In my experience, the site runs rather nicely on my years-old smartphone, but proper and outright optimization will have to wait until later.
Whenever possible, I want to make sure my site is accessible to everyone. That includes:
And probably more. I can't claim to know all there is to know about website accessibility.
Google and Microsoft being what they are, I'm very much team Firefox. As such, your experience on this site (and on the internet in general honestly) will be best on it--but I intend to account for other browsers as well, since I just finished saying I want my site to be accessible to everyone.
For what it's worth, I use Firefox Beta for my lewd Delta7447 shenanigans (including the making of this site), while the stable build is for SFW stuff. In my experience, that hasn't resulted in a meaningfully different experience in terms of viewing websites (save for the add-ons on both browsers not always being identically installed/configured, but that's a me problem).
I do actually have some CSS implemented to add a fancy scrollbar, but Firefox doesn't support that--not really sure why. (That page says Edge doesn't support it either, but I can personally confirm that version 115.0.1901.188 does--prior versions probably do too, but I'm not gonna investigate that.)
I wanted to retain the same feel of my Blogspot and spreadsheet's aesthetics while refining and improving them.
My initial palette was along the lines of:
My spreadsheet later turned to the light side for accessibility's sake, as well as so viewing the sheet on the mobile app with dark mode enabled (naturally, that's impossible on a computer without a third-party extension like Dark Reader; what else would you expect from Google?) wouldn't become an illegible mess.
Google's Material design language includes a sizable color palette, so I opted to adapt my palette using those colors as much as possible. As much as I despise Google, I have to admit their aesthetic sense is pretty good. See color.css for what colors are used where--I've added their Material designations as /* comments */.
In addition to the fancy new colors, I also ensured every color combination (i.e. text on a background) has sufficient contrast to pass WCAG's color contrast test (at least 3:1 for headers and 4.5:1 for body text).
From the start I wanted to use free and open-source (FOSS) fonts whenever possible, partially since I approve of and believe in that mindset and also because, frankly, free is exactly the price tag I can afford to pay.
These are the fonts I have implemented:
Behold, <code> formatting!All of these are variable fonts, allowing me to specify their weights as I see fit--within the bounds of the font's design, of course. For example:
Recursive can go from a modest 300 weight to a whopping 1000--the gigachad of font weights.
To clarify, 400 is standard body text--most of what you'll see on this and other sites.
If it weren't for the slew of tutorials and documentation available on the following resources, making this site would prove to be a lot more difficult:
Additionally, I'd be remiss to not also mention my various peers and friends who've helped out one way or another. In most cases they gave feedback on what fonts to use, but exceptions will be listed alongside their names.
This one's pretty obvious, given my domain name: I have Neocities to thank for this site's existence. And with that in mind, I feel compelled to put this cute little image to use:
I have a bit of JavaScript tomfoolery in place to implement a light/dark mode toggle--the control for which is on the nav page. The site will read your system's preferred color scheme and default to that, but you can also switch it manually. Whatever you leave it as is saved in your local storage, so it'll remember your preference later on.
On Firefox, if you open the Developer Tools, go to the Storage tab, and open the Local Storage dropdown, you'll find a "theme" key with a value of "light" or "dark" respectively. This is entirely for the benefit of you the viewer, or in other words, your setting is not tracked or even knowable to me--i.e. there's no privacy risk here.
If you have JavaScript disabled, the light/dark toggle will be disabled, defaulting to light mode. The button simply won't do anything, so I've set it up to only appear if JavaScript is enabled.
In keeping with Neocities practices, I've made an 88x31 button to promote my site. You're free to add it to your own site (Neocities or not) if you like my content and want to promote it.
If you would like to do so, copy-paste the following into your site's HTML. Please download the image (or right-click the button above) and upload it to your own site--I'd rather you do that over hotlinking my copy.
<a href="https://delta7447.neocities.org"><img src="[THIS SHOULD REFER TO YOUR OWN COPY!]/delta7447_button.svg" alt="Delta7447 (Not safe for work!)"></a>
Additionally, if an SVG isn't to your liking, I have a more conventional PNG too. Make sure your end refers to the correct file type!
Please contact me if you do add my button somewhere. I'm very curious where it may end up!
Additionally, I have some other buttons on display on my nav page, so I'd like to credit where I found them. In many cases the original creator of a given button isn't knowable, and oftentimes the same one may appear in several different collections, so the link I provide is merely a place to find it, not necessarily the only place.
