{% load thumbnail %}
{% load markup %}
<div class="itfInfo">
  {% for s in stories %}
  <span class="orange">Situation: </span><span class="ifInfoInfo">{{ s.text|safe|markdown }}</span>
    {% if s.image %}
        {% thumbnail s.image "164x114" crop="center" as im %}
            <img class="itfInfoImg" src="{{ im.url }}" />
        {% endthumbnail %}
    {% endif %}
  <br />
  {% endfor %}
  <div class="thumbsGallery">
    {% for img in images %}
        {% thumbnail img.image "164x114" crop="center" as im %}
            <img title="{{ img.caption }}" src="{{ im.url }}" class="thumbsDetails" data-bigimage="{{ img.image.url }}"/>
        {% endthumbnail %}
    {% endfor %}
  </div>


  <span class="orange">Law: </span><span class="itfInfoInfo">{{ law|markdown }}</span>
  {% if law_image %}
  {% thumbnail law_image "164x114" crop="center" as im %}
    <img class="itfInfoImg" src="{{ im.url }}" />
  {% endthumbnail %}
  {% endif %}
  <br />
  {% if theatre %}
  <span class="orange">Spotlight on Theatre: </span><span class="itfInfoInfo">{{ theatre|safe|markdown }}</span> <br />
  {% endif %}
  {% if quick_howto %}
  <span class="orange">Best Practices or Quick, Tell Me How to Avoid Conflict! </span><span class="itfInfoInfo">{{ quick_howto|safe|markdown }}</span><br />
  {% endif %}

  {% if links %}
  <span class="orange">Links:</span><br />
      {% for l in links %}
      <a href="{{ l.url }}" class="bpRelated">{{ l.url }}</a> <br />
        {{ l.text|markdown }}
      <br />
      {% endfor %}  
  {% endif %}
</div>