Skip to content

Commit a3ed9ef

Browse files
jbamptonjbampton
committed
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 - refs #85 https://webhint.io/docs/user-guide/hints/hint-apple-touch-icons/ https://github.com/jekyll/jekyll-seo-tag
1 parent f64a4cc commit a3ed9ef

24 files changed

+34
-9
lines changed

Diff for: ‎Gemfile

+1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,7 @@
11
source 'https://rubygems.org'
22

33
gem 'github-pages'
4+
gem 'jekyll-seo-tag'
45

56
group :scripts do
67
gem 'mgem'

Diff for: ‎Gemfile.lock

+1
Original file line numberDiff line numberDiff line change
@@ -266,6 +266,7 @@ PLATFORMS
266266
DEPENDENCIES
267267
git
268268
github-pages
269+
jekyll-seo-tag
269270
mgem
270271
yard-coderay
271272
yard-mruby

Diff for: ‎_config.yml

+7-1
Original file line numberDiff line numberDiff line change
@@ -10,7 +10,13 @@ markdown: kramdown
1010
highlighter: rouge
1111
url: https://mruby.org
1212
repository: https://github.com/mruby/mruby.github.io
13-
include: _index.html
13+
include: ['_index.html']
14+
image:
15+
path: /images/mruby_logo_red_icon.png
16+
height: 300
17+
width: 300
18+
plugins:
19+
- jekyll-seo-tag
1420
exclude:
1521
- Gemfile
1622
- Gemfile.lock

Diff for: ‎_includes/header.html

+4-3
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,7 @@
11
<meta charset="utf-8">
2-
2+
<meta name="viewport" content="width=device-width,initial-scale=1">
33
<title>{{ page.title }}</title>
44

5-
{% include icons.html %}
6-
75
<!-- Bootstrap CSS -->
86
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
97

@@ -16,3 +14,6 @@
1614

1715
<!-- Custom CSS -->
1816
<link rel="stylesheet" href="/css/main.css">
17+
18+
{% include icons.html %}
19+
{% seo title=false %}

Diff for: ‎_includes/icons.html

+13-1
Original file line numberDiff line numberDiff line change
@@ -2,7 +2,19 @@
22

33
<!-- Favicon -->
44
<link rel="icon" type="image/x-icon" href="/favicon.ico">
5-
<link rel="apple-touch-icon" sizes="180x180" href="/images/icons/apple-touch-icon.png">
5+
<link rel="apple-touch-icon" href="/images/icons/apple-touch-icon.png">
6+
<link rel="apple-touch-icon" sizes="57x57" href="/images/icons/apple-touch-icon-57x57.png">
7+
<link rel="apple-touch-icon" sizes="72x72" href="/images/icons/apple-touch-icon-72x72.png">
8+
<link rel="apple-touch-icon" sizes="76x76" href="/images/icons/apple-touch-icon-76x76.png">
9+
<link rel="apple-touch-icon" sizes="114x114" href="/images/icons/apple-touch-icon-114x114.png">
10+
<link rel="apple-touch-icon" sizes="120x120" href="/images/icons/apple-touch-icon-120x120.png">
11+
<link rel="apple-touch-icon" sizes="144x144" href="/images/icons/apple-touch-icon-144x144.png">
12+
<link rel="apple-touch-icon" sizes="152x152" href="/images/icons/apple-touch-icon-152x152.png">
13+
<link rel="apple-touch-icon" sizes="180x180" href="/images/icons/apple-touch-icon-180x180.png">
14+
<link rel="icon" type="image/png" sizes="192x192" href="/images/icons/android-icon-192x192.png">
15+
<link rel="icon" type="image/png" sizes="96x96" href="/images/icons/favicon-96x96.png">
616
<link rel="icon" type="image/png" sizes="32x32" href="/images/icons/favicon-32x32.png">
717
<link rel="icon" type="image/png" sizes="16x16" href="/images/icons/favicon-16x16.png">
18+
<meta name="msapplication-TileColor" content="#e0115f">
19+
<meta name="msapplication-TileImage" content="/images/icons/ms-icon-144x144.png">
820
<link rel="manifest" href="/images/icons/site.webmanifest">

Diff for: ‎_includes/navigation.html

+3-1
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,8 @@
11
<nav class="navbar navbar-mruby" role="navigation">
22
<div class="navbar-header">
3-
<a href="/"><img src="/images/mruby_header.png" alt="mruby" title="mruby"></a>
3+
<a href="/">
4+
<img src="/images/mruby_header.png" alt="mruby" title="mruby" width="214" height="90">
5+
</a>
46
</div>
57

68
<div>

Diff for: ‎_layouts/default.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
<!DOCTYPE html>
2-
<html>
2+
<html lang="en">
33
<head>
44
{% include header.html %}
55
</head>

Diff for: ‎_layouts/post.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
<!DOCTYPE html>
2-
<html>
2+
<html lang="en">
33
<head>
44
{% include header.html %}
55
</head>

Diff for: ‎browserconfig.xml

+2
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,2 @@
1+
<?xml version="1.0" encoding="utf-8"?>
2+
<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>

Diff for: ‎images/icons/apple-touch-icon-114x114.png

10.6 KB
Loading

Diff for: ‎images/icons/apple-touch-icon-120x120.png

6.71 KB
Loading

Diff for: ‎images/icons/apple-touch-icon-144x144.png

13.4 KB
Loading

Diff for: ‎images/icons/apple-touch-icon-152x152.png

16.9 KB
Loading

Diff for: ‎images/icons/apple-touch-icon-180x180.png

13.5 KB
Loading

Diff for: ‎images/icons/apple-touch-icon-57x57.png

3.78 KB
Loading

Diff for: ‎images/icons/apple-touch-icon-72x72.png

5.06 KB
Loading

Diff for: ‎images/icons/apple-touch-icon-76x76.png

5.73 KB
Loading

Diff for: ‎images/icons/apple-touch-icon.png

-9.13 KB
Loading

Diff for: ‎images/icons/favicon-96x96.png

7.54 KB
Loading

Diff for: ‎images/icons/ms-icon-144x144.png

12 KB
Loading

Diff for: ‎images/icons/ms-icon-150x150.png

12.5 KB
Loading

Diff for: ‎images/icons/ms-icon-310x310.png

34.3 KB
Loading

Diff for: ‎images/icons/ms-icon-70x70.png

5.39 KB
Loading

Diff for: ‎index.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@
55

66
<div class="row clearfix">
77
<div class="col-md-12 column mruby-is">
8-
<img src="/images/mruby_logo_red_icon.png"/>
8+
<img src="/images/mruby_logo_red_icon.png" alt="mruby" title="mruby" width="300" height="300">
99
<p>
1010
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.
1111
</p>

0 commit comments

Comments
 (0)