aboutsummaryrefslogtreecommitdiffstatshomepage
path: root/pages/api/v1/og.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'pages/api/v1/og.tsx')
-rw-r--r--pages/api/v1/og.tsx64
1 files changed, 0 insertions, 64 deletions
diff --git a/pages/api/v1/og.tsx b/pages/api/v1/og.tsx
deleted file mode 100644
index dad6531..0000000
--- a/pages/api/v1/og.tsx
+++ /dev/null
@@ -1,64 +0,0 @@
-import { ImageResponse } from "@vercel/og";
-import { NextRequest } from "next/server";
-
-export const config = {
- runtime: "edge",
-};
-
-export default async function handler(req: NextRequest) {
- try {
- const { searchParams } = new URL(req.url);
- // Redundant fallback alternate tagline
- const title = searchParams.get("title") ?? "Share Environment Variables Securely";
- const subtitle = searchParams.get("subtitle") ?? "EnvShare";
-
- const inter = await fetch(new URL("../../../public/fonts/Inter-SemiBold.ttf", import.meta.url)).then((res) =>
- res.arrayBuffer(),
- );
-
- // TODO: Fix tailwind classes on this route
- return new ImageResponse(
- <div tw='w-[1200px] h-[630px] flex flex-col items-center justify-center text-center'>
- {/* backgroundImage: bg-gradient-to-tr from-zinc-900/50 to-zinc-700/30 */}
- <div
- tw="bg-black w-full h-full flex"
- style={{ backgroundImage: "linear-gradient(to top right, rgba(24,24,27,.5), rgba(63,63,70,.3))" }}
- >
- <div tw="flex flex-col text-3xl tracking-tight text-gray-300 w-full items-center h-full justify-center text-center">
- {/* font-semibold bg-gradient-to-t bg-clip-text from-zinc-100/50 to-white whitespace-pre */}
- <h1
- tw="text-white text-7xl"
- style={{
- color: "transparent",
- paddingLeft: "12rem",
- paddingRight: "12rem",
- backgroundImage: "linear-gradient(to top, rgba(244, 244, 245, .5), rgba(255,255,255,1))",
- backgroundClip: "text",
- }}
- >
- {title}
- </h1>
- <p tw="mt-4 font-bold">{subtitle}</p>
- </div>
- </div>
- </div>,
- {
- height: 630,
- width: 1200,
- emoji: "twemoji",
- fonts: [
- {
- name: "Inter",
- data: inter,
- style: "normal",
- },
- ],
- },
- );
- } catch (e) {
- console.log(`${(e as Error).message}`);
- return new Response("Failed to generate the image", {
- status: 500,
- });
- }
-}