From e383dd8b830356b7f9ef25231c2db3d4be2bc6f7 Mon Sep 17 00:00:00 2001
From: afornerot <afornerot@cadoles.com>
Date: Fri, 1 Nov 2024 10:20:15 +0100
Subject: [PATCH] svg

---
 templates/Home/user.html.twig | 18 +++++++++++++++---
 1 file changed, 15 insertions(+), 3 deletions(-)

diff --git a/templates/Home/user.html.twig b/templates/Home/user.html.twig
index 4d98aa3..c7d2546 100644
--- a/templates/Home/user.html.twig
+++ b/templates/Home/user.html.twig
@@ -249,11 +249,22 @@
                             {% endif %}
                         {% endif %}
 
-                        {% if (loop.index - 1) % 8 == 0 %}
+                        {% if loop.index == 1 %}
+                            {% set classmini = 'grid-item-mini-50' %}
+                        {% elseif loop.index % 8 == 0 %}
                             {% set classmini = 'grid-item-mini-50' %}
                         {% else %}
                             {% set classmini = 'grid-item-mini-25' %}
-                        {% endif %}                        
+                        {% endif %}
+
+
+                        {% set position = (loop.index - 1) % 10 + 1 %}
+                        {% if position == 1 or position == 8 %}
+                            {% set classmini = 'grid-item-mini-50' %}
+                        {% else %}
+                            {% set classmini = 'grid-item-mini-25' %}
+                        {% endif %}
+
                     {% elseif appthumbwidth==1 %} {% set class="" %}
                     {% elseif appthumbwidth==2 %} {% set class="grid-item-size-2" %}
                     {% endif %}
@@ -270,9 +281,10 @@
                     {% if appthumbheight!=0  %}
                         {% set source="thumbori_"~illustration.illustration %}
                     {% endif %}
+                    
 
                     <a href="{{ path("app_illustration_view",{"by":"user","idcat":category.id,"id":illustration.id}) }}">
-                        <div id="illustration{{illustration.id}}" class="grid-item grid-item-size {{class}} {{classmini}} cssfilter cssfilter-{{category.id}} no-cache-bg" data-width="{{illustration.width}}"  data-background-image="/{{ appAlias }}/uploads/illustration/{{source}}"  data-height="{{illustration.height}}" style="height:auto;background-position: center ; background-size: cover; background-image: url(/{{ appAlias }}/uploads/illustration/{{source}}");">
+                        <div id="illustration{{illustration.id}}" data-position="{{position}}" data-loop="{{loop.index}}" class="grid-item grid-item-size {{class}} {{classmini}} cssfilter cssfilter-{{category.id}} no-cache-bg" data-width="{{illustration.width}}"  data-background-image="/{{ appAlias }}/uploads/illustration/{{source}}"  data-height="{{illustration.height}}" style="height:auto;background-position: center ; background-size: cover; background-image: url(/{{ appAlias }}/uploads/illustration/{{source}}");">
                         </div>
                     </a>
                 {% endfor %}