diff options
Diffstat (limited to 'examples/blog/src/components/BaseHead.astro')
| -rw-r--r-- | examples/blog/src/components/BaseHead.astro | 36 |
1 files changed, 36 insertions, 0 deletions
diff --git a/examples/blog/src/components/BaseHead.astro b/examples/blog/src/components/BaseHead.astro new file mode 100644 index 000000000..4905e1b7a --- /dev/null +++ b/examples/blog/src/components/BaseHead.astro @@ -0,0 +1,36 @@ +--- +export interface Props { + title: string; + description: string; + permalink: string; +} +const { title, description, permalink } = Astro.props; +--- + +<meta charset="utf-8" /> +<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" /> + +<link rel="icon" type="image/svg+xml" href="/favicon.svg" /> + +<!-- Primary Meta Tags --> +<title>{title}</title> +<meta name="title" content={title} /> +<meta name="description" content={description} /> + +<!-- Open Graph / Facebook --> +<meta property="og:type" content="website" /> +<meta property="og:url" content={permalink} /> +<meta property="og:title" content={title} /> +<meta property="og:description" content={description} /> +<meta property="og:image" content="https://astro.build/social.jpg?v=1" /> + +<!-- Twitter --> +<meta property="twitter:card" content="summary_large_image" /> +<meta property="twitter:url" content={permalink} /> +<meta property="twitter:title" content={title} /> +<meta property="twitter:description" content={description} /> +<meta property="twitter:image" content="https://astro.build/social.jpg?v=1" /> + +<!-- Fonts --> +<link rel="preconnect" href="https://fonts.gstatic.com" /> +<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono&family=IBM+Plex+Sans:wght@400;700&display=swap"> |