overhauled old theme

This commit is contained in:
sundae 2025-10-14 19:40:29 +03:00
parent f18a342ae5
commit fb24c6a302
No known key found for this signature in database
82 changed files with 1378 additions and 1371 deletions

View file

@ -3,7 +3,6 @@ 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%}
@ -12,70 +11,56 @@ icon: "M20 20V30h8V12L16 2 4 12V30h8V20Z"
{%for article in collections.articles%} {%if article.fileSlug == 'interests'%}
{{ article.content }} {%endif%} {%endfor%}
<details open="">
<summary><h3>Games</h3></summary>
<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>
<span><img src="{{item.cover}}" alt="Game icon for {{item.title}}"/></span><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>
<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>
<span><img src="{{item.cover}}" alt="Album art cover for {{item.title}}"/></span><span>{{item.artist}} - {{item.title}}</span>
</a>
</li>
{%endfor%}
</ul>
</details>
<details open="">
<summary><h3>Tracker modules</h3></summary>
<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>
<span><img src="/assets/img/media/music/{{item.tracker}}.png" alt="{{item.tracker|capitalize}} module"/></span><span>{{item.artist}} - {{item.title}}</span>
</a>
</li>
{%endfor%}
</ul>
</details>
<details open="">
<summary><h3>Manga</h3></summary>
<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>
<span><img src="{{item.cover}}" alt="Manga art cover for {{item.alt}}"/></span><span>{{item.title}}</span>
</a>
</li>
{%endfor%}
@ -90,12 +75,13 @@ icon: "M20 20V30h8V12L16 2 4 12V30h8V20Z"
{%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" />
<img
{%if
item.id%}id="{{item.id}}"
{%endif%}
src="{{item.button}}"
alt="Sunny's website"
/>
</a>
</li>
{%endfor%}
@ -106,12 +92,13 @@ icon: "M20 20V30h8V12L16 2 4 12V30h8V20Z"
{%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}}" />
<img
{%if
item.id%}id="{{item.id}}"
{%endif%}
src="{{item.button}}"
alt="{{item.alt}}"
/>
</a>
</li>
{%endfor%}
@ -123,12 +110,13 @@ icon: "M20 20V30h8V12L16 2 4 12V30h8V20Z"
{%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}}" />
<img
{%if
item.id%}id="{{item.id}}"
{%endif%}
src="{{item.button}}"
alt="{{item.alt}}"
/>
</a>
</li>
{%endfor%}
@ -138,7 +126,11 @@ icon: "M20 20V30h8V12L16 2 4 12V30h8V20Z"
<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>
<section>
<h2>Favorite Pokémon</h2>
<p>These are randomized, but I like a lot of them.</p>
<ul id="pkmn" role="list">
<script src="/assets/js/fav-poke.js" type="module"></script>
</ul>
</section>
</article>