-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
250 lines (211 loc) · 7.27 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
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
<body>
<h1>Digitizing Human Rights: <b>Privacy</b></h1>
<img class="logo" src="https://privacyinternational.org/sites/default/files/flysystem/2019-07/privacy-is-no-longer-a-social-norm-colours_0.gif" alt="UDHR logo">
<img class="message" src="blurred_message.png" alt="Message Data">
<div class="popup" button onclick="button()"> <b> Click here to read the creators conversations! </b>
<span class="popuptext" id="PopupMessage">We believe personal data should not be for free. Pay $4.99 to read these messages. Venmo @Nicole-Avila-41 or @Jason-Chee-1.</span>
</div>
<article>
<h2>Intro</h2>
<p>
With the advancement of technology, data privacy becomes more
imperative for users as they spend more time on the digital world.
The UDHR has one <a href='https://www.un.org/en/about-us/universal-declaration-of-human-rights#:~:text=No%20one%20shall%20be%20subjected%20to%20arbitrary%20interference%20with%20his%20privacy%2C%20family%2C%20home%20or%20correspondence%2C%20nor%20to%20attacks%20upon%20his%20honour%20and%20reputation.'>article</a>
that states the right to privacy but we would like to elaborate more on
that with the context of the digital age. Privacy as a concept is very
elusive: not because it’s hard to define but because it’s dynamic and
influenced by companies and government choices. It’s dependent upon and
affects ethics, trust, and our current technology. It’s important to
clearly identify our rights to privacy as a symmetry of surveillance creates
an imbalance of our universal human rights.
One thing to note is how we differentiate between the terms privacy and
security: privacy is about a user controlling how their personal data is
being collected, used, and published. While on the other hand security is
about the technological means or tools to protect that data itself.
</p>
<br>
<br>
<h2>Article 1</h2>
<p>
The autonomy over one’s own self is derived from one’s right to privacy.
Privacy is not a privilege but rather a right upon which many other rights
are derived. Securing this individual right will be a collective responsibility. </p>
<h2>Article 2</h2>
<p>
The use of personal data to create exploitation in pricing or discrimination in
services, employment, or other necessities is a violation of privacy, an inherent
human right. The influencing of user behavior built off of personal data is also
a violation of privacy.
</p>
<h2>Article 3</h2>
<p>
The abuse of data to create technology with negative impacts to the user is
a direct violation against the rights of the people who provided the data,
and restitution must be made to those from whom the data was derived.
</p>
<h2>Article 4</h2>
<p>
The data provided by oneself and subsequently derived from that data holds
an immutable and nontransferable ownership by the self. As this data is
provided to others, a chain of custody must be easily accessible, documented,
and immediately available to the owner, who is the original authority with
notification.
</p>
<h2>Article 5</h2>
<p>
Everyone is entitled to the right to have their data recalled and removed from
the possession of all other parties. The request for removal should be easily
accessible, quick, and clear to the individual.
</p>
<h2>Article 6</h2>
<p>
Exceptionally vulnerable populations such as children under 13 must have more
stringent security provided for their privacy.
Only authorized personnel may collect and transmit data on vulnerable individuals.
</p>
<h2>Article 7</h2>
<p>
One is entitled to know which parties their data is being shared to and have the
right to deny this information to be shared.
A seizure of this data without consent is a violation of the inherent dignity of man.
</p>
<h2>Article 8</h2>
<p>
Information that may expose an individual's mental health information or
medical information should not be exploited by sharing this information to
third parties, manipulate an individual's behavior, or put the individual in harm.
</p>
<h2>Article 9</h2>
<p>
Encryption of data as a means of securing the transmission of information
against unauthorized access is an expectation that should be afforded to all.
</p>
<h2>Article 10</h2>
<p>
Increased levels of security should not be priced higher,
as this is exploiting the fear of surveillance. A technology must include
security and privacy within its design.
</p>
</article>
<div class="row">
<div class="column">
<img src="https://c.tenor.com/ODDq9fAuSlUAAAAd/no-privacy.gif" style="width:100%">
</div>
<div class="column">
<img src="https://c.tenor.com/jBNjgJS8oJoAAAAd/travis-fran-healy.gif" style="width:100%">
</div>
<div class="column">
<img src="https://c.tenor.com/wMUoIKzsJmIAAAAM/google-analytics-website-analytics.gif" style="width:100%">
</div>
<div class="column">
<img src="https://c.tenor.com/QfHCstI-TFkAAAAC/not-respecting-my-privacy-not-letting-me-have-my-privacy.gif" style="width:100%">
</div>
</div>
</body>
<style>
body {
background-color: rgb(18, 23, 31);
}
.logo {
width: 100%;
margin-left: auto;
margin-right: auto;
display: block;
}
.image1 {
float: left;
width: 40%;
padding: 5px;
position: relative;
display: inline-flex;
top: 30;
left: 0;
}
.message {
width: 50%;
margin-left: auto;
margin-right: auto;
display: block;
}
.popup {
position: relative;
margin-left: auto;
margin-right: auto;
display: block;
/* display: block; */
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/* The actual popup */
.popup .popuptext {
visibility: hidden;
width: 160px;
background-color: rgb(72, 193, 74);
color: #fff;
text-align: center;
border-radius: 6px;
padding: 8px 0;
position: absolute;
z-index: 1;
bottom: 125%;
left: 50%;
margin-left: -80px;
}
/* Popup arrow */
.popup .popuptext::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -5px;
border-width: 5px;
border-style: solid;
border-color: #555 transparent transparent transparent;
}
/* Toggle this class - hide and show the popup */
.popup .show {
visibility: visible;
-webkit-animation: fadeIn 1s;
animation: fadeIn 1s;
}
div {
text-align: center;
color: rgb(216, 56, 56);
}
article {
max-width: 500px;
margin: 0 auto;
color: rgb(255, 255, 255);
}
h1 {
font-family: sans-serif;
filter: brightness(150%);
color:rgb(153, 125, 231);
font-size: 80px;
}
h2 {
font-family: sans-serif;
padding-bottom: 10px;
border-bottom: 3px solid rgb(255, 255, 255);
}
p {
line-height: 20px;
}
.row {
display: flex;
}
.column {
flex: 50%;
padding: 1px;
}
</style>
<script>
function button() {
// var button = document.getElementById("clicked");
var popup = document.getElementById("PopupMessage");
popup.classList.toggle("show");
}
</script>