website version 1.00000000000001

main
Stephen Kerr 2 years ago
parent 3482e02fbe
commit b5c011bfa6

@ -79,11 +79,13 @@ body{
font-size: 15px; font-size: 15px;
line-height: var(--baseline); line-height: var(--baseline);
max-width: 90%; max-width: 90%;
margin: 0 auto; margin: 0 auto 3rem;
overflow-x: hidden;
} }
.grid-wrap{ .grid-wrap{
display: grid; display: grid;
grid-template-columns: 33% 33% 33%; gap: 5%;
grid-template-columns: 30% 30% 30%;
} }
h1, h2, h3, h4, h5, h6{ h1, h2, h3, h4, h5, h6{
@ -97,28 +99,44 @@ h1{
position: relative; position: relative;
top: -1.75mm; top: -1.75mm;
string-set: title content(text); string-set: title content(text);
padding: 6rem 0 8rem; padding: 2rem 0 12rem;
} }
h1 svg{ h1 svg{
position: absolute; position: absolute;
width: 100vw; overflow: hidden;
width: 106vw;
right: -6vw; right: -6vw;
top: -8rem; top: 0rem;
z-index: -1; z-index: 2;
pointer-events: none;
}
.home h1 svg{
position: absolute;
overflow: hidden;
width: 106vw;
right: -6vw;
top: -12rem;
z-index: -2;
} }
h3{ h3{
font-size: 15pt; font-size: 1.9rem;
line-height: calc(2 * var(--baseline)); line-height: calc(2 * var(--baseline));
position: relative; position: relative;
top: -2mm; top: -2mm;
margin-bottom:10mm; margin-bottom:5mm;
width: calc(100% + 40mm); }
img{
max-width: 100%;
} }
.margin-note{ .margin-note{
line-height: 3.75mm; line-height: 3.75mm;
padding: 0 5mm; padding: 0 5mm;
text-align: left; text-align: left;
} }
nav ul{
padding: 0;
}
nav ul li{ nav ul li{
text-decoration: none; text-decoration: none;
display: inline; display: inline;
@ -135,9 +153,27 @@ p{
top: 1.2mm; top: 1.2mm;
/* text-align: justify; */ /* text-align: justify; */
} }
.purple-image{
filter: invert(9%) sepia(26%) saturate(735%) hue-rotate(292deg) brightness(85%) contrast(103%);
}
section.full-width{
grid-column: 1 / -1;
}
section.left{
grid-column: 1;
}
section.left2{
grid-column: 1 / 3;
}
section.middle{
grid-column: 2;
}
section.right{ section.right{
grid-column: 3; grid-column: 3;
} }
section.right2{
grid-column: 2 / -1;
}
sup{ sup{
color: var(--pantone1); color: var(--pantone1);
line-height: 0.5; line-height: 0.5;
@ -146,6 +182,17 @@ svg{
color: var(--pantone1); color: var(--pantone1);
margin: 0; margin: 0;
} }
.animated-path {
stroke-dasharray: 1000;
stroke-dashoffset: -1000;
animation: dash 5s linear forwards;
}
@keyframes dash {
to {
stroke-dashoffset: 0;
}
}
#image{ #image{
max-width: 100%; max-width: 100%;
} }
@ -155,11 +202,11 @@ svg{
grid-template-columns: 100%; grid-template-columns: 100%;
} }
h1 svg{ h1 svg{
top: 2rem; top: -4rem;
right: -2rem; right: -3rem;
width: 200vw; width: 260vw;
} }
section.right{ section.full-width, section.left, section.left2, section.middle, section.right, section.right2{
grid-column: 1; grid-column: 1;
} }
} }

Binary file not shown.

After

Width:  |  Height:  |  Size: 213 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 551 KiB

@ -24,65 +24,54 @@
<link rel="stylesheet" href="css/style-0.css"> <link rel="stylesheet" href="css/style-0.css">
</head> </head>
<body class="interface-bar-bottom"> <body class="interface-bar-bottom home">
<!-- Turn the next four lines on for paged js, and the stuff in the header --> <!-- 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> <!-- <header id="interface-header" w3-include-html="pagedjs/interface.html"></header>
<div id="render-book"></div> <div id="render-book"></div>
<template id="book-content"> --> <template id="book-content"> -->
<!-- Content of your book --> <!-- Content of your book -->
<nav> <nav>
<ul> <ul>
<li><a>about</a></li> <li><a href="index.html">about</a></li>
<li><a>map</a></li> <li><a href="map.html">map</a></li>
<li><a>writing</a></li> <!-- <li><a href="writing.html">writing</a></li> -->
</ul> </ul>
</nav> </nav>
<div class="grid-wrap"> <div class="grid-wrap">
<section class="right"> <section class="right">
<h1> <h1>
garden garden
<svg <svg viewBox="0 0 297 210" version="1.1" id="svg1110" xmlns="http://www.w3.org/2000/svg" xmlns:svg="http://www.w3.org/2000/svg">
viewBox="0 0 297 210" <defs id="defs1107" />
version="1.1" <g id="layer1">
id="svg1110" <path class="animated-path" style="fill:none;stroke:#bb00dd;stroke-width:1.031;stroke-opacity:1" d="m 357.5014,79.091237 c -23.48159,-1.577423 -52.69647,23.181863 -84.89038,15.911628 -1.489,-0.23181 -6.29748,-1.786571 -6.54995,-3.820491 -0.43834,-4.806887 7.16809,-26.337476 14.50976,-23.136285 2.5597,5.204362 -8.51267,25.539225 -17.6203,23.212165 -0.42472,-0.06613 -2.30716,-0.96356 -2.51832,-1.287892 -1.84024,-2.826747 6.37421,-13.59142 6.22601,-13.819122 -0.45181,-0.693977 -2.99557,4.575023 -3.38049,4.515083 -0.52949,-0.08244 -0.9702,-2.308951 -1.27268,-2.773554 -0.93334,-1.198034 -2.03621,-0.565472 -3.35961,-0.963097 -1.94957,0.799637 -9.31917,9.35153 -3.9449,11.363743 0.44576,0.0694 2.01267,0.567155 2.51165,0.391031 3.95509,-1.633897 9.34018,-12.803598 1.02258,-11.603982 -3.4253,1.723925 -4.67034,5.178359 -6.56787,7.939893 -0.55157,0.802736 -3.58012,2.128187 -4.30826,1.009728 -0.68424,-1.051061 1.28474,-7.12992 1.95039,-8.098633 1.40005,-2.037555 3.02913,-3.449451 2.68505,-3.503031 -1.20971,-0.188344 -2.42489,3.300187 -3.28393,3.969948 -0.25937,0.202224 -1.3122,-2.202518 -1.93693,-2.685124 -2.77148,-2.490376 -9.47078,4.147276 -8.00595,10.159072 2.75329,2.406663 13.2727,-2.210491 8.09113,-10.169757 -0.49839,-0.765544 -0.48856,-1.736314 -3.70692,-0.422464 -3.71195,1.515358 -3.81952,10.005956 -8.33143,11.598609 -2.87867,1.016134 -1.89245,-3.321027 -3.34289,-4.441501 -1.30272,-1.006357 -5.61501,-0.320733 -6.8199,0.618698 -0.56462,0.440204 -1.28102,1.248938 -1.40968,1.975779 -0.0644,0.36341 0.6392,1.001118 0.83049,1.294958 1.35517,2.081638 7.19201,-7.159156 7.57254,-7.78349 0.51448,-0.844103 0.92909,-1.756765 1.48735,-2.5692 6.40748,-8.846272 5.4799,-2.9231 -3.56836,-5.431352 0.97891,7.477151 -9.84123,11.551576 -13.05887,12.53086 -3.2494,1.122856 5.42267,7.288101 5.41197,-0.0912 0.84509,-1.345277 -4.85343,-8.265546 -5.97216,-9.393597 -0.38412,-0.387332 -0.90328,-1.133978 -1.20574,-1.598573 -0.4862,-0.746826 -0.68056,-2.346576 0.88847,-2.102284 8.66869,1.349593 -7.49022,16.924241 -9.6391,13.623417 -0.91371,-1.403435 -2.67341,-9.534952 0.94565,-8.971521 0.33489,0.05207 0.81337,0.579024 1.00466,0.872857 1.32515,2.035522 -5.33167,10.618278 -10.18073,7.937578 -7.13159,-3.942558 -1.23106,-12.985536 0.733,-9.968608 1.83756,2.82263 -8.25408,12.557434 -12.73376,9.096825 -3.93732,-3.584922 0.0565,-15.823786 1.88626,-22.728405 0.66081,-1.563568 2.77445,-5.308723 5.10743,-3.506476 1.01259,0.78224 -2.75192,8.017324 -3.05156,8.487345 -18.26225,25.212632 -35.36914,29.369129 -58.78926,30.46112 -5.70218,0.916595 -10.15498,0.263192 -11.5433,-5.785664 -0.30998,-1.68932 -0.5571,-3.408322 0.0315,-5.108302 2.22495,-3.99346 7.64255,3.997466 3.01199,8.351661 -0.68076,0.680757 -1.64304,1.488455 -2.57858,1.616735 -17.07195,5.111643 -37.164947,2.384833 -52.52831,6.488345 -17.7395,6.33318 -15.170238,7.68426 -22.575742,10.03366 -6.285014,2.14483 -6.801397,4.49731 -7.056368,6.48423 -0.771474,6.01188 8.403513,5.95791 5.387964,-0.18209 -1.988518,-4.00007 -2.539253,-4.37143 -6.096018,-5.42128 -3.827698,-0.95693 -15.110932,1.24538 -16.901668,4.13597 -7.649187,10.43985 -26.8747831,22.36395 -26.7564372,14.63243" />
xmlns="http://www.w3.org/2000/svg" </g>
xmlns:svg="http://www.w3.org/2000/svg"> </svg>
<defs </h1>
id="defs1107" /> <div>
<g
id="layer1">
<path
id="path1900"
style="fill:none;stroke:#bb00dd;stroke-width:1.031;stroke-dasharray:none;stroke-opacity:1"
d="m 357.5014,79.091237 c -23.48159,-1.577423 -52.69647,23.181863 -84.89038,15.911628 -1.489,-0.23181 -6.29748,-1.786571 -6.54995,-3.820491 -0.43834,-4.806887 7.16809,-26.337476 14.50976,-23.136285 2.5597,5.204362 -8.51267,25.539225 -17.6203,23.212165 -0.42472,-0.06613 -2.30716,-0.96356 -2.51832,-1.287892 -1.84024,-2.826747 6.37421,-13.59142 6.22601,-13.819122 -0.45181,-0.693977 -2.99557,4.575023 -3.38049,4.515083 -0.52949,-0.08244 -0.9702,-2.308951 -1.27268,-2.773554 -0.93334,-1.198034 -2.03621,-0.565472 -3.35961,-0.963097 -1.94957,0.799637 -9.31917,9.35153 -3.9449,11.363743 0.44576,0.0694 2.01267,0.567155 2.51165,0.391031 3.95509,-1.633897 9.34018,-12.803598 1.02258,-11.603982 -3.4253,1.723925 -4.67034,5.178359 -6.56787,7.939893 -0.55157,0.802736 -3.58012,2.128187 -4.30826,1.009728 -0.68424,-1.051061 1.28474,-7.12992 1.95039,-8.098633 1.40005,-2.037555 3.02913,-3.449451 2.68505,-3.503031 -1.20971,-0.188344 -2.42489,3.300187 -3.28393,3.969948 -0.25937,0.202224 -1.3122,-2.202518 -1.93693,-2.685124 -2.77148,-2.490376 -9.47078,4.147276 -8.00595,10.159072 2.75329,2.406663 13.2727,-2.210491 8.09113,-10.169757 -0.49839,-0.765544 -0.48856,-1.736314 -3.70692,-0.422464 -3.71195,1.515358 -3.81952,10.005956 -8.33143,11.598609 -2.87867,1.016134 -1.89245,-3.321027 -3.34289,-4.441501 -1.30272,-1.006357 -5.61501,-0.320733 -6.8199,0.618698 -0.56462,0.440204 -1.28102,1.248938 -1.40968,1.975779 -0.0644,0.36341 0.6392,1.001118 0.83049,1.294958 1.35517,2.081638 7.19201,-7.159156 7.57254,-7.78349 0.51448,-0.844103 0.92909,-1.756765 1.48735,-2.5692 6.40748,-8.846272 5.4799,-2.9231 -3.56836,-5.431352 0.97891,7.477151 -9.84123,11.551576 -13.05887,12.53086 -3.2494,1.122856 5.42267,7.288101 5.41197,-0.0912 0.84509,-1.345277 -4.85343,-8.265546 -5.97216,-9.393597 -0.38412,-0.387332 -0.90328,-1.133978 -1.20574,-1.598573 -0.4862,-0.746826 -0.68056,-2.346576 0.88847,-2.102284 8.66869,1.349593 -7.49022,16.924241 -9.6391,13.623417 -0.91371,-1.403435 -2.67341,-9.534952 0.94565,-8.971521 0.33489,0.05207 0.81337,0.579024 1.00466,0.872857 1.32515,2.035522 -5.33167,10.618278 -10.18073,7.937578 -7.13159,-3.942558 -1.23106,-12.985536 0.733,-9.968608 1.83756,2.82263 -8.25408,12.557434 -12.73376,9.096825 -3.93732,-3.584922 0.0565,-15.823786 1.88626,-22.728405 0.66081,-1.563568 2.77445,-5.308723 5.10743,-3.506476 1.01259,0.78224 -2.75192,8.017324 -3.05156,8.487345 -18.26225,25.212632 -35.36914,29.369129 -58.78926,30.46112 -5.70218,0.916595 -10.15498,0.263192 -11.5433,-5.785664 -0.30998,-1.68932 -0.5571,-3.408322 0.0315,-5.108302 2.22495,-3.99346 7.64255,3.997466 3.01199,8.351661 -0.68076,0.680757 -1.64304,1.488455 -2.57858,1.616735 -17.07195,5.111643 -37.164947,2.384833 -52.52831,6.488345 -17.7395,6.33318 -15.170238,7.68426 -22.575742,10.03366 -6.285014,2.14483 -6.801397,4.49731 -7.056368,6.48423 -0.771474,6.01188 8.403513,5.95791 5.387964,-0.18209 -1.988518,-4.00007 -2.539253,-4.37143 -6.096018,-5.42128 -3.827698,-0.95693 -15.110932,1.24538 -16.901668,4.13597 -7.649187,10.43985 -26.8747831,22.36395 -26.7564372,14.63243" />
</g>
</svg>
</h1>
<h3> <h3>
We invite you to an unusual library visit... We invite you to an unusual library visit.
</h3> </h3>
<div> <p>
<div> 06.12.22<br>
<p> 18:00&ndash;21:00<br>
Join us on a journey exploring the wild undergrowth of the library, Leeszaal's secret collection of <i>unwanted</i> material. The library is a garden, and it's time to harvest. Leeszaal, Rijnhoutplein 3, Rotterdam West.
</p> </p>
<p> <p>
Our workshop, <i>How do we library that?</i> invites visitors to collectively discover what a library offers through a secret collection of "unwanted books"; an exploration of networks of humans and texts, their contexts and modes of operation. We, the first year students of the Experimental Publishing Master of the Piet Zwart Institute, invite you to garden Leeszaal and discover what a library offers. Furthermore, to also see behind the curtains of how the unwanted books are kept in this library. Leeszaal is not a real library. It's an open space; a plot waiting to be tended to and tilled. Volunteers sort all the books that people bring. Some of the books arent going to make it to the shelves. They will end up as a pile of paper in trash bins, waiting to be recycled. And thats okay.
Its aim is to make the communitys vision of a library known and written. </p>
</p> <p>
<p> This evening is a momentary snapshot of the current state of a library seen through the metaphor of gardening; pruning, gleaning, growing, grafting and harvesting. {how is the cyclic nature of gardening, decomposition, compost related to the library?} It is an open conversation; a collective writing tool; a cooperative archive. We would like to ask everyone to think of the library as a playground, and find new ways to interact with and discover it through the lens of a gardener. To us, gardening means caring: caring for the people and books that make up this place.
December 6th, 2022. Event starts at 18:00 until 21:00 and it will take place at Leeszaal, Rijnhoutplein 3, 3014 TZ Rotterdam West. </p>
</p> </div>
</div> </section>
</div> </div>
</section>
</div>
<!-- </template> --> <!-- </template> -->
</body> </body>
</html> </html>

@ -0,0 +1,47 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="297.09271mm"
height="69.854996mm"
viewBox="0 0 297.09271 69.854996"
version="1.1"
id="svg1110"
sodipodi:docname="line-1.svg"
inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview6"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:document-units="mm"
showgrid="false"
inkscape:zoom="1.2939385"
inkscape:cx="595.08238"
inkscape:cy="364.00494"
inkscape:window-width="2560"
inkscape:window-height="1400"
inkscape:window-x="-12"
inkscape:window-y="-12"
inkscape:window-maximized="1"
inkscape:current-layer="layer1" />
<defs
id="defs1107" />
<g
id="layer1"
transform="translate(0.09272131)">
<path
id="path1900"
style="fill:none;stroke:#bb00dd;stroke-width:1.031;stroke-dasharray:none;stroke-opacity:1"
d="m 0,67.6869 c 10.6535,1.94798 12.988464,-9.124315 16.685792,-15.091516 3.697328,-5.967201 14.999683,-6.640585 18.69273,-5.636974 3.693047,1.003611 6.420917,3.66233 8.409435,7.6624 3.015549,6.14 -6.087144,7.85674 -5.31567,1.84486 0.254971,-1.98692 -0.498133,-6.80986 6.261131,-10.6773 6.759264,-3.86744 4.836242,-3.70048 22.575742,-10.03366 15.363363,-4.103512 23.297587,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 9.53511,-16.992038 5.98267,-22.621938 -3.55244,-5.6299 -9.49918,0.494868 -5.25202,6.542835 4.24717,6.047967 22.24737,5.163205 29.808,4.529768 7.56063,-0.633437 14.57132,-6.274195 12.73376,-9.096825 -1.96406,-3.016928 -7.86459,6.02605 -0.733,9.968608 4.84906,2.6807 20.87435,7.429362 35.18204,2.819367 14.30769,-4.609995 7.0086,-11.431922 3.9472,-7.11284 -3.06139,4.319082 -2.0718,15.509392 1.25551,22.244239 4.70251,9.518402 15.43721,18.889664 34.01313,23.53357 C 291.09806,64.568462 297,58.096358 297,58.096358"
sodipodi:nodetypes="czzsszczzzzzzzzzsczzssc" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.6 KiB

@ -0,0 +1,47 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="297.09271mm"
height="69.854996mm"
viewBox="0 0 297.09271 69.854996"
version="1.1"
id="svg1110"
sodipodi:docname="line-2.svg"
inkscape:version="1.2.1 (9c6d41e410, 2022-07-14)"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
id="namedview6"
pagecolor="#ffffff"
bordercolor="#000000"
borderopacity="0.25"
inkscape:showpageshadow="2"
inkscape:pageopacity="0.0"
inkscape:pagecheckerboard="0"
inkscape:deskcolor="#d1d1d1"
inkscape:document-units="mm"
showgrid="false"
inkscape:zoom="1.2939385"
inkscape:cx="595.08238"
inkscape:cy="364.39135"
inkscape:window-width="2560"
inkscape:window-height="1400"
inkscape:window-x="-12"
inkscape:window-y="-12"
inkscape:window-maximized="1"
inkscape:current-layer="layer1" />
<defs
id="defs1107" />
<g
id="layer1"
transform="translate(0.09272131)">
<path
id="path1900"
style="fill:none;stroke:#bb00dd;stroke-width:1.031;stroke-dasharray:none;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 -9.53511,16.992038 -5.98267,22.621938 3.55244,5.6299 9.49918,-0.494868 5.25202,-6.542835 -4.24717,-6.047967 -22.24737,-5.163205 -29.808,-4.529768 -7.56063,0.633437 -14.571316,6.274195 -12.733756,9.096825 1.964056,3.016928 7.864586,-6.02605 0.733,-9.968608 -4.84906,-2.6807 -20.87435,-7.429362 -35.18204,-2.819367 -14.30769,4.609995 -7.0086,11.431922 -3.9472,7.11284 3.06139,-4.319082 2.0718,-15.509392 -1.25551,-22.244239 C 54.437174,26.270727 43.702474,16.899465 25.126554,12.255559 6.1901239,7.521527 0.28818395,13.993631 0.28818395,13.993631"
sodipodi:nodetypes="czzsszczzzzzzzzzsczzssc" />
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.6 KiB

@ -0,0 +1,22 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="297.09271mm"
height="69.854996mm"
viewBox="0 0 297.09271 69.854996"
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"
transform="translate(0.09272131)">
<path
id="path1900"
style="fill:none;stroke:#bb00dd;stroke-width:1.031;stroke-dasharray:none;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>

After

Width:  |  Height:  |  Size: 1.5 KiB

@ -0,0 +1,65 @@
<!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 map">
<!-- 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">writing</a></li> -->
</ul>
</nav>
<div class="grid-wrap">
<section class="left2">
<img src="images/map-of-leeszaal.png">
</section>
<section class="right">
<h1>
map
<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 0,67.6869 c 10.6535,1.94798 12.988464,-9.124315 16.685792,-15.091516 3.697328,-5.967201 14.999683,-6.640585 18.69273,-5.636974 3.693047,1.003611 6.420917,3.66233 8.409435,7.6624 3.015549,6.14 -6.087144,7.85674 -5.31567,1.84486 0.254971,-1.98692 -0.498133,-6.80986 6.261131,-10.6773 6.759264,-3.86744 4.836242,-3.70048 22.575742,-10.03366 15.363363,-4.103512 23.297587,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 9.53511,-16.992038 5.98267,-22.621938 -3.55244,-5.6299 -9.49918,0.494868 -5.25202,6.542835 4.24717,6.047967 22.24737,5.163205 29.808,4.529768 7.56063,-0.633437 14.57132,-6.274195 12.73376,-9.096825 -1.96406,-3.016928 -7.86459,6.02605 -0.733,9.968608 4.84906,2.6807 20.87435,7.429362 35.18204,2.819367 14.30769,-4.609995 7.0086,-11.431922 3.9472,-7.11284 -3.06139,4.319082 -2.0718,15.509392 1.25551,22.244239 4.70251,9.518402 15.43721,18.889664 34.01313,23.53357 C 291.09806,64.568462 297,58.096358 297,58.096358" />
</g>
</svg>
</h1>
<a href="https://goo.gl/maps/TjGH6PrMcKFUFug76">How to get to Leeszaal</a>
</section>
</div>
<!-- </template> -->
</body>
</html>

@ -0,0 +1,129 @@
<!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">writing</a></li>
</ul>
</nav>
<div class="grid-wrap">
<section class="left2">
<div>
<img src="images/typesetting.png" class="purple-image">
</div>
</section>
<section class="right">
<h1>
writing
<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>
The world (which some call the Library) is made up of an unknown, or perhaps unlimited, number of hexagonal galleries, each with a vast central ventilation shaft surrounded by a low railing.
</h3>
<div>
<div>
<p>
From any given hexagon, the higher and lower galleries can be seen stretching away interminably. The layout of every floor is identical. Twenty-five long shelves, five on each side, fill all the sides but one; the height of the shelves, which is the height of the walls, is little more than that of the average librarian. From the unshelved side, a narrow passageway leads off to another gallery, which is identical to the first and to all the others.
</p>
<p>
To left and right of the passageway are a pair of tiny cupboards. One is used for sleeping upright; the other, for satisfying faecal necessities. From this passage a spiral stairway climbs up, or goes down, to the uttermost reaches. The passageway contains a mirror, which faithfully duplicates what appears before it. From this, most people infer that the Library is not infinite, for, if it were, why this illusion of duplication? I prefer to imagine that the mirrors gleaming surface depicts and promises infinity. Illumination comes from spherical fruit called lamps.
</p>
</div>
</div>
</section>
<section class="left">
<div>
<div>
<p>
There are two, opposite each other, in each hexagon. Their light is inadequate, though continuous. Like all men in the Library, in my youth I travelled, roaming in search of a book, perhaps of a catalogue of catalogues. Now, when my eyes can barely make out what I write, I am getting ready to die a league or two from the hexagon where I was born.
</p>
<p>
Once I am dead, there will be no want of pious hands to hurl me over the railing. My grave will be the bottomless air; my body will plummet for a long, long time, decaying and dissolving in the wind generated by my fall, which will be infinite. I have said that the Library is limitless. Idealists argue that hexagonal chambers are the quintessential form of absolute space or, at least, of our perception of space. A triangular or five-sided chamber, they reason, is unimaginable. (Mystics claim that their ecstasies reveal a circular chamber with a great circular book, whose continuous spine runs all the way round the walls, but the evidence of these seers is suspect and their words obscure. Such a cyclical book is God.)
</p>
</div>
</div>
</section>
<section class="middle">
<div>
<div>
<p>
For now, I need only quote the classic dictum that The Library is a sphere whose exact centre is any hexagon and whose circumference is beyond reach. Each wall but one of each hexagon has five shelves; each shelf holds thirty-two books of a uniform size. Each book contains four hundred and ten pages; each page, forty lines; each line, eighty characters in black letter. There are also characters on the spine of each book but they give no indication or forewarning of what is inside. I know that this discrepancy was once looked on as a mystery. Before I run through the explanation (whose discovery, despite its tragic ramifications, may be the most important event in history), let me call to mind a few salient facts.
</p>
<p>
First, that the Library has always existed. Of this truth, whose direct corollary is that the world will always exist, no reasonable mind can be in doubt. Man, the imperfect librarian, may be a creation of chance or of evil lesser deities. The world, with its elegant supply of bookshelves, of baffling volumes, of inexhaustible stairways for the traveller and privies for the seated librarian, can only be the creation of a god. To appreciate the distance between the divine and the human, all we need do is compare the crude, spidery symbols my fallible hand is scrawling on the endpapers of this book with the organic letters on the inside, which are precise, fine, deep black, and perfectly symmetrical. Second, that the number of these symbols is twenty- five.* The discovery of this fact three hundred years ago led to the formulation of a general theory of the Library and to a satisfactory solution of a problem which, until then, no hypothesis had addressed - namely, the formless and random nature of almost all books.
</p>
</div>
</div>
</section>
<section class="right">
<div>
<img src="images/typesetting.png" class="purple-image">
</div>
</section>
<section class="left">
<div>
<img src="images/map-of-leeszaal.png" class="purple-image">
</div>
</section>
<section class="middle">
<div>
<div>
<img src="images/typesetting.png" class="purple-image">
<img src="images/typesetting.png">
</div>
</div>
</section>
<section class="right">
<div>
<div>
<img src="images/getch-error.png" class="purple-image">
<img src="images/typesetting.png" class="purple-image">
</div>
</div>
</section>
</div>
<!-- </template> -->
</body>
</html>
Loading…
Cancel
Save