redirecter for ao3 that adds opengraph metadata
veryroundbird.house
1import { ImageResponse } from "next/og"
2import themes from "@/lib/themes.js"
3import Lock from "@/icons/lock.js"
4
5export default async function OGImageLocked ({ theme }) {
6 const themeData = themes[theme]
7 return new ImageResponse(
8 (
9 <div
10 style={{
11 display: "flex",
12 flexDirection: "column",
13 justifyContent: "center",
14 alignItems: "center",
15 color: themeData.color,
16 backgroundColor: themeData.background,
17 fontSize: 24,
18 padding: 20,
19 width: "100%",
20 height: "100%",
21 }}
22 >
23 <Lock bg={themeData.background} fg={themeData.color} width={480} height={480} />
24 </div>
25 )
26 )
27}