preliminary work for old theme re-implementation
This commit is contained in:
parent
ee8bce1bd3
commit
8fc7eff67b
41 changed files with 456 additions and 415 deletions
|
|
@ -5,13 +5,14 @@ icon: "M 4 2 L 28 2 L 28 30 L 4 30 Z M 8 8 L 24 8 L 24 6 L 8 6 Z M 8 14 L 24 14
|
|||
L 8 18 Z"
|
||||
---
|
||||
<section id="posts">
|
||||
<ul>
|
||||
<ul role="list">
|
||||
{% for post in collections.posts reversed %}
|
||||
<li>
|
||||
<a href="{{post.url}}"></svg>{{post.fileSlug}}<p>published:<time
|
||||
datetime="{{post.data.date | ISO }}">{{post.data.date
|
||||
| readable }}</time></p>{% if post.data.modified %}<p>last edited:<time
|
||||
datetime="{{post.data.modified}}">{{post.data.modified | readable}}</time></p>{% endif %}
|
||||
<a href="{{post.url}}"></svg>{{post.fileSlug}}
|
||||
<p>published:<time datetime="{{post.data.date|ISO}}">{{post.data.date|readable}}</time></p>
|
||||
{% if post.data.modified %}
|
||||
<p>last edited:<time datetime="{{post.data.modified}}">{{post.data.modified|readable}}</time></p>
|
||||
{%endif%}
|
||||
<p>{{post.data.description}}</p>
|
||||
</a>
|
||||
</li>
|
||||
|
|
|
|||
|
|
@ -4,43 +4,46 @@ order: 4
|
|||
icon: "M 30 26 L 27 26 L 21 14 L 16 23 L 11 17 L 5 26 L 2 26 L 2 2 Q 2 2 10 6 A 1 1 0 0 0 10 13 A 1 1 0 0 0 10 6 L 2 2 L
|
||||
30 2 L 30 26 L 30 30 L 2 30 L 2 26"
|
||||
---
|
||||
|
||||
<section id="artworks">
|
||||
<h2>Original characters</h2>
|
||||
<ul>
|
||||
{% assign sortedArtworks = collections.artworks | sortByFirstDate %}
|
||||
{% for artwork in sortedArtworks %}
|
||||
<li>
|
||||
<a href="{{ artwork.page.url }}">
|
||||
<figure>
|
||||
{% if artwork.data.images[0] %}
|
||||
<img src="{{ artwork.data.images[0].src }}" alt="{{ artwork.data.images[0].alt }}">
|
||||
<figcaption>{{ artwork.page.fileSlug }}</figcaption>
|
||||
{% if artwork.data.images[0].date %}
|
||||
<time datetime="{{ artwork.data.images[0].date | ISO }}">{{ artwork.data.images[0].date | readable }}</time>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
</figure>
|
||||
</a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
<h2>Fan art</h2>
|
||||
<ul>
|
||||
{% assign sortedFanarts = collections.fanarts | sortByFirstDate %}
|
||||
{% for fanart in sortedFanarts %}
|
||||
<li>
|
||||
<a href="{{ fanart.page.url }}">
|
||||
<figure>
|
||||
{% if fanart.data.images[0] %}
|
||||
<img src="{{ fanart.data.images[0].src }}" alt="{{ fanart.data.images[0].alt }}">
|
||||
<figcaption>{{ fanart.page.fileSlug }}</figcaption>
|
||||
{% if fanart.data.images[0].date %}
|
||||
<time datetime="{{ fanart.data.images[0].date | ISO }}">{{ fanart.data.images[0].date | readable }}</time>
|
||||
{% endif %}
|
||||
{% endif %}
|
||||
</figure>
|
||||
</a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</section>
|
||||
<article>
|
||||
<h2>Original characters</h2>
|
||||
<ul role="list">
|
||||
{% assign sortedArtworks = collections.artworks | sortByFirstDate %} {%
|
||||
for artwork in sortedArtworks %}
|
||||
<li>
|
||||
<a href="{{artwork.page.url}}">
|
||||
<figure>
|
||||
{% if artwork.data.images[0] %}
|
||||
<img src="{{artwork.data.images[0].src}}" alt="{{artwork.data.images[0].alt}}" {%if artwork.data.images[0].pixel%} style="image-rendering: pixelated" {%endif%} />
|
||||
<figcaption>{{artwork.page.fileSlug}}</figcaption>
|
||||
{% if artwork.data.images[0].date %}
|
||||
<time datetime="{{artwork.data.images[0].date | ISO}}">{{artwork.data.images[0].date | readable}}</time>
|
||||
{%endif%} {%endif%}
|
||||
</figure>
|
||||
</a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</article>
|
||||
<article>
|
||||
<h2>Fan art</h2>
|
||||
<ul role="list">
|
||||
{% assign sortedFanarts = collections.fanarts | sortByFirstDate %} {% for
|
||||
fanart in sortedFanarts %}
|
||||
<li>
|
||||
<a href="{{fanart.page.url}}">
|
||||
<figure>
|
||||
{% if fanart.data.images[0] %}
|
||||
<img src="{{fanart.data.images[0].src}}" alt="{{fanart.data.images[0].alt}}" />
|
||||
<figcaption>{{fanart.page.fileSlug}}</figcaption>
|
||||
{% if fanart.data.images[0].date %}
|
||||
<time datetime="{{fanart.data.images[0].date | ISO}}">{{fanart.data.images[0].date | readable}}</time>
|
||||
{%endif%} {%endif%}
|
||||
</figure>
|
||||
</a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</article>
|
||||
</section>
|
||||
|
|
|
|||
|
|
@ -3,66 +3,70 @@ 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 id="bio">
|
||||
{% 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="Game icon 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>
|
||||
<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>
|
||||
<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>
|
||||
<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>
|
||||
<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>
|
||||
<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>
|
||||
<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>
|
||||
<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>
|
||||
|
|
@ -70,6 +74,8 @@ icon: "M12 20 L12 30 4 30 4 12 16 2 28 12 28 30 20 30 20 20 Z"
|
|||
<script src="/assets/js/fox.js"></script>
|
||||
<script src="/assets/js/bob.js"></script>
|
||||
</nav>
|
||||
<div id="pkmn" aria-label="Randomized list of my favorite Pokémon"><script src="/assets/js/poke.js"></script></div>
|
||||
<div id="pkmn" aria-label="Randomized list of my favorite Pokémon">
|
||||
<script src="/assets/js/poke.js"></script>
|
||||
</div>
|
||||
</article>
|
||||
</section>
|
||||
</section>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue