diff options
Diffstat (limited to 'design/templates/details/national-parks.html')
| -rw-r--r-- | design/templates/details/national-parks.html | 54 |
1 files changed, 27 insertions, 27 deletions
diff --git a/design/templates/details/national-parks.html b/design/templates/details/national-parks.html index e05bd12..baa2b08 100644 --- a/design/templates/details/national-parks.html +++ b/design/templates/details/national-parks.html @@ -18,36 +18,36 @@ <li><a href="/projects/" title="luxagraf projects page" itemprop="url"><span itemprop="title">Projects</span></a> →</li> <li>National Parks</li> </ul> - <section> + <main role="main" class="main--full"> <h1 class="hide">The National Parks Project</h1>{% for object in object_list %} <article id="park-{{forloop.counter}}" class="park"> - <h1>{{object.name}}</h1> - <div class="figure"> - <img src="{{object.get_image_url}}" alt="{{object.name}}" width="{{object.image_width}}" height="{{object.image_height}}" /> - </div> - <div class="legend"> - <h2>{{object.tag_line}}</h2> - <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" data-latitude="{{object.mpoly.centroid.y}}" data-longitude="{{object.mpoly.centroid.x}}" data-zoom="{{object.zoom}}" data-id="{{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> + <h1 class="park--title">{{object.name}}</h1> + <figure class="fig"> + <img src="{{object.get_image_url}}" alt="{{object.name}}" /> + <figcaption class="park--legend"> + <h2 class="park--subtitle">{{object.tag_line}}</h2> + <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" data-latitude="{{object.mpoly.centroid.y}}" data-longitude="{{object.mpoly.centroid.x}}" data-zoom="{{object.zoom}}" data-id="{{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> + </figcaption> + </figure> </article>{% endfor %} - </section> + </main> {% endblock %} {% block js %} <script type="text/javascript" src="/media/js/jquery.js"></script> |