update head html

ZhgChgLi · Oct 27, 2024 · 3e16491 · 3e16491
1 parent 4050434
commit 3e16491
Show file tree

Hide file tree

Showing 13 changed files with 141 additions and 0 deletions.
diff --git a/.DS_Store b/.DS_Store
diff --git a/themes/default/.DS_Store b/themes/default/.DS_Store
diff --git a/themes/default/images/favicons/android-chrome-192x192.png b/themes/default/images/favicons/android-chrome-192x192.png
diff --git a/themes/default/images/favicons/android-chrome-512x512.png b/themes/default/images/favicons/android-chrome-512x512.png
diff --git a/themes/default/images/favicons/apple-touch-icon.png b/themes/default/images/favicons/apple-touch-icon.png
diff --git a/themes/default/images/favicons/browserconfig.xml b/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>
+
diff --git a/themes/default/images/favicons/favicon-16x16.png b/themes/default/images/favicons/favicon-16x16.png
diff --git a/themes/default/images/favicons/favicon-32x32.png b/themes/default/images/favicons/favicon-32x32.png
diff --git a/themes/default/images/favicons/favicon.ico b/themes/default/images/favicons/favicon.ico
diff --git a/themes/default/images/favicons/mstile-150x150.png b/themes/default/images/favicons/mstile-150x150.png
diff --git a/themes/default/images/favicons/safari-pinned-tab.svg b/themes/default/images/favicons/safari-pinned-tab.svg
diff --git a/themes/default/images/favicons/site.webmanifest b/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"
+}
+
diff --git a/themes/default/index.html b/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>