diff options
Diffstat (limited to 'examples/blog-multiple-authors/src/components/MainHead.astro')
| -rw-r--r-- | examples/blog-multiple-authors/src/components/MainHead.astro | 40 |
1 files changed, 20 insertions, 20 deletions
diff --git a/examples/blog-multiple-authors/src/components/MainHead.astro b/examples/blog-multiple-authors/src/components/MainHead.astro index 0bf1ec4b0..ffdc0f1c7 100644 --- a/examples/blog-multiple-authors/src/components/MainHead.astro +++ b/examples/blog-multiple-authors/src/components/MainHead.astro @@ -1,45 +1,45 @@ --- export interface Props { - title: string; - description: string; - image?: string; - type?: string; - next?: string; - prev?: string; - canonicalURL?: string | URL; + title: string; + description: string; + image?: string; + type?: string; + next?: string; + prev?: string; + canonicalURL?: string | URL; } const { title, description, image, type, next, prev, canonicalURL } = Astro.props as Props; --- <!-- Common --> -<meta charset="UTF-8"> +<meta charset="UTF-8" /> <title>{title}</title> -<meta name="description" content={description}> -<link rel="preconnect" href="https://fonts.gstatic.com"> -<link href="https://fonts.googleapis.com/css2?family=Spectral:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet"> +<meta name="description" content={description} /> +<link rel="preconnect" href="https://fonts.gstatic.com" /> +<link href="https://fonts.googleapis.com/css2?family=Spectral:ital,wght@0,400;0,700;1,400;1,700&display=swap" rel="stylesheet" /> <link rel="stylesheet" href={Astro.resolve('../styles/global.css')} /> <!-- Sitemap --> -<link rel="sitemap" href="/sitemap.xml"> +<link rel="sitemap" href="/sitemap.xml" /> <!-- RSS --> -<link rel="alternate" type="application/rss+xml" href="/feed/posts.xml"> +<link rel="alternate" type="application/rss+xml" href="/feed/posts.xml" /> <!-- Favicon --> <link rel="icon" type="image/x-icon" href="/favicon.ico" /> <!-- SEO --> -<link rel="canonical" href={canonicalURL}> +<link rel="canonical" href={canonicalURL} /> {next && <link rel="next" aria-label="Previous Page" href={new URL(next, canonicalURL).href}>} {prev && <link rel="prev" aria-label="Next Page" href={new URL(prev, canonicalURL).href}>} <!-- OpenGraph --> -<meta property="og:title" content={title}> -<meta property="og:description" content={description}> +<meta property="og:title" content={title} /> +<meta property="og:description" content={description} /> {image && (<meta property="og:image" content={new URL(image, canonicalURL)}>)} <!-- Twitter --> -<meta name="twitter:card" content={image ? 'summary_large_image' : 'summary'}> -<meta name="twitter:site" content="@astro"> -<meta name="twitter:title" content={title}> -<meta name="twitter:description" content={description}> +<meta name="twitter:card" content={image ? 'summary_large_image' : 'summary'} /> +<meta name="twitter:site" content="@astro" /> +<meta name="twitter:title" content={title} /> +<meta name="twitter:description" content={description} /> {image && (<meta name="twitter:image" content={image}>)} |