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

{% block og_title %}{{object.title}} | Penobscot Bay Press{% endblock %}
{% block og_url %}{{object.get_absolute_url}}{% endblock %}
{% block og_description %}{{object.description}}{% endblock %}
{% block og_image %}{{object.get_facebook_og_image_url}}{% endblock %}

{% block title %}{{object.title}} | Photo | Penobscot Bay Press{% endblock %}
{% block rel-img %}{{object.get_display_url}}{% endblock %}
{% block meta_keywords %}{% for tag in object.tags.all %}{{tag}}, {%endfor %}{% endblock %}
{% block meta_title %}{{object.title}} |  {% for e in object.edition_set.all %}{%if forloop.first %}{% if e.paper == "Compass" %}| {{e.paper}}{%endif%}{%endif%}{%endfor%}  | Penobscot Bay Press{% endblock %}
{% block meta_description %}{{object.description}}{% endblock %}

{% block content %}
<div style="width:100%; margin:0; padding:0">
	<div class="main_content_left">
	<div style="padding-left:12px; padding-right:12px; padding-top:12px">
		<h2 class="sectionhead_wide">Photo Feature</h2>
		{% for e in object.visitorsedition_set.all %}
			<div align="center">
				<a href="{% url vs-index %}" class="return">Return to the Seasonal Guide Visitor's Portal</a>
			</div>
		{% endfor %}
		<p><span class="headline">{{object.title}}</span></p>
	</div>
	
	{% if object.image.width >= object.image.height %}
	<div style="padding-left:12px; width:756px">
	<div style="float:left; padding-right:14px; padding-bottom:12px; display:table; width:100px">
		<img src="{{object.get_detail_url}}" alt="{{object.title}}" order="0">
	<div style="float:left; clear:both">
		{% load markup typogrify humanize  %}
		<div class="newcutline">{{object.description|urlize|markdown|typogrify}}</div>
		{% if object.photographer %}
			<p class="photobyline">Photo by {{object.photographer}}</p>
		{% endif %}
		{% if object.courtesy %}
			<p class="photobyline">Photo courtesy of {{object.courtesy}}</p>
		{% endif %}
		{% if object.file_photo %}
			<p class="photobyline">Penobscot Bay Press file photo</p>
		{% endif %}
		{% if object.story_set.all %}
			<p class="relatedstory" style="text-align:left"> 
			{% for s in object.story_set.all %}
				<a href="{{s.get_absolute_url}}" alt="{{s}}">Related story</a><br>
			{% endfor %}
			</p>
		{% endif %}
	</div>
	</div>
	</div>	
	{% endif %}
	
	{% if object.image.width < object.image.height %}
	<div style="padding-left:12px; width:756px">
	<div style="float:left; padding-right:14px; padding-bottom:12px; padding-left:12px">
		<img src="{{object.get_detail_url}}" alt="{{photo.title}}" order="0">
	</div>	
	<div style="float:left; padding-top:150px; width:250px">
		{% load markup typogrify humanize  %}
		<div class="newcutline">{{object.description|urlize|markdown|typogrify}}</div>
		{% if object.photographer %}
			<p class="photobyline">Photo by {{object.photographer}}</p>
		{% endif %}
		{% if object.courtesy %}
			<p class="photobyline">Photo courtesy {{object.courtesy}}</p>
		{% endif %}
		{% if object.file_photo %}
			<p class="photobyline">Penobscot Bay Press file photo</p>
		{% endif %}
		{% if object.story_set.all %}
			<p class="relatedstory" style="text-align:left"> 
			{% for s in object.story_set.all %}
				<a href="{{s.get_absolute_url}}" alt="{{s}}">Related story</a>
			{% endfor %}
			</p>
		{% endif %}

	</div>
	</div>
	{% endif %}
	<div style="clear:both"></div>
	</div>
<div class="sidebar_right_media" style="background-color:#99CCFF; padding:0px">
	<div style="padding:4px; text-align:center; margin:0px 0px 10px 0px">
		<p class="relatedstory"><a href="http://penobscotbaypress.smugmug.com/">Order Photos</a></p>
		<div class="newcutline"><strong>Order many of the photos you see on our website and then some!</strong><br><br>
		Most prints start at $1 and are delivered directly to you. Print your favorite newspaper photos on a mug, a t-shirt, or even poster size. Browse by publication date, keyword search or the individual galleries. Share your favorite photos to social media or download a link to share with all your friends and family.</span></div>
		<a href="http://penobscotbaypress.smugmug.com/" class="head_link"><img src="https://penobscotbaypress.com/static/images/headers/2013/smugmug_teaser_img_2014_blue.jpg"></a>
	</div>
</div>
<div class="sidebar_right_media">
		<!-- Google AdSense BEGIN -->
		<div style="clear:both; text-align:center">
			<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
			<!-- Square ad for right of pages -->
			<ins class="adsbygoogle"
			style="display:inline-block;width:250px;height:250px"
			data-ad-client="ca-pub-7616595738812584"
			data-ad-slot="7790117357"></ins>
			<script>
			(adsbygoogle = window.adsbygoogle || []).push({});
			</script>
		</div>
		<!-- Google AdSense END -->
	</div>
	</div>
		<div style="padding-left:12px; padding-right:12px; padding-bottom:0px">
			<!-- AddThis Button BEGIN -->
			<div>
				<a class="addthis_button_facebook_like" fb:like:layout="standard"></a>
			</div>
			<script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script>
			<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=penbaypress"></script>
			<!-- AddThis Button END -->
		</div>

<!-- AddThis Smart Layers BEGIN -->
<!-- Go to http://www.addthis.com/get/smart-layers to customize -->
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=penbaypress"></script>
<script type="text/javascript">
  addthis.layers({
    'theme' : 'transparent',
    'share' : {
      'position' : 'right',
      'services' : 'facebook,twitter,email,print,gmail,tumblr,more',
    }, 
    'follow' : {
      'services' : [
        {'service': 'facebook', 'id': 'penobscotbaypress'},
        {'service': 'youtube', 'id': 'penobscotbaypress'},
        {'service': 'rss', 'id': 'http://https://penobscotbaypress.com/news/feed.xml'}
      ]
    }   
  });
</script>
<!-- AddThis Smart Layers END -->

{% endblock %}
