{% extends "layout.html" %}
{% block ogpdesc %}{{ _("A list of queer games") }}{% endblock %}
{% block ogptitle %}{{ _("Games list | Queerscriptors") }}{% endblock %}
{% block twitterdesc %}{{ _("A list of queer games") }} {% endblock %}
{% block twittertitle %}{{ _("Games list | Queerscriptors") }}{% endblock %}
{% block page %}
{% include 'header.html' %}
<div class="container my-5 pt-5" >
  <div class="text-center" >
    <h1>A list of queer games</h1>
  </div>
{% for project in this.children %}
  {% set image = project.attachments.images.first() %}
  <div class="card mt-3">
      <div class="row g-0" >
          <div class="col-md-4" >
              <img src="{{image|url}}" class="img-fluid rounded-start" >
          </div>
          <div class="col-md-8" >
              <div class="card-body h-100 position-relative" >
                <h3 class="card-title {% if project.weblate %}mb-0{% endif %}" >{{project.title}}</h3>{% if project.weblate %}<span class="badge bg-success mb-2">{{ _("Translated by the Queerscriptors") }}</span>{% endif %}
                  {{project.body}}
                  <div class="d-md-inline-block d-grid position-absolute-md bottom-0 end-0 mb-md-2 me-md-2">
                    <a href="{{project|url}}" class="btn btn-primary btn-sm">{{ _("View") }} <i class="fa fa-angle-right" aria-hidden="true"></i></a>
                  </div>
              </div>
          </div>
      </div>
  </div>
{% endfor %}
</div>
{% endblock %}