css+js

user/themes/le_style_de_lours/templates/modular/features.html.twig

@@ -0,0 +1,30 @@
+{% set grid_size = theme_var('grid-size') %}
+{% set columns = page.header.class == 'small' ? 'col-3 col-md-4 col-sm-6' : 'col-4 col-md-6 col-sm-12'  %}
+<section class="section modular-features {{ page.header.class}}">
+        <section class="container {{ grid_size }}">
+            <div class="frame-box">
+
+                {{ content|raw }}
+
+                <div class="columns">
+                {% for feature in page.header.features %}
+                   <div class="column {{ columns }}">
+                      {% if feature.url %}<a href="{{feature.url}}">{% endif %}
+                      <div class="feature-icon">
+                         <i class="fa fa-fw {{ feature.icon }}"></i>
+                         {% if feature.header %}
+                            <h6>{{ feature.header }}</h6>
+                         {% endif %}
+                      </div>
+                      {% if feature.url %}</a>{% endif %}
+                      <div class="feature-content">
+                         {% if feature.text %}
+                         <p>{{ feature.text }}</p>
+                         {% endif %}
+                      </div>
+                   </div>
+                {% endfor %}
+                </div>
+            </div>
+        </section>
+</section>

user/themes/le_style_de_lours/templates/modular/hero.html.twig

@@ -0,0 +1,4 @@
+{% set grid_size = theme_var('grid-size') %}
+{% set hero_image = page.header.hero_image ? page.media[page.header.hero_image] : page.media.images|first %}
+
+{% include 'partials/hero.html.twig' %}

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

@@ -0,0 +1,58 @@
+{% set image = page.media.images|first %}
+{% set tax = header.taxonomy.category %}
+
+{% if tax %}
+
+  <div class="block">
+    {% if image %}
+      <div>
+        {{ content|raw }}
+      </div>
+
+      <div>
+        {% if image %}
+          {{ image.html|raw }}
+        {% endif %}
+      </div>
+
+    {% else %}
+
+      <h3>{{page.title}}</h3>
+      {{ content|raw }}
+
+    {% endif %}
+
+    <div class="slider">
+        {% for module in page.collection() %}
+        <div>
+            {{module.content|raw}}
+        </div>
+        {% endfor %}
+
+    </div>
+  </div>
+
+{% else %}
+  <div class="block">
+    {% if image %}
+      <div>
+        {{ content|raw }}
+      </div>
+
+      <div>
+        {% if image %}
+          {{ image.html|raw }}
+        {% endif %}
+      </div>
+
+    {% else %}
+      <h3>{{page.title}}</h3>
+      {{ content|raw }}
+    {% endif %}
+
+    {% for module in page.collection() %}
+      {{module.content|raw}}
+    {% endfor %}
+  </div>
+
+{% endif %}

user/themes/le_style_de_lours/templates/modular/text.html.twig

@@ -0,0 +1,16 @@
+{% set image = page.media.images|first %}
+
+<div class="block">
+  <div class="title">
+    <h3>{{ page.title|raw }}</h3>
+  </div>
+
+  <div class="img">
+    {{ image.html|raw }}
+    {% if content %}
+      <div class="content">
+        {{ content|raw }}
+      </div>
+    {% endif %}
+  </div>
+</div>