Skip to content
Snippets Groups Projects
header.html 25.49 KiB
<body class="front path-frontpage page-node-type-page">
    
    <div class="fr-skiplinks" id="top">
        <nav class="fr-container" role="navigation" aria-label="<:design_system_child:dsfr_skiplinks_aria_label:/>">
            <ul class="fr-skiplinks__list">
                <li>
                    <a class="fr-link" href="#SELF#header-navigation"><:design_system_child:dsfr_skiplinks_menu:/></a>
                </li>
                <li>
                    <a class="fr-link" href="#SELF#contenu"><:design_system_child:dsfr_skiplinks_contenu:/></a>
                </li>
                <li>
                    <a class="fr-link" href="#SELF#search-399"><:design_system_child:dsfr_skiplinks_search:/></a>
                </li>
                <li>
                    <a class="fr-link" href="#SELF#footer"><:design_system_child:dsfr_skiplinks_footer:/></a>
                </li>
            </ul>
        </nav>
    </div>
    <header role="banner" class="fr-header">
        <div class="fr-header__body">
            <div class="fr-container">
                <div class="fr-header__body-row">
                    <div class="fr-header__brand fr-enlarge-link">
                        <div class="fr-header__brand-top">
                            <div class="fr-header__logo">
                                <p class="fr-logo">
                                    [(#CONFIG_VALUE{texte_marianne}|nl2br)]
                                </p>
                            </div>
                            [(#REM) Affichage du second logo en fonction de la configuration dans le backoffice ]
                            <BOUCLE_second_logo(CONDITION){si #CONFIG_VALUE{_masquer_logo_secondaire}|=={non}|oui}>
                                <BOUCLE_type_image(CONDITION){si #CONFIG_VALUE{type_insertion_second_logo}|=={fichier}|oui}>    
                                    <a class="fr-header__operator" href="#URL_SITE_SPIP" title="Retour à la page d'accueil">                                     
                                        <img src="#CONFIG_VALUE{second_logo_upload}" alt="logo secondaire" style="max-height:7.25rem;"/>                                    
                                    </a>
                                </BOUCLE_type_image>
                                    <a class="fr-header__operator" href="#URL_SITE_SPIP" title="Retour à la page d'accueil">#CONFIG_VALUE{second_logo_upload}</a>
                                <//B_type_image>
                            </BOUCLE_second_logo>                            
                            <div class="fr-header__navbar">
                                <BOUCLE_afficher_icone_recherche(CONDITION){si #CONFIG_VALUE{_masquer_recherche}|=={non}|oui}>
                                    <button class="fr-btn--search fr-btn" data-fr-opened="false" aria-controls="modal-400" id="button-401" title="Rechercher">
                                        Rechercher
                                    </button>
                                </BOUCLE_afficher_icone_recherche>
                                <BOUCLE_afficher_icone_masquer_menu(CONDITION){si #CONFIG_VALUE{_masquer_menu}|=={non}|oui}>
                                    <button class="fr-btn--menu fr-btn" data-fr-opened="false" aria-controls="modal-menu" aria-haspopup="menu" id="button-menu" title="Menu">
                                        Menu
                                    </button>
                                </BOUCLE_afficher_icone_masquer_menu>
                            </div>
                        </div>
                        <div class="fr-header__service">
                            <a href="#URL_SITE_SPIP" title="Retour à la page d'accueil">
                                <BOUCLE_masquer_le_titre(CONDITION){si #CONFIG_VALUE{_masquer_le_titre}|=={non}|oui}>                                    
                                    <BOUCLE_on_est_sur_home(CONDITION){si #ENV{home}|=={yes}|oui}>
                                        <BOUCLE_titre_en_h1(CONDITION){si #CONFIG_VALUE{_home_en_h1}|=={oui}|oui}>
                                            <h1 class="fr-header__service-title">#CONFIG_VALUE{titre_du_site}</h1>
                                        </BOUCLE_titre_en_h1>
                                            <p class="fr-header__service-title">#CONFIG_VALUE{titre_du_site}</p>
                                        <//B_titre_en_h1>
                                    </BOUCLE_on_est_sur_home>
                                        <p class="fr-header__service-title">#CONFIG_VALUE{titre_du_site}</p>
                                    <//B_on_est_sur_home>
                                    <BOUCLE_masquer_le_slogan(CONDITION){si #CONFIG_VALUE{_masquer_le_slogan}|=={non}|oui}>
                                        <p class="fr-header__service-tagline">#CONFIG_VALUE{slogan_du_site}</p>
                                    </BOUCLE_masquer_le_slogan>
                                </BOUCLE_masquer_le_titre>