favicons and such

app/layout.tsx

@@ -23,6 +23,10 @@ const cinzel = Cinzel_Decorative({
 export const metadata: Metadata = {
 	title: 'Tarokka',
 	description: 'Fortune telling for D&D’s Curse of Strahd',
+	appleWebApp: {
+		title: 'Tarokka',
+		statusBarStyle: 'black-translucent',
+	},
 };
 
 export default function RootLayout({

app/manifest.json

@@ -0,0 +1,22 @@
+{
+	"name": "Tarokka",
+	"short_name": "Tarokka",
+	"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": "#000000",
+	"background_color": "#000000",
+	"display": "standalone"
+}
+

middleware.ts

@@ -0,0 +1,25 @@
+import { NextResponse } from 'next/server';
+import type { NextRequest } from 'next/server';
+
+export function middleware(request: NextRequest) {
+	const url = request.nextUrl;
+	const slug = url.pathname.slice(1);
+
+	const blocked = [
+		'apple-icon.png',
+		'favicon.ico',
+		'icon0.svg',
+		'icon1.png',
+		'manifest.json',
+		'opengraph-image.png',
+		'twitter-image.png',
+		'web-app-manifest-192x192.png',
+		'web-app-manifest-512x512.png',
+	];
+
+	if (blocked.includes(slug)) {
+		return NextResponse.rewrite(request.url);
+	}
+
+	return NextResponse.next();
+}