templates/news/detail.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block page_contents %}
  4. <section class="section section-page-title section-news-title position-relative mb-4">
  5.   <div class="bg-gradient pt-5 pb-0 t-0 l-0 w-100 position-relative">
  6.     <div class="container">
  7.       <div class="row">
  8.         <div class="col-12">
  9.           <div class="page-box d-flex flex-lg-row flex-column align-items-center">
  10.             <div class="page-img mr-lg-5 mr-0 order-lg-1 order-2">
  11.               <img src="{{ news.media }}" alt="{{ news.title }}" onerror="this.onerror=null;this.src='{{ asset('assets/images/no-img/news.jpg') }}';">
  12.             </div>
  13.             <div class="a-box order-lg-2 order-1 mb-lg-0 mb-4">
  14.               <h1 class="page-name font-weight-bold mb-3 text-white text-lg-left text-center">{{ news.title }}</h1>
  15.               <div class="a-time justify-content-lg-start justify-content-end">
  16.                 <div class="a-icon"><i class="fa-solid fa-calendar-week"></i></div>
  17.                 <div class="a-text">{{ news.createdDate|date('d M Y') }}</div>
  18.               </div>
  19.             </div>
  20.           </div>
  21.         </div>
  22.       </div>
  23.     </div>
  24.   </div>
  25. </section>
  27. <section class="section section-page-content" data-aos='fade-up'>
  28.   <div class="container">
  29.     <div class="row">
  30.       <div class="col-12 mx-auto keepEditorStyle mb-0 text-dark-purple text-justify">
  31.         {{ news.content|raw }}
  32.       </div>
  33.       <div class="col-6 text-left back-link my-4">
  34.         <a href="{{path('news.index')}}"><i class="fa-solid fa-arrow-left font-12"></i>{% trans %}Retour{% endtrans %}</a>
  35.       </div>
  36.       <div class="col-6 text-right next-link my-4">
  37.         {% if nextNews %}
  38.           <a href="{{ nextNews.url }}">{% trans %}Suivante{% endtrans %}<i class="fa-solid fa-arrow-right font-12"></i></a>
  39.         {% endif %}
  40.       </div>
  41.     </div>
  42.   </div>
  43. </section>
  45. <section class="section section-news b-4">
  46.     <div class="container">
  47.       <div class="row">
  48.         <div class="col-12">
  49.           <div class="section-title mb-4" data-aos='fade-down'><span>/</span> {% trans %}Dernières Actualités{% endtrans %}</div>
  50.         </div>
  51.       </div>
  52.       <div class="row">
  53.         {% if newsLasted %}
  54.           {% for news in newsLasted|default([]) %}
  55.               <div class="col-lg-4 col-md-6 mb-lg-5 mb-4">    
  56.                 <div class="n-item d-flex flex-column h-100" data-aos='zoom-in'>
  57.                   <div class="n-img mb-4">
  58.                     <a href="{{ news.url }}">
  59.                       <img class="position-relative w-100" src="{{ news.media }}" alt="{{ news.title }}" 
  60.                           onerror="this.onerror=null;this.src='{{ asset('assets/images/no-img/news.jpg') }}';"/>
  61.                     </a>
  62.                   </div>
  63.                   <div class="n-title mb-3">
  64.                     <a href="{{ news.url }}">{{ news.title }}</a>
  65.                   </div>
  66.                   <div class="n-time mb-3">
  67.                     <div class="n-icon"><i class="fa-solid fa-calendar-week"></i></div>
  68.                     <div class="n-text">{{ news.createdDate|date('d M Y') }}</div>
  69.                   </div>
  70.                   <div class="n-text mb-3">
  71.                     <div class="truncate-text">
  72.                       {{ news.description }}
  73.                     </div>
  74.                   </div>
  75.                   <div class="n-link mt-auto">
  76.                     <a href="{{ news.url }}">{% trans %}Lire l'article{% endtrans %}<i class="fa-solid fa-arrow-right"></i></a>
  77.                   </div>
  78.                 </div>
  79.               </div>
  80.           {% endfor %}
  81.       {% endif %}
  82.       </div>
  83.     </div>  
  84.   </section>
  85. {% endblock %}
  88. {% block custom_javascripts %}
  89. {{ '<script type="application/ld+json">'|raw }}
  90. {{ richSnippets|json_encode | raw }}
  91. {{ '</script>'|raw }}
  92. {% endblock %}