144 lines
3.6 KiB
HTML
144 lines
3.6 KiB
HTML
---
|
|
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}}" alt="Album art cover for {{item.title}}"/></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" alt="{{item.tracker|capitalize}} module"/></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}}" alt="Manga art cover for {{item.alt}}"/></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="sunbun">
|
|
<img
|
|
{%if
|
|
item.id%}id="{{item.id}}"
|
|
{%endif%}
|
|
src="{{item.button}}"
|
|
alt="Sunny's website" />
|
|
</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/fav-poke.js" type="module"></script>
|
|
</div>
|
|
</article>
|