From cbef1c249a6a66ffd7c9a7796a1002a48c14a9f2 Mon Sep 17 00:00:00 2001
From: luxagraf <sng@luxagraf.net>
Date: Fri, 25 May 2018 12:51:51 -0400
Subject: added 960 image generator for bird posts

---
 design/templates/lib/img_pic960.html | 9 +++++++++
 1 file changed, 9 insertions(+)
 create mode 100644 design/templates/lib/img_pic960.html

diff --git a/design/templates/lib/img_pic960.html b/design/templates/lib/img_pic960.html
new file mode 100644
index 0000000..04f098c
--- /dev/null
+++ b/design/templates/lib/img_pic960.html
@@ -0,0 +1,9 @@
+{% load get_image_by_size %}
+{% load get_image_width %}
+{% if caption %}
+<figure class="pic960">{%endif%}
+<a href="{%get_image_by_size image "original"%} " title="view larger image"><img class="picfull" sizes="(max-width: 960px) 100vw, (min-width: 961px) 960px" srcset="{% for size in image.sizes.all%}{% get_image_by_size image size.name %} {% if image.is_portait %}{% get_image_width image size.height %}w{%else%}{{size.width}}w{%endif%}{% if forloop.last%}"{%else%}, {%endif%}{%endfor%}
+   {% for size in image.sizes.all%}{%if forloop.first %} src="{% get_image_by_size image size.name %}"{%endif%}{%endfor%} alt="{{image.alt}} photographed by {% if image.photo_credit_source %}{{image.photo_credit_source}}{%else%}luxagraf{%endif%}" data-jslghtbx="{%get_image_by_size image "original"%}" data-jslghtbx-group="group" {% if caption%}data-jslghtbx-caption="{{image.caption}}"{%endif%}></a>
+{% if caption %}<figcaption>{{image.caption|safe}}</figcaption>
+</figure>
+{% endif %}
-- 
cgit v1.2.3