Mobile fixes and basic SEO

siavashserver commented 4 years ago

Hello, here is couple a of changes I made to improve the website performance on mobile devices, and hopefully make it more search engine friendly 🔥🔥🔥

Important note: Please make sure that JEKYLL_ENV=production environment variable has been set before running production builds, otherwise jekyll-seo-tag and jekyll-minifier plugins will fail to perform their magic correctly.

Better responsive design on small screens and mobile devices:

Updated PureCSS to v2.0.3.
Merged PureCSS components with our CSS to reduce resource requests.
Merged default and frontpage Jekyll layouts.
Splitted the milestone component script on home page.
Removed buttons.rb and grids.rb Jekyll plugins; Jekyll is able to process markdown inside raw HTML tags since one of 3.x minor releases.

Common search engine optimizations:

Added jekyll-seo-tag plugin to automate SEO process.
Added basic description attribute to all pages.
Added a bunch of favicons.
Improved touch area of page footer links for mobile users.
Preconnect to the GitHub API to improve home page load times.
Added jekyll-minifier plugin to automate output minification process.

Addresses #70 .

elmindreda commented 4 years ago

Thank you! Modulo the minifier this also should bring us several steps closer to being able to build on GitHub Pages.

I noticed that with these changes the lead text can get very close to the buttons for some widths

Also the example code in documentation.md is now very narrow on mobile, seemingly because we lost figure{margin:0}

siavashserver commented 4 years ago

Nice catch, should be fixed now. 👍

siavashserver commented 4 years ago

We can easily drop the less and therubyracer plugins as well by switching to sass for our stylesheets.

Going to queue another commit to replace them.

siavashserver commented 4 years ago

I think it should be ready now.

elmindreda commented 4 years ago

Thank you so much!

siavashserver commented 4 years ago

You are welcome 😊

On Fri, Sep 4, 2020, 4:47 AM Camilla Löwy notifications@github.com wrote:

Thank you so much!

— You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub https://github.com/glfw/website/pull/71#issuecomment-686828270, or unsubscribe https://github.com/notifications/unsubscribe-auth/AAIGT2TL4VUBGVSOWZFFDR3SEAW3NANCNFSM4QPTUSJA .

glfw / glfw.github.io

Mobile fixes and basic SEO #71