{{/* need to reload after "watch/unwatch" or "star/unstar" fetch actions */}}
<div class="user-cards" id="user-cards-container" data-fetch-trigger="fetch-reload">
	{{if .CardsTitle}}
	<h2 class="ui dividing header">
		{{.CardsTitle}}
	</h2>
	{{end}}
	<ul class="list">
		{{range .Cards}}
			<li class="item ui segment">
				<a href="{{.HomeLink}}">
					{{ctx.AvatarUtils.Avatar . 48}}
				</a>
				<h3 class="name"><a href="{{.HomeLink}}">{{.DisplayName}}</a></h3>

				<div class="meta">
					{{if .Website}}
						{{svg "octicon-link"}} <a href="{{.Website}}" target="_blank">{{.Website}}</a>
					{{else if .Location}}
						{{svg "octicon-location"}} {{.Location}}
					{{else}}
						{{svg "octicon-calendar"}} {{ctx.Locale.Tr "user.joined_on" (DateUtils.AbsoluteShort .CreatedUnix)}}
					{{end}}
				</div>
			</li>
		{{end}}
	</ul>

	{{template "base/paginate" .}}
</div>