Site history

18 April 2024

Added rel="license" to the license link in footer for machine readability.

17 April 2024

Fixed the not-found page: my silly image is now properly centered. I did it because I've read Niki Tonsky's post about centering elements and found out it's really easy to do with flexbox.

15 April 2024

Some optimisations.

Created a separate stylesheet for the mobile menu page to make it load faster. In the stylesheet, only left the rules that are relevant to this page's elements.

I exported the favicon to PNG, so it's now 5 times smaller filesizewise. The tradeoff is that it's only 16x16 pixels, so people with HiDPI displays may notice that the favicon is rasterised.

Temporarily disabled the dividers, because I feel that they clash with the current flat design. I wonder if breaking page elements into sections with different backgrounds would look better?

14 April 2024

Implemented external link markers () using the :about CSS pseudo-class. Now I won't have to add the icon manually every time, but I had to settle for gray icon as I can't theme my SVGs just yet. Maybe someday...

Added the link to my Github page

Decided to change the colour for inline links. It's now steel blue or sky blue depending on the colour scheme, not a bright red like it was before.

13 April 2024

Oh boy... I did a redesign. Now every element is flat and has a shadow, so it's kind of like Material design. The header is now darker than the body when using a dark theme. It just that I've suddenly stopped digging the old-homemade-website aestetic, and I really wanted to modernise the design. But I think it was worth it!

Button Button

Tinkered with the mobile menu, too. It doesn't use borders now. Just a flat page with clickable entries. The menu is also less busy that way, I guess.

Changed the site "logo". Now it's the just the word "Arobase" (without the "@") written in small caps:

Arobase Arobase

Also, I got rid of the "hamburger" part of the hamburger menu. Now it's a button with "Menu" Written on it. The reason? Well, I can't quite figure out how to apply CSS to my SVGs yet, and I'm lost as to how the icon should be designed. The text is better for usability anyway, isn't it?

12 April 2024

Probably finished the mobile menu page (one that's accessed from a hamburger button that is visible when the browser window is small). I'll just be editing the links inside from now on, but only if I won't tinker with it again (I will...)

Came up with a footer. I've deciced to use CC-BY-NC-SA license because I want to give people the ability to, perhaps, quote what I write here and be in control of it. Non-commercial, because, why would anybody want to profit from the content of my personal website? I wouldn't approve of that. The "hosted by Neocities" emblem is definitely here to stay. I adore it, it's so cute and it makes this website look less serious.

Tweaked the maximum width of the page content to be 800px. I've noticed that most websites use values close to that for text bodies. Plus, I'd already felt that 1000px is a bit too wide.

This site now has a page devoted to my gorgeous cat Bella! I'll be adding some photos there sometimes.

Added the site history page! Now I will write down my work on this website here. This unexpectedly necessitated a CSS rule for formatting text as code. I'll probably end up using it a lot. I'm happy how it turned down! Being able to make stuff like this already (with a little help from W3Schools and MDN web docs) makes me happy.

10 April 2024

Scrapped the idea to use an invisible checkbox for toggling the visibility of the mobile navigation menu. Too janky for me. Mobile menu is now a lightweight separate page, which I think suits this website well. Wikipedia uses the same method when viewed on mobile without javascript, so I figured I'll do the same.

Remade the header, it's now a big Flexbox. Much less sketchy than my first attempt which employed the float property for everything.

6 April 2024

This site was created after I had finally found the time to sign up to Neocities. I gradually improved it from the index.html page that I wrote during the Neocities tutorial. I quickly added the stylesheet, came up with the aestetic and the colour scheme – I chose to use the HTML DeepOrange as the accent colour and a 1px gray outline for elements such as buttons, header and so on. The whole aestetic of the website is just grey for now. I'd like it to be something fancy, following the spirit of indie web, but I'd also prefer my website to be usable in the general sense. We'll see what the future will bring.

Coded a dark theme that follows user preference and a layout that adapts for mobile devices with a narrow viewport.