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.

184 lines
6.2 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>
<br>
<br>
<h4>Bin books that are waiting to be recycled-Leeszal</h4>
<img src="images/leeszal1.jpg" class="purple-image">
<br>
<br>
<h4>Growing and Cutting the bin books at toolsheds</h4>
<img src="images/grow.jpg">
<br>
<br>
<h4>Brainstorming and testing out games with gardening cards</h4>
<img src="images/timestamp.jpg" class="purple-image">
</div>
</section>
<section class="middle">
<div>
<h4>Research Station</h4>
<img src="images/colorcode.jpg" class="purple-image">
<br>
<br>
<h4>Growing toolshed trials</h4>
<img src="images/tools.jpg">
<br>
<br>
<h4>Leeszal's Storage Room</h4>
<img src="images/leeszal2.jpg">
<br>
<br>
<h4>Grafting toolshed rehearsal</h4>
<img src="images/station1.jpg" class="purple-image">
<br>
<br>
<h4>Cutting station example</h4>
<img src="images/cut.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>
Here are some snapshots of how our concept of libraries flourished into a garden.
</h3>
<div>
<div>
<p>
<h4>Gleaning toolshed rehearsal</h4>
<img src="images/station.jpg" class="purple-image">
<br>
<br>
<h4>Growing toolshed rehearsal</h4>
<img src="images/station2.jpg" class="purple-image">
<br>
<br>
<h4>Printing the cards to try playing the card game</h4>
<img src="images/imposition.jpg" class="purple-image">
<br
<br>
<h4>Printed cards for a trial at card games</h4>
<img src="images/cards.jpg" class="purple-image">
</p>
<p>
</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>
<br>
<br>
<h4>Bin books that are waiting to be recycled-Leeszal</h4>
<img src="images/leeszal1.jpg" class="purple-image">
</div>
</section>
<section class="middle">
<div>
<div>
<br>
<br>
<h4>Brainstorming</h4>
<img src="images/timestamp.jpg" class="purple-image">
<br>
<br>
<h4>Bin books that are waiting to be recycled-Leeszal</h4>
<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>