wonderfulfrog/wonderfulfrog.com
1
0
Fork 0
Code Issues Pull requests Activity Actions

feat: move games into their own section

Browse source
This commit is contained in:
Devin Haska 2024-11-14 22:32:19 -08:00
parent 6084396e0b
commit fab1780282
35 changed files with 257 additions and 21 deletions
Download patch file Download diff file Expand all files Collapse all files

40
src/_includes/layouts/game.html Normal file
View file

@ -0,0 +1,40 @@
---
layout: "layouts/base"
---
{% from "macros/date.njk" import format %}
{% from "macros/utils.njk" import stars %}
<header class="media-meta-grid gap-1">
<div class="media-image">
<img src="{{ image }}" alt="" />
</div>
<div class="flow flex-col justify-center">
<div class="flex items-center gap-0.5 flex-wrap">
<h2>{{ title }}</h2>
<span class="pill">{{ platform }}</span>
</div>
{% if subtitle %}<h2>{{ subtitle }}</h2>{% endif %}
{{ format(page.date) }}
{% if rating %}{{ stars(rating) }}{% endif %}
<ul class="list-none p-0 mb-0 media-meta-grid gap-0.5">
{% if year %}
<li class="flex-col">
<strong>Released</strong><span>{{ year }}</span>
</li>
{% endif %}
{% if playtime %}
<li class="flex-col">
<strong>Playtime</strong><span>{{ playtime }}</span>
</li>
{% endif %}
{% if pullquote %}
<li class="flex-col meta-grid--full">
<strong>Pullquote</strong><span>{{ pullquote }}</span>
</li>
{% endif %}
</ul>
</div>
</header>
<section class="flow">
{{ content | safe }}
</section>