.

configs/image-resize.ini

@@ -1,17 +1,11 @@
-[tiny]
-max_width = 128
-
 [small]
-max_width = 420
+max_width = 512
-use_guetzli = True
 
 [medium]
-max_width = 960
+max_width = 1024
-use_guetzli = True
 
 [large]
-max_width = 1600
+max_width = 1538
-use_guetzli = True
 
 [woowee]
-max_width = 2160
+max_width = 2048

templates/blocks/flow_one_innerbox_section.html

@@ -10,7 +10,24 @@
       alt="{{ this.image_alt }}"
     {%- endif -%}
     {{- ' ' -}}
-    srcset="{{ image.thumbnail(image.width / 2)|url }} 1x, {{ image|url }} 2x" />
+    srcset="
+      {%- set img_list = image.path.split('.') -%}
+{#
+{%- for option in ranger(int(bag('image-resize', 'option', 'range'))) -%}
+        {%- for item in img_list -%}
+          {%- if loop.index == loop.length -%}
+            {{- '-' -}}
+            {{- option -}}
+            {{- '.webp -}}
+          {%- elif loop.index == 1 -%}
+            {{ item }}
+          {%- else -%}
+            .{{- item -}}
+          {%- endif -%}
+        {%- endfor -%}
+      {%- endfor -%}
+#}
+" /> <!-- YYY -->
   {%- endif -%}
   {%- if this.box_content is defined and this.box_content != "" -%}
     {{- '\n        ' -}}

templates/blocks/flow_third_box_section.html

@@ -5,46 +5,6 @@
         {%- for inner in this.inner_box.blocks -%}
           {{- inner -}}
         {%- endfor -%}
-
-        {#-
-        <!-- OLD HTML Example --> 
-        <div class="content__inner_third_box">
-           <h2 class="content__inner_third_heading">
-              Zusammen Arbyten, die eigene Idee fliegen sehen.
-            </h2>
-            {% if this.attachments.images %}
-               {% for image in this.attachments.images %}
-                 <img class="content__inner_third_image" src="{{ image|url }}" width="{{ image.width / 2 }}" alt="Startendes Space Shuttle" srcset="{{ image.thumbnail(image.width / 2)|url }} 1x, {{ image|url }} 2x">
-               {% endfor %}
-             {% endif %}
-             <p>Wir verstehen uns als Plattform for Hackende, auf der sich mit Gleichgesinnten wirtschaftliche Projekte möglich werden, die es anders nicht gäbe. Wir fördern und bewirtschaften im Kollektiv als Genossenschaft die Leistungen unserer Mitglieder.
-             </p>
-             <div class="content__button_box">
-               <button class="content__button">
-                 <a class="content__inner_third_button_link" href="#">Projekte</a>
-               </button>
-             </div>
-           </div>
-
-           <div class="content__inner_third_box">
-             <h2 class="content__inner_third_heading">
-               Genossenschafts&shy;anteile sind eine Anlage, kein Geschenk.
-             </h2>
-             {% if this.attachments.images %}
-               {% for image in this.attachments.images %}
-                 <img class="content__inner_third_image" src="{{ image|url }}" width="{{ image.width / 2 }}" alt="Startendes Space Shuttle" srcset="{{ image.thumbnail(image.width / 2)|url }} 1x, {{ image|url }} 2x">
-               {% endfor %}
-             {% endif %}
-             <p>Wir bieten useren Mitgliedern nicht nur ein gutes Netzwerk, sondern auch eine sichere Anlagemöglichkeit. Hier kannst Du Dich über die Anlagekriterien informieren.
-             </p>
-           <div class="content__button_box">
-             <button class="content__button">
-               <a class="content__inner_third_button_link" href="#">Kapitalanlage</a>
-              </button>
-            </div>
-          </div>
-
-        -#}
       </div>
     </section>
     <!-- 1/3 Layout - end -->