70 lines
2.3 KiB
HTML
70 lines
2.3 KiB
HTML
<div
|
|
class="block steam"
|
|
hx-get="/m/steam"
|
|
hx-trigger="every 1m"
|
|
hx-swap="outerHTML"
|
|
hx-headers='{
|
|
"If-Modified-Since": {{ steam.last_updated | int }},
|
|
"If-None-Match": "{{ steam.etag }}"
|
|
}'
|
|
>
|
|
<h2><a href="https://steamcommunity.com/id/risdeveau">Steam</a></h2>
|
|
|
|
{% if steam.caches.recent.data.games %}
|
|
<h3>Recently played:</h3>
|
|
{% for g in steam.caches.recent.data.games %}
|
|
<a href="https://store.steampowered.com/app/{{ g.appid }}" class="block">
|
|
<picture>
|
|
<source media="(max-width: 45rem)" srcset="{{ g.v_cover }}">
|
|
<img src="{{ g.h_cover }}">
|
|
</picture>
|
|
|
|
<div>
|
|
<strong>{{ g.name }}</strong>
|
|
<p>Played last 2 weeks: {{ tmsmp(g.playtime_2weeks*60) }}
|
|
<p>
|
|
Total played:
|
|
{{ tmsmp(g.playtime_linux_forever*60) }} (<abbr title="On Linux">L</abbr>) +
|
|
{{ tmsmp(g.playtime_windows_forever*60) }} (<abbr title="On Windows">W</abbr>) =
|
|
{{ tmsmp(g.playtime_forever*60) }} (<abbr title="Total">T</abbr>)
|
|
</p>
|
|
</div>
|
|
</a>
|
|
{% endfor %}
|
|
<p
|
|
x-data="rtime({{steam.caches.recent.last_updated}})"
|
|
x-text="`Last updated: ${timeString}`"
|
|
></p>
|
|
{% endif %}
|
|
|
|
{% if steam.caches.owned.data.games %}
|
|
<h3>Top played games:</h3>
|
|
{% set owned_games = steam.caches.owned.data.games | sort(attribute="playtime_forever", reverse=true) %}
|
|
{% for g in owned_games[:5] %}
|
|
<a href="https://store.steampowered.com/app/{{ g.appid }}" class="block">
|
|
<picture>
|
|
<source media="(max-width: 45rem)" srcset="{{ g.v_cover }}">
|
|
<img src="{{ g.h_cover }}">
|
|
</picture>
|
|
|
|
<div>
|
|
<strong>{{ g.name }}</strong>
|
|
<p>
|
|
Total played:
|
|
{{ tmsmp(g.playtime_linux_forever*60) }} (<abbr title="On Linux">L</abbr>) +
|
|
{{ tmsmp(g.playtime_windows_forever*60) }} (<abbr title="On Windows">W</abbr>) =
|
|
{{ tmsmp(g.playtime_forever*60) }} (<abbr title="Total">T</abbr>)
|
|
</p>
|
|
{% if g.rtime_last_played != 0 %}
|
|
<p>Last played: {{ utmsmp(g.rtime_last_played) }}</p>
|
|
{% endif %}
|
|
</div>
|
|
</a>
|
|
{% endfor %}
|
|
<p
|
|
x-data="rtime({{steam.caches.owned.last_updated}})"
|
|
x-text="`Last updated: ${timeString}`"
|
|
></p>
|
|
{% endif %}
|
|
</div>
|