Deploying to gh-pages from @ 84af7fe 🚀

index.html

@@ -17,9 +17,34 @@
 </script>
 
   <meta charset="UTF-8">
-  <link rel="icon" href="/favicon.ico">
+  <link rel="icon" href="./favicon.ico">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <title>蕃茄鐘</title>
+<meta name="theme-color" content="#ff0000">
+
+<link rel="icon" type="image/png" href="./favicon-96x96.png" sizes="96x96" />
+<link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+<link rel="shortcut icon" href="./favicon.ico" />
+<link rel="apple-touch-icon" sizes="180x180" href="./apple-touch-icon.png" />
+<meta name="apple-mobile-web-app-title" content="permodoro" />
+
+<!-- Primary Meta Tags -->
+<title>蕃茄鐘</title>
+<meta name="title" content="蕃茄鐘" />
+<meta name="description" content="就蕃茄鐘" />
+
+<!-- Open Graph / Facebook -->
+<meta property="og:type" content="website" />
+<meta property="og:url" content="https://perper-per.github.io/pomodoro/" />
+<meta property="og:title" content="蕃茄鐘" />
+<meta property="og:description" content="就蕃茄鐘" />
+<meta property="og:image" content="https://perper-per.github.io/pomodoro/tomato.jpg" />
+
+<!-- Twitter -->
+<meta property="twitter:card" content="summary_large_image" />
+<meta property="twitter:url" content="https://perper-per.github.io/pomodoro" />
+<meta property="twitter:title" content="蕃茄鐘" />
+<meta property="twitter:description" content="就蕃茄鐘" />
+<meta property="twitter:image" content="https://perper-per.github.io/pomodoro/tomato.jpg" />
   <script type="module" crossorigin src="./assets/index-BiSQzZmR.js"></script>
   <link rel="stylesheet" crossorigin href="./assets/index-De2ZR9f_.css">
 </head>

site.webmanifest

@@ -0,0 +1,21 @@
+{
+  "name": "permodoro",
+  "short_name": "pomo",
+  "icons": [
+    {
+      "src": "/permicon/web-app-manifest-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "maskable"
+    },
+    {
+      "src": "/permicon/web-app-manifest-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "maskable"
+    }
+  ],
+  "theme_color": "#ec1c24",
+  "background_color": "#f32d0a",
+  "display": "standalone"
+}