website/_src/pages/home.html

---
title: "Home"
order: 1
icon: "M12 20 L12 30 4 30 4 12 16 2 28 12 28 30 20 30 20 20 Z"
---
<section id="intro">
	{% for article in collections.articles %}
	{{article.content}}
	{% endfor %}
</section>
<section id="collection">
	<article>
		<h3>Games</h3>
	<ul class="games">
		{% for item in games.items %}
		<li>
			<a href="{{item.src}}">
				<div><img src="{{item.cover}}" alt="Box art cover for {{item.title}}"></div>
				<span>{{item.title}}</span>
			</a>
		</li>
		{% endfor %}
	</ul>
</article>
<article>
	<h3>Albums</h3>
	<ul class="music">
		{% for item in music.items %}
		<li>
			<a href="{{item.src}}">
				<div><img src="{{item.cover}}"></div>
				<span>{{item.title}}</span>
			</a>
		</li>
		{% endfor %}
	</ul>
</article>
</section>
<section id="badges">
	<article>
		<nav>
			<h3>My buttons!</h3>
			<ul>
				{% for item in 88x31-mine.items %}
				<li>
					<a href="{{item.src}}" title="{{item.name}}"><img {%if item.id%}id="{{item.id}}" {%endif%}
							src="{{item.button}}" alt="{{item.alt}}"></a>
				</li>
				{% endfor %}
			</ul>
			<h3>Others</h3>
			<ul>
				{% for item in 88x31-others.items %}
				<li>
					<a href="{{item.src}}" title="{{item.name}}"><img {%if item.id%}id="{{item.id}}" {%endif%}
							src="{{item.button}}" alt="{{item.alt}}"></a>
				</li>
				{% endfor %}
			</ul>
			<h3>Critters!</h3>
			<ul>
				{% for item in 88x31-critters.items %}
				<li>
					<a href="{{item.src}}" title="{{item.name}}"><img {%if item.id%}id="{{item.id}}" {%endif%}
							src="{{item.button}}" alt="{{item.alt}}"></a>
				</li>
				{% endfor %}
				<script src="/assets/js/cat.js"></script>
				<script src="/assets/js/fox.js"></script>
			</ul>
		</nav>
		<div id="pkmn" aria-label="Randomized list of my favorite Pokémon"><script src="/assets/js/poke.js"></script></div>

	</article>
</section>