diff options
Diffstat (limited to 'src/app/banner.png/og.tsx')
| -rw-r--r-- | src/app/banner.png/og.tsx | 53 |
1 files changed, 0 insertions, 53 deletions
diff --git a/src/app/banner.png/og.tsx b/src/app/banner.png/og.tsx deleted file mode 100644 index 1a520c0..0000000 --- a/src/app/banner.png/og.tsx +++ /dev/null @@ -1,53 +0,0 @@ -import type { ImageResponseOptions } from 'next/dist/compiled/@vercel/og/types'; -import { ImageResponse } from 'next/og'; -import type { ReactElement } from 'react'; - -interface GenerateProps { - title?: string; - subtitle?: string; -} - -export function generateOGImage( - options: GenerateProps & ImageResponseOptions, -): ImageResponse { - const { title, subtitle, ...rest } = options; - - return new ImageResponse( - generate({ - title, - subtitle, - }), - { - width: 1200, - height: 630, - ...rest, - }, - ); -} - -export function generate({ title = 'John Doe' }: GenerateProps): ReactElement { - return ( - <div - tw='flex h-full w-full bg-black text-white' - style={{ fontFamily: 'Geist Sans' }} - > - <div tw='flex border absolute border-stone-900 border-dashed inset-y-0 left-16 w-[1px]' /> - <div tw='flex border absolute border-stone-900 border-dashed inset-y-0 right-16 w-[1px]' /> - <div tw='flex border absolute border-stone-900 inset-x-0 h-[1px] top-16' /> - <div tw='flex border absolute border-stone-900 inset-x-0 h-[1px] bottom-16' /> - <div tw='flex items-center absolute w-[896px] justify-center inset-32'> - <div - tw='tracking-tight flex-grow-1 flex flex-col justify-center items-center leading-[1.1]' - style={{ - textWrap: 'balance', - fontWeight: 600, - fontSize: title && title.length > 20 ? 64 : 80, - letterSpacing: '-0.04em', - }} - > - {title} - </div> - </div> - </div> - ); -} |
