-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
125 lines (112 loc) · 9.16 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
<html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Lil Data | Future User</title>
<!--
( (
)\ ) ( )\ ) )
(()/( ( )\ (()/( ) ( /( )
/(_)))\ ((_) /(_)) ( /( )\())( /(
(_)) ((_) _ (_))_ )(_))(_))/ )(_))
| | (_)| | | \ ((_)_ | |_ ((_)_
| |__ | || | | |) |/ _` || _|/ _` |
|____||_||_| |___/ \__,_| \__|\__,_|
Feat.
_____ ______ ______ _____ _____
/ / / /||\ \ | | / |_
| |/ / |\ \ \| | / \
|\____\\ / / \ \ || /\ \
\|___|/ / / \ \____ || | | \
/ /_/____ \|___/ /|| \/ \
/ /\ | / / ||\ /\ \
/_____/ /_____/| /_____/ /| \_____\ \_____\
| |/| | | | | / | | | | |
|____| |_____|/ |_____|/ \|_____|\|_____|
– zya.cc
and
·▄▄▄▄ ▪ ·▄▄▄▄•·▄▄▄▄• ▄· ▄▌▄▄▄▄· ▄▄▄· ▐ ▄ ▐▄▄▄
██▪ ██ ██ ▪▀·.█▌▪▀·.█▌▐█▪██▌▐█ ▀█▪▐█ ▀█ •█▌▐█ ·██▪
▐█· ▐█▌▐█·▄█▀▀▀•▄█▀▀▀•▐█▌▐█▪▐█▀▀█▄▄█▀▀█ ▐█▐▐▌▪▄ ██ ▄█▀▄
██. ██ ▐█▌█▌▪▄█▀█▌▪▄█▀ ▐█▀·.██▄▪▐█▐█ ▪▐▌██▐█▌▐▌▐█▌▐█▌.▐▌
▀▀▀▀▀• ▀▀▀·▀▀▀ •·▀▀▀ • ▀ • ·▀▀▀▀ ▀ ▀ ▀▀ █▪ ▀▀▀• ▀█▄▀▪
- dizzybanjo.com
...................................................................
...................................................................
.#####.#####.#####.#####.#####.#####.#####.#####.#####.#####.#####.
...................................................................
.#####.#####.#####.#####.#####.#####.#####.#####.#####.#####.#####.
...................................................................
...................................................................
|) _ _ | |
| ()LL|(/_|`(/_(| |)\/...
/
___ ___ ___
/__/\ / /\ / /\ ___ ___
\ \:\ / /:/_ / /::\ /__/\ /__/|
\__\:\ / /:/ /\ / /:/\:\ \ \:\ | |:|
___ / /::\ / /:/ /:/_ / /:/~/::\ \ \:\ | |:|
/__/\ /:/\:\ /__/:/ /:/ /\ /__/:/ /:/\:\ ___ \__\:\ __|__|:|
\ \:\/:/__\/ \ \:\/:/ /:/ \ \:\/:/__\/ /__/\ | |:| /__/::::\
\ \::/ \ \::/ /:/ \ \::/ \ \:\| |:| ~\~~\:\
\ \:\ \ \:\/:/ \ \:\ \ \:\__|:| \ \:\
\ \:\ \ \::/ \ \:\ \__\::::/ \__\/
\__\/ \__\/ \__\/ ~~~~
– enzienaudio.com
...................................................................
...................................................................
.#####.#####.#####.#####.#####.#####.#####.#####.#####.#####.#####.
...................................................................
.#####.#####.#####.#####.#####.#####.#####.#####.#####.#####.#####.
...................................................................
...................................................................
-->
</head>
<body>
<div id="container">
<div id="soundcloud">
<iframe width="100%"
height="166"
scrolling="no"
frameborder="no"
src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/173324934&color=ff5500&auto_play=false&hide_related=false&show_comments=true&show_user=true&show_reposts=false">
</iframe></div>
<div id="processing"></div>
<div id='textarea'>
<div id="maintext">
<p id="intro"><i>The user of the future will <span id="fly"></span> her own computer. She will own and control her own identity and her own data. She will even host her own apps. She will not be part of someone else's Big Data. She will be her own Little Data. Unless she's a really severe geek, she will pay some service to store and execute her ship - but she can move it anywhere else, anytime, for the cost of the bandwidth.</i></p>
<br>
<img id="gif" align="middle" src="./img/fly.gif" loop=infinite heigh="50" width="50">
<br><br>
<div id="active">Active: <span id="numberofusers">0</span> </div>
<br><br><br>
<a href="http://dismagazine.com/discussion/73440/dis-presents-the-data-issue/" target="_blank">So</a> called “<span id="size"></span> data” is a cringeworthy buzzword birthed from the loins of Silicon Valley and corporate board rooms. Yet the constellation of technologies to which it refers also presents a singular problem for contemporary theorists and practitioners across all fields. <a href="http://dismagazine.com/issues/72975/josh-scannell-what-can-an-algorithm-do/" target="_blank">To</a> paraphrase Deleuze: we ask endlessly whether algorithmic data analytics systems are <span id="morality"></span>, are novel or merely digital hype, but we rarely do we ask what an “algorithm” can do.
<br><br>
<a href="http://dismagazine.com/issues/73066/rob-kitchin-spatial-big-data-and-geosurveillance/" target="_blank">However</a>, the transformations taking place are <span id="speed"></span>-paced and often too little debated or contested in the mainstream media and legislature, with disruptive technical and social innovations taking root and expanding rapidly before we have time to digest the implications or consider the need for oversight.
<br><br>
<a href="http://dismagazine.com/issues/72975/josh-scannell-what-can-an-algorithm-do/" target="_blank">In</a> its technocratic utopianism, data analytics systems render multidimensional processes into numbers subject to mining, dependent upon a logic of smoothness in order to function. This necessarily reduces the <span id="complexity"></span> social world into terms of calculation and irruption that can only be understood by machines. Both software and cities are complex, open systems. <a href="http://dismagazine.com/issues/73066/rob-kitchin-spatial-big-data-and-geosurveillance/" target="_blank">Using</a> software to run and manage city services and infrastructures exposes them to <span id="glitch"></span>, crashes, and security hacks.
<br><br>
'<a href="http://dismagazine.com/issues/72975/josh-scannell-what-can-an-algorithm-do/" target="_blank">I</a> used to think my job was all about arrests. Chasing bad guys. Now I see my work differently. We analyze crime data, spot patterns, and figure out where to send patrols. It’s helped some US cities cut <span id="crime"></span> crime by up to 30% by stopping it before it happens. Let’s build a smarter planet.'
<br><br>
<a href="http://dismagazine.com/issues/73066/rob-kitchin-spatial-big-data-and-geosurveillance/" target="_blank">As</a> city systems become more complicated, interconnected, and dependent on software, producing stable, robust and <span id="paranoia"></span> devices and infrastructures will become more of a challenge. <a href="http://dismagazine.com/issues/73066/rob-kitchin-spatial-big-data-and-geosurveillance/" target="_blank">Collectively</a> what all of these examples demonstrate is that the everyday practices we enact, and the places in which we live, are now <span id="depth"></span> augmented, monitored and regulated by dense assemblages of data-enabled infrastructures and technologies on behalf of a small number of entities.
</div>
<div id="credits" style="">
<i><br><br>Credits: <a href="https://twitter.com/lildata" target="_blank">Lil Data</a>, <a href="https://twitter.com/Atour" target="_blank">Zya</a>, <a href="https://twitter.com/dizzybanjo" target="_blank">DizzyBanjo</a>.<br>
Powered by <a href="https://enzienaudio.com" target="_blank">Heavy</a>.<br>
View <a href="https://github.com/lil-data/hvy">source</a>.<br><br>
Best heard in Chrome. Having trouble? <a href="javascript:history.go(0)">Click to refresh</a>.<br><br><br></i>
</div>
</div>
</div>
<div id="mobile" style="diplay:none">
<p><br>WARNING!<br>TOO MUCH DATA!<br>VISIT ON DESKTOP!</p>
</div>
</body>
<!--libs-->
<script language="javascript" src="./js/lib/p5.min.js"></script>
<script type="text/javascript" src="http://static-files-server.herokuapp.com/HvLib_heavy.js"></script>
<script>window.Module || document.write('<script src="./js/lib/HvLib_heavy.js"><\/script>')</script>
<script type="text/javascript" src="./js/lib/HvWrapper_heavy.js"></script>
<script type="text/javascript" src="./js/lib/socket.io.js"></script>
<!--our stuff-->
<script language="javascript" type="text/javascript" src="./js/sketch.js"></script>
<script type="text/javascript" src="./js/main.js"></script>
<link href="./css/style.css" rel="stylesheet">
</html>