article_detail.html 5.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115
  1. {% extends "base.html" %}
  2. {% block meta_keywords %}{% for tag in object.story.tags.all %}{{tag}}, {%endfor %}{% endblock %}
  3. {% block meta_title %}{{object.story.web_hed}} {% for e in object.story.edition_set.all %}{%if forloop.first %}{% if e.paper == "Compass" %}| {{e.paper}}{%endif%}{%endif%}{%endfor%} | Penobscot Bay Press{% endblock %}
  4. {% block meta_description %}{{object.story.summary}}{% endblock %}
  5. {% if object.story.lead_photo %}
  6. {% block rel-img %}{{object.story.lead_photo.get_square_url}}{% endblock %}
  7. {% endif %}
  8. {% block title %}{{object.story.web_hed}} | {% for e in object.story.edition_set.all %}{% if forloop.first %}{{e.paper}}{%endif%}{%endfor%} | Penobscot Bay Press {% endblock %}
  9. {% block content %}
  10. {% load markup typogrify humanize %}
  11. <td valign="top" bgcolor="white" width="565" colspan="2">
  12. <div style="padding-left:12px; padding-right:12px; padding-top:12px">
  13. <img src="{{object.group.graphic.url}}" alt="{{object.group}}" height="60" width="468" border="0"><br>
  14. <h1>{{object.group|upper}}</h1>
  15. <p><a href="{{object.group.get_absolute_url}}" alt="{{object.group}}">Return to the {{object.group}} historical archive</a></p>
  16. <p><SPAN Class="teaser">{{object.story.dateline}}</SPAN><br />
  17. <span class="paper">{% for e in object.story.edition_set.all %}{% if forloop.first %}<em>{{e.paper}}</em>, {{object.story.published_on|date:"F j, Y"}}{% endif %}{% endfor %}</span><br/>
  18. <SPAN Class="headline">{{object.story.web_hed|typogrify}}</SPAN>
  19. </p>
  20. {% if object.story.lead_photo or object.story.attached_documents.all %}
  21. <div style="float:right; width:250px; padding-left:25px">
  22. {% endif %}
  23. {% if object.story.lead_photo %}
  24. <p>{% if object.story.lead_photo.gallery_photos.all %}
  25. {% for gallery in object.story.lead_photo.gallery_photos.all %}
  26. {% if forloop.first %}<a href="{{gallery.get_absolute_url}}" alt="{{object.story.lead_photo.title}}" class="cutline">{% endif %}
  27. {% endfor %}
  28. {% else %}
  29. <a href="{{object.story.lead_photo.get_absolute_url}}" alt="{{object.story.lead_photo.title}}" class="cutline">
  30. {% endif %}
  31. <img src="{{object.story.lead_photo.get_square_url}}" alt="{{object.story.lead_photo.title}}" width="250" border="0"><br>
  32. {{object.story.lead_photo.description|urlize|textile|typogrify}}</a>
  33. {% if object.story.lead_photo.photographer %}
  34. By {{object.story.lead_photo.photographer}}<br/>
  35. {% else %}
  36. {% if object.story.lead_photo.courtesy %}
  37. Photo courtesy {{object.story.lead_photo.courtesy}}<br/>
  38. {% endif %}
  39. {% if object.story.lead_photo.file_photo %}
  40. Penobscot Bay Press file photo<br/>
  41. {% endif %}
  42. {% endif %}
  43. </p>
  44. {% if object.story.attached_gallery.all %}
  45. {% for rel_gallery in object.story.attached_gallery.all %}
  46. <a class="gallery_link" href="{{rel_gallery.gallery.get_absolute_url}}" alt="{{rel_gallery}}">View the gallery of photos</a><br>
  47. {% for photo in rel_gallery.gallery.photos.all %}
  48. {% ifnotequal photo object.story.lead_photo %}
  49. <p><a class="cutline" href="{{rel_agllery.gallery.get_absolute_url}}" alt="{{photo.title}}" class="cutline"><img src="{{photo.get_square_url}}" alt="{{photo.title}}" width="250" border="0"><br>
  50. {{photo.description|urlize|textile|typogrify}}</a>
  51. {% if photo.photographer != None %}
  52. By {{photo.photographer}}<br/>
  53. {% endif %}
  54. {% if photo.courtesy %}
  55. Photo courtesy {{photo.courtesy}}<br/>
  56. {% endif %}
  57. {% if photo.file_photo %}
  58. Penobscot Bay Press file photo<br/>
  59. {% endif %}
  60. </p>
  61. {% endifnotequal %}
  62. {% endfor %}
  63. {% endfor %}
  64. {% endif %}
  65. {% endif %}
  66. {% if object.story.attached_documents.all %}
  67. <h3>Documents</h3>
  68. {% for doc in object.story.attached_documents.all %}
  69. <a href="{{doc.document.get_absolute_url}}" alt="{{doc.document}}">
  70. <img src="{{doc.document.preview.path}}" alt="{{doc.document}}">
  71. {{doc.document.description}}
  72. {% endfor %}
  73. {% endif %}
  74. {% if object.story.lead_photo or object.story.attached_document.all %}
  75. </div>
  76. {% endif %}
  77. </div>
  78. <div style="padding-left:12px; padding-right:12px">
  79. <p style="">{% if object.story.authors.all %}<span style="float:left">by {% for author in object.story.authors.all %}{{ author.name }}{% if not forloop.last %}&{% endif %}{% endfor %}</span><br/>{% endif %}
  80. {{object.story.body|urlize|markdown|typogrify}}
  81. </p>
  82. <p><em>This Remember When was brought to you by:</em></p>
  83. <p><a href="{{object.advert.get_absolute_url}}" alt="{{object.advert}}"><img src="{{object.advert.content.url}}" alt="{{object.advert}}"></a></p>
  84. <p><span class="kicker"><strong>Share this page</strong></span>
  85. <!-- AddThis Button BEGIN -->
  86. <div class="addthis_toolbox addthis_default_style ">
  87. <a href="http://www.addthis.com/bookmark.php?v=250&amp;username=penbaypress" class="addthis_button_compact">Share</a>
  88. <span class="addthis_separator">|</span>
  89. <a class="addthis_button_facebook_like" />
  90. <a class="addthis_button_twitter"></a>
  91. <a class="addthis_button_email"></a>
  92. <a class="addthis_button_print"></a>
  93. <a class="addthis_button_googlebuzz"></a>
  94. </div>
  95. <script type="text/javascript">var addthis_config = {"data_track_clickback":true};</script>
  96. <script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=penbaypress"></script>
  97. <!-- AddThis Button END -->
  98. </p>
  99. <p><a class="return" href="{% url nr-index %}">Return to the Penobscot Bay Press home page.</a></p>
  100. <hr size="1">
  101. </div>
  102. </td>
  103. <tr> </tr>
  104. {% endblock %}