6 image_url extension:absolute_url(image); |
6 image_url extension:absolute_url(image); |
7 slot_config view.slot_configuration; |
7 slot_config view.slot_configuration; |
8 slot_width slot_config.get_width(); |
8 slot_width slot_config.get_width(); |
9 base_width 100 / 12; |
9 base_width 100 / 12; |
10 thumbnails extension:thumbnails(image); |
10 thumbnails extension:thumbnails(image); |
11 target python:thumbnails.get_thumbnail('800x600');" |
11 target python:thumbnails.get_thumbnail('800x600'); |
|
12 timestamp extension:timestamp(image);" |
12 tal:attributes="href extension:absolute_url(target)"> |
13 tal:attributes="href extension:absolute_url(target)"> |
13 <picture> |
14 <picture> |
14 <tal:var define="width slot_width['lg']"> |
15 <tal:var define="width slot_width['lg']"> |
15 <source media="(min-width: 1200px)" |
16 <source media="(min-width: 1200px)" |
16 tal:condition="width" |
17 tal:condition="width" |
17 tal:attributes="srcset string:${image_url}/++thumb++lg:w1200 1200w, ${image_url}/++thumb++lg:w512 512w, ${image_url}/++thumb++lg:w256 256w, ${image_url}/++thumb++lg:w128 128w; |
18 tal:attributes="srcset string:${image_url}/++thumb++lg:w1200?_=${timestamp} 1200w, ${image_url}/++thumb++lg:w512?_=${timestamp} 512w, ${image_url}/++thumb++lg:w256?_=${timestamp} 256w, ${image_url}/++thumb++lg:w128?_=${timestamp} 128w; |
18 sizes string:${round(base_width * width)}vw" /> |
19 sizes string:${round(base_width * width)}vw" /> |
19 <source media="(min-width: 1200px)" |
20 <source media="(min-width: 1200px)" |
20 srcset="/--static--/pyams_default_theme/img/dot.png" |
21 srcset="/--static--/pyams_default_theme/img/dot.png" |
21 tal:condition="not:width" |
22 tal:condition="not:width" |
22 tal:attributes="sizes string:${round(base_width * width)}vw" /> |
23 tal:attributes="sizes string:${round(base_width * width)}vw" /> |
23 </tal:var> |
24 </tal:var> |
24 <tal:var define="width slot_width['md']"> |
25 <tal:var define="width slot_width['md']"> |
25 <source media="(min-width: 992px)" |
26 <source media="(min-width: 992px)" |
26 tal:condition="width" |
27 tal:condition="width" |
27 tal:attributes="srcset string:${image_url}/++thumb++md:w992 992w, ${image_url}/++thumb++md:w512 512w, ${image_url}/++thumb++md:w256 256w, ${image_url}/++thumb++md:w128 128w; |
28 tal:attributes="srcset string:${image_url}/++thumb++md:w992?_=${timestamp} 992w, ${image_url}/++thumb++md:w512?_=${timestamp} 512w, ${image_url}/++thumb++md:w256?_=${timestamp} 256w, ${image_url}/++thumb++md:w128?_=${timestamp} 128w; |
28 sizes string:${round(base_width * width)}vw" /> |
29 sizes string:${round(base_width * width)}vw" /> |
29 <source media="(min-width: 992px)" |
30 <source media="(min-width: 992px)" |
30 srcset="/--static--/pyams_default_theme/img/dot.png" |
31 srcset="/--static--/pyams_default_theme/img/dot.png" |
31 tal:condition="not:width" |
32 tal:condition="not:width" |
32 tal:attributes="sizes string:${round(base_width * width)}vw" /> |
33 tal:attributes="sizes string:${round(base_width * width)}vw" /> |
33 </tal:var> |
34 </tal:var> |
34 <tal:var define="width slot_width['sm']"> |
35 <tal:var define="width slot_width['sm']"> |
35 <source media="(min-width: 768px)" |
36 <source media="(min-width: 768px)" |
36 tal:condition="width" |
37 tal:condition="width" |
37 tal:attributes="srcset string:${image_url}/++thumb++sm:w768 768w, ${image_url}/++thumb++sm:w512 512w, ${image_url}/++thumb++sm:w256 256w, ${image_url}/++thumb++sm:w128 128w; |
38 tal:attributes="srcset string:${image_url}/++thumb++sm:w768?_=${timestamp} 768w, ${image_url}/++thumb++sm:w512?_=${timestamp} 512w, ${image_url}/++thumb++sm:w256?_=${timestamp} 256w, ${image_url}/++thumb++sm:w128?_=${timestamp} 128w; |
38 sizes string:${round(base_width * width)}vw" /> |
39 sizes string:${round(base_width * width)}vw" /> |
39 <source media="(min-width: 768px)" |
40 <source media="(min-width: 768px)" |
40 srcset="/--static--/pyams_default_theme/img/dot.png" |
41 srcset="/--static--/pyams_default_theme/img/dot.png" |
41 tal:condition="not:width" |
42 tal:condition="not:width" |
42 tal:attributes="sizes string:${round(base_width * width)}vw" /> |
43 tal:attributes="sizes string:${round(base_width * width)}vw" /> |
43 </tal:var> |
44 </tal:var> |
44 <tal:var define="width slot_width['xs']"> |
45 <tal:var define="width slot_width['xs']"> |
45 <source media="(max-width: 767px)" |
46 <source media="(max-width: 767px)" |
46 tal:condition="width" |
47 tal:condition="width" |
47 tal:attributes="srcset string:${image_url}/++thumb++xs:w768 768w, ${image_url}/++thumb++xs:w512 512w, ${image_url}/++thumb++xs:w256 256w, ${image_url}/++thumb++xs:w128 128w; |
48 tal:attributes="srcset string:${image_url}/++thumb++xs:w768?_=${timestamp} 768w, ${image_url}/++thumb++xs:w512?_=${timestamp} 512w, ${image_url}/++thumb++xs:w256?_=${timestamp} 256w, ${image_url}/++thumb++xs:w128?_=${timestamp} 128w; |
48 sizes string:${round(base_width * width)}vw" /> |
49 sizes string:${round(base_width * width)}vw" /> |
49 <source media="(max-width: 767px)" |
50 <source media="(max-width: 767px)" |
50 srcset="/--static--/pyams_default_theme/img/dot.png" |
51 srcset="/--static--/pyams_default_theme/img/dot.png" |
51 tal:condition="not:width" |
52 tal:condition="not:width" |
52 tal:attributes="sizes string:${round(base_width * width)}vw" /> |
53 tal:attributes="sizes string:${round(base_width * width)}vw" /> |