diff options
Diffstat (limited to 'design')
| -rw-r--r-- | design/sass/_birds.scss | 8 | ||||
| -rw-r--r-- | design/templates/archives/birds.html | 8 |
2 files changed, 11 insertions, 5 deletions
diff --git a/design/sass/_birds.scss b/design/sass/_birds.scss index 9b712cc..d8a736e 100644 --- a/design/sass/_birds.scss +++ b/design/sass/_birds.scss @@ -14,7 +14,13 @@ @include fontsize(22); } } - .audio small { display: block;} + .audio-figure { + audio { + display: block; + width: 100%; + } + small { display: block;} + } } .sci { diff --git a/design/templates/archives/birds.html b/design/templates/archives/birds.html index 1a02a7c..32a7aa1 100644 --- a/design/templates/archives/birds.html +++ b/design/templates/archives/birds.html @@ -11,13 +11,13 @@ <li><a href="/" title="luxagraf homepage" itemprop="url"><span itemprop="title">Home</span></a> → </li> {% if region %}{%if region.name == 'United States'%} <li><a href="/birds/" title="See all Journal Entries" itemprop="url"><span itemprop="title">Birds</span></a> →</li> <li itemprop="title">the United States</li>{%else%}<li><a href="/jrnl/" title="See all Journal Entries" itemprop="url"><span>Birds</span></a> →</li> - <li>{{region.name|title|smartypants|safe}}</li>{%endif%}{%else%}<li>Journal</li>{%endif%} + <li>{{region.name|title|smartypants|safe}}</li>{%endif%}{%else%}<li>Birds</li>{%endif%} </ul> <main role="main" class="archive">{% autopaginate object_list 40 %} <h1 class="hide">Birds 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' %}"> <div class="post--image"> - <a href="{{object.bird.get_absolute_url}}" title="{{object.bird}}"><img src="{{object.get_image_url}}" alt="{{ object.title }}" class="post-image" /></a> + <a href="{{object.bird.get_absolute_url}}" title="{{object.bird}}"><img src="{{object.get_small_image}}" alt="{{ object.title }}" class="post-image" /></a> </div> <h3 class="post--title"><a href="{{object.bird.get_absolute_url}}" title="{%if object.title_keywords%}{{object.title_keywords}}{%else%}{{object.bird}}{%endif%}">{{object.bird|safe|smartypants|widont}}</a> (<span class="sci">{{object.bird.scientific_name}}</span>)</h3> <time class="post--date" datetime="{{object.date|date:'c'}}">Seen: {{object.date|date:"F"}} <span>{{object.date|date:"j, Y"}}</span></time> @@ -30,12 +30,12 @@ </span> </span> </p> - <p class="audio">{% for recording in object.bird.recordings.all %} + <div class="audio-figure">{% for recording in object.bird.recordings.all %} <audio controls="controls"> <source src="/media/{{recording.audio}}" /> </audio> <small>Audio recorded by {{recording.recorder}} on {{recording.pub_date|date:"F j, Y"}} in {{recording.location}}. <a href="{{recording.link}}">© {{recording.copyright}}</a></small> - </p>{% endfor %} + </div>{% endfor %} </article> {% endfor %} </main> <nav class="pagination"> |