app/posts/templates/posts/film_list.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44

{% extends 'base.html' %}
{% load typogrify_tags %}
{% block pagetitle %}Films - By Scott Gilbertson {% endblock %}
{% block metadescription %}Films on paddling, hiking, birding, walking, living well, and other ephemera.{% endblock %}
{% block extrahead %}
<style>
@media screen and (min-width: 736px) {
    .square-image-wrapper{
        width: 140px;
        height: 93px;
        float: left;
        border: 3px solid #666;
        margin-top: 6px;
        margin-right: 10px;
    }
}
@media screen and (min-width: 1024px) {
    .square-image-wrapper{
        margin-left: -160px;
    }
}
</style>
{% endblock%}
{% block breadcrumbs %}{% if breadcrumbs %}{% include "lib/breadcrumbs.html" with breadcrumbs=breadcrumbs %}{%endif%}{% endblock %}
{% block primary %}<main class="archive-wrapper">
        <div class="archive-intro">
        <h1 class="archive-sans">Films</h1>
        <p><em>Être fort pour être utile</em></p>
        <p>Films about paddleboarding, hiking, repair, tools, birding, walking, living well, and other bric-à-brac. Please, enjoy.</p>
        </div>
        <ul class="archive-list">{% for object in object_list %}
            <li class="h-entry hentry archive-list-card archive-list-card-sm" itemscope itemType="http://schema.org/Article">
                <a href="{{object.get_absolute_url}}" title="{{object.title}}" class="square-image-wrapper">
                    {% include "lib/img_archive.html" with image=object.featured_image %}
                </a>
                <span class="date dt-published card-smcaps">{{object.pub_date|date:"F Y"}}</span>
                <a href="{{object.get_absolute_url}}">
                    <h2 class="card-hed">{{object.title|safe|smartypants|widont}}</h2>
                    <p class="p-summary card-lede">{% if object.subtitle %}{{object.subtitle}}{%else%}{{object.meta_description|safe|smartypants|widont}}{%endif%}</p>
                </a>
            </li>{%endfor%}
        </ul>
    </main>
{%endblock%}