feat: opengraph design
This commit is contained in:
parent
0b430e5d43
commit
c410c499e1
38 changed files with 179 additions and 66 deletions
|
@ -7,23 +7,30 @@ import { SITE } from '@consts'
|
|||
type Props = {
|
||||
title: string
|
||||
description: string
|
||||
image?: string
|
||||
}
|
||||
|
||||
const { title, description } = Astro.props
|
||||
const { title, description, image } = Astro.props
|
||||
---
|
||||
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<Head title={`${title} | ${SITE.TITLE}`} description={description} />
|
||||
<Head
|
||||
title={`${title} | ${SITE.TITLE}`}
|
||||
description={description}
|
||||
image={image}
|
||||
/>
|
||||
</head>
|
||||
<body
|
||||
class="box-border flex h-fit min-h-screen flex-col gap-y-6 bg-background px-4 font-sans text-foreground antialiased"
|
||||
>
|
||||
<Header />
|
||||
<main class="flex-grow">
|
||||
<slot />
|
||||
</main>
|
||||
<Footer />
|
||||
<body>
|
||||
<div
|
||||
class="box-border flex h-fit min-h-screen flex-col gap-y-6 bg-background px-4 font-sans text-foreground antialiased"
|
||||
>
|
||||
<Header />
|
||||
<main class="flex-grow">
|
||||
<slot />
|
||||
</main>
|
||||
<Footer />
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue