Skip to content

Commit

Permalink
Add Jekyll SEO plugin
Browse files Browse the repository at this point in the history
- 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 `robots.txt`
- 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
- refs mruby#85
- refs mruby#89

https://webhint.io/docs/user-guide/hints/hint-apple-touch-icons/
https://github.com/jekyll/jekyll-seo-tag
  • Loading branch information
jbampton committed Dec 23, 2020
1 parent f64a4cc commit 77b78d5
Show file tree
Hide file tree
Showing 39 changed files with 99 additions and 21 deletions.
6 changes: 5 additions & 1 deletion Gemfile
Original file line number Diff line number Diff line change
@@ -1,6 +1,10 @@
source 'https://rubygems.org'

gem 'github-pages'
gem 'github-pages', group: :jekyll_plugins

group :jekyll_plugins do
gem 'jekyll-seo-tag'
end

group :scripts do
gem 'mgem'
Expand Down
1 change: 1 addition & 0 deletions Gemfile.lock
Original file line number Diff line number Diff line change
Expand Up @@ -266,6 +266,7 @@ PLATFORMS
DEPENDENCIES
git
github-pages
jekyll-seo-tag
mgem
yard-coderay
yard-mruby
Expand Down
12 changes: 11 additions & 1 deletion _config.yml
Original file line number Diff line number Diff line change
Expand Up @@ -10,7 +10,17 @@ markdown: kramdown
highlighter: rouge
url: https://mruby.org
repository: https://github.com/mruby/mruby.github.io
include: _index.html
include: ['_index.html']
plugins:
- jekyll-seo-tag
defaults:
- scope:
path: ''
values:
image:
path: '/images/mruby_logo_red_icon.png'
height: 300
width: 300
exclude:
- Gemfile
- Gemfile.lock
Expand Down
2 changes: 1 addition & 1 deletion _data/mgems.yml
Original file line number Diff line number Diff line change
Expand Up @@ -1067,7 +1067,7 @@
repository: https://github.com/listrophy/mruby-matrix.git
repooptions:
- name: mruby-maxminddb
description: mruby [GeoIP2 MaxMind DB](http://maxmind.github.io/MaxMind-DB/) reader
description: mruby [GeoIP2 MaxMind DB](https://maxmind.github.io/MaxMind-DB/) reader
author: Kenichi Mitsugi
website: https://github.com/happysiro/mruby-maxminddb
protocol: git
Expand Down
7 changes: 4 additions & 3 deletions _includes/header.html
Original file line number Diff line number Diff line change
@@ -1,9 +1,7 @@
<meta charset="utf-8">

<meta name="viewport" content="width=device-width,initial-scale=1">
<title>{{ page.title }}</title>

{% include icons.html %}

<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">

Expand All @@ -16,3 +14,6 @@

<!-- Custom CSS -->
<link rel="stylesheet" href="/css/main.css">

{% include icons.html %}
{% seo title=false %}
26 changes: 19 additions & 7 deletions _includes/icons.html
Original file line number Diff line number Diff line change
@@ -1,8 +1,20 @@
<!-- Favicon -->
<link rel="apple-touch-icon" sizes="57x57" href="/images/icons/apple-touch-icon-57x57.png?v=1">
<link rel="apple-touch-icon" sizes="60x60" href="/images/icons/apple-touch-icon-60x60.png?v=1">
<link rel="apple-touch-icon" sizes="72x72" href="/images/icons/apple-touch-icon-72x72.png?v=1">
<link rel="apple-touch-icon" sizes="76x76" href="/images/icons/apple-touch-icon-76x76.png?v=1">
<link rel="apple-touch-icon" sizes="114x114" href="/images/icons/apple-touch-icon-114x114.png?v=1">
<link rel="apple-touch-icon" sizes="120x120" href="/images/icons/apple-touch-icon-120x120.png?v=1">
<link rel="apple-touch-icon" sizes="144x144" href="/images/icons/apple-touch-icon-144x144.png?v=1">
<link rel="apple-touch-icon" sizes="152x152" href="/images/icons/apple-touch-icon-152x152.png?v=1">
<link rel="apple-touch-icon" sizes="180x180" href="/images/icons/apple-touch-icon-180x180.png?v=1">
<link rel="icon" type="image/png" sizes="32x32" href="/images/icons/favicon-32x32.png?v=1">
<link rel="icon" type="image/png" sizes="192x192" href="/images/icons/android-chrome-192x192.png?v=1">
<link rel="icon" type="image/png" sizes="16x16" href="/images/icons/favicon-16x16.png?v=1">
<link rel="manifest" href="/images/icons/site.webmanifest?v=1">
<link rel="mask-icon" href="/images/icons/safari-pinned-tab.svg?v=1" color="#e0115f">
<link rel="shortcut icon" href="/favicon.ico?v=1">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="msapplication-TileImage" content="/images/icons/mstile-144x144.png?v=1">
<meta name="msapplication-config" content="/browserconfig.xml?v=1">
<meta name="theme-color" content="#e0115f">

<!-- Favicon -->
<link rel="icon" type="image/x-icon" href="/favicon.ico">
<link rel="apple-touch-icon" sizes="180x180" href="/images/icons/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/images/icons/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/images/icons/favicon-16x16.png">
<link rel="manifest" href="/images/icons/site.webmanifest">
5 changes: 3 additions & 2 deletions _includes/navigation.html
Original file line number Diff line number Diff line change
@@ -1,6 +1,8 @@
<nav class="navbar navbar-mruby" role="navigation">
<div class="navbar-header">
<a href="/"><img src="/images/mruby_header.png" alt="mruby" title="mruby"></a>
<a href="/">
<img src="/images/mruby_header.png" alt="mruby" title="mruby" width="214" height="90">
</a>
</div>

<div>
Expand Down Expand Up @@ -30,5 +32,4 @@
</form>
-->
</div>

</nav>
2 changes: 1 addition & 1 deletion _layouts/default.html
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<!DOCTYPE html>
<html>
<html lang="en">
<head>
{% include header.html %}
</head>
Expand Down
2 changes: 1 addition & 1 deletion _layouts/post.html
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
<!DOCTYPE html>
<html>
<html lang="en">
<head>
{% include header.html %}
</head>
Expand Down
2 changes: 2 additions & 0 deletions browserconfig.xml
Original file line number Diff line number Diff line change
@@ -0,0 +1,2 @@
<?xml version="1.0" encoding="utf-8"?>
<browserconfig><msapplication><tile><square70x70logo src="/images/icons/ms-icon-70x70.png"/><square150x150logo src="/images/icons/ms-icon-150x150.png"/><square310x310logo src="/images/icons/ms-icon-310x310.png"/><TileColor>#e0115f</TileColor></tile></msapplication></browserconfig>
Binary file modified favicon.ico
Binary file not shown.
Binary file added images/icons/android-chrome-144x144.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/icons/android-chrome-256x256.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/icons/android-chrome-36x36.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/icons/android-chrome-48x48.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/icons/android-chrome-72x72.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/icons/android-chrome-96x96.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/icons/apple-touch-icon-114x114.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/icons/apple-touch-icon-120x120.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/icons/apple-touch-icon-144x144.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/icons/apple-touch-icon-152x152.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/icons/apple-touch-icon-180x180.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/icons/apple-touch-icon-57x57.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/icons/apple-touch-icon-60x60.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/icons/apple-touch-icon-72x72.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/icons/apple-touch-icon-76x76.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified images/icons/apple-touch-icon.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified images/icons/favicon-16x16.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file modified images/icons/favicon-32x32.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/icons/favicon-96x96.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/icons/maskable-icon.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/icons/ms-icon-144x144.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/icons/ms-icon-150x150.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/icons/ms-icon-310x310.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/icons/ms-icon-70x70.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
1 change: 1 addition & 0 deletions images/icons/safari-pinned-tab.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
51 changes: 48 additions & 3 deletions images/icons/site.webmanifest
Original file line number Diff line number Diff line change
Expand Up @@ -2,12 +2,57 @@
"name":"mruby Lightweight Ruby",
"short_name":"mruby",
"icons":[
{"src":"/images/icons/android-chrome-192x192.png","sizes":"192x192","type":"image/png"},
{"src":"/images/icons/android-chrome-512x512.png","sizes":"512x512","type":"image/png"}],
{
"src": "/images/icons/android-chrome-36x36.png?v=1",
"sizes": "36x36",
"type": "image/png"
},
{
"src": "/images/icons/android-chrome-48x48.png?v=1",
"sizes": "48x48",
"type": "image/png"
},
{
"src": "/images/icons/android-chrome-72x72.png?v=1",
"sizes": "72x72",
"type": "image/png"
},
{
"src": "/images/icons/android-chrome-96x96.png?v=1",
"sizes": "96x96",
"type": "image/png"
},
{
"src": "/images/icons/android-chrome-144x144.png?v=1",
"sizes": "144x144",
"type": "image/png"
},
{
"src":"/images/icons/android-chrome-192x192.png?v=1",
"sizes":"192x192",
"type":"image/png"
},
{
"src": "/images/icons/android-chrome-256x256.png?v=1",
"sizes": "256x256",
"type": "image/png"
},
{
"src":"/images/icons/android-chrome-512x512.png?v=1",
"sizes":"512x512",
"type":"image/png"
},
{
"src": "/images/icons/maskable-icon.png?v=1",
"sizes": "196x196",
"type": "image/png",
"purpose": "any maskable"
}],
"theme_color":"#e0115f",
"background_color":"#ffffff",
"display":"standalone",
"start_url": "/?source=pwa",
"scope": "/",
"orientation":"portrait"
"orientation":"portrait",
"lang":"en"
}
2 changes: 1 addition & 1 deletion index.html
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,7 @@

<div class="row clearfix">
<div class="col-md-12 column mruby-is">
<img src="/images/mruby_logo_red_icon.png"/>
<img src="/images/mruby_logo_red_icon.png" alt="mruby" title="mruby" width="300" height="300">
<p>
mruby is the lightweight implementation of the <a href="https://www.ruby-lang.org">Ruby language</a> complying with part of the <a href="http://www.iso.org/iso/iso_catalogue/catalogue_tc/catalogue_detail.htm?csnumber=59579">ISO standard</a>. mruby can be linked and embedded within your application.
</p>
Expand Down
1 change: 1 addition & 0 deletions robots.txt
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
User-agent: * Disallow:

0 comments on commit 77b78d5

Please sign in to comment.