templates/front/layout/index.html.twig line 1

Open in your IDE?
  1. {% extends 'front/base.html.twig' %}
  2. {% block seo %}
  3.     {% include 'front/partials/seo.html.twig' %}
  4.     {% include 'front/partials/social.html.twig' %}
  5. {% endblock seo %}
  6. {% block stylesheet %}{{ parent() }}{% endblock stylesheet %}
  7. {% block layout %}
  8.     {% set properties = page.contentProperties %}
  9.     {% include 'front/heroes/hero-list.html.twig' %}
  10.     
  11.     <div class="fluid-grid pt-10 md:pt-20" js-tabs>
  12.         {% set federations = generate_index() %}
  14.         <h2 class="title title--L text-violet-dark font-light mb-6 md:mb-8">
  15.             Découvrez nos
  16.             <span>fédérations adhérentes</span>
  17.         </h2>
  19.         {# index nav #}
  20.         <div class="index-nav-wrap">
  21.             <div class="index-nav" js-horizontal-slide>
  22.                 <ul class="flex items-center" js-horizontal-slide-content>
  23.                     {% set isInit = false %}
  24.                     {% for letter, values in federations %}
  25.                     <li>
  26.                         {% if values|length > 0 %}
  27.                             <button class="index-nav__item {{ not isInit ? 'is-active' : '' }}" js-tabs-tab="{{ loop.index }}">{{ letter }}</button>
  28.                             {% set isInit = true %}
  29.                         {% else %}
  30.                             <span class="index-nav__item">{{ letter }}</span>
  31.                         {% endif %}
  32.                     </li>
  33.                     {% endfor %}
  34.                 </ul>
  35.             </div>
  36.         </div>
  38.         {# tabs with fede list #}
  39.         <div class="tabs mt-12 mb-24">
  40.             {% set isInit = false %}
  42.             {% for letter in federations %}
  43.                 {% if letter|length > 0 %}
  44.                     <div class="tabs__panel {{ not isInit ? 'is-active' : '' }}" js-tabs-content="{{ loop.index }}">
  45.                         <ul class="row index-grid">
  46.                             {% for federation in letter %}
  47.                                 <li class="col-6 md-col-4 lg-col-3">
  48.                                     {% include 'front/partials/cards/federation.html.twig' %}
  49.                                 </li>
  50.                             {% endfor %}
  51.                         </ul>
  52.                     </div>
  53.                     {% set isInit = true %}
  54.                 {% endif %}
  55.             {% endfor %}
  56.         </div>
  57.     </div>
  59.     {% if page.slices|length > 0 %}
  60.     <div>
  61.         {% include 'front/slices/index.html.twig' with {'slices': page.slices} %}
  62.     </div>
  63.     {% endif %}
  64. {% endblock layout %}
  66. {% block javascript %}{{ parent() }}{% endblock javascript %}