Basically finishes styling
This commit is contained in:
@@ -3,7 +3,6 @@
|
||||
// all pages through the use of the <BaseHead /> component.
|
||||
import '../styles/global.css';
|
||||
import { SITE_TITLE } from '../consts';
|
||||
import FallbackImage from '../assets/blog-placeholder-1.jpg';
|
||||
import type { ImageMetadata } from 'astro';
|
||||
|
||||
interface Props {
|
||||
@@ -14,7 +13,7 @@ interface Props {
|
||||
|
||||
const canonicalURL = new URL(Astro.url.pathname, Astro.site);
|
||||
|
||||
const { title, description, image = FallbackImage } = Astro.props;
|
||||
const { title, description, image } = Astro.props;
|
||||
---
|
||||
|
||||
<!-- Global Metadata -->
|
||||
@@ -47,11 +46,15 @@ const { title, description, image = FallbackImage } = Astro.props;
|
||||
<meta property="og:url" content={Astro.url} />
|
||||
<meta property="og:title" content={title} />
|
||||
<meta property="og:description" content={description} />
|
||||
{ image &&
|
||||
<meta property="og:image" content={new URL(image.src, Astro.url)} />
|
||||
}
|
||||
|
||||
<!-- Twitter -->
|
||||
<meta property="twitter:card" content="summary_large_image" />
|
||||
<meta property="twitter:url" content={Astro.url} />
|
||||
<meta property="twitter:title" content={title} />
|
||||
<meta property="twitter:description" content={description} />
|
||||
{ image &&
|
||||
<meta property="twitter:image" content={new URL(image.src, Astro.url)} />
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user