<div class="profile">
	<div class="banner">
		<img class="avatar" src="@:avatar">
		<div class="id">@nym</div>
		<div class="bio">
			@bio
		</div>
	</div>
	<div class="stats">
		<table>
			<tr><th>posts</th>       <th>mutuals</th></tr>
			<tr><td>@nposts</td>     <td>@nmutuals</td></tr>
			<tr><th>following</th>   <th>followers</th></tr>
			<tr><td>@nfollows</td>   <td>@nfollowers</td></tr>
		</table> <table>
			<tr><th>@timephrase</th> <td>@tweetday</td></tr>
		</table>
		<ul class="remarks">@remarks</ul>
	</div>
	<form class="actions" method="post">
		<div>
			<a class="button" href="/@:xid">posts</a>
			<a class="button" href="/@:xid/arc">archive</a>
			<a class="button" href="/@:xid/media">media</a>
			<a class="button" href="/@:xid/social">associates</a>
		</div>
		<div>
			<a class="button" href="#rel">options</a>
			@auxbtn
		</div>
	</form>
</div>

<form id="rel" class="modal" method="post">
<a href="#0" class="button">close</a><div>
	<menu>@relations</menu>
	<details>
		<summary>circles</summary>
		<button name="act" value="encircle">commit</button>
	</details>
	<details>
		<summary>sanctions</summary>
		<menu>
			@sanctions
			<div class="opt">
				<button class="neg" name="act" value="report">report</button>
				<p>if this user is violating instance rules, you can report this behavior to moderation staff and ask them to take action. please do not report users simply because you dislike them; this is what the above options are for.</p>
			</div>
		</menu>
	</details>
</div></form>
