```
metadata.layout = "default.html.ejs"
```

<article itemprop="blogPost" itemscope itemtype="https://schema.org/BlogPosting">
	<meta itemprop="mainEntityOfPage" content="https://shadowfacts.net<%= metadata.permalink %>">
	<h1 class="article-title" itemprop="name headline">
		<% if (metadata.htmlTitle) { %>
			<%- metadata.htmlTitle %>
		<% } else { %>
			<%= metadata.title %>
		<% } %>
	</h1>
	<%- include("../includes/article-meta.html.ejs", { metadata }) %>
	<div class="article-content" itemprop="articleBody">
		<% if (metadata.preamble) { %>
			<%- metadata.preamble %>
		<% } %>
		<%- content %>
	</div>
    <details id="comments-container">
		<summary>
			<h2 id="comments-container-title">Comments</h2>
		</summary>
        <p id="comments-info">
			Comments powered by ActivityPub. To respond to this post enter your username and instance below, or copy its URL into the search interface of your client for Mastodon, Pleroma, or other compatible software.
			<a href="/2019/reincarnation/#activity-pub">Learn more</a>.
		</p>
		<form action="/interact" method="POST" id="remote-interact">
			<span>Reply from your instance:</span>
			<% if (metadata.useOldPermalinkForComments) { %>
				<input type="hidden" name="permalink" value="<%= metadata.oldPermalink %>">
			<% } else { %>
				<input type="hidden" name="permalink" value="<%= metadata.permalink %>">
			<% } %>
			<!-- name needs to be exactly that to get the browser to use same completions as mastodon -->
			<input type="text" placeholder="Enter your user@domain" required id="acct" name="remote_follow[acct]">
			<input type="submit" value="Interact">
		</form>
        <noscript>
			<p id="comments-js-warning">
				JavaScript is required to display comments.
			</p>
		</noscript>
	</details>
</article>

<script>
	<% if (metadata.useOldPermalinkForComments) { %>
		const permalink = "<%= metadata.oldPermalink %>";
    <% } else { %>
		const permalink = "<%= metadata.permalink %>";
	<% } %>
</script>
<script src="/js/comments.js" async></script>