loader ajax

This commit is contained in:
2019-10-06 01:13:05 +02:00
parent 8a48a6ac0f
commit ba59f31741
355 changed files with 11286 additions and 707 deletions
@@ -2,28 +2,37 @@
{% import _self as macro %}
<div class="card">
{% set image = page.media.images|first %}
{% if image %}
<div id="{{ page.folder }}" class="card-image">
<a href="{{ page.url }}">
<div class="card-header">
{% if page.header.title %}
{% include 'partials/blog/title.html.twig' with {title_level: 'h2'} %}
{% endif %}
{% if page.header.taxonomy.tag %}
{% include 'partials/blog/taxonomy.html.twig' %}
{% endif %}
{% set image = page.media.images|first %}
{% set services_image = page.media.images|first.derivatives(400).sizes('(min-width:224px) 404px, 100vw') %}
{% if page.header.date %}
{% include 'partials/blog/date.html.twig' %}
{% endif %}
</div>
{% if image %}
<!-- card projet -->
<div class="card">
<div class='loader'></div>
<img class="lazy" data-src="{{image.url}}" alt="Projet">
<div id="{{ page.folder }}" class="card-image">
<a href="{{ page.url }}">
</a>
</div>
{% endif %}
</div>
<div class="card-header">
{% if page.header.title %}
{% include 'partials/blog/title.html.twig' with {title_level: 'h2'} %}
{% endif %}
{% if page.header.taxonomy.tag %}
{% include 'partials/blog/taxonomy.html.twig' %}
{% endif %}
{% if page.header.date %}
{% include 'partials/blog/date.html.twig' %}
{% endif %}
</div>
<img class="lazy" data-src="{{ services_image.url() }}" data-srcset="{{ services_image.srcset() }}">
</a>
</div>
</div>
{% else %}
{% include 'partials/blog/title.html.twig' with {title_level: 'p'} %}
{% endif %}