this repo has no description
Merge pull request #9 from sanitybit/styled-consent
authored by
Jesse J. Anderson
and committed by
GitHub
43c8fed4
5564a34c
+80
-26
+80
-26
privacy_consent.html
+80
-26
privacy_consent.html
···
3
3
<head>
4
4
<meta charset="UTF-8" />
5
5
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6
-
<title>Skylink Privacy Consent</title>
6
+
<title>Skylink Privacy Policy</title>
7
+
7
8
<style>
8
9
html {
9
10
line-height: 1.15;
10
11
-webkit-text-size-adjust: 100%;
12
+
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
13
+
Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji",
14
+
"Segoe UI Symbol";
15
+
background-color: #f0f0f0;
11
16
}
12
17
13
18
body {
14
19
margin: 0;
20
+
display: flex;
21
+
justify-content: center;
22
+
align-items: center;
23
+
min-height: 100vh;
24
+
}
25
+
26
+
.header {
27
+
display: flex;
28
+
align-items: center;
29
+
gap: 10px;
30
+
}
31
+
32
+
.header img {
33
+
width: 30px;
34
+
height: 30px;
35
+
}
36
+
37
+
.centered-container {
38
+
background-color: white;
39
+
padding: 40px;
40
+
border-radius: 10px;
41
+
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
42
+
max-width: 700px;
43
+
width: 100%;
15
44
}
16
45
17
46
h1 {
18
47
font-size: 2em;
19
48
margin: 0.67em 0;
49
+
color: #34495e;
20
50
}
21
51
22
52
a {
23
53
background-color: transparent;
54
+
color: #3498db;
55
+
text-decoration: none;
56
+
}
57
+
58
+
a:hover {
59
+
text-decoration: underline;
24
60
}
25
61
26
62
p {
27
63
margin: 1em 0;
64
+
color: #2c3e50;
28
65
}
29
66
30
67
ul {
···
35
72
li {
36
73
list-style-type: disc;
37
74
margin: 0 0 0.25em 0;
75
+
color: #2c3e50;
38
76
}
39
77
40
-
button {
78
+
.button {
41
79
font-family: inherit;
42
80
font-size: 100%;
43
81
line-height: 1.15;
44
-
margin: 0;
82
+
margin: 0.5em 0;
45
83
overflow: visible;
46
84
text-transform: none;
85
+
padding: 12px 24px;
86
+
color: white;
87
+
border: none;
88
+
border-radius: 4px;
89
+
cursor: pointer;
90
+
transition: background-color 0.3s;
47
91
}
48
92
49
-
button::-moz-focus-inner {
93
+
.button.accept {
94
+
background-color: #3498db;
95
+
}
96
+
97
+
.button.accept:hover {
98
+
background-color: #2980b9;
99
+
}
100
+
101
+
.button.decline {
102
+
background-color: #e74c3c;
103
+
}
104
+
105
+
.button.decline:hover {
106
+
background-color: #c0392b;
107
+
}
108
+
109
+
.button::-moz-focus-inner {
50
110
border-style: none;
51
111
padding: 0;
52
112
}
53
113
54
-
button:-moz-focusring {
114
+
.button:-moz-focusring {
55
115
outline: 1px dotted ButtonText;
56
116
}
57
-
58
-
.centered-container {
59
-
position: absolute;
60
-
top: 50%;
61
-
left: 50%;
62
-
transform: translate(-50%, -50%);
63
-
}
64
117
</style>
65
118
</head>
66
-
67
119
<body>
68
120
<div class="centered-container">
69
-
<h1>Privacy Consent for SkyLink - Bluesky DID Detector</h1>
121
+
<div class="header">
122
+
<img src="./logo48.png" alt="SkyLink Logo" />
123
+
<h1>SkyLink Privacy Policy</h1>
124
+
</div>
70
125
<p>
71
126
While <b>no information is collected by the extension author</b>, this
72
127
extension makes use of the
73
128
<a href="https://developers.google.com/speed/public-dns/"
74
129
>Google DNS service</a
75
130
>
76
-
for required functionality.
131
+
for required functionality. The Google DNS service is used because
132
+
browser extensions do not have native access to DNS, which is needed to
133
+
lookup the AT Protocol TXT record.
77
134
</p>
78
-
79
-
<p>
80
-
The Google DNS service is used because browser extensions do not have
81
-
native access to DNS, which is needed to lookup the AT PROTO TXT record.
82
-
</p>
83
-
84
135
<p>A summary of what is collected by Google DNS:</p>
85
136
<ul>
86
-
<li>the IP address of your device sending the DNS query</li>
137
+
<li>The IP address of your device sending the DNS query</li>
87
138
<li>Requested domain name</li>
88
139
<li>Request type (TXT)</li>
89
140
<li>Request Size</li>
···
109
160
<li>Response HTTP encoding, such as application/dns-message or json</li>
110
161
</ul>
111
162
<p>
163
+
Please read and accept the full
112
164
<a
113
165
href="https://developers.google.com/speed/public-dns/privacy"
114
166
target="_blank"
115
-
>Please Read and accept the full Google DNS privacy policy before
116
-
using this addon.</a
167
+
>Google DNS privacy policy</a
117
168
>
169
+
before using this extension.
118
170
</p>
119
-
<button id="accept">Accept (Continue)</button>
120
-
<button id="decline">Decline (Remove Extension)</button>
171
+
<button class="button accept" id="accept">Accept (Continue)</button>
172
+
<button class="button decline" id="decline">
173
+
Decline (Uninstall Extension)
174
+
</button>
121
175
<script src="privacy_consent.js"></script>
122
176
</div>
123
177
</body>