templates/Lenord/base.html.twig line 1

Open in your IDE?
  1. {% extends "base.html.twig" %}
  2. {% block html_class_site_variant %}htmlLeNord{% endblock %}
  3. {% block body_class_site_variant %}bodyLeNord{% endblock %}
  4. {% block header_main_css_class %}--leNord{% endblock %}
  5. {% block title %}
  6.   {% if title == "" %}Nord, le Département{% else %}{{ title }} - Nord, le Département{% endif %}
  7. {% endblock %}
  8. {% block seo %}
  9.   <script type="application/ld+json">
  10.     {
  11.       "@context": "https://schema.org",
  12.       "@type": "WebSite",
  13.       "url": "https://lenord.fr/",
  14.       "potentialAction": {
  15.         "@type": "SearchAction",
  16.         "target": {
  17.           "@type": "EntryPoint",
  18.           "urlTemplate": "https://lenord.fr/recherche?search={search_term_string}"
  19.         },
  20.         "query-input": "required name=search_term_string"
  21.       }
  22.     }
  23.   </script>
  24.   {% if breadcrumb is defined and breadcrumb|length > 0 and seo_breadcrumb is defined %}
  25.     <script type="application/ld+json">
  26.       {{ seo_breadcrumb|raw }}
  27.     </script>
  28.   {% endif %}
  30. {% endblock %}
  31. {% block favicon %}
  32.   <link rel="apple-touch-icon" sizes="180x180" href="{{ asset('img/favicon/favicon_lenord.png') }}">
  33.   <link rel="icon" type="image/png" sizes="32x32" href="{{ asset('img/favicon/favicon_lenord.png') }}">
  34.   <link rel="icon" type="image/png" sizes="16x16" href="{{ asset('img/favicon/favicon_lenord.png') }}">
  35.   <link rel="manifest" href="{{ asset('img/favicon/le-nord') }}/site.webmanifest">
  36.   <meta name="msapplication-TileColor" content="#da532c">
  37.   <meta name="theme-color" content="#ffffff">
  38. {% endblock %}
  39. {% block stylesheets %}
  40.   {{ encore_entry_link_tags('common') }}
  41. {% endblock %}
  42. {% block header_logo %}
  43.   <a href="{{ app.request.getSchemeAndHttpHost() }}" data-tabindex-mobile="1" title="Aller à l'accueil du site le nord">
  44.     <img src="{{ asset('img/brandmaster/logo-le-nord.svg') }}"
  45.          alt="Le Nord, le Département est là (retourner à la page d'accueil)">
  46.   </a>
  47. {% endblock %}
  48. {% block header_logo_pdf %}
  49.   <div style="text-align:center;">
  50.     <img src="https://spontaneit1.fra1.digitaloceanspaces.com/le-nord/images/logos/logo-le-nord.png" style="width:190px;height:76px;display:inline-block;" alt="">
  51.   </div>
  52. {% endblock %}
  53. {% block header_logo_print %}
  54.   <div style="text-align:center;" class="d-print-block d-none">
  55.     <img src="https://spontaneit1.fra1.digitaloceanspaces.com/le-nord/images/logos/logo-le-nord.png" style="width:190px;height:76px;display:inline-block;" alt="">
  56.   </div>
  57. {% endblock %}
  58. {% block header_col_dynamic %}
  59.   <nav class="__col _glossaire --le-nord">
  60.     <a href="/glossaire" class="{% if app.request.pathinfo == '/glossaire' %}active{% endif %}"><span>Glossaire</span></a>
  61.   </nav>
  62. {% endblock %}
  63. {% block header_mobile_dynamic %}
  64.   <li>
  65.     <a href="/glossaire" class="{% if app.request.pathinfo == '/glossaire' %}active{% endif %}"><span>Glossaire</span></a>
  66.   </li>
  67. {% endblock %}
  68. {% block header_col_login %}
  69.   <li>
  70.     <a href="/presse" class="linkLogin {% if app.request.pathinfo == '/presse' %}--active{% endif %}">
  71.       <div class="__inner">
  72.         <img
  73.           src="{{ asset('img/brandmaster/icon-presse-le-nord.svg') }}"
  74.           width="16" height="16" alt="">
  75.         <span>Presse</span>
  76.       </div>
  77.     </a>
  78.   </li>
  79.   <li>
  80.     <a href="https://eluspartenaires.lenord.fr/" class="linkLogin">
  81.       <div class="__inner">
  82.         <img
  83.           src="{{ asset('img/brandmaster/icon-elus-le-nord.svg') }}"
  84.           width="16" height="16" alt="">
  85.         <span>Élus</span>
  86.         <span class="__icon-external">{{ source('svg/icons/icon-external.svg') }}</span>
  87.       </div>
  88.     </a>
  89.   </li>
  90.   <li>
  91.     <a href="https://contact.lenord.fr/" target="_blank" class="linkLogin">
  92.       <div class="__inner">
  93.         <img
  94.           src="{{ asset('img/brandmaster/icon-extranet-le-nord.svg') }}"
  95.           width="16" height="16" alt="">
  96.         <span>Extranet</span>
  97.         <span class="__icon-external">{{ source('svg/icons/icon-external.svg') }}</span>
  98.       </div>
  99.     </a>
  100.   </li>
  101. {% endblock %}
  102. {% block header_form_search %}
  103.   <form action="{{ path('lenord_recherche') }}" method="GET" class="formSearchMain _header form --leNord">
  104.     <label for="inputSearch" hidden>Je recherche</label>
  105.     <div class="__input-wrapper">
  106.       <input required name="search" title="Je recherche" type="text" id="inputSearch"
  107.              data-tabindex-mobile="5" placeholder="Je recherche"
  108.              class="form-control __input-search">
  109.       <input type="hidden" name="checkservices" value="on">
  110.       <input type="hidden" name="checkactualites" value="on">
  111.       <input type="hidden" name="checkevenements" value="on">
  112.       <input type="hidden" name="checkdocuments" value="on">
  113.       <button type="submit" class="__btn-search" data-tabindex-mobile="5">
  114.         <img src="{{ asset('img/brandmaster/icon-search-le-nord.svg') }}" alt="" aria-hidden="true">
  115.         <span class="sr-only">Recherche</span>
  116.       </button>
  117.     </div>
  118.   </form>
  119. {% endblock %}
  120. {% block header_dropdown_user_menu %}
  121.   <div class="dropdown dropdownUserMenuHeader" id="dropdownUserMenu">
  122.     <button class="toggleUserMenu" role="button" id="dropdownMenuButton"
  123.             data-toggle="dropdown"
  124.             aria-expanded="false"
  125.             aria-haspopup="true"
  126.             data-focus-menu-target>
  127.       <span class="__name">
  128.         <span class="__left"><span>Menu</span></span>
  129.         <span class="__right">
  130.           <svg aria-hidden="true" focusable="false" id="Layer_1"
  131.                data-name="Layer 1"
  132.                xmlns="http://www.w3.org/2000/svg" viewbox="0 0 19.6 7.3">
  133.             <g id="Ligne_22" data-name="Ligne 22">
  134.               <rect y="6.3" width="19.6" height="1"/>
  135.             </g>
  136.             <g id="Ligne_23" data-name="Ligne 23">
  137.               <rect y="3.2" width="19.6" height="1"/>
  138.             </g>
  139.             <g id="Ligne_24" data-name="Ligne 24">
  140.               <rect width="19.6" height="1"/>
  141.             </g>
  142.           </svg>
  143.         </span>
  144.       </span>
  145.     </button>
  146.     <div class="dropdown-menu dropdown-menu-right" aria-label="Menu" role="navigation">
  147.       <ul>
  148.         <li role="menuitem">
  149.           <a class="dropdown-item --info --pTExtra" href="{{ path('index') }}" data-tabindex-mobile="3">
  150.             <span>Nord<span> info</span></span>
  151.             <span class="__icon-external">{{ source('svg/icons/icon-external.svg') }}</span>
  152.           </a>
  153.         </li>
  154.         <li role="menuitem">
  155.           <a class="dropdown-item --services" href="{{ path('services_home') }}" data-tabindex-mobile="3">
  156.             <span>Nord<span> services</span></span>
  157.             <span class="__icon-external">{{ source('svg/icons/icon-external.svg') }}</span>
  158.           </a>
  159.         </li>
  160.         <li role="menuitem">
  161.           <a class="dropdown-item --evasion --pBExtra" href="https://evasion.lenord.fr" data-tabindex-mobile="3">
  162.             <span>Nord<span> évasion</span></span>
  163.             <span class="__icon-external">{{ source('svg/icons/icon-external.svg') }}</span>
  164.           </a>
  165.         </li>
  166.         <li role="menuitem">
  167.           <a class="dropdown-item {% if app.request.pathinfo == '/nos-politiques' or is_page_politique|default %}active{% endif %} --pTExtra" href="{{ path('lenord_nos_politiques') }}" data-tabindex-mobile="3">
  168.             <span>Nos politiques</span>
  169.           </a>
  170.         </li>
  171.         <li role="menuitem">
  172.           <a class="dropdown-item {% if app.request.pathinfo == '/l-institution' or is_page_institution|default %}active{% endif %}" href="{{ path('lenord_institutions') }}" data-tabindex-mobile="3">
  173.             <span>L'institution</span>
  174.           </a>
  175.         </li>
  176.         <li role="menuitem">
  177.           <a class="dropdown-item {% if app.request.pathinfo == '/cartographie' %}active{% endif %}" href="{{ path('cartographie') }}" data-tabindex-mobile="3">
  178.             <span>Cartographie</span>
  179.           </a>
  180.         </li>
  181.         <li role="menuitem">
  182.           <a class="dropdown-item {% if app.request.pathinfo == '/espace-documentaire' or is_page_document|default %}active{% endif %}" href="{{ path('espacedoc') }}" data-tabindex-mobile="3">
  183.             <span>Espace documentaire</span>
  184.           </a>
  185.         </li>
  186.         <li role="menuitem">
  187.           <a class="dropdown-item --glossaire {% if app.request.pathinfo == '/glossaire' %}active{% endif %}" href="/glossaire" data-tabindex-mobile="3">
  188.             <span>Glossaire</span>
  189.           </a>
  190.         </li>
  191.         <li role="menuitem">
  192.           <a class="dropdown-item {% if app.request.pathinfo == '/formulaire-de-contact' %}active{% endif %}" href="{{ path('lenord_support') }}" data-tabindex-mobile="3">
  193.             <span>Contact</span>
  194.           </a>
  195.         </li>
  196.       </ul>
  197.     </div>
  198.   </div>
  199. {% endblock %}
  200. {% block header_col_extra_items %}
  201.   <div class="__col _colExtraItems">
  202.     <ul>
  203.       <li>
  204.         <a href="/presse" data-tabindex-mobile="7" class="{% if app.request.pathinfo == '/presse' %}--active{% endif %}">
  205.           <span>Presse</span>
  206.         </a>
  207.         <a href="https://eluspartenaires.lenord.fr/" data-tabindex-mobile="7">
  208.           <span>Élus</span>
  209.           <span class="__icon-external">{{ source('svg/icons/icon-external.svg') }}</span>
  210.         </a>
  211.         <a href="https://contact.lenord.fr" data-tabindex-mobile="7">
  212.           <span>Extranet</span>
  213.           <span class="__icon-external">{{ source('svg/icons/icon-external.svg') }}</span>
  214.         </a>
  215.       </li>
  216.     </ul>
  217.   </div>
  218. {% endblock %}
  219. {% block header_logo_mobile %}
  220.   <div class="__containerLogoMobile">
  221.     <a href="{{ app.request.getSchemeAndHttpHost() }}" title="Aller à l'accueil du site le nord">
  222.       <h1>
  223.         <img
  224.           src="{{ asset('img/brandmaster/logo-le-nord.svg') }}"
  225.           alt="Le Nord, le Département est là (retourner à la page d'accueil)">
  226.       </h1>
  227.     </a>
  228.     {% include 'Nordinfo/Main/parts/menu_button.html.twig' with { menu_button_type: '--lenord' } %}
  229.   </div>
  230. {% endblock %}
  231. {% block header_nav %}{% endblock %}
  232. {% block footer %}
  233.   <footer class="d-print-none" role="contentinfo">
  234.     {% if is_pdf != 1 %}
  235.       {% block footer_top %}{% endblock %}
  236.     {% endif %}
  237.     {% include 'Nordinfo/Main/parts/preFooter.html.twig' with {prefooter_template: 'lenord'} %}
  238.     <div class="footer --leNord" data-aria-hidden-by-modal>
  239.       <div class="__top">
  240.         <div class="container">
  241.           <div class="__inner">
  242.             <div class="__col">
  243.               <a href="https://lenord.fr" title="Aller à l'accueil du site du Nord, le Département est là">
  244.                 {{ source('svg/footer_logo.svg') }}
  245.               </a>
  246.             </div>
  247.             <div class="__col">
  248.               <address>
  249.                 {{footer.adresse|raw}}
  250.               </address>
  251.               <script>
  252.                 (() => {
  253.                   const elemAddress = document.querySelector('.footer address');
  254.                   if (document.body.contains(elemAddress)) {
  255.                     let stringHtmlAddress = elemAddress.innerHTML.toString();
  256.                     stringHtmlAddress = stringHtmlAddress.replaceAll('<strong>', '<span class="font-weight-bold">');
  257.                     stringHtmlAddress = stringHtmlAddress.replaceAll('</strong>', '</span>');
  258.                     elemAddress.innerHTML = stringHtmlAddress;
  259.                   }
  260.                 })();
  261.               </script>
  262.             </div>
  263.             <div class="__col">
  264.               <ul class="listButtons">
  265.                 <li>
  266.                   <a href="{% if is_pdf == 1 %}{{ app.request.getSchemeAndHttpHost() }}{% endif %}{{ path('lenord_support') }}">
  267.                     <div class="__inner">
  268.                       <span class="__icon">{{ source('svg/icons/icon-envelope.svg') }}</span>
  269.                       <span class="__text">Formulaire de contact</span>
  270.                     </div>
  271.                   </a>
  272.                 </li>
  273.                 <li>
  274.                   <a href="tel:{{ footer.telephoneUrl }}">
  275.                     <div class="__inner">
  276.                       <span class="__icon">{{ source('svg/icons/icon-telephone.svg') }}</span>
  277.                       <span class="__text">{{ footer.telephone|raw }}</span>
  278.                     </div>
  279.                   </a>
  280.                 </li>
  281.                 <li>
  282.                   <a href="{{ footer.lienAcceo }}" class="--icon-external" title="Sourd ou malentendant ? - Aller sur la page du Département du Nord sur Acceo (site externe)">
  283.                     <div class="__inner">
  284.                       <span class="__icon">{{ source('svg/icons/icon-ear.svg') }}</span>
  285.                       <span class="__text"><span class="__inner">Sourd ou malentendant ?</span><span class="__icon">{{ source('svg/icons/icon-external.svg') }}</span></span>
  286.                     </div>
  287.                   </a>
  288.                 </li>
  289.               </ul>
  290.             </div>
  291.           </div>
  292.           <div class="containerListIconsSocial">
  293.             {{ footer.reseauxSociaux|raw}}
  294.           </div>
  295.         </div>
  296.       </div>
  297.       <div class="__bottom">
  298.         <div class="container">
  299.           <ul>
  300.             <li><a href="{% if is_pdf == 1 %}{{ app.request.getSchemeAndHttpHost() }}{% endif %}{{ path('lenord_infolettre') }}"><span>Infolettre</span></a></li>
  301.             <li><a href="{% if is_pdf == 1 %}{{ app.request.getSchemeAndHttpHost() }}{% endif %}{{ path('lenord_page_legale', {slug: 'mentions-legales'}) }}"><span>Mentions légales</span></a></li>
  302.             <li><a href="{% if is_pdf == 1 %}{{ app.request.getSchemeAndHttpHost() }}{% endif %}{{ path('lenord_page_legale', {slug: 'accessibilite'}) }}"><span>Accessibilité : Partiellement conforme</span></a></li>
  303.             <li><a href="{% if is_pdf == 1 %}{{ app.request.getSchemeAndHttpHost() }}{% endif %}{{ path('lenord_page_legale', {slug: 'donnees-personnelles'}) }}"><span>Données personnelles</span></a></li>
  304.             <li><a href="{% if is_pdf == 1 %}{{ app.request.getSchemeAndHttpHost() }}{% endif %}{{ path('lenord_plandusite') }}"><span>Plan du site</span></a></li>
  305.           </ul>
  306.         </div>
  307.         {% if is_pdf != 1 %}
  308.           <a target="_blank" href="#0" class="buttonBtt cd-top js-cd-top no-print no-pdf no-external-icon"
  309.              data-toggle="tooltip"
  310.              data-placement="top" title="retour en haut de page">
  311.             <svg aria-hidden="true" focusable="false" data-name="Calque 1" viewbox="0 0 283.5 283.5"
  312.                  xmlns="http://www.w3.org/2000/svg">
  313.               <defs></defs>
  314.               <title>retour en haut de page</title>
  315.               <g data-name="Chevron horizontal" id="Chevron_horizontal">
  316.                 <path class=""
  317.                       d="M7.09,190.21l125.1-126.6a13.4,13.4,0,0,1,18.9-.2l.2.2,125.1,126.6a19.92,19.92,0,0,1,0,27.9,19.4,19.4,0,0,1-27.4.2l-.2-.2-107-108.3-107,108.3a19.4,19.4,0,0,1-27.4.2l-.2-.2a19.83,19.83,0,0,1-.1-27.9"
  318.                       id="Chevron"></path>
  319.               </g>
  320.             </svg>
  321.             <span class="sr-only">Retour en haut de page</span>
  322.           </a>
  323.         {% endif %}
  324.       </div>
  325.     </div>
  326.   </footer>
  327. {% endblock %}