print layout

master
Stephen 2 months ago
parent 8587170094
commit 20b33a38a3

Binary file not shown.

@ -7,32 +7,36 @@ author:
## Act 1.
### Scene 1.
Internal. A reader holds a book in their hands. The first page of the book is opened, the reader holds it to their face and smells the paper, touches it. The book touches them back.
*Internal. A reader holds a book in their hands. The first page of the book is opened, the reader holds it to their face and smells the paper, touches it. The book touches them back.*
the book (whispering in the reader's ear):
**the book (whispering in the reader's ear):**
Being vulnerable means being transparent, open and brave, trusting others to handle stories with care. By publicly sharing and processing our narratives, we take ownership of our experiences while contributing to a collective voice. Even when we incorporate stories from others, our names remain attached to this collective creation: Ada, Aglaia, Irmak, Stephen. We have created interfaces highlighting the balance between communal sharing, individual responsibility and awareness.
the reader:
**the reader:**
Interfaces?
the book:
**the book:**
Interfaces are boundaries that connect and separate. They're the spaces that fill the void between us. An interface can be an act, a story, a keyboard, a cake; It allows us to be vulnerable together, to share our stories with and through each other. I am a collection of these interfaces.
the reader (confused):
**the reader (confused):**
What do you mean a collection, like a catalogue?
the book:
**the book:**
Yeah I guess. I weave the words and the works we created during...
the reader:
**the reader:**
we?
the book:
...I mean the four of us, the students of Experimental Publishing at the Piet Zwart Institute. From 2022 until today, June 2024, we published three special issues together. We wrote four theses and made four graduation projects. We grew our hair out and cut it and grew it again and dyed it. We cared and cried for each other, we brewed muddy coffee and bootlegged books. (The book tears up) Finishing a Master's is a bit of a heavy moment for us and this book is a gentle archive, a memory of things that have been beautiful to us.
**the book:**
...I mean the four of us, the students of Experimental Publishing at the Piet Zwart Institute. From 2022 until today, June 2024, we published three special issues together. We wrote four theses and made four graduation projects. We grew our hair out and cut it and grew it again and dyed it. We cared and cried for each other, we brewed muddy coffee and bootlegged books.
the reader (sarcastically):
(The book tears up).
Finishing a Master's is a bit of a heavy moment for us and this book is a gentle archive, a memory of things that have been beautiful to us.
**the reader (sarcasm):**
do you have a tissue, im soooo touched.
the book:
malaka, just read me already!
**the book:**
malaka, just read me.

@ -15,23 +15,21 @@
{% for title in titles %}
{% if loop.index > 0 %}
<li class="toc-title"><a href="#section-{{ loop.index + 1 }}">{{ title }}</a></li>
{% if (loop.index == 1) or (loop.index == 9) %}
<br>
<br>
{% endif %}
{% endif %}
{% endfor %}
</ul>
</section>
<div id="contenteo">
<section class="section" id="start-matter"></section>
{{ content[0] }}
</section>
{% for section in content %}
{% if loop.index > 1 %}
<!-- <section class="header-page" id="{{ titles[loop.index] }}">
<h1>{{ titles[loop.index - 1] }}</h1>
</section> -->
<section id="section-{{ loop.index + 1 }}" class="section">
{{ section }}
</section>
{% endif %}
{% for section in content %}
{% if loop.index > 0 %}
<section id="section-{{ loop.index + 1 }}" class="section">
{{ section }}
</section>
{% endif %}
{% endfor %}
</div>
</div>

@ -15,111 +15,131 @@
<li class="toc-title"><a href="#section-2">Introduction</a></li>
<br>
<br>
<li class="toc-title"><a href="#section-3">&lt;?water bodies&gt;</a></li>
<li class="toc-title"><a href="#section-4">Backplaces</a></li>
<li class="toc-title"><a href="#section-5">Performing the Bureaucratic Border(line)s</a></li>
<li class="toc-title"><a href="#section-6">Talking Documents</a></li>
<li class="toc-title"><a href="#section-7">Fair Leads</a></li>
<li class="toc-title"><a href="#section-8">Wink!</a></li>
<li class="toc-title"><a href="#section-9"></a></li>
<li class="toc-title"><a href="#section-10">What do graphic designers do all day and why do they do it and what does “graphic design” even mean?!????!!1!?</a></li>
<br>
<br>
<li class="toc-title"><a href="#section-11">Special Issues</a></li>
<li class="toc-title"><a href="#section-12">Garden Leeszaal</a></li>
<li class="toc-title"><a href="#section-13">Console</a></li>
<li class="toc-title"><a href="#section-14">TTY</a></li>
<li class="toc-title"><a href="#section-15">Colophon</a></li>
</ul>
</section>
<div id="contenteo">
<section class="section" id="start-matter"></section>
<h1 id="introduction">Introduction</h1>
<section id="section-2" class="section">
<h1 id="introduction">Introduction</h1>
<h2 id="act-1.">Act 1.</h2>
<h3 id="scene-1.">Scene 1.</h3>
<p>Internal. A reader holds a book in their hands. The first page of the
book is opened, the reader holds it to their face and smells the paper,
touches it. The book touches them back.</p>
<p>the book (whispering in the readers ear): Being vulnerable means
being transparent, open and brave, trusting others to handle stories
with care. By publicly sharing and processing our narratives, we take
ownership of our experiences while contributing to a collective voice.
Even when we incorporate stories from others, our names remain attached
to this collective creation: Ada, Aglaia, Irmak, Stephen. We have
created interfaces highlighting the balance between communal sharing,
individual responsibility and awareness.</p>
<p>the reader: Interfaces?</p>
<p>the book: Interfaces are boundaries that connect and separate.
Theyre the spaces that fill the void between us. An interface can be an
act, a story, a keyboard, a cake; It allows us to be vulnerable
together, to share our stories with and through each other. I am a
collection of these interfaces.</p>
<p>the reader (confused): What do you mean a collection, like a
catalogue?</p>
<p>the book: Yeah I guess. I weave the words and the works we created
during…</p>
<p>the reader: we?</p>
<p>the book: …I mean the four of us, the students of Experimental
Publishing at the Piet Zwart Institute. From 2022 until today, June
2024, we published three special issues together. We wrote four theses
and made four graduation projects. We grew our hair out and cut it and
grew it again and dyed it. We cared and cried for each other, we brewed
muddy coffee and bootlegged books. (The book tears up) Finishing a
Masters is a bit of a heavy moment for us and this book is a gentle
archive, a memory of things that have been beautiful to us.</p>
<p>the reader (sarcastically): do you have a tissue, im soooo
<p><em>Internal. A reader holds a book in their hands. The first page of
the book is opened, the reader holds it to their face and smells the
paper, touches it. The book touches them back.</em></p>
<p><strong>the book (whispering in the readers ear):</strong> Being
vulnerable means being transparent, open and brave, trusting others to
handle stories with care. By publicly sharing and processing our
narratives, we take ownership of our experiences while contributing to a
collective voice. Even when we incorporate stories from others, our
names remain attached to this collective creation: Ada, Aglaia, Irmak,
Stephen. We have created interfaces highlighting the balance between
communal sharing, individual responsibility and awareness.</p>
<p><strong>the reader:</strong> Interfaces?</p>
<p><strong>the book:</strong> Interfaces are boundaries that connect and
separate. Theyre the spaces that fill the void between us. An interface
can be an act, a story, a keyboard, a cake; It allows us to be
vulnerable together, to share our stories with and through each other. I
am a collection of these interfaces.</p>
<p><strong>the reader (confused):</strong> What do you mean a
collection, like a catalogue?</p>
<p><strong>the book:</strong> Yeah I guess. I weave the words and the
works we created during…</p>
<p><strong>the reader:</strong> we?</p>
<p><strong>the book:</strong> …I mean the four of us, the students of
Experimental Publishing at the Piet Zwart Institute. From 2022 until
today, June 2024, we published three special issues together. We wrote
four theses and made four graduation projects. We grew our hair out and
cut it and grew it again and dyed it. We cared and cried for each other,
we brewed muddy coffee and bootlegged books.</p>
<p>(The book tears up).</p>
<p>Finishing a Masters is a bit of a heavy moment for us and this book
is a gentle archive, a memory of things that have been beautiful to
us.</p>
<p><strong>the reader (sarcasm):</strong> do you have a tissue, im soooo
touched.</p>
<p>the book: malaka, just read me already!</p>
<p><strong>the book:</strong> malaka, just read me.</p>
</section>
</section>
<!-- <section class="header-page" id="Backplaces">
<h1>&lt;?water bodies&gt;</h1>
</section> -->
<section id="section-3" class="section">
<h1 id="water-bodies">&lt;?water bodies&gt;</h1>
<section id="section-3" class="section">
<h1 id="water-bodies">&lt;?water bodies&gt;</h1>
<h3 id="a-narrative-exploration-of-divergent-digital-intimacies">A
narrative exploration of divergent digital intimacies</h3>
<p>Water, stories, the body, all the things we do, are mediums that hide
@ -799,15 +819,12 @@ doi:10.1177/1440783313486220.</p>
University of Nebraska Press.</p>
<h1 id="water-bodies-1">&lt;?/water bodies&gt;</h1>
</section>
</section>
<!-- <section class="header-page" id="Performing the Bureaucratic Border(line)s">
<h1>Backplaces</h1>
</section> -->
<section id="section-4" class="section">
<h1 id="backplaces">Backplaces</h1>
<section id="section-4" class="section">
<h1 id="backplaces">Backplaces</h1>
<p>adadesign.nl/backplaces<br />
Hi.<br />
I made this play for you. It is a question, for us to hold together.</p>
@ -880,15 +897,12 @@ intimacy and of bodies. The way it always is. Thankfully.<br />
<img src="../images/../images/biscuits.png"
alt="Accept My Cookies, biscuits and bows for the performance." /></p>
</section>
</section>
<!-- <section class="header-page" id="Talking Documents">
<h1>Performing the Bureaucratic Border(line)s</h1>
</section> -->
<section id="section-5" class="section">
<h1 id="performing-the-bureaucratic-borderlines">Performing the
<section id="section-5" class="section">
<h1 id="performing-the-bureaucratic-borderlines">Performing the
Bureaucratic Border(line)s</h1>
<h2 id="introduction">introduction</h2>
<p>This thesis is an assemblage<sup><span class="margin-note">I live
@ -1754,15 +1768,12 @@ Picozza, F. (2021). The coloniality of asylum : mobility, autonomy and
solidarity in the wake of Europes refugee crisis. London: Rowman &amp;
Littlefield Publishers.</p>
</section>
</section>
<!-- <section class="header-page" id="Fair Leads">
<h1>Talking Documents</h1>
</section> -->
<section id="section-6" class="section">
<h1 id="talking-documents">Talking Documents</h1>
<section id="section-6" class="section">
<h1 id="talking-documents">Talking Documents</h1>
<h3 id="section"></h3>
<figure>
<img src="../images/../images/../aglaia/wijnhaven.JPG"
@ -1855,15 +1866,12 @@ collectively voiced scenario. This audio piece is a constellation of
different recordings and soundscapes of these public moments, a vocal
archive, published in the graduation exhibition of XPUB in 2024.</p>
</section>
</section>
<!-- <section class="header-page" id="Wink!">
<h1>Fair Leads</h1>
</section> -->
<section id="section-7" class="section">
<h1 id="fair-leads">Fair Leads</h1>
<section id="section-7" class="section">
<h1 id="fair-leads">Fair Leads</h1>
<h3
id="fair-leads-or-fair-winds-is-a-saying-sailors-and-knotters-use-to-greet-each-other.-it-comes-from-the-working-end-of-a-string-that-will-soon-be-forming-a-knot.">Fair
leads or Fair winds is a saying sailors and knotters use to greet each
@ -2629,15 +2637,12 @@ Vega, N. (2022) Codes in Knots. Sensing Digital Memories, The Whole
Life. Available at: https://wholelife.hkw.de/
codes-in-knots-sensing-digital-memories/.</p>
</section>
</section>
<!-- <section class="header-page" id="⊞">
<h1>Wink!</h1>
</section> -->
<section id="section-8" class="section">
<h1 id="wink">Wink!</h1>
<section id="section-8" class="section">
<h1 id="wink">Wink!</h1>
<h3 id="a-prototype-for-interactive-childrens-literature">A Prototype
for Interactive Childrens Literature</h3>
<p>Wink is a prototype for an interactive picture book platform. This
@ -2695,15 +2700,12 @@ alt="“A small sequence of onclick animation for Bee Within”" /> <img
src="../irmak/fictionfriction.CR3"
alt="“Fiction Friction cards from SI20, working on storytelling of collective traumas”" /></p>
</section>
</section>
<!-- <section class="header-page" id="What do graphic designers do all day and why do they do it and what does “graphic design” even mean?!????!!1!?">
<h1></h1>
</section> -->
<section id="section-9" class="section">
<h1 id="section"></h1>
<section id="section-9" class="section">
<h1 id="section"></h1>
<h3 id="empty-title">empty title</h3>
<p>Stephen Kerr</p>
<p></p>
@ -3655,15 +3657,12 @@ Goblet, Sixteen Essays on Typography,</em> London: The Sylvan Press.</p>
Capitalism”, <em>Archiv für Sozialwissenschaften</em> 20, no. 1 (1904),
pp. 154; 21, no. 1 (1905), pp. 1110.</p>
</section>
</section>
<!-- <section class="header-page" id="Special Issues">
<h1>What do graphic designers do all day and why do they do it and what does “graphic design” even mean?!????!!1!?</h1>
</section> -->
<section id="section-10" class="section">
<h1
<section id="section-10" class="section">
<h1
id="what-do-graphic-designers-do-all-day-and-why-do-they-do-it-and-what-does-graphic-design-even-mean1">What
do graphic designers do all day and why do they do it and what does
“graphic design” even mean?!????!!1!?</h1>
@ -4169,15 +4168,12 @@ This research is carried out in three intersecting methods: experimental ethnogr
I made this to explore why designers make design, based on Clifford Geertz's ideas of why humans make culture: "to affirm it, defend it, celebrate it, justify it and just plain bask in it" (Geertz, 1973). This exploration will also involve less constructive actions like participating, dissociating, questioning, protesting, destroying and disregarding. There is a disconnect between the narratives about "graphic design" and the effects it is known to have on its audiences, practitioners, and society in more general terms. I am attempting to "loosen the object" of graphic design (Berlant, 2022), to make the definition less defined and maybe more useful or easier to engage with. This shit could be better. Its urgent for the people being exploited by it, to break the inequalities it serves to maintain, to expose what it hides, to improve things that are definitely working but not in a good way. Design can hide and reproduce inequalities in its output and also dominate workers in its practices. This research starts primarily from the bodies and actions of the practitioners so will primarily engage with the effects on and by these bodies.
-->
</section>
</section>
<!-- <section class="header-page" id="Garden Leeszaal">
<h1>Special Issues</h1>
</section> -->
<section id="section-11" class="section">
<h1 id="special-issues">Special Issues</h1>
<section id="section-11" class="section">
<h1 id="special-issues">Special Issues</h1>
<p>Special Issues are publications thrice released by first-year XPUB
Masters students. Each edition focuses on a specific theme or issue.
The themes tie to external events and collaborations. Students and staff
@ -4213,15 +4209,12 @@ ever-changing “Exquisite Corpse Network” chasing weekly publications.
Along the way, we created gestures, concrete vinyl poetry, phone
stories, and much more.</p>
</section>
</section>
<!-- <section class="header-page" id="Console">
<h1>Garden Leeszaal</h1>
</section> -->
<section id="section-12" class="section">
<h1 id="garden-leeszaal">Garden Leeszaal</h1>
<section id="section-12" class="section">
<h1 id="garden-leeszaal">Garden Leeszaal</h1>
<h3 id="special-issue-xix">Special Issue XIX</h3>
<p>Public libraries are more than just access points to knowledge. They
are social sites where readers cross over while reading together,
@ -4334,15 +4327,12 @@ alt="The binding of the scans into the final book at the end of the evening." />
book at the end of the evening.</figcaption>
</figure>
</section>
</section>
<!-- <section class="header-page" id="TTY">
<h1>Console</h1>
</section> -->
<section id="section-13" class="section">
<h1 id="console">Console</h1>
<section id="section-13" class="section">
<h1 id="console">Console</h1>
<h3 id="special-issue-xx">Special Issue XX</h3>
<p>Console is an oracle; an emotional first aid kit that helps you help
yourself. Console invites you to open the box and discover ways of
@ -4436,15 +4426,12 @@ launch at Page Not Found.</figcaption>
<figcaption aria-hidden="true">Modified tetris fantasies</figcaption>
</figure>
</section>
</section>
<!-- <section class="header-page" id="Colophon">
<h1>TTY</h1>
</section> -->
<section id="section-14" class="section">
<h1 id="tty">TTY</h1>
<section id="section-14" class="section">
<h1 id="tty">TTY</h1>
<h3 id="special-issue-21">Special Issue 21</h3>
<p>why shd it only make use of the tips of the fingers as contact points
of flowing multi directional creativity. If I invented a word placing
@ -4595,15 +4582,12 @@ three women sitting on the teletype machine thinking and
performing</figcaption>
</figure>
</section>
</section>
<!-- <section class="header-page" id="">
<h1>Colophon</h1>
</section> -->
<section id="section-15" class="section">
<h1 id="colophon">Colophon</h1>
<section id="section-15" class="section">
<h1 id="colophon">Colophon</h1>
<p>Vulnerable Interfaces is a catalogue of work producted within the
context of the Master of Arts in Fine art and Design: Experimental
Publishing (XPUB) at the Piet Zwart Insititute, Willem de Kooning
@ -4659,8 +4643,8 @@ create publics. Experimental Publishing is some experiences or feelings
of being in xpub for two years. More information available at
xpub.nl</p>
</section>
</section>
</div>
</div>

@ -1,5 +1,5 @@
/* @import url('https://pad.xpub.nl/p/sixx-print-css/export/txt'); */
@import "images.css"; /* Using a string */
import "images.css"; /* Using a string */
:root {
/* --spot-color-1: #53018e; */
@ -170,9 +170,27 @@ section {
background-color: var(--spot-color-1);
color: #ccc;
}
#section-2{
font-family: "Courier";
}
#section-2 p{
width: 55mm;
margin-left: 25mm;
}
#section-2 h1{display: none;}
#section-2 h2, #section-2 h3{
text-decoration: underline;
text-align: center;
}
#section-2 strong{
position: absolute;
margin-left: -25mm;
width: 25mm;
}
.toc {
margin-left: -10mm;
margin: 10mm 0 0 -10mm;
width: 100mm;
}
.toc h1{
@ -183,13 +201,13 @@ section {
list-style: none;
padding: 0;
margin: 0;
line-height: 8mm;
}
.toc ul:first-child{
.toc-title:first-of-type, .toc-title:nth-of-type(2), .toc-title:nth-of-type(10){
margin-left: 40mm;
}
.toc-title{
font-size: 18pt;
line-height: 9mm;
font-size: 19pt;
display: inline;
}
@ -201,6 +219,3 @@ margin-left: 40mm;
display: inline-block;
line-height: 0;
}
#page-168{
background:-moz-element(#keylogger) no-repeat;
}

@ -1,4 +1,3 @@
contents
introduction
leslie
ada

Loading…
Cancel
Save