summaryrefslogtreecommitdiff
path: root/design/templates/archives/sightings.html
diff options
context:
space:
mode:
Diffstat (limited to 'design/templates/archives/sightings.html')
-rw-r--r--design/templates/archives/sightings.html32
1 files changed, 12 insertions, 20 deletions
diff --git a/design/templates/archives/sightings.html b/design/templates/archives/sightings.html
index 713ab09..3eb8ef6 100644
--- a/design/templates/archives/sightings.html
+++ b/design/templates/archives/sightings.html
@@ -4,7 +4,7 @@
{% block pagetitle %}Luxagraf | Plants and Animals seen {% if region %}in {{region.name|title|smartypants|safe}}{%else%}by {{user}}{%endif%}{% if page != "1" %} -- Page {{page}}{%endif%}{% endblock %}
{% block metadescription %}Plants and Animals seen {% if region %} in {{region.name|title|smartypants|safe}}{%else%}by {{user}}{%endif%} Page {{page}}{% endblock %}
-{%block bodyid%}id="birds"{%endblock%}
+{%block bodyid%}id="birds" class="archive"{%endblock%}
{% block primary %}<ul class="bl" id="breadcrumbs" itemscope itemtype="http://data-vocabulary.org/Breadcrumb">
@@ -13,29 +13,21 @@
<li itemprop="title">the United States</li>{%else%}<li><a href="/jrnl/" title="See all Journal Entries" itemprop="url"><span>Plants and Animals</span></a> &rarr;</li>
<li>{{region.name|title|smartypants|safe}}</li>{%endif%}{%else%}<li>dialogues</li>{%endif%}
</ul>
- <main role="main" class="archive">{% autopaginate object_list 24%}
+ <main class="archive-grid dialogue-grid">{% autopaginate object_list 24%}
<h1 class="hide">Plants and Animals seen {% if region %}in {%if region.name == 'United States'%}the United States{%else%}{{region.name|title|smartypants|safe}}{%endif%}{%else%} by {{user}}{%endif%}</h1> {% for object in object_list %}
- <article class="{% cycle 'odd' 'even' %} {% cycle 'first' 'second' 'third' %}">
+ <article class="archive-card">{% if object.ap.image%}
<div class="post--image">
-{% load get_image_by_size %}
-{% load get_image_width %}{% if object.ap.image%}
-<figure>
-<a href="{{object.ap.get_absolute_url}}" title="{{object.ap}}">
- <img src="{% get_image_by_size object.ap.image 'pic5' %}" />
-</a>
-</figure>{%endif%}
- </div>
- <h3 class="post--title"><a href="{{object.ap.get_absolute_url}}" title="{%if object.title_keywords%}{{object.title_keywords}}{%else%}{{object.ap}}{%endif%}">{{object.ap|safe|smartypants|widont}}</a> (<span class="sci">{{object.ap.scientific_name}}</span>)</h3>
- <time class="post--date" datetime="{{object.pub_date|date:'c'}}">Last Seen: {{object.pub_date|date:"F"}} <span>{{object.pub_date|date:"j, Y"}}</span></time>
- <p>
- <span class="sighting location place post--location" itemscope itemtype="http://schema.org/Place">Loc:
+ <a href="{{object.ap.get_absolute_url}}" title="{{object.ap}}">
+ {% include "lib/img_archive.html" with image=object.ap.image %}
+ </a>
+ </div>{% endif %}
+ <h2 class="post-title"><a href="{{object.ap.get_absolute_url}}" title="{%if object.title_keywords%}{{object.title_keywords}}{%else%}{{object.ap}}{%endif%}">{{object.ap|safe|smartypants|widont}}</a> (<span class="sci">{{object.ap.scientific_name}}</span>)</h2>
+ <time class="post-date" datetime="{{object.pub_date|date:'c'}}">Last Seen: {{object.pub_date|date:"F"}} <span>{{object.pub_date|date:"j, Y"}}</span></time>
+ <div class="post-summary">
+ <span class="post-location" itemscope itemtype="http://schema.org/Place">
{% if object.country.name == "United States" %}<span class="p-locality locality">{{object.location.name|smartypants|safe}}</span>, {{object.state.name}}, <span class="p-country-name">U.S.</span>{%else%}<span class="p-region">{{object.location.name|smartypants|safe}}</span>, {{object.country.name}}</a>{%endif%}
- <span style="display: none;" itemprop="geo" itemscope itemtype="http://schema.org/GeoCoordinates">
- <data itemprop="latitude" class="p-latitude" value="{{object.latitude}}">{{object.latitude}}</data>
- <data itemprop="longitude" class="p-longitude" value="{{object.longitude}}">{{object.longitude}}</data>
- </span>
</span>
- </p>
+ </div>
</article> {% endfor %}
</main>
<nav class="pagination">