You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

174 lines
5.6 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Questions on Social Networks</title>
<style>
@font-face {
font-family: georgia;
src: url("fonts/Georgia Regular font.ttf");
}
@font-face {
font-family: bree-serif;
src: url("fonts/BreeSerif-Regular.otf");
}
* {
margin: 0;
padding: 0;
}
html, body {
width: 100%;
height: 100%;
}
#container {
display: flex;
flex-direction: row;
justify-content: center;
}
#left,
#right {
width: 50%;
max-width: 450px;
flex-grow: 1;
flex-shrink: 1;
padding: 20px;
}
#left {
color: black;
background-color: rgb(94, 110, 59, .35);
}
#right {
color: black;
/*background-color: rgb(170,170,170, .6);*/
background-color: rgb(94, 110, 59, .1);
position: relative;
}
p {
font-size: 19px;
font-family: georgia;
line-height: 26.1px;
margin-top: 20px;
margin-left: 20px;
margin-right: 20px;
margin-bottom: 20px;
}
p > span {
display: inline;
background-color: rgb(250, 246, 177);
position: relative;
}
p > span:hover {/*
color: #df5b57;*/
}
.comment {
position: absolute;
top: -100px;
transition: all 1s linear;
width: calc(100% - 40px);
}
h3 {
font-size: 18px;
text-align: left;
font-weight: 400;
font-style: normal;
margin-left: auto;
margin-right: 15px;
letter-spacing: 0px;
text-transform: none;
font-family: bree-serif;
}
</style>
</head>
<body>
<!-- <audio controls autoplay style="display:none">
<source src="TurnPage.wav" type="audio/wav">
</audio> -->
<div id="container">
<div id="left">
<h1 style="color:black;font-size:40px;font-family:georgia">Big Data<br> Big Bubble? Goldmine?</h1><br>
<p style="color:black;font-size:16px;font-family:georgia">In the context of the question:<br> <b><i>Why is data collected?</i></b></p>
<p>
It seems that our everyday lives are transformed intentionally (or unintentionally) into usable data; our social relations are mediated extensively by machines. Tech giants of Silicon Valley make adequate investments so that they can make use of all the data they store. Maybe what they possess is a goldmine.
<span>Can they establish a new model of sovereignty?</span>
</p>
<p>
Who is listening to all of these views and information about our networked published selves? Who cares?<br>
Indeed this vast amount of information is not garbage. There would be no reason to set up an infrastructure of this scale from the owner companies to host all this data if they were not useful. <span>All these emissions are not wasted;</span> there is some sense in all of them.
</p>
<p>
Now, let's imagine that I unashamedly start <span>shouting my personal information</span>, tastes and opinions in a public square. Would the state security assign an undercover police officer to take notes of all the information I share, expecting to grab any notorious details or dark secrets about my life? Or would a team of advertisers bother to collect my preferences as useful information for their next advertising campaign? I dont think so. But what if this kind of information were coming from millions of people around the world, in the form of large-scale data? Probably that would make a difference.
</p>
<p>
The collection of a significant amount of social experience, stored as data and sliced into many small pieces, can be easily processed and analysed. One could argue that this entire collection has been placed voluntarily by people across the globe on the servers of some companies. And this collection is beneficial property; it is a <span>collection of raw material</span> derived from the stray productivity of free time.
</p>
<a href="index.html"><h2 style="color:black; font-size:16px; font-family:georgia; margin-top:50px; margin-left: 20px"><i>Go back to the questions</i></h2></a>
</div>
<div id="right">
<div class="comment">
<h3 style="color:black;">Can we compare the power of big companies, to the power of the State? The State, composed by the ruling class, forms <a href="http://please.undo.undo.it/readings/Marx%20&%20Engels.pdf"><i>the ruling ideas</i></a>, and can shape to some extent the wishes and desires of the citizens. Is it possible that giant corporations now have this kind of skill?</h3>
</div>
<div class="comment">
<h3 style="color:black;">Phew! I can finally calm down now.</h3>
</div>
<div class="comment">
<a href="chapter2.html"><h3 style="color:#ea2709;">Visit the light blue room for a more vivid description of this analogy.</h3></a>
</div>
<div class="comment">
<h3 style="color:black;">...which could not be left unexploited.</h3>
</div>
</div>
</div>
<script>
var left = document.getElementById('left');
var spans = Array.from(left.getElementsByTagName('span'));
var right = document.getElementById('right');
var comments = Array.from(right.children);
function setCommentPosition() {
comments.forEach((comment, index) => {
var offsetTop = spans[index].offsetTop;
comment.style.top = offsetTop + 'px';
});
}
setCommentPosition();
setTimeout(setCommentPosition, 800);
function debounce(func){
var timer;
return function(event) {
if(timer) clearTimeout(timer);
timer = setTimeout(func, 100, event);
};
}
window.addEventListener("resize", debounce(function(e) {
setCommentPosition();
}));
</script>
</body>
<html>