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
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>
|