codeforjapan
diff --git a/‎app/components/Favicon.tsx
+12 b/‎app/components/Favicon.tsx
+12
diff --git a/‎app/root.tsx
+2 b/‎app/root.tsx
+2
diff --git a/‎app/routes/_index.tsx
+4-6 b/‎app/routes/_index.tsx
+4-6
diff --git a/‎public/apple-touch-icon.png
7.95 KB b/‎public/apple-touch-icon.png
7.95 KB
diff --git a/‎public/favicon-96x96.png
4.17 KB b/‎public/favicon-96x96.png
4.17 KB
diff --git a/‎public/favicon.ico
-1.83 KB b/‎public/favicon.ico
-1.83 KB
diff --git a/‎public/favicon.svg
+3 b/‎public/favicon.svg
+3
diff --git a/‎public/site.webmanifest
+21 b/‎public/site.webmanifest
+21
diff --git a/‎public/web-app-manifest-192x192.png
9.79 KB b/‎public/web-app-manifest-192x192.png
9.79 KB
diff --git a/‎public/web-app-manifest-512x512.png
47.5 KB b/‎public/web-app-manifest-512x512.png
47.5 KB
@@ -0,0 +1,12 @@
+// generated with https://realfavicongenerator.net
+
+export const Favicons = () => (
+  <>
+    <link href="/favicon-96x96.png" rel="icon" sizes="96x96" type="image/png" />
+    <link href="/favicon.svg" rel="icon" type="image/svg+xml" />
+    <link href="/favicon.ico" rel="shortcut icon" />
+    <link href="/apple-touch-icon.png" rel="apple-touch-icon" sizes="180x180" />
+    <meta content="BirdXPlorer" name="apple-mobile-web-app-title" />
+    <link href="/site.webmanifest" rel="manifest" />
+  </>
+);
@@ -15,6 +15,7 @@ import {
 import dayjs from "dayjs";
 import customParseFormat from "dayjs/plugin/customParseFormat";
 
+import { Favicons } from "./components/Favicon";
 import { mantineTheme } from "./config/mantine";
 
 dayjs.extend(customParseFormat);
@@ -25,6 +26,7 @@ export function Layout({ children }: { children: React.ReactNode }) {
       <head>
         <meta charSet="utf-8" />
         <meta content="width=device-width, initial-scale=1" name="viewport" />
+        <Favicons />
         <Meta />
         <Links />
         <ColorSchemeScript />
 
@@ -29,16 +29,15 @@ import {
 
 export const meta: MetaFunction = () => {
   return [
-    { title: "BirdXPlorer Viewer" },
+    { title: "BirdXplorer" },
     {
       name: "description",
       content:
-        "BirdXPlorer Viewer is a X community note viewer with search functionality.",
+        "BirdXplorer is software that helps users explore community notes data on X (formerly known as Twitter).",
     },
     {
-      // TODO: 2. サブドメインの紐付けが完了したら外す
       name: "robots",
-      content: "noindex, nofollow",
+      content: "index, follow",
     },
   ];
 };
@@ -47,7 +46,6 @@ export const links: LinksFunction = () => {
   return [
     {
       rel: "canonical",
-      // TODO: 1. サブドメインの紐付けが完了したら必要に応じて URL を差し替える
       href: "https://birdxplorer.code4japan.org",
     },
   ];
@@ -113,7 +111,7 @@ export default function Index() {
     <>
       <header className="border-b border-gray-300">
         <Container className="p-4" size="lg">
-          <h1 className="text-2xl font-bold">BirdXPlorer</h1>
+          <h1 className="text-2xl font-bold">BirdXplorer</h1>
         </Container>
       </header>
       <main>
 
@@ -0,0 +1,21 @@
+{
+  "name": "BirdXPlorer",
+  "short_name": "BirdXPlorer",
+  "icons": [
+    {
+      "src": "/web-app-manifest-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "maskable"
+    },
+    {
+      "src": "/web-app-manifest-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "maskable"
+    }
+  ],
+  "theme_color": "#ffffff",
+  "background_color": "#ffffff",
+  "display": "standalone"
+}