templates/front/heroes/hero-list.html.twig line 1

Open in your IDE?
  1. {% set isPublications = page.type == 'publications-list' %}
  2. {% set isNews = page.type == 'news-list' %}
  4. {% set bgColor = 'bg-orange' %}
  5. {% set suptitle = 'Actualités' %}
  6. {% set suptitleClass = 'hero__round--orange text-orange-dark' %}
  7. {% set iconColor = 'icon--orange-hover' %}
  8. {% set rowClass = 'mt-8 md:mt-10' %}
  9. {% set paddingTitle = 'pt-13 md:pt-8' %}
  11. {% if isPublications %}
  12.     {% set bgColor = 'bg-violet-dark' %}
  13.     {% set suptitle = 'Publications' %}
  14.     {% set suptitleClass = 'hero__round--violet text-orange' %}
  15.     {% set iconColor = 'icon--violet' %}
  16. {% elseif page.type == 'index' %}
  17.     {% set bgColor = 'bg-green' %}
  18.     {% set suptitle = 'Nos fédérations' %}
  19.     {% set suptitleClass = 'hero__round--green text-violet' %}
  20.     {% set iconColor = 'icon--green-light' %}
  21.     {% set rowClass = 'mt-8 md:mt-1' %}
  22.     {% set paddingTitle = 'pt-13 md:pt-18' %}
  23. {% endif %}
  25. <div class="hero-list {{ bgColor}} {{ not isPublications and not isNews ? 'text-violet-dark hero-list--index' : 'text-white' }}">
  26.     <div class="fluid-grid lg:pt-13">
  27.         {% include 'front/partials/breadcrumb.html.twig' with {theme: isPublications ? 'white' : isNews ? 'orange-dark' : 'dark' } %}
  28.         
  29.         <div class="row {{ rowClass }} relative z-1 pl-10 md:pl-0">
  30.             <div class="col-12 md-col-7 lg-col-6 md-col-offset-1 xl:relative">
  31.                 <span class="hero__round hero__round--big {{ suptitleClass }} icon-center">
  32.                     {{ suptitle }}
  33.                 </span>
  35.                 <h1 class="font-semibold title--XL {{ paddingTitle }}">{{ page.title }}</h1>
  37.                 {% if page.description is defined and page.description is not null %}
  38.                     <div class="paragraph wysiwyg paragraph--L mt-6 hero-list__chapo">
  39.                         {{ page.description|raw }}
  40.                     </div>
  41.                 {% endif %}
  42.             </div>
  44.             <div class="col-12 md-col-3 xl-col-4 md-col-offset-9 lg-col-offset-8 order-first md:order-last">
  45.                 {% if not isPublications and not isNews %}
  46.                 <svg width="382" height="382" class="hero-list__icon {{ iconColor }}">
  47.                     <use href="#icon-fede" xlink:href="#icon-fede"></use>
  48.                 </svg>
  49.                 {% else %}
  50.                 <svg width="308" height="308" class="hero-list__icon {{ iconColor }}">
  51.                     <use href="#icon-list-doc" xlink:href="#icon-list-doc"></use>
  52.                 </svg>
  53.                 {% endif %}
  54.             </div>
  55.         </div>
  56.     </div>
  57. </div>