this repo has no description
Styled privacy consent page.
+76
-20
+76
-20
privacy_consent.html
+76
-20
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>
9
+
8
10
html {
9
11
line-height: 1.15;
10
12
-webkit-text-size-adjust: 100%;
13
+
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
14
+
background-color: #f0f0f0;
11
15
}
12
16
13
17
body {
14
18
margin: 0;
19
+
display: flex;
20
+
justify-content: center;
21
+
align-items: center;
22
+
min-height: 100vh;
23
+
}
24
+
25
+
.header {
26
+
display: flex;
27
+
align-items: center;
28
+
gap: 10px;
29
+
}
30
+
31
+
.header img {
32
+
width: 30px;
33
+
height: 30px;
34
+
}
35
+
36
+
.centered-container {
37
+
background-color: white;
38
+
padding: 40px;
39
+
border-radius: 10px;
40
+
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
41
+
max-width: 700px;
42
+
width: 100%;
15
43
}
16
44
17
45
h1 {
18
46
font-size: 2em;
19
47
margin: 0.67em 0;
48
+
color: #34495e;
20
49
}
21
50
22
51
a {
23
52
background-color: transparent;
53
+
color: #3498db;
54
+
text-decoration: none;
55
+
}
56
+
57
+
a:hover {
58
+
text-decoration: underline;
24
59
}
25
60
26
61
p {
27
62
margin: 1em 0;
63
+
color: #2c3e50;
28
64
}
29
65
30
66
ul {
···
35
71
li {
36
72
list-style-type: disc;
37
73
margin: 0 0 0.25em 0;
74
+
color: #2c3e50;
38
75
}
39
76
40
-
button {
41
-
font-family: inherit;
42
-
font-size: 100%;
43
-
line-height: 1.15;
44
-
margin: 0;
45
-
overflow: visible;
46
-
text-transform: none;
77
+
.button {
78
+
font-family: inherit;
79
+
font-size: 100%;
80
+
line-height: 1.15;
81
+
margin: 0.5em 0;
82
+
overflow: visible;
83
+
text-transform: none;
84
+
padding: 12px 24px;
85
+
color: white;
86
+
border: none;
87
+
border-radius: 4px;
88
+
cursor: pointer;
89
+
transition: background-color 0.3s;
47
90
}
48
91
49
-
button::-moz-focus-inner {
92
+
.button.accept {
93
+
background-color: #3498db;
94
+
}
95
+
96
+
.button.accept:hover {
97
+
background-color: #2980b9;
98
+
}
99
+
100
+
.button.decline {
101
+
background-color: #e74c3c;
102
+
}
103
+
104
+
.button.decline:hover {
105
+
background-color: #c0392b;
106
+
}
107
+
108
+
.button::-moz-focus-inner {
50
109
border-style: none;
51
110
padding: 0;
52
111
}
53
112
54
-
button:-moz-focusring {
113
+
.button:-moz-focusring {
55
114
outline: 1px dotted ButtonText;
56
115
}
57
-
.centered-container {
58
-
position: absolute;
59
-
top: 50%;
60
-
left: 50%;
61
-
transform: translate(-50%, -50%);
62
-
}
63
116
</style>
64
117
</head>
65
118
<body>
66
119
<div class="centered-container">
67
-
<h1>Privacy Consent for SkyLink - Bluesky DID Detector</h1>
120
+
<div class="header">
121
+
<img src="./logo48.png" alt="SkyLink Logo">
122
+
<h1>SkyLink Privacy Policy</h1>
123
+
</div>
68
124
<p>While <b>no information is collected by the extension author</b>, this extension makes use of the <a href="https://developers.google.com/speed/public-dns/">Google DNS service</a> for required functionality.</p>
69
125
<p>The Google DNS service is used because browser extensions do not have native access to DNS, which is needed to lookup the AT PROTO TXT record.</p>
70
126
<p>A summary of what is collected by Google DNS:
···
89
145
<li>Response HTTP encoding, such as application/dns-message or json</li>
90
146
</ul>
91
147
</p>
92
-
<p><a href="https://developers.google.com/speed/public-dns/privacy" target="_blank">Please Read and accept the full Google DNS privacy policy before using this addon.</a></p>
93
-
<button id="accept">Accept (Continue)</button>
94
-
<button id="decline">Decline (Remove Extension)</button>
148
+
<p>Please read and accept the full <a href="https://developers.google.com/speed/public-dns/privacy" target="_blank">Google DNS privacy policy</a> before using this addon.</p>
149
+
<button class="button accept" id="accept">Accept (Continue)</button>
150
+
<button class="button decline" id="decline">Decline (Remove Extension)</button>
95
151
<script src="privacy_consent.js"></script>
96
152
</div>
97
153
</body>