diff options
| author | Bertrand Yuan <bert.yuan@outlook.com> | 2025-12-16 00:25:04 +0800 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2025-12-16 00:25:04 +0800 |
| commit | 39c83fbb69ef06d2d56790d75abc254ba7e34394 (patch) | |
| tree | dd006593448c3500bdcb414af3b4656f7a7683d4 /src/app/banner.png/og.tsx | |
| parent | 48b07bc308a35734a6a7a305c8fdccbfa47de7d8 (diff) | |
| parent | 785371bb3eccca455e5ce5fccbe9b6e3752a03f6 (diff) | |
Merge pull request #1 from bertyuan/feat-introduce-payloadv1.0
Feat: introduce payload
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> - ); -} |
