{% extends "layout.html" %}
{% block ogpdesc %}{{ this.shortbody }}{% endblock %}
{% block ogptitle %}{{ this.title }} | Queerscriptors{% endblock %}
{% block twitterdesc %}{{ this.shortbody }}{% endblock %}
{% block twittertitle %}{{ this.title }} | Queerscriptors{% endblock %}
{% block page %}
{% include 'header.html' %}
<div class="container my-5 pt-5">
  <h1 class="my-4">{{this.title}}</h1>
  <div class="row">
    <div class="col-md-8">
      <img class="img-fluid" src="{{this.attachments.images.first()|url}}" alt="">
    </div>
    <div class="col-md-4">
      <h3 class="my-3">{{ _("Game Description") }}</h3>
      {{this.body}}
      <div class="w-100 text-center mb-5">
        <div class="mx-auto">
          <a href="{{this.website}}" class="btn btn-primary"><i class="fa fa-external-link" aria-hidden="true"></i> {{ _("Download") }}</a>
        </div>
      </div>
      {% if this.weblate %}
      <h3 class="my-3">{{ _("Weblate status") }}</h3>
      <a href="https://littleroot.net/weblate/engage/{{ this.weblate }}/{% if this.alt != "en" %}{{this.alt}}/{% endif %}">
        <img src="https://littleroot.net/weblate/widgets/{{ this.weblate }}/{% if this.alt != "en" %}{{this.alt}}{% else %}-{% endif %}/multi-auto.svg" alt="Translation status">
      </a>
      <div class="mt-3 text-center">
        <a href="https://littleroot.net/weblate/engage/{{ this.weblate }}/{% if this.alt != "en" %}{{this.alt}}/{% endif %}" class="btn btn-primary mb-2"><i class="fa fa-language" aria-hidden="true"></i> {{ _("Translate") }}</a>
      </div>
      {% endif %}
    </div>
  </div>
</div>
{% endblock %}