templates/pages/homepage.html.twig line 66

Open in your IDE?
  1. {% extends "base.html.twig" %}
  2. {% block style %}
  3.     {{ parent() }}
  4.     {% include "css/shepherd.html.twig" %}
  5.     {% include "pages/headers/encore-entry-css-files.html.twig" with {file: 'homepage_css'} %}
  6.     {% include "pages/headers/encore-entry-css-files.html.twig" with {file: 'evenementavenir_css'} %}
  7.     {% include "pages/headers/encore-entry-css-files.html.twig" with {file: 'previews_css'} %}
  8.     {% include "pages/headers/encore-entry-css-files.html.twig" with {file: 'preview_thematique_css'} %}
  9.     {% include "pages/headers/encore-entry-css-files.html.twig" with {file: 'splide_css'} %}
  10. {% endblock %}
  11. {% block content %}
  12.     {% set thematiquesArray = [] %}
  13.     {% if app.user is defined and app.user.contact is defined %}
  14.         {% for thematiques in app.user.contact.categories %}
  15.             {% set thematiquesArray = thematiquesArray|merge([thematiques.id]) %}
  16.         {% endfor %}
  17.     {% endif %}
  18.     <div id="myHeader" class="{% if content.header_img is defined and content.header_img is not empty %}homepage-title{% else %}small-main-title{% endif %} dflex aic jcc prelative homepage-header homepage-intro example-css-selector">
  19.         {% if content.header_img is defined and content.header_img is not empty %}
  20.             {# pas de loading=lazy ici car c'est le LPC (largest painted content) qui apparaît dès l'arrivée sur le site #}
  21.             <img src="{{ content.header_img.formats['1000x.webp'] }}" srcset="{{ content.header_img.formats['300x.webp'] }} 300w, {{ content.header_img.formats['600x.webp'] }} 600w, {{ content.header_img.formats['800x.webp'] }} 800w, {{ content.header_img.formats['1000x.webp'] }} 1000w" sizes="(max-width: 300px) 300w, (max-width: 600px) 600w, (max-width: 800px) 800w, 1000w" alt="{{ content.header_img | copyright_or_description_or_title }}" width="{{ content.header_img.fileVersion.properties.width }}" height="{{ content.header_img.fileVersion.properties.height }}" loading="lazy">
  22.         {% endif %}
  23.         <div class="center w100">
  24.             <h1 {% if content.header_img is defined and content.header_img is not empty %} class="cwhite" {% endif %}>{{ content.page_title }}</h1>
  25.             <div class="mt-20px mb-20px fw500 fs20 text tac{% if content.header_img is defined and content.header_img is not empty %} cwhite{% else %} cgrey{% endif %}">{{ content.chapo|raw }}</div>
  26.             <form action="{{ path('pqna.search') }}" method="POST" class="dflex fdc aic usnone">
  27.                 <div class="input-search-container prelative">
  28.                     <input type="text" name="q" placeholder="Que recherchez-vous ?" class="fs16 lh24">
  29.                     <button type="submit" class="pabsolute dflex aic jcc"><img src="/resources/img/search-icon.svg" alt="Rechercher" width="16" height="16" loading="lazy" style="pointer-events: none;"></button>
  30.                 </div>
  31.                 <div class="dflex jcc fwwrap search-button-display mt-24px" id="search-buttons-container-hp">
  32.                     <div>
  33.                         <input class="check_search" type="radio" id="Contractualisation-hp" name="keyword" value="Contractualisation">
  34.                         <label for="Contractualisation-hp" class="fs18 fw600 cwhite lh28">Contractualisation</label>
  35.                     </div>
  36.                     <div>
  37.                         <input class="check_search" type="radio" id="Gouvernance-hp" name="keyword" value="Gouvernance">
  38.                         <label for="Gouvernance-hp" class="fs18 fw600 cwhite lh28">Gouvernance</label>
  39.                     </div>
  40.                     <div>
  41.                         <input class="check_search" type="radio" id="Experimentation-hp" name="keyword" value="Experimentation">
  42.                         <label for="Experimentation-hp" class="fs18 fw600 cwhite lh28">Expérimentation</label>
  43.                     </div>
  44.                     <div class="break"></div>
  45.                     <div>
  46.                         <input class="check_search" type="radio" id="Cooperation-hp" name="keyword" value="Cooperation">
  47.                         <label for="Cooperation-hp" class="fs18 fw600 cwhite lh28">Coopération</label>
  48.                     </div>
  49.                     <div>
  50.                         <input class="check_search" type="radio" id="Evaluation-hp" name="keyword" value="Evaluation">
  51.                         <label for="Evaluation-hp" class="fs18 fw600 cwhite lh28">Évaluation</label>
  52.                     </div>
  53.                 </div>
  54.             </form>
  55.         </div>
  56.         {% if content.header_img is defined and content.header_img is not empty %}
  57.             <div class="background-color-blue"></div>
  58.         {% endif %}
  59.     </div>
  60.     <div class="main-container w100 plr-1em">
  61.         <div class="content">
  62.             <div class="blocks w100">
  63.                 <section class="alaune mt-40px">
  64.                     <h2 class="fs60 lh60 fw700 center">À la une</h2>
  65.                     {% include "homepage-articles/alaune.html.twig" with {thematiques: thematiquesArray} %}
  66.                 </section>
  67.                 <section class="evenementsavenir mt-80px mb-40px pb-100px prelative">
  68.                     <h2 class="fs60 lh60 fw700 center mb-40px">Évènements à venir</h2>
  69.                     {% include "homepage-articles/evenementsavenir.html.twig" %}
  70.                 </section>
  71.                 <section class="presentation">
  72.                     {% for block in content.main_content %}
  73.                         {% if block.type == 'category_presentation' %}
  74.                             {% include "homepage-articles/presentation-category.html.twig" %}
  75.                         {% elseif block.type == 'partenaires_financiers' %}
  76.                             {% include "homepage-articles/partenaires.html.twig" %}
  77.                         {% endif %}
  78.                     {% endfor %}
  79.                 </section>
  80.             </div>
  81.         </div>
  82.     </div>
  83. {% endblock %}
  84. {% block javascripts %}
  85.     {{ parent() }}
  86.     {{ encore_entry_script_tags('splide') }}
  87.     {{ encore_entry_script_tags('onboard_tour') }}
  88. {% endblock %}