isotope && page agenda

This commit is contained in:
2020-09-08 23:58:13 +02:00
parent 6690a1ec7d
commit 93c5e32689
18 changed files with 372 additions and 56 deletions
@@ -9,7 +9,7 @@
{% include 'components/thumbnails/thumbnails.twig'%}
{% endfor %}
</div>
<div class="row">
<div class="row wrap-btn">
<a class="btn _all" rel="noreferrer" href="/agenda">Tout voir</a>
</div>
</div>
+14 -13
View File
@@ -1,12 +1,12 @@
{% extends "base.twig" %}
{% block content %}
{% include 'components/title_page.twig' %}
{% set now = 'now'|date('Ydj') %}
<section>
<ul class="btn_archive d-flex flex-wrap button-group filter-button-group my-0">
{% include 'components/title_page.twig' %}
{% set now = 'now'|date('Ydj') %}
<section class="row filter">
<ul class="d-flex flex-wrap">
<li><a href="/archive">Archive</a></li>
</ul>
<ul class="cat-list d-flex flex-wrap button-group filter-button-group">
<ul class="cat-list col d-flex flex-wrap">
<li data-filter="*" >
Tous
</li>
@@ -23,18 +23,19 @@
{% endif %}
{% endfor %}
</ul>
</section>
<section class="row grid">
{% for item in posts %}
{% set end = item.informations_fin_event|date("Ydj") %}
{% if now <= end %}
{% include 'components/thumbnails/thumbnails.twig'%}
{% endif %}
{% endfor %}
<div class="grid">
{% for item in posts %}
{% set end = item.informations_fin_event|date("Ydj") %}
{% if now <= end %}
{% include 'components/thumbnails/thumbnails.twig'%}
{% endif %}
{% endfor %}
</div>
<div class="paralax" data-rellax-speed="-5">
<img src="{{theme.link}}/asset/images/objet_4.svg" alt="objet 4">
</div>
</section>
{% endblock %}
+1 -1
View File
@@ -21,7 +21,7 @@
</figure>
{% endif %}
<main id="content" class="containe-fluid" role="main">
<main id="content" class="container" role="main">
{% if title %}
<h1>{{title}}</h1>
{% endif %}
@@ -4,12 +4,12 @@
{% set cat = item.categories|first.slug %}
{% endif %}
<article class="thumbnails col {{cat}}">
<article class="thumbnails col-12 col-md-6 col-lg-4 {{cat}}">
<a rel="noreferrer" href="{{site.url}}/{{item.post_name}}">
<figure>
<span class="icone_cat {{cat}}"></span>
<img src="{{ Image(item.image_event).src }}">
<img src="{{ Image(item.image_event).src|resize(500,500) }}">
</figure>
<div class="wrap_content">
@@ -1,5 +1,5 @@
<h3>Les Projets</h3>
<h2>{{ post.meta('texte_chapeau_projet') }}</h2>
<h4>{{ post.meta('texte_chapeau_projet') }}</h4>
<div class="row">
<!--ajout chloe drag-->
{# <div id="drag_1" class="group_drag">
@@ -31,11 +31,11 @@
</div> #}
<!--fin ajout chloe drag-->
{% for item in projet %}
<div class="col-4">
<div class="projets col-12 col-md-6 col-lg">
<h3>{{item.title}}</h3>
<div class="row">
<div>
{{item.meta('text')|truncate(30)}}
<div class="col">
<div class="col px-0">
{% for projet in item.meta("projets") %}
<h4>{{projet.titre}}</h4>
{{projet.text|truncate(20)}}
@@ -44,8 +44,7 @@
</div>
</div>
{% endfor %}
<div class="col">
<a rel="noreferrer" class="btn _all" href="/les-projets">Tout voir</a>
</div>
</div>
<div class="row wrap-btn">
<a rel="noreferrer" class="btn _all" href="/les-projets">Tout voir</a>
</div>
@@ -1,26 +1,27 @@
<h3 class="titre">Les temps forts</h3>
<div class="row">
{% for item in tpsF %}
<div class="col-4 item tpsF_thumbnails">
<figure>
<img src="{{item.thumbnail.src }}" alt="{{item.thumbnail.alt}}" title="{{item.thumbnail.title}}">
</figure>
<div class="wrapper_content">
<div class="_title">
{% for item in tpsF %}
<article class="thumbnails col-12 col-md-6 col-lg {{cat}}">
<figure>
<img src="{{item.thumbnail.src|resize(500,500) }}" alt="{{item.thumbnail.alt}}" title="{{item.thumbnail.title}}">
</figure>
<div class="wrap_content">
<h3>{{item.title}}</h3>
<span>Prochaine Édition :
<br><time datetime="{{item.next_edition|date("F Y") }}">{{item.next_edition|date("F Y") }}</time></br>
</span>
<div class="date">
<span>Prochaine Édition :
<br><time datetime="{{item.next_edition|date("F Y") }}">{{item.next_edition|date("F Y") }}</time></br>
</span>
</div>
<div class="content">
{{item.text|truncate(20)}}
</div>
</div>
<div class="_content">
{{item.text|truncate(20)}}
</div>
</div>
</div>
{% endfor %}
</article>
{% endfor %}
</div>
<div class="row">
<div class="row wrap-btn">
<a rel="noreferrer" class="btn _all" href="/les-temps-forts">Tout voir</a>
</div>