templates/layout.html.twig line 7

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html dir="ltr" lang="{{ app.request.locale }}">
  3. <head>
  4.     
  5.     {% include "head/metas.html.twig" %}
  6.     {# 
  7.     Enregistre la liste des fichiers CSS et JS
  8.     
  9.     Attention:
  10.     Veillez à mettre à jour les adresses ci-dessous en remplacant la version par la dernière version disponible (jQuery,
  11.     Uikit, FontAwesome,...), et ce pour tous les fichiers layout[...].html.twig !
  12.     #}
  13.     {% apply spaceless %}
  14.         {# add global stylesheets and scripts outside of any blocsk to add them to the helpers before any others assets are added #}
  15.         {# we use the view helper to have cache buster functionality #}
  16.         
  17.         {% do pimcore_head_link().appendStylesheet('https://cdnjs.cloudflare.com/ajax/libs/uikit/3.5.7/css/uikit.min.css') %}
  18.         {% do pimcore_head_link().appendStylesheet('https://cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.1.1/cookieconsent.min.css') %}
  19.         {% do pimcore_head_link().appendStylesheet(asset('/static/vendor/outdatedbrowser/outdatedbrowser.min.css')) %}
  20.         {% do pimcore_head_link().appendStylesheet(asset('/static/css/application.min.css')) %}
  21.         {#% do pimcore_head_link().appendStylesheet(asset('/static/css/custom.css')) %#}
  22.         
  23.         {# Adobe Font #}
  24.         {#% do pimcore_head_link().appendStylesheet('https://use.typekit.net/cdw7sie.css') %#}
  25.        {# {% do pimcore_head_link().appendStylesheet('https://use.typekit.net/rjz1kgr.css') %}#}
  26.         {% do pimcore_head_link().appendStylesheet('https://use.typekit.net/lal0zga.css') %}
  27.         {# A rendre dynamique #}
  28.         {% if not document.property('new-website') %}
  29.             {% do pimcore_head_script().appendFile('https://www.google.com/recaptcha/api.js?render=6LcMEv0eAAAAAGqziCU59GigxzVk5-ao1zof4wAJ') %}
  30.         {% endif %}
  31.         
  32.         {% do pimcore_head_script().appendFile('https://cdnjs.cloudflare.com/ajax/libs/uikit/3.5.7/js/uikit.min.js') %}
  33.         {% do pimcore_head_script().appendFile('https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js') %}
  34.         {% do pimcore_head_script().appendFile('https://cdnjs.cloudflare.com/ajax/libs/cookieconsent2/3.1.1/cookieconsent.min.js') %}
  35.         {% do pimcore_head_script().appendFile('/static/vendor/outdatedbrowser/outdatedbrowser.min.js') %}
  36.         {% do pimcore_head_script().appendFile(asset('/static/js/apik.js')) %}
  37.         {% do pimcore_head_script().appendFile(asset('/static/js/main.js')) %}
  38.     {% endapply %}
  39.     {# Affiche les styles CSS personnalisés pour toutes les pages #}
  40.     {% block head_stylesheets deferred %}
  41.         {{ pimcore_head_link() }}
  42.     {% endblock %}
  43.     {# Affiche les styles CSS personnalisés propres au footer #}
  44.     {% block head_stylesheets_footer deferred %}
  45.         
  46.     {% endblock %}
  47.     {% if not document is defined or not document %}
  48.         {% set document = pimcore_document(1) %}
  49.     {% endif %}
  50.     {# Favicons (utilisez RealFaviconGenerator) #}
  51.     
  52.     
  53.     <link rel="apple-touch-icon" sizes="180x180" href="/static/img/favicon/apple-touch-icon.png">
  54.     <link rel="icon" type="image/png" sizes="32x32" href="/static/img/favicon/favicon-32x32.png">
  55.     <link rel="icon" type="image/png" sizes="16x16" href="/static/img/favicon/favicon-16x16.png">
  56.     <link rel="manifest" href="/static/img/favicon/site.webmanifest">
  57.     <link rel="mask-icon" href="/static/img/favicon/safari-pinned-tab.svg" color="#5bbad5">
  58.     <link rel="shortcut icon" href="/static/img/favicon/favicon.ico">
  59.     <meta name="msapplication-TileColor" content="#da532c">
  60.     <meta name="msapplication-config" content="/static/img/favicon/browserconfig.xml">
  61.     <meta name="theme-color" content="#ffffff">
  62.     
  63.     
  64.     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css"
  65.           integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt" crossorigin="anonymous">
  66. </head>
  67. <body class="{{ document.property('universe') }} {{ editmode ? "apk-cms-pimcore" : "" }} {{ document.property('new-website') ? "new-website" : "" }}">
  68. <!-- ============== Outdated Browser =========== -->
  69. <div id="outdated"></div>
  70. {# Vérifie si "Your website name" a bien été traduit. Si non, on affiche un message d'erreur #}
  71. {# Attention, il ne faut pas renommer le nom du site ici... Il faut le renommer dans les Shared Translations! #}
  72. {% if "Your website name"|trans == "Your website name" %}
  73.     {{ '<p class="uk-alert-danger" uk-alert>Attention, n\'oubliez pas de traduire \'Your website name\' et les autres chaines de traduction via Tools > Translations > Shared Translation.</p>' }}
  74. {% endif %}
  75. {% if not document.hasProperty('politiqueDeConfidentialite') %}
  76.     {{ '<p class="uk-alert-danger" uk-alert>Attention, n\'oubliez pas de créer la propriété \'politiqueDeConfidentialite\' (type Document) à la racine du site et de la faire pointer vers la page Politique de confidentialité (pour le bandeau des cookies).</p>' }}
  77. {% endif %}
  78. {# Affiche le  header + condition pour le nouveau site web #}
  79. {% if document.property('new-website') %}
  80.     {% include "includes/header-new.html.twig" %}
  81. {% else %}
  82.     {% include "includes/header.html.twig" %}
  83. {% endif %}
  84. {% block content %}{% endblock %}
  85. {% if document.property('new-website') %}
  86.     {% include "includes/sticky-socials.html.twig" %}
  87. {% endif %}
  88. {% if editmode %}
  89.     <div class="uk-container apk-container-1400 uk-margin-medium-bottom">
  90.         <div class="uk-alert-danger" uk-alert>
  91.             <h1 class="uk-h1">Texte dans le footer</h1>
  92.             {{ pimcore_wysiwyg('bottom-footerlink') }}
  93.         </div>
  94.     </div>
  95. {% endif %}
  96. {% set showFooterText = false %}
  97. {% set footerBackgroundColor = false %}
  98. {% if not pimcore_wysiwyg('bottom-footerlink').isEmpty %}
  99.     {% set showFooterText = pimcore_wysiwyg('bottom-footerlink') %}
  100. {% endif %}
  101. {% if document.getProperty('footerBackgroundColor') %}
  102.     {% set footerBackgroundColor = document.getProperty('footerBackgroundColor') %}
  103. {% endif %}
  104. {# Affiche le footer + condition pour le nouveau site web #}
  105. {% if not editmode %}
  106.     {% if document.property('new-website') %}
  107.         {{ pimcore_inc("/" ~ app.request.locale ~ "/Snippets/footer",{
  108.             'showFooterText': showFooterText,
  109.             'footerBackgroundColor' : footerBackgroundColor
  110.             })
  111.         }}
  112.     {% elseif pimcore_inc("/happymagnecaps/" ~ app.request.locale ~ "/Snippets/footer") %}
  113.         {{ pimcore_inc("/happymagnecaps/" ~ app.request.locale ~ "/Snippets/footer") }}
  114.     {% else %}
  115.         {{ '<p class="uk-alert-danger" uk-alert>Vous avez oublié de mettre votre footer dans un snippet</p>' }}
  116.     {% endif %}
  117. {% endif %}
  118. {# output scripts added before #}
  119. {% block headscripts %}
  120.     {{ pimcore_head_script() }}
  121. {% endblock %}
  122. {% block inlinescripts  %}
  123. {% endblock %}
  124. {% block snippetscripts  %}
  125. {% endblock %}
  126. <script>
  127.     window.addEventListener("load", function () {
  128.         window.cookieconsent.initialise({
  129.             "palette": {
  130.                 "popup": {
  131.                     "text": "#ffffff",
  132.                     "background": "#E40233",
  133.                 },
  134.                 "button": {
  135.                     "text": "#E40233",
  136.                     "background": "#ffffff",
  137.                 }
  138.             },
  139.             "content": {
  140.                 "message": "{{ 'Nous utilisons des cookies et d\'autres technologies pour assurer à tous les utilisateurs de ce site internet la meilleure expérience possible.' |trans }} {{ 'En accédant à ce site, vous acceptez notre politique de cookies. '|trans }}",
  141.                 "dismiss": "{{ 'j\'accepte' |trans }}",
  142.                 "link": "{{ 'En savoir plus' |trans }}",
  143.                 "href": "{% if document.getProperty('politiqueDeConfidentialite') %} {{ document.getProperty('politiqueDeConfidentialite') }} {% endif %}"
  144.             }
  145.         })
  146.     });
  147.     // Plain Javascript
  148.     //event listener: DOM ready
  149.     function addLoadEvent(func) {
  150.         var oldonload = window.onload;
  151.         if (typeof window.onload != 'function') {
  152.             window.onload = func;
  153.         } else {
  154.             window.onload = function() {
  155.                 if (oldonload) {
  156.                     oldonload();
  157.                 }
  158.                 func();
  159.             }
  160.         }
  161.     }
  162.     //call plugin function after DOM ready
  163.     addLoadEvent(function(){
  164.         outdatedBrowser({
  165.             bgColor: '#f25648',
  166.             color: '#ffffff',
  167.             lowerThan: 'borderImage',
  168.             languagePath: '/static/vendor/outdatedbrowser/lang/{{ document.getProperty('language') }}.html'
  169.         })
  170.     });
  171.     // Using jQuery (version that supports IE < 9)
  172.     $( document ).ready(function() {
  173.         outdatedBrowser({
  174.             bgColor: '#f25648',
  175.             color: '#ffffff',
  176.             lowerThan: 'borderImage',
  177.             languagePath: '/static/vendor/outdatedbrowser/lang/{{ document.getProperty('language') }}.html'
  178.         })
  179.     })
  180. </script>
  181. </body>
  182. </html>