<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>The Network We (de)Served - Special Issue #08</title>
	<style type="text/css">
		body{
			font-family: monospace;
			position: relative;
		}
		h1 {font-family: "Times New Roman", Times, serif;}
		h2 {font-family: "Times New Roman", Times, serif;}

		section{
			width: 100%;
		}

		article {
			width: 640px;
			font-size: 16px;
		}
		
		#infraGif {
			position: absolute;
			right: 0;
		}

		@media only screen and (max-width: 1460px) {
			#infraGif {
				position: inherit;
				max-width: 100%;
    			height: auto;
			}
		}

		@media only screen and (max-width: 640px) {
			article {
				width: auto;
			}
		}
		</style>
</head>
<body>
  	<!-- START CNN -->
	<div id="cnn">
		<a id="sitemap" href=""><button>enter the network</button></a>
	</div>
	<link rel="stylesheet" type="text/css" href="https://issue.xpub.nl/08/CNN/cnn.css">
 	<script>
  		var links = ['http://nothat.bad.mn/', 'http://please.undo.undo.it/', 'http://b-e-e-t.r-o-o-t.net/pages/mejias_liberation_technology.html', 'http://foshan-1992.pw/~biyi/', 'http://richfolks.club/', 'http://p.lions.es/', 'http://sweetandsour.chickenkiller.com/'];
      	var link = links[Math.floor(Math.random() * links.length)];
      	console.log('Link:', link);
      	document.getElementById("sitemap").href = link;
  	</script>
	<!-- END CNN -->
  	<br>
	<h1>Index of/ The Network We (de)Served</h1>
	<hr>