document.write('<div class="microblog_conversation">');

document.write('	<div class="microblog_post">');
document.write('		<div class="microblog_user">');
document.write('			<img class="microblog_avatar" src="https://avatars.micro.blog/avatars/2024/42/81101.jpg" width="20" height="20" style="max-width: 20px;" />');
document.write('			<span class="microblog_fullname">valerie</span>');
document.write('		</div>');
document.write('		<div class="microblog_text">');	
document.write('			<p> what a lovely little fern 🙂</p>');
document.write('		</div>');
document.write('		<div class="microblog_time">');
document.write('			<a href="https://micro.blog/val/45944949">2024-09-21 10:51 am</a>');
document.write('		</div>');
document.write('	</div>');
document.write('	<div class="microblog_post">');
document.write('		<div class="microblog_user">');
document.write('			<img class="microblog_avatar" src="https://avatars.micro.blog/avatars/2024/26/13140.jpg" width="20" height="20" style="max-width: 20px;" />');
document.write('			<span class="microblog_fullname">David Johnson</span>');
document.write('		</div>');
document.write('		<div class="microblog_text">');	
document.write('			<p><a href="https://micro.blog/val">@val</a> You hit the nail on the head. That’s why I like it, it’s a lovely little fern 🙂</p>');
document.write('		</div>');
document.write('		<div class="microblog_time">');
document.write('			<a href="https://micro.blog/crossingthethreshold/46019158">2024-09-22  5:34 pm</a>');
document.write('		</div>');
document.write('	</div>');


// get parameters from the URL
const post_id = 45936869;
const post_url = "https://www.crossingthethreshold.net/2024/09/20/a-self-seeding.html";
const params = new URLSearchParams(window.location.search);
const token = params.get("token");
const username = params.get("username");

// reset the URL so token isn't visible
const url = new URL(window.location.href);
url.search = "";
history.pushState({}, document.title, url.toString());

document.write(`<form method="POST" class="microblog_reply_form" action="https://micro.blog/account/comments/${post_id}/post">`);

if ((username != null) && (username.length > 0)) {
	document.write(`<p class="microblog_reply_signin">Replying as @${username}:</p>`);
}
else {
	document.write('<p class="microblog_reply_signin">Sign in with <a href="https://micro.blog/account/comments/45936869/mb?url=https://www.crossingthethreshold.net/2024/09/20/a-self-seeding.html">Micro.blog</a>, <a href="https://micro.blog/account/comments/45936869/mastodon?url=https://www.crossingthethreshold.net/2024/09/20/a-self-seeding.html">Mastodon</a>, or <a href="https://micro.blog/account/comments/45936869/bluesky?url=https://www.crossingthethreshold.net/2024/09/20/a-self-seeding.html">Bluesky</a> to reply:</p>');
}

document.write(`<input type="hidden" name="token" value="${token}">`);
document.write(`<input type="hidden" name="username" value="${username}">`);
document.write(`<input type="hidden" name="url" value="${post_url}">`);

if ((username != null) && (username.length > 0)) {
	document.write(`<p class="microblog_reply_textarea"><textarea name="text" rows="4" cols="50"></textarea></p>`);
	document.write(`<p class="microblog_reply_button"><input type="submit" value="Post"></p>`);
}
else {
	document.write(`<p class="microblog_reply_textarea"><textarea name="text" rows="4" cols="50" disabled></textarea></p>`);
	document.write(`<p class="microblog_reply_button"><input type="submit" value="Post" disabled></p>`);
}

document.write('</form>');

document.write('</div>');

