mirror of
https://github.com/RYGhub/royalnet.git
synced 2024-12-05 01:04:21 +00:00
49 lines
2.3 KiB
HTML
49 lines
2.3 KiB
HTML
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
|
|
<style>
|
|
@font-face { font-family: "Motiva Sans"; src: url("https://steamcommunity-a.akamaihd.net/public/shared/fonts/MotivaSans-Regular.ttf") format("truetype"); font-style: normal; font-weight: normal; }
|
|
</style>
|
|
<div class="game-panel">
|
|
<div class="game-grid steam">
|
|
<div class="player">
|
|
<a href="http://steamcommunity.com/profiles/{{ record.steam_id }}">
|
|
<img src="{{ record.avatar_url() }}" class="player-image">
|
|
<span class="player-name">{{ record.persona_name }}</span>
|
|
</a>
|
|
</div>
|
|
<div class="buttons">
|
|
<a href="steam://friends/add/{{ record.steam_id }}">
|
|
<div class="button add-friend-button">
|
|
<i class="fas fa-user-plus"></i>
|
|
</div>
|
|
</a>
|
|
<a href="steam://friends/message/{{ record.steam_id }}">
|
|
<div class="button message-button">
|
|
<i class="fas fa-comment-alt"></i>
|
|
</div>
|
|
</a>
|
|
<a href="https://steamdb.info/calculator/{{ record.steam_id }}" target="_blank">
|
|
<div class="button calculator-button">
|
|
<i class="fas fa-calculator"></i>
|
|
</div>
|
|
</a>
|
|
{% if record.trade_token %}
|
|
<a href="{{ record.trade_token }}" target="_blank">
|
|
<div class="button trade-button">
|
|
<i class="fas fa-handshake"></i>
|
|
</div>
|
|
</a>
|
|
{% endif %}
|
|
</div>
|
|
{% if record.most_played_game_id %}
|
|
<a href="https://store.steampowered.com/app/{{ record.most_played_game_id }}/">
|
|
<div class="game-banner">
|
|
<img class="game-image" src="https://steamcdn-a.akamaihd.net/steam/apps/{{ record.most_played_game_id }}/header.jpg" alt="{{ record.most_played_game_id }}" title="Gioco più giocato nelle ultime 2 settimane">
|
|
</div>
|
|
</a>
|
|
{% else %}
|
|
<div class="game-banner">
|
|
<div class="game-image"></div>
|
|
</div>
|
|
{% endif %}
|
|
</div>
|
|
</div>
|