36 lines
1.0 KiB
HTML
36 lines
1.0 KiB
HTML
{% from "lib/section.html" import section %}
|
|
|
|
{% call section(gettext("Games"),
|
|
"games",
|
|
"/img/section-games.png",
|
|
title_picture_offset = "0px",
|
|
title_color = "var(--color-primary)"
|
|
) %}
|
|
{% for game in glob("games/*.md") | map('markdown') %}
|
|
<div class="game">
|
|
<div class="game--picture-wrapper">
|
|
<img
|
|
class="game--picture"
|
|
src="{{ game.meta.picture | load | write }}"
|
|
alt="{{ game.meta.picture_alt }}"
|
|
>
|
|
</img>
|
|
</div>
|
|
<div class="game--title">
|
|
{{ game.meta.title }}
|
|
</div>
|
|
<div class="game--description">
|
|
{{ game }}
|
|
<div class="game--steam-widget">
|
|
<iframe src="{{ game.meta.steam_widget_url }}" frameborder="0" width="646" height="190"></iframe>
|
|
</div>
|
|
<a class="game--steam-button" href="{{ game.meta.website }}" target="_blank">
|
|
<img class="game--link-icon" src="/img/steam-fill.svg" alt-text="{{name}}"></img>
|
|
Learn More
|
|
</a>
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
{% endcall %}
|
|
|