Files
txarli.dev/src/layouts/BlogPost.astro
2022-11-27 22:29:55 -06:00

37 lines
781 B
Plaintext

---
import BaseHead from "../components/BaseHead.astro";
import Header from "../components/Header.astro";
import Footer from "../components/Footer.astro";
import ColorScript from "../components/ColorScript.astro";
const {
content: { title, description, added, updatedDate, heroImage },
} = Astro.props;
---
<html>
<BaseHead title={title} description={description} />
<body>
<Header />
<main>
<article>
{heroImage && <img width={720} height={360} src={heroImage} alt="" />}
<h1 class="article-title">{title}</h1>
{added && <time>{added}</time>}
{
updatedDate && (
<div>
Last updated on <time>{updatedDate}</time>
</div>
)
}
<hr />
<slot />
</article>
</main>
<Footer />
<ColorScript />
</body>
</html>