{{with .Data}}
{{template "header.tmpl" (WithContext .CommonData $.Ctx)}}
<h1>Emojis</h1>

<div class="emoji-list-container">
	{{range .Emojis}}
	<div class="emoji-item-container">
		<div class="emoji-item">
			<img class="emoji" src="{{.URL}}" alt="{{.ShortCode}}" height="32" loading="lazy">
			<span title=":{{.ShortCode}}:" class="emoji-shortcode">:{{.ShortCode}}:</span>
		</div>
	</div>
	{{end}}
</div>

{{template "footer.tmpl"}}
{{end}}