update head html

themes/default/images/favicons/browserconfig.xml

@@ -0,0 +1,10 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+  <msapplication>
+    <tile>
+      <square150x150logo src="/assets/img/favicons/mstile-150x150.png" />
+      <TileColor>#da532c</TileColor>
+    </tile>
+  </msapplication>
+</browserconfig>
+

themes/default/images/favicons/safari-pinned-tab.svg

@@ -0,0 +1,73 @@
+<?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="2048.000000pt" height="2048.000000pt" viewBox="0 0 2048.000000 2048.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.14, written by Peter Selinger 2001-2017
+</metadata>
+<g transform="translate(0.000000,2048.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M9878 20475 c-2 -1 -75 -6 -163 -10 -88 -4 -176 -8 -195 -10 -19 -2
+-73 -6 -120 -10 -112 -8 -137 -11 -315 -31 -43 -4 -121 -14 -170 -20 -25 -3
+-99 -13 -205 -29 -14 -2 -47 -7 -75 -11 -27 -3 -59 -8 -70 -10 -11 -2 -60 -11
+-110 -20 -290 -50 -659 -134 -965 -218 -8 -3 -40 -11 -70 -19 -235 -64 -805
+-260 -995 -342 -16 -7 -100 -42 -185 -78 -85 -36 -198 -84 -250 -108 -117 -53
+-553 -271 -635 -317 -33 -19 -85 -48 -115 -64 -30 -17 -142 -83 -248 -147
+-107 -64 -202 -121 -212 -126 -10 -6 -36 -23 -59 -38 -22 -15 -60 -39 -83 -54
+-24 -16 -45 -31 -48 -34 -3 -3 -15 -11 -28 -18 -70 -37 -521 -365 -692 -504
+-9 -6 -49 -39 -90 -72 -41 -33 -88 -72 -105 -86 -16 -15 -68 -59 -115 -99
+-304 -259 -714 -663 -966 -950 -21 -24 -46 -51 -54 -60 -8 -8 -49 -56 -90
+-105 -41 -50 -78 -92 -81 -95 -29 -22 -420 -533 -509 -665 -19 -27 -38 -54
+-42 -60 -9 -11 -35 -50 -124 -185 -35 -52 -66 -99 -71 -105 -5 -5 -18 -26 -29
+-45 -12 -19 -65 -106 -118 -193 -53 -87 -96 -160 -96 -162 0 -2 -18 -32 -39
+-68 -105 -172 -348 -653 -469 -927 -162 -368 -316 -782 -421 -1130 -17 -58
+-38 -125 -46 -150 -14 -43 -101 -366 -110 -406 -6 -28 -46 -206 -51 -226 -2
+-10 -6 -26 -8 -35 -6 -24 -54 -262 -59 -293 -3 -14 -12 -63 -21 -110 -8 -47
+-18 -101 -20 -120 -3 -20 -7 -47 -10 -60 -3 -14 -8 -45 -11 -70 -3 -25 -7 -54
+-9 -65 -6 -32 -20 -138 -31 -240 -3 -27 -8 -66 -10 -85 -4 -33 -8 -71 -19
+-180 -3 -25 -8 -85 -11 -135 -4 -49 -9 -106 -10 -125 -27 -276 -26 -1086 0
+-1425 23 -293 35 -417 51 -530 3 -22 7 -53 9 -70 2 -16 8 -68 15 -115 19 -138
+25 -176 40 -265 6 -38 18 -102 26 -142 8 -39 17 -88 20 -109 7 -43 4 -32 44
+-214 17 -80 33 -156 36 -170 9 -44 75 -303 95 -369 10 -34 21 -73 23 -85 6
+-33 59 -205 128 -416 229 -702 549 -1403 936 -2050 58 -96 117 -193 132 -215
+15 -22 29 -44 31 -50 5 -13 161 -248 169 -255 3 -3 30 -41 60 -85 47 -71 232
+-321 352 -476 39 -51 199 -247 223 -274 6 -6 35 -40 65 -75 30 -36 57 -67 60
+-70 3 -3 25 -27 49 -55 231 -261 591 -621 846 -846 28 -24 52 -47 55 -50 9 -9
+263 -223 340 -285 183 -148 696 -524 715 -524 3 0 11 -5 18 -10 22 -20 414
+-270 422 -270 1 0 34 -19 71 -42 339 -206 894 -480 1324 -655 229 -93 653
+-246 735 -267 6 -1 48 -14 95 -29 136 -43 283 -86 310 -91 14 -3 75 -19 135
+-36 92 -25 396 -97 485 -114 14 -2 50 -10 80 -16 30 -6 66 -13 80 -16 14 -2
+59 -11 100 -19 41 -7 95 -17 120 -20 25 -3 52 -8 60 -10 14 -4 42 -8 128 -20
+20 -3 48 -8 62 -10 14 -3 48 -7 75 -11 28 -3 61 -7 75 -9 30 -5 97 -13 165
+-20 28 -3 68 -7 90 -10 116 -13 343 -30 545 -42 268 -15 1047 -8 1240 11 19 2
+73 7 120 11 86 6 107 8 215 20 33 3 79 8 103 11 99 10 142 15 237 29 55 8 120
+17 145 20 60 8 208 33 295 50 39 8 81 16 95 18 152 28 188 35 208 41 9 3 31 8
+47 11 17 3 77 16 135 30 58 14 117 28 132 31 37 7 377 100 463 126 607 183
+1108 381 1645 650 216 108 275 138 430 225 30 17 71 39 90 49 19 11 37 22 38
+27 2 4 8 7 13 7 12 0 263 153 449 274 743 484 1458 1095 2035 1741 39 43 79
+88 90 100 11 13 40 47 65 76 25 29 59 69 76 88 122 140 435 550 568 744 177
+257 241 358 457 717 103 172 356 665 459 895 29 66 65 147 80 180 84 186 238
+598 325 865 48 146 70 219 146 480 22 77 111 445 134 555 19 91 66 337 71 365
+3 19 10 62 16 95 10 62 11 68 23 150 9 66 14 105 20 135 4 24 9 66 20 160 3
+25 9 83 15 130 10 91 15 147 26 280 3 47 8 101 10 120 25 260 25 1146 -1 1425
+-4 46 -14 172 -20 260 -3 33 -7 74 -10 90 -3 17 -8 57 -11 90 -10 101 -24 220
+-29 247 -2 9 -6 38 -10 65 -4 26 -9 59 -11 73 -2 14 -6 43 -9 65 -3 22 -8 54
+-12 70 -3 17 -7 40 -9 52 -2 21 -16 101 -19 113 -1 3 -5 28 -10 55 -5 28 -9
+52 -10 55 -1 3 -4 19 -8 35 -3 17 -18 86 -33 155 -31 145 -29 136 -38 175 -48
+198 -90 369 -101 405 -8 25 -28 95 -45 155 -34 117 -96 317 -109 350 -4 11
+-18 52 -31 90 -70 212 -223 606 -316 811 -179 396 -341 715 -516 1012 -87 149
+-282 466 -301 487 -4 6 -27 39 -50 74 -23 34 -49 73 -57 86 -65 97 -382 531
+-400 545 -3 3 -43 52 -89 110 -46 58 -87 107 -90 110 -4 3 -26 30 -51 60 -46
+56 -60 72 -169 195 -187 210 -527 557 -706 720 -49 44 -93 85 -99 90 -6 6 -45
+39 -86 75 -41 36 -77 67 -80 71 -10 11 -248 207 -340 280 -127 102 -383 290
+-500 370 -52 35 -97 66 -100 69 -16 17 -439 286 -525 334 -16 9 -48 28 -70 41
+-252 155 -849 452 -1187 591 -62 25 -126 52 -143 59 -16 8 -61 25 -100 39 -38
+15 -79 30 -90 36 -87 40 -666 230 -870 285 -145 39 -362 94 -385 98 -14 3 -43
+10 -65 15 -22 6 -51 13 -65 16 -14 3 -90 19 -170 36 -80 16 -199 39 -265 50
+-66 12 -133 23 -150 26 -34 6 -29 6 -185 28 -63 9 -133 19 -155 22 -22 2 -56
+6 -75 9 -19 2 -60 7 -90 10 -30 3 -66 8 -80 10 -14 2 -63 7 -110 11 -47 4 -98
+8 -115 10 -16 1 -82 6 -145 9 -63 4 -131 9 -150 11 -39 5 -907 14 -912 9z"/>
+</g>
+</svg>

themes/default/images/favicons/site.webmanifest

@@ -0,0 +1,23 @@
+
+
+{
+  "name": "ZhgChgLi",
+  "short_name": "ZhgChgLi",
+  "description": "ZhgChgLi iOS Developer 求知若渴 教學相長 更愛電影/美劇/西音/運動/生活",
+  "icons": [
+    {
+      "src": "/assets/img/favicons/android-chrome-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "/assets/img/favicons/android-chrome-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    }],
+  "start_url": "/index.html",
+  "theme_color": "#2a1e6b",
+  "background_color": "#ffffff",
+  "display": "fullscreen"
+}
+

themes/default/index.html

@@ -4,6 +4,41 @@
   <meta charset="UTF-8" />
   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
   <title>{{ title }}</title>
+
+  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
+  <meta name="theme-color" media="(prefers-color-scheme: light)" content="#f7f7f7">
+  <meta name="theme-color" media="(prefers-color-scheme: dark)" content="#1b1b1e">
+  <meta name="apple-mobile-web-app-capable" content="yes">
+  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent">
+  <meta
+    name="viewport"
+    content="width=device-width, user-scalable=no initial-scale=1, shrink-to-fit=no, viewport-fit=cover"
+  >
+
+  <meta property="og:title" content="{{ title }}" />
+  <meta name="author" content="{{ name }}" />
+  <meta property="og:locale" content="en" />
+  <meta name="description" content="{{ tagline }}" />
+  <meta property="og:description" content="{{ tagline }}" />
+  <meta property="og:site_name" content="{{ title }}" />
+  <meta property="og:image" content="{{ avatar }}" />
+  <meta property="og:type" content="article" />
+  <meta name="twitter:card" content="summary_large_image" />
+  <meta property="twitter:image" content="{{ avatar }}" />
+  <meta property="twitter:title" content="{{ title }}" />
+
+  <link rel="apple-touch-icon" sizes="180x180" href="./images/favicons/apple-touch-icon.png">
+  <link rel="icon" type="image/png" sizes="32x32" href="./images/favicons/favicon-32x32.png">
+  <link rel="icon" type="image/png" sizes="16x16" href="./images/favicons/favicon-16x16.png">
+  <link rel="manifest" href="./images/favicons/site.webmanifest">
+  <link rel="shortcut icon" href="./images/favicons/favicon.ico">
+  <meta name="apple-mobile-web-app-title" content="{{ title }}">
+  <meta name="application-name" content="{{ title }}">
+  <meta name="msapplication-TileColor" content="#da532c">
+  <meta name="msapplication-config" content="./images/favicons/browserconfig.xml">
+  <meta name="theme-color" content="#ffffff">
+
+
   <link rel="stylesheet" href="./styles.css" />
 </head>
 <body>