{% extends "base.html" %}

{% block title %}{{object.title}}{% endblock %}
{% block rel-img %}{{object.get_display_url}}{% endblock %}
{% block description %}{{object.description}}{% endblock %}

{% block content %}
<td align="center" valign="top" bgcolor="white" width="565" colspan="2">
  <table width="444" border="0" cellspacing="8" cellpadding="0">
<td colspan="2" valign="top" bgcolor="white" width="565">
  <div style="padding-left:12px; padding-right:12px; padding-top:12px; background:white; ">
    <img src="http://www.penobscotbaypress.com/images/headers/newsfeature542.gif" alt="News Feature" height="32" width="542" border="0"><br>
  <div class="column-1" style="width:60%; float:left; ">

  {% if galleries %}

  <h3>Photo galleries</h3>
    {% for gallery in galleries %}
  <div class="gallery" style="padding-left:12px">
    <span class="paper"><em>{{gallery.published_on|date:"M j, Y"}}</em></span>
    <h3><a href="{{gallery.get_absolute_url}}" alt="{{gallery}}" >{{gallery}}</a></h3>
    <h4>{% if gallery.photographer %}Photos by {{gallery.photographer}}{% endif %}</h4>
    {% load markup typogrify humanize  %}
    <p>
    {% for p in gallery.photos.all %}
    {% if forloop.last %}
    <img style="padding-right:10px; float:left" src="{{p.get_thumbnail_url}}" alt="{{p}}" />
    {% endif %}
    {% endfor %}
    {{gallery.description|typogrify|markdown|truncatewords:25}}
    </p>
    {% if gallery.story_set.all %}
    <p> 
       {% for s in gallery.story_set.all %}
       <a href="{{s.get_absolute_url}}" alt="{{s}}">Related story</a><br />
       {% endfor %}
    </p>
    {% endif %}
  </div>
  <br />
    {% endfor %}
  <p><em><a href="{% url dr-gallery-index %}" alt="Galleries">More galleries</a></em></p>
  {% endif %}

  </div>

  <div class="column-2" style="width:35%; float:left; padding-left:0.7em; margin-left:0.7em; border-left:1px solid #aaa; ">
  {% if movies %}
  {% load convert_tags %}
  <h3>Movies</h3>
  {% for movie in movies %}
  <div class="gallery" style="padding-left:12px">
    <span class="paper"><em>{{movie.published_on|date:"M j, Y"}}</em></span>
    <h3><a href="{{movie.get_absolute_url}}" alt="{{movie}}" >{{movie}}</a></h3>
    {% if movie.photographer %}<h4>Video by {{movie.photographer}}</h4>{% endif %}
    {% load markup typogrify humanize  %}
    <p>
    {% thumbnail movie.preview.url "200" %}
    {{movie.description|typogrify|markdown|truncatewords:40}}
    </p>
    {% if movie.story_set.all %}
    <p> 
       {% for s in movie.story_set.all %}
       <a href="{{s.get_absolute_url}}" alt="{{s}}">Related story</a><br />
       {% endfor %}
    </p>
    {% endif %}
  </div>
    {% endfor %}
  <p><em><a href="{% url dr-movie-index %}" alt="Movies">More movies</a></em></p>
  <br />
  {% endif %}

  {% if photos %}
  <h3>Recent photos</h3>
    {% for photo in photos %}
  <div class="gallery" style="padding-left:12px">
    <span class="paper"><em>{{photo.published_on|date:"M j, Y"}}</em></span>
    <h3><a href="{{photo.get_absolute_url}}" alt="{{photo}}" >{{photo}}</a></h3>
    <h4>{% if photo.photographer %}Photos by {{photo.photographer}}{% endif %}</h4>
    {% load markup typogrify humanize  %}
    <p>
    <img style="padding-right:10px; float:left" src="{{photo.get_thumbnail_url}}" alt="{{photo}}" />
    </p>
    {% if photo.story_set.all %}
    <p> 
       {% for s in photo.story_set.all %}
       <a href="{{s.get_absolute_url}}" alt="{{s}}">Related story</a><br />
       {% endfor %}
    </p>
    {% endif %}
  </div>
  <br />
    {% endfor %}
  <p><em><a href="{% url dr-photo-archive %}" alt="Photos">More photos</a></em></p>
  {% endif %}

  </div>
    <p style="clear:both; margin-top:1em; "><a class="return" href="{% url nr-index %}">Return to the Penobscot Bay Press home page.</a></p>
  </div>
</td>
  </table>				  
</td>
{% endblock %}
