diff options
| author | Pauline <git@ethanlibs.co> | 2024-01-22 04:27:34 +0100 |
|---|---|---|
| committer | Pauline <git@ethanlibs.co> | 2024-01-22 04:27:48 +0100 |
| commit | f0e73cf90005709e20b2f16f63d67d6802af3332 (patch) | |
| tree | 1fb33d1bf14ada662a9cbdea1728c3f031c06ff0 /apps/website/src/layouts | |
| parent | e1f6521a78f5c2a873199fd8cded0bc58ac3aa6e (diff) | |
| download | Nexus-f0e73cf90005709e20b2f16f63d67d6802af3332.tar.gz Nexus-f0e73cf90005709e20b2f16f63d67d6802af3332.tar.bz2 Nexus-f0e73cf90005709e20b2f16f63d67d6802af3332.zip | |
feat(layout): add seo metadata to all pages
Diffstat (limited to 'apps/website/src/layouts')
| -rw-r--r-- | apps/website/src/layouts/BlogPost.astro | 6 | ||||
| -rw-r--r-- | apps/website/src/layouts/Layout.astro | 27 |
2 files changed, 7 insertions, 26 deletions
diff --git a/apps/website/src/layouts/BlogPost.astro b/apps/website/src/layouts/BlogPost.astro index 188aae1..17ff74d 100644 --- a/apps/website/src/layouts/BlogPost.astro +++ b/apps/website/src/layouts/BlogPost.astro @@ -6,18 +6,18 @@ import Layout from './Layout.astro'; type Props = CollectionEntry<'blog'>['data']; -const { title, description, pubDate, updatedDate, heroImage } = Astro.props; +const { title, description, publishDate, updatedDate, coverImage } = Astro.props; --- <Layout title={title} description={description}> <article> <div class="hero-image"> - {heroImage && <img width={1020} height={510} src={heroImage} alt="Hero Image"/>} + {coverImage && <img width={1020} height={510} src={coverImage} alt="Hero Image"/>} </div> <div class="prose"> <div class="title"> <div class="date"> - <FormattedDate date={pubDate}/> + <FormattedDate date={publishDate}/> { updatedDate && ( <div class="last-updated-on"> diff --git a/apps/website/src/layouts/Layout.astro b/apps/website/src/layouts/Layout.astro index f916ee1..b1cde5c 100644 --- a/apps/website/src/layouts/Layout.astro +++ b/apps/website/src/layouts/Layout.astro @@ -1,37 +1,18 @@ --- import Footer from '@components/base/Footer.astro'; -import Favicon from '/media/polyfrost/minimal_bg.svg?url'; import Navbar from '../components/base/navbar/Navbar.astro'; +import BaseHead, { type Props as HeadProps } from '../components/shared/BaseHead.astro'; import '../styles/global.css'; -interface Props { - title?: string; - description?: string; - favicon?: string; -} +export type Props = HeadProps; -const { - title = 'Polyfrost', - description = 'Official website for Polyfrost.', - favicon = Favicon, -} = Astro.props; +const { ...head } = Astro.props; --- <!doctype html> <html lang="en"> <head> - <meta charset="UTF-8"/> - <meta name="description" content={description}/> - <meta name="viewport" content="width=device-width"/> - <link rel="icon" type="image/svg+xml" href={favicon}/> - <meta name="generator" content={Astro.generator}/> - - <link rel="preconnect" href="https://fonts.googleapis.com"/> - <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin/> - <link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet"/> - <link href="https://fonts.googleapis.com/css2?family=Roboto+Mono:ital@0;1&display=swap" rel="stylesheet"/> - - <title>{title}</title> + <BaseHead {...head} /> </head> <body class="bg-gray-50 overflow-x-hidden"> |