Skip to content

Commit 29c8417

Browse files
author
Pablo Vieira
committed
feat(pwa): site icons and manifest config
1 parent 0b2085c commit 29c8417

19 files changed

+61
-3
lines changed

‎Gemfile‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,5 +1,5 @@
11
source 'https://rubygems.org'
22

3-
gem 'github-pages'
3+
gem 'github-pages', group: :jekyll_plugins
44
gem 'rake'
55
gem 'html-proofer'

‎README.md‎

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -29,6 +29,7 @@ $ bundle exec rake test
2929
## Credits
3030
- Layout from [Jekyll][jekyll] default theme
3131
- Icons by [Font-Awesome][fontawesome]
32+
- Favicons generated with [Real Favicon Generator][favicongenerator]
3233

3334
## License
3435
The **content** is licensed under a [Creative Commons Attribution 4.0 International License][cc-license].
@@ -42,3 +43,4 @@ The **code** is licensed under [MIT Licensed][mit-license].
4243
[mit-license]: http://www.opensource.org/licenses/mit-license.php
4344
[cc-license]: href="http://creativecommons.org/licenses/by/4.0/
4445
[cc-image]: https://i.creativecommons.org/l/by/4.0/88x31.png
46+
[favicongenerator]: https://realfavicongenerator.net

‎_includes/head.html‎

Lines changed: 23 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,14 +1,30 @@
11
<head>
2+
<!-- Common metatags -->
23
<meta charset="utf-8">
3-
<meta http-equiv="X-UA-Compatible" content="IE=edge">
4+
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
45
<meta name="viewport" content="width=device-width, initial-scale=1">
6+
<meta name="robots" content="index, follow">
7+
8+
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
9+
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
10+
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
11+
<link rel="manifest" href="/manifest.json">
12+
<link rel="mask-icon" href="/safari-pinned-tab.svg" color="#bf921e">
13+
<meta name="apple-mobile-web-app-title" content="{{ site.app_name }}">
14+
<meta name="application-name" content="{{ site.app_name }}">
15+
<meta name="theme-color" content="{{ site.meta.theme_color }}">
516

617
{% capture page_title %}{% if page.title %}{{ " &middot; pv8.io" | prepend: page.title }}{% else %}{{ site.title }}{% endif %}{% endcapture %}
718
{% capture page_description %}{% if page.excerpt %}{{ page.excerpt | markdownify | strip_html | strip_newlines | truncate: 160 }}{% else %}{{ site.meta.description }}{% endif %}{% endcapture %}
819
{% capture url %}{{ page.url | replace:'index.html','' | prepend: site.baseurl | prepend: site.url }}{% endcapture %}
920
<title>{{ page_title }}</title>
21+
22+
<meta name="author" content="{{ site.profile.name }}">
23+
<meta name="image" content="{{ site.default_image }}">
1024
<meta name="description" content="{{ page_description }}">
1125
<meta name="keywords" content="{{ site.meta.keywords }}">
26+
<meta name="MobileOptimized" content="320" />
27+
<meta name="HandheldFriendly" content="True" />
1228

1329
<!-- Twitter Cards metatags -->
1430
<meta name="twitter:card" content="summary" />
@@ -24,6 +40,7 @@
2440
<meta name="twitter:url" content="{{ url }}" />
2541

2642
<!-- Open Graph metatags -->
43+
<meta property="og:locale" content="en_US">
2744
<meta property="og:site_name" content="{{ site.title }}" />
2845
<meta property="og:title" content="{{ page_title }}" />
2946
<meta property="og:description" content="{{ page_description }}" />
@@ -46,6 +63,11 @@
4663
<meta property="og:image" content="{{ site.default_image }}" />
4764
{% endif %}
4865

66+
<!-- schema.org metatags -->
67+
<meta itemprop="name" content="{{ site.profile.name }}">
68+
<meta itemprop="description" content="{{ site.meta.description }}">
69+
<meta itemprop="image" content="{{ site.default_image }}">
70+
4971
<link rel="stylesheet" href="{{ "/css/main.css" | prepend: site.baseurl }}">
5072
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">
5173
<link rel="canonical" href="{{ url }}">

‎_includes/header.html‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -5,7 +5,7 @@
55
<a class="site-title" href="{{ site.baseurl }}/">{{ site.title }}</a>
66

77
<nav class="site-nav">
8-
<a href="#" class="menu-icon">
8+
<a href="#" class="menu-icon" alt="Main menu">
99
<svg viewBox="0 0 18 15">
1010
<path fill="#424242" d="M18,1.484c0,0.82-0.665,1.484-1.484,1.484H1.484C0.665,2.969,0,2.304,0,1.484l0,0C0,0.665,0.665,0,1.484,0 h15.031C17.335,0,18,0.665,18,1.484L18,1.484z"/>
1111
<path fill="#424242" d="M18,7.516C18,8.335,17.335,9,16.516,9H1.484C0.665,9,0,8.335,0,7.516l0,0c0-0.82,0.665-1.484,1.484-1.484 h15.031C17.335,6.031,18,6.696,18,7.516L18,7.516z"/>

‎android-chrome-192x192.png‎

5.2 KB
Loading

‎android-chrome-512x512.png‎

13.1 KB
Loading

‎apple-touch-icon-120x120.png‎

3.37 KB
Loading

‎apple-touch-icon-152x152.png‎

4 KB
Loading

‎apple-touch-icon-180x180.png‎

4.65 KB
Loading

‎apple-touch-icon-60x60.png‎

2.14 KB
Loading

0 commit comments

Comments
 (0)