Add better favicons

15 files changed, 76 insertions, 1 deletions

diff --git a/static/android-chrome-192x192.png b/static/android-chrome-192x192.png
new file mode 100644
index 0000000..f7c84e3
--- /dev/null
+++ b/static/android-chrome-192x192.png
diff --git a/static/android-chrome-512x512.png b/static/android-chrome-512x512.png
new file mode 100644
index 0000000..8226465
--- /dev/null
+++ b/static/android-chrome-512x512.png
diff --git a/static/apple-touch-icon.png b/static/apple-touch-icon.png
new file mode 100644
index 0000000..6e0926c
--- /dev/null
+++ b/static/apple-touch-icon.png
diff --git a/static/browserconfig.xml b/static/browserconfig.xml
new file mode 100644
index 0000000..2321d2c
--- /dev/null
+++ b/static/browserconfig.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/mstile-150x150.png"/>
+            <TileColor>#00c266</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>
diff --git a/static/favicon-16x16.png b/static/favicon-16x16.png
new file mode 100644
index 0000000..6e3a0ba
--- /dev/null
+++ b/static/favicon-16x16.png
diff --git a/static/favicon-32x32.png b/static/favicon-32x32.png
new file mode 100644
index 0000000..7d6a21a
--- /dev/null
+++ b/static/favicon-32x32.png
diff --git a/static/favicon.ico b/static/favicon.ico
index c9e0694..9d81b4e 100644
--- a/static/favicon.ico
+++ b/static/favicon.ico
diff --git a/static/mstile-144x144.png b/static/mstile-144x144.png
new file mode 100644
index 0000000..f759600
--- /dev/null
+++ b/static/mstile-144x144.png
diff --git a/static/mstile-150x150.png b/static/mstile-150x150.png
new file mode 100644
index 0000000..7045690
--- /dev/null
+++ b/static/mstile-150x150.png
diff --git a/static/mstile-310x150.png b/static/mstile-310x150.png
new file mode 100644
index 0000000..893c6f2
--- /dev/null
+++ b/static/mstile-310x150.png
diff --git a/static/mstile-310x310.png b/static/mstile-310x310.png
new file mode 100644
index 0000000..ae979d7
--- /dev/null
+++ b/static/mstile-310x310.png
diff --git a/static/mstile-70x70.png b/static/mstile-70x70.png
new file mode 100644
index 0000000..557de38
--- /dev/null
+++ b/static/mstile-70x70.png
diff --git a/static/safari-pinned-tab.svg b/static/safari-pinned-tab.svg
new file mode 100644
index 0000000..2ef12aa
--- /dev/null
+++ b/static/safari-pinned-tab.svg
@@ -0,0 +1,39 @@
+<?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="700.000000pt" height="700.000000pt" viewBox="0 0 700.000000 700.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.14, written by Peter Selinger 2001-2017
+</metadata>
+<g transform="translate(0.000000,700.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M4656 5701 c-2 -3 -3 -681 -3 -1506 l0 -1500 -45 -3 c-58 -4 -96 11
+-108 43 -6 15 -10 321 -11 768 -1 681 -3 750 -20 837 -20 104 -57 203 -96 265
+-121 190 -370 224 -522 72 -50 -50 -111 -155 -126 -219 -10 -39 -20 -35 -34
+15 -35 116 -111 218 -194 260 -155 79 -323 40 -428 -98 -21 -28 -39 -56 -39
+-61 0 -5 -7 -17 -14 -26 -11 -15 -13 -1 -12 85 l1 102 -251 1 -251 1 0 -1219
+0 -1218 251 2 251 3 1 920 c0 506 4 943 8 971 14 94 74 165 126 149 49 -15 85
+-79 96 -167 4 -29 7 -464 7 -965 l0 -913 254 0 253 0 1 943 c0 518 3 953 5
+967 9 51 46 111 78 126 64 31 124 -28 144 -141 6 -38 10 -321 10 -770 1 -608
+3 -720 16 -778 46 -196 174 -319 382 -364 66 -14 141 -17 463 -17 l384 -1 2
+805 c1 443 5 825 10 850 9 55 47 158 72 196 51 80 132 126 222 127 144 2 236
+-66 290 -216 38 -103 40 -145 41 -714 0 -533 5 -630 31 -712 48 -149 173 -273
+328 -327 118 -40 198 -48 521 -48 l245 0 3 245 2 246 -227 1 c-126 0 -236 1
+-246 1 -10 1 -32 14 -47 30 l-29 29 -1 568 c-1 602 -2 633 -25 760 -43 236
+-162 444 -311 542 -42 28 -134 65 -195 78 -99 21 -285 2 -374 -38 -111 -50
+-234 -177 -286 -295 -8 -18 -17 -33 -20 -33 -3 0 -5 298 -5 663 1 364 0 667
+-2 674 -3 8 -81 11 -288 11 -156 0 -286 -3 -288 -7z"/>
+<path d="M4 4768 c-2 -3 -4 -114 -3 -245 l1 -239 251 -1 c139 -1 257 -2 263
+-2 8 -1 11 -167 12 -576 1 -625 3 -662 33 -815 32 -159 125 -343 221 -438 162
+-161 471 -196 690 -80 91 48 198 167 249 276 11 23 21 42 23 42 1 0 2 -120 0
+-267 -2 -291 -12 -371 -57 -459 -57 -111 -163 -177 -282 -176 -168 1 -283 98
+-301 256 l-6 51 -287 -1 -286 0 2 -71 c4 -168 98 -371 233 -502 108 -106 266
+-183 420 -207 19 -3 44 -8 54 -11 56 -16 296 -10 416 11 202 36 373 146 507
+326 88 119 139 262 160 455 4 28 6 642 7 1365 l1 1315 -275 0 c-151 1 -282 -1
+-290 -3 -13 -3 -15 -99 -16 -790 0 -433 -3 -809 -7 -837 -14 -114 -53 -208
+-112 -274 -47 -51 -149 -86 -226 -77 -146 18 -218 95 -277 297 -3 13 -9 397
+-12 854 l-5 830 -548 0 c-302 0 -551 -3 -553 -7z"/>
+</g>
+</svg>
diff --git a/static/site.webmanifest b/static/site.webmanifest
new file mode 100644
index 0000000..3921379
--- /dev/null
+++ b/static/site.webmanifest
@@ -0,0 +1,19 @@
+{
+    "name": "Yann's Blog",
+    "short_name": "Yann's Blog",
+    "icons": [
+        {
+            "src": "/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "/android-chrome-512x512.png",
+            "sizes": "512x512",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#00c266",
+    "background_color": "#00c266",
+    "display": "standalone"
+}
diff --git a/themes/ymherklotz/layouts/partials/head.html b/themes/ymherklotz/layouts/partials/head.html
index 85ef53d..af383ed 100644
--- a/themes/ymherklotz/layouts/partials/head.html
+++ b/themes/ymherklotz/layouts/partials/head.html
@@ -8,7 +8,15 @@
   {{ template "_internal/twitter_cards.html" . }}
 
   <link rel="canonical" href="{{ .Permalink }}" />
-  <link rel="icon" href="/favicon.ico" >
+
+  <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
+  <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
+  <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
+  <link rel="manifest" href="/site.webmanifest">
+  <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#5bbad5">
+  <meta name="msapplication-TileColor" content="#00c266">
+  <meta name="theme-color" content="#00c266">
+
   {{ if .Site.Params.katex }}
   <link defer rel="stylesheet" href="{{ .Site.BaseURL }}/katex/katex.min.css">
   <script defer src="{{ .Site.BaseURL }}/katex/katex.min.js"></script>