{{with .Data}}
{{template "header.tmpl" (WithContext .CommonData $.Ctx)}}
<div class="page-title"> Emojis </div>

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

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