Design tweaks

[malfisya]

• Switch the buttons around to make download button is at the top of help center button on mobile view.

[malfisya]

I have a few design tweaks in mind and some of it already implemented in this PR:

Buttons on the homepage

Desktop:

Mobile:

My first thought was that Download button should come first in the mobile view. So, I switch the button around (implemented) . But after I give it some more thought, it came to me why do we have Help Center button? We already have it in the top menu. I think this was a left over from the old website design, where we have Download and Learn More buttons.

Old website:

Learn More button leads to /about page on the old website, which describe the use-case of Solus. Of which we already consolidated in the homepage in the new website. I say, we should get rid of the Help Center button in the new website.

Github Icon Link

Right now, it is linked to https://dev.getsol.us which redirect to https://github.com/getsolus/packages. In my opinion, it should link to the github orgs instead and the button should be titled Github as other social media do.

Get Solus menu

Should we call it Download instead? Or maybe make the text Bold instead?

Button on the edition page

If possible, we should use our own button style on these too. I tried to do it myself and fail 😅.

Solus Logo

New website:

Old Website:

The font on the logo is different from the original one. Are we sure about this change? The branding zip file must be updated too.

Reorder the top menu

I reorder the top menu in order of which we host the stuff ourselves. From left side which is all internal pages of this website, the other sites we own and the the external services. I also add icon for Matrix and more ↗ for all external websites.