diff --git a/apps/web/public/apple-touch-icon.png b/apps/web/public/apple-touch-icon.png new file mode 100644 index 0000000..653b724 Binary files /dev/null and b/apps/web/public/apple-touch-icon.png differ diff --git a/apps/web/public/favicon.ico b/apps/web/public/favicon.ico new file mode 100644 index 0000000..bb38009 Binary files /dev/null and b/apps/web/public/favicon.ico differ diff --git a/apps/web/public/manifest.json b/apps/web/public/manifest.json new file mode 100644 index 0000000..94c19bf --- /dev/null +++ b/apps/web/public/manifest.json @@ -0,0 +1,21 @@ +{ + "name": "CouncilHaus", + "short_name": "CouncilHaus", + "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": "#111827", + "background_color": "#111827", + "display": "standalone" +} diff --git a/apps/web/public/web-app-manifest-192x192.png b/apps/web/public/web-app-manifest-192x192.png new file mode 100644 index 0000000..65d4623 Binary files /dev/null and b/apps/web/public/web-app-manifest-192x192.png differ diff --git a/apps/web/public/web-app-manifest-512x512.png b/apps/web/public/web-app-manifest-512x512.png new file mode 100644 index 0000000..7356402 Binary files /dev/null and b/apps/web/public/web-app-manifest-512x512.png differ diff --git a/apps/web/src/app/root.tsx b/apps/web/src/app/root.tsx index f8c671a..1c2d988 100644 --- a/apps/web/src/app/root.tsx +++ b/apps/web/src/app/root.tsx @@ -25,6 +25,18 @@ import styles from "@repo/ui/globals.css?url"; export function links() { return [ + { + rel: "icon", + href: "/logo-dark.svg", + type: "image/svg+xml", + }, + { rel: "shortcut icon", href: "/favicon.ico" }, + { + rel: "apple-touch-icon", + sizes: "180x180", + href: "/apple-touch-icon.png", + }, + { rel: "manifest", href: "/manifest.json" }, { rel: "stylesheet", href: styles }, { rel: "stylesheet", href: rainbowStyles }, ]; @@ -36,14 +48,6 @@ export const meta: MetaFunction = () => [ title: SITE_NAME, viewport: "width=device-width,initial-scale=1", }, - { - rel: "icon", - href: "/logo-dark.svg", - type: "image/svg+xml", - }, - { rel: "shortcut icon", href: "/favicon.ico" }, - { rel: "apple-touch-icon", sizes: "180x180", href: "/apple-touch-icon.png" }, - { rel: "manifest", href: "/manifest.json" }, { name: "description", content: SITE_DESCRIPTION }, { name: "theme-color", content: "#111827" }, { name: "color-scheme", content: "dark" },