templates/base.html.twig line 1

Open in your IDE?
  1. <!DOCTYPE html>
  2. <html lang="fr" >
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1">
  6. <meta http-equiv="x-ua-compatible" content="ie=edge">
  7. <meta name="robots" content="index,follow" />
  8. <meta name="p:domain_verify" content="59abb365592278c9b3624b621c108b7f"/>
  9. {% block metas %}{% endblock %}
  10. <title>{% block title %}Welcome!{% endblock %}</title>
  11. <link rel="icon" href="{{ asset('assets/tanymena/logo_tanymena/png/loading.png') }}">
  12. {# Run `composer require symfony/webpack-encore-bundle` to start using Symfony UX #}
  13. {% block stylesheets %}
  14. {{ encore_entry_link_tags('app') }}
  15. <!-- Favicon -->
  16. <link rel="shortcut icon" type="image/x-icon" href="{{ asset('assets/tanymena/logo_tanymena/png/loading.png') }}">
  17. <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css" integrity="sha512-iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0iPtmFIB46ZmdtAc9eNBvH0H/ZpiBw==" crossorigin="anonymous" referrerpolicy="no-referrer" />
  19. <!--bootstrap min css-->
  20. <link rel="stylesheet" href="{{ asset('bonique/assets/css/bootstrap.min.css') }}">
  21. <!--owl carousel min css-->
  22. <link rel="stylesheet" href="{{ asset('bonique/assets/css/owl.carousel.min.css') }}">
  23. {# <!--slick min css-->
  24. <link rel="stylesheet" href="{{ asset('bonique/assets/css/slick.css') }}">
  25. <!--magnific popup min css-->
  26. <link rel="stylesheet" href="{{ asset('bonique/assets/css/magnific-popup.css') }}">
  27. <!--font awesome css-->
  28. <link rel="stylesheet" href="{{ asset('bonique/assets/css/font.awesome.css') }}">
  29. <!--ionicons css-->
  30. <link rel="stylesheet" href="{{ asset('bonique/assets/css/ionicons.min.css') }}"> #}
  31. <!--simple line icons css-->
  32. <link rel="stylesheet" href="{{ asset('bonique/assets/css/simple-line-icons.css') }}">
  33. {# <!--animate css-->
  34. <link rel="stylesheet" href="{{ asset('bonique/assets/css/animate.css') }}"> #}
  35. <!--jquery ui min css-->
  36. <link rel="stylesheet" href="{{ asset('bonique/assets/css/jquery-ui.min.css') }}">
  37. <!--slinky menu css-->
  38. {# <link rel="stylesheet" href="{{ asset('bonique/assets/css/slinky.menu.css') }}">
  39. <!--plugins css-->
  40. <link rel="stylesheet" href="{{ asset('bonique/assets/css/plugins.css') }}">#}
  42. <!-- Main Style CSS -->
  43. <link rel="stylesheet" href="{{ asset('bonique/assets/css/style.css?date=202308101458') }}">
  44. <link rel="stylesheet" href="{{ asset('bonique/assets/css/lite-yt-embed.min.css') }}">
  45. <link rel="stylesheet" href="{{ asset('assets/css/main.css?date=202309291606') }}">
  47. {# CUSTOM STYLES#}
  48. {{ encore_entry_link_tags('custom_app') }}
  50. <!--modernizr min js here-->
  51. <script src="{{ asset('bonique/assets/js/vendor/modernizr-3.7.1.min.js') }}"></script>
  53. <style>
  54. .af-btn-google {
  55. display: inline-flex;
  56. align-items: center;
  57. justify-content: center;
  58. gap: 10px;
  59. width: 100%;
  60. padding: 12px 16px;
  61. border-radius: 10px;
  62. border: 1px solid rgba(0, 0, 0, 0.12);
  63. background: #fff;
  64. color: #111;
  65. font-weight: 600;
  66. cursor: pointer;
  67. font-family: inherit;
  68. appearance: none;
  69. -webkit-appearance: none;
  70. text-decoration: none;
  71. transition: box-shadow .15s ease, transform .15s ease, border-color .15s ease;
  72. }
  74. .af-btn-google:hover {
  75. border-color: rgba(0, 0, 0, 0.18);
  76. box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
  77. transform: translateY(-1px);
  78. text-decoration: none;
  79. color: #111;
  80. }
  82. .af-btn-google__icon {
  83. width: 18px;
  84. height: 18px;
  85. flex: 0 0 18px;
  86. }
  88. .af-btn-facebook {
  89. display: inline-flex;
  90. align-items: center;
  91. justify-content: center;
  92. gap: 10px;
  93. width: 100%;
  94. padding: 12px 16px;
  95. border-radius: 10px;
  96. border: 1px solid #1877F2;
  97. background: #1877F2;
  98. color: #fff;
  99. font-weight: 700;
  100. cursor: pointer;
  101. font-family: inherit;
  102. appearance: none;
  103. -webkit-appearance: none;
  104. text-decoration: none;
  105. transition: box-shadow .15s ease, transform .15s ease, border-color .15s ease, background-color .15s ease;
  106. }
  108. .af-btn-facebook:hover {
  109. border-color: #166FE5;
  110. background: #166FE5;
  111. box-shadow: 0 6px 18px rgba(0, 0, 0, 0.10);
  112. transform: translateY(-1px);
  113. text-decoration: none;
  114. color: #fff;
  115. }
  117. .af-btn-facebook__icon {
  118. width: 18px;
  119. height: 18px;
  120. display: inline-flex;
  121. align-items: center;
  122. justify-content: center;
  123. }
  125. .af-divider {
  126. display: flex;
  127. align-items: center;
  128. gap: 12px;
  129. margin: 14px 0;
  130. color: rgba(0, 0, 0, 0.55);
  131. font-size: 13px;
  132. font-weight: 600;
  133. }
  135. .af-divider::before,
  136. .af-divider::after {
  137. content: "";
  138. height: 1px;
  139. flex: 1 1 auto;
  140. background: rgba(0, 0, 0, 0.12);
  141. }
  143. .af-role-grid {
  144. display: grid;
  145. grid-template-columns: 1fr;
  146. gap: 12px;
  147. margin: 14px 0 18px;
  148. }
  150. .af-role-card {
  151. display: flex;
  152. align-items: flex-start;
  153. gap: 12px;
  154. padding: 14px 14px;
  155. border-radius: 12px;
  156. border: 1px solid rgba(0, 0, 0, 0.12);
  157. background: #fff;
  158. cursor: pointer;
  159. transition: box-shadow .15s ease, transform .15s ease, border-color .15s ease;
  160. }
  162. .af-role-card input[type="radio"] {
  163. margin-top: 3px;
  164. }
  166. .af-role-card:hover {
  167. border-color: rgba(0, 0, 0, 0.18);
  168. box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
  169. transform: translateY(-1px);
  170. }
  172. .af-role-card__title {
  173. font-weight: 700;
  174. margin-bottom: 2px;
  175. }
  177. .af-role-card__desc {
  178. margin: 0;
  179. font-size: 13px;
  180. color: rgba(0, 0, 0, 0.6);
  181. }
  183. .af-role-select {
  184. width: 100%;
  185. height: 45px;
  186. padding: 0 12px;
  187. border-radius: 10px;
  188. border: 1px solid rgba(0, 0, 0, 0.12);
  189. background: #fff;
  190. }
  192. .af-role-select:focus {
  193. outline: none;
  194. border-color: rgba(0, 0, 0, 0.18);
  195. box-shadow: 0 6px 18px rgba(0, 0, 0, 0.06);
  196. }
  198. .af-login-links {
  199. display: flex;
  200. justify-content: space-between;
  201. align-items: center;
  202. gap: 12px;
  203. margin-top: 14px;
  204. padding: 12px 14px;
  205. border-radius: 10px;
  206. border: 1px solid rgba(0, 0, 0, 0.10);
  207. background: rgba(0, 0, 0, 0.02);
  208. }
  210. .af-login-link {
  211. display: inline-flex;
  212. align-items: center;
  213. gap: 8px;
  214. font-weight: 600;
  215. font-size: 14px;
  216. color: rgba(0, 0, 0, 0.7);
  217. text-decoration: none;
  218. }
  220. .af-login-link:hover {
  221. text-decoration: underline;
  222. color: rgba(0, 0, 0, 0.9);
  223. }
  225. @media (max-width: 575px) {
  226. .af-login-links {
  227. flex-direction: column;
  228. align-items: flex-start;
  229. }
  230. }
  231. </style>
  233. {% endblock %}
  236. <link rel="canonical" href="https://aromaforest.fr/blog"/>
  237. <link rel="canonical" href="https://aromaforest.fr/boutique"/>
  238. <meta name="google-site-verification" content="qOcxFuYi4N5bWKE05GSU28h5VHlN9Qu5wKTd7fEleSo" />
  239. </head>
  240. <body>
  241. {% set configTva = configService.findTva() %}
  243. <div id="loading_aroma">
  244. <img src="{{ asset('assets/tanymena/logo_tanymena/png/loading.png') }}" alt="loader-aroma">
  245. </div>
  247. {# <div id="app-defautlocal" class="d-none" data-defautlocal="{{app_default_locale}}"></div>
  248. <div id="google_translate_element" class="d-none" data-local="{{ app.request.session.get('localSession') }}"></div> #}
  249. {% include '/partials/header.html.twig' %}
  251. {% block body %}{% endblock %}
  253. {% if not showFooter is defined or showFooter == true %}
  254. {% include '/partials/footer.html.twig' %}
  255. {% endif %}
  258. {# <script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script> #}
  259. {# <script type="text/javascript" src="{{ asset('assets/googleTrad/googleTrad.js') }}"></script> #}
  260. {% block javascripts %}
  261. <!-- Meta Pixel Code -->
  262. {% if app.environment == 'prod' %}
  263. <script>
  264. !function(f,b,e,v,n,t,s)
  265. {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  266. n.callMethod.apply(n,arguments):n.queue.push(arguments)};
  267. if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
  268. n.queue=[];t=b.createElement(e);t.async=!0;
  269. t.src=v;s=b.getElementsByTagName(e)[0];
  270. s.parentNode.insertBefore(t,s)}(window, document,'script',
  271. 'https://connect.facebook.net/en_US/fbevents.js');
  272. fbq('init', '743597234009643');
  273. fbq('track', 'PageView');
  274. </script>
  275. <noscript><img height="1" width="1" style="display:none"
  276. src="https://www.facebook.com/tr?id=743597234009643&ev=PageView&noscript=1"
  277. /></noscript>
  278. {% endif %}
  279. <!-- End Meta Pixel Code -->
  280. {{ encore_entry_script_tags('app') }}
  282. <!-- Slider js-->
  283. <script src="https://cdn.jsdelivr.net/npm/@splidejs/splide@4.1.4/dist/js/splide.min.js"></script>
  285. <link href="https://cdn.jsdelivr.net/npm/@splidejs/splide@4.1.4/dist/css/splide.min.css" rel="stylesheet">
  287. <!--jquery min js-->
  288. <script src="{{ asset('bonique/assets/js/vendor/jquery-3.4.1.min.js') }}"></script>
  289. {# <!--popper min js-->
  290. <script src="{{ asset('bonique/assets/js/popper.js') }}"></script> #}
  291. <!--bootstrap min js-->
  292. <script src="{{ asset('bonique/assets/js/bootstrap.min.js') }}"></script>
  293. <!--owl carousel min js-->
  294. <script src="{{ asset('bonique/assets/js/owl.carousel.min.js') }}"></script>
  295. {# <!--slick min js-->
  296. <script src="{{ asset('bonique/assets/js/slick.min.js') }}"></script>#}
  297. <!--magnific popup min js-->
  298. <script src="{{ asset('bonique/assets/js/jquery.magnific-popup.min.js') }}"></script>
  299. {# <!--counterup min js-->
  300. <script src="{{ asset('bonique/assets/js/jquery.counterup.min.js') }}"></script>
  301. <!--jquery countdown min js-->
  302. <script src="{{ asset('bonique/assets/js/jquery.countdown.js') }}"></script> > #}
  303. <!--jquery ui min js-->
  304. <script src="{{ asset('bonique/assets/js/jquery.ui.js') }}"></script>
  305. <!--jquery elevatezoom min js-->
  306. <script src="{{ asset('bonique/assets/js/jquery.elevatezoom.js') }}"></script>
  307. {# <!--isotope packaged min js-->
  308. <script src="{{ asset('bonique/assets/js/isotope.pkgd.min.js') }}"></script>
  309. <!--slinky menu js-->
  310. <script src="{{ asset('bonique/assets/js/slinky.menu.js') }}"></script> #}
  311. <!-- Plugins JS -->
  312. <script src="{{ asset('bonique/assets/js/plugins.js') }}"></script>
  314. <!-- Main JS -->
  315. <script src="{{ asset('bonique/assets/js/main.js') }}"></script>
  317. <script src="{{ asset('bonique/assets/js/lite-yt-embed.min.js') }}"></script>
  318. <script src="{{ asset('bonique/assets/js/lazysizes.min.js') }}"></script>
  320. <script src="{{ asset('assets/js/cart.js') }}"></script>
  321. <script src="{{ asset('assets/js/favorite_product.js') }}"></script>
  322. <script type="text/javascript">
  323. window.onload = () => {
  324. // Hide loader
  325. document.getElementById("loading_aroma").classList.add('hide');
  326. };
  327. </script>
  328. <script>
  329. // Fermer les autres panneaux collapse lorsqu'un panneau est ouvert
  330. $('.collapse').on('show.bs.collapse', function () {
  331. $('.collapse.show').not(this).collapse('hide');
  332. });
  333. </script>
  335. <script type="text/javascript">
  336. document.addEventListener('DOMContentLoaded', function () {
  337. var select = $('#languageSelect');
  338. var previousValue = select.val();
  339. $('#languageSelect').change(function () {
  340. var selectedLocale = $(this).val();
  342. // Effectuer une requête AJAX vers votre route Symfony
  343. $.ajax({
  344. type: 'GET',
  345. url: '{{app_change_locale_route}}' + selectedLocale, // Utilisez le chemin correct pour votre route
  346. success: function () {
  347. // Rafraîchissez la page ou effectuez d'autres actions si nécessaire
  348. location.reload();
  349. },
  350. error: function (error) {
  351. alert("Une erreur s'est produite. Veuillez réessayer ultérieurement.");
  352. select.val(previousValue);
  353. }
  354. });
  355. });
  356. });
  357. </script>
  359. {# Google Analytics #}
  360. <!-- Google tag (gtag.js) -->
  361. {% if app.environment == 'prod' %}
  362. <script async src="https://www.googletagmanager.com/gtag/js?id=G-8BS4KQCKP8"></script>
  363. {{ encore_entry_script_tags('google_analytics_js') }}
  364. {% endif %}
  365. {# Google Analytics #}
  366. {% endblock %}
  368. </body>
  369. </html>