{% extends "base.html" %}

{% block title %}
  {{__('Publications')}}
{% endblock %}

{% block content %}

  <div>
    <h1 class="text-5xl mb-12 text-edsgreen uppercase">
      {{ __('Publications') }}
    </h1>

    {% for publication in publications %}

    <div class="bg-edslightgray text-edsgreen shadow-md my-4 py-12 px-10 text-white rounded-lg">
      <p class="text-4xl font-bold">
        {{ publication.title }}
      </p>
      <div class="flex flex-wrap justify-between">
        <div class="flex-1 pt-5">
          <p class="text-3xl w-11/12">
            {{ publication.description | urlize | safe }}
          </p>
        </div>
        <div>
          <img class="-mt-12 mb-8 mx-auto" src="{{ publication.icon }}" style="height: 140px; width: auto">
          <a href="{{ publication.caption or publication.URL }}" target="_blank" class="bg-edsyellow rounded-lg px-8 py-4 text-lg text-edsdarkgreen2 hover:no-underline">
            {{ __('GO TO PUBLICATION') }}</a>
        </div>
      </div>
    </div>

    {% endfor %}
  </div>
{% endblock %}