---js
{
	pagination: {
		data: "collections.feedPosts",
		size: 1,
		alias: "post",
		addAllPagesToCollections: true
	},
	permalink: "/posts/{{ post.id }}/",
	tags: "posts",
	layout: "base.html",
	eleventyComputed: {
		title: (data) => data.post.title,
		author: (data) => data.post.author,
		link: (data) => data.post.link,
		feedURL: (data) => data.post.feed.url,
		feedId: (data) => data.post.feed.id,
		feedTitle: (data) => data.post.feed.title,
		date: (data) => data.post.date,
		categories: (data) => data.post.feed.categories,
		canonical: (data) => data.post.link
	}
}
---
{% include "_back-nav.html" %}
<div class="wrapper">
	<header>
		<h1><a href="{{ link }}">{{ post.title }}</a></h1>
		{% include "_summary.html", feedId:post.feed.id feedTitle:post.feed.title date:post.date author:post.author %}
	</header>
</div>

<div class="wrapper">
	<main>
		<iframe scrolling="no" id="contentIframe" sandbox="allow-scripts allow-top-navigation-by-user-activation" class="contentIframe" id="contentIframe" width="100%" frameborder="0"></iframe>
	</main>
</div>
<script type="text/javascript" src="/assets/iframe.js"></script>
<script>
	let postContent = {{ post.content | markdownify | json }};
	document.documentElement.addEventListener("trigger-color-scheme", function() {
		rerenderIframe(postContent);
	}, false);


	window.addEventListener('load', () => {
		rerenderIframe(postContent);
	});
</script>