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.
132 lines
5.0 KiB
HTML
132 lines
5.0 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
|
|
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
|
|
<meta http-equiv="Content-Style-Type" content="text/css" />
|
|
<meta name="viewport" content="initial-scale=1, maximum-scale=1">
|
|
<title>SI19</title>
|
|
|
|
<!-- Paged.js-->
|
|
<!-- <script src="pagedjs/paged.js"></script>
|
|
<script src="pagedjs/interface.js"></script>
|
|
<script src="pagedjs/reload-in-place.js"></script>
|
|
<script src="plugins/marginNotes.js" type="text/javascript"></script>
|
|
<script src="handlers.js"></script>
|
|
<link rel="stylesheet" type="text/css" href="pagedjs/interface-header.css" />
|
|
<link rel="stylesheet" type="text/css" href="pagedjs/interface.css" />
|
|
<link rel="stylesheet" type="text/css" href="pagedjs/interface.css" /> -->
|
|
|
|
<!-- Fonts -->
|
|
<link rel="stylesheet" href="/fonts/worksans/stylesheet.css">
|
|
|
|
<!-- Main stylesheet -->
|
|
<link rel="stylesheet" href="css/style-0.css">
|
|
|
|
</head>
|
|
<body class="interface-bar-bottom writing">
|
|
|
|
<!-- Turn the next four lines on for paged js, and the stuff in the header -->
|
|
<!-- <header id="interface-header" w3-include-html="pagedjs/interface.html"></header>
|
|
<div id="render-book"></div>
|
|
|
|
<template id="book-content"> -->
|
|
|
|
|
|
<!-- Content of your book -->
|
|
<nav>
|
|
<ul>
|
|
<li><a href="index.html">about</a></li>
|
|
<li><a href="map.html">map</a></li>
|
|
<li><a href="writing.html">process</a></li>
|
|
</ul>
|
|
</nav>
|
|
<div class="grid-wrap">
|
|
<section class="left">
|
|
<div>
|
|
<img src="images/leeszal1.jpg" class="purple-image">
|
|
<img src="images/grow.jpg" class="purple-image">
|
|
</div>
|
|
</section>
|
|
<section class="right">
|
|
<h1>
|
|
process
|
|
<svg viewBox="0 0 297 100" version="1.1" id="svg1110" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
|
|
<defs id="defs1107" />
|
|
<g id="layer1">
|
|
<path class="animated-path" style="fill:none;stroke:#bb00dd;stroke-width:1.031;stroke-opacity:1" d="m 297.28818,4.403089 c -10.6535,-1.94798 -12.98846,9.124315 -16.68579,15.091516 -3.69733,5.967201 -14.99968,6.640585 -18.69273,5.636974 -3.69305,-1.003611 -6.42092,-3.66233 -8.40943,-7.6624 -3.01555,-6.14 6.08714,-7.85674 5.31567,-1.84486 -0.25497,1.98692 0.49813,6.80986 -6.26113,10.6773 -6.75927,3.86744 -4.83625,3.70048 -22.57575,10.03366 -15.36336,4.103512 -23.29758,-1.23885 -37.4911,0.0542 -14.19352,1.293 -17.77947,3.509069 -20.43527,7.0388 -2.6558,3.529732 -0.71257,9.689054 2.21676,9.219192 2.92933,-0.469861 3.1942,-4.56411 2.34491,-8.433838 -0.84929,-3.869728 -2.81239,-7.957564 -10.25015,-8.687714 -7.43776,-0.73015 -16.74273,0.974436 -24.30033,7.536424 -7.5576,6.561988 -41.02489,-0.593162 -37.47245,5.036738 3.55244,5.6299 6.84096,1.549923 2.5938,-4.498044 C 102.93802,37.55307 81.234631,16.961021 40.570955,31.914502 -0.09272131,46.867982 13.250509,65.935192 23.747618,50.826322 32.842286,37.736035 7.0388647,30.486737 -0.09272131,26.544179" />
|
|
</g>
|
|
</svg>
|
|
</h1>
|
|
<h3>
|
|
I saw a little box which was found in the collection of the Victoria and Albert Museum. The box was embroidered on the outside over four hundred years ago. And when it was opened, inside was a tiny ornamental garden.- Willem de Koonig Academie Librarian
|
|
</h3>
|
|
<div>
|
|
<div>
|
|
<p>
|
|
If you have a garden and a library, you have everything you need. - Marcus Tullius Cicero
|
|
<img src="images/leeszal2.jpg" class="purple-image">
|
|
</p>
|
|
<p>
|
|
You walked into a library, it's warm inside after the cold street of the city. You shake off your coat and look around the shelves. Talk, play, organise, learn!
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="left">
|
|
<div>
|
|
<div>
|
|
<p>
|
|
<img src="images/tools.jpg" class="purple-image">
|
|
Welcome! We are the first year students of the Experimental Publishing Master of Piet Zwart Institute,
|
|
invite every librarian (librarians of their own library) to garden Leeszaal and discover what this library offers.
|
|
</p>
|
|
<p>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="middle">
|
|
<div>
|
|
<div>
|
|
<p>
|
|
<img src="images/howto.jpg">
|
|
</p>
|
|
<p>
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="right">
|
|
<div>
|
|
<img src="images/cards.jpg" class="purple-image">
|
|
</div>
|
|
</section>
|
|
<section class="left">
|
|
<div>
|
|
<img src="images/leeszal1.jpg" class="purple-image">
|
|
</div>
|
|
</section>
|
|
<section class="middle">
|
|
<div>
|
|
<div>
|
|
<img src="images/timestamp.jpg" class="purple-image">
|
|
<img src="images/cut.jpg">
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<section class="right">
|
|
<div>
|
|
<div>
|
|
<img src="colorcode.jpg" class="purple-image">
|
|
<img src="station2.jpg" class="purple-image">
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
|
|
<!-- </template> -->
|
|
|
|
</body>
|
|
</html>
|