pbp_com/templates/darkroom/movie_index.html

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

{% block title %}Video archive | Penobscot Bay Press{% 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; ">
<h1><img src="{{MEDIA_URL}}images/archives/archives_video_header.gif" alt="Video Archives" width="542" height="45"></h1>
   
    <h2 align=center ><a class="return" style="align:center;" href="#slideshows">Skip to our slideshows</a></h2>
    <h2 align=center ><a class="return" style="align:center;" href="{% url nr-archive-index %}">Return to  Archives &amp; Multimedia</a></h2>
  </div>
<p>Subscribe to our YouTube Channel to see our archived videos.
<script src="https://apis.google.com/js/plusone.js"></script>
<div class="g-ytsubscribe" data-channel="PenobscotBayPress" data-layout="full"></div>  <div class="movie" style="padding-left:12px">
</p>
<object width="640" height="360">
  <param name="movie" value="https://www.youtube.com/v/videoseries?listType=user_uploads&list=PenobscotBayPress&version=3"></param>
  <param name="allowFullScreen" value="true"></param>
  <param name="allowScriptAccess" value="always"></param>
  <embed src="https://www.youtube.com/v/videoseries?listType=user_uploads&list=PenobscotBayPress&version=3" type="application/x-shockwave-flash" allowfullscreen="true" allowScriptAccess="always" width="640" height="360"></embed>
</object></div>
{% if movies %}
    {% load convert_tags typogrify markup %}
    {% for movie in movies %}
    {% if forloop.first %}

  <div class="movie" style="padding-left:12px">
    <h3><a href="{{movie.get_absolute_url}}" alt="{{movie}}" >{{movie}}</a></h3>
      {% if movie.preview %}{%thumbnail movie.preview.url "x300" %}{% endif %}
      {% if movie.photographer %}<h4>Video by {{movie.photographer}}</h4>{% endif %}
      {% if movie.description %}<p>{{movie.description|typogrify|markdown}}</p>{% endif %}
    {% if movie.story_set.all %}
    <p> 
       {% for s in movie.story_set.all %}
       <a href="{{s.get_absolute_url}}" alt="{{s}}">Related story</a>
       {% endfor %}
    </p>
    {% endif %}
  </div>
  <hr />
  	{% endif %}
    {% endfor %}
    {% else %}
    <p>Sorry, we don't have any movies at this time. We are currently reorganizing our website and will have all movies restored shortly. Thank you for your paitence.</p>
    {% endif %}

    {% if slideshows %}

    <h1 class="slideshows" id="slideshows">Slideshows</h1>
    {% load convert_tags typogrify markup %}
    {% for slideshow in slideshows %}
  <div class="movie" style="padding-left:12px">
    <h3><a href="{{slideshow.get_absolute_url}}" alt="{{slideshow}}" >{{slideshow}}</a></h3>
      {% if slideshow.preview %}{%thumbnail slideshow.preview.url "x300" %}{% endif %}
      {% if slideshow.photographer %}<h4>Video by {{slideshow.photographer}}</h4>{% endif %}
    {% if slideshow.story_set.all %}
    <p> 
       {% for s in slideshow.story_set.all %}
       <a href="{{s.get_absolute_url}}" alt="{{s}}">Related story</a>
       {% endfor %}
    </p>
    {% endif %}
  </div>
    {% endfor %}
    {% endif %}
  </div>
</td>
  </table>				  
</td>
{% endblock %}