{# -*-jinja2-*- #}
{% extends "layout.html" %}
{% block head %}



{% endblock %}

{% block content %}
<h1>{{post.title}}</h1>
<small> von {{post.author}} </small>
{{post.html |  safe}}

{% if post.links.images |length > 0 %}

<hr/>


<!-- The Gallery as lightbox dialog, should be a document body child element -->
<div id="blueimp-gallery" class="blueimp-gallery">
  <div class="slides"></div>
  <h3 class="title"></h3>
  <a class="prev">‹</a>
  <a class="next">›</a>
  <a class="close">×</a>
  <a class="play-pause"></a>
  <ol class="indicator"></ol>
</div>

<div id="links" class="grid-x">
  {% for d in post.links.images %}
 
  <a id="{{d.url | slug}}" href="{{d.url}}" title="{{d.title}}" class="cell medium-3 small-12 large-2">
    <img src="{{d.thumb_url}}" alt="{{d.title}}" class="img-thumbnail" />
  </a>
 
  {% endfor %}
</div>
{% endif %}



{% endblock %}