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

{% block meta_keywords %}{% for tag in object.tags.all %}{{tag}}, {%endfor %}{% endblock %}
{% block meta_title %}Tide Charts  | Penobscot Bay Press{% endblock %}
{% block meta_description %}{{object.summary}}{% endblock %}

{% block title %}Tide Charts | Penobscot Bay Press {% 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">Tide Charts</h2>
		</div>
    <ul class="headlines">
	{% regroup charts by year as charts_by_year%}

        {% for item in charts_by_year%}
		<h3>{{item.grouper}}</h3>
	    {%for chart in item.list|dictsort:"place" %}
	    <li style="list-style:none;">{{chart.place.point.town}}</li>
		<ul class="list-style:none;">
		<li style="display:inline; padding-right:10px;"><a href="/almanac/tides/{{chart.place.slug}}-{{chart.year}}jan01.sg" target="_blank">January</a></li>
		<li style="display:inline; padding-right:10px;"><a href="/almanac/tides/{{chart.place.slug}}-{{chart.year}}feb01.sg" target="_blank">February</a></li>
		<li style="display:inline; padding-right:10px;"><a href="/almanac/tides/{{chart.place.slug}}-{{chart.year}}mar01.sg" target="_blank">March</a></li>
		<li style="display:inline; padding-right:10px;"><a href="/almanac/tides/{{chart.place.slug}}-{{chart.year}}apr01.sg" target="_blank">April</a></li>
		<li style="display:inline; padding-right:10px;"><a href="/almanac/tides/{{chart.place.slug}}-{{chart.year}}may01.sg" target="_blank">May</a></li>
		<li style="display:inline; padding-right:10px;"><a href="/almanac/tides/{{chart.place.slug}}-{{chart.year}}jun01.sg" target="_blank">June</a></li>
		<li style="display:inline; padding-right:10px;"><a href="/almanac/tides/{{chart.place.slug}}-{{chart.year}}jul01.sg" target="_blank">July</a></li>
		<li style="display:inline; padding-right:10px;"><a href="/almanac/tides/{{chart.place.slug}}-{{chart.year}}aug01.sg" target="_blank">August</a></li>
		<li style="display:inline; padding-right:10px;"><a href="/almanac/tides/{{chart.place.slug}}-{{chart.year}}sep01.sg" target="_blank">September</a></li>
		<li style="display:inline; padding-right:10px;"><a href="/almanac/tides/{{chart.place.slug}}-{{chart.year}}oct01.sg" target="_blank">October</a></li>
		<li style="display:inline; padding-right:10px;"><a href="/almanac/tides/{{chart.place.slug}}-{{chart.year}}nov01.sg" target="_blank">November</a></li>
		<li style="display:inline;"><a href="/almanac/tides/{{chart.place.slug}}-2013dec01.sg" target="_blank">December</a></li>
	        </ul>
	  {% endfor %}
	{% endfor %}
	</ul>
</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 -->
		<br>
		<!-- 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>

<!-- 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',
}   
});
</script>
<!-- AddThis Smart Layers END -->

{% endblock %}

