{% extends "aacore/base.html" %}

{% block body %}
<section id="content">
    {% for post in posts %}
        <section class="box annotation" data-url="">
            {% if post.photos.all %}
                {% for photo in post.photos.all %}
                <img src="{{ photo.url }}" alt={{ photo.caption }} title={{ photo.caption }} />
                {% endfor %}
            {% endif %}

            {{ post.body|safe }}
            {{ post.caption|safe }}
            {{ post.text|safe }}
             

            <dl>
                {% if post.source %}
                    <dt class="source">Source</dt> 
                    <dd>{{ post.source|safe }}</dd>
                {% endif %}

                {% if post.tags.all %}
                    <dt>Tags</dt>
                    {% for tag in post.tags.all %}
                        <dd>{{ tag }}</dd>
                    {% endfor %}
                {% endif %}

                <p>
                    <a href="{{ post.post_url }}">
                        Posted by {{ post.blog_name }}
                        on <date>{{ post.date }}</date>
                    </a>
                </p>

            </dl>
        </section>
    {% endfor %}
</section>
{% endblock %}