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="bio">
    {% for article in collections.articles %}
        {% if article.fileSlug == 'bio' %}
            {{ article.content }}
        {% endif %}
    {% endfor %}
</section>
<section id="interests">
    {% for article in collections.articles %}
        {% if article.fileSlug == 'interests' %}
            {{ article.content }}
        {% endif %}
    {% endfor %}
</section>
<section id="collection">
	<article>
		<h3>Games</h3>
		<ul class="games" role="list">
			{% for item in games.items %}
			<li>
				<a href="{{item.src}}">
					<div>
						<img src="{{item.cover}}" alt="Game icon for {{item.title}}"/>
					</div>
					<span>{{item.title}}</span>
				</a>
			</li>
			{% endfor %}
		</ul>
	</article>
	<article>
		<h3>Albums</h3>
		<ul class="music" role="list">
			{% 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 role="list">
				{% 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>Critters!</h3>
			<ul role="list">
				{% 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 %}
			</ul>
			<h3>Fun!</h3>
			<ul role="list">
				{% for item in 88x31.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>
			<script src="/assets/js/cat.js"></script>
			<script src="/assets/js/fox.js"></script>
			<script src="/assets/js/bob.js"></script>
			<script src="/assets/js/piss.js"></script>
		</nav>
		<div id="pkmn" aria-label="Randomized list of my favorite Pokémon">
			<script src="/assets/js/poke.js"></script>
		</div>
	</article>
</section>