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
78 lines
2.9 KiB
HTML
<!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>
|
|
|
|
|
|
|