---
import Page from '@layouts/Page.astro';
const { frontmatter } = Astro.props;
---

<Page title={frontmatter.title} description={frontmatter.summary} image={frontmatter.cover}>
<article class="article">
	<header class="meta">
		<div class="container">
			{frontmatter.title && <h1>{frontmatter.title}</h1>}
			{frontmatter.summary && <p>{frontmatter.summary}</p>}
			{frontmatter.published && <time datetime="">{frontmatter.published}</time>}
		</div>
	</header>
	<section class="content">
		<div class="container">
			<slot />
		</div>
	</section>
	<footer class="footnotes">
		<div class="container">
			<h2>Footnotes</h2>
			<ol>
				<li>
					Some notes here.
				</li>
			</ol>
		</div>
	</footer>
</article>
<footer>
	<div class="container">
		<p>This is the end of the article. Maybe I will add some auxiliary stuff here later.</p>
	</div>
</footer>
</Page>