summaryrefslogtreecommitdiff
path: root/templates/lib/img_pic960.html
diff options
context:
space:
mode:
authorlxf <sng@luxagraf.net>2021-11-06 09:42:47 -0400
committerlxf <sng@luxagraf.net>2021-11-06 09:42:47 -0400
commitd9f51299809bfb6b3ac589b7c42016d0ef240299 (patch)
treeaa5f945e82fdbf1b66aca82fe5122f6ff5a12eb9 /templates/lib/img_pic960.html
parentdde9914dbbc6cda18ba59024065727c8dc6bcdf4 (diff)
moved templates to top level directory
Diffstat (limited to 'templates/lib/img_pic960.html')
-rw-r--r--templates/lib/img_pic960.html9
1 files changed, 9 insertions, 0 deletions
diff --git a/templates/lib/img_pic960.html b/templates/lib/img_pic960.html
new file mode 100644
index 0000000..1915ce6
--- /dev/null
+++ b/templates/lib/img_pic960.html
@@ -0,0 +1,9 @@
+{% load get_image_by_size %}
+{% if caption or exif or image.photo_credit_source %}
+<figure{%if not is_cluster %} class="pic960"{%endif%}>{%else%}{%if not is_cluster %}<div class="pic960">{%endif%}{%endif%}
+ <a itemscope itemtype="http://schema.org/ImageObject" href="{%get_image_by_size image "original"%} " title="view larger image">
+ <img class="u-photo" itemprop="contentUrl" sizes="(max-width: 959px) 100vw, (min-width: 960px) 960px" 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%} 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 or exif or image.photo_credit_source %}<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 image.photo_credit_source %}{%if caption or exif %} | {%endif%}image by {% if image.photo_credit_url %}<a href="{{image.photo_credit_url}}" itemprop="author">{%endif%}{{image.photo_credit_source}}{% if image.photo_credit_url %}</a>{%endif%}{%endif%}{% if caption or exif or image.photo_credit_source %}</figcaption>
+</figure>{%else%}{%if not is_cluster %}</div>{%endif%}
+{% endif %}