Website 3.0

December 09, 2024

Once again, I've rewritten the code for the entire website, changing the look entirely, once again. However, this time it is completely my own style.
Officially, it's no longer called The Q File. I have not yet chosen a new name yet, so I don't know what it's called. The domain is still the same, though.
The reason I decided to rewrite the entire thing again is because of a number of reasons;

  1. I didn't like to look of the now old site. Its style was partially stolen, and it no longer looked clean; The harsh contrast between the white outlines and dark backgrounds looked unclean, and some proportions were kind of off, making the whole site seem cluttered. In addtion, the large logos at the top of every page being the only things containing any color also seemed off.
  2. The CSS (or SCSS in my case) files were very cluttered; There were way too many classes and IDs, 70% of which were completely useless/were only used once or twice. Due to this, the SCSS file had over 1800 lines of code, with the translated CSS file having over 2000. Also, some code didn't work as intended, mainly the fancy underline for the links. The new SCSS file has just under 750 lines of code, with the translated CSS file having ~100 more. To be fair, however, a lot of the individual styles were on their own lines, but a lot were not.
  3. The JavaScript codes I had written functioned improperly, and were kind of cluttered as well. Furthermore, there were a lot of minor features (such as the copy function on the music page) were missing, and some others were completely useless. However, I've made sure to now make each piece of JS code functional while somewhat being readable.
  4. The HTML files were also very cluttered and unnecessarily big, containing way too many lines of code. There were SVGs present on every page because of the logos, which made it very tedious to keep track of everything. Additionally, I didn't have the foresight to include external fonts in the (S)CSS file(s), placing them in the head element of every document instead, but this was a minor issue. Speaking of fonts, there were way too many of them. I've since restricted myself to only 3 fonts, 4 at max. Also, there were a lot of grammatical, spelling, as well as general errors on my part present. I made sure to fix most of them.
  5. The amount of images made the whole sight in VS Code very confusing and hard to look at. Now, the only images present are also ones which are used.

Additionally, I have now moved onto a new host, and it will now hopefully work as intended. Anyway, the website now looks like this, and I am happy with the result. Enjoy the new look of my website!