Redesign site with modern UI

[Sarah-okolo]

The User Interface of the documentation site is pretty outdated and bare. It needs to be redesigned for better readability with a touch of modernity.

[alystair]

Your PR looks interesting however you should ask @hegemonic and possibly @minhna if that is what they actually feel is best for the project. It's a downgrade in terms of front page usability.

I feel like a much more subtle set of changes would be better to start - such as this, only affecting the index:

Columns set to 400px so it automatically columizes (only single column on mobiles) and sets a max width on the article so it doesn't take over the entire width on extra wide displays. Also some other basic changes. Lemme know if you want this and I can bang out a PR in under an hour, simple is beautiful sometimes - although I agree a dark mode would be nice :)

[Sarah-okolo]

@alystair The main objective of my pr was to redesign the site giving it a more modern UI. Modern doc sites don't typically display all the site links on the index page. I feel the changes you made still maintained the cluster that I initially intended to eliminate. The shuffling back and forth between pages is an inconvenience I believe everyone who has used the site will agree on, hence my transformation of the index links page to a nav sidebar.

I do understand your point about making subtle changes first before transforming the site entirely. But in my opinion, this was as subtle as I could get, while still maintaining that modern UI look. I decided to redesign the site with plain CSS to keep simplicity and not install extra dependencies. You can say it's still the same site with just some CSS to pretty things up and improve readability.