Add icons & description

Partially resolves #34 (as the `og:image` is currently not really a "preview" but just the icon of NK2028)
nk2028 · Dec 19, 2024 · 2635a02 · 2635a02
1 parent 5d892be
commit 2635a02
Show file tree

Hide file tree

Showing 8 changed files with 23 additions and 4 deletions.
diff --git a/index.html b/index.html
@@ -1,13 +1,31 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="zh-HK" dir="ltr">
   <head>
     <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no" />
+    <meta
+      name="viewport"
+      content="width=device-width, height=device-height, initial-scale=1, minimum-scale=1, maximum-scale=1, user-scalable=no" />
+
     <title>切韻音系自動推導器</title>
-    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@400;700&family=Noto+Serif+SC:wght@400;700&family=Noto+Serif+TC:wght@400;700&family=Jomolhari&display=swap" />
+    <meta name="description" content="由中古漢語字音資料獲得切韻音系拼音和擬音，並推導後世音系發音和現代方言發音" />
+
+    <meta property="og:type" content="website" />
+    <meta property="og:image" content="https://avatars3.githubusercontent.com/u/63484757?s=400&amp;v=4" />
+
+    <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="stylesheet"
+      href="https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@400;700&family=Noto+Serif+SC:wght@400;700&family=Noto+Serif+TC:wght@400;700&family=Jomolhari&display=swap" />
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/hanamin@latest/HanaMin.min.css" />
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/ayaka14732/syyon-vencie@6b08e67/charissil/CharisSIL.css" />
-    <script defer src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon='{"token": "16ad6c356b37426cb31816318ed5a42d"}'></script>
+    <script
+      defer
+      src="https://static.cloudflareinsights.com/beacon.min.js"
+      data-cf-beacon='{"token": "16ad6c356b37426cb31816318ed5a42d"}'></script>
   </head>
   <body>
     <div id="root"></div>

diff --git a/public/android-chrome-192x192.png b/public/android-chrome-192x192.png
diff --git a/public/android-chrome-512x512.png b/public/android-chrome-512x512.png
diff --git a/public/apple-touch-icon.png b/public/apple-touch-icon.png
diff --git a/public/favicon-16x16.png b/public/favicon-16x16.png
diff --git a/public/favicon-32x32.png b/public/favicon-32x32.png
diff --git a/public/favicon.ico b/public/favicon.ico
diff --git a/public/site.webmanifest b/public/site.webmanifest
@@ -0,0 +1 @@
+{"background_color":"#ffffff","display":"standalone","icons":[{"sizes":"192x192","src":"/tshet-uinh-tools/android-chrome-192x192.png","type":"image/png"},{"sizes":"512x512","src":"/tshet-uinh-tools/android-chrome-512x512.png","type":"image/png"}],"name":"","short_name":"","theme_color":"#ffffff"}
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		{"background_color":"#ffffff","display":"standalone","icons":[{"sizes":"192x192","src":"/tshet-uinh-tools/android-chrome-192x192.png","type":"image/png"},{"sizes":"512x512","src":"/tshet-uinh-tools/android-chrome-512x512.png","type":"image/png"}],"name":"","short_name":"","theme_color":"#ffffff"}