diff options
Diffstat (limited to 'examples/snowpack/src/components/BaseHead.astro')
-rw-r--r-- | examples/snowpack/src/components/BaseHead.astro | 38 |
1 files changed, 38 insertions, 0 deletions
diff --git a/examples/snowpack/src/components/BaseHead.astro b/examples/snowpack/src/components/BaseHead.astro new file mode 100644 index 000000000..a96fc7327 --- /dev/null +++ b/examples/snowpack/src/components/BaseHead.astro @@ -0,0 +1,38 @@ +--- +import Banner from './Banner.astro'; +import Nav from './Nav.astro'; + +export let title: string; +export let description: string; +export let permalink: string; +--- + +<meta charset="utf-8" /> +<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" /> +<link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-touch-icon.png" /> +<link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png" /> +<link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png" /> +<link rel="manifest" href="/favicon/site.webmanifest" /> + +<!-- 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://www.snowpack.dev/img/social-2.jpg" /> + +<!-- 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://www.snowpack.dev/img/social-2.jpg" /> + +<!-- Global Stylesheets --> +<link rel="stylesheet" href="/css/app.css" /> +<link href="https://fonts.googleapis.com/css2?family=Overpass:wght@400;700;900&display=swap" rel="stylesheet" /> |