summaryrefslogtreecommitdiff
path: root/design/templates/lib/img_picwide.html
diff options
context:
space:
mode:
authorluxagraf <sng@luxagraf>2021-01-15 14:54:30 -0500
committerluxagraf <sng@luxagraf>2021-01-15 14:54:30 -0500
commit47b79fd9d4329e73cef7929ed8f64d9eeb287ae5 (patch)
tree189381bfe0d81fdc1105679910114deaab3cdb58 /design/templates/lib/img_picwide.html
parente61f3d2c4537a2670c40b33eb02231a71dfb028a (diff)
Proj: Massive design overhaul to simplify code
Cut out Sass syntax, deleted old CSS rules, changed HTML to use fewer lists and more cascading instead of specific rules. Still requires compiling with sass to strip comments and compress, but would in theory work on its own. Reduced CSS file size by 2/3
Diffstat (limited to 'design/templates/lib/img_picwide.html')
-rw-r--r--design/templates/lib/img_picwide.html4
1 files changed, 1 insertions, 3 deletions
diff --git a/design/templates/lib/img_picwide.html b/design/templates/lib/img_picwide.html
index 2c9b17b..9f98020 100644
--- a/design/templates/lib/img_picwide.html
+++ b/design/templates/lib/img_picwide.html
@@ -1,6 +1,4 @@
-{% load get_image_by_size %}
-{% if caption or exif or image.photo_credit_source %}
-<figure{%if not is_cluster %} class="picwide"{%endif%}>{%else%}{%if not is_cluster %}<div class="picwide">{%endif%}{%endif%}
+{% load get_image_by_size %}{% if caption or exif or image.photo_credit_source %}<figure{%if not is_cluster %} class="picwide"{%endif%}>{%else%}{%if not is_cluster %}<div class="picwide">{%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: 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%} 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>