<div class="persona-usercard">
	<a href="{config.relative_path}/user/{userslug}">
		<!-- IF picture -->
		<div class="usercard-picture" style="background-image:url({picture})"></div>
		<!-- ELSE -->
		<div class="usercard-picture" style="background-color: {icon:bgColor};">{icon:text}</div>
		<!-- ENDIF picture -->
	</a>
	<div class="usercard-body">
		<a href="{config.relative_path}/user/{userslug}">
			<span class="usercard-name"><!-- IF fullname -->{fullname}<!-- ELSE -->{username}<!-- ENDIF fullname --></span><br />
			<span class="usercard-username"><!-- IF !banned -->@{username}<!-- ELSE -->[[user:banned]]<!-- ENDIF !banned --></span>
			<!-- IF !banned -->
			<i component="user/status" class="fa fa-circle status {status}" title="[[global:{status}]]"></i>
			<!-- ENDIF !banned -->
		</a>

		<div class="row usercard-info">
			<div class="col-xs-4">
				<small>[[global:posts]]</small>
				<span class="human-readable-number">{postcount}</span>
			</div>
			<div class="col-xs-4">
				<small>[[global:reputation]]</small>
				<span class="human-readable-number">{reputation}</span>
			</div>
			
			<button class="btn-morph fab <!-- IF banned --> hide<!-- ENDIF banned -->">
				<span>
					<span class="s1"></span>
					<span class="s2"></span>
					<span class="s3"></span>
				</span>
			</button>
		</div>
	</div>
</div>