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.

188 lines
6.5 KiB
HTML

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<!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(197,213,203, .9);
}
#right {
color: black;
/*background-color: rgb(170,170,170, .6);*/
background-color: rgb(197,213,203, .3);
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">The Internet<br> is big, really</h1>
<p style="color:black;font-size:16px;font-family:georgia">In the context of the question:<br> <b><i>How much information does the Internet hold?</i></b></p>
<p></br>
As far as the access to "real information" is concerned, this is probably a vague concept. Within the huge amounts and over-stretch of communication, information becomes impossible to control by myself as an individual receiver. The massive flow of "liberated" information can easily create confusion. This is in contrast to organisations and institutions who can use their superior computing power, trained engineers and resources to have overall traffic supervision, allowing these flows to be controlled and utilised by the appropriate means and for the desired effects.
</p>
<p>
<b>Statements of Technology Executives</b>
</p>
<p>
In 2010, <span>Eric Schmidt</span> (then Executive Chairman of Google) made the following statement:
</p>
<p>
<i>“There were 5 exabytes of information created between the dawn of civilisation through 2003, but that much information is now created every two days.”</i>
</p>
<p>
The reason for this, he argued, is user-generated content. Finally, to show that he has humanitarian concerns, he said that companies like Google could do everything with this information, but the urgent question is whether they should or not. Eric Schmidt claims that technology is neutral (which is a highly debatable idea), nevertheless the world is not ready for what's about to come:
</p>
<p>
<i>“I spend most of my time assuming the world is not ready for the technology revolution that will be happening to them soon.”</i>
</p>
<p>
Another executive in high-tech fields, Robert J. Moore. Co-Founder of RJMetrics, <span>contradicted him</span>, claiming that his allegations were inaccurate and excessive. According to him, the more accurate (but far less sensational) quote would be:
</p>
<p>
<i>“23 Exabytes of information was recorded and replicated in 2002. We now record and transfer that much information every seven days.”</i>
</p>
<p>
<b>Some thoughts</b>
</p>
<p>
Beyond all these claims or exaggerations, it is a fact that the amount of information produced on the Internet per day is increasing tremendously year by year. However, it appears to me that a huge part of this produced and transmitted information contains parts of the life and experience of each transmitter/user of the network. This kind of information is released as a commodity. To be a participant in the online community, I should also “become information.”
</p>
<p>
I can hardly deny that there is underground extortion for e-sociality pushed by real-world relations, although my cyber-exposure becomes more and more dominant. <span>My electronic absence can soon be regarded as a sign of non-existence</span>, almost death. It is true that I have much broader access to information compared to the past. What form does this information have? I feel that the huge-scale flows of all kinds of information can be disorienting. While I am floating in the chaos of cyberspace trash, it doesnt matter what is true and what is not, what is important and what is meaningless.
</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">
<img src="images/EricSchidt.png" alt="EricSchidtForbes" style="width:100%;">
</div>
<div class="comment">
<img src="images/LoadOfCrap.png" alt="LoadOfCrap" style="width:100%;">
</div>
<div class="comment">
<a href="chapter3.html"><h3 style="color:#ea2709;">Visit the turquoise room if you also wonder what compels you to publish content online.</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>
</body>
<html>