modif template+ css

user/themes/le_style_de_lours_modif/templates/item-etapes.html.twig

@@ -0,0 +1,17 @@
+<div class="item-etapes blocks">
+
+  <div class="content">
+    {% for images in child.media.images %}
+    <div class="img">
+      {{ images.html }}
+    </div>
+    {% endfor %}
+
+    {% if child.content %}
+    <div class="txt">
+      {{ child.content }}
+    </div>
+    {% endif %}
+  </div>
+
+</div>

user/themes/le_style_de_lours_modif/templates/item.html.twig

@@ -35,7 +35,6 @@
                 {% include 'partials/sidebar.html.twig' %}
             {% endblock %}
         {% endembed %}
-
     </section>
 </section>
 {% endblock %}

user/themes/le_style_de_lours_modif/templates/items.html.twig

@@ -0,0 +1,21 @@
+<div class="item blocks">
+
+  {% if child.title %}
+    <div class="title">
+      <h4>{{ child.title }}</h4>
+    </div>
+  {% endif %}
+
+  {% if child.content %}
+    <div class="content">
+      {{ child.content }}
+    </div>
+  {% endif %}
+
+  {% for images in child.media.images %}
+    <div class="images">
+      {{ images.html }}
+    </div>
+  {% endfor %}
+
+</div>

user/themes/le_style_de_lours_modif/templates/modular.html.twig

@@ -46,32 +46,52 @@
 {% endblock %}
 
 {% block body %}
+
   <section id="{{ macro.pageLinkName(page.menu) }}" class="section">
-    {{page.content}}
+    <div class="content section-content">
+      {{page.content}}
+    </div>
   </section>
 
   {% for module in page.collection() if module.template == 'blog' %}
 
     <section id="{{ macro.pageLinkName(module.menu)|hyphenize }}" class="section">
       <div class="content section-content">
-        <h2>{{ module.title }}</h2>
-        <div class="arrow"></div>
-        {{ module.content|raw }}
+        <div class="block">
+          <h2>{{ module.title }}</h2>
+          <div class="arrow"></div>
+            <div class="content">
+              {{ module.content|raw }}
+          </div>
+        </div>
       </div>
 
       <div class="sous-section">
-        {% for child in module.collection %}
+
+        {% for child in module.collection if child.template == 'items' %}
+            {% include 'items.html.twig' %}
+        {% endfor %}
+
+        {% for child in module.collection if child.template == 'item-etapes' %}
+            {% include 'item-etapes.html.twig' %}
+        {% endfor %}
+
+        {% for child in module.collection if child.template == 'blog' %}
           {% set gal = child.header.blog.config %}
 
           {% if gal %}
-            {% include 'partials/blog/sous-gal.html.twig' %}
+
+            {% include 'partials/sous-gal.html.twig' %}
           {% else %}
-            {% include 'partials/blog/no-gal.html.twig' %}
+            {% include 'partials/no-gal.html.twig' %}
           {% endif %}
+
         {% endfor %}
+
       </div>
 
-      </section>
+    </section>
 
   {% endfor %}
+
 {% endblock %}

user/themes/le_style_de_lours_modif/templates/partials/base.html.twig

@@ -59,9 +59,9 @@
       </svg>
     </div>
   </div>
-    {% block header %}
-    <header>
 
+  {% block header %}
+    <header>
       <nav class="navbar">
         {% block header_navigation %}
           {% include 'partials/navigation.html.twig' %}
@@ -72,8 +72,7 @@
         <h1><a href="{{ home_url }}">{{site.title}}</a></h1>
       </div>
 
-      <section class="logo">
-
+      <div class="logo">
         <div id="user">
           <div id="name">
             <p>{{ theme_config.profile.name | default(site.author.name) }}</p>
@@ -87,66 +86,67 @@
 
         {% for module in page.find('/home').children.order('date', 'desc') %}
           <section class="why_lsdo ">
-              <h3>{{module.title}}</h3>
+            <h3>{{module.title}}</h3>
             {{module.content}}
-           <svg>
+            <svg>
               <path id='' d="M 0,0 100,0 0,20 0,20 Z" style="fill:#964587" />
             </svg>
           </section>
         {% endfor %}
-      </header>
-    {% endblock %}
+
+      </div>
+    </header>
+  {% endblock %}
 
     {% block hero %}{% endblock %}
 
-        <section id="start">
-          {% block body %}
-                {% block content %}{% endblock %}
-          {% endblock %}
-        </section>
+  <section id="start">
+    {% block body %}
+      {% block content %}{% endblock %}
+    {% endblock %}
+  </section>
 
     {% block footer %}
+      <footer>
+        <ul>
+          {% for module in page.find('/pied-de-page').children.order('date', 'desc') %}
+            <li>
+              <a href="#{{ macro.pageLinkName(module.menu)|hyphenize }}">{{module.title}}</a>
+            </li>
+          {% endfor %}
+        </ul>
 
-    <footer>
-      <ul>
-        {% for module in page.find('/pied-de-page').children.order('date', 'desc') %}
-          <li>
-            <a href="#{{ macro.pageLinkName(module.menu)|hyphenize }}">{{module.title}}</a>
-          </li>
-        {% endfor %}
-      </ul>
+          {% for module in page.find('/pied-de-page').children.order('date', 'desc') %}
+            <section id="{{ macro.pageLinkName(module.menu)|hyphenize }}">
+              <h3>{{module.title}}</h3>
+              {{module.content}}
+            </section>
+          {% endfor %}
+    </footer>
+  {% endblock %}
 
-        {% for module in page.find('/pied-de-page').children.order('date', 'desc') %}
-          <section id="{{ macro.pageLinkName(module.menu)|hyphenize }}">
-            <h3>{{module.title}}</h3>
-            {{module.content}}
-          </section>
-        {% endfor %}
-
-      <div class="background-footer">
-        <div class="fond-g">
-          <svg version="1.1" viewBox="0 0 500 500" preserveAspectRatio="xMinYMin meet">
-            <path
-               sodipodi:nodetypes="cccc"
-               inkscape:connector-curvature="0"
-               id="path3336"
-               d="M 500,500 0,0 0,500 Z"
-               style="fill:#fff59b;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:3.22091293px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;enable-background:new" />
-          </svg>
-        </div>
-        <div class="fond-d">
-          <svg version="1.1" viewBox="0 0 500 500" preserveAspectRatio="xMinYMin meet">
-            <path
-               sodipodi:nodetypes="cccc"
-               inkscape:connector-curvature="0"
-               id="path3336"
-               d="M 500,500 0,500 500,0 Z"
-               style="fill:#f39655;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:3.22091293px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;enable-background:new" />
-          </svg>
-        </div>
-      </div>
-  </footer>
-    {% endblock %}
+  <div class="background-footer">
+    <div class="fond-g">
+      <svg version="1.1" viewBox="0 0 500 500" preserveAspectRatio="xMinYMin meet">
+        <path
+        sodipodi:nodetypes="cccc"
+        inkscape:connector-curvature="0"
+        id="path3336"
+        d="M 500,500 0,0 0,500 Z"
+        style="fill:#fff59b;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:3.22091293px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;enable-background:new" />
+      </svg>
+    </div>
+    <div class="fond-d">
+      <svg version="1.1" viewBox="0 0 500 500" preserveAspectRatio="xMinYMin meet">
+        <path
+        sodipodi:nodetypes="cccc"
+        inkscape:connector-curvature="0"
+        id="path3336"
+        d="M 500,500 0,500 500,0 Z"
+        style="fill:#f39655;fill-opacity:1;fill-rule:evenodd;stroke:none;stroke-width:3.22091293px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;enable-background:new" />
+      </svg>
+    </div>
+  </div>
 
 {% block bottom %}
     {{ assets.js('bottom')|raw }}

user/themes/le_style_de_lours_modif/templates/partials/blog/no-gal.html.twig

@@ -1,38 +0,0 @@
-<section id="{{ macro.pageLinkName(child.menu)|hyphenize }}" class="no-gal">
-
-    {% if child.title %}
-      <div class="title">
-        <h3>{{ child.title }}</h3>
-      </div>
-    {% endif %}
-
-    {% if child.content %}
-      <div class="content">
-        {{ child.content }}
-      </div>
-    {% endif %}
-
-    <div class="images">
-      {% for images in child.media.images %}
-        {% if images.html %}
-          {{ images.html }}
-          {% if child.content %}
-            <div class="content">
-              {{ child.content }}
-            </div>
-          {% endif %}
-        {% endif %}
-      {% endfor %}
-    </div>
-
-  {% for item in child.collection %}
-    <h4>{{ item.title }}</h4>
-    {{ item.content }}
-    <div class="images">
-    {% for images in item.media.images %}
-        {{ images.html }}
-    {% endfor %}
-  </div>
-  {% endfor %}
-
-</section>

user/themes/le_style_de_lours_modif/templates/partials/no-gal.html.twig

@@ -0,0 +1,43 @@
+<section id="{{ macro.pageLinkName(child.menu)|hyphenize }}" class="no-gal">
+<!-- si item-text va chercher ce template -->
+
+  {% if child.title %}
+    <div class="title">
+      <h3>{{ child.title }}</h3>
+    </div>
+  {% endif %}
+
+  {% if child.content %}
+    <div class="content">
+      {{ child.content }}
+    </div>
+  {% endif %}
+
+  <div class="images">
+    {% for images in child.media.images %}
+    {% if images %}{% endif %}
+      {{ images.html }}
+      <div class="content">
+        {{ child.content }}
+      </div>
+    {% endfor %}
+  </div>
+
+  <div class="section_n2">
+    {% for item in child.collection %}
+
+      <div class="items blocks">
+
+      {% for images in item.media.images %}
+        <div class="images">
+          {{ images.html }}
+        </div>
+      {% endfor %}
+        <div class="content">
+          {{ item.content }}
+        </div>
+      </div>
+
+    {% endfor %}
+  </div>
+</section>

user/themes/le_style_de_lours_modif/templates/partials/sous-gal.html.twig

@@ -24,12 +24,16 @@
   <div class="owl-carousel">
     {% for item in child.collection %}
       <div class="galerie">
+
         {% for images in item.media.images %}
           <div class="images">
             {{ images.html }}
           </div>
         {% endfor %}
         <div class="content">
+          {% if item.title %}
+          <h5>{{ item.title}}</h5>
+          {% endif %}
           {{ item.content }}
         </div>
       </div>