-
Notifications
You must be signed in to change notification settings - Fork 10
/
demo.html
60 lines (47 loc) · 4.52 KB
/
demo.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
<html>
<head>
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="js/consent.js"></script>
<!-- if you use this in production, integrate this into your CSS -->
<style>
#cookieBanner {
display: none;
font-size: 14px;
width: 900px;
margin: 0px auto;
padding: 12px;
background-color: #ddd;
border-bottom: solid 1px #ccc;
}
#cookieBannerClose {
float: right;
font-weight: bold;
padding: 4px;
}
#cookieBannerActions {
text-align: center;
padding-top: 4px;
}
</style>
</head>
<body>
<div id="cookieBanner">
<div id="cookieBannerClose"><a href="#">x</a></div>
This website uses third party cookies exclusively to collect analytics data.
If you continue browsing or close this notice, you will accept their use.
<div id="cookieBannerActions">
<a class="noconsent" href="cookies.html">Learn about this website's cookies</a>
—
<a class="denyConsent noconsent" href="#">Disallow cookies</a>
</div>
</div>
<p>Resize this window so that you can scroll on the text</p>
<p>Open your javascript console and click on any of the links above, close the box, or <a href="#">click on this link</a></p>
<p>Please note: Chrome does not set cookies from local files. Please try any other browser</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean interdum lectus libero, in sagittis dui mollis volutpat. Cras suscipit in augue in congue. In nibh eros, faucibus porttitor mauris ut, vehicula sodales quam. Donec dictum bibendum enim in ultrices. Mauris ut gravida velit. Pellentesque placerat ut mauris commodo eleifend. Nam ut nisl enim.</p>
<p>Suspendisse potenti. Nunc dignissim justo tellus, commodo laoreet urna ultrices dictum. Pellentesque vitae nunc nec magna placerat viverra vitae sit amet metus. In aliquam interdum nisi, non eleifend tortor fringilla sollicitudin. Mauris pretium quam velit, nec venenatis purus imperdiet in. Cras tincidunt sem eget vestibulum aliquam. Nulla sapien urna, ornare eu feugiat ac, posuere faucibus purus. Proin euismod condimentum odio non convallis.</p>
<p>Vestibulum congue, est a ultricies porttitor, libero lectus faucibus lectus, et vehicula felis lacus eu erat. Suspendisse potenti. Fusce in sollicitudin dui. Sed malesuada commodo enim, sit amet blandit lacus pretium et. Duis eget laoreet justo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin mi neque, mattis lobortis mauris at, facilisis suscipit nisi. Praesent laoreet est id viverra varius. Maecenas pellentesque risus sit amet condimentum accumsan. Etiam molestie convallis lacus eget tincidunt. Nulla a vehicula diam, ut egestas turpis. Cras porttitor adipiscing molestie. Pellentesque purus quam, ornare id sapien sit amet, pharetra mattis nisi.</p>
<p>Suspendisse luctus blandit nisl sit amet pretium. Donec commodo lorem vel sem aliquet euismod. Suspendisse cursus egestas neque et sodales. Praesent luctus viverra neque id luctus. Praesent malesuada quis nibh id iaculis. Praesent neque sem, mollis at mauris sit amet, consectetur egestas enim. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce laoreet viverra dolor, sit amet molestie lacus scelerisque quis. Cras pretium rutrum augue sed elementum. Nulla tincidunt blandit ligula, eleifend condimentum magna vulputate sed. Donec a venenatis elit. Suspendisse fringilla blandit nunc id posuere. Donec nec libero quis leo facilisis tincidunt ultrices vel leo.</p>
<p>Pellentesque faucibus nibh eu mauris lacinia interdum. Sed accumsan eu purus tincidunt consectetur. Suspendisse facilisis sapien consequat purus facilisis, ut feugiat libero dictum. In et leo iaculis, pulvinar quam non, adipiscing elit. Suspendisse a porta erat. Curabitur sapien lorem, congue ut mauris sit amet, pellentesque mattis turpis. Nulla faucibus laoreet erat vel pellentesque. Integer at gravida orci. Aenean porta varius sem et dictum. Sed quis ultricies orci, ut volutpat arcu. Maecenas aliquam feugiat mi ut tristique. Quisque ultrices, mi nec tincidunt faucibus, dolor turpis lacinia libero, vel condimentum risus est ac urna.</p>
</body>
</html>