-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
118 lines (111 loc) · 7.46 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>How They Watch You</title>
<meta name="author" content="Nick Briz">
<meta name="description" content="A hypermedia essay on how online tracking works, why it works the way it does and what's at stake.">
<!-- social media stuff -->
<meta property="og:title" content="How They Watch You">
<meta property="og:url" content="https://howthey.watch">
<meta property="og:image" content="https://howthey.watch/images/how-they-watch-you-1.png">
<meta property="og:description" content="A hypermedia essay on how online tracking works, why it works the way it does and what's at stake.">
<meta name="twitter:card" content="summary_large_image">
<meta property="og:site_name" content="Nick Briz">
<meta name="twitter:site" content="@nbriz">
<link rel="icon" type="image/png" href="images/favicon.png">
<link rel="stylesheet" href="css/better-serif.css">
<link rel="stylesheet" href="css/styles.css">
<style>
body {
background-color: #201e5e;
background: radial-gradient(circle, #624262 0%, #201e5e 100%);
}
</style>
</head>
<body>
<section id="wall-text">
<p>
<span><!-- Hello --></span> In 1968, when the first two computers on the ARPANET (what would later become the Internet) connected and exchanged messages, two of it's inventors prophesized that...
</p>
<blockquote>
<p>
...life will be happier for the on-line individual because the people with whom one interacts most strongly will be selected more by commonality of interests and goals than by accidents of proximity.
</p>
<cite>—J.C.R. Licklider and Bob Taylor</cite>
<div class="quote-source">
<a href="https://signallake.com/innovation/LickliderApr68.pdf" target="_blank">(The Computer as a Communication Device. Science and Technology. 1968)</a>
</div>
</blockquote>
<p>
They were in the midst of producing a new kind of decentralized network for the purpose of <a href="https://archive.org/details/ComputerNetworks_TheHeraldsOfResourceSharing" target="_blank">computer resource sharing</a>. There were few computers in those days and managing time and access was complicated. However, they quickly realized that the "intergalactic computer network" they were building was poised to become so much more than just a resource management tool, this would become humanity's new home, a global village. And...
</p>
<blockquote>
<p>
...as human discourse adapts to its new home, everything we do and think as human beings will be and is being shaped by new values. [...] If it’s ever fair to say that anything has “changed everything,” it’s fair to say so about the Internet.
</p>
<cite>—Virginia Heffernan</cite>
<div class="quote-source">
<a href="https://www.nytimes.com/2016/06/12/books/review/virginia-heffernans-magic-and-loss.html" target="_blank">(Magic and Loss: The Internet as Art. Simon & Schuster. 2016)</a>
</div>
</blockquote>
<p>
But what are these new values? Who gets to dictate our new norms? Since the beginning, the Internet's technical protocols have been collaboratively designed and transparently implemented in <a href="https://ietf.org/" target="_blank">open standard organizations</a> made up of <a href="https://www.w3.org/Consortium/Member/List" target="_blank">member groups</a>, large and small, from around the world. However, as the means by which we access the Internet becomes increasingly centralized, the social protocols, the rules by which individuals interact and connect with one another, have become the exclusive province of those running a handful of platforms.
</p>
<p>
Everything we do on the Internet generates data, every random thought we type into a search field, every location we visit with our GPS enabled phone, every document we write, message we send and even message we begin to write... but decide not to send. All this becomes data. This data is your experience of the online world made manifest. This experience has become free raw material for hidden commercial practices of extraction, prediction and sales. Consciously or not, our new values are being shaped by the business logic of these platforms, a new economic order which has come to be known as <a href="https://en.wikipedia.org/wiki/Surveillance_capitalism" target="_blank">surveillance capitalism</a>.
</p>
<blockquote>
<p>
Ask any kid what Facebook is for and they'll tell you, "Facebook is here to help me make friends". No, they're looking to figure out how to monitize peoples relationships. If you don't know what the software you're using is for, then you're not using it, but being used by it.
</p>
<cite>—Doug Rushkoff</cite>
<div class="quote-source">
<a href="https://www.youtube.com/watch?v=kgicuytCkoY&feature=emb_title" target="_blank">("Program or Be Programmed" book tour, 2010)</a>
</div>
</blockquote>
<p>
Reclaiming our agency online requires seeing the invisible in order to better understand...
</p>
<p class="cta">
<span class="goto-you">howthey.watch/you</a>
</p>
<p style="text-align: right">
<a href="http://nickbriz.com" target="_blank" title="Nick Briz" style="text-decoration:none;"><3 ../n!ck.br¡z</a>
</p>
<footer>
Commissioned by <a href="http://culture.theodi.org/" target="_blank">ODI Data as Culture</a> and produced as part of the ODI's <a href="https://theodi.org/project/data-innovation-for-uk-research-and-development/" target="_blank">R&D programme</a> exploring sustainable ethical practice around data, funded by Innovate UK.
<br><br>
<b>Privacy notice</b>: This web app artwork displays personally identifiable information but does not collect data to be sent to any server, or stored or shared in any way by the artist or any individuals, organisations or entities associated with the artist or the commission. This project is open source and can be reviewed on its GitHub page: <a href="https://github.com/nbriz/howthey.watch/" target="_blank">https://github.com/nbriz/howthey.watch/</a>
</footer>
</section>
<script src="js/Averigua.js"></script>
<script src="js/online-tracking-transparency-agent.js"></script>
<script>
const otta = new OTTA({ background: document.body })
otta.canvasEle.style.opacity = 0
function setup () {
if (!otta.idb) setTimeout(setup, 100)
else {
const sec = document.querySelector('#wall-text')
const hi = sec.querySelector('p > span')
hi.innerHTML = `Hello ${otta.idb}, if you've got a few minutes I'd love to show you <span class="goto-you">howthey.watch/you</span>. Who's they?`
sec.style.opacity = 1
const lnx = document.querySelectorAll('.goto-you')
for (let i = 0; i < lnx.length; i++) {
lnx[i].addEventListener('click', () => {
otta.canvasEle.style.opacity = 1
document.querySelector('#wall-text').style.opacity = 0
setTimeout(() => {
const http = window.location.protocol
window.location = `${http}//${window.location.host}/you`
}, 1000)
})
}
}
}
setup()
</script>
</body>
</html>