diff options
Diffstat (limited to 'templates')
| -rw-r--r-- | templates/base.html | 6 | ||||
| -rw-r--r-- | templates/lib/img_cluster.html | 17 | ||||
| -rw-r--r-- | templates/lib/img_wideessay.html | 0 |
3 files changed, 14 insertions, 9 deletions
diff --git a/templates/base.html b/templates/base.html index 0bce354..2e4eb8b 100644 --- a/templates/base.html +++ b/templates/base.html @@ -16,7 +16,7 @@ title="Luxagraf RSS feed" href="https://luxagraf.net/rss/"> {%block stylesheet%}<link rel="stylesheet" - href="/media/screenv11.min.css?{% now "u" %}" + href="/media/screenv11.css?{% now "u" %}" media="screen">{%endblock%} {%block extrahead%}{%endblock%} </head> @@ -29,10 +29,8 @@ <nav> <a class="nav-item smcaps" href="{% url "jrnl:list" %}" title="Stories of life on the road.">Jrnl</a> <a class="nav-item smcaps" href="/essays/" title="Life and how to live it">Essays</a> - <!--<a class="nav-item smcaps" href="{% url "guides:guide-list" %}" title="Guides">Guides</a> --> + <a class="nav-item smcaps" href="{% url "photo_essay:list" %}" title="Photo essays">Photos</a> <a class="nav-item smcaps" href="/about" title="About Scott">About</a> - <!-- - <a class="nav-item smcaps" href="/guides/" title="Useful Stuff">Guides</a> --> </nav> </header> {% block breadcrumbs %}{% endblock %} diff --git a/templates/lib/img_cluster.html b/templates/lib/img_cluster.html index 317bf8b..8117298 100644 --- a/templates/lib/img_cluster.html +++ b/templates/lib/img_cluster.html @@ -1,6 +1,13 @@ -{% load get_image_by_size %}{% if caption or exif %}<figure {%if cluster_class != "picwide"%}class="{{cluster_class}}"{%endif%}>{%endif%} - <a href="{%get_image_by_size image "original"%}" title="view larger image {% if image.photo_credit_source%}(photo by {{image.photo_credit_source}}){%endif%}"> - <img class="{% if caption or exif %}{%else%}{%if cluster_class != "picwide"%}{{cluster_class}}{%endif%}{%endif%} {%if extra%}{{extra}}{%endif%}" {%if cluster_class == "picwide"%} sizes="(max-width: 1439px) 100vw, (min-width: 1440px) 1440px" srcset="{% for size in image.sizes.all%}{% get_image_by_size image size.slug %} {{size.width}}w{% if forloop.last%}"{%else%}, {%endif%}{%endfor%}{% for size in image.sizes.all%}{%if not forloop.first and not forloop.last%} src="{% get_image_by_size image size.slug%}"{%endif%}{%endfor%}{%else%} src="{% get_image_by_size image cluster_class %}"{%endif%} alt="{%if image.alt %}{{image.alt}}{%else%}{{image.title}}{%endif%} photographed by {% if image.photo_credit_source %}{{image.photo_credit_source}}{%else%}Scott Gilbertson{%endif%}"></a> -{% if caption or exif %}<figcaption>{% endif %}{% if caption %}{{image.caption|safe}}{% endif %}{% if exif %} | <small>Camera: {{image.exif_make}} {{image.exif_model}} with {{image.exif_lens}}</small>{% endif %}{% if caption or exif %}</figcaption> -</figure> +{% load get_image_by_size %}{%if cluster_class != "picwide"%}<span class="{{cluster_class}}">{%endif%} +{% if caption %}<figure {%if cluster_class != "picwide"%}class="{{cluster_class}}"{%endif%}>{%endif%} + <a href="{%get_image_by_size image "original"%}" title="view larger image"> + <img {%if cluster_class == "picwide"%} class="picwide" + sizes="(max-width: 1439px) 100vw, (min-width: 1440px) 1440px" srcset="{% for size in image.sizes.all%}{% get_image_by_size image size.slug %} {{size.width}}w{% if forloop.last%}"{%else%}, {%endif%}{%endfor%} + {% for size in image.sizes.all%}{%if not forloop.first and not forloop.last%} src="{% get_image_by_size image size.slug%}"{%endif%}{%endfor%} + {%else%} + src="{% get_image_by_size image cluster_class %}" + {%endif%} + alt="{%if image.alt %}{{image.alt}}{%else%}{{image.title}}{%endif%} by {% if image.photo_credit_source %}{{image.photo_credit_source}}{%else%}Scott Gilbertson{%endif%}"></a> + {% if caption %}<figcaption>{{image.caption|safe}}</figcaption></figure> {% endif %} + {%if cluster_class != "picwide"%}</span>{%endif%} diff --git a/templates/lib/img_wideessay.html b/templates/lib/img_wideessay.html new file mode 100644 index 0000000..e69de29 --- /dev/null +++ b/templates/lib/img_wideessay.html |