diff --git a/_layouts/default.html b/_layouts/default.html
index 387c42d..d249ff6 100644
--- a/_layouts/default.html
+++ b/_layouts/default.html
@@ -8,6 +8,11 @@
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="theme-color" content="#348fba">
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
+ <link rel="apple-touch-icon" sizes="180x180" href="{{ '/assets/favicon/apple-touch-icon.png' | relative_url }}">
+ <link rel="mask-icon" color="#d87c09" href="{{ '/assets/favicon/safari-pinned-tab.svg' | relative_url }}">
+ <link rel="icon" type="image/png" sizes="32x32" href="{{ '/assets/favicon/favicon-32x32.png' | relative_url }}">
+ <link rel="icon" type="image/png" sizes="16x16" href="{{ '/assets/favicon/favicon-16x16.png' | relative_url }}">
+ <link rel="manifest" href="{{ 'site.webmanifest' | relative_url }}">
<link rel="stylesheet" href="{{ '/assets/css/style.css?v=' | append: timestamp | relative_url }}">
</head>
<body>
@@ -24,7 +29,7 @@
<h2 class="project-tagline">{{ page.subtitle | replace: '%pub', published }}</h2>
{% endif %}
</header>
-
+
<main id="content" class="main-content" role="main">
{% if page.breadcrumbs %}
<nav class="page-breadcrumbs">
@@ -61,7 +66,7 @@
{% if page.commentid %}
<script src="https://utteranc.es/client.js" repo="chylex/Blog" issue-number="{{ page.commentid }}" theme="github-light" crossorigin="anonymous" async></script>
{% endif %}
-
+
<footer class="site-footer">
<span class="site-footer-owner">
<a href="https://chylex.com">My Website</a>
diff --git a/assets/favicon/android-chrome-192x192.png b/assets/favicon/android-chrome-192x192.png
new file mode 100644
index 0000000..0f6fc3c
Binary files /dev/null and b/assets/favicon/android-chrome-192x192.png differ
diff --git a/assets/favicon/apple-touch-icon.png b/assets/favicon/apple-touch-icon.png
new file mode 100644
index 0000000..ed6fed1
Binary files /dev/null and b/assets/favicon/apple-touch-icon.png differ
diff --git a/assets/favicon/favicon-16x16.png b/assets/favicon/favicon-16x16.png
new file mode 100644
index 0000000..07afc38
Binary files /dev/null and b/assets/favicon/favicon-16x16.png differ
diff --git a/assets/favicon/favicon-32x32.png b/assets/favicon/favicon-32x32.png
new file mode 100644
index 0000000..6548c51
Binary files /dev/null and b/assets/favicon/favicon-32x32.png differ
diff --git a/assets/favicon/safari-pinned-tab.svg b/assets/favicon/safari-pinned-tab.svg
new file mode 100644
index 0000000..4007dfa
--- /dev/null
+++ b/assets/favicon/safari-pinned-tab.svg
@@ -0,0 +1,38 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="240.000000pt" height="240.000000pt" viewBox="0 0 240.000000 240.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.14, written by Peter Selinger 2001-2017
+</metadata>
+<g transform="translate(0.000000,240.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M1310 2158 c-72 -28 -91 -40 -100 -64 -8 -21 -14 -24 -33 -18 -12 4
+-62 6 -111 5 -77 -2 -97 -7 -160 -36 -93 -45 -111 -62 -154 -153 -40 -87 -50
+-147 -33 -200 10 -32 9 -46 -8 -101 -28 -85 -26 -110 9 -159 17 -23 30 -48 30
+-56 0 -8 3 -16 8 -18 4 -1 4 -64 0 -138 -7 -133 3 -317 23 -415 5 -28 24 -80
+43 -117 l33 -65 -75 -32 c-41 -18 -127 -62 -191 -98 -64 -37 -136 -77 -161
+-89 -25 -13 -51 -29 -58 -35 -7 -6 -25 -14 -40 -18 -15 -4 -33 -20 -42 -37 -8
+-16 -24 -45 -36 -64 -30 -50 -70 -158 -78 -207 l-6 -43 1115 0 1115 0 0 258 0
+258 -57 16 c-90 26 -144 46 -200 75 -47 25 -56 26 -102 17 -57 -12 -65 -9 -75
+24 -11 35 -45 51 -133 63 -104 15 -109 18 -94 59 6 18 11 47 11 65 0 23 8 37
+30 53 17 13 30 30 30 40 0 10 12 34 26 55 14 21 32 55 41 75 20 49 19 171 -2
+212 -9 17 -13 35 -9 41 3 6 -1 18 -10 28 -16 18 -15 18 22 11 21 -3 44 -10 51
+-15 8 -4 6 3 -4 18 -10 16 -18 55 -21 104 -8 115 -10 128 -18 141 -4 7 -2 12
+4 12 7 0 9 7 6 16 -3 8 -2 12 4 9 17 -10 11 29 -7 55 -14 20 -53 114 -53 128
+0 2 6 0 13 -4 6 -5 0 8 -16 27 -15 18 -36 50 -46 69 -37 67 -113 120 -173 120
+-11 0 -27 8 -36 17 -16 16 -17 15 -20 -1 -3 -16 -8 -14 -32 13 -16 17 -33 31
+-39 31 -5 0 -38 13 -73 30 -53 25 -58 30 -34 30 38 0 31 7 -14 12 -19 3 -46 1
+-60 -4z m367 -159 c15 -6 43 -22 61 -36 66 -50 -18 -47 -100 4 -21 13 -38 25
+-38 28 0 7 82 -24 120 -46 22 -13 30 -15 20 -5 -8 8 -38 27 -65 40 -51 25 -50
+35 2 15z m87 -104 c11 -8 15 -15 10 -15 -6 0 -19 7 -30 15 -10 8 -14 14 -9 14
+6 0 19 -6 29 -14z m-1019 -154 c-8 -49 -25 -44 -25 7 0 28 3 33 10 22 8 -13
+10 -12 10 4 0 11 3 17 6 13 3 -3 3 -24 -1 -46z"/>
+<path d="M1428 2143 c7 -3 16 -2 19 1 4 3 -2 6 -13 5 -11 0 -14 -3 -6 -6z"/>
+<path d="M1890 1331 c0 -6 4 -13 10 -16 6 -3 7 1 4 9 -7 18 -14 21 -14 7z"/>
+<path d="M1870 1306 c0 -2 8 -10 18 -17 15 -13 16 -12 3 4 -13 16 -21 21 -21
+13z"/>
+</g>
+</svg>
diff --git a/favicon.ico b/favicon.ico
new file mode 100644
index 0000000..8bae374
Binary files /dev/null and b/favicon.ico differ
diff --git a/site.webmanifest b/site.webmanifest
new file mode 100644
index 0000000..0157fcb
--- /dev/null
+++ b/site.webmanifest
@@ -0,0 +1,14 @@
+{
+ "name": "The chylex non-periodical",
+ "short_name": "chylex's Blog",
+ "icons": [
+ {
+ "src": "assets/favicon/android-chrome-192x192.png",
+ "sizes": "192x192",
+ "type": "image/png"
+ }
+ ],
+ "theme_color": "#348fba",
+ "background_color": "#348fba",
+ "display": "standalone"
+}