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.
192 lines
5.9 KiB
HTML
192 lines
5.9 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 {
|
|
min-height: 100%;
|
|
display: flex;
|
|
flex-direction: row;
|
|
justify-content: center;
|
|
|
|
}
|
|
#left,
|
|
#right {
|
|
width: 50%;
|
|
max-width: 450px;
|
|
flex-grow: 1;
|
|
flex-shrink: 1;
|
|
padding: 20px;
|
|
padding-bottom: 80px;
|
|
}
|
|
|
|
#left {
|
|
color: black;
|
|
background-color: rgb(207, 210, 227);
|
|
}
|
|
#right {
|
|
color: black;
|
|
/*background-color: rgb(170,170,170, .6);*/
|
|
background-color: rgb(207, 210, 227, .5);
|
|
position: relative;
|
|
}
|
|
|
|
a {
|
|
display: flex;
|
|
}
|
|
|
|
|
|
|
|
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" class="wrapper">
|
|
<div id="left">
|
|
<h1 style="color:black;font-size:40px;font-family:georgia">For who and from what is a network liberating?</h1>
|
|
|
|
<p style="color:black;font-size:16px;font-family:georgia">In the context of the question:<br> <b><i>What gets liberated or controlled, in different networks?</i></b></p>
|
|
<p></br>
|
|
Social networking sites are virtual domains of sociality, where social time is transformed into digital space. A virtual, digital space, where millions of users place fragments of their everyday activities, opinions, feelings and experiences, turning them all voluntarily into <span>information</span> of the form that each medium receives. A photo, a "like," a map of a daily route produced by GPS, a comment in 140 characters.
|
|
</p>
|
|
<p>
|
|
It is a cliché that the <span>Internet is "liberating"</span> and that social networking platforms guarantee equality to their users in terms of expression. It is also argued that new networked media have overcome the <span>emotional and intellectual decline of “traditional media”</span>, e.g. the TV.
|
|
</p>
|
|
<p>
|
|
Of course, our TV is not dumped in the trash yet. Instead, it is still part of home furniture in the corner of the living room, or the bedroom, having established its value over the years. Remains active in the background, warmly mind-distracting, without expecting anything, just showing its program with confidence. If we compare our TV with our computer, in the first case, we are in front of a screen, holding the remote control, while in the second case we are again in front of a screen, but our hands are on the keyboard. The big difference is when we become active Internet users; it feels that <span>we are both receivers and transmitters</span>. Is that so?
|
|
</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">
|
|
|
|
<!-- <a href="index.html"><h2 style="color:black; font-size:16px; font-family:georgia; margin-top:50px; margin-left: 20px"><img src="reddoor.png" width="13px" height="18px"><i>What gets liberated or controlled, in different networks?</i></h2></a> -->
|
|
|
|
<div class="comment">
|
|
<a href="chapter3-4.html"><h3 style="color:#ec380b;">Visit the green room to find out how much information does the internet fit.</h3></a>
|
|
</div>
|
|
|
|
<div class="comment">
|
|
<h3 style="color:black;">Internet liberation is usually about the liberation of commercial parties; the liberation to make a market.</h3>
|
|
</div>
|
|
|
|
<div class="comment">
|
|
<h3 style="color:black;">I believe that forms of yellow journalism always existed. It is not wise to romanticise the past.</h3>
|
|
<h3 style="color:black;">Further reading:</h3><div style="line-height:50%;"><br></div>
|
|
<a href="http://please.undo.undo.it/Writing/pdfs/Smythe.pdf"><h3><i>Communications : Blindspot of western marxism</i><br>Dallas Smythe</h3></a>
|
|
<a href="http://www.fuchs.uti.at/wp-content/uploads/Fuchs_Maxwell.pdf"><h3><i>Dallas Smythe and Digital Labor</i><br>Christian Fuchs</h3></a>
|
|
</div>
|
|
|
|
<div class="comment">
|
|
<a href="chapter9.html"><h3 style="color:#ea2709;">Visit the aubergine room to read some thoughts about the role of social media.</h3></a>
|
|
</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>
|
|
|
|
|
|
|
|
<html>
|
|
|
|
|
|
|