templates/pages/homepage.html.twig line 1

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 %}
  19.     <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">
  20.         {% if content.header_img is defined and content.header_img is not empty %}
  21.             {# pas de loading=lazy ici car c'est le LPC (largest painted content) qui apparaît dès l'arrivée sur le site #}
  22.             <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">
  23.         {% endif %}
  24.         <div class="center w100">
  25.             <h1 {% if content.header_img is defined and content.header_img is not empty %} class="cwhite" {% endif %}>{{ content.page_title }}</h1>
  26.             <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>
  27.             <form action="{{ path('pqna.search') }}" method="POST" class="dflex fdc aic usnone">
  28.                 <div class="input-search-container prelative">
  29.                     <input type="text" name="q" placeholder="Que recherchez-vous ?" class="fs16 lh24">
  30.                     <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>
  31.                 </div>
  32.                 <div class="dflex jcc fwwrap search-button-display mt-24px" id="search-buttons-container-hp">
  33.                     <div>
  34.                         <input class="check_search" type="radio" id="Contractualisation-hp" name="keyword" value="Contractualisation">
  35.                         <label for="Contractualisation-hp" class="fs18 fw600 cwhite lh28">Contractualisation</label>
  36.                     </div>
  37.                     <div>
  38.                         <input class="check_search" type="radio" id="Gouvernance-hp" name="keyword" value="Gouvernance">
  39.                         <label for="Gouvernance-hp" class="fs18 fw600 cwhite lh28">Gouvernance</label>
  40.                     </div>
  41.                     <div>
  42.                         <input class="check_search" type="radio" id="Experimentation-hp" name="keyword" value="Experimentation">
  43.                         <label for="Experimentation-hp" class="fs18 fw600 cwhite lh28">Expérimentation</label>
  44.                     </div>
  45.                     <div class="break"></div>
  46.                     <div>
  47.                         <input class="check_search" type="radio" id="Cooperation-hp" name="keyword" value="Cooperation">
  48.                         <label for="Cooperation-hp" class="fs18 fw600 cwhite lh28">Coopération</label>
  49.                     </div>
  50.                     <div>
  51.                         <input class="check_search" type="radio" id="Evaluation-hp" name="keyword" value="Evaluation">
  52.                         <label for="Evaluation-hp" class="fs18 fw600 cwhite lh28">Évaluation</label>
  53.                     </div>
  54.                 </div>
  55.             </form>
  56.         </div>
  57.         {% if content.header_img is defined and content.header_img is not empty %}
  58.             <div class="background-color-blue"></div>
  59.         {% endif %}
  60.     </div>
  61.     <div class="main-container w100 plr-1em">
  62.         <div class="content">
  63.             <div class="blocks w100">
  64.                 <section class="alaune mt-40px">
  65.                     <h2 class="fs60 lh60 fw700 center">À la une</h2>
  66.                     {% include "homepage-articles/alaune.html.twig" with {thematiques: thematiquesArray} %}
  67.                 </section>
  68.                 <section class="evenementsavenir mt-80px mb-40px pb-100px prelative">
  69.                     <h2 class="fs60 lh60 fw700 center mb-40px">Évènements à venir</h2>
  70.                     {% include "homepage-articles/evenementsavenir.html.twig" %}
  71.                 </section>
  72.                 <section class="presentation">
  73.                     {% for block in content.main_content %}
  74.                         {% if block.type == 'category_presentation' %}
  75.                             {% include "homepage-articles/presentation-category.html.twig" %}
  76.                         {% elseif block.type == 'partenaires_financiers' %}
  77.                             {% include "homepage-articles/partenaires.html.twig" %}
  78.                         {% endif %}
  79.                     {% endfor %}
  80.                 </section>
  81.             </div>
  82.         </div>
  83.     </div>
  84. {% endblock %}
  85. {% block javascripts %}
  86.     {{ parent() }}
  87.     {{ encore_entry_script_tags('splide') }}
  88.     {{ encore_entry_script_tags('onboard_tour') }}
  89. {% endblock %}