aglaia 6 months ago
commit 14ca80c6ba

@ -3,35 +3,41 @@
<head>
<title></title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="../style.css">
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="icon" type="image/x-icon" href="/img/red.png">
</head>
<body>
<!-- Nav bar -->
<nav>
<a href="../index.html" class="title">vulnerable interfaces</a>
<div class="gummy-1">
<a href="ada/index.html"><img src="img/purple.png" class="img2"></a>
<div class="caption">ada</div>
</div>
<div class="gummy-2">
<a href="aglaia/index.html"><img src="img/green.png" class="img2"></a>
<div class="caption">aglaia</div>
</div>
<div class="gummy-3">
<a href="irmak/index.html"><img src="img/yellow.png" class="img2"></a>
<div class="caption">irmak</div>
</div>
<div class="gummy-4">
<a href="stephen/index.html"><img src="img/red.png" class="img2"></a>
<div class="caption">stephen</div>
<h1><a href="../index.html" class="title">vulnerable <br>interfaces</a></h1>
<div class="gummies">
<div class="gummy">
<a href="../ada/index.html"><img src="../img/purple.png" class="img2"></a>
<div class="caption">ada</div>
</div>
<div class="gummy">
<a href="../aglaia/index.html"><img src="../img/green.png" class="img2"></a>
<div class="caption">aglaia</div>
</div>
<div class="gummy">
<a href="../irmak/index.html"><img src="../img/yellow.png" class="img2"></a>
<div class="caption">irmak</div>
</div>
<div class="gummy">
<a href="../stephen/index.html"><img src="../img/red.png" class="img2"></a>
<div class="caption">stephen</div>
</div>
</div>
</nav>
<div id="content"><h1 id="backplaces">Backplaces</h1>
<p>adadesign.nl/backplaces<br />
Hi.<br />
<h2 id="ada-2024">ada, 2024</h2>
<p><a href="../backplaces">project website</a><br />
</p>
<p>Hi.<br />
I made this play for you. It is a question, for us to hold together.</p>
<p>Is all intimacy about bodies? What is it about our bodies that makes
intimacy? What happens when our bodies distance intimacy from us? This
@ -51,8 +57,13 @@ sit in the audience, know I am with you, holding your hand through each
scene. If the performance feels overwhelming at any point, you have my
full permission to step out, take a break, or leave. This is not
choreographed, and I care deeply for you.<br />
</p>
<figure>
<img src="index.png"
alt="This is the Index, the stage of my play. Each felted item is an act." /></p>
alt="This is the Index, the stage of my play. Each felted item is an act." />
<figcaption aria-hidden="true">This is the Index, the stage of my play.
Each felted item is an act.</figcaption>
</figure>
<p>Solar Sibling is an online performance of shared loss about leaving
and siblings. This project used comments people left on TikTok poetry. I
extracted the emotions from these comments, mixed them with my own, and
@ -60,18 +71,33 @@ crafted them into poems. It is an ongoing performance, ending only when
your feelings are secretly whispered to me. When you do, by typing into
the comment box, your feelings are sent to me and the first act closes
as the sun rises.<br />
</p>
<figure>
<img src="solar-1.png"
alt="The initial comment shaped poems and their sun count." /> <img
src="solar-2.png"
alt="The fillable comment where you can whisper your feelings to me." /></p>
alt="The initial comment shaped poems and their sun count." />
<figcaption aria-hidden="true">The initial comment shaped poems and
their sun count.</figcaption>
</figure>
<figure>
<img src="solar-2.png"
alt="The fillable comment where you can whisper your feelings to me." />
<figcaption aria-hidden="true">The fillable comment where you can
whisper your feelings to me.</figcaption>
</figure>
<p>Hermit Fantasy is a short story about a bot who wants to be a hermit.
Inspired by an email response from a survey I conducted about receiving
emotional support on the Internet, this story explores the contradiction
of being online while wanting to disconnect. As an act its a series of
letters, click by click.<br />
</p>
<p><img src="one.png" alt="The first letter." /> <img src="two.png"
alt="The second letter." /></p>
<figure>
<img src="one.png" alt="The first letter." />
<figcaption aria-hidden="true">The first letter.</figcaption>
</figure>
<figure>
<img src="two.png" alt="The second letter." />
<figcaption aria-hidden="true">The second letter.</figcaption>
</figure>
<p>Cake Intimacies is a performance that took a year to bring together.
It is a small selection of stories people told me and I held to memory
and rewrote here. The stories come from two performances I hosted.
@ -85,10 +111,18 @@ return. Now the stories are here, each of them a cake with a filling
that tells a story, merging the bodily with the digital and making a
mess of it all.<br />
</p>
<p><img src="pie.png"
alt="The first two stories and their memory illustrations." /> <img
src="phone-pie.png"
alt="The second stories in the way they were meant to be experienced." /></p>
<figure>
<img src="pie.png"
alt="The first two stories and their memory illustrations." />
<figcaption aria-hidden="true">The first two stories and their memory
illustrations.</figcaption>
</figure>
<figure>
<img src="phone-pie.png"
alt="The second stories in the way they were meant to be experienced." />
<figcaption aria-hidden="true">The second stories in the way they were
meant to be experienced.</figcaption>
</figure>
<p>The play ends as all plays do. The curtains close, the website stays
but the stories will never sound the same. For the final act, I give you
the stories. Its one last game, one last joke to ask my question again.
@ -99,8 +133,13 @@ yourself and with me, by eating sweets together. Sweets about digital
intimacies that never had a body. There is no moral, no bow to wrap the
story in. A great big mess of transcendence into the digital, of
intimacy and of bodies. The way it always is. Thankfully.<br />
<img src="biscuits.png"
alt="Accept My Cookies, biscuits and bows for the performance." /></p>
</p>
<figure>
<img src="biscuit.png"
alt="Accept My Cookies, biscuits for the performance." />
<figcaption aria-hidden="true">Accept My Cookies, biscuits and bows for
the performance.</figcaption>
</figure>
</div>
</body>
</html>

@ -6,7 +6,7 @@ author: Ada
# Backplaces
adadesign.nl/backplaces\
vulnerable-interfaces.xpub.nl/backplaces
Hi.\
@ -40,4 +40,4 @@ Now the stories are here, each of them a cake with a filling that tells a story,
The play ends as all plays do. The curtains close, the website stays but the stories will never sound the same. For the final act, I give you the stories. It's one last game, one last joke to ask my question again. Digital intimacies about the digital, our bodies and the cakes we eat. For the last act, I ask you to eat digital stories. To eat a comment, to eat a digital intimacy. Sharing an act of physical intimacy with yourself and with me, by eating sweets together. Sweets about digital intimacies that never had a body.
There is no moral, no bow to wrap the story in. A great big mess of transcendence into the digital, of intimacy and of bodies. The way it always is. Thankfully.\
![Accept My Cookies, biscuits and bows for the performance.](biscuit.png)
![Accept My Cookies, biscuits for the performance.](biscuit.png)

@ -3,29 +3,32 @@
<head>
<title></title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="../style.css">
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="icon" type="image/x-icon" href="/img/red.png">
</head>
<body>
<!-- Nav bar -->
<nav>
<a href="../index.html" class="title">vulnerable interfaces</a>
<div class="gummy-1">
<a href="ada/index.html"><img src="img/purple.png" class="img2"></a>
<div class="caption">ada</div>
</div>
<div class="gummy-2">
<a href="aglaia/index.html"><img src="img/green.png" class="img2"></a>
<div class="caption">aglaia</div>
</div>
<div class="gummy-3">
<a href="irmak/index.html"><img src="img/yellow.png" class="img2"></a>
<div class="caption">irmak</div>
</div>
<div class="gummy-4">
<a href="stephen/index.html"><img src="img/red.png" class="img2"></a>
<div class="caption">stephen</div>
<h1><a href="../index.html" class="title">vulnerable <br>interfaces</a></h1>
<div class="gummies">
<div class="gummy">
<a href="../ada/index.html"><img src="../img/purple.png" class="img2"></a>
<div class="caption">ada</div>
</div>
<div class="gummy">
<a href="../aglaia/index.html"><img src="../img/green.png" class="img2"></a>
<div class="caption">aglaia</div>
</div>
<div class="gummy">
<a href="../irmak/index.html"><img src="../img/yellow.png" class="img2"></a>
<div class="caption">irmak</div>
</div>
<div class="gummy">
<a href="../stephen/index.html"><img src="../img/red.png" class="img2"></a>
<div class="caption">stephen</div>
</div>
</div>
</nav>
@ -183,7 +186,7 @@ emphasizing their tangible bodily experiences. The communitys claim to
authenticity thus had to lie in the physical experiences of its members—
the visible bodies and hearable voices, the weddings, births, and
funerals (1993).<sup><span class="margin-note">Youre dreaming again,
good. Would you feel closer to me if you could hear my voice?<br> Is my
good. Would you feel closer to me if you could hear my voice? Is my
voice a sound? Could it be a feeling?</span></sup></p>
<p>Even then, and even by people with no interest in undermining the
value of the virtual, the distinction between physical and virtual was

@ -3,29 +3,32 @@
<head>
<title></title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="../style.css">
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="icon" type="image/x-icon" href="/img/red.png">
</head>
<body>
<!-- Nav bar -->
<nav>
<a href="../index.html" class="title">vulnerable interfaces</a>
<div class="gummy-1">
<a href="ada/index.html"><img src="img/purple.png" class="img2"></a>
<div class="caption">ada</div>
</div>
<div class="gummy-2">
<a href="aglaia/index.html"><img src="img/green.png" class="img2"></a>
<div class="caption">aglaia</div>
</div>
<div class="gummy-3">
<a href="irmak/index.html"><img src="img/yellow.png" class="img2"></a>
<div class="caption">irmak</div>
</div>
<div class="gummy-4">
<a href="stephen/index.html"><img src="img/red.png" class="img2"></a>
<div class="caption">stephen</div>
<h1><a href="../index.html" class="title">vulnerable <br>interfaces</a></h1>
<div class="gummies">
<div class="gummy">
<a href="../ada/index.html"><img src="../img/purple.png" class="img2"></a>
<div class="caption">ada</div>
</div>
<div class="gummy">
<a href="../aglaia/index.html"><img src="../img/green.png" class="img2"></a>
<div class="caption">aglaia</div>
</div>
<div class="gummy">
<a href="../irmak/index.html"><img src="../img/yellow.png" class="img2"></a>
<div class="caption">irmak</div>
</div>
<div class="gummy">
<a href="../stephen/index.html"><img src="../img/red.png" class="img2"></a>
<div class="caption">stephen</div>
</div>
</div>
</nav>

@ -3,34 +3,38 @@
<head>
<title></title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="../style.css">
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="icon" type="image/x-icon" href="/img/red.png">
</head>
<body>
<!-- Nav bar -->
<nav>
<a href="../index.html" class="title">vulnerable interfaces</a>
<div class="gummy-1">
<a href="ada/index.html"><img src="img/purple.png" class="img2"></a>
<div class="caption">ada</div>
</div>
<div class="gummy-2">
<a href="aglaia/index.html"><img src="img/green.png" class="img2"></a>
<div class="caption">aglaia</div>
</div>
<div class="gummy-3">
<a href="irmak/index.html"><img src="img/yellow.png" class="img2"></a>
<div class="caption">irmak</div>
</div>
<div class="gummy-4">
<a href="stephen/index.html"><img src="img/red.png" class="img2"></a>
<div class="caption">stephen</div>
<h1><a href="../index.html" class="title">vulnerable <br>interfaces</a></h1>
<div class="gummies">
<div class="gummy">
<a href="../ada/index.html"><img src="../img/purple.png" class="img2"></a>
<div class="caption">ada</div>
</div>
<div class="gummy">
<a href="../aglaia/index.html"><img src="../img/green.png" class="img2"></a>
<div class="caption">aglaia</div>
</div>
<div class="gummy">
<a href="../irmak/index.html"><img src="../img/yellow.png" class="img2"></a>
<div class="caption">irmak</div>
</div>
<div class="gummy">
<a href="../stephen/index.html"><img src="../img/red.png" class="img2"></a>
<div class="caption">stephen</div>
</div>
</div>
</nav>
<div id="content"><h1 id="performing-the-bureaucratic-borderlines">Performing the
Bureaucratic Border(line)s</h1>
<hr />
<h2 id="introduction">introduction</h2>
<p>This thesis is an assemblage<sup><span class="margin-note">I live
somewhere in the margins of scattered references, footnotes, citations,
@ -130,6 +134,7 @@ through performative readings. The intention is to underline how the
vocalization of bureaucracies as a tool can potentially reveal their
territorial exclusive function and provide space for the invisible
vulnerability.</p>
<hr />
<blockquote>
<p>“on the other side is the river<br />
and I cannot cross it<br />
@ -333,6 +338,7 @@ where everybody feels included. Democracy is a rule of law where
everybody feels * We, undocumented people, we dont feel a sense of
belonging from the system.”</p>
</blockquote>
<hr />
<h2 id="bureaucracy-as-immaterial-border">bureaucracy as immaterial
border</h2>
<p>Apart from the rigid visible borders, bureaucracy related to
@ -631,6 +637,7 @@ experiments - closely related to language as well as the performative
“nature” of these texts themselves. I was intrigued by how transforming
the material conditions of a piece of text could influence the potential
understandings and perceptions of its meaning.</p>
<hr />
<h2 id="prototypes">prototypes</h2>
<h4 id="section">1.</h4>
<p><strong>Title:</strong> “Quality Assurance Questionnaire
@ -638,25 +645,25 @@ Censoring”<br />
<strong>When:</strong> October 2023<br />
<strong>Where:</strong> XPUB studio wall<br />
<strong>Who:</strong> myself</p>
<p>Description: Some months ago my classmates and I received an email
with a questionnaire aimed at preparing us for the upcoming quality
assurance meeting within the school. Ada and I had a meeting, in an
empty white room with closed doors, with an external collaborator of the
university. The main request was to rate and answer the pre-formulated
questions covering issues about performance, different and multiple
topics related to the course, the teaching staff, the facilities, the
tools provided. The micro linguistic experiment of highlighting,
censoring and annotating this document aimed for an understanding of
what a quality assurance meeting is within an educational
institution.</p>
<p>Reflections-Thoughts: This experiment was my first attempt to start
interrogating and observing the language and the structure of a
bureaucratic document. How these “desired” standards propagated through
text. What is the role of the student-client in these processes as an
esoteric gaze of control over the course and their teachers? My focus
was to locate and accumulate all the wording related to measurements,
rate, quantity, assessments, statistics. Highlighting the
disproportionate amount of metrics-related vocabulary was enough to
<p><strong>Description:</strong> Some months ago my classmates and I
received an email with a questionnaire aimed at preparing us for the
upcoming quality assurance meeting within the school. Ada and I had a
meeting, in an empty white room with closed doors, with an external
collaborator of the university. The main request was to rate and answer
the pre-formulated questions covering issues about performance,
different and multiple topics related to the course, the teaching staff,
the facilities, the tools provided. The micro linguistic experiment of
highlighting, censoring and annotating this document aimed for an
understanding of what a quality assurance meeting is within an
educational institution.</p>
<p><strong>Reflections-Thoughts:</strong> This experiment was my first
attempt to start interrogating and observing the language and the
structure of a bureaucratic document. How these “desired” standards
propagated through text. What is the role of the student-client in these
processes as an esoteric gaze of control over the course and their
teachers? My focus was to locate and accumulate all the wording related
to measurements, rate, quantity, assessments, statistics. Highlighting
the disproportionate amount of metrics-related vocabulary was enough to
craft the narrative around this process.</p>
<p>These rituals are components of a larger “culture of evidence”,
serving as a tool that blurs the distinction between discourse and
@ -672,6 +679,7 @@ alt="The linguistic experiment of the Quality Assurance Questionnaire Document"
<figcaption aria-hidden="true">The linguistic experiment of the Quality
Assurance Questionnaire Document</figcaption>
</figure>
<hr />
<h4 id="section-1">2.</h4>
<p><strong>Title:</strong> “Department of Bureaucracy and Administration
Customs Enforcement”<br />
@ -679,38 +687,38 @@ Customs Enforcement”<br />
<strong>Where:</strong> Leeszaal<sup><span class="margin-note">Community
Library in Rotterdam West</span></sup><br />
<strong>Who:</strong> XPUB peers, tutors, friends, alumni</p>
<p>Description: During the first public moment at Leeszaal, I decided to
embody and enact the traditional role of a bureaucrat in a graphic and
possibly absurd way performing a small “theatrical play”. I prepared a
3-page and a 1-page document incorporating bureaucratic-form aesthetics
and requesting applicants fake data and their answers for questions
related to educational bureaucracy. People receiving an applicant number
at the entrance of Leeszaal, queuing to collect their documents from the
administration “office”, filling forms, waiting, receiving stamps,
giving fingerprints and signing, waiting again were the main components
of this act.</p>
<p>Reflections-Thoughts: Beyond the information gathered through my
bureaucratic-like questionnaires, the most crucial element of this
experiment was the understanding and highlighting of the hidden
performative elements that entrench these “rituals”. It was amazing
seeing the audience becoming instantly actors of the play enacting
willingly a administrative ritualistic scene. The provided context of
this “play” was a social library hosting a masters course public event
on graduation projects. I am wondering whether this asymphony between
the repetitive bureaucratic acts within the space of Leeszaal, where
such acts are not expected to be performed, evoked contradictory
feelings or thoughts. Over-identifying with a role was being
instrumentalized as an “interrogation” of ones own involvement in the
reproduction of social discourses, power, authority, hegemony.</p>
<p><strong>Description:</strong> During the first public moment at
Leeszaal, I decided to embody and enact the traditional role of a
bureaucrat in a graphic and possibly absurd way performing a small
“theatrical play”. I prepared a 3-page and a 1-page document
incorporating bureaucratic-form aesthetics and requesting applicants
fake data and their answers for questions related to educational
bureaucracy. People receiving an applicant number at the entrance of
Leeszaal, queuing to collect their documents from the administration
“office”, filling forms, waiting, receiving stamps, giving fingerprints
and signing, waiting again were the main components of this act.</p>
<p><strong>Reflections-Thoughts:</strong> Beyond the information
gathered through my bureaucratic-like questionnaires, the most crucial
element of this experiment was the understanding and highlighting of the
hidden performative elements that entrench these “rituals”. It was
amazing seeing the audience becoming instantly actors of the play
enacting willingly a administrative ritualistic scene. The provided
context of this “play” was a social library hosting a masters course
public event on graduation projects. I am wondering whether this
asymphony between the repetitive bureaucratic acts within the space of
Leeszaal, where such acts are not expected to be performed, evoked
contradictory feelings or thoughts. Over-identifying with a role was
being instrumentalized as an “interrogation” of ones own involvement in
the reproduction of social discourses, power, authority, hegemony.</p>
<figure>
<img src="../aglaia/queue.jpg"
alt="Leeszaal West Rotterdam - November 2023 People queuingI was thinking of queues as a spatial oppressive tool used often by (bureaucratic) authorities. The naturalized image of bodies-in-a-line waiting for “something” to happen at “some point” under the public gaze in an efficiently defined area. to receive their documents and sign" />
alt="Leeszaal West Rotterdam - November 2023 People queuing to receive their documents and sign. I was thinking of queues as a spatial oppressive tool used often by (bureaucratic) authorities. The naturalized image of bodies-in-a-line waiting for “something” to happen at “some point” under the public gaze in an efficiently defined area." />
<figcaption aria-hidden="true">Leeszaal West Rotterdam - November 2023
People queuing<sup><span class="margin-note">I was thinking of queues as
a spatial oppressive tool used often by (bureaucratic) authorities. The
naturalized image of bodies-in-a-line waiting for “something” to happen
at “some point” under the public gaze in an efficiently defined
area.</span></sup> to receive their documents and sign</figcaption>
People queuing to receive their documents and sign. I was thinking of
queues as a spatial oppressive tool used often by (bureaucratic)
authorities. The naturalized image of bodies-in-a-line waiting for
“something” to happen at “some point” under the public gaze in an
efficiently defined area.</figcaption>
</figure>
<figure>
<img src="../aglaia/mitsi.jpg"
@ -718,21 +726,22 @@ alt="One of the forms that the audience had to fill out during the Lesszaal even
<figcaption aria-hidden="true">One of the forms that the audience had to
fill out during the Lesszaal event</figcaption>
</figure>
<hr />
<h4 id="section-2">3.</h4>
<p><strong>Title:</strong> “Passport Reading Session”<br />
<strong>When:</strong> January 2024<br />
<strong>Where:</strong> XML XPUB studio<br />
<strong>Who:</strong> Ada, Aglaia, Stephen, Joseph</p>
<p>Description: This prototype is a collective passport reading session.
I asked my classmates to bring their passports or IDs and sitting in a
circular set up we attempted to “scan” our documents. Every contributor
took some time to browse, annotate verbally, interpret, understand,
analyze, vocalize their thoughts on these artifacts, approaching them
from various perspectives. The three passports and one ID card were all
coming from European countries.</p>
<p>Reflections-Thoughts: For the first time I observed this object so
closely. The documentation medium was a recording device, Adas mobile
phone. The recording was transcribed by vosk<sup><span
<p><strong>Description:</strong> This prototype is a collective passport
reading session. I asked my classmates to bring their passports or IDs
and sitting in a circular set up we attempted to “scan” our documents.
Every contributor took some time to browse, annotate verbally,
interpret, understand, analyze, vocalize their thoughts on these
artifacts, approaching them from various perspectives. The three
passports and one ID card were all coming from European countries.</p>
<p><strong>Reflections-Thoughts:</strong> For the first time I observed
this object so closely. The documentation medium was a recording device,
Adas mobile phone. The recording was transcribed by vosk<sup><span
class="margin-note">Vosk is an offline open-source speech recognition
toolkit.</span></sup> and myself and a small booklet of our passport
readings was created.</p>
@ -754,22 +763,27 @@ paths, how departure or arrival is smooth or cruel. Are there emotions
along the way? For some people these are documents “that embody power —
minimal or no waiting, peaceful departure, warm and confident arrival”
(Khosravi, 2021).</p>
<p><a href="../aglaia/passport1.png">Part of the A6 booklet of the
transcription of the passport readings session</a></p>
<p><a href="../aglaia/passport2.png"></a></p>
<figure>
<img src="../aglaia/passport1.png"
alt="Part of the A6 booklet of the transcription of the passport readings session" />
<figcaption aria-hidden="true">Part of the A6 booklet of the
transcription of the passport readings session</figcaption>
</figure>
<p><img src="../aglaia/passport2.png" /></p>
<hr />
<h4 id="section-3">4.</h4>
<p><strong>Title:</strong> “Postal Address Application Scenario”<br />
<strong>When:</strong> February 2024<br />
<strong>Where:</strong> Room in Wijnhaven Building, 4th floor<br />
<strong>Who:</strong> XPUB 1,2,3, tutors, Leslie</p>
<p>Description: This scenario is the first part of a series of small
episodes that construct a bureaucratic story unfolding the processes of
my communication with the government. The body of the text of the
“theatrical” script is sourced from the original documents as well as
recordings of the conversation I had with the municipality throughout
this process. I preserved the sequence of the given sentences and by
discarding the graphic design of the initial form, I structured and
repurposed the text into a scenario. The main actors were two
<p><strong>Description:</strong> This scenario is the first part of a
series of small episodes that construct a bureaucratic story unfolding
the processes of my communication with the government. The body of the
text of the “theatrical” script is sourced from the original documents
as well as recordings of the conversation I had with the municipality
throughout this process. I preserved the sequence of the given sentences
and by discarding the graphic design of the initial form, I structured
and repurposed the text into a scenario. The main actors were two
bureaucrats vocalizing the questions addressed in the form, in turns and
sometimes speaking simultaneously like a choir, three applicants
answering the questions similarly while a narrator mainly provided the
@ -784,24 +798,29 @@ standing still behind them while they were surrounded by the audience.
The main documentation media of the act were a camera on a tripod, a
recorder in the middle of the table and myself reconstructing the memory
of the re-enactement at that present - 6 days later.</p>
<p>Reflections-Thoughts: Vocalizing and embodying the bureaucratic
questions was quite useful in acknowledging the governments voice and
presence as something tangible rather than a floating, arbitrary entity.
It was interesting observing the bureaucrats performing their role with
confidence and entitlement, contrasting with the applicants who appeared
to be more stressed to respond convincingly and promptly. There is a
notable distinction between performativity and performance. Performing
consciously and theatrically amplifying real bureaucratic texts by
occupying roles and overidentifying with them can constitute a
diffractive moment, a tool itself. From bureaucratic text to
performative text scenarios to speech. The embedded (but rather
<p><strong>Reflections-Thoughts:</strong> Vocalizing and embodying the
bureaucratic questions was quite useful in acknowledging the
governments voice and presence as something tangible rather than a
floating, arbitrary entity. It was interesting observing the bureaucrats
performing their role with confidence and entitlement, contrasting with
the applicants who appeared to be more stressed to respond convincingly
and promptly. There is a notable distinction between performativity and
performance. Performing consciously and theatrically amplifying real
bureaucratic texts by occupying roles and overidentifying with them can
constitute a diffractive moment, a tool itself. From bureaucratic text
to performative text scenarios to speech. The embedded (but rather
unconscious) performativity of “real” bureaucratic rituals establishes
and empowers (bureaucratic) institutions through repetitive acts. These
theatrical moments attempt to highlight the shrouded performative
elements of these processes.</p>
<p><a href="../aglaia/postal.png">A6 booklet of the first chapter of the
<figure>
<img src="../aglaia/postal.png"
alt="A6 booklet of the first chapter of the “theatrical” scenario created out of the Postal Address Application documents and performed by XPUB peers" />
<figcaption aria-hidden="true">A6 booklet of the first chapter of the
“theatrical” scenario created out of the Postal Address Application
documents and performed by XPUB peers</a></p>
documents and performed by XPUB peers</figcaption>
</figure>
<hr />
<h2 id="conclusion">conclusion</h2>
<h3
id="next-chapters-of-the-case-with-reference-number-a.b.2024.4.03188">next
@ -842,8 +861,10 @@ future applicants, traumatized students, injured bearers, bureaucratic
border crossers, stressed expired document holders or just curious
people to share, vocalize, talk through, read out loud, amplify,
(un)name, unplace, dismantle the injurious words of these artifacts.</p>
<p><a href="../aglaia/objection1.png"></a> <a
href="../aglaia/objection2.png"></a></p>
<hr />
<p><img src="../aglaia/objection1.png" /> <img
src="../aglaia/objection2.png" /></p>
<hr />
<h4 id="we-didnt-cross-the-border-the-border-crossed-us20">“we didnt
cross the border, the border crossed us”(20)</h4>
<p>As I sit in the waiting area at the gate B7 in the airport preparing
@ -856,6 +877,7 @@ multifaceted borders and get crossed and entrenched by them, but on the
contrary we start interrogating and shouting at the contexts and the
frameworks that construct them and render them invisible, natural and
powerful.</p>
<hr />
<h2 id="references">references</h2>
<p>Agamben, G. (2000) Means without end: Notes on politics. Minneapolis,
MN: University of Minnesota Press.</p>

@ -7,6 +7,7 @@ author: Aglaia
# Performing the Bureaucratic Border(line)s
---
## introduction
This thesis is an assemblage<sup><span class="margin-note">I live somewhere in the margins of scattered references, footnotes, citations, examinations embracing the inconvenience of talking back to myself, to the reader and to all those people whose ideas gave soul to the text. I shelter in the borderlands of the pages my fragmented thoughts, flying words, introspections, voices. Enlightenment and inspiration given by the text “Dear Science” written by Katherine McKittrick.</span></sup> of thoughts, experiences, interpretations, intuitive explorations of what borders are, attempting to unleash a conversation concerning the entangled relation between material injurious borders and bureaucracy. I unravel empirically the thread of how borders as entities are manifested and (de)established. How does the lived experience of crossing multiple borders change and under what conditions?
@ -31,8 +32,11 @@ In the third and last chapter, I bridge the written text with the ongoing projec
---
<<<<<<< HEAD
## borders
=======
>>>>>>> 4d862d536e0c633a3cbd8cfd41517c7a6764385d
> “on the other side is the river
> and I cannot cross it
> on the other side is the sea
@ -94,6 +98,7 @@ According to Hannah Arendt, the right to have rights and claim somebody else
> “…<sup><span class="margin-note">This is a transcribed recording of my phone during a protest on migration at Dam Square in Amsterdam. I insert part of the speech of a Palestinian woman addressing the matter of undocumentedness. Date and time of the recording 18th of June 2023, 15:05.</span></sup> I am here for the rights of the children which haven't be in the taking part in the education since they have undocumented mothers and they are more than *<sup><span class="margin-note">“*” means undecipherable</span></sup> years. I am here to represent mothers who are looking for a place to have a sense of belonging or how long are you trying to continue humiliating them and the female gender. I am here to express my frustration with IND<sup><span class="margin-note">Immigratie- en Naturalisatiedienst - Dutch Immigration and Naturalisation Service</span></sup>. So frustrated. And I will not stop talking about democracy. Democracy is the rule of law where everybody feels included. Democracy is a rule of law where everybody feels * We, undocumented people, we don't feel a sense of belonging from the system."
---
## bureaucracy as immaterial border
Apart from the rigid visible borders, bureaucracy related to migrants, refugees and asylum seekers can also constitute an in-between less visible borderland. I used to perceive bureaucracy as an immaterial and intangible entity. However, now I can claim that this assumption is not true. Bureaucracy is material and spatial and can be seen as an apparatus, a machine, a circuitry, an institution, a territory, a borderland, a body, a zone a “dead zone of imagination” as Graeber claims. It can be inscribed on piles of papers, folders, drawers, booklets, passports, IDs, documents, screens, tapes, bodies, hospital corridors, offices, permissions to enter, stay, work, travel, exist, come and go, leave, visit family, bury a friend.
@ -171,6 +176,7 @@ How performing a collection of small bureaucratic stories can function as an ins
I started working and engaging more with different bureaucratic material that my peers and I encountered regularly or appeared in our (e)mail (in)boxes and are partly related to our identities as foreign students coming from different places. I chose to start touching and looking for various bureaucracies that surround me as a personal filter towards it. From identification documents and application forms to rental contracts, funding applications, visa applications, quality assurance questionnaires related to the university, assessment criteria, supermarket point gathering cards, receipts. A sequence of locked doors to be unlocked more or less easily via multiple bureaucratic keys. The methods and tools used to scrutinize the administrative artifacts are not rigid or distinct. It is mainly a “collection” of small bureaucratic experiments - closely related to language as well as the performative “nature” of these texts themselves. I was intrigued by how transforming the material conditions of a piece of text could influence the potential understandings and perceptions of its meaning.
---
## prototypes
#### 1.
@ -190,6 +196,7 @@ These 'rituals' are components of a larger “culture of evidence”, serving as
![The linguistic experiment of the Quality Assurance Questionnaire Document](../aglaia/quality.jpg)
---
#### 2.
**Title:** “Department of Bureaucracy and Administration Customs Enforcement”
@ -208,6 +215,7 @@ The provided context of this “play” was a social library hosting a masters c
![One of the forms that the audience had to fill out during the Lesszaal event](../aglaia/mitsi.jpg)
---
#### 3.
**Title:** “Passport Reading Session”
@ -233,6 +241,7 @@ We read the embedded signs, symbols, categories, texts, magical numbers in our p
![ ](../aglaia/passport2.png)
---
#### 4.
**Title:** “Postal Address Application Scenario”
@ -250,6 +259,7 @@ The first and the last moment of the performance was during a semi-public tryout
![A6 booklet of the first chapter of the “theatrical” scenario created out of the Postal Address Application documents and performed by XPUB peers](../aglaia/postal.png)
---
## conclusion
### next chapters of the case with reference number A.B.2024.4.03188
@ -261,17 +271,20 @@ My case has finished by this time. I withdrew my objection [7/03/2024] and I de-
My intention is to facilitate a series of collective performative readings of bureaucratic scenarios or other portable paperwork stories as a way of publishing and inspecting bureaucratic bordering infrastructures. The marginal voices of potential applicants are embodying and performing a role. “The speech does not only describe but brings things into existence” (Austin, 1975). I would like to stretch the limits of dramaturgical speech through vocalizing a document in public with others and turn an individual administrative case into a public one. How do the inscribed words in the documents are not descriptive but on the contrary “are instrumentalized in getting things done” (Butler, 1997). Words as active agents. I am inviting past and future applicants, traumatized students, injured bearers, bureaucratic border crossers, stressed expired document holders or just curious people to share, vocalize, talk through, read out loud, amplify, (un)name, unplace, dismantle the injurious words of these artifacts.
---
![ ](../aglaia/objection1.png)
---
![ ](../aglaia/objection2.png)
---
#### “we didnt cross the border, the border crossed us”(20)
As I sit in the waiting area at the gate B7 in the airport preparing to come back to the Netherlands, I am writing the last lines of this text. I am thinking of all these borders and gates that my body was able to pass through smoothly, carrying my magical object through which I embody power- at least within this context. However, I yearn for a reality where we stop looking at those bodies that cross the multifaceted borders and get crossed and entrenched by them, but on the contrary we start interrogating and shouting at the contexts and the frameworks that construct them and render them invisible, natural and powerful.
---
## references
Agamben, G. (2000) Means without end: Notes on politics. Minneapolis, MN: University of Minnesota Press.

@ -1,4 +0,0 @@
# backplaces
hi

Binary file not shown.

@ -1,75 +1,47 @@
@font-face {
font-family: 'Redaction-Regular';
src: url('../css/fonts/Redaction/webfonts/Redaction-Regular.woff2') format('opentype');
src: url('./Redaction//Redaction-Regular.woff2')format('opentype');
font-weight: normal;
font-style: normal;
font-style: normal;
}
@font-face {
font-family: 'Redaction_10-Regular';
src: url('../css/fonts/Redaction/webfonts/Redaction_10-Regular.woff2') format('opentype');
src: url('./Redaction//Redaction_10-Regular.woff2') format('opentype');
font-weight: normal;
font-style: normal;
font-style: normal;
}
@font-face {
font-family: 'Redaction_20-Regular';
src: url('../css/fonts/Redaction/webfonts/Redaction_20-Regular.woff2') format('opentype');
src: url('./Redaction//Redaction_20-Regular.woff2') format('opentype');
font-weight: normal;
font-style: normal;
font-style: normal;
}
@font-face {
font-family: 'Redaction_35-Regular';
src: url('../css/fonts/Redaction/webfonts/Redaction_35-Regular.woff2') format('opentype');
src: url('./Redaction//Redaction_35-Regular.woff2') format('opentype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Redaction_50-Regular';
src: url('../css/fonts/Redaction/webfonts/Redaction_50-Regular.woff2') format('opentype');
src: url('./Redaction//Redaction_50-Regular.woff2') format('opentype');
font-weight: normal;
font-style: normal;
font-style: normal;
}
@font-face {
font-family: 'Redaction_70-Regular';
src: url('../css/fonts/Redaction/webfonts/Redaction_70-Regular.woff2') format('opentype');
src: url('./Redaction/Redaction_70-Regular.woff2') format('opentype');
font-weight: normal;
font-style: normal;
font-style: normal;
}
@font-face {
font-family: 'Redaction_100-Regular';
src: url('../css/fonts/Redaction/webfonts/Redaction_100-Regular.woff2') format('opentype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Karrik-Regular';
src: url('../css/fonts/karrik_fonts-main/WOFF/Karrik-Regular.woff') format('opentype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'VG5000-Regular';
src: url('../css/fonts/vg5000-master/webfonts/VG5000-Regular_web.woff') format('opentype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'WorkSans-Thin';
src: url('css/fonts/worksans/WorkSans-Thin.woff') format('opentype');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'WorkSans-Medium';
src: url('../css/fonts/worksans/WorkSans-Medium.woff2') format('opentype');
src: url('./Redaction//Redaction_100-Regular.woff2') format('opentype');
font-weight: normal;
font-style: normal;
}

Binary file not shown.

@ -1,6 +1,11 @@
body {
background-color: rgb(53, 67, 196);
min-height: 100vH;
min-height: 100vh;
font-family: 'Redaction-Regular', serif;
padding: 0.2rem;
display: flex;
justify-content: center;
align-items: center;
}
.container {
@ -13,7 +18,6 @@ body {
font-family: 'Redaction_35-Regular', serif;
color: #FCF6F1ff;
font-size: 8rem;
flex: 0 0 auto;
text-align: left;
margin-bottom: 20px;
}
@ -39,33 +43,55 @@ body {
display: flex;
flex-wrap: wrap;
justify-content: center;
padding: 20px;
align-items: center;
margin: auto;
}
.photos, img {
height: 250px;
margin: 10px;
margin-top: 10px;
flex: auto;
.img-container {
flex: 0 0 250px;
display: flex;
flex-direction: column;
align-items: center;
padding-left: 6rem;
padding-right: 2rem;
margin-top: -20px;
text-decoration: none;
}
.img-container {
position: relative;
margin: 10px;
.img-container:nth-child(2) {
order: 3;
}
.img-container img {
display: block;
.img {
height: 250px;
width: auto;
}
.img-container .caption {
position: absolute;
left: 0;
width: 100%;
text-align: center;
.caption {
display: flex;
align-items: center;
justify-content: center;
padding-top: 1rem;
font-family: 'Redaction-Regular';
font-size: 1rem;
color: #FCF6F1ff;
font-size: 20px;
opacity: 0;
transition: opacity 0.3s ease;
}
.img-container:hover .caption {
opacity: 1;
}
.caption {
display: flex;
align-items: center;
justify-content: center;
padding-top: 1rem;
font-size: 2rem;
font-family: 'Redaction-Regular';
color: #FCF6F1ff;
opacity: 0;
transition: opacity 0.3s ease;
}
@ -75,12 +101,28 @@ body {
}
.img2 {
margin-top: 250px;
margin-top: 10px;
}
.caption {
display: flex;
align-items: center;
justify-content: center;
padding-top: 1rem;
font-size: 1.5rem;
font-family: 'Redaction-Regular';
color: #FCF6F1ff;
opacity: 0;
transition: opacity 0.3s ease;
}
.img-container:hover .caption {
opacity: 1;
}
.letterBox {
line-height: 150%;
font-size: 17px;
font-size: 1rem;
padding: 30px;
margin: 60px;
max-width: 99%;
@ -95,7 +137,7 @@ body {
flex-wrap: wrap;
justify-content: right;
position: absolute;
font-family: 'WorkSans-Medium';
}
.letterContents {
@ -105,7 +147,7 @@ body {
#closeButton img {
cursor: pointer;
height: 50px;
height: 40px;
width: auto;
margin: 0;
}
@ -126,6 +168,7 @@ body {
.container {
flex-direction: column;
align-items: center;
flex-wrap: nowrap
}
.title {
@ -138,28 +181,35 @@ body {
.title-full {
display: none;
}
.subtitle {
display: none;
}
.title-mobile {
display: block;
font-family: 'Redaction_35-Regular', serif;
color: #FCF6F1ff;
font-size: 5rem; /* Adjust font size */
font-size: 5rem;
position: relative;
left: -3rem;
margin-bottom: 10px;
margin-top: -40px;
margin-left: -20px;
line-height: 100%;
}
.subtitle {
.sub-mobile {
font-size: 1rem;
display: inline-block;
width: 50px;
right: 140px;
text-align: left;
position: absolute;
top: 50px;
line-height: 1.5rem;
}
.images img {
.img-container {
padding: 0;
}
.photos img {
margin: 20px;
margin-top: 20px;
height: 200px;
@ -176,7 +226,7 @@ body {
.letterBox {
line-height: 130%;
font-size: 11px;
font-size: 1rem;
padding: 30px;
margin: 30px;
max-width: 99%;
@ -191,7 +241,11 @@ body {
flex-wrap: wrap;
justify-content: right;
position: absolute;
font-family: 'WorkSans-Medium';
}
.letterBox p {
margin-top: 0 ;
}
.img-container .caption {

@ -13,7 +13,7 @@
</head>
<body>
<!-- nav -->
<a href="/index.html" target="_self">
<a href="../index.html" target="_self">
<img id="home" src="../photos/home-closed.png" alt="home">
</a>

@ -50,9 +50,13 @@ function openLetter() {
<p id="letterContents">
Hi. I made you this website.
<br><br>
Hermit Fantasy is a short story about a bot who wants to be a hermit. Inspired by an email response from a survey I conducted about receiving emotional support on the Internet, this story explores the contradiction of being online while wanting to disconnect. As an act it's a series of letters, click by click.
Hermit Fantasy is a short story about a bot and a hermit. Inspired by an email response from a survey I conducted about receiving emotional support on the Internet, this story explores the contradiction of being online while wanting to disconnect. As an act it's a series of letters, click by click.
<br><br>
ada
<br><br>
p.s.
<br>
If you see yourself, what you have told me or posted online reflected too closely for comfort do not hesitate to reach out to me at 0backplaces@gmail.com
</p>
`);
$('.letterBox').toggle();
@ -84,12 +88,18 @@ document.addEventListener('DOMContentLoaded', (event) => {
event.target.src = '../photos/home-closed.png';
});
});
//audio
document.addEventListener("DOMContentLoaded", function() {
const audioElement = document.getElementById('background-audio');
const muteButton = document.getElementById('mute-btn');
// Function to set the volume
const setVolume = () => {
audioElement.volume = 0.1; // Set volume to 10%
};
setVolume(); // Set initial volume
// Set initial mute state from localStorage
let isMuted = localStorage.getItem('mute') === 'true';
audioElement.muted = isMuted;
@ -98,6 +108,7 @@ document.addEventListener("DOMContentLoaded", function() {
// Start audio playback on user interaction
const startAudio = () => {
audioElement.play();
setVolume(); // Ensure volume is set after play
document.removeEventListener('click', startAudio);
};
@ -110,3 +121,4 @@ document.addEventListener("DOMContentLoaded", function() {
muteButton.textContent = isMuted ? "SOUND ON" : "MUTE";
});
});

@ -17,12 +17,12 @@ body {
position: absolute;
background-color: #f9b0c5;
color: #1E33FAff;
font-size: 20px;
font-size: 1.4rem;
border: 1px solid #1E33FAff;
border-radius: 5px;
width: 300px;
height: 560px;
padding: 20px;
width: 360px;
height: 660px;
padding: 30px;
transition: 0.25s;
cursor: pointer;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
@ -69,20 +69,24 @@ body {
}
.letterBox {
position: fixed;
font-size: 18px;
padding: 20px;
margin: auto;
margin-top: 150px;
margin: auto;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
overflow: hidden;
background-color: #adc4f0;
border: 1px solid #1E33FAff;
color: #1E33FAff;
border: 1px solid #1E33FA;
border-radius: 5px;
color: #1E33FA;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
display: flex;
flex-wrap: wrap;
justify-content: right;
max-width: 70%;
z-index: 1000;
z-index: 9999;
}
.letterContents {
@ -115,14 +119,15 @@ body {
font-size: 20px;
position: fixed;
padding: 25px;
right: 5px;
top: 5px;
right: 20px;
top: 20px;
text-align: center;
cursor: pointer;
border: none;
background: transparent;
z-index: 9999;
}
#mute-btn:hover {
color:#FCF6F1ff;
background-color:#1E33FAff;
@ -161,7 +166,7 @@ body {
@media only screen and (max-width: 767px) {
body {
font-size: 13px;
font-size: 14px;
}
#about {
@ -187,19 +192,19 @@ body {
position: absolute;
background-color: #f9b0c5;
color: #1E33FAff;
font-size: 20px;
font-size: 1rem;
border: 1px solid #1E33FAff;
border-radius: 5px;
width: 300px;
height: 560px;
width: 250px;
height: 420px;
padding: 20px;
transition: 0.25s;
cursor: pointer;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
z-index: 0;
margin-top: 10px;
margin-left: 30px;
margin-right: 30px;
/* margin-top: 10px; */
margin-left: 2rem;
margin-right: 2rem;
}
.letterBox {
@ -217,7 +222,7 @@ body {
flex-wrap: wrap;
justify-content: right;
max-width: 100%;
margin-top: 150px;
/* margin-top: 150px; */
z-index: 1000;
}

@ -20,25 +20,25 @@
<div class="title">
<span class="title-full">BackPlaces</span>
<span class="title-mobile">Back Places</span>
<span class="title-mobile">Back <span class="sub-mobile">a play by ada</span><br>Places</span>
</div>
<div class="subtitle">a play by ada</div>
<div class="photos">
<div class="img-container">
<a href="sunrise/sunrise.html"><img src="./photos/sunrise.webp" class="img1"></a>
<a href="sunrise/sunrise.html" class="img-container">
<img src="./photos/sunrise.webp" class="img" alt="Sunrise">
<div class="caption">act one</div>
</div>
<div class="img-container">
<a href="hermit/hermit.html"><img src="./photos/hand.webp" class="img2"></a>
</a>
<a href="hermit/hermit.html" class="img-container">
<img src="./photos/hand.webp" class="img" alt="Hand">
<div class="caption">act two</div>
</div>
<div class="img-container">
<a href="pie/pie.html"><img src="./photos/pie.webp" class="img3"></a>
</a>
<a href="pie/pie.html" class="img-container">
<img src="./photos/pie.webp" class="img" alt="Pie">
<div class="caption">act three</div>
</div>
</a>
</div>
<div id="about">
<div onclick="openLetter()"><img id="about" src="./photos/chicken.PNG" alt="about"></div>

@ -1,33 +1,37 @@
document.addEventListener('DOMContentLoaded', () => {
const title = document.querySelector('.title');
const fonts = [
'Redaction-Regular',
'Redaction_10-Regular',
'Redaction_20-Regular',
'Redaction_35-Regular',
'Redaction_50-Regular',
'Redaction_70-Regular',
'Redaction_100-Regular'
];
let currentFontIndex = 0;
// document.addEventListener('DOMContentLoaded', () => {
// const title = document.querySelector('.title');
// const fonts = [
// 'Redaction-Regular',
// 'Redaction_10-Regular',
// 'Redaction_20-Regular',
// 'Redaction_35-Regular',
// 'Redaction_50-Regular',
// 'Redaction_70-Regular',
// 'Redaction_100-Regular'
// ];
// let currentFontIndex = 0;
title.addEventListener('click', () => {
currentFontIndex = (currentFontIndex + 1) % fonts.length;
title.style.fontFamily = fonts[currentFontIndex];
});
});
// title.addEventListener('click', () => {
// currentFontIndex = (currentFontIndex + 1) % fonts.length;
// title.style.fontFamily = fonts[currentFontIndex];
// });
// });
function openLetter() {
$('#letterContents').html(`
<p>
Hi.
I made this play for you, posing a question for us to explore together.Is all intimacy about bodies? What makes intimacy? What happens when our bodies distance intimacy from us? This anthology of poems and short stories explores these questionshaving a body without intimacy and intimacy without a body. This project honors those who have shared their vulnerability and emotions online, creating "backplaces"tender online spaces for relief, ease, and transcendence from societal pain.
I made this play for you, posing a question for us to explore together.
<br>Is all intimacy about bodies? What makes intimacy? What happens when our bodies distance intimacy from us? This anthology of poems and short stories explores these questionshaving a body without intimacy and intimacy without a body. This project honors those who have shared their vulnerability and emotions online, creating "backplaces"tender online spaces for relief, ease, and transcendence from societal pain.
<br><br>
I created three backplaces for you: Solar Sibling, Hermit Fantasy, and Cake Intimacies. Each represents a unique performance or project. Some stories may evoke memories of pain. As you sit in the audience, know I am with you, holding your hand through each scene. If it feels overwhelming, you can step out, take a break, or leave. This isn't choreographed, and I care deeply for you.
<br><br>
I hope you see what I saw in these stories. Safe dreams now. I'll talk to you soon.
I hope you see what I saw in these stories. Safe dreams now, and I'll talk to you soon.
<br>
ada
<br><br>
p.s.<br>
If you see yourself, what you have told me or posted online reflected too closely for comfort do not hesitate to reach out to me at 0backplaces@gmail.com
</p>
`);
$('#letterBox').show();

@ -40,7 +40,7 @@
<div class="content-item">
<img src="../photos/volvo.png" alt="Image 1">
<p>
My mom makes these really soft and cakey that I love. Once, when I was a kid, I brought them to Sunday School to share. Nobody understood them. They said they were too strange and cakey. After school, I found one on the ground, crushed under a car, tyre marks etched into it. From then on, my family started calling them “Volvo&nbsp;cookies”.</p>
My mom makes these really soft and cakey cookies that I love. Once, when I was a kid, I brought them to Sunday School to share. Nobody understood them. They said they were too strange and cakey. After school, I found one on the ground, crushed under a car, tyre marks etched into it. From then on, my family started calling them “Volvo&nbsp;cookies”.</p>
</div>
<div class="content-item">
<img src="../photos/ipod.png" alt="Image 2">

@ -5,11 +5,16 @@ function openLetter() {
<br><br>
Cake Intimacies is a performance that took a year to bring together. It is a small selection of stories people told me and I held to memory and rewrote here. The stories come from two performances I hosted.
<br> <br>
First, I asked participants to eat cake, sitting facing or away from each other and sharing their stories about cake and the Internet. The second performance was hosted at the Art Meets Radical Openness Festival, as part of the Turning of the Internet workshop. For this performance, I predicted participants' future lives on the Internet using felted archetypes and received stories from their Internet past in return.
In the first, I asked participants to eat cake, sitting facing or away from each other and share stories about cake and the Internet.
In the second performance, hosted at the Art Meets Radical Openness Festival, I predicted participants' future lives on the Internet using felted archetypes and received stories from their Internet past in return.
<br> <br>
Now the stories are here, each of them a cake with a filling that tells a story, merging the bodily with the digital and making a mess of it all
<br><br>
ada`)
ada
<br><br>
p.s.
<br>
If you see yourself, what you have told me or posted online reflected too closely for comfort do not hesitate to reach out to me at 0backplaces@gmail.com`)
$('.letterBox').toggle()
}

@ -2,38 +2,54 @@
.body {
font-family: 'Redaction-Regular';
background-color: #FCF6F1ff;
font-size: 18px;
font-size: 1rem;
margin: 0;
padding: 0;
}
}
.content {
margin: 40px;
flex-wrap: wrap;
justify-content: center;
.content {
margin: 1rem auto;
max-width: 1000px;
position: relative;
}
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.content-item {width: 100%;display: flex;flex-direction: column;}
.content-item {
max-width: 80%;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.content-item > * {
width: 50%;
max-width: 50%;
}
.content-item:nth-child(odd) > * {align-self: flex-end;text-align: right;float: right;}
.content-item:nth-child(odd) > * {
align-self: flex-end;
text-align: right;
float: right;
}
.content-item:nth-child(even) > * {
align-self: flex-start;
position: static;
right: 0;
text-align: left;
align-self: flex-start;
position: static;
right: 0;
text-align: left;
}
.content-item img {
height: auto;
}
.content-item p {margin: 10px 0;font-family: 'Redaction-Regular';line-height: 24px;font-size: 18px;/* width: 200px; */}
.content-item p {
margin: 10px 0;
font-family: 'Redaction-Regular';
line-height: 1.6rem;
font-size: 1.1rem;
}
p::selection {
color: #ee98b1;
@ -41,8 +57,8 @@
#home {
position: relative;
top: 40px;
left: 40px;
top: 30px;
left: 30px;
width: 100px;
height: auto;
opacity: 1;
@ -65,7 +81,6 @@
justify-content: right;
z-index: 1000;
margin: auto;
/* margin-top: 150px; */
}
.letterContents {
@ -81,8 +96,8 @@
#about {
position: relative;
top: -30px;
left: 70px;
top: -36px;
left: 60px;
width: 80px;
height: auto;
opacity: 1;
@ -99,8 +114,8 @@
font-size: 20px;
position: fixed;
padding: 25px;
right: 5px;
top: 5px;
right: 20px;
top: 20px;
text-align: center;
cursor: pointer;
border: none;
@ -114,64 +129,77 @@
}
@media only screen and (max-width: 767px) {
body {
font-size: 18px;
}
body {
font-size: 1rem;
}
#about {
position: absolute;
top: 10px;
left: 40px;
width: 70px;
height: auto;
z-index: 1000;
opacity: 1;
}
#about {
position: absolute;
top: 10px;
left: 40px;
width: 70px;
height: auto;
z-index: 1000;
opacity: 1;
}
#home {
position: absolute;
top: 20px;
left: 20px;
width: 70px;
height: auto;
opacity: 1;
}
.content-item {
width: 100%;
line-height: 25px;
}
.content-item:first-of-type img {
margin-top: 100px;
}
.content-item:last-child {
margin-bottom: 200px;
}
.content-item:nth-child(odd) {
align-self: flex-end;
/* margin-left: 50px; */
text-align: right;
}
.content-item:nth-child(even) {
align-items: flex-start;
margin-right: 50px;
}
.letterBox {
font-size: 16px;
padding: 18px;
max-width: 70%;
border-radius: 10px;
overflow: hidden;
border: 1px solid black;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
display: flex;
flex-wrap: wrap;
justify-content: right;
z-index: 1000;
margin: auto;
margin-top: 110px;
}
}
#home {
position: absolute;
top: 20px;
left: 20px;
width: 70px;
height: auto;
opacity: 1;
}
.content-item {
font-size: 1rem;
width: 100%;
line-height: 25px;
}
.content-item > * {
width: 60%;
}
.content-item p {
margin: 10px 0;
font-family: 'Redaction-Regular';
line-height: 24px;
font-size: 1rem;
width: 200px;
.content-item:first-of-type img {
margin-top: 100px;
}
.content-item:last-child {
margin-bottom: 200px;
}
.content-item:nth-child(odd) {
align-self: flex-end;
text-align: right;
}
.content-item:nth-child(even) {
align-items: flex-start;
margin-right: 50px;
}
.letterBox {
font-size: 16px;
padding: 18px;
max-width: 70%;
border-radius: 10px;
overflow: hidden;
border: 1px solid black;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
display: flex;
flex-wrap: wrap;
justify-content: right;
z-index: 1000;
margin: auto;
margin-top: 110px;
}
}
}

@ -1 +1 @@
[{"name":"test","post":"test"},{"name":"ddwdede","post":"ada"},{"name":"test","post":"test"},{"name":"work?","post":"this"},{"name":"hello ada! thanks for this amazing website. welove you too","post":"fofi"},{"name":"hello ada! thanks for this amazing website. welove you too","post":"fofi"},{"name":"my brother is autistic","post":"mati"},{"name":"","post":""},{"name":"vv","post":"vv"},{"name":"vv","post":"vv"},{"name":"","post":""},{"name":"vv","post":"vv"},{"name":"","post":""},{"name":"","post":""},{"name":"c","post":"c"},{"name":"f","post":"f"},{"name":"f","post":"f"},{"name":"f","post":"f"},{"name":"","post":""},{"name":"","post":""},{"name":"siblings are real","post":"f"},{"name":"","post":""},{"name":"","post":""}]
[{"name":"test","post":"test"}]

@ -14,8 +14,8 @@ body {
color: #e26d3f;
position: fixed;
padding: 25px;
right: 5px;
top: 5px;
right: 20px;
top: 20px;
text-align: center;
cursor: pointer;
border: none;
@ -75,7 +75,8 @@ body {
}
.comment:last-child {
border-bottom: none;
border-bottom: none;
padding-bottom: 2.3rem;
}
.comment-image {

@ -19,7 +19,7 @@
<button id="mute-btn">MUTE</button>
<a href="/index.html" target="_blank">
<a href="../index.html" target="_blank">
<img id="home" src="../photos/home-closed.png" alt="home">
</a>

@ -34,7 +34,7 @@ getdata();
//write
async function writeData(post_number){
var url = 'write.php?post='+ post_number;
var url = './write.php?post='+ post_number;
let response = await fetch(url);
console.log(response);
console.log(response.text());
@ -62,7 +62,7 @@ async function writePost(){
var post = document.getElementById('username2').value;
var name = document.getElementById('user-message2').value;
console.log(post,name);
var url = 'writepost.php?post='+ post + '&name=' + name;
var url = './writepost.php?post='+ post + '&name=' + name;
let response = await fetch(url);
console.log(response);
console.log(response.text());
@ -72,9 +72,12 @@ function openLetter() {
$('#letterContents').html(` <p id = "letterContents">
Hi. I made you this website.
<br><br>
Its called Solar Sibilingand and it's an homage to the Tumblr practice of web weaving, where collages of media excerpts are curated around a common theme. This project reimagines that by transforming user comments from TikTok videos about sibling relationships into poems. These poems capture a collective sense of despair and comfort in shared experiences. "Solar Sibling" celebrates the vulnerabilities nurtured in online communities and invites anonymous contributions reflecting the complexities of sibling relationships.
Its called Solar Sibiling and it's a project that reimagines the Tumblr practice of web weaving pieces of media into collages. I did this by transforming user comments from TikTok videos about sibling relationships into poems. To do this I have taken the feeling behing the comment, found where it met my own and used our shared words. These poems capture a collective sense of despair and comfort in shared experiences. Solar Sibling is both a celebration of the vulnerabilities nurtured in online communities and an invitation to share anonymous contributions on the complexities of sibling relationships via comment form. Once you have whispered your sibiling feelings to me, they will stay with me and will never be used nor shared. It is just to make us both feel less singular.
<br><br>
ada`)
ada
<br><br>
p.s.<br>
If you see yourself, what you have told me or posted online reflected too closely for comfort do not hesitate to reach out to me at 0backplaces@gmail.com`)
$('.letterBox').toggle()
}

@ -33,8 +33,7 @@ Unless otherwise stated, all photography, illustrations and other types of visua
Writing in Etherpad. Version control in git. Design in Inkscape. Layout in paged.js. Printing in Adobe Acrobat.
### Licensing information
This publication is free to distrubite or modify under the terms of the SIXX license as published by XPUB, either version one of the SIXX License or any later version. See the SIXX License for more details.
A copy of the license can be found on vulnerable-interfaces.xpub.nl/license
This publication is free to distribute or modify under the terms of the SIXX license as published by XPUB, either version one of the SIXX License or any later version. See the SIXX License for more details. A copy of the license can be found on [vulnerable-interfaces.xpub.nl/license](vulnerable-interfaces.xpub.nl/license).
### Postal address
Master of Arts in Fine Art and Design: Experimental Publishing,

Binary file not shown.

Binary file not shown.

@ -41,13 +41,13 @@
</div>
<div class=" container">
<h2>xpub 2224</h2>
<h1>vulnerable interfaces</h1>
<h2>xpub <br>2224</h2>
<h1>vulnerable <br>interfaces</h1>
</div>
<div id="row2">
<div id="content"><h1 id="introduction">Introduction</h1>
<div id="script">
<h2 id="act-1.">Act 1.</h2>
<h3 id="scene-1.">Scene 1.</h3>
<p><em>Internal. A visitor holds a website in their hands. The first page of

@ -3,29 +3,32 @@
<head>
<title></title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="../style.css">
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="icon" type="image/x-icon" href="/img/red.png">
</head>
<body>
<!-- Nav bar -->
<nav>
<a href="../index.html" class="title">vulnerable interfaces</a>
<div class="gummy-1">
<a href="ada/index.html"><img src="img/purple.png" class="img2"></a>
<div class="caption">ada</div>
</div>
<div class="gummy-2">
<a href="aglaia/index.html"><img src="img/green.png" class="img2"></a>
<div class="caption">aglaia</div>
</div>
<div class="gummy-3">
<a href="irmak/index.html"><img src="img/yellow.png" class="img2"></a>
<div class="caption">irmak</div>
</div>
<div class="gummy-4">
<a href="stephen/index.html"><img src="img/red.png" class="img2"></a>
<div class="caption">stephen</div>
<h1><a href="../index.html" class="title">vulnerable <br>interfaces</a></h1>
<div class="gummies">
<div class="gummy">
<a href="../ada/index.html"><img src="../img/purple.png" class="img2"></a>
<div class="caption">ada</div>
</div>
<div class="gummy">
<a href="../aglaia/index.html"><img src="../img/green.png" class="img2"></a>
<div class="caption">aglaia</div>
</div>
<div class="gummy">
<a href="../irmak/index.html"><img src="../img/yellow.png" class="img2"></a>
<div class="caption">irmak</div>
</div>
<div class="gummy">
<a href="../stephen/index.html"><img src="../img/red.png" class="img2"></a>
<div class="caption">stephen</div>
</div>
</div>
</nav>

@ -3,29 +3,32 @@
<head>
<title></title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="../style.css">
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="icon" type="image/x-icon" href="/img/red.png">
</head>
<body>
<!-- Nav bar -->
<nav>
<a href="../index.html" class="title">vulnerable interfaces</a>
<div class="gummy-1">
<a href="ada/index.html"><img src="img/purple.png" class="img2"></a>
<div class="caption">ada</div>
</div>
<div class="gummy-2">
<a href="aglaia/index.html"><img src="img/green.png" class="img2"></a>
<div class="caption">aglaia</div>
</div>
<div class="gummy-3">
<a href="irmak/index.html"><img src="img/yellow.png" class="img2"></a>
<div class="caption">irmak</div>
</div>
<div class="gummy-4">
<a href="stephen/index.html"><img src="img/red.png" class="img2"></a>
<div class="caption">stephen</div>
<h1><a href="../index.html" class="title">vulnerable <br>interfaces</a></h1>
<div class="gummies">
<div class="gummy">
<a href="../ada/index.html"><img src="../img/purple.png" class="img2"></a>
<div class="caption">ada</div>
</div>
<div class="gummy">
<a href="../aglaia/index.html"><img src="../img/green.png" class="img2"></a>
<div class="caption">aglaia</div>
</div>
<div class="gummy">
<a href="../irmak/index.html"><img src="../img/yellow.png" class="img2"></a>
<div class="caption">irmak</div>
</div>
<div class="gummy">
<a href="../stephen/index.html"><img src="../img/red.png" class="img2"></a>
<div class="caption">stephen</div>
</div>
</div>
</nav>
@ -40,13 +43,26 @@ consumerism and low attention span is a rising issue especially amongst
young readers, this was an important task to tackle. The thought of Wink
emerged to find a more sustainable and creative way of reading for
elementary school children.</p>
<p><img src="../irmak/improv.JPG"
alt="A tag made by a participant in the public moment at XPUB studio. Trying to understand different approaches to certain emotions/states for a bee" />
<img src="../irmak/leeszaal knot poems.jpg"
alt="From the event at Leeszaal West, experimenting with knots and poetry. How can we see movement in text?" />
<img src="../irmak/knotpoems2.jpg"
alt="From the event at Leeszaal West. Some of the results of knotting text." />
</p>
<figure>
<img src="../irmak/improv.JPG"
alt="“a tag made by a participant in the public moment at XPUB studio. Trying to understand different approaches to certain emotions/states for a bee”" />
<figcaption aria-hidden="true">“a tag made by a participant in the
public moment at XPUB studio. Trying to understand different approaches
to certain emotions/states for a bee”</figcaption>
</figure>
<figure>
<img src="../irmak/leeszaalknotpoems.jpg"
alt="“From the event at Leeszaal West, experimenting with knots and poetry. How can we see movement in text?”" />
<figcaption aria-hidden="true">“From the event at Leeszaal West,
experimenting with knots and poetry. How can we see movement in
text?”</figcaption>
</figure>
<figure>
<img src="../irmak/knotpoems2.jpg"
alt="“From the event at Leeszaal West. Some of the results of knotting text”" />
<figcaption aria-hidden="true">“From the event at Leeszaal West. Some of
the results of knotting text”</figcaption>
</figure>
<p>Working as a childrens literature editor for years, I came to a
realisation that picture books were turning into another object that
kids read and consume on daily basis. At least this is what I observed
@ -57,11 +73,18 @@ for children as there is for adults; such as ebooks, audiobooks etc. But
moreover a “book” that can be redefined, reread or be interacted with.
So I revisited an old story I wrote, translated to English and named it,
“Bee Within”.</p>
<p><img src="../irmak/printp3.jpg"
alt="Example page from the print version of the picture book." />
<img src="../irmak/printp4.jpg"
alt="Example page from the print version of the picture book." />
</p>
<figure>
<img src="../irmak/print3.jpg"
alt="“Example page from the print version of the picture book.”" />
<figcaption aria-hidden="true">“Example page from the print version of
the picture book.”</figcaption>
</figure>
<figure>
<img src="../irmak/print4.jpg"
alt="“Example page from the print version of the picture book.”" />
<figcaption aria-hidden="true">“Example page from the print version of
the picture book.”</figcaption>
</figure>
<p>Bee Within, is a story about grief and it is based on my experiences
throughout the years. I erased it, rewrote it, edited it, destroyed it
multiple times over the past years, simultaneously with new experiences
@ -71,30 +94,51 @@ to the fear of forgetting which I now think is a great and sweet battle
between death and life. I think it is an important subject to touch
upon, especially for children dealing with trauma in many parts of the
world.</p>
<p><img src="../irmak/printp1.jpg"
alt="Example page from the print version of the picture book." />
<img src="../irmak/printp2.jpg"
alt="Example page from the print version of the picture book." />
</p>
<figure>
<img src="../irmak/print1p.jpg"
alt="“example page from the picture book”" />
<figcaption aria-hidden="true">“example page from the picture
book”</figcaption>
</figure>
<figure>
<img src="../irmak/printp2.jpg"
alt="“example page from the picture book”" />
<figcaption aria-hidden="true">“example page from the picture
book”</figcaption>
</figure>
<p>Over the past two years, experimenting with storytelling techniques,
interactivity options and workshops with children and adults, around
reading and doing various exercises on Bee Within, I improved the story
to be a more playful and interactive one which can be re-read, re-played
and eventually re-formed non digitally to be reachable for all children.
</p>
<p><img src="../irmak/twine.png"
alt="The twine map of text based story, reachable from Bee Within by clicking to hear more about Gray the tree." />
<img src="../irmak/clickgame.png"
alt="Click game story of the Queen Bee that is reachable within Maya's main storyline." />
</p>
<p>
Here is some documentation from the beggining of this journey towards
making accesible interactive narratives…</p>
<p><img src="../irmak/animationseq.png"
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>
and eventually re-formed non digitally to be reachable for all
children.</p>
<figure>
<img src="../irmak/twine.png"
alt="“The twine map of text based story, reachable from Bee Within by clicking to hear more about Gray the tree.”" />
<figcaption aria-hidden="true">“The twine map of text based story,
reachable from Bee Within by clicking to hear more about Gray the
tree.”</figcaption>
</figure>
<figure>
<img src="clickgame.png"
alt="“Click game story of the Queen Bee that is reachable within Mayas main storyline.”" />
<figcaption aria-hidden="true">“Click game story of the Queen Bee that
is reachable within Mayas main storyline.”</figcaption>
</figure>
<p>Here is some more documentation from the beggining of this journey
towards making accesible interactive narratives…</p>
<figure>
<img src="../irmak/animationseq.png"
alt="“A small sequence of onclick animation for Bee Within”" />
<figcaption aria-hidden="true">“A small sequence of onclick animation
for Bee Within”</figcaption>
</figure>
<figure>
<img src="../irmak/fictionfriction.CR3"
alt="“Fiction Friction cards from SI20, working on storytelling of collective traumas”" />
<figcaption aria-hidden="true">“Fiction Friction cards from SI20,
working on storytelling of collective traumas”</figcaption>
</figure>
</div>
</body>
</html>

@ -3,48 +3,54 @@
<head>
<title></title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="../style.css">
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="icon" type="image/x-icon" href="/img/red.png">
</head>
<body>
<!-- Nav bar -->
<nav>
<a href="../index.html" class="title">vulnerable interfaces</a>
<div class="gummy-1">
<a href="ada/index.html"><img src="img/purple.png" class="img2"></a>
<div class="caption">ada</div>
</div>
<div class="gummy-2">
<a href="aglaia/index.html"><img src="img/green.png" class="img2"></a>
<div class="caption">aglaia</div>
</div>
<div class="gummy-3">
<a href="irmak/index.html"><img src="img/yellow.png" class="img2"></a>
<div class="caption">irmak</div>
</div>
<div class="gummy-4">
<a href="stephen/index.html"><img src="img/red.png" class="img2"></a>
<div class="caption">stephen</div>
<h1><a href="../index.html" class="title">vulnerable <br>interfaces</a></h1>
<div class="gummies">
<div class="gummy">
<a href="../ada/index.html"><img src="../img/purple.png" class="img2"></a>
<div class="caption">ada</div>
</div>
<div class="gummy">
<a href="../aglaia/index.html"><img src="../img/green.png" class="img2"></a>
<div class="caption">aglaia</div>
</div>
<div class="gummy">
<a href="../irmak/index.html"><img src="../img/yellow.png" class="img2"></a>
<div class="caption">irmak</div>
</div>
<div class="gummy">
<a href="../stephen/index.html"><img src="../img/red.png" class="img2"></a>
<div class="caption">stephen</div>
</div>
</div>
</nav>
<div id="content"><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
<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
other. It comes from the working end of a string that will soon be
forming a knot.</h3>
<p>I would like to clarify and introduce some terms for you in order to
I would like to clarify and introduce some terms for you in order to
read this text in the desired way. For a while, we will stay in the
bight of this journey as we move into forming loops, theories and ideas
on how interactive picture books can be used to foster curiosity for
reading and creativity for children. I am building a web platform called
Wink that aims to contain a childrens story I wrote and am making into
an interactive experience, in relation to my research.</p>
an interactive experience, in relation to my research.
<figure>
<img src="../irmak/unnamed.png"
<img src="../irmak/unnamed.png"
alt="knot words from Leeszaal" />
<figcaption aria-hidden="true">knot words from Leeszaal</figcaption>
<figcaption aria-hidden="true">
knot words from Leeszaal
</figcaption>
</figure>
<p>Through this bight of the thesis, I feel the necessity to clarify my
intention of using knots as a “thinking and writing object” throughout
@ -59,7 +65,7 @@ strings to make things, why wouldnt a research paper make use of this
wonderful art as an inspiration for writing and interactive reading?</p>
<h2 id="knots-as-objects-to-think-with">KNOTS AS OBJECTS TO THINK
WITH</h2>
<p>There is a delicate complexity of thinking of and with knots, which
There is a delicate complexity of thinking of and with knots, which
ignites layers of simultaneous connections to ones specific experience;
where one person may associate the knots with struggles they face,
another may think of connecting or thriving times. In a workshop in
@ -68,22 +74,27 @@ when they think of knots. There were some words in common like strong,
chaotic, confusing and anxious. On the other hand, there were variations
of connection, binding, bridge and support. Keeping these answers in
mind or by coming up with your words on knots and embodying them in the
practice of reading would make a diff erence in how you understand the
same text.</p>
practice of reading would make a difference in how you understand the
same text.
<figure>
<img src="../irmak/knot1.jpeg"
<img src="../irmak/knot1.jpeg"
alt="knot words from Leeszaal" />
<figcaption aria-hidden="true">knot words from Leeszaal</figcaption>
<figcaption aria-hidden="true">
knot words from Leeszaal
</figcaption>
</figure>
<br>
<figure>
<img src="../irmak/knot2.jpeg"
<img src="../irmak/knot2.jpeg"
alt="knot words from Leeszaal" />
<figcaption aria-hidden="true">knot words from Leeszaal</figcaption>
<figcaption aria-hidden="true">
knot words from Leeszaal
</figcaption>
</figure>
<p>Seeing how these words, interpretations of a physical object were so
diff erent to each other was transcendental. In this thesis, I am
excited to share my understanding of knots with you. My three words for
knots are resistance, imagination and infinity. Keeping these in mind, I
different to each other was transcendental. In this thesis, I am excited
to share my understanding of knots with you. My three words for knots
are resistance, imagination and infinity. Keeping these in mind, I
experimented with certain reading modes as you will see later on.</p>
<p>Knots are known to be used 15 to 17 thousand years ago for multiple
purposes. These purposes were often opposing each other. For example, it
@ -119,11 +130,12 @@ past years, where you think with the object and imagine it vividly
during the process and address meanings to it as you read or write
along. This way its easier to compartmentalize or attribute certain
parts of a text to an imagined or real physical item which makes the
mind at ease with complex chains of thought. </p>
<p>Imagine you are reading a story… What if you think of the string itself
as the journey and the slip knot (which is a type of stopper knot) as a
representation of an antagonist because of its specific use in hunting,
would this change your approach to reading this story? I believe so…</p>
mind at ease with complex chains of thought.</p>
<p>Imagine you are reading a story… What if you think of the string
itself as the journey and the slip knot (which is a type of stopper
knot) as a representation of an antagonist because of its specific use
in hunting, would this change your approach to reading this story? I
believe so…</p>
<p>What if instead of a slip knot a Bowline was on the string, would
that represent something else in the story because of its usage in
practice. A Bowline is commonly used to form a fixed loop at the end of
@ -146,10 +158,9 @@ camelid string that would be knotted in a specific way to record, store
and transmit information ranging from accounting and census data to
communicate complex mathematical and narrative information (Medrano,
Urton, 2018). Another example is the Yakima Time Ball, which was used by
North-American Yakama people to show life events and family aff airs.
</p>
<p>
This is why I humbly decided to document my research process with a
North-American Yakama people to show life events and family aff
airs.</p>
<p>This is why I humbly decided to document my research process with a
Quipu of my own. I am trying to symbolize the twists, decisions and
practices throughout this year with knots of my choosing. I was inspired
by Nayeli Vegas question, “What can a knot become and what can become a
@ -160,13 +171,12 @@ option to have a mode of reading, where you will be guided by strings to
start reading from a certain section according to the type of reader you
are and read the loops one by one until the end, weaving through the
text. To determine the string or mode of reading, there are some simple
questions to answer.</p>
<p> The three modes of reading are combine, slide,
build . After you discover the starting point with the yes or no map in
the upcoming pages, you will continue the reading journey through the
strings of diff erent colors that will get you through the text. This
way, the linear text will become in a way, non-linear by your personal
experience.</p>
questions to answer.</p>
<p>The three modes of reading are combine, slide, build. After you
discover the starting point with the yes or no map in the upcoming
pages, you will continue the reading journey through the strings of diff
erent colors that will get you through the text. This way, the linear
text will become in a way, non-linear by your personal experience.</p>
<p>Bear in mind that you can choose to read this thesis from beginning
to end as a single string too if you wish so.</p>
<p>Combine mode of reading is for readers who are more interested in the
@ -188,20 +198,21 @@ ownexperiences/motivations. Hitches which are knots that are formed
around a solid object, such as a spar, post, or ring will be
representing the evidence or data I have collected on the subject. We
move on now with the working end and make some loops!</p>
<p>This map will reveal your mode of reading. The order of reading will
be indicated with a loop sign Please hold a string in your hand as you
read the text and make knots or loops as you weave through the reading
as an exercise for concrete thinking. See you at the standing end! and a
<h2 id="how-to-choose-your-string">HOW TO CHOOSE YOUR STRING</h2>
This map will reveal your mode of reading. The order of reading will be
indicated with a loop sign Please hold a string in your hand as you read
the text and make knots or loops as you weave through the reading as an
exercise for concrete thinking. See you at the standing end! and a
number on top of the sign with a color. This is the numeric order you
should follow to read the thesis, if you choose to read with a mode.
Every reader starts from 1 and continues until 12, with a consecutive numeric
order, according to their color/mode.</p>
Every reader starts from 1 and continues until 12, with a consecutive
numeric order, according to their color/mode.
<figure>
<img src="../irmak/map.png"
<img src="../irmak/map.png"
alt="knot words from Leeszaal" />
</figure>
can follow to read the thesis.</p>
<h2 id="working-end">Working End</h2>
<h2 id="working-end">Working End <sup><span class="margin-note"></h2>
<h3 id="loop-1">Loop 1</h3>
<h3 id="why-am-i-doing-this">Why am I doing this?</h3>
<p>My desire to write a childrens book about grief and memory ignited
when I was studying in college and doing an internship in a publishing
@ -651,7 +662,8 @@ it is winter. Trees didnt move at all and the bees were buzzing all
around. “The kid” usually sat near the tree, on the tree (as in the
other performers lap or hugged them).</p>
<p>Overall only 2 groups used the option to say a sentence which were,
“I want to go on an adventure” “I dont wanna leave Gray(the tree)”</p>
&gt; “I want to go on an adventure”<br />
&gt; “I dont wanna leave Gray(the tree)”</p>
<p>This was a good feedback for me because I realized they are very
perceptive of actions and facial expressions rather than words. The
workshop we did in the studio with XPUB 2 students was harder than the
@ -790,55 +802,35 @@ important in my personal history as a prototype was a breakthrough. I
feel like my interest and desire to discover new ways of writing,
reading and experiencing literature is ongoing and it was a beautiful
journey so far. I am looking forward to making more knots on this long
and mysterious string at hand.</p>
<div id= "bibliography">
<div id= "bibliography">
<h3>Bibliography:</h3>
Cope, B. and Kalantzis, M. (2009) “multiliteracies”:
New Literacies, new learning, Pedagogies: An International Journal,
4(3), pp. 164195. doi:10.1080/15544800903076044.
<br>
Dettore, E. (2002) “Childrens emotional GrowthAdults role as emotional archaeologists,”
Childhood education, 78(5), pp. 278281. doi:
10.1080/00094056.2002.10522741.
<br>
Ingold, T. (2015) The life of lines.London, England: Routledge.
<br>
Lawrence, R. L. and Paige, D. S. (2016) “What our ancestors knew: Teaching and learning through storytelling:
What our ancestors knew: Teaching and learning through storytelling,”
New directions for adult and continuing education, 2016(149), pp. 6372.
doi: 10.1002/ace.20177.
<br>
Papert, S. and Papert, S. A. (2020) Mindstorms
(revised): Children, computers, and powerful ideas. London, England:
Basic Books.
<br>
Ryan, M.-L. (2009) “From narrative games to playable
stories: Toward a poetics of interactive narrative,” StoryWorlds A
Journal of Narrative Studies, 1(1), pp. 4359. doi: 10.1353/stw.0.0003.
<br>
Smeets, D. and Bus, A. (2013) “Picture Storybooks Go Digital: Pros and
Cons,” in Quality Reading Instruction in the Age of Common Core
Standards. International Reading Association, pp. 176189.
<br>
Strohecker, C. (ed.) (1978) Why knot? MIT.
<br>
The Effect of Multimodality in Increasing Motivation and Collaboration among
4th CSE EFL Students (no date).
<br>
Turkle, S. (ed.) (2014) Evocative objects: Things we think with. MIT
Press.
<br>
Urton, M. M. &amp;. (2018) The khipu code: the knotty mystery of
the Inkas 3D records, aeon. Available at: https://
aeon.co/ideas/the-khipu-code-the-knotty-mystery-of-the-inkas-3d-records.
<br>
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>
</div>
and mysterious string at hand. </span></sup> ## Bibliography Cope, B.
and Kalantzis, M. (2009) “multiliteracies”: New Literacies, new
learning, Pedagogies: An International Journal, 4(3), pp. 164195.
doi:10.1080/15544800903076044. <br> Dettore, E. (2002) “Childrens
emotional GrowthAdults role as emotional archaeologists,” Childhood
education, 78(5), pp. 278281. doi: 10.1080/00094056.2002.10522741. <br>
Ingold, T. (2015) The life of lines.London, England: Routledge. <br>
Lawrence, R. L. and Paige, D. S. (2016) “What our ancestors knew:
Teaching and learning through storytelling: What our ancestors knew:
Teaching and learning through storytelling,” New directions for adult
and continuing education, 2016(149), pp. 6372. doi:
10.1002/ace.20177.<br />
<br> Papert, S. and Papert, S. A. (2020) Mindstorms (revised): Children,
computers, and powerful ideas. London, England: Basic Books. <br> Ryan,
M.-L. (2009) “From narrative games to playable stories: Toward a poetics
of interactive narrative,” StoryWorlds A Journal of Narrative Studies,
1(1), pp. 4359. doi: 10.1353/stw.0.0003. <br> Smeets, D. and Bus, A.
(2013) “Picture Storybooks Go Digital: Pros and Cons,” in Quality
Reading Instruction in the Age of Common Core Standards. International
Reading Association, pp. 176189. <br> Strohecker, C. (ed.) (1978) Why
knot? MIT. <br> The Effect of Multimodality in Increasing Motivation and
Collaboration among 4th CSE EFL Students (no date). <br> Turkle, S.
(ed.) (2014) Evocative objects: Things we think with. MIT Press. <br>
Urton, M. M. &amp;. (2018) The khipu code: the knotty mystery of the
Inkas 3D records, aeon. Available at: https://
aeon.co/ideas/the-khipu-code-the-knotty-mystery-of-the-inkas-3d-records.
<br> 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>
</div>
</body>
</html>

@ -8,122 +8,158 @@ author: Irmak
### 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.
I would like to clarify and introduce some terms for you in order to read this text in the desired
way. For a while, we will stay in the bight of this journey as we move into forming loops, theories
and ideas on how interactive picture books can be used to foster curiosity for reading and creativity
for children. I am building a web platform called Wink that aims to contain a childrens story I
wrote and am making into an interactive experience, in relation to my research.
Through this bight of the thesis, I feel the necessity to clarify my intention of using knots as a
“thinking and writing object” throughout my research journey. Although knots are physical objects
and technically crucial in many fields of labor and life, they are also objects of thought and
are open for wide minds appreciation. Throughout history, knots have been used to connect, stop,
secure, bind, protect, decorate, record data, punish, contain, fly and many other purposes. So if
the invention of flying -which required a wing that was supported using certain types of knotswas
initiated with the knowledge of how to use strings to make things, why wouldnt a research
paper make use of this wonderful art as an inspiration for writing and interactive reading?
I would like to clarify and introduce some terms for you in order to read this text in the desired way. For a while, we will stay in the bight of this journey as we move into forming loops, theories and ideas on how interactive picture books can be used to foster curiosity for reading and creativity for children. I am building a web platform called Wink that aims to contain a childrens story I wrote and am making into an interactive experience, in relation to my research.
<figure>
<img src="../irmak/unnamed.png"
alt="knot words from Leeszaal" />
<figcaption aria-hidden="true">knot words from Leeszaal</figcaption>
</figure>
Through this bight of the thesis, I feel the necessity to clarify my intention of using knots as a “thinking and writing object” throughout my research journey. Although knots are physical objects and technically crucial in many fields of labor and life, they are also objects of thought and are open for wide minds appreciation. Throughout history, knots have been used to connect, stop, secure, bind, protect, decorate, record data, punish, contain, fly and many other purposes. So if the invention of flying -which required a wing that was supported using certain types of knotswas
initiated with the knowledge of how to use strings to make things, why wouldnt a research paper make use of this wonderful art as an inspiration for writing and interactive reading?
## KNOTS AS OBJECTS TO THINK WITH
There is a delicate complexity of thinking of and with knots, which ignites layers of simultaneous
connections to ones specific experience; where one person may associate the knots with struggles
they face, another may think of connecting or thriving times. In a workshop in Rotterdam, I
asked participants to write three words that comes to mind when they think of knots. There were
some words in common like strong, chaotic, confusing and anxious. On the other hand, there
were variations of connection, binding, bridge and support. Keeping these answers in mind or by
coming up with your words on knots and embodying them in the practice of reading would make
a diff erence in how you understand the same text.
Seeing how these words, interpretations of a physical object were so diff erent to each other was
transcendental. In this thesis, I am excited to share my understanding of knots with you. My three
words for knots are resistance, imagination and infinity. Keeping these in mind, I experimented
There is a delicate complexity of thinking of and with knots, which ignites layers of simultaneous connections to ones specific experience; where one person may associate the knots with struggles they face, another may think of connecting or thriving times. In a workshop in Rotterdam, I asked participants to write three words that comes to mind when they think of knots. There were some words in common like strong, chaotic, confusing and anxious. On the other hand, there were variations of connection, binding, bridge and support. Keeping these answers in mind or by coming up with your words on knots and embodying them in the practice of reading would make
a difference in how you understand the same text.
<figure>
<img src="../irmak/knot1.jpeg"
alt="knot words from Leeszaal" />
<figcaption aria-hidden="true">knot words from Leeszaal</figcaption>
</figure>
<br>
<figure>
<img src="../irmak/knot2.jpeg"
alt="knot words from Leeszaal" />
<figcaption aria-hidden="true">knot words from Leeszaal</figcaption>
</figure>
Seeing how these words, interpretations of a physical object were so different to each other was transcendental. In this thesis, I am excited to share my understanding of knots with you. My three words for knots are resistance, imagination and infinity. Keeping these in mind, I experimented
with certain reading modes as you will see later on.
Knots are known to be used 15 to 17 thousand years ago for multiple purposes. These purposes
were often opposing each other. For example, it could be used to let something loose or to restrain
it; for pleasure or pain; for going high above or down below… I believe this diversity of uses can
also be seen in how people approach knots as an idea or a metaphor. One can think it represents
chaos where someone else might see it as a helpful mark. Essentially, this diversity is what got
me interested in knots years ago and since then, I have found ways to implement this “loop of
thought” in my daily life and research methods.
There are two main reasons to why I chose to write this essay in a “knotted” format. One is that I
would like to share my process and progress of research on this project and this involves “thinking
with an object”, in this case types of knots. In Evocative Objects, Sherry Turkle, who is a sociologist
and the founder of MIT initiative of technology and self, refers to the object in the exercise
of thinking as emotional and intellectual companions that anchor memory, sustain relationships
and provoke new ideas. I completely agree with this statement through personal experience. The
second reason is that I see this as an opportunity to experiment if I can use knots as an interactive
(which is not in knots nature since they are mainly practiced in solo) and playful element in
writing. This is also why I would like to take a moment to mention what happens to the interplay
of processes in which we call thought when we think with knots in specific.
For Turkle and Seymour Papert, who is a mathematician, computer scientist and educator that
did remarkable research on constructivism, being able to make a reading experience tangible, or
even physically representable makes the process of thought more concrete. Concrete thinking in
this sense is a way of thinking that I adapted to in the past years, where you think with the object
and imagine it vividly during the process and address meanings to it as you read or write along.
This way its easier to compartmentalize or attribute certain parts of a text to an imagined or real
physical item which makes the mind at ease with complex chains of thought.
Imagine you are reading a story… What if you think of the string itself as the journey and the
slip knot (which is a type of stopper knot) as a representation of an antagonist because of its specific use in hunting, would this change your approach to reading this story? I believe so…
What if instead of a slip knot a Bowline was on the string, would that represent something else in
the story because of its usage in practice. A Bowline is commonly used to form a fixed loop at the
end of a string; its strong but easy to tie, untie. Due to these qualities, we can imagine the bowline
to represent the conclusion in a story. What if we have a Square Knot, how would that change the
course of a narrative? Square knot is used to bundle objects and make the two ends of the same
string connect. From just this, we can use it to represent the connection between the beginning
and end of a story. My point is, there are limitless implementations on how to use knots in literature
because of their versatile purposes and the narrative vocabulary they create. Topologists are
still trying to identify seemingly infinite numbers of combinations which we simply call “knots”
and I see this as an inspiration to keep writing.
One example of the wondrous versatility and potential of knots is how they are used to archive
and encrypt information. Incan people from the Andes region recorded information on Quipus,
dating back to 700 CE. Quipus are textile devices consisting of several rows of cotton and/or
camelid string that would be knotted in a specific way to record, store and transmit information
ranging from accounting and census data to communicate complex mathematical and narrative
information (Medrano, Urton, 2018). Another example is the Yakima Time Ball, which was used
by North-American Yakama people to show life events and family aff airs.
This is why I humbly decided to document my research process with a Quipu of my own. I am
trying to symbolize the twists, decisions and practices throughout this year with knots of my
choosing. I was inspired by Nayeli Vegas question, “What can a knot become and what can become
a knot?”
Knots are known to be used 15 to 17 thousand years ago for multiple
purposes. These purposes were often opposing each other. For example, it
could be used to let something loose or to restrain it; for pleasure or
pain; for going high above or down below… I believe this diversity of
uses can also be seen in how people approach knots as an idea or a
metaphor. One can think it represents chaos where someone else might see
it as a helpful mark. Essentially, this diversity is what got me
interested in knots years ago and since then, I have found ways to
implement this “loop of thought” in my daily life and research
methods.
There are two main reasons to why I chose to write this essay in a
“knotted” format. One is that I would like to share my process and
progress of research on this project and this involves “thinking with an
object”, in this case types of knots. In Evocative Objects, Sherry
Turkle, who is a sociologist and the founder of MIT initiative of
technology and self, refers to the object in the exercise of thinking as
emotional and intellectual companions that anchor memory, sustain
relationships and provoke new ideas. I completely agree with this
statement through personal experience. The second reason is that I see
this as an opportunity to experiment if I can use knots as an
interactive (which is not in knots nature since they are mainly
practiced in solo) and playful element in writing. This is also why I
would like to take a moment to mention what happens to the interplay of
processes in which we call thought when we think with knots in
specific.
For Turkle and Seymour Papert, who is a mathematician, computer
scientist and educator that did remarkable research on constructivism,
being able to make a reading experience tangible, or even physically
representable makes the process of thought more concrete. Concrete
thinking in this sense is a way of thinking that I adapted to in the
past years, where you think with the object and imagine it vividly
during the process and address meanings to it as you read or write
along. This way its easier to compartmentalize or attribute certain
parts of a text to an imagined or real physical item which makes the
mind at ease with complex chains of thought.
Imagine you are reading a story… What if you think of the string itself
as the journey and the slip knot (which is a type of stopper knot) as a
representation of an antagonist because of its specific use in hunting,
would this change your approach to reading this story? I believe so…
What if instead of a slip knot a Bowline was on the string, would
that represent something else in the story because of its usage in
practice. A Bowline is commonly used to form a fixed loop at the end of
a string; its strong but easy to tie, untie. Due to these qualities, we
can imagine the bowline to represent the conclusion in a story. What if
we have a Square Knot, how would that change the course of a narrative?
Square knot is used to bundle objects and make the two ends of the same
string connect. From just this, we can use it to represent the
connection between the beginning and end of a story. My point is, there
are limitless implementations on how to use knots in literature because
of their versatile purposes and the narrative vocabulary they create.
Topologists are still trying to identify seemingly infinite numbers of
combinations which we simply call “knots” and I see this as an
inspiration to keep writing.
One example of the wondrous versatility and potential of knots is how
they are used to archive and encrypt information. Incan people from the
Andes region recorded information on Quipus, dating back to 700 CE.
Quipus are textile devices consisting of several rows of cotton and/or
camelid string that would be knotted in a specific way to record, store
and transmit information ranging from accounting and census data to
communicate complex mathematical and narrative information (Medrano,
Urton, 2018). Another example is the Yakima Time Ball, which was used by
North-American Yakama people to show life events and family aff airs.
This is why I humbly decided to document my research process with a
Quipu of my own. I am trying to symbolize the twists, decisions and
practices throughout this year with knots of my choosing. I was inspired
by Nayeli Vegas question, “What can a knot become and what can become a
knot?”
## WEAVING INTO THE TEXT
This thesis expects participation from its reader. You have the option to have a mode of reading,
where you will be guided by strings to start reading from a certain section according to the type of
reader you are and read the loops one by one until the end, weaving through the text. To determine
the string or mode of reading, there are some simple questions to answer.
The three modes of reading are combine, slide, build . After you discover the starting point
with the yes or no map in the upcoming pages, you will continue the reading journey through the
strings of diff erent colors that will get you through the text. This way, the linear text will become
in a way, non-linear by your personal experience.
Bear in mind that you can choose to read this thesis from beginning to end as a single string too if
you wish so.
Combine mode of reading is for readers who are more interested in the journey and the connections
between process and result. Slide mode of reading is for more laid back readers who
arent looking to connect ideas but are more focused on the motivation and purpose of the
project. Build readers are detail oriented and academic readers who would prefer a “traditional”
lead to reading.
Alongside the different strings to follow the text, there will be little drawings in the margins as seen above, which will have diff erent representations like in a Quipu. Certain knots represent the experiences that raise interesting opportunities for research and distinct events I went through while making the project and underneath the drawing you can find the relation to the knot itself explained.
For example if I couldnt manage to do something I planned to do, this will be represented with a
broken knot. Bend knots which are used to connect two strings, will be representing the relation between theories and my ownexperiences/motivations. Hitches which are knots that are formed around a
solid object, such as a spar, post, or ring will be representing the evidence or data I have collected on the subject. We move on now with the working end and make some loops!
## HOW TO CHOOSE YOUR STRING
This map will reveal your mode of reading. The order of reading will be indicated with a loop sign
Please hold a string in your hand as you read the text and make knots or loops as you weave through the
reading as an exercise for concrete thinking. See you at the standing end!
and a number on top of the sign with a color. This is the numeric order you can follow to read the thesis.
This thesis expects participation from its reader. You have the
option to have a mode of reading, where you will be guided by strings to
start reading from a certain section according to the type of reader you
are and read the loops one by one until the end, weaving through the
text. To determine the string or mode of reading, there are some simple
questions to answer.
The three modes of reading are combine, slide, build. After you discover the starting point with the yes or no map in
the upcoming pages, you will continue the reading journey through the
strings of diff erent colors that will get you through the text. This
way, the linear text will become in a way, non-linear by your personal
experience.
Bear in mind that you can choose to read this thesis from beginning to end as a single string too if you wish so.
Combine mode of reading is for readers who are more interested in the
journey and the connections between process and result. Slide mode of
reading is for more laid back readers who arent looking to connect
ideas but are more focused on the motivation and purpose of the project.
Build readers are detail oriented and academic readers who would prefer
a “traditional” lead to reading.
Alongside the different strings to follow the text, there will be
little drawings in the margins as seen above, which will have diff erent
representations like in a Quipu. Certain knots represent the experiences
that raise interesting opportunities for research and distinct events I
went through while making the project and underneath the drawing you can
find the relation to the knot itself explained. For example if I
couldnt manage to do something I planned to do, this will be
represented with a broken knot. Bend knots which are used to connect two
strings, will be representing the relation between theories and my
ownexperiences/motivations. Hitches which are knots that are formed
around a solid object, such as a spar, post, or ring will be
representing the evidence or data I have collected on the subject. We
move on now with the working end and make some loops!
## Working End
## HOW TO CHOOSE YOUR STRING
This map will reveal your mode of reading. The order of reading will
be indicated with a loop sign Please hold a string in your hand as you
read the text and make knots or loops as you weave through the reading
as an exercise for concrete thinking. See you at the standing end! and a
number on top of the sign with a color. This is the numeric order you
should follow to read the thesis, if you choose to read with a mode.
Every reader starts from 1 and continues until 12, with a consecutive numeric order, according to their color/mode.
<figure>
<img src="../irmak/map.png"
alt="knot words from Leeszaal" />
</figure>
## Working End <sup><span class="margin-note">
### Loop 1
### Why am I doing this?
@ -623,7 +659,7 @@ Taking a step to make Wink and using the story I wrote and feel is important in
as a prototype was a breakthrough. I feel like my interest and desire to discover new ways of
writing, reading and experiencing literature is ongoing and it was a beautiful journey so far. I am
looking forward to making more knots on this long and mysterious string at hand.
</span></sup>
## Bibliography
Cope, B. and Kalantzis, M. (2009) “multiliteracies”:
New Literacies, new learning, Pedagogies: An International Journal,

File diff suppressed because it is too large Load Diff

@ -11,13 +11,15 @@
@font-face {
font-family: 'Platypi';
src: url('../fonts/webfonts/Platypi-Regular.woff2');
src: url('../fonts/Platypi[wght].woff2');
font-weight: 300 800;
font-style: normal;
}
@font-face {
font-family: 'Platypi';
src: url('../fonts/webfonts/Platypi-Italic.woff2');
src: url('../fonts/Platypi-Italic[wght].woff2');
font-weight: 300 800;
font-style: italic;
}
notes{
@ -105,7 +107,8 @@ body .margin-note{
white-space: pre-wrap;
}
body{
font-family: 'Platypi-Regular','platypi' ;
font-family: 'Platypi',serif ;
font-synthesis: none;
line-height: 1.3;
font-size: 9pt;
letter-spacing: -0.1px;

Binary file not shown.

After

Width:  |  Height:  |  Size: 22 KiB

@ -3,29 +3,32 @@
<head>
<title></title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="../style.css">
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="icon" type="image/x-icon" href="/img/red.png">
</head>
<body>
<!-- Nav bar -->
<nav>
<a href="../index.html" class="title">vulnerable interfaces</a>
<div class="gummy-1">
<a href="ada/index.html"><img src="img/purple.png" class="img2"></a>
<div class="caption">ada</div>
</div>
<div class="gummy-2">
<a href="aglaia/index.html"><img src="img/green.png" class="img2"></a>
<div class="caption">aglaia</div>
</div>
<div class="gummy-3">
<a href="irmak/index.html"><img src="img/yellow.png" class="img2"></a>
<div class="caption">irmak</div>
</div>
<div class="gummy-4">
<a href="stephen/index.html"><img src="img/red.png" class="img2"></a>
<div class="caption">stephen</div>
<h1><a href="../index.html" class="title">vulnerable <br>interfaces</a></h1>
<div class="gummies">
<div class="gummy">
<a href="../ada/index.html"><img src="../img/purple.png" class="img2"></a>
<div class="caption">ada</div>
</div>
<div class="gummy">
<a href="../aglaia/index.html"><img src="../img/green.png" class="img2"></a>
<div class="caption">aglaia</div>
</div>
<div class="gummy">
<a href="../irmak/index.html"><img src="../img/yellow.png" class="img2"></a>
<div class="caption">irmak</div>
</div>
<div class="gummy">
<a href="../stephen/index.html"><img src="../img/red.png" class="img2"></a>
<div class="caption">stephen</div>
</div>
</div>
</nav>

@ -3,29 +3,32 @@
<head>
<title></title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="../style.css">
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="icon" type="image/x-icon" href="/img/red.png">
</head>
<body>
<!-- Nav bar -->
<nav>
<a href="../index.html" class="title">vulnerable interfaces</a>
<div class="gummy-1">
<a href="ada/index.html"><img src="img/purple.png" class="img2"></a>
<div class="caption">ada</div>
</div>
<div class="gummy-2">
<a href="aglaia/index.html"><img src="img/green.png" class="img2"></a>
<div class="caption">aglaia</div>
</div>
<div class="gummy-3">
<a href="irmak/index.html"><img src="img/yellow.png" class="img2"></a>
<div class="caption">irmak</div>
</div>
<div class="gummy-4">
<a href="stephen/index.html"><img src="img/red.png" class="img2"></a>
<div class="caption">stephen</div>
<h1><a href="../index.html" class="title">vulnerable <br>interfaces</a></h1>
<div class="gummies">
<div class="gummy">
<a href="../ada/index.html"><img src="../img/purple.png" class="img2"></a>
<div class="caption">ada</div>
</div>
<div class="gummy">
<a href="../aglaia/index.html"><img src="../img/green.png" class="img2"></a>
<div class="caption">aglaia</div>
</div>
<div class="gummy">
<a href="../irmak/index.html"><img src="../img/yellow.png" class="img2"></a>
<div class="caption">irmak</div>
</div>
<div class="gummy">
<a href="../stephen/index.html"><img src="../img/red.png" class="img2"></a>
<div class="caption">stephen</div>
</div>
</div>
</nav>

@ -3,29 +3,32 @@
<head>
<title></title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="../style.css">
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="icon" type="image/x-icon" href="/img/red.png">
</head>
<body>
<!-- Nav bar -->
<nav>
<a href="../index.html" class="title">vulnerable interfaces</a>
<div class="gummy-1">
<a href="ada/index.html"><img src="img/purple.png" class="img2"></a>
<div class="caption">ada</div>
</div>
<div class="gummy-2">
<a href="aglaia/index.html"><img src="img/green.png" class="img2"></a>
<div class="caption">aglaia</div>
</div>
<div class="gummy-3">
<a href="irmak/index.html"><img src="img/yellow.png" class="img2"></a>
<div class="caption">irmak</div>
</div>
<div class="gummy-4">
<a href="stephen/index.html"><img src="img/red.png" class="img2"></a>
<div class="caption">stephen</div>
<h1><a href="../index.html" class="title">vulnerable <br>interfaces</a></h1>
<div class="gummies">
<div class="gummy">
<a href="../ada/index.html"><img src="../img/purple.png" class="img2"></a>
<div class="caption">ada</div>
</div>
<div class="gummy">
<a href="../aglaia/index.html"><img src="../img/green.png" class="img2"></a>
<div class="caption">aglaia</div>
</div>
<div class="gummy">
<a href="../irmak/index.html"><img src="../img/yellow.png" class="img2"></a>
<div class="caption">irmak</div>
</div>
<div class="gummy">
<a href="../stephen/index.html"><img src="../img/red.png" class="img2"></a>
<div class="caption">stephen</div>
</div>
</div>
</nav>

@ -3,29 +3,32 @@
<head>
<title></title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="../style.css">
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="icon" type="image/x-icon" href="/img/red.png">
</head>
<body>
<!-- Nav bar -->
<nav>
<a href="../index.html" class="title">vulnerable interfaces</a>
<div class="gummy-1">
<a href="ada/index.html"><img src="img/purple.png" class="img2"></a>
<div class="caption">ada</div>
</div>
<div class="gummy-2">
<a href="aglaia/index.html"><img src="img/green.png" class="img2"></a>
<div class="caption">aglaia</div>
</div>
<div class="gummy-3">
<a href="irmak/index.html"><img src="img/yellow.png" class="img2"></a>
<div class="caption">irmak</div>
</div>
<div class="gummy-4">
<a href="stephen/index.html"><img src="img/red.png" class="img2"></a>
<div class="caption">stephen</div>
<h1><a href="../index.html" class="title">vulnerable <br>interfaces</a></h1>
<div class="gummies">
<div class="gummy">
<a href="../ada/index.html"><img src="../img/purple.png" class="img2"></a>
<div class="caption">ada</div>
</div>
<div class="gummy">
<a href="../aglaia/index.html"><img src="../img/green.png" class="img2"></a>
<div class="caption">aglaia</div>
</div>
<div class="gummy">
<a href="../irmak/index.html"><img src="../img/yellow.png" class="img2"></a>
<div class="caption">irmak</div>
</div>
<div class="gummy">
<a href="../stephen/index.html"><img src="../img/red.png" class="img2"></a>
<div class="caption">stephen</div>
</div>
</div>
</nav>

File diff suppressed because it is too large Load Diff

@ -1,36 +1,67 @@
---
title: What do graphic designers do all day and why do they do it and what does "graphic design" even mean?!????!!1!?
title: do you ever dream about work?
author: Stephen
---
# What do graphic designers do all day and why do they do it and what does "graphic design" even mean?!????!!1!?
# do you ever dream <nobr>about work?</nobr>
![Custom keyboard mapping for efficient design practice.](../stephen/its-ok.jpg)
## stephen kerr, 2024
I cut my thumb so every time I type i can feel it in my nerve endings. Not true, it's my left thumb so I don't type with it. Not true, I feel it anyway. Why are most of the function keys on the left of the keyboard. What's so functional about pressing buttons. Stephen Kerr is a designer and musician based in. Have you ever loved an instrument? The Ctrl key broke like four times since I moved here. I have one more replacement because I bought a bunch of them but at some point I gave up and use an external keyboard. I dunno I'm more confused than ever. It was something to do with dreams and working. It's the middle of the night I'm writing this on my phone. If I had a dream this is when I would be writing it. The memory is fuzzy: either I don't remember or it didn't make sense in the first place. It was something to do with fuzziness and memory no wait. Phones don't have keyboards in real life this doesn't make sense. I'm trying to type but I don't think I can get it on the way to the office for the weekend and I think it was a good idea to do it and I was thinking about you and I was thinking of you and I was thinking about you and I was in the same place as a friend of mine and I was in the studio and we were in the studio and we were in the studio and we were in the studio and we were in the
Reading an email in a dream and you can hear the voices of every word you read. Or the one where you're on a computer working, frantically typing, late, stressed, rushed. What about that dream where you had no idea how to do your job, everyone is going to know you're a fake. In this project I have made spaces for us to share our dreams about labour, and through that allow conversations about our work, our working conditions, and the feelings we're left with when we fall asleep each night.
![Keylogging research. I recorded the buttons a graphic designer (me) presses while working, as an autoethnographic research method into what exactly it is that designers do. To celebrate this labour, I then used a pen plotter to make a series of posters. Three minutes of the designers keypresses took about eight hours to plot. October 24th 2023.](../stephen/keylogger.jpeg)
For the past year I have spoken with designers, artists and makers finding out how they spend their time in everyday life, what they believe and how they feel. In our dreams we feel the weird bits the most: hmm a bit uncomfortable, ooh that gave me a fright, aah so, so sad. Through performances, online tools and storytelling, I want to hold these dreams together, to unite our experiences. Online I have made [tools to gather stories](https://stephenkerrdesign.com/dream/){.ext} and [tools to tell them](https://stephenkerrdesign.com/typing/){.ext}. I have facilitated [group dream re-enactments](https://worm.org/production/opening-experimental-publishing-graduation-show-2024/){.ext} ([a few times](https://art-meets.radical-openness.org/2024/program/turning-off-the-internet-slot-1/){.ext}), using felt dolls to share our night time theatre.
Practice-led artistic research into the 21st century phenomenon of the graphic designer. I held graphic design in my hands using ethnography, toolmaking and performance as research methods. I examined how designers spend their time in everyday life, this designer, me, as well as you, what are we doing? What are our worldviews, belief systems, mythologies and ideologies?
*stephen kerr is a graphic designer or a musician or a very weird and long dream.*
![Email answering performance using Google's Gmail service. To reveal the work of the designer clearly, I performed the designer's task of answering email in front of an audience. Due to the performance happening at 7pm, out of office hours, there was extensive use of the Scheduled Email feature. Some stories emerged about our precarity including overdue rent and invalid payment information for Adobe Creative Cloud subscriptions. Leeszaal, Rotterdam, November 7th 2023.](../stephen/email.jpg)
<button>[stephenkerrdesign.com](https://stephenkerrdesign.com){.ext}</button>
![A performative tool that measures the laziness of the designer as they work and graphs it on a pen plotter. The less the designer uses the mouse, the longer a line the pen plotter draws, it creates a record of the tiny moments between the work.](../stephen/laziness.jpg)
<button>[Wiki: more about the project](https://pzwiki.wdka.nl/mediadesign/User:Ssstephen/Final_presentation){.ext}</button>
> Secondly, during my studies at XPUB, I plan to combine different strands of my practices (design, music, programming, theatre). Being a designer is an important part of my identity, and I am keen to make work true to who I am.
<button>[⊞ (the research thesis)](https://stephenkerrdesign.com/theeeeesis/){.ext}</button>
Excerpt from xpub application letter, March 15th 2022.
---
![Keyboard of things designers have said. Our feelings about work.](../stephen/keyboard24.jpeg)
![The messages on the keys were gathered using experimental interview methods and questions.](../stephen/keyboard25.jpeg)
![Except "it's ok": my brother said that to me on the phone one day.](../stephen/keyboard26.jpeg)
<figure>
<iframe src="https://stephenkerrdesign.com/dream" title="dream"></iframe>
<figcaption>Web page to share and read labour dreams. Scroll down for more.</figcaption>
</figure>
<figure>
<iframe src="https://stephenkerrdesign.com/typing/" title="typing"></iframe>
<figcaption>Interactive dream telling. Click then type your story.</figcaption>
</figure>
![Re-enacting dreams about work at Piet Zwart Institute, Rotterdam, Netherlands. Participants use felt dolls to tell stories of our dreams on the small and squishy stage. We're trying to balance design labour with other labour like making food for our loved ones, we can't stop brushing our teeth, brushing, brushing, brushing. February 5th 2024. ](../stephen/peecee.jpg)
![Re-enacting dreams about work at Piet Zwart Institute, Rotterdam. ](../stephen/peecee.jpg){.desaturate}
![Collective dream re-enactment at Art Meets Radical Openness, Linz, Austria. Inside a tent, a group of people perform eachother's dreams about work and discuss and analyse them together. We feel like impostors, we don't know how to work these machines, we're going to crash. March 11th 2024. ](../stephen/amro.jpeg)
![Collective dream re-enactment at Art Meets Radical Openness, Linz. ](../stephen/amro.jpeg){.desaturate}
![Where do dreams come from?](../stephen/dizzy.jpeg)
![do you ever dream about work? Online research and publication where we shared our dreams, worries, rants, designs. The answers to the question are published together as a collection of voices.](../stephen/form.png)
### Licensing information
This work is free to distribute or modify under the terms of the SIXX license as published by XPUB, either version one of the SIXX License or any later version. See the SIXX License for more details. A copy of the license can be found on [vulnerable-interfaces.xpub.nl/license](vulnerable-interfaces.xpub.nl/license){.ext}.
<!-- ![Custom keyboard mapping for efficient design practice.](../stephen/its-ok.jpg) -->
<!-- ![Keylogging research. I recorded the buttons a graphic designer (me) presses while working, as an autoethnographic research method into what exactly it is that designers do. To celebrate this labour, I then used a pen plotter to make a series of posters. Three minutes of the designers keypresses took about eight hours to plot. October 24th 2023.](../stephen/keylogger.jpeg) -->
<!-- ![Email answering performance using Google's Gmail service. To reveal the work of the designer clearly, I performed the designer's task of answering email in front of an audience. Due to the performance happening at 7pm, out of office hours, there was extensive use of the Scheduled Email feature. Some stories emerged about our precarity including overdue rent and invalid payment information for Adobe Creative Cloud subscriptions. Leeszaal, Rotterdam, November 7th 2023.](../stephen/email.jpg) -->
<!-- ![A performative tool that measures the laziness of the designer as they work and graphs it on a pen plotter. The less the designer uses the mouse, the longer a line the pen plotter draws, it creates a record of the tiny moments between the work.](../stephen/laziness.jpg) -->
<!-- ![do you ever dream about work? Online research and publication where we shared our dreams, worries, rants, designs. The answers to the question are published together as a collection of voices.](../stephen/form.png) -->
<!-- ![Keyboard of things designers have said. Our feelings about work.](../stephen/wood-keyboard.jpeg) -->
![Keyboard of things designers have said. Our feelings about work.](../stephen/wood-keyboard.jpeg)
<!-- I cut my thumb so every time I type i can feel it in my nerve endings. Not true, it's my left thumb so I don't type with it. Not true, I feel it anyway. Why are most of the function keys on the left of the keyboard. What's so functional about pressing buttons. Stephen Kerr is a designer and musician based in. Have you ever loved an instrument? The Ctrl key broke like four times since I moved here. I have one more replacement because I bought a bunch of them but at some point I gave up and use an external keyboard. I dunno I'm more confused than ever. It was something to do with dreams and working. It's the middle of the night I'm writing this on my phone. If I had a dream this is when I would be writing it. The memory is fuzzy: either I don't remember or it didn't make sense in the first place. It was something to do with fuzziness and memory no wait. Phones don't have keyboards in real life this doesn't make sense. I'm trying to type but I don't think I can get it on the way to the office for the weekend and I think it was a good idea to do it and I was thinking about you and I was thinking of you and I was thinking about you and I was in the same place as a friend of mine and I was in the studio and we were in the studio and we were in the studio and we were in the studio and we were in the -->
<!-- # felt cute might delete later

Binary file not shown.

After

Width:  |  Height:  |  Size: 148 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 147 KiB

Some files were not shown because too many files have changed in this diff Show More

Loading…
Cancel
Save