Disclaimer by type instead of by service

css/tarteaucitron.css

@@ -34,8 +34,10 @@
 }
 
 #tarteaucitron a {
-    color: #000;
-    text-decoration: underline;
+    color: rgb(66, 66, 66);
+    font-size: 12px;
+    font-style: italic;
+    text-decoration: none;
 }
 
 #tarteaucitronAlertBig a, #tarteaucitronAlertSmall a {
@@ -47,19 +49,6 @@
     font-weight: 700;
 }
 
-#tarteaucitron em {
-    cursor: pointer;
-    text-decoration: underline;
-    font-size: 12px;
-    font-style: italic;
-}
-
-#tarteaucitron .tarteaucitronMore em {
-    cursor: text;
-    font-size: 14px;
-    text-decoration: none;
-}
-
 /***
  * Root div added just before </body>
  */
@@ -119,18 +108,23 @@
 #tarteaucitron #tarteaucitronDisclaimer {
     color: #fff;
     font-size: 16px;
-    margin: 0 auto 30px;
+    margin: 0 auto 10px;
     max-width: 800px;
     padding: 0 15px;
     text-align: center;
 }
 
 #tarteaucitron .tarteaucitronTitle {
-    background: rgb(81, 81, 81);
+    background: #4a4a4a;
+    border-top: 25px solid #333;
     color: #FFF;
-    font-size: 16px;
-    padding: 5px 0px 5px 22px;
-    margin-top: 15px;
+    font-size: 20px;
+    padding: 18px 22px;
+}
+
+#tarteaucitron .tarteaucitronTitle .tarteaucitronDetails {
+    color: #fff;
+    font-size: 13px;
 }
 
 #tarteaucitron .tarteaucitronLine {
@@ -170,10 +164,6 @@
     width: auto;
 }
 
-#tarteaucitron .tarteaucitronLine .tarteaucitronMore {
-    display: none;
-}
-
 
 /***
  * Big alert

lang/tarteaucitron.en.js

@@ -11,7 +11,16 @@ tarteaucitron.lang = {
     "more": "Read more",
     "source": "View the official website",
 
-    "ads": "Advertising network",
-    "analytics": "Audience measurement",
-    "social": "Social networks"
+    "ads": {
+        "title": "Advertising network",
+        "details": "Ad networks can generate revenue by selling advertising space on the site."
+    },
+    "analytics": {
+        "title": "Audience measurement",
+        "details": "The audience measurement services used to generate useful statistics attendance to improve the site."
+    },
+    "social": {
+        "title": "Social networks",
+        "details": "Social networks can improve the usability of the site and help to promote it via the shares."
+    }
 };

lang/tarteaucitron.fr.js

@@ -11,7 +11,16 @@ tarteaucitron.lang = {
     "more": "En savoir plus",
     "source": "Voir le site officiel",
 
-    "ads": "Régies publicitaires",
-    "analytics": "Mesure d'audience",
-    "social": "Réseaux sociaux"
+    "ads": {
+        "title": "Régies publicitaires",
+        "details": "Les régies publicitaires permettent de générer des revenus en commercialisant les espaces publicitaires du site."
+    },
+    "analytics": {
+        "title": "Mesure d'audience",
+        "details": "Les services de mesure d'audience permettent de générer des statistiques de fréquentation utiles à l'amélioration du site."
+    },
+    "social": {
+        "title": "Réseaux sociaux",
+        "details": "Les réseaux sociaux permettent d'améliorer la convivialité du site et aident à sa promotion via les partages."
+    }
 };

tarteaucitron.js

@@ -46,9 +46,6 @@ var tarteaucitron = {
                     service,
                     html = '',
                     lastTitle,
-                    phrases,
-                    textIntro,
-                    textMore,
                     alert = false,
                     index;
 
@@ -100,14 +97,13 @@ var tarteaucitron = {
 
                 for (index = 0; index < tarteaucitron.job.length; index += 1) {
                     service = s[tarteaucitron.job[index]];
-                    textIntro = service.lang[language].split(".").splice(0, 1).join(".");
-                    phrases = service.lang[language].split(".");
-                    phrases.splice(0, 1);
-                    textMore = phrases.join(".");
 
                     if (lastTitle !== service.type) {
                         html += '<div class="tarteaucitronTitle">';
-                        html += '   ' + tarteaucitron.lang[service.type];
+                        html += '   ' + tarteaucitron.lang[service.type].title;
+                        html += '   <div class="tarteaucitronDetails">';
+                        html += '       ' + tarteaucitron.lang[service.type].details;
+                        html += '   </div>';
                         html += '</div>';
 
                         lastTitle = service.type;
@@ -116,16 +112,9 @@ var tarteaucitron = {
                     html += '<div id="' + service.key + 'Line" class="tarteaucitronLine">';
                     html += '   <div class="tarteaucitronName">';
                     html += '       <b>' + service.name + '</b><br/>';
-                    html += '       ' + textIntro + '. ';
-                    html += '       <em id="' + service.key + 'More" onclick="tarteaucitron.userInterface.showMore(this);">';
-                    html += '           ' + tarteaucitron.lang.more;
-                    html += '       </em>';
-                    html += '       <div id="' + service.key + 'MoreText" class="tarteaucitronMore">';
-                    html += '           ' +  textMore;
-                    html += '           <a href="' + service.uri + '" target="_blank">';
-                    html += '               ' + tarteaucitron.lang.source;
-                    html += '           </a>';
-                    html += '       </div>';
+                    html += '       <a href="' + service.uri + '" target="_blank">';
+                    html += '           ' + tarteaucitron.lang.more + ' : ' + service.uri.split('/')[2];
+                    html += '       </a>';
                     html += '   </div>';
                     html += '   <div class="tarteaucitronAsk">';
                     html += '       <div id="' + service.key + 'Allowed" class="tarteaucitronAllow" onclick="tarteaucitron.userInterface.respond(this, true);">';
@@ -213,12 +202,6 @@ var tarteaucitron = {
             "use strict";
             document.getElementById(id).style[property] = value;
         },
-        "showMore": function (el) {
-            "use strict";
-            var key = el.id.replace(/More/, '');
-            tarteaucitron.userInterface.css(key + 'MoreText', 'display', 'inline');
-            el.style.display = 'none';
-        },
         "respond": function (el, status) {
             "use strict";
             var key = el.id.replace(new RegExp("(Allow|Deni)ed", "g"), '');

tarteaucitron.services.js

@@ -14,13 +14,6 @@ tarteaucitron.services.disqus = {
         }
         tarteaucitron.addScript('//' + tarteaucitron.user.disqusShortname + '.disqus.com/embed.js');
         tarteaucitron.addScript('//' + tarteaucitron.user.disqusShortname + '.disqus.com/count.js');
-    },
-    "lang": {
-        "en": "Disqus use cookie and tracking technologies to provide its services.<br/><br/><em>Disqus provide a policy about the use of tracking technologies and cookies.</em>",
-        "fr": "Disqus utilise des cookies et des technologies de suivi afin de fournir ses services.<br/><br/><em>Disqus met à disposition une politique sur l'utilisation de ses systèmes de suivi et l'utilisation des cookies.</em>",
-        "de": "",
-        "es": "",
-        "it": ""
     }
 };
 
@@ -40,13 +33,6 @@ tarteaucitron.services.sharethis = {
         tarteaucitron.addScript('http://w.sharethis.com/button/buttons.js', '', function () {
             stLight.options({publisher: tarteaucitron.user.sharethisPublisher, doNotHash: false, doNotCopy: false, hashAddressBar: false});
         });
-    },
-    "lang": {
-        "en": "ShareThis use cookie and tracking technologies to provide its services.<br/><br/><em>ShareThis provide a policy about the use of tracking technologies and cookies.</em>",
-        "fr": "ShareThis utilise des cookies et des technologies de suivi afin de fournir ses services.<br/><br/><em>ShareThis met à disposition une politique sur l'utilisation de ses systèmes de suivi et l'utilisation des cookies.</em>",
-        "de": "",
-        "es": "",
-        "it": ""
     }
 };
 
@@ -67,13 +53,6 @@ tarteaucitron.services.shareaholic = {
                 Shareaholic.init(tarteaucitron.user.shareaholicSiteId);
             } catch (e) {}
         });
-    },
-    "lang": {
-        "en": "Shareaholic use cookie and tracking technologies to provide its services.<br/><br/><em>Shareaholic provide a policy about the use of tracking technologies and cookies.</em>",
-        "fr": "Shareaholic utilise des cookies et des technologies de suivi afin de fournir ses services.<br/><br/><em>Shareaholic met à disposition une politique sur l'utilisation de ses systèmes de suivi et l'utilisation des cookies.</em>",
-        "de": "",
-        "es": "",
-        "it": ""
     }
 };
 
@@ -90,13 +69,6 @@ tarteaucitron.services.addthis = {
             return;
         }
         tarteaucitron.addScript('//s7.addthis.com/js/300/addthis_widget.js#pubid=' + tarteaucitron.user.addthisPubId);
-    },
-    "lang": {
-        "en": "AddThis collects non-personal information such as your IP address, your browser, your operating system... Personal information may be collected when you submit yourself (email address).<br/><br/><em>AddThis provide a policy about the use of tracking technologies and cookies.</em>",
-        "fr": "AddThis collecte des informations non personnelles tel que votre IP, votre navigateur, votre système d'exploitation... Des informations personnelles peuvent être collectées lorsque vous les soumettez vous même (adresse email par exemple).<br/><br/><em>AddThis met à disposition une politique sur l'utilisation de ses systèmes de suivi et l'utilisation des cookies.</em>",
-        "de": "",
-        "es": "",
-        "it": ""
     }
 };
 
@@ -114,13 +86,6 @@ tarteaucitron.services.ferank = {
                 tarteaucitron.user.ferankMore();
             }
         });
-    },
-    "lang": {
-        "en": "FERank uses a beacon to generate traffic statistics. During your visits, information about your browsing and your equipment are transmitted to FERank. The collected data is immediately anonymized, personal information that identifies you is never stored, not even your IP address, and the statistics are not cross-checked with other sites or files.<br/><br/><em>FERank meets the criteria to be exempted from prior consent.</em>",
-        "fr": "FERank utilise un pixel invisible pour générer des statistiques de fréquentation. Lors de vos visites, des informations sur votre navigation et votre matériel sont transmises à FERank.<br/><br/>Les données collectées sont immédiatement anonymisées, aucune information personnelle ou permettant de vous identifier n'est stockée, pas même votre adresse IP, et les statistiques ne sont pas recoupées avec d'autres sites ou fichiers.<br/><br/><em>FERank répond aux critères pour être dispensé de consentement préalable.</em>",
-        "de": "",
-        "es": "",
-        "it": ""
     }
 };
 
@@ -139,13 +104,6 @@ tarteaucitron.services.facebook = {
     "fallback": function () {
         "use strict";
         tarteaucitron.fallback(['fb-post', 'fb-follow', 'fb-comments', 'fb-activity', 'fb-like-box', 'fb-send', 'fb-share-button', 'fb-like'], '<a href="https://www.facebook.com/sharer/sharer.php?u=' + encodeURIComponent(document.location) + '" target="_blank" class="tac_share tac_share_facebook">Facebook</a>');
-    },
-    "lang": {
-        "en": "Facebook, its subsidiaries and partners uses technology such as cookies, tracking pixels and local storage. These technologies are used for security purposes and to provide products, services and advertisements.<br/><br/><em> Facebook provide a policy about the use of tracking technologies and cookies.</em>",
-        "fr": "Facebook, ses filiales et autres partenaires utilisent des technologies telles que les cookies, les pixels de suivi et le stockage local. Ces technologies sont utilisées à des fins de sécurité et pour fournir des produits, des services et des publicités.<br/><br/><em>Facebook met à disposition une politique sur l'utilisation de ses systèmes de suivi et l'utilisation des cookies.</em>",
-        "de": "",
-        "es": "",
-        "it": ""
     }
 };
 
@@ -163,13 +121,6 @@ tarteaucitron.services.adsense = {
     "fallback": function () {
         "use strict";
         tarteaucitron.fallback(['adsbygoogle'], tarteaucitron.promoteMe);
-    },
-    "lang": {
-        "en": "Google uses cookies to serve ads based on your previous visits. Google and its partners adjust ads based on your visit to this site and / or other web sites using the DoubleClick cookie.<br/><br/><em>You can disable the DoubleClick cookie used for ad serving via Google Advertising Solutions settings.</em>",
-        "fr": "Google utilise des cookies pour diffuser des annonces en fonction de vos visites antérieures. Google et ses partenaires adaptent les annonces diffusées en fonction de votre navigation sur ce site et/ou d'autres sites web en utilisant le cookie DoubleClick.<br/><br/><em>Vous pouvez désactiver le cookie DoubleClick utilisé pour la diffusion d'annonces par centres d'intérêt via les paramètres Google Solutions publicitaires.</em>",
-        "de": "",
-        "es": "",
-        "it": ""
     }
 };
 
@@ -196,13 +147,6 @@ tarteaucitron.services.analytics = {
                 tarteaucitron.user.analyticsMore();
             }
         });
-    },
-    "lang": {
-        "en": "Google Analytics uses cookies to generate internal reports about your interactions on this website. These cookies are used to store information that does not identify you personally. First-party cookies are stored on your browser and are not valid from one domain to another.<br/><br/><em> Google provide a policy about the use of tracking technologies and cookies.</em>",
-        "fr": "Google Analytics utilise des cookies internes permettant de générer des rapports sur vos interactions sur ce site web. Ces cookies sont utilisés pour stocker des informations ne permettant pas de vous identifier personnellement. Les cookies internes stockés sur votre navigateur ne sont pas valables d'un domaine à l'autre.<br/><br/><em>Google met à disposition une politique sur l'utilisation de ses systèmes de suivi et l'utilisation des cookies.</em>",
-        "de": "",
-        "es": "",
-        "it": ""
     }
 };
 
@@ -220,13 +164,6 @@ tarteaucitron.services.gplus = {
     "fallback": function () {
         "use strict";
         tarteaucitron.fallback(['g-page', 'g-plus', 'g-plusone'], '<a href="https://plus.google.com/share?url=' + encodeURIComponent(document.location) + '" target="_blank" class="tac_share tac_share_googlep">Google+</a>');
-    },
-    "lang": {
-        "en": "Google collects information used to improve services to the public. It may be basic information, such as the language you use, or more complex, such as ads that you find most useful or the people who interest you most on the web.<br/><br/><em> Google provide a policy about the use of tracking technologies and cookies.</em>",
-        "fr": "Google collecte des informations servant à améliorer ses services accessibles au public. Il peut s'agir d'informations de base, telles que la langue que vous utilisez, ou plus complexes, par exemple les annonces que vous trouvez les plus utiles ou les personnes qui vous intéressent le plus sur le web.<br/><br/><em>Google met à disposition une politique sur l'utilisation de ses systèmes de suivi et l'utilisation des cookies.</em>",
-        "de": "",
-        "es": "",
-        "it": ""
     }
 };
 
@@ -245,13 +182,6 @@ tarteaucitron.services.linkedin = {
     "fallback": function () {
         "use strict";
         tarteaucitron.fallback(['tacLinkedin'], '<a href="http://www.linkedin.com/shareArticle?mini=true&url=' + encodeURIComponent(document.location) + '" target="_blank" class="tac_share tac_share_linkedin">Linkedin</a>');
-    },
-    "lang": {
-        "en": "Linkedin and its partners may set cookies to improve and secure their services, offer you relevant ads or customize your user experience.<br/><br/><em>Linkedin provided a policy about the use of tracking technologies and cookies.</em>",
-        "fr": "Linkedin et ses partenaires peuvent installer des cookies afin d'améliorer et sécuriser leurs services, vous proposer des publicités pertinentes ou encore personnaliser votre expérience utilisateur.<br/><br/><em>Linkedin met à disposition une politique sur l'utilisation de ses systèmes de suivi et l'utilisation des cookies.</em>",
-        "de": "",
-        "es": "",
-        "it": ""
     }
 };
 
@@ -265,13 +195,6 @@ tarteaucitron.services.pinterest = {
     "js": function () {
         "use strict";
         tarteaucitron.addScript('//assets.pinterest.com/js/pinit.js');
-    },
-    "lang": {
-        "en": "Pinterest collect technical information and the type of equipment you use through his widget on this site. These informations can be stored in log files or cookies, and are used to improve Pinterest services and develop new ones.<br/><br/><em> Pinterest provide a policy about the use of tracking technologies and cookies.</em>",
-        "fr": "Pinterest collecte des informations techniques et le type de matériel que vous utilisez via le widget présent sur ce site. Ces informations peuvent être stockées dans des fichiers logs ou des cookies et sont utilisées pour améliorer les services de Pinterest et en développer de nouveaux.<br/><br/><em>Pinterest met à disposition une politique sur l'utilisation de ses systèmes de suivi et l'utilisation des cookies.</em>",
-        "de": "",
-        "es": "",
-        "it": ""
     }
 };
 
@@ -290,12 +213,5 @@ tarteaucitron.services.twitter = {
     "fallback": function () {
         "use strict";
         tarteaucitron.fallback(['tacTwitter'], '<a href="https://twitter.com/intent/tweet?text=' + encodeURIComponent(document.title) + '%20' + encodeURIComponent(document.location) + '" target="_blank" class="tac_share tac_share_twitter">Twitter</a>');
-    },
-    "lang": {
-        "en": "Twitter collects and uses information to deliver services and to measure and improve service over time. Twitter can tailor content for you based on your visits to other websites via cookies.<br/><br/><em>Twitter provide a policy about the use of tracking technologies and cookies.</em>",
-        "fr": "Twitter collecte et utilise des informations pour fournir ses services, ainsi que pour mesurer et améliorer ses services au fil du temps. Twitter peux adapter le contenu qui vous est destiné en fonction de vos visites sur des sites tiers via des cookies.<br/><br/><em>Twitter met à disposition une politique sur l'utilisation de ses systèmes de suivi et l'utilisation des cookies.</em>",
-        "de": "",
-        "es": "",
-        "it": ""
     }
 };