yay website

_src/pages/home.html

@@ -0,0 +1,75 @@
+---
+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-outgoing.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>