<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>
			@auxbtn
		</div>
	</form>
</div>

<form id="rel" class="modal" method="post">
<a href="#0" class="button">close</a><div>
	<menu>@relations</menu>
	<div class="check-panel">
		@circles
	</div>
	<menu class="horizontal choice">
		<button name="act" value="circle" formaction="#">set circles and close</button>
		<button name="act" value="circle" formaction="?go=/conf/circles">set and go to circles</button>
	</menu>
	<details>
		<summary>sanctions</summary>
		<menu>
			@sanctions
			<div class="opt">
				<a class="neg button" href="/@:xid/report">report</a>
				<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>
