<!doctype html>

<html lang="en">
<head>
	<meta charset="utf-8">
	<title>Libraries amongst others: A network publication</title>
	<meta name="author" content="Biyi Wen">
	<meta name="description" content="start page">
	<link href="https://fonts.googleapis.com/css?family=Margarine" rel="stylesheet">
	<link rel="stylesheet" href="index.css">
	<!-- <link rel="stylesheet" type="text/css" href="cnn.css"> -->
</head>

<body>
	
 	<!-- START OF WEBPAGE -->
	<div id="container">
		<div id="left">
			<section id="content">
				<h1 id="title">Libraries amongst others: A network publication</h1>
				<table id="author"cellpadding="20px">
					<tr>
						<td align="left">by Biyi Wen</td><td><picture><img id="reading_children" srcset ="img/index/reading_children_200w.png, 200w"sizes="(max-width: 2880px) 100px"src="img/index/reading_children.jpg" width="100px" align="right"></picture></td>
					</tr>
				</table>
				<br>
				<ul id="rules">
					<li>Navigate storyspaces via hyperlink</li>
					<li>Travel to other domains through backdoors</li>
				</ul>
				<br>
				<p><i>=============== 33 storyspaces</i><p>
				<p><i>3 backdoors ================= </i><p>
				<section id="indexPoints_section">
					<h2 id="start"> Start from here </h2>
					<ul id="indexPoints">
						<li><a href="parvenu_mansion.html">Parvenu Mansion</a></p>
						<li><a href="nanhai_library.html">Nanhai Library</p>
						<li><a href="borges_bookstore.html">Borges Bookstore</a></p>
					</ul>
				</section>
			</section>
		</div>
		<div id="right">
			<section id="deng">
				<h2 id="subTitle">Who is this guy? <br>
				What is this text labyrinth?</h2>
				<div id="portrait_picture"><picture><img id="portrait"srcset="img/index/it_deng_right_200w.png 200w,"
				sizes="(max-width: 2880px) 100px" src="img/index/it_deng_right.jpg"></picture></div>
				<div id="screenshot">
					<h2 id="feedback">feedback from reader</h2>
					<picture><img class="screenshot" srcset="img/index/1_200w.png 200w,"sizes="(max-width: 2880px) 100px" src="img/index/1.png" width= "100px">
					<img class="screenshot" srcset="img/index/2_200w.png 200w," sizes="(max-width: 2880px) 100px" src="img/index/2.png"width= "100px">
					</picture>
				</div>
				<p style="color:red"><a href="deng_yaohua.html">find out here!</a></p>
				<section id="conversation">
					<p>me: Guess who this is?</p>
					<p>mother: I don't know.</p>
					<p>me: It's Deng Yaohua, mayor at the time. I am using him as background for a project</p>
					<p>mother: Why do you use him as background? He was dismissed afterwards because of corruption; please have senses in political matters. 
					</p>
				</section>
			</section>	
		</div>
		<div id="bottom">
			<h1 style="text-align: center"><a href="sitemap.html">SITEMAP</a></h1>
		</div>
	</div>
		
		<!-- END OF WEBPAGE -->
	</body>
	<script type="text/javascript" src="https://issue.xpub.nl/08/cnn/cnn.js"></script>
</html>