templates/bdnf/base.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <script nonce="{{ csp_nonce('script') }}" type="text/javascript" src="https://tarteaucitron.io/load.js?domain=bdnf.bnf.fr&uuid=91ba7c974c752a888f0a2765181efcbea3a33ef9"></script>
  5.     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
  6.     <meta name="viewport" content="width=device-width, initial-scale=1"/>
  7.     <!-- Primary Meta Tags -->
  8.     <title>{% block title %}{{ 'home.title'|trans }}{% endblock %}</title>
  10.     {% block meta %}
  11.     {% endblock %}
  13.     <meta name="title" content="BDnF, la fabrique à BD" />
  14.     <meta name="description" content="Découvrez les codes de la bande dessinée et créez vos propres histoires !" />
  15.     <!-- Open Graph / Facebook -->
  16.     <meta property="og:type" content="website" />
  17.     <meta property="og:url" content="{{ 'biliotheque.url'|trans }}" />
  18.     <meta property="og:title" content="{{ 'biliotheque.title'|trans }}"/>
  19.     <meta property="og:description" content="{{ 'biliotheque.description'|trans }}" />
  20.     <meta property="og:image" content="{{ asset('assets/img/icon_1024x1024.jpg') }}"/>
  21.     <meta property="og:image:url" content="{{ asset('assets/img/icon_1024x1024.jpg') }}"/>
  22.     <meta property="og:image:type" content="image/jpeg" />
  23.     <meta property="og:image:width" content="1024" />
  24.     <meta property="og:image:height" content="1024" />
  25.     <meta property="og:image:secure_url" content="{{ asset('assets/img/icon_1024x1024.jpg') }}" />
  26.     <!-- Twitter -->
  27.     <meta property="twitter:card" content="summary_large_image"/>
  28.     <meta property="twitter:url" content="{{ 'biliotheque.url'|trans }}"/>
  29.     <meta property="twitter:title" content="{{ 'biliotheque.title'|trans }}"/>
  30.     <meta property="twitter:description" content="{{ 'biliotheque.description'|trans }}"/>
  31.     <meta property="twitter:image:src" content="{{ asset('assets/img/icon_1024x1024.jpg') }}"/>
  32.     <!-- CSS  -->
  34.     {% block style %}
  35.     {% endblock %}
  37.     <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"/>
  38.     <link href="https://fonts.googleapis.com/css?family=Rubik:400,500,700&display=swap" rel="stylesheet"/>
  39.     <link href="https://fonts.googleapis.com/css?family=Bangers&display=swap" rel="stylesheet"/>
  41.     <link href="{{ asset('assets/css/materialize.css') }}" type="text/css" rel="stylesheet" media="screen,projection"/>
  42.     <link href="{{ asset('assets/css/style.css') }}" type="text/css" rel="stylesheet" media="screen,projection"/>
  43.     <link rel="icon" type="image/png" href="{{ asset('assets/img/bdnf-favicon.png') }}" />
  44.     <script nonce="{{ csp_nonce('script') }}" src="https://multimedia-ext.bnf.fr/smarttag.js" type="text/javascript"></script>
  45. </head>
  46. <body>
  48. {% block header %}
  49.     <nav class="white" role="navigation">
  50.         <div class="nav-wrapper">
  51.             <a id="logo-container" href="/" class="brand-logo">
  52.                 <object data="{{ asset('assets/img/logo_bdnf-hd.svg') }}"
  53.                         width="72"
  54.                         height="31"
  55.                         image-rendering="auto"
  56.                         type="image/svg+xml"
  57.                         style="pointer-events: none;">
  58.                     <img src="{{ asset('assets/img/logotype-bdnf-alternate.png') }}"
  59.                          alt="" />
  60.                 </object>
  61.             </a>
  63.             <ul class="left hide-on-med-and-down">
  64.                 <li><a href="{{ path('bibliotheque-pedagogique') }}"><i class="material-icons left">library_books</i>{{ 'layout.link.bibliotheque'|trans }}</a></li>
  65.                 <li><a href="{{ path('corpus') }}"><i class="material-icons left">folder_open</i> {{ 'layout.link.corpus'|trans }} <span class="new badge">{{ corpusCount }}</span></a></li>
  66.                 <li><a href="{{ path('galerie') }}"><i class="material-icons left">image</i> {{ 'layout.link.galerie'|trans }}</a></li>
  67.                 <li><a href="{{ path('concours') }}"><i class="material-icons left">local_play</i> {{ 'layout.link.concours'|trans }}<!-- <span class="new badge">1</span> --></a></li>
  68.             </ul>
  70.             <ul class="right hide-on-med-and-down">
  71.                 <li><a href="{{ path('faq') }}">{{ 'layout.link.faq'|trans }}</a></li>
  72.                 <li><a href="{{ path('contact') }}">{{ 'layout.link.contact'|trans }}</a></li>
  73.                 <!-- Dropdown Trigger -->
  74.                 <li><a class="dropdown-trigger" href="{{ path('contact') }}" data-target="dropdown2">{% if app.request.getLocale() == "fr" %} FR {% else %} EN {% endif %}<i class="material-icons right">arrow_drop_down</i></a></li>
  75.             </ul>
  77.             <!-- Dropdown Structure -->
  78.             <ul id="dropdown2" class="dropdown-content">
  79.                 {% if app.request.getLocale() == "fr" %}
  80.                     <li><a href="/en">EN</a></li>
  81.                 {% else %}
  82.                     <li><a href="/fr">FR</a></li>
  83.                 {% endif %}
  85.             </ul>
  87.             <ul id="nav-mobile" class="sidenav">
  88.                 <li><a href="{{ path('home') }}">{{ 'layout.link.accueil'|trans }}</a></li>
  89.                 <li class="divider"></li>
  90.                 <li><a href="{{ path('bibliotheque-pedagogique') }}">{{ 'layout.link.bibliotheque'|trans }}</a></li>
  91.                 <li><a href="{{ path('corpus') }}">{{ 'layout.link.corpus'|trans }}</a></li>
  92.                 <li><a href="{{ path('concours') }}">{{ 'layout.link.concours'|trans }}</a></li>
  93.                 <li><a href="{{ path('galerie') }}">{{ 'layout.link.galerie'|trans }}</a></li>
  95.                 <li class="divider"></li>
  96.                 <li><a href="{{ path('faq') }}">{{ 'layout.link.faq'|trans }}</a></li>
  97.                 <li><a href="{{ path('contact') }}">{{ 'layout.link.contact'|trans }}</a></li>
  98.                 <li class="divider"></li>
  99.                 <li><a class="dropdown-trigger" href="{{ path('contact') }}" data-target="dropdown1">FR<i class="material-icons right">arrow_drop_down</i></a></li>
  100.                 <ul id="dropdown1" class="dropdown-content">
  101.                     {% if app.request.getLocale() == "fr" %}
  102.                         <li><a href="/en">EN</a></li>
  103.                     {% else %}
  104.                         <li><a href="/fr">FR</a></li>
  105.                     {% endif %}
  106.                 </ul>
  107.             </ul>
  108.             <a href="#" data-target="nav-mobile" class="sidenav-trigger"><i class="material-icons">menu</i></a>
  109.         </div>
  110.     </nav>
  111. {% endblock %}
  114. {% block body %}
  116. {% endblock %}
  119. {% block footer %}
  120.     <footer class="">
  121.         <div class="page-footer red-bg-bdnf">
  122.             <div class="row">
  123.                 <div class="col l12 s12">
  124.                     <h5 class="white-text">{{ 'layout.bnf' | trans }}</h5>
  125.                     <ul class="menu-footer">
  126.                         <li><a class="" href="{{ path('bibliotheque-pedagogique') }}">{{ 'layout.link.bibliotheque'|trans }}</a></li>
  127.                         <li><a class="" href="{{ path('corpus') }}">{{ 'layout.link.corpus'|trans }}</a></li>
  128.                         <li><a class="" href="{{ path('concours') }}">{{ 'layout.link.concours'|trans }}</a></li>
  129.                         <li><a class="" href="{{ path('faq') }}">{{ 'layout.link.faq'|trans }}</a></li>
  130.                         <li><a class="" href="{{ path('contact') }}">{{ 'layout.link.contact'|trans }}</a></li>
  131.                     </ul>
  132.                 </div>
  133.             </div>
  134.         </div>
  135.         <div class="footer-copyright">
  136.             <div class="row valign-wrapper">
  137.                 <div class="col m12 l6">
  138.                     <ul class="menu-footer">
  139.                         <li><a class="" href="{{ path('credits') }}">{{ 'layout.link.credits'|trans }}</a></li>
  140.                         <li><a class="" href="{{ path('cgu') }}">CGU</a></li>
  141.                         <li><a class="" href="{{ path('mentions-legales') }}">{{ 'layout.link.mentions-legales'|trans }}</a></li>
  142.                         <li><a class="" href="{{ path('cookies') }}">{{ 'layout.link.cookies'|trans }}</a></li>
  143.                         <li><a class="" href="{{ path('presse') }}">{{ 'layout.link.presse'|trans }}</a></li>
  144.                         <li><a class="" href="{{ path('historique_des_versions') }}">{{ 'layout.link.versions'|trans }}</a></li>
  145.                     </ul>
  146.                 </div>
  147.                 <div class="col m12 l6">
  148.                     <ul class="menu-footer valign-wrapper">
  149.                         <li><a class="" href="https://www.bnf.fr/fr"><img src="{{ asset('assets/img/logo_BnF.png') }}" alt=""></a></li>
  150.                         <li><a class="" href="https://www.gouvernement.fr/une-mission-investir-l-avenir"><img src="{{ asset('assets/img/Logo_Investir_avenir.png') }}" alt=""></a></li>
  151.                         <li><a class="" href="https://www.education.gouv.fr/"><img src="{{ asset('assets/img/Logo_MENJ.png') }}" alt=""></a></li>
  152.                         <li><a class="" href="https://www.edutheque.fr/accueil.html"><img src="{{ asset('assets/img/Logo_Edutheque.png') }}" alt=""></a></li>
  153.                     </ul>
  154.                 </div>
  155.             </div>
  156.         </div>
  157.     </footer>
  158. {% endblock %}
  161. <!--  Scripts-->
  162. <script nonce="{{ csp_nonce('script') }}" src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
  163. <script nonce="{{ csp_nonce('script') }}" src="{{ asset('assets/js/materialize.js') }}"></script>
  164. <script nonce="{{ csp_nonce('script') }}" src="{{ asset('assets/js/init.js') }}"></script>
  165. <!--  XITI-->
  166. <script nonce="{{ csp_nonce('script') }}" type="text/javascript">
  167.     var clicktag = new ATInternet.Tracker.Tag();
  168. </script>
  169. <script nonce="{{ csp_nonce('script') }}" type="text/javascript">
  170.     function marqueXiti(element, name){
  171.         var tag = new ATInternet.Tracker.Tag({log: "logp",
  172.             logSSL: "logs",
  173.             secure: true,
  174.             site: 18798,
  175.             domain: "xiti.com"});
  176.         tag.page.set({
  177.             name:'accueil', /*titre de la page*/
  178.             level2:'23', /*level 2 Bnf toujours 23*/
  179.             chapter1:'bdnf', /*site expo*/
  180.             chapter2:'telechargement', /*niv2*/
  181.             chapter3:name
  182.         });
  183.         tag.dispatch();
  184.     }
  185. </script>
  187. <script nonce="{{ csp_nonce('script') }}" type="text/javascript">
  188.     var tag = new ATInternet.Tracker.Tag({log: "logp",
  189.         logSSL: "logs",
  190.         secure: true,
  191.         site: 18798,
  192.         domain: "xiti.com"});
  193.     tag.page.set({
  194.         name:'accueil', /*titre de la page*/
  195.         level2:'23', /*level 2 Bnf toujours 23*/
  196.         chapter1:'bdnf', /*site expo*/
  197.         chapter2:'accueil', /*niv2*/
  198.     });
  199.     tag.dispatch();
  200. </script>
  202. </body>
  203. </html>