blog.yiays.com

A history of my websites

Authored by yiays on Mar 18, 2020

Yiays.com is in fact the 5th revision of my website. Each time I've learned more about web technologies and design and development strategies, I've rewritten my website to take advantage of them. So in this blog post, I'll walk through the history of iterations of my website.

Revision 1

~2015 | once hosted at yiaysmc.noip.me

Oldsite 1

My first website was based on a Bootstrap 3 template, unfortunately this website has been completely lost to time and no archive of it exists, so all I can show is the template I used.

This website was entirely static and, as far as I'm aware, only ever had one page. However I unfortunately can't remember much about it...

Revision 2

~2016-2017 | completely archived in a broken state here | partially archived on the WayBack Machine here

Oldsite 2

The first rewrite was a tremendous one, lasting me several years as I kept on improving upon the same site for years, adding countless features, like my first blog engine written from scratch, email subscriptions, a portfolio showcase and even an AJAX-based page loading system to massively reduce load times. The implementation was similar to modern YouTube's SPF page loader.

I used bootstrap 3 again for this one, which ended up being my main reason to consider rewriting my site again...

Revision 3

~2017 | completely archived in a broken state here

Oldsite 3

My third revision of my website was in a bold new direction. I decided to fully commit to a deeply integrated AJAX-based page loading system to make the website incredibly snappy - at this stage, I was hosting the website from home with a 2mbit connection, so this method massively reduced bandwidth. I decided to stick with a minimalist design for the website as well.

Unfortunately I found myself running very low on motivation to complete the website with the goals I set for myself, so this rewrite was eventually abandoned...

Revision 4

~2018 | completely archived here

Oldsite 4

After the failure of revision 3, I wasn't really sure what I wanted my website to be - and I wasn't sure if I'd have the time or motivation to commit to creating a complex site. So I played it safe, adapted code from revision 3 into something very simple for the purpose of hosting on a free web hosting service so that I had somewhere safe to store my work. I was preparing to move to a University or Polytech at the time, meaning I wouldn't be able to host the website from home anymore.

This revision was very utilitarian, I completed the new blog, written from scratch with simple login and edit features, albeit without comments working. And used the blog to post about course work at NMIT, as required by one of my first year courses. I also migrated as many of my old projects to be hosted on this platform as possible. I even bought the yiays.com domain name to point to this website, a massive improvement over the provided domain name, or yiaysmc.noip.me, which is a dynamic DNS address.

Eventually I wanted to make something much better than this site, and so I did when I got a raspberry pi to host my fully custom site...

Revision 5

~2019-today | currently running here

Current site

My current site applies a lot of what I've learned over the last 3 years of tertiary study while also putting all of my more recent projects that I'm proud of front and center. I've found a new aesthetic design and colour scheme for my website, I've even learned a little vector art to make little graphics for the site all over.

This revision is very much geared towards creating a one-page site that shows who I am to potential employers, this has resulted in the trade-off that the blog has been neutered and moved to its own website... I might fix that one day.

Conclusion

I'm really happy with my website now, though there's still plenty of room to grow. Only time will tell how long this revision will stand before I decide to rewrite again. Hopefully this has been interesting to anyone reading, naturally I'm blinded by nostalgia myself.

Comments

This is a test comment