templates/Lenord/Main/home.html.twig line 1

Open in your IDE?
  1. {% extends 'Lenord/base.html.twig' %}
  2. {% block header_logo %}
  3.   <div>
  4.     <img src="{{ asset('img/brandmaster/logo-le-nord.svg') }}"
  5.          alt="Le Nord, le Département est là">
  6.   </div>
  7. {% endblock %}
  8. {% block header_logo_mobile %}
  9.   <div class="__containerLogoMobile">
  10.     <div>
  11.       <h1>
  12.         <img
  13.           src="{{ asset('img/brandmaster/logo-le-nord.svg') }}"
  14.           alt="Le Nord, le Département est là">
  15.       </h1>
  16.     </div>
  17.     {% include 'Nordinfo/Main/parts/menu_button.html.twig' with { menu_button_type: '--lenord' } %}
  18.   </div>
  19. {% endblock %}
  20. {% block header_nav %}{% endblock %}
  21. {% block header_epingles %}
  22.   {{ include('Lenord/Main/parts/epingles.html.twig') }}
  23. {% endblock %}
  24. {% block body %}
  25.   <main tabindex="-1" role="main" id="mainContent">
  26.     {% for strate in strates %}
  27.       {% if strate == 'actu' %}
  28.         <div
  29.           class="bannerCard bannerCard--placement-{{ home.imageEnavantPlacement.id }} bannerCard--placement-text-{{ home.enavantLibellePlacement }}"
  30.           style="background-image:url('{{ asset('upload/images/'~home.imageEnavantName) }}');">
  31.           <div class="container">
  32.             <div class="bannerCard__text">
  33.               {% if home.bannerImageSubtitle %}
  34.                 <p class="bannerCard__subtitle">{{ home.bannerImageSubtitle }}</p>
  35.               {% endif %}
  36.               <h2>{{ home.enavantLibelle }}</h2>
  37.               <p>{{ home.enavantContent }}</p>
  38.               {% if home.enavantUrl %}
  39.                 <a href="{{ home.enavantUrl }}">{{ home.enavantUrlLibelle }}</a>
  40.               {% endif %}
  41.             </div>
  42.           </div>
  43.         </div>
  44.       {% elseif strate == 'image' and rand_image is not null %}
  45.         <div class="bannerImage d-none d-sm-block"
  46.              style="background-image:url('{{ asset('upload/images/'~home.images[rand_image].filename) }}');"></div>
  47.       {% elseif strate == 'politique' %}
  48.         <div class="containerGridPolicies" style="background-color: {{ home.politiqueCouleurFond }}">
  49.           <div class="container pBMd">
  50.             <h2 class="headingSection mTMd--imp mBMd--imp" style="color:{{ home.politiqueCouleurTitre }}">Nos
  51.               politiques</h2>
  52.             <ul class="gridPolicies">
  53.               {% for politique in politiques %}
  54.                 {{ include('Lenord/Main/parts/part-home_politique.html.twig') }}
  55.               {% endfor %}
  56.             </ul>
  57.           </div>
  58.         </div>
  59.       {% elseif strate == 'institution' %}
  60.         <div class="containerGridPolicies" style="background-color:{{ home.institutionCouleurFond }}">
  61.           <div class="container pBMd">
  62.             <h2 class="headingSection pTMd mBMd--imp" style="color:{{ home.institutionCouleurTitre }}">
  63.               L'institution</h2>
  64.             <ul class="gridPolicies">
  65.               {% for page in pages %}
  66.                 {{ include('Lenord/Main/parts/part-home_institution.html.twig') }}
  67.               {% endfor %}
  68.             </ul>
  69.           </div>
  70.         </div>
  71.       {% elseif strate == 'president' %}
  72.         {% include 'Lenord/Main/parts/banner-contact.html.twig' with {'is_home':true} %}
  73.       {% elseif strate == 'testimonial' %}
  74.         <div class="bannerTestimonial">
  75.           <div>
  76.             <img src="{{ asset('upload/images/'~home.testimonialImageName) }}" alt="">
  77.           </div>
  78.           <div>
  79.             <div>{{ source('svg/icons/icon-quote.svg') }}</div>
  80.             <div>
  81.               <blockquote>
  82.                 {{ home.testimonialCitation|replace({'<em>':'<span>', '</em>':'</span>'})|raw }}
  83.               </blockquote>
  84.             </div>
  85.           </div>
  86.         </div>
  87.       {% elseif strate == 'citation' %}
  88.         {% for citation in home.citations %}
  89.           <div class="banner-citation">
  90.             <div class="banner-citation__inner">
  91.               <div>
  92.                 <div class="banner-citation__img-wrapper">
  93.                   <img src="{{ asset('upload/images/'~citation.elu.picture) }}" width="140" height="auto" alt="">
  94.                 </div>
  95.               </div>
  96.               <div>
  97.                 <div>{{ source('svg/icons/icon-quote.svg') }}</div>
  98.                 <div>
  99.                   <blockquote>
  100.                     <p>{{ citation.citation }}</p>
  101.                     <span>{{ citation.elu.firstName~' '~citation.elu.lastName }}, {{ citation.elu.shortDescription }}</span>
  102.                   </blockquote>
  103.                 </div>
  104.               </div>
  105.             </div>
  106.           </div>
  107.         {% endfor %}
  108.       {% elseif strate == 'nordinfo' %}
  109.         {% if nordinfo_rss|length > 0 %}
  110.           <div class="containerGridPosts --nordInfo">
  111.             <div class="container">
  112.               <h2 class="__titleImg"><img src="{{ asset('img/logos/logo-block-nord-info.svg') }}" alt="Nord Info"></h2>
  113.               <ul class="gridPosts">
  114.                 {% for post in nordinfo_rss %}
  115.                   <li class="__col">
  116.                     {{ include('Lenord/Main/parts/item-post.html.twig') }}
  117.                   </li>
  118.                 {% endfor %}
  119.                 <li class="__col">
  120.                   <a target="_blank" href="https://info.lenord.fr" class="__btnLoadMore" title="Toute l'info">
  121.                     <div class="__inner">
  122.                       <div>
  123.                         <div>{{ source('svg/icons/icon-plus.svg') }}</div>
  124.                         <div><p><span class="__text">Toute l'info</span>&nbsp;<span
  125.                               class="__icon-external">{{ source('svg/icons/icon-external.svg') }}</span></p></div>
  126.                       </div>
  127.                     </div>
  128.                   </a>
  129.                 </li>
  130.               </ul>
  131.             </div>
  132.           </div>
  133.         {% endif %}
  134.       {% elseif strate == 'services' %}
  135.         <div class="containerGridPosts --nordServices">
  136.           <div class="container">
  137.             <h2 class="__titleImg"><img src="{{ asset('img/logos/logo-block-nord-services.svg') }}" alt="Nord Services">
  138.             </h2>
  139.             <ul class="gridPosts --services">
  140.               {% set array_already_added = [] %}
  141.               {% set compteur = 0 %}
  142.               {% for service in home_service.services|slice(0, 7) %}
  143.                 {% set array_already_added = array_already_added|merge([service.id]) %}
  144.                 <li class="__col">
  145.                   {% include 'Lenord/Main/parts/item-post.html.twig' with {'type_template':'services', 'title': service.titre, 'url': path('services_detail_service', {'slug':service.aliasUrl })} %}
  146.                 </li>
  147.                 {% set compteur = compteur + 1 %}
  148.               {% endfor %}
  149.               {% for service in services_forcomplete %}
  150.                 {% if service.id not in array_already_added and compteur < 7 %}
  151.                   <li class="__col">
  152.                     {% include 'Lenord/Main/parts/item-post.html.twig' with {'type_template':'services', 'title': service.titre, 'url': path('services_detail_service', {'slug':service.aliasUrl })} %}
  153.                   </li>
  154.                   {% set compteur = compteur + 1 %}
  155.                 {% endif %}
  156.               {% endfor %}
  157.               <li class="__col">
  158.                 <a target="_blank" href="{{ path('services_home') }}" class="__btnLoadMore --nordServices"
  159.                    title="Tous les services">
  160.                   <div class="__inner">
  161.                     <div>
  162.                       <div>{{ source('svg/icons/icon-plus.svg') }}</div>
  163.                       <div><p><span class="__text">Tous les services</span>&nbsp;<span
  164.                             class="__icon-external">{{ source('svg/icons/icon-external.svg') }}</span></p></div>
  165.                     </div>
  166.                   </div>
  167.                 </a>
  168.               </li>
  169.             </ul>
  170.           </div>
  171.         </div>
  172.       {% elseif strate == 'evasion' %}
  173.         <div class="containerGridPosts --nordEvasion">
  174.           <div class="container">
  175.             <h2 class="__titleImg"><img src="{{ asset('img/logos/logo-block-nord-evasion.svg') }}" alt="Nord Évasion">
  176.             </h2>
  177.             <ul class="gridPosts">
  178.               <li class="__col">
  179.                 {% include 'Lenord/Main/parts/item-post.html.twig' with {'type_template':'evasion', 'title': home.getNordEvasionLibelle1(), 'url':home.getNordEvasionUrl1(), 'src_image': asset('upload/images/' ~ home.getNordEvasionImage1())} %}
  180.               </li>
  181.               <li class="__col">
  182.                 {% include 'Lenord/Main/parts/item-post.html.twig' with {'type_template':'evasion', 'title': home.getNordEvasionLibelle2(), 'url':home.getNordEvasionUrl2(), 'src_image': asset('upload/images/' ~ home.getNordEvasionImage2())} %}
  183.               </li>
  184.               <li class="__col">
  185.                 {% include 'Lenord/Main/parts/item-post.html.twig' with {'type_template':'evasion', 'title': home.getNordEvasionLibelle3(), 'url':home.getNordEvasionUrl3(), 'src_image': asset('upload/images/' ~ home.getNordEvasionImage3())} %}
  186.               </li>
  187.               <li class="__col">
  188.                 <a target="_blank" href="https://evasion.lenord.fr" class="__btnLoadMore --nordEvasion"
  189.                    title="Toutes les idées loisirs">
  190.                   <div class="__inner">
  191.                     <div>
  192.                       <div>{{ source('svg/icons/icon-plus.svg') }}</div>
  193.                       <div><p><span class="__text">Toutes les idées loisirs</span>&nbsp;<span
  194.                             class="__icon-external">{{ source('svg/icons/icon-external.svg') }}</span></p></div>
  195.                     </div>
  196.                   </div>
  197.                 </a>
  198.               </li>
  199.             </ul>
  200.           </div>
  201.         </div>
  202.       {% elseif strate == 'cartographie' %}
  203.         <ul class="rowCartDoc">
  204.           <li class="rowCartDoc__col">
  205.             <a href="{{ path('cartographie') }}">
  206.               <img src="{{ asset('img/cartographie.jpg') }}" alt="" aria-hidden="true">
  207.               <div>
  208.                 <div>
  209.                   <img src="{{ asset('img/icon-carte.png') }}" alt="" aria-hidden="true">
  210.                 </div>
  211.                 <div>
  212.                   <p>Cartographie</p>
  213.                   <p>Chercher un lieu</p>
  214.                 </div>
  215.               </div>
  216.             </a>
  217.           </li>
  218.           <li class="rowCartDoc__col">
  219.             <a href="{{ path('espacedoc') }}">
  220.               <img src="{{ asset('img/documents.jpg') }}" alt="" aria-hidden="true">
  221.               <div>
  222.                 <div>
  223.                   <img src="{{ asset('img/icon-doc.png') }}" alt="" aria-hidden="true">
  224.                 </div>
  225.                 <div>
  226.                   <p>Espace documentaire</p>
  227.                   <p>Chercher un document</p>
  228.                 </div>
  229.               </div>
  230.             </a>
  231.           </li>
  232.         </ul>
  233.       {% elseif strate == 'magazine' %}
  234.         <div class="bannerMagazine">
  235.           <img src="{{ asset("upload/images/" ~ home.getMagazineImageName()) }}" alt="">
  236.           <a href="{{ home.getMagazineUrl() }}" target="_self" class="bannerMagazine__inner">
  237.             <div>
  238.               <img src="{{ asset("upload/images/" ~ home.getMagazineVignetteName()) }}" alt="">
  239.             </div>
  240.             <div>
  241.               <h2>{{ home.getMagazineTitre() }}</h2>
  242.               <p>{{ home.getMagazineChapo() }}</p>
  243.               <span>Découvrir les articles sur info.lenord.fr</span>
  244.             </div>
  245.           </a>
  246.         </div>
  247.       {% elseif strate == 'html1' %}
  248.         <div class="containerHtml">
  249.           <div class="container">
  250.             {{ home.getContentHtml()|raw }}
  251.           </div>
  252.         </div>
  253.       {% elseif strate == 'html2' %}
  254.         <div class="containerHtml">
  255.           <div class="container">
  256.             {{ home.getContentHtml2()|raw }}
  257.           </div>
  258.         </div>
  259.       {% elseif strate == 'html3' %}
  260.         <div class="containerHtml">
  261.           <div class="container">
  262.             {{ home.getContentHtml3()|raw }}
  263.           </div>
  264.         </div>
  265.       {% elseif strate == 'html4' %}
  266.         <div class="containerHtml">
  267.           <div class="container">
  268.             {{ home.getContentHtml4()|raw }}
  269.           </div>
  270.         </div>
  271.       {% endif %}
  272.     {% endfor %}
  273.   </main>
  274. {% endblock %}
  275. {% block footer_top %}
  276.   {% if sites is defined %}
  277.     {% include 'Nordinfo/Main/parts/our-websites.html.twig' %}
  278.   {% endif %}
  279. {% endblock %}