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