{% func RecentChangesHTML(changes []string, n int) %}
<div class="layout">
<main class="main-width recent-changes">
	<h1>Recent Changes</h1>
	<p><a href="/">← Back</a></p>

	<nav class="recent-changes__count">
		See 
	{% for _, m := range []int{20, 0, 50, 0, 100} %}
	{% switch m %}
		{% case 0 %}
		<span aria-hidden="true">|</span>
		{% case n %}
		<b>{%d n %}</b>
		{% default %}
		<a href="/recent-changes/{%d m %}">{%d m %}</a>
	{% endswitch %}
	{% endfor %}
		recent changes
	</nav>

	<p><img class="icon" width="20" height="20" src="https://upload.wikimedia.org/wikipedia/commons/4/46/Generic_Feed-icon.svg">Subscribe via <a href="/recent-changes-rss">RSS</a>, <a href="/recent-changes-atom">Atom</a> or <a href="/recent-changes-json">JSON feed</a>.</p>

	{% comment %}
		Here I am, willing to add some accesibility using ARIA. Turns out,
		role="feed" is not supported in any screen reader as of September
		2020. At least web search says so. Even JAWS doesn't support it!
		How come? I'll add the role anyway. -- bouncepaw
	{% endcomment %}

	<section class="recent-changes__list" role="feed">
	{% if len(changes) == 0 %}
		<p>Could not find any recent changes.</p>
	{% else %}
		{% for i, entry := range changes %}
		<ul class="recent-changes__entry rc-entry" role="article"
		    aria-setsize="{%d n %}" aria-posinset="{%d i %}">
			 {%s= entry %}
		</ul>
		{% endfor %}
	{% endif %}
	</section>
</main>
</div>
{% endfunc %}