From 39979c23c3fe67e0a0fa8cd29a20d2fd04651034 Mon Sep 17 00:00:00 2001 From: John Bampton Date: Wed, 23 Dec 2020 22:18:09 +1000 Subject: [PATCH] Add Jekyll SEO plugin - Add all the Apple touch and Microsoft icons - Fix Jekyll config error - Add a `browserconfig.xml` file - Add `alt`, `title`, `width` and `height` attributes to images - Add `lang="en"` to the start `html` tag - Add `meta viewport` tag - Created `maskable icon` - Created `Safari pinned tab icon` - Add all the Android icon sizes - Set `favicon.ico` to 48px square - Strip blank line from HTML - Fix missing HTTPS on link https://webhint.io/docs/user-guide/hints/hint-apple-touch-icons/ https://github.com/jekyll/jekyll-seo-tag --- Gemfile | 1 + Gemfile.lock | 1 + _config.yml | 10 ++++ _includes/header.html | 7 +-- _includes/icons.html | 26 ++++++--- _includes/navigation.html | 2 +- _layouts/default.html | 2 +- _layouts/post.html | 2 +- .../images/icons/android-chrome-144x144.png | Bin 0 -> 2390 bytes .../images/icons/android-chrome-256x256.png | Bin 0 -> 4220 bytes assets/images/icons/android-chrome-36x36.png | Bin 0 -> 754 bytes assets/images/icons/android-chrome-48x48.png | Bin 0 -> 940 bytes assets/images/icons/android-chrome-72x72.png | Bin 0 -> 1336 bytes assets/images/icons/android-chrome-96x96.png | Bin 0 -> 1676 bytes .../images/icons/apple-touch-icon-114x114.png | Bin 0 -> 10821 bytes .../images/icons/apple-touch-icon-120x120.png | Bin 0 -> 6873 bytes .../images/icons/apple-touch-icon-144x144.png | Bin 0 -> 13762 bytes .../images/icons/apple-touch-icon-152x152.png | Bin 0 -> 17328 bytes .../images/icons/apple-touch-icon-180x180.png | Bin 0 -> 13811 bytes .../images/icons/apple-touch-icon-57x57.png | Bin 0 -> 3868 bytes .../images/icons/apple-touch-icon-60x60.png | Bin 0 -> 1096 bytes .../images/icons/apple-touch-icon-72x72.png | Bin 0 -> 5184 bytes .../images/icons/apple-touch-icon-76x76.png | Bin 0 -> 5871 bytes assets/images/icons/apple-touch-icon.png | Bin 13215 -> 3868 bytes assets/images/icons/favicon-16x16.png | Bin 657 -> 524 bytes assets/images/icons/favicon-32x32.png | Bin 1460 -> 731 bytes assets/images/icons/favicon-96x96.png | Bin 0 -> 7719 bytes assets/images/icons/maskable-icon.png | Bin 0 -> 25820 bytes assets/images/icons/ms-icon-144x144.png | Bin 0 -> 12327 bytes assets/images/icons/ms-icon-150x150.png | Bin 0 -> 12849 bytes assets/images/icons/ms-icon-310x310.png | Bin 0 -> 35075 bytes assets/images/icons/ms-icon-70x70.png | Bin 0 -> 5517 bytes assets/images/icons/safari-pinned-tab.svg | 1 + assets/images/icons/site.webmanifest | 51 ++++++++++++++++-- browserconfig.xml | 2 + favicon.ico | Bin 445 -> 15086 bytes index.html | 2 +- 37 files changed, 90 insertions(+), 17 deletions(-) create mode 100644 assets/images/icons/android-chrome-144x144.png create mode 100644 assets/images/icons/android-chrome-256x256.png create mode 100644 assets/images/icons/android-chrome-36x36.png create mode 100644 assets/images/icons/android-chrome-48x48.png create mode 100644 assets/images/icons/android-chrome-72x72.png create mode 100644 assets/images/icons/android-chrome-96x96.png create mode 100644 assets/images/icons/apple-touch-icon-114x114.png create mode 100644 assets/images/icons/apple-touch-icon-120x120.png create mode 100644 assets/images/icons/apple-touch-icon-144x144.png create mode 100644 assets/images/icons/apple-touch-icon-152x152.png create mode 100644 assets/images/icons/apple-touch-icon-180x180.png create mode 100644 assets/images/icons/apple-touch-icon-57x57.png create mode 100644 assets/images/icons/apple-touch-icon-60x60.png create mode 100644 assets/images/icons/apple-touch-icon-72x72.png create mode 100644 assets/images/icons/apple-touch-icon-76x76.png create mode 100644 assets/images/icons/favicon-96x96.png create mode 100644 assets/images/icons/maskable-icon.png create mode 100644 assets/images/icons/ms-icon-144x144.png create mode 100644 assets/images/icons/ms-icon-150x150.png create mode 100644 assets/images/icons/ms-icon-310x310.png create mode 100644 assets/images/icons/ms-icon-70x70.png create mode 100644 assets/images/icons/safari-pinned-tab.svg create mode 100644 browserconfig.xml diff --git a/Gemfile b/Gemfile index 6d46bed..f75c8c3 100644 --- a/Gemfile +++ b/Gemfile @@ -5,6 +5,7 @@ gem 'github-pages', group: :jekyll_plugins group :jekyll_plugins do gem 'jekyll-avatar' gem 'jekyll-feed' + gem 'jekyll-seo-tag' gem 'jekyll-sitemap' end diff --git a/Gemfile.lock b/Gemfile.lock index 4af7f0c..bc83b3c 100644 --- a/Gemfile.lock +++ b/Gemfile.lock @@ -277,6 +277,7 @@ DEPENDENCIES github-pages jekyll-avatar jekyll-feed + jekyll-seo-tag jekyll-sitemap mgem yard-coderay diff --git a/_config.yml b/_config.yml index 52d089b..5af3454 100644 --- a/_config.yml +++ b/_config.yml @@ -15,6 +15,16 @@ plugins: - jekyll-avatar - jekyll-feed - jekyll-sitemap + - jekyll-seo-tag +include: ['_index.html'] +defaults: + - scope: + path: '' + values: + image: + path: '/assets/images/mruby_logo_red_icon.png' + height: 300 + width: 300 exclude: - CODEOWNERS - Gemfile diff --git a/_includes/header.html b/_includes/header.html index a3ab86b..75708db 100644 --- a/_includes/header.html +++ b/_includes/header.html @@ -1,9 +1,7 @@ - + {{ page.title }} - {% include icons.html %} - @@ -16,3 +14,6 @@ + + {% include icons.html %} + {% seo title=false %} diff --git a/_includes/icons.html b/_includes/icons.html index 2fdf10a..6389928 100644 --- a/_includes/icons.html +++ b/_includes/icons.html @@ -1,8 +1,20 @@ + + + + + + + + + + + + + + + + + + + - - - - - - - diff --git a/_includes/navigation.html b/_includes/navigation.html index 6b67e0f..03d1477 100644 --- a/_includes/navigation.html +++ b/_includes/navigation.html @@ -1,7 +1,7 @@