https://hotel-restaurant-pastel.com/tags/cookieCompliance.tag

1<cookieCompliance>
2
3	<div id="cookie_compliance">
4
5		<img src="/img/cookie-illustration.png"
6			id="cookie-illustration" />
7
8		<p class="cookie-title">
9			{cookie_title}
10		</p>
11		<p>
12			{cookie_text}
13		</p>
14
15		<p>
16
17			<a id="btn_cookie_compliance"
18				href="#">
19				{link_text}
20			</a>
21
22		</p>
23
24	</div>
25
26	<script>
27		switch (opts.curLang) {
28			case 'fra':
29				this.cookie_title = 'Vous aimez les cookies?';
30				this.cookie_text =
31					'Ce site utilise uniquement des cookies de mesure d’audience et d\'utilisation du site. Aucune donnée n\'est communiqué à des tiers, promis.';
32				this.link_text = 'J\'ai compris';
33				break;
34
35			case 'spa':
36				this.cookie_title = '¿Te gustan las cookies?';
37				this.cookie_text =
38					'Este sitio solo usa cookies para medir la audiencia y usar el sitio. No se comunican datos a terceros, prometido.';
39				this.link_text = 'He entendido';
40				break;
41
42			case 'deu':
43				this.cookie_title = 'Magst du Cookies?';
44				this.cookie_text =
45					'Diese Website verwendet Cookies nur, um das Publikum zu messen und die Website zu nutzen. Es werden keine Daten an Dritte weitergegeben, versprochen.';
46				this.link_text = 'Ich habe verstanden';
47				break;
48
49			case 'ita':
50				this.cookie_title = 'Ti piacciono i cookie?';
51				this.cookie_text =
52					'Questo sito utilizza i cookie solo per misurare l\'audience e utilizzare il sito.Nessun dato viene comunicato a terzi, promesso.';
53				this.link_text = 'Capisco';
54				break;
55
56			case 'por':
57				this.cookie_title = 'Você gosta de biscoitos?';
58				this.cookie_text =
59					'Este site usa apenas cookies para medir a audiência e usar o site. Nenhum dado é comunicado a terceiros, prometido.';
60				this.link_text = 'Entendo';
61				break;
62
63			case 'nld':
64				this.cookie_title = 'Hou je van koekjes?';
65				this.cookie_text =
66					'Deze site gebruikt alleen cookies om het publiek te meten en de site te gebruiken. Er worden geen gegevens meegedeeld aan derden, beloofd.';
67				this.link_text = 'Ik begrijp het';
68				break;
69
70			default:
71				this.cookie_title = 'Do you like cookies?';
72				this.cookie_text = 'This website uses cookies for analytics and navigation. No data is communicated to third parties, it\'s a promise.';
73				this.link_text = 'Got it';
74				break;
75		}
76
77		this.on('mount', function () {
78
79			$(document).ready(function () {
80
81				var cookie_compliance = localStorage.getItem('cookie_compliance');
82
83				if (cookie_compliance == null) {
84					const usr_window = $(window);
85					usr_window.on('scroll', function () {
86						if (usr_window.scrollTop() > 100) {
87							$('#cookie_compliance').css({
88								'opacity': 1,
89								'transform': 'translateY(0)'
90							});
91						}
92					});
93				}
94
95				$('#btn_cookie_compliance').on('click', function () {
96
97					$('#cookie_compliance').animate({
98						opacity: 'toggle',
99						height: 'toggle'
100					}, 'slow');
101
102					localStorage.setItem('cookie_compliance', true);
103
104					return false;
105
106				});
107
108			});
109
110		});
111	</script>
112
113	<style>
114		#cookie_compliance {
115			position: fixed;
116			bottom: 20px;
117			left: 20px;
118			width: 300px;
119			background: #fff;
120			z-index: 9999;
121			border-radius: 15px;
122			opacity: 0;
123			transform: translateY(150%);
124			transition: all 0.5s ease-out;
125			padding: 70px 30px 30px;
126			box-shadow:
127				2.8px 2.8px 2.2px rgba(0, 0, 0, 0.02),
128				6.7px 6.7px 5.3px rgba(0, 0, 0, 0.028),
129				12.5px 12.5px 10px rgba(0, 0, 0, 0.035),
130				22.3px 22.3px 17.9px rgba(0, 0, 0, 0.042),
131				41.8px 41.8px 33.4px rgba(0, 0, 0, 0.05),
132				100px 100px 80px rgba(0, 0, 0, 0.07);
133		}
134
135		#cookie_compliance .cookie-title {
136			position: absolute;
137			top: 30px;
138			left: 30px;
139			font-weight: bold;
140			font-size: 18px;
141			padding-right: 40px;
142		}
143
144		#cookie-illustration {
145			width: 80px;
146			position: absolute;
147			top: -30px;
148			right: -30px;
149		}
150
151		#cookie_compliance p {
152			color: #525252;
153			margin: 0 0 5px 0;
154			font-size: 0.9rem;
155		}
156
157		#cookie_compliance a {
158			display: flex;
159			justify-content: center;
160			align-items: center;
161			background: #8b8b8b;
162			color: #fff;
163			padding: 0.5rem 1rem;
164			transition: all 0.2s ease-out;
165			white-space: nowrap;
166			font-size: 1rem;
167			width: 100%;
168		}
169
170		#cookie_compliance a:hover {
171			background: #454545;
172		}
173	</style>
174
175</cookieCompliance>