{% 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" >
{% 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" >{{project.title}}</h3>
                  <p class="card-text" >{{project.shortbody}}</p>
                  <div class="position-absolute bottom-0 end-0 mb-2 me-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 %}