---
title: "Home"
order: 1
icon: "M20 20V30h8V12L16 2 4 12V30h8V20Z"
---

<article id="bio">
	{%for article in collections.articles%} {%if article.fileSlug == 'bio'%} {{
	article.content }} {%endif%} {%endfor%}
</article>
<article id="interests">
	{%for article in collections.articles%} {%if article.fileSlug == 'interests'%}
	{{ article.content }} {%endif%} {%endfor%}
	<details open="">
		<summary><h3>Games</h3></summary>
		<ul class="games" role="list">
			{%for item in media-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>
	</details>

<!-- will complete never
	<details open="">
		<summary><h3>Music</h3></summary>
		<ul class="music" role="list">
			{%for item in media-music.items%}
			<li>
				<a href="{{item.src}}">
					<div><img src="/assets/img/media/music/vlc.png" /></div>
					<span>{{item.artist}} - {{item.title}}</span>
				</a>
			</li>
			{%endfor%}
		</ul>
	</details>
-->
	<details open="">
		<summary><h3>Albums</h3></summary>
		<ul class="music" role="list">
			{%for item in media-albums.items%}
			<li>
				<a href="{{item.src}}">
					<div><img src="{{item.cover}}" /></div>
					<span>{{item.artist}} - {{item.title}}</span>
				</a>
			</li>
			{%endfor%}
		</ul>
	</details>
	<details open="">
		<summary><h3>Tracker modules</h3></summary>
		<ul class="music" role="list">
			{%for item in media-modules.items%}
			<li>
				<a href="{{item.src}}">
					<div><img src="/assets/img/media/music/{{item.tracker}}.png" /></div>
					<span>{{item.artist}} - {{item.title}}</span>
				</a>
			</li>
			{%endfor%}
		</ul>
	</details>
	<details open="">
		<summary><h3>Manga</h3></summary>
		<ul class="manga" role="list">
			{%for item in media-manga.items%}
			<li>
				<a href="{{item.src}}">
					<div><img src="{{item.cover}}" /></div>
					<span>{{item.title}}</span>
				</a>
			</li>
			{%endfor%}
		</ul>
	</details>
</article>
<article id="badges">
	<nav>
		<h3>My buttons!</h3>
		<p>Link back to my site, if you'd like! Hotlinking is fine with me.</p>
		<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>
		<p>↓↓↓↓ awesome ↓↓↓↓</p>
		<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>
		<p>↑↑↑↑ awesome ↑↑↑↑</p>
		<h3>Fun!</h3>
		<p>i stole these off the highway</p>
		<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" type="module"></script>
		<script src="/assets/js/fox.js" type="module"></script>
		<script src="/assets/js/bob.js" type="module"></script>
		<script src="/assets/js/piss.js" type="module"></script>
	</nav>
	<div id="pkmn" aria-label="Randomized list of my favorite Pokémon">
		<script src="/assets/js/poke.js" type="module"></script>
	</div>
</article>