diff options
Diffstat (limited to 'design')
| -rw-r--r-- | design/sass/_birds.scss | 11 | ||||
| -rw-r--r-- | design/templates/details/bird.html | 6 |
2 files changed, 13 insertions, 4 deletions
diff --git a/design/sass/_birds.scss b/design/sass/_birds.scss index 9662f7c..36b6114 100644 --- a/design/sass/_birds.scss +++ b/design/sass/_birds.scss @@ -14,13 +14,18 @@ @include fontsize(22); } } - .sci { - font-style: italic; - } .audio small { display: block;} } +.sci { + font-style: italic; +} .birds { + h2, h3 { font-weight: 400;} + h2 { margin-bottom: 0;} + h3 { + margin-top: 0; + } .map { margin: 0 auto; width: 99%; diff --git a/design/templates/details/bird.html b/design/templates/details/bird.html index 9676683..070a921 100644 --- a/design/templates/details/bird.html +++ b/design/templates/details/bird.html @@ -9,11 +9,15 @@ <main> <article> <h1>{{object.common_name}}</h1> +<h2 class="sci">{{object.scientific_name}}</h2> +<h3 class="sci">Class {{object.bird_class.scientific_name}} ({{object.bird_class}})</h3> <p id="endnode">Seen by {% for person in sighting.seen_by.all %}<a href="/birds/{{person}}/">{{person}}</a>{%if forloop.last %}{%else%}{% if forloop.revcounter == 2 %}, and {%else%}, {%endif%}{%endif%}{%endfor%}</p> - +{% if recording.audio %} <audio autoplay="autoplay" 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> +{%endif%} </article> </main> {% endblock %} |