templates/commons/sections.html.twig line 1

Open in your IDE?
  1. <div id="sections" class="{% if themePage is defined %} theme-page {% endif %}" data-aos="fade-right">
  2.   {% if headerPublication is defined %}
  3.     <div class="publication-header" data-aos="fade-up" data-aos-delay="200">
  4.       <span class="subTitle">{{ formatDateMoisAnnee(headerPublication.date) }}</span>
  5.       <span class="author">{{ headerPublication.subTitle|raw }}</span>
  6.     </div>
  7.   {% endif %}
  8.   {% if headerActuality is defined %}
  9.     <div class="actuality-header" data-aos="fade-up" data-aos-delay="200">
  10.       <p>
  12.         {{ formatDateMoisAnnee(headerActuality.date) }}
  13.       </p>
  14.       <div class="container-labels">
  15.         <span class="label category" data-link><a href="{{ path('app_actuality_list', {'category': headerActuality.category.slug}) }}">{{ headerActuality.category.name }}</a></span>
  16.       </div>
  17.       <div class="container-labels">
  18.         {% for label in headerActuality.labels %}
  19.           <span class="label" data-link><a href="{{ path('app_actuality_list', {'label': label.slug}) }}">{{ label.name }}</a></span>
  20.         {% endfor %}
  21.       </div>
  22.     </div>
  23.   {% endif %}
  24.   {% for section in sections|sort((a, b) => a.position <=> b.position) %}
  25.     {% if section.accordeon %}
  26.       <section class="c-accordion" data-component="accordion">
  27.         <div role="heading" aria-level="3">
  28.           <div id="accordion-trigger-{{ loop.index0 }}" class="c-accordion__trigger" {% if loop.index0 == 0 %}data-open="true"{% endif %} data-controls="accordion-panel-{{ loop.index0 }}">
  29.             <h2>{{ section.title }}</h2>
  30.             <i class="icon fa-solid fa-chevron-right"></i>
  31.           </div>
  32.         </div>
  33.         <div id="accordion-panel-{{ loop.index0 }}" class="c-accordion__panel">
  34.           {% include "commons/paragraphs.html.twig" with {'paragraphs':section.paragraphs, 'indexSection': loop.index} %}
  35.         </div>
  36.       </section>
  37.       {% else %}
  38.         <section class="without-accordeon" data-aos="fade-up" data-aos-delay="400">
  39.           {% include "commons/paragraphs.html.twig" with {'paragraphs':section.paragraphs, 'indexSection': loop.index} %}
  40.         </section>
  41.       {% endif %}
  42.   {% endfor %}
  43.   {% if footerPublication is defined %}
  44.     <div class="publication-footer" data-aos="fade-up" data-aos-delay="200">
  45.       <div class="share">
  46.         <h2>{{ footerPublication.titleShare }}</h2>
  47.         <div class="share-buttons">
  48.           <a href="https://www.facebook.com/sharer/sharer.php?u={{ app.request.uri }}" target="_blank" rel="noopener noreferrer" title="Partager sur Facebook">
  49.             <i class="icon fa-brands fa-facebook-f"></i>
  50.           </a>
  51.           <a href="https://twitter.com/intent/tweet?url={{ app.request.uri }}" target="_blank" rel="noopener noreferrer" title="Partager sur Twitter">
  52.             <i class="icon fa-brands fa-x-twitter"></i>
  53.           </a>
  54.           <a href="https://www.linkedin.com/shareArticle?mini=true&url={{ app.request.uri }}" target="_blank" rel="noopener noreferrer" title="Partager sur LinkedIn">
  55.             <i class="icon fa-brands fa-linkedin-in"></i>
  56.           </a>
  57.         </div>
  58.       </div>
  59.       <a class="btn btn-default return" href="{{ footerPublication.urlReturn }}"><span>{{ footerPublication.titleReturn }}</span></a>
  60.     </div>
  61.   {% endif %}
  62. </div>