add tarteaucitron

user/pages/01.home/01.contact/item.md

@@ -1,18 +0,0 @@
----
-title: contact
-media_order: 'Logo_Val_de_Drome_quadri_3Black.svg,logo_le_campus_black.svg'
----
-
-![logo_le_campus](logo_le_campus_black.svg)
-
-Place Michel Paulus,
-Ecosite du Val de Drôme
-26400 Eurre
-Tél. 04 75 25 43 82
-[campus@val-de-drome.com](mailto:campus@val-de-drome.com)
-
-Recevoir l'actualité du Campus
-[Mentions légales](/mentions-legales)
-[Crédits](/credits)
-
-![Logo_CCVD](Logo_Val_de_Drome_quadri_3Black.svg)

user/themes/lecampus/js/site.js

@@ -193,8 +193,33 @@ function ajaxformulaire() {
 
 }
 
+
+
 jQuery(document).ready(function(){
-  // ajaxformulaire();
+  tarteaucitron.init({
+    "privacyUrl": "/charte-cookies", /* Privacy policy url */
+
+    "hashtag": "#gestions_des_cookies", /* Open the panel with this hashtag */
+    "cookieName": "gestions_des_cookies", /* Cookie name */
+
+    "orientation": "bottom", /* Banner position (top - bottom) */
+    "showAlertSmall": false, /* Show the small banner on bottom right */
+    "cookieslist": false, /* Show the cookie list */
+
+    "adblocker": false, /* Show a Warning if an adblocker is detected */
+    "AcceptAllCta" : true, /* Show the accept all button when highPrivacy on */
+    "highPrivacy": true, /* Disable auto consent */
+    "handleBrowserDNTRequest": true, /* If Do Not Track == 1, disallow all */
+
+    "removeCredit": false, /* Remove credit link */
+    "moreInfoLink": true, /* Show more info link */
+    "useExternalCss": true, /* If false, the tarteaucitron.css file will be loaded */
+
+    //"cookieDomain": ".my-multisite-domaine.fr", /* Shared cookie for multisite */
+
+    "readmoreLink": "/cookiespolicy" /* Change the default readmore link */
+  });
+
   addclass();
   mapsalles();
   clickbutton();

user/themes/lecampus/scss/theme.scss

@@ -11,7 +11,8 @@
 @import 'theme/header';
 @import 'theme/menu';
 @import 'theme/footer';
-@import 'theme/mobile'; 
+@import 'theme/mobile';
+@import 'theme/cookies';
 
 // Extra Skeleton Styling
 @import 'theme/blog';

user/themes/lecampus/scss/theme/_blog.scss

@@ -1298,3 +1298,38 @@
 .ok{
   cursor: pointer;
 }
+
+.cookie-banner {
+  display: none;
+  position: fixed;
+  top: 0;
+  width: 100%;
+
+  &.active {
+    display: block;
+  }
+}
+
+// Overlay de la boite de dialogue
+.cookie-inform-and-ask {
+  background-color: green; 
+  display: none;
+  height: 100%;
+  left: 0;
+  position: fixed;
+  top: 0;
+  width: 100%;
+
+  &.active {
+    display: block;
+  }
+
+  // La vraie boîte de dialogue
+  .cookie-dialog {
+    left: 50%;
+    position: absolute;
+    top: 50%;
+    transform: translate(-50%, -50%);
+    width: 70%;
+  }
+}

user/themes/lecampus/scss/theme/_cookies.scss

@@ -0,0 +1,4 @@
+#tarteaucitronBack{
+  background: yellow;
+}
+ 

user/themes/lecampus/templates/partials/base.html.twig

@@ -19,6 +19,7 @@
 
       {% block stylesheets %}
           {% do assets.addCss('theme://css-compiled/theme'~compress) %}
+          {% do assets.addCss('theme://css/tarteaucitron.css') %}
           {% do assets.addCss('theme://css/leaflet.css') %}
           {% do assets.addCss('theme://css/jquery.bxslider.min.css') %}
       {% endblock %}
@@ -31,8 +32,7 @@
           {% do assets.addJs('theme://js/masonry.filter.js', {group:'bottom'}) %}
           {% do assets.addJs('theme://js/masonry.pkgd.min.js', {group:'bottom'}) %}
           {% do assets.addJs('theme://js/jquery.bxslider.min.js', {group:'bottom'}) %}
-          {% do assets.addJs('theme://js/site.min.js', {group:'bottom'}) %}
-
+          {% do assets.addJs('theme://js/site.js', {group:'bottom'}) %}
       {% endblock %}
 
       {% block assets deferred %}
@@ -41,16 +41,8 @@
       {% endblock %}
 
   {% endblock head %}
-  <!-- Global site tag (gtag.js) - Google Analytics -->
-  <script async src="https://www.googletagmanager.com/gtag/js?id=UA-142182091-1"></script>
-  <script>
-    window.dataLayer = window.dataLayer || [];
-    function gtag(){dataLayer.push(arguments);}
-    gtag('js', new Date());
-
-    gtag('config', 'UA-142182091-1');
-  </script>
 
+  <script type="text/javascript" src="https://cdn.jsdelivr.net/gh/AmauriC/tarteaucitron.js@V1.2/tarteaucitron.min.js"></script>
 
     <script type="application/ld+json">
       {
@@ -120,22 +112,20 @@
 
     {% block footer %}
       {% include 'partials/footer.html.twig' %}
-      <!-- <div class="opt-out">
-        <div class="txt">
-          <img src="/user/themes/lecampus/images/fleche-out.svg" alt="fleche">
-          <p>Cookies</p>
-        </div>
-
-      <iframe title="opt-out" class="exclude"
-        style="border: 0; width: 100%; text-align: center;"
-        src="https://analytics.figureslibres.io/index.php?module=CoreAdminHome&action=optOut&language=fr&backgroundColor=&fontColor=&fontSize=12px&fontFamily=arial">
-      </iframe>
-    </div> -->
     {% endblock %}
 
     {% block bottom %}
         {{ assets.js('bottom')|raw }}
     {% endblock %}
 
+    <script type="text/javascript">
+      tarteaucitron.user.gtagUa = 'UA-91839539-1';
+      tarteaucitron.user.gtagMore = function () { /* add here your optionnal gtag() */ };
+      (tarteaucitron.job = tarteaucitron.job || []).push('gtag');
+      (tarteaucitron.job = tarteaucitron.job || []).push('facebook');
+      (tarteaucitron.job = tarteaucitron.job || []).push('linkedin');
+      (tarteaucitron.job = tarteaucitron.job || []).push('googletagmanager');
+    </script>
+
   </body>
 </html>