{% extends 'base.html' %}
{% load typogrify %}
{% block pagetitle %}Luxagraf | Projects | National Parks {% endblock %}
{% block metadescription %}{% endblock %}

{% block extrahead %}
<script type="text/javascript" src="/media/js/jquery.js"></script>
<script src="http://documentcloud.github.com/underscore/underscore-min.js" type="text/javascript"></script>
<script src="/media/js/natparks.js" type="text/javascript"></script>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>





<link rel="stylesheet" 
          href="{{media_url}}css/dark.css" 
          type="text/css" 
          media="screen">

{% endblock %}


{%block bodyid%}id="projects-detail"{%endblock%}	

{% block bodyevents %}{% endblock %}
				
{% block primary %}
<article>
    <ul id="breadcrumbs">
        <li><a href="/" title="luxagraf homepage">Home</a> &rarr;</li>
        <li><a href="/projects/" title="luxagraf projects page">Projects</a> &rarr;</li>
        <li>National Parks</li>
    </ul>
    
    <ul id="parks"> 
        {% for object in object_list %}
        <li id="park-{{forloop.counter}}">
            <div class="figure">
                <img src="{{object.image.url}}" alt="{{object.title}}" />
            </div>
            <h4>{{object.unit_name}} {{object.type}}</h4>
            <div class="legend">
                    <h5>{{object.tag_line}}</h5>
                    
                    <ul class="buttons">
                        <li><a href="{{object.post.get_absolute_url}}" title="{{object.post.title}}">Read Journal</a></li>
                        {%if object.gallery%}<li><a href="{{object.gallery.get_absolute_url}}" title="Photos of {{object.unit_name}}">View Photos</a></li>{%endif%}
                        <li><a href="#" class="map-link" title="{{object.mpoly.centroid.y}},{{object.mpoly.centroid.x}},{{object.zoom}},{{object.id}}">Map</a></li>
                        <li><a href="#" id="more-{{forloop.counter}}"class="more-link" title="More about {{object.unit_name}}">More</a></li>
                    </ul>
                    
                    <dl class="meta" style="visibility: hidden;">
                        <dt>Visited:</dt>
                        <dd>{{object.date_visited_begin|date:"m/d/y"}} - {{object.date_visited_end|date:"m/d/y"}}</dd>
                        <dt>State:</dt>
                        <dd>{{object.state}}</dd>
                        <dt>Size:</dt>
                        <dd>{{object.size}} sq miles</dd>
                        <dt>Cost:</dt>
                        <dd>${{object.fee}} / ${{object.camping_fee}} (entry/camping)</dd>
                        <dt>Link:</dt>
                        <dd>{{object.url|urlize}}</dd>
                    </dl>
                
                
            </div>
            
        </li>
        {% endfor %}
    </ul>

</article>

{% endblock %}