templates/front/slices/slice_push_publi_news.html.twig line 1

Open in your IDE?
  1. <section class="slice push-publi-news">
  2.     <div class="fluid-grid">
  3.         <div class="row">
  4.             <div class="col-12 md-col-6 flex flex-col">
  5.                 <h2 class="relative title title--XL title--circle title--circle-big text-violet mb-6 font-light">
  6.                     Notre dernière <span>publication</span>
  7.                 </h2>
  9.                 <div class="flex-grow w-full flex flex-col items-start">
  10.                     <div class="flex-grow flex">
  11.                         {% if slice.publication is defined and slice.publication is not empty %}
  12.                             {% set publication = slice.publication %}
  13.                             {% set publicationProperties =  publication.contentProperties %}
  14.                         {% else %}
  15.                             {% set publication = find_last_for_home("publication", 1) %}
  16.                             {% set publicationProperties =  publication.contentProperties %}
  17.                         {% endif %}
  18.                         {% include 'front/partials/cards/publication.html.twig' with { size: 'L', type: publication.type } %}
  19.                     </div>
  21.                     <a class="button button--rounded button--arrow button--border button--border--violet mt-8" href="{{ page_url('publications-list', 'front') }}">
  22.                         <span>Voir toutes nos publications</span>
  23.                         <svg width="12" height="12" class="picto icon ml-2 flex-shrink-0">
  24.                             <use href="#icon-arrow" xlink:href="#icon-arrow"></use>
  25.                         </svg>
  26.                     </a>
  27.                 </div>
  28.             </div>
  30.             <div class="col-12 md-col-6 mt-14 md:mt-0 flex flex-col">
  31.                 <h2 class="title title--XL text-violet mb-6 font-light">
  32.                     Actualités <span>de la CGF</span>
  33.                 </h2>
  35.                 <div class="flex-grow w-full flex flex-col items-start">
  36.                     <div class="flex-grow flex w-full"
  37.                          js-slider="{screens: {max: 'xl'}, options: { slidesPerView: 1, spaceBetween: 16,  breakpoints: { 1024: { slidesPerView: 1.57 }} }}">
  38.                         <div class="swiper-container max-w-full md:max-w-none" js-slider-el>
  39.                             <div class="swiper-wrapper push-publi-news__news">
  40.                                 {% if slice.firstNews is defined and slice.firstNews is not empty %}
  41.                                     {% set firstNews = slice.firstNews %}
  42.                                     {% set firstNewsProperties = firstNews.contentProperties %}
  43.                                     {% set secondNews = slice.secondNews %}
  44.                                     {% set secondNewsProperties =  secondNews.contentProperties %}
  45.                                 {% else %}
  46.                                     {% set firstNews = find_last_for_home("news", 2)[0] %}
  47.                                     {% set firstNewsProperties =  firstNews.contentProperties %}
  48.                                     {% set secondNews = find_last_for_home("news", 2)[1] %}
  49.                                     {% set secondNewsProperties =  secondNews.contentProperties %}
  50.                                 {% endif %}
  51.                                 <div class="swiper-slide push-publi-news__item">
  52.                                      {% include 'front/partials/cards/news-event.html.twig' with { size: 'S', type: firstNews.type, news: firstNews, newsProperties: firstNewsProperties } %}
  53.                                 </div>
  54.                                 <div class="swiper-slide push-publi-news__item">
  55.                                      {% include 'front/partials/cards/news-event.html.twig' with { size: 'S', type: secondNews.type, news: secondNews, newsProperties: secondNewsProperties } %}
  56.                                 </div>
  57.                             </div>
  58.                         </div>
  59.                     </div>
  61.                     <a class="button button--rounded button--arrow button--border button--border--violet mt-8" href="{{ page_url('news-list', 'front') }}">
  62.                         <span>Voir toutes nos actualités</span>
  63.                         <svg width="12" height="12" class="picto icon ml-2 flex-shrink-0">
  64.                             <use href="#icon-arrow" xlink:href="#icon-arrow"></use>
  65.                         </svg>
  66.                     </a>
  67.                 </div>
  68.             </div>
  69.         </div>
  70.     </div>
  71. </section>