-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
115 lines (92 loc) · 4.45 KB
/
index.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
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
<!doctype html>
<html class="no-js" lang="">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>GRT Cookie Consent for GDPR Law - jQuery Plugin</title>
<meta name="description" content="GRT Cookie Consent for GDPR Law - jQuery Plugin">
<meta name="author" content="grt107">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Demo CSS file not needed for the plugin -->
<link href="https://fonts.googleapis.com/css?family=Lato:400,700" rel="stylesheet">
<link rel="stylesheet" href="css-demo-page.css">
<!-- Plugin CSS -->
<link rel="stylesheet" href="grt-cookies-consent.css" type="text/css" media="all" />
</head>
<body>
<div class="demo-page-container">
<!-- Github Button -->
<div class="github-position">
<a class="github-button" href="https://github.com/grt107/grt-youtube-popup/archive/master.zip"
data-icon="octicon-cloud-download" data-size="large"
aria-label="Download grt107/grt-youtube-popup on GitHub">Download</a>
<a class="github-button" href="https://github.com/grt107" data-size="large"
aria-label="Follow @grt107 on GitHub">Follow @grt107</a>
</div>
<h3>GRT Cookie Consent - jQuery Plugin</h3>
<p class="header-par">Simple and lightweight jQuery plugin used for Cookie Consent on GDPR Law.<br/><br/>
This plugin is highly customizable, you can change background, text and button colors without modifying the CSS,
to better fit to your website color palette. It also comes optimized for mobile devices.</p>
<h5>How to use the plugin in your website</h5>
<p>1- Include the plugin stylesheet file <strong>grt-cookie-consent.css</strong> inside the
<strong><head></strong> tag</p>
<code><link rel="stylesheet" href="grt-cookie-consent.css"></code>
<p>2- Include the plugin javascript file <strong>grt-cookie-consent.js</strong> inside the
<strong><body></strong> tag and after <strong>jquery.min.js</strong></p>
<code><script src="grt-cookie-consent.js"></script></code>
<p>3- Add the following code inside your document <strong><body></strong> and change the text content and button name.</p>
<code><div class="grt-cookie">
<div class="grt-cookies-msg">
<p> We use cookies to ensure that we give you the best experience on our website. If you continue to use this site we will assume that you accept and understand our <a href="">Privacy Policy</a>, and our <a href="">Terms of Service</a>. </p>
</div>
<span class="grt-cookie-button">Accept</span>
</div></code>
<p>4- <strong>Initialize the plugin with default values</strong> at the end of all javascript files using the code below (after jquery.min.js and grt-cookie-consent.js)</p>
<code><script> $(".grt-cookie").grtCookie(); </script></code>
<h5>Advanced Options</h5>
<p>You can <strong>customize</strong> plugin colors and cookie duration by using the following code:</p>
<code><script>
$(".grt-cookie").grtCookie({
// Main text and background color
textcolor: "#333",
background: "#fff",
// Button colors
buttonbackground: "#c40b14",
buttontextcolor: "#fff",
// Duration in days
duration: 365,
});
</script>
</code>
</div>
<div class="grt-cookie">
<div class="grt-cookies-msg">
<p>
We use cookies to ensure that we give you the best experience on our website. If you continue to use this site we will assume that you accept and understand our <a href="">Privacy Policy</a>, and our <a href="">Terms of Service</a>.
</p>
</div>
<span class="grt-cookie-button">Accept</span>
</div>
<!-- Jquery -->
<script src="https://code.jquery.com/jquery-3.4.1.min.js" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
<!-- Github button for demo page -->
<script async defer src="https://buttons.github.io/buttons.js"></script>
<!-- GRT Cookie Consent Plugin -->
<script src="grt-cookie-consent.js"></script>
<script>
// Start the plugin with defalt settings
// $(".grt-cookies").grtCookie();
// Custom Settings
$(".grt-cookie").grtCookie({
// Main text and background color
textcolor: "#333",
background: "#fff",
// Button colors
buttonbackground: "#c40b14",
buttontextcolor: "#fff",
// Duration in days
duration: 365,
});
</script>
</body>
</html>