Cane Aubright

I did not make this site myself.

I came into making this with zero knowledge of HTML, JavaScript, CSS, all that stuff. It's thanks to everything below that I was able to make this site even remotely presentable. Everything here will be linked and have a description of what it's for and, if applicable, how it helped me make my own site better.

Assets and Templates

Fool LoversFool Lovers Banner. Redirects!

Japanese developer archive, containing dozens of templates with an old-school vibe to them. The current template you see is entirely my own work, but I did borrow a layout (n-001b specifically) as a placeholder before coming up with my own.

Iosevka

Customizeable open-source font originally made for terminals and IDEs, but pretty solid for website content as well. I ended up not using it in favor of Verdana, but I know other sites that do.

Moon

The font I use for my header. Sleek, chic, and free for personal use...eek.

tsParticles

The star effects in the background are achieved through this library. You don't need to know JavaScript to implement it, but you should at least understand how to code and look up documentation if you want to try using it.

Tutorials and Documentation

HTML Dog Tutorials

Adequate introductory course to learn HTML and CSS. A good first step, though this shouldn't be the only resource you use. Learn to read docs!

"How the heck do I use Eleventy?"

A good starter guide to generating a static website using Eleventy and allowing all of my pages to be generated from markdown files. Everything eleventy-related worked out of the box on my Mac, but I imagine some extra setup will be needed with Windows. I wouldn't know.

W3Schools

The novice programming resource. Absolutely any basic function you're not certain about is described in excellent detail and very digestible language. I don't typically browse from the website itself though, instead just googling the function in question and clicking whatever the first result from W3S is.

MDN

The web dev resource. Doesn't encompass as much as W3Schools does, but its interface is much easier to navigate in comparison. If I'm working purely on the website, this is where I'd go to find out what I need to do.

Inspirations and Motivators

While not "resources" per se, there were some sites and other non-web inspirations I'd like to cite that might help get you those ideas to build off of when making your own site.

SCANNING BLUE ! SCANNING BLUE Banner. Redirects!

A killer maximalist Neocities site. Seeing this site pushed me to bite the bullet and make my own. Helps that the webmaster added an extensive resources page to check and get further inspiration from. That FUCKING PSP is pretty cool too.

Tem Stuff Tem Stuff Banner. Redirects!

Temmie posted about neocities once or twice and it was enough for me to start thinking about it in earnest. The overall amateur-ness and signature Tem Style was a nice reminder that anyone can do this, including me and you!

DJMAX Technika 2

(Links to Archive.org)

Browsing through the old Technika 2 website ended up being the final inspiration to hit that made me finally draw out a rough sketch of the layout. It doesn't show much in the final product, but trust me that it helped taking mental note of how it was structured.

Jubeat copious

(Links to a sideways YouTube video)

Pretty much the entire design aesthetic of my website is based on the rhythm game Jubeat copious. It was super spur of the moment that I decided on this theme, would've probably been a different rhythm game that I plagiarized the design off of if not. What can I say? I had a phase.


Thanks for the help, everyone!