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.

78 lines
2.9 KiB
HTML

6 years ago
<!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>