templates/vitrine/layout.html.twig line 3

Open in your IDE?
  1. {% set connectUser = false %}
  2. {% set connectUser2 = false %}
  3. {% if app.user is not null %}
  4.     {% set connectUser = true %}
  5.     {% set connectUser2 = false %}
  6. {% endif %}
  7. {% set pathAbsolute = app.request.schemeAndHttpHost ~ app.request.requestUri %}
  8. {% set paramTool = getCoreToolsList("blog") %}
  9. {% set logo = paramTool['logo'] %}
  10. {% set logo_width = paramTool['logo_width'] %}
  11. {% set logo_height = paramTool['logo_height'] %}
  12. {% set logomobile = paramTool['logomobile'] %}
  13. {% set logomobile_width = paramTool['logomobile_width'] %}
  14. {% set logomobile_height = paramTool['logomobile_height'] %}
  15. {% set twitter = paramTool['twitter'] %}
  16. {% set facebook = paramTool['facebook'] %}
  17. {% set instagram = paramTool['instagram'] %}
  18. {% set youtube = paramTool['youtube'] %}
  19. {% set linkedin = paramTool['linkedin'] %}
  20. {% set favicon = paramTool['favicon'] %}
  21. {% set websitename = paramTool['websitename'] %}
  22. {% set htmlTrack = paramTool['htmltrack'] %}
  23. {% set htmlTrack2 = paramTool['htmltrack2'] %}
  24. {% set domain = paramTool['absolute_domain'] %}
  25. {% set footer_col1 = paramTool['footer_col1'] %}
  26. {% set footer_col2 = paramTool['footer_col2'] %}
  27. {% set footer_col3 = paramTool['footer_col3'] %}
  28. {% set footer_subtitle = paramTool['footer_subtitle'] %}
  29. {% set footer_copyright = paramTool['footer_copyright'] %}
  30. {% if app.request.locale == "en" %}
  31.     {% set footer_col1 = paramTool['footer_col1_en'] %}
  32.     {% set footer_col2 = paramTool['footer_col2_en'] %}
  33.     {% set footer_col3 = paramTool['footer_col3_en'] %}
  34.     {% set footer_subtitle = paramTool['footer_subtitle_en'] %}
  35. {% endif %}
  36. {% set menuHeader = getMenuWebsiteArray(app.request.locale,"header",connectUser) %}
  37. {% set menuHeaderRight = getMenuWebsiteArray(app.request.locale,"header-right",connectUser) %}
  38. {% set vlang = app.request.locale %}
  39. {% if app.user is not null %}
  40.     {% set vlang = app.user.language %}
  41. {% else %}
  42.     {% set vlang = app.session.get('lang') %}
  43.     {% if vlang is empty %}
  44.         {% set vlang = app.request.locale %}
  45.     {% endif %}
  46. {% endif %}
  47. {% set arrayTranslate = getArrayTranslateLocale(vlang) %}
  48. {% set pathHomepage = path('homepage') %}
  49. {% if app.request.locale != "fr" %}
  50.     {% set pathHomepage = path('locale_homepage',{'_locale':app.request.locale}) %}
  51. {% endif %}
  52. <!DOCTYPE html>
  53. <html lang="{{ app.request.locale }}" dir="ltr">
  54. <head>
  55.     <meta charset="utf-8">
  56.     <!--[if IE]><meta http-equiv="X-UA-Compatible" content="IE=edge" /><![endif]-->
  57.     <title>{% block title %}{% endblock title %}</title>
  58.     <meta http-equiv="Content-Language" content="{{ app.request.locale }}" />
  59.     <meta name="language" content="{{ app.request.locale }}" />
  60.     <meta name="copyright" content="{{ websitename }}" />
  61.     <meta name="robots" content="{% block robots %}index,follow{% endblock robots %}" />
  62.     <meta name="description" content="{% block description %}{% endblock description %}" />
  63.     <meta name="viewport" content="initial-scale=1.0" />
  64.     <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1, maximum-scale=6, minimum-scale=1, minimal-ui" />
  65.     <meta name="theme-color" content="#178d72">
  66.     {% block meta_social %}{% endblock meta_social %}
  67.     {% block meta %}{% endblock meta %}
  68.     {% block canonical %}{% endblock canonical %}
  69.     {% include "components/dns-prefetch.html.twig" %}
  70.     {% include "components/favicon.html.twig" with {'favicon':favicon} %}
  71.     <link rel="preload" href="/assets/lexend/css/fonts.css" as="style" />
  72.     <link rel="preload" href="/assets/lexend/css/unicons.min.css" as="style" />
  73.     <link rel="preload" href="/assets/lexend/css/swiper-bundle.min.css" as="style" />
  74.     <link rel="preload" href="/assets/lexend/css/magic-cursor.min.css" as="style" />
  75.     <link rel="preload" href="/assets/lexend/js/libs/jquery.min.js" as="script" />
  76.     <link rel="preload" href="/assets/lexend/js/libs/scrollmagic.min.js" as="script" />
  77.     <link rel="preload" href="/assets/lexend/js/libs/swiper-bundle.min.js" as="script" />
  78.     <link rel="preload" href="/assets/lexend/js/libs/anime.min.js" as="script" />
  79.     <link rel="preload" href="/assets/lexend/js/libs/typed.min.js" as="script" />
  80.     <link rel="preload" href="/assets/lexend/js/libs/tilt.min.js" as="script" />
  81.     <link rel="preload" href="/assets/lexend/js/libs/split-type.min.js" as="script" />
  82.     <link rel="preload" href="/assets/lexend/js/libs/prettify.min.js" as="script" />
  83.     <link rel="preload" href="/assets/lexend/js/libs/gsap.min.js" as="script" />
  84.     <link rel="preload" href="/assets/lexend/js/libs/smooth-scroll.min.js" as="script" />
  85.     <link rel="preload" href="/assets/lexend/js/core/magic-cursor.js" as="script" />
  86.     <link rel="preload" href="/assets/lexend/js/helpers/data-attr-helper.js" as="script" />
  87.     <link rel="preload" href="/assets/lexend/js/helpers/swiper-helper.js" as="script" />
  88.     <link rel="preload" href="/assets/lexend/js/helpers/splitype-helper.js" as="script" />
  89.     <link rel="preload" href="/assets/lexend/js/helpers/anime-helper.js" as="script" />
  90.     <link rel="preload" href="/assets/lexend/js/helpers/typed-helper.js" as="script" />
  91.     <link rel="preload" href="/assets/lexend/js/helpers/tilt-helper.js" as="script" />
  92.     <link rel="preload" href="/assets/lexend/js/core/marquee.js" as="script" />
  93.     <link rel="preload" href="/assets/lexend/js/uikit-components-bs.js" as="script" />
  94.     <link rel="preload" href="/assets/lexend/js/form.js" as="script" />
  95.     <link rel="preload" href="/assets/lexend/js/app.js" as="script" />
  96.     <script src="/assets/lexend/js/app-head-bs.js"></script>
  97.     <link rel="stylesheet" href="/assets/lexend/js/uni-core/css/uni-core.min.css" />
  98.     <link rel="stylesheet" href="/assets/lexend/css/fonts.css" />
  99.     <link rel="stylesheet" href="/assets/lexend/css/unicons.min.css" />
  100.     <link rel="stylesheet" href="/assets/lexend/css/swiper-bundle.min.css" />
  101.     <link rel="stylesheet" href="/assets/lexend/css/prettify.min.css" />
  102.     <link rel="stylesheet" href="/assets/lexend/css/magic-cursor.min.css" />
  103.     <link rel="stylesheet" href="/assets/lexend/css/theme/main.purge.css" />
  104.     {% set classBody = "" %}
  105.     {% if THEME_LEXEND == "index9" %}
  106.         <link rel="stylesheet" href="/assets/lexend/css/theme/theme-five.purge.css" />
  107.         {% set classBody = "uni-body panel uni-body panel bg-tertiary-800 text-tertiary-200 overflow-x-hidden disable-cursor uc-dark" %}
  108.     {% endif %}
  109.     {% if THEME_LEXEND == "index6" %}
  110.         <link rel="stylesheet" href="/assets/lexend/css/theme/theme-two.purge.css" />
  111.         {% set classBody = "uni-body panel bg-white text-gray-900 dark:bg-gray-900 dark:text-gray-100 overflow-x-hidden" %}
  112.         <style>
  113.             .ctabtn:hover {
  114.                 background-color: #C1FFB4 !important;
  115.                 color:#212121 !important;
  116.             }
  117.         </style>
  118.     {% endif %}
  119.     <script src="/assets/lexend/js/uni-core/js/uni-core-bundle.min.js"></script>
  120.     <script src="/bundles/fosjsrouting/js/router.min.js"></script>
  121.     <script src="{{ path('fos_js_routing_js', { callback: 'fos.Router.setData' }) }}"></script>
  122.     {% block css %}{% endblock css %}
  123.     {% block js %}{% endblock js %}
  124.     {{ htmlTrack|raw }}
  125. </head>
  126. <body class="{{ classBody }}">
  127. <div id="uc-gdpr-notification" class="uc-gdpr-notification uc-notification min-w-1/2 ltr:start-0 ltr:end-auto rtl:end-0 rtl:start-auto top-auto bottom-0 lg:m-2">
  128.     <div class="uc-notification-message vstack lg:hstack items-end gap-2 lg:gap-4 lg:p-3 bg-white text-dark border rounded-1-5 min-w-1/2">
  129.         <a id="uc-close-gdpr-notification" class="uc-notification-close text-dark rtl:start-0 rtl:end-auto rtl:ms-2" data-uc-close></a>
  130.         <div class="vstack">
  131.             <h2 class="h5 ft-primary fw-bold -ls-1 m-0 text-dark">GDPR Compliance</h2>
  132.             <p class="fs-6 mt-1">We use cookies to ensure you get the best experience on our website. By continuing to use our site, you accept our use of cookies, <a href="#" class="uc-link text-underline">privacy policy</a> and <a href="#" class="uc-link text-underline">terms of service</a>.</p>
  133.         </div>
  134.         <button class="btn btn-sm btn-primary px-2" id="uc-accept-gdpr">Accept</button>
  135.     </div>
  136. </div>
  137. {# ===== VARIABLES SELON LE THÈME ===== #}
  138. {% set isIndex9 = THEME_LEXEND == "index9" %}
  139. {# ===== COULEURS HEADER ===== #}
  140. {% set _initialColor    = HEADER_INITIAL_COLOR is defined ? HEADER_INITIAL_COLOR : "dark" %}
  141. {% set _moveColor       = HEADER_MOVE_COLOR is defined    ? HEADER_MOVE_COLOR    : "dark" %}
  142. {% set initialTextColor = _initialColor == "dark" ? "text-dark"                      : "text-white" %}
  143. {% set moveTextColor    = _moveColor    == "dark" ? "text-dark"                      : "text-white" %}
  144. {% set moveBgColor      = _moveColor    == "dark" ? "bg-white bg-opacity-80 backdrop-blur shadow-sm" : "bg-gray-900 bg-opacity-80 backdrop-blur shadow-sm" %}
  145. {# index9 = toujours dark même après scroll #}
  146. {% if isIndex9 %}
  147.     {% set moveTextColor = "text-white" %}
  148.     {% set moveBgColor   = "bg-tertiary-800 bg-opacity-95 backdrop-blur shadow-sm" %}
  149. {% endif %}
  150. {% set headerClass    = isIndex9 ? "header-nine uc-dark"                                            : "header-six" %}
  151. {% set stickyStart    = isIndex9 ? "start: 100vh; show-on-up: false;"                               : "start: 1200px;" %}
  152. {% set navClass       = isIndex9 ? ""                                                                : "lg:mt-3 rounded-0 lg:rounded-pill" %}
  153. {% set navHeight      = isIndex9 ? "96px"                                                            : "80px" %}
  154. {% set containerClass = isIndex9 ? "container"                                                       : "container max-w-lg lg:max-w-950px xl:max-w-xl" %}
  155. {% set navbarClass    = isIndex9 ? "min-h-64px lg:min-h-96px"                                       : "min-h-64px lg:min-h-80px px-2 lg:px-0" %}
  156. {% set navbarMode     = isIndex9 ? ""                                                                : "mode: click;" %}
  157. {% set ulNavClass     = isIndex9 ? "fs-5 fw-bold gap-3 lg:gap-4"                                    : "gap-3 xl:gap-5 fs-5 fw-medium" %}
  158. {% set scrollspy      = isIndex9 ? ""                                                                : 'data-uc-scrollspy-nav="closest: li; offset: 40; scroll: true"' %}
  159. {% set logoStyle      = isIndex9 ? 'style="width: 200px;"'                                          : "" %}
  160. {% set ctaBtnClass    = isIndex9 ? "bg-white text-dark ctabtn d-none lg:d-flex"                      : "btn-primary d-none lg:d-inline-flex" %}
  161. {% set burgerClass    = isIndex9 ? "btn btn-md btn-tertiary w-48px h-48px d-inline-flex lg:d-none"   : "d-block lg:d-none" %}
  162. {% set burgerExtra    = isIndex9 ? ""                                                                : "data-uc-navbar-toggle-icon" %}
  163. {% set clsInactive    = isIndex9 ? "uc-navbar-transparent uc-dark"                                    : "uc-navbar-transparent" %}
  164. {% set logoSrc        = isIndex9 ? '/uploads/logo_blanc_line.gif'                                     : logo %}
  165. {% set dropdownBg     = isIndex9 ? "bg-white dark:bg-tertiary-600"                                    : "bg-white dark:bg-gray-700" %}
  166. {# ===== OVERRIDE COULEUR INITIALE ===== #}
  167. {% if _initialColor == "dark" %}
  168.     <style>
  169.         .uc-header .uc-navbar,
  170.         .uc-header .uc-navbar a,
  171.         .uc-header .uc-navbar span,
  172.         .uc-header .uc-navbar i,
  173.         .uc-header .uc-navbar .uc-navbar-nav > li > a {
  174.             color: var(--uc-gray-900) !important;
  175.         }
  176.         .uc-header .uc-navbar a:hover,
  177.         .uc-header .uc-navbar .uc-navbar-nav > li > a:hover {
  178.             color: var(--uc-primary) !important;
  179.         }
  180.         html.dark .uc-header .uc-navbar,
  181.         html.dark .uc-header .uc-navbar a,
  182.         html.dark .uc-header .uc-navbar span,
  183.         html.dark .uc-header .uc-navbar i,
  184.         html.dark .uc-header .uc-navbar .uc-navbar-nav > li > a {
  185.             color: #fff !important;
  186.         }
  187.         html.dark .uc-header .uc-navbar a:hover,
  188.         html.dark .uc-header .uc-navbar .uc-navbar-nav > li > a:hover {
  189.             color: var(--uc-primary) !important;
  190.         }
  191.     </style>
  192. {% endif %}
  193. {# ===== OFFCANVAS MENU ===== #}
  194. <div id="uc-menu-panel" data-uc-offcanvas="overlay: true;">
  195.     <div class="uc-offcanvas-bar bg-white text-dark dark:bg-gray-900 dark:text-white">
  196.         <header class="uc-offcanvas-header hstack justify-between items-center pb-2 bg-white dark:bg-gray-900">
  197.             <div class="uc-logo">
  198.                 <a href="{{ path('homepage') }}" class="h5 text-none text-gray-900 dark:text-white">
  199.                     <img class="w-150px" src="{{ logo }}" alt="{{ websitename }}">
  200.                 </a>
  201.             </div>
  202.             <button class="uc-offcanvas-close rtl:end-auto rtl:start-0 m-1 mt-2 icon-3 btn border-0 dark:text-white dark:text-opacity-50 hover:text-primary hover:rotate-90 duration-150 transition-all" type="button">
  203.                 <i class="unicon-close"></i>
  204.             </button>
  205.         </header>
  206.         <div class="panel">
  207.             <ul class="nav-y gap-narrow fw-medium fs-6" data-uc-nav>
  208.                 {% if menuHeader is not empty %}
  209.                     {% for m in menuHeader %}
  210.                         {% if m.link != "#" %}
  211.                             <li>
  212.                                 <a href="{{ m.link }}" {% if m.targetBlank == 1 %}target="_blank"{% endif %}>{{ m.title }}</a>
  213.                             </li>
  214.                         {% else %}
  215.                             {% set itemsLink = getMenuWebsiteItems(m.id) %}
  216.                             {% if itemsLink is not null %}
  217.                                 <li class="uc-parent">
  218.                                     <a href="#">{{ m.title }}</a>
  219.                                     <ul class="uc-nav-sub" data-uc-nav="">
  220.                                         {% for itl in itemsLink %}
  221.                                             <li>
  222.                                                 <a href="{{ itl.link }}" aria-label="{{ itl.title }}" title="{{ itl.title }}">{{ itl.title }}</a>
  223.                                             </li>
  224.                                         {% endfor %}
  225.                                     </ul>
  226.                                 </li>
  227.                             {% endif %}
  228.                         {% endif %}
  229.                     {% endfor %}
  230.                 {% endif %}
  231.                 <li class="hr opacity-10 my-1"></li>
  232.                 {% if menuHeaderRight is not empty %}
  233.                     {% for m in menuHeaderRight %}
  234.                         <li><a href="{{ m.link }}" {% if m.targetBlank == 1 %}target="_blank"{% endif %}>{{ m.title }}</a></li>
  235.                     {% endfor %}
  236.                 {% endif %}
  237.             </ul>
  238.             <ul class="social-icons nav-x mt-4">
  239.                 {% if linkedin is not empty %}<li><a class="duration-150 hover:text-primary" href="{{ linkedin }}"><i class="icon icon-2 unicon-logo-linkedin"></i></a></li>{% endif %}
  240.                 {% if facebook is not empty %}<li><a class="duration-150 hover:text-primary" href="{{ facebook }}"><i class="icon icon-2 unicon-logo-facebook"></i></a></li>{% endif %}
  241.                 {% if twitter is not empty %}<li><a class="duration-150 hover:text-primary" href="{{ twitter }}"><i class="icon icon-2 unicon-logo-x-filled"></i></a></li>{% endif %}
  242.                 {% if instagram is not empty %}<li><a class="duration-150 hover:text-primary" href="{{ instagram }}"><i class="icon icon-2 unicon-logo-instagram"></i></a></li>{% endif %}
  243.                 {% if youtube is not empty %}<li><a class="duration-150 hover:text-primary" href="{{ youtube }}"><i class="icon icon-2 unicon-logo-youtube"></i></a></li>{% endif %}
  244.             </ul>
  245.         </div>
  246.     </div>
  247. </div>
  248. {# ===== HEADER UNIFIÉ ===== #}
  249. <header class="uc-header {{ headerClass }} uc-navbar-sticky-wrap z-999" data-uc-sticky="{{ stickyStart }} animation: uc-animation-slide-top; sel-target: .uc-navbar-container; cls-active: uc-navbar-sticky {{ moveTextColor }} {{ moveBgColor }}; cls-inactive: {{ clsInactive }}; end: !*;">
  250.     <nav class="uc-navbar-container {{ navClass }} uc-navbar-float ft-tertiary z-1" data-anime="translateY: [-40, 0]; opacity: [0, 1]; easing: easeOutExpo; duration: 750; delay: 0;">
  251.         <div class="uc-navbar-main" style="--uc-nav-height: {{ navHeight }}">
  252.             <div class="{{ containerClass }}">
  253.                 <div class="uc-navbar {{ navbarClass }}" data-uc-navbar="{{ navbarMode }} animation: uc-animation-slide-top-small; duration: 150;">
  254.                     <div class="uc-navbar-left">
  255.                         <div class="uc-logo ltr:ms-1 rtl:me-1">
  256.                             <a class="panel text-none" href="{{ path('homepage') }}" {{ logoStyle|raw }}>
  257.                                 <img src="{{ logoSrc }}" alt="{{ websitename }}">
  258.                             </a>
  259.                         </div>
  260.                     </div>
  261.                     <div class="uc-navbar-center">
  262.                         <ul class="uc-navbar-nav {{ ulNavClass }} d-none lg:d-flex" {{ scrollspy|raw }}>
  263.                             {% if menuHeader is not empty %}
  264.                                 {% for m in menuHeader %}
  265.                                     {% if m.link != "#" %}
  266.                                         <li>
  267.                                             <a href="{{ m.link }}" {% if m.targetBlank == 1 %}target="_blank"{% endif %}>{{ m.title }}</a>
  268.                                         </li>
  269.                                     {% else %}
  270.                                         <li>
  271.                                             <a href="#">{{ m.title }} <span data-uc-navbar-parent-icon></span></a>
  272.                                             {{ m.menuHTML|raw }}
  273.                                         </li>
  274.                                         {% set itemsLink = getMenuWebsiteItems(m.id) %}
  275.                                         {% if itemsLink is not null %}{% endif %}
  276.                                     {% endif %}
  277.                                 {% endfor %}
  278.                             {% endif %}
  279.                         </ul>
  280.                     </div>
  281.                     <div class="uc-navbar-right">
  282.                         {% block header_languages %}
  283.                             <li class="d-inline-block d-none lg:d-flex">
  284.                                 <a href="#" class="hstack gap-1 text-none fw-medium" role="button" aria-haspopup="true" aria-expanded="false">
  285.                                     <i class="icon icon-1 unicon-earth-filled"></i>
  286.                                     <span>{% if app.request.locale == "en" %}English{% else %}Français{% endif %}</span>
  287.                                     <span data-uc-drop-parent-icon=""></span>
  288.                                 </a>
  289.                                 <div class="p-2 {{ dropdownBg }} shadow-xs rounded-2 w-150px" data-uc-drop="mode: click; offset: 16; pos: bottom-center; boundary: !.uc-navbar-container; animation: uc-animation-slide-top-small; duration: 150;">
  290.                                     <ul class="nav-y gap-1 fw-medium rtl:items-end">
  291.                                         <li style="color:white;"><a href="/en">English</a></li>
  292.                                         <li style="color:white;"><a href="/">Français</a></li>
  293.                                     </ul>
  294.                                 </div>
  295.                             </li>
  296.                         {% endblock header_languages %}
  297.                         {% if menuHeaderRight is not empty %}
  298.                             {% for m in menuHeaderRight %}
  299.                                 <a href="{{ m.link }}" {% if m.targetBlank == 1 %}target="_blank"{% endif %} class="btn btn-sm {{ ctaBtnClass }} px-3" {% if isIndex9 %}style="color:#111111 !important; background-color:#ffffff !important;"{% endif %}>
  300.                                     <span style="{% if isIndex9 %}color:#111111 !important;{% endif %}">{{ m.title }}</span>
  301.                                 </a>
  302.                             {% endfor %}
  303.                         {% endif %}
  304.                         <a class="{{ burgerClass }}" href="#uc-menu-panel" {{ burgerExtra|raw }} data-uc-toggle>
  305.                             <i class="icon icon-2 unicon-menu"></i>
  306.                         </a>
  307.                     </div>
  308.                 </div>
  309.             </div>
  310.         </div>
  311.     </nav>
  312. </header>
  313. <div id="wrapper" class="wrap">
  314.     {% block body %}{% endblock body %}
  315. </div>
  316. {% set menuFooter = getMenuWebsiteArray(app.request.locale,"footer",connectUser) %}
  317. <footer id="uc-footer" class="uc-footer panel overflow-hidden">
  318.     <div class="footer-outer py-6 lg:py-8 xl:py-9 lg:m-2 lg:rounded-2 bg-secondary dark:bg-tertiary-700 border border-secondary dark:border-white dark:border-opacity-15">
  319.         <div class="uc-footer-content">
  320.             <div class="container xl:max-w-xl">
  321.                 <div class="uc-footer-inner vstack gap-4 lg:gap-6 xl:gap-8">
  322.                     <div class="uc-footer-widgets panel">
  323.                         <div class="row child-cols-6 md:child-cols col-match g-4">
  324.                             <div class="col-12 lg:col-6">
  325.                                 <div class="panel vstack items-start gap-3 xl:gap-4 lg:max-w-1/2">
  326.                                     <div>
  327.                                         <a class="panel text-none" href="" style="width: 140px;">
  328.                                             <img class="text-tertiary dark:text-primary" src="/uploads/logo_blanc.gif" alt="{{ websitename }}" data-uc-svg>
  329.                                         </a>
  330.                                         <p class="mt-2">{{ footer_subtitle|raw}}</p>
  331.                                     </div>
  332.                                     <div class="d-inline-block">
  333.                                         {% block footer_languages %}
  334.                                             <a href="#" class="hstack gap-1 text-none fw-medium">
  335.                                                 <i class="icon icon-1 unicon-earth-filled"></i>
  336.                                                 <span>{% if app.request.locale == "en" %}English{% else %}Français{% endif %}</span>
  337.                                                 <span data-uc-drop-parent-icon=""></span>
  338.                                             </a>
  339.                                             <div class="p-2 bg-white dark:bg-gray-700 shadow-xs rounded-2 w-150px" data-uc-drop="mode: click; offset: 16; pos: bottom-center; boundary: !.uc-footer-widgets; animation: uc-animation-slide-top-small; duration: 150;">
  340.                                                 <ul class="nav-y gap-1 fw-medium rtl:items-end">
  341.                                                     <li><a href="/en">English</a></li>
  342.                                                     <li><a href="/">Français</a></li>
  343.                                                 </ul>
  344.                                             </div>
  345.                                         {% endblock footer_languages %}
  346.                                     </div>
  347.                                 </div>
  348.                             </div>
  349.                             <div>
  350.                                 {{ footer_col1|raw }}
  351.                             </div>
  352.                             <div>
  353.                                 {{ footer_col2|raw }}
  354.                             </div>
  355.                             <div>
  356.                                 {{ footer_col3|raw }}
  357.                             </div>
  358.                         </div>
  359.                     </div>
  360.                     <div class="uc-footer-bottom panel vstack lg:hstack gap-4 justify-between text-center pt-4 lg:pt-6 mt-6 border-top">
  361.                         <p><span>{{ footer_copyright|raw }} • Developped by <a href="https://mirtillo.fr" target="_blank">Mirtillo</a></span></p>
  362.                         <ul class="nav-x justify-center gap-2">
  363.                             {% if menuFooter is not empty %}
  364.                                 {% for m in  menuFooter %}
  365.                                     <li><a href="{{ m.link }}" {% if m.targetBlank == 1%}target="_blank"{% endif %}>{{ m.title|translateLocale(arrayTranslate) }}</a></li>
  366.                                 {% endfor %}
  367.                             {% endif %}
  368.                             {% if app.user is not null %}
  369.                                 {% if is_granted("ROLE_SUPER_ADMIN") %}
  370.                                     <li><a href="{{ path('backoffice_dashboard') }}" style="color:red;">{{ "Backoffice"|translateLocale(arrayTranslate) }}</a></li>
  371.                                 {% endif %}
  372.                                 <li><a href="{{ path('app_logout') }}" style="color:red;">{{ "Logout"|translateLocale(arrayTranslate) }}</a></li>
  373.                             {% endif %}
  374.                         </ul>
  375.                         <ul class="nav-x justify-center gap-2">
  376.                             {% if linkedin is not empty %}
  377.                                 <li><a class="duration-150 hover:text-primary" href="{{ linkedin }}"><i class="icon icon-2 unicon-logo-linkedin"></i></a></li>
  378.                             {% endif %}
  379.                             {% if facebook is not empty %}
  380.                                 <li><a class="duration-150 hover:text-primary" href="{{ facebook }}"><i class="icon icon-2 unicon-logo-facebook"></i></a></li>
  381.                             {% endif %}
  382.                             {% if twitter is not empty %}
  383.                                 <li><a class="duration-150 hover:text-primary" href="{{ twitter }}"><i class="icon icon-2 unicon-logo-x-filled"></i></a></li>
  384.                             {% endif %}
  385.                             {% if instagram is not empty %}
  386.                                 <li><a class="duration-150 hover:text-primary" href="{{ instagram }}"><i class="icon icon-2 unicon-logo-instagram"></i></a></li>
  387.                             {% endif %}
  388.                             {% if youtube is not empty %}
  389.                                 <li><a class="duration-150 hover:text-primary" href="{{ youtube }}"><i class="icon icon-2 unicon-logo-youtube"></i></a></li>
  390.                             {% endif %}
  391.                         </ul>
  392.                     </div>
  393.                 </div>
  394.             </div>
  395.         </div>
  396.     </div>
  397. </footer>
  398. {% block footerbody %}{% endblock footerbody %}
  399. {% block footer_body %}{% endblock footer_body %}
  400. <script defer src="/assets/lexend/js/libs/jquery.min.js"></script>
  401. <script defer src="/assets/lexend/js/libs/bootstrap.min.js"></script>
  402. <script defer src="/assets/lexend/js/libs/anime.min.js"></script>
  403. <script defer src="/assets/lexend/js/libs/swiper-bundle.min.js"></script>
  404. <script defer src="/assets/lexend/js/libs/scrollmagic.min.js"></script>
  405. <script defer src="/assets/lexend/js/libs/typed.min.js"></script>
  406. <script defer src="/assets/lexend/js/libs/tilt.min.js"></script>
  407. <script defer src="/assets/lexend/js/libs/split-type.min.js"></script>
  408. <script defer src="/assets/lexend/js/libs/prettify.min.js"></script>
  409. <script defer src="/assets/lexend/js/libs/gsap.min.js"></script>
  410. <script defer src="/assets/lexend/js/libs/smooth-scroll.min.js"></script>
  411. <script defer src="/assets/lexend/js/core/magic-cursor.js"></script>
  412. <script defer src="/assets/lexend/js/helpers/data-attr-helper.js"></script>
  413. <script defer src="/assets/lexend/js/helpers/swiper-helper.js"></script>
  414. <script defer src="/assets/lexend/js/helpers/splitype-helper.js"></script>
  415. <script defer src="/assets/lexend/js/helpers/anime-helper.js"></script>
  416. <script defer src="/assets/lexend/js/helpers/typed-helper.js"></script>
  417. <script defer src="/assets/lexend/js/helpers/tilt-helper.js"></script>
  418. <script defer src="/assets/lexend/js/core/marquee.js"></script>
  419. <script defer src="/assets/lexend/js/uikit-components-bs.js"></script>
  420. <script defer src="/assets/lexend/js/form.js"></script>
  421. <script defer src="/assets/lexend/js/app.js"></script>
  422. {% block footer_js %}{% endblock footer_js %}
  423. {% block footerjs %}{% endblock footerjs %}
  424. {{ htmlTrack2|raw }}
  425. </body>
  426. </html>