epau antimatter modular

2021-03-09 17:53:34 +01:00
parent c9360be571
commit a0d7de2621
235 changed files with 12398 additions and 36 deletions
@@ -0,0 +1,22 @@
+<div class="modular-row features {{ page.header.class}}">
+    {{ content|raw }}
+    <div class="feature-items">
+    {% for feature in page.header.features %}
+           <div class="feature">
+            {% if feature.icon %}
+            <i class="fa fa-fw fa-{{ feature.icon }}"></i>
+            <div class="feature-content icon-offset">
+            {% else %}
+            <div class="feature-content">
+            {% endif %}
+            {% if feature.header %}
+            <h4>{{ feature.header }}</h4>
+            {% endif %}
+            {% if feature.text %}
+            <p>{{ feature.text }}</p>
+            {% endif %}
+            </div>
+        </div>
+    {% endfor %}
+    </div>
+</div>
@@ -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-personnes {{ page.header.class}}">
+        <section class="container {{ grid_size }}">
+            <div class="frame-box">
+
+                {{ content|raw }}
+
+                <div class="columns">
+                {% for features in page.header.features %}
+                   <div class="column {{ columns }}">
+                      {% if features.url %}<a href="{{features.url}}">{% endif %}
+                      <div class="features-icon">
+                         <i class="fa fa-fw {{ features.icon }}"></i>
+                         {% if features.header %}
+                            <h6>{{ features.header }}</h6>
+                         {% endif %}
+                      </div>
+                      {% if features.url %}</a>{% endif %}
+                      <div class="features-content">
+                         {% if features.text %}
+                         <p>{{ features.text }}</p>
+                         {% endif %}
+                      </div>
+                   </div>
+                {% endfor %}
+                </div>
+            </div>
+        </section>
+</section>
@@ -0,0 +1,13 @@
+{% set showcase_image = page.media.images|first.grayscale().contrast(20).brightness(-125).colorize(-35,81,122) %}
+{% if showcase_image %}
+	<div class="modular-row showcase{% if page == page.parent.collection.first %} flush-top{% endif %}" style="background-image: url({{ showcase_image.url }});">
+{% else %}
+<div class="modular-row showcase">
+{% endif %}
+    {{ content|raw }}
+
+    {% for button in page.header.buttons %}
+        <a class="button{% if button.primary %} primary{% endif %}" href="{{ button.url }}">{{ button.text }}</a>
+    {% endfor %}
+
+</div>
@@ -0,0 +1,7 @@
+<div class="modular-row callout">
+    {% set image = page.media.images|first %}
+    {% if image %}
+        {{ image.cropResize(400,400).html('','','align-'~page.header.image_align)|raw }}
+    {% endif %}
+{{ content|raw }}
+</div>