diff --git a/css/style-0.css b/css/style-0.css index 9611648..b4e1f2c 100644 --- a/css/style-0.css +++ b/css/style-0.css @@ -79,11 +79,13 @@ body{ font-size: 15px; line-height: var(--baseline); max-width: 90%; - margin: 0 auto; + margin: 0 auto 3rem; + overflow-x: hidden; } .grid-wrap{ display: grid; - grid-template-columns: 33% 33% 33%; + gap: 5%; + grid-template-columns: 30% 30% 30%; } h1, h2, h3, h4, h5, h6{ @@ -97,28 +99,44 @@ h1{ position: relative; top: -1.75mm; string-set: title content(text); - padding: 6rem 0 8rem; + padding: 2rem 0 12rem; } h1 svg{ position: absolute; - width: 100vw; + overflow: hidden; + width: 106vw; right: -6vw; - top: -8rem; - z-index: -1; + top: 0rem; + z-index: 2; + pointer-events: none; +} +.home h1 svg{ + position: absolute; + overflow: hidden; + width: 106vw; + right: -6vw; + top: -12rem; + z-index: -2; } h3{ - font-size: 15pt; + font-size: 1.9rem; line-height: calc(2 * var(--baseline)); position: relative; top: -2mm; - margin-bottom:10mm; - width: calc(100% + 40mm); + margin-bottom:5mm; +} +img{ + max-width: 100%; } .margin-note{ line-height: 3.75mm; padding: 0 5mm; text-align: left; } +nav ul{ + padding: 0; +} + nav ul li{ text-decoration: none; display: inline; @@ -135,9 +153,27 @@ p{ top: 1.2mm; /* 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{ grid-column: 3; } +section.right2{ + grid-column: 2 / -1; +} sup{ color: var(--pantone1); line-height: 0.5; @@ -146,6 +182,17 @@ svg{ color: var(--pantone1); margin: 0; } +.animated-path { + stroke-dasharray: 1000; + stroke-dashoffset: -1000; + animation: dash 5s linear forwards; +} + +@keyframes dash { + to { + stroke-dashoffset: 0; + } +} #image{ max-width: 100%; } @@ -155,11 +202,11 @@ svg{ grid-template-columns: 100%; } h1 svg{ - top: 2rem; - right: -2rem; - width: 200vw; + top: -4rem; + right: -3rem; + width: 260vw; } - section.right{ + section.full-width, section.left, section.left2, section.middle, section.right, section.right2{ grid-column: 1; } } diff --git a/images/getch-error.png b/images/getch-error.png new file mode 100644 index 0000000..838e407 Binary files /dev/null and b/images/getch-error.png differ diff --git a/images/map-of-leeszaal.png b/images/map-of-leeszaal.png new file mode 100644 index 0000000..f623b04 Binary files /dev/null and b/images/map-of-leeszaal.png differ diff --git a/index.html b/index.html index 86a0b1b..44ac443 100644 --- a/index.html +++ b/index.html @@ -24,65 +24,54 @@ -
+ - + + --> - - -- Join us on a journey exploring the wild undergrowth of the library, Leeszaal's secret collection of unwanted material. The library is a garden, and it's time to harvest. -
-- Our workshop, How do we library that? 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. - Its aim is to make the community’s vision of a library known and written. -
-- December 6th, 2022. Event starts at 18:00 until 21:00 and it will take place at Leeszaal, Rijnhoutplein 3, 3014 TZ Rotterdam West. -
-
+ 06.12.22
+ 18:00–21:00
+ Leeszaal, Rijnhoutplein 3, Rotterdam West.
+
+ 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 aren’t going to make it to the shelves. They will end up as a pile of paper in trash bins, waiting to be recycled. And that’s okay. +
++ 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. +
+