From a5efbdabe83599f3d036360fc1fea8cc86dc8a94 Mon Sep 17 00:00:00 2001
From: luxagraf <sng@luxagraf.net>
Date: Wed, 23 Mar 2016 22:16:44 -0400
Subject: added a new image parser to pull in images from the LuxImage model
 and inline them with size and srcset support

---
 design/templates/lib/img_picfull.html | 9 +++++++++
 design/templates/lib/img_picwide.html | 9 +++++++++
 2 files changed, 18 insertions(+)
 create mode 100644 design/templates/lib/img_picfull.html
 create mode 100644 design/templates/lib/img_picwide.html

(limited to 'design/templates/lib')

diff --git a/design/templates/lib/img_picfull.html b/design/templates/lib/img_picfull.html
new file mode 100644
index 0000000..5dba01d
--- /dev/null
+++ b/design/templates/lib/img_picfull.html
@@ -0,0 +1,9 @@
+{% load get_image_by_size %}
+{% if caption %}
+<figure class="picfull">{%endif%}
+<img class="picfull" sizes="(max-width: 680px) 100vw, (min-width: 681) 680px"
+srcset="{% for size in image.sizes.all%}{% get_image_by_size image size %} {{size}}w{% if forloop.last%}"{%else%}, {%endif%}{%endfor%}
+{% for size in image.sizes.all%}{%if forloop.first %}src="{% get_image_by_size image size %}"{%endif%}{%endfor%} alt="{{image.alt}} photographed by {% if image.photo_credit_source %}{{image.photo_credit_source}}{%else%}luxagraf{%endif%}">
+     {% if caption %}<figcaption>{{image.caption}}</figcaption>
+</figure>
+{% endif %}
diff --git a/design/templates/lib/img_picwide.html b/design/templates/lib/img_picwide.html
new file mode 100644
index 0000000..065ff6c
--- /dev/null
+++ b/design/templates/lib/img_picwide.html
@@ -0,0 +1,9 @@
+{% load get_image_by_size %}
+{% if caption %}
+<figure class="picwide">{%endif%}
+<img class="picwide" sizes="(max-width: 1140px) 100vw, (min-width: 1141px) 1140px"
+srcset="{% for size in image.sizes.all%}{% get_image_by_size image size %} {{size}}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 %}"{%endif%}{%endfor%} alt="{{image.alt}} photographed by {% if image.photo_credit_source %}{{image.photo_credit_source}}{%else%}luxagraf{%endif%}">
+     {% if caption %}<figcaption>{{image.caption}}</figcaption>
+</figure>
+{% endif %}
-- 
cgit v1.2.3