css for site

master
Stephen Kerr 6 months ago
parent dc39fff145
commit 51267a2e34

@ -5,33 +5,36 @@
<meta charset="utf-8">
<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 />
</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 +54,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 +68,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 +108,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 +130,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 and bows for the performance." />
<figcaption aria-hidden="true">Accept My Cookies, biscuits and bows for
the performance.</figcaption>
</figure>
</div>
</body>
</html>

@ -5,27 +5,29 @@
<meta charset="utf-8">
<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 +185,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

@ -5,27 +5,29 @@
<meta charset="utf-8">
<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>

@ -5,32 +5,35 @@
<meta charset="utf-8">
<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 +133,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 +337,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 +636,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 +644,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 +678,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 +686,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 +725,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 +762,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 +797,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 +860,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 +876,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?
@ -30,6 +31,7 @@ In the second chapter, I unpack bureaucracy and focus on its bordering function.
In the third and last chapter, I bridge the written text with the ongoing project that runs simultaneously as part of my graduation work in Experimental Publishing, where I mainly speak through my prototypes. Talking documents(5) are performative bureaucratic text inspections, vocal and non-vocal, that intend to create temporal public interventions 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.
---
> “on the other side is the river
> and I cannot cross it
> on the other side is the sea
@ -93,6 +95,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.
@ -167,6 +170,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.
@ -184,6 +188,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”
**When:** November 2023
@ -200,6 +205,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”
**When:** January 2024
@ -220,6 +226,7 @@ We read the embedded signs, symbols, categories, texts, magical numbers in our p
![ ](../aglaia/passport2.png)
---
#### 4.
**Title:** “Postal Address Application Scenario”
**When:** February 2024
@ -235,6 +242,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
@ -246,15 +254,18 @@ 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.

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

@ -5,27 +5,29 @@
<meta charset="utf-8">
<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>

@ -5,27 +5,29 @@
<meta charset="utf-8">
<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 +42,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 +72,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 +93,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>

@ -5,33 +5,36 @@
<meta charset="utf-8">
<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
@ -41,11 +44,6 @@ 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>
<figure>
<img src="../irmak/unnamed.png"
alt="knot words from Leeszaal" />
<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
my research journey. Although knots are physical objects and technically
@ -70,16 +68,6 @@ 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>
<figure>
<img src="../irmak/knot1.jpeg"
alt="knot words from Leeszaal" />
<figcaption aria-hidden="true">knot words from Leeszaal</figcaption>
</figure>
<figure>
<img src="../irmak/knot2.jpeg"
alt="knot words from Leeszaal" />
<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
@ -119,11 +107,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 +135,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 +148,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
@ -187,21 +174,15 @@ 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!</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
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>
<figure>
<img src="../irmak/map.png"
alt="knot words from Leeszaal" />
</figure>
can follow to read the thesis.</p>
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.</p>
<h2 id="working-end">Working End</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 +632,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
@ -791,54 +773,35 @@ 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>
<h2 id="bibliography">Bibliography</h2>
<p>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>

File diff suppressed because it is too large Load Diff

@ -5,27 +5,29 @@
<meta charset="utf-8">
<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>

@ -5,27 +5,29 @@
<meta charset="utf-8">
<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>

@ -5,27 +5,29 @@
<meta charset="utf-8">
<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>

@ -5,27 +5,29 @@
<meta charset="utf-8">
<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>

@ -5,40 +5,55 @@
<meta charset="utf-8">
<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="what-do-graphic-designers-do-all-day-and-why-do-they-do-it-and-what-does-graphic-design-even-mean1">What
do graphic designers do all day and why do they do it and what does
“graphic design” even mean?!????!!1!?</h1>
<div id="content"><h1 id="do-you-ever-dream-about-work">do you ever dream about work?</h1>
<figure>
<img src="../stephen/its-ok.jpg"
alt="Custom keyboard mapping for efficient design practice." />
<figcaption aria-hidden="true">Custom keyboard mapping for efficient
design practice.</figcaption>
</figure>
<p>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?</p>
<figure>
<img src="../stephen/keylogger.jpeg"
alt="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." />
<figcaption aria-hidden="true">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.</figcaption>
</figure>
<p>I cut my thumb so every time I type i can feel it in my nerve
endings. Not true, its my left thumb so I dont type with it. Not true,
I feel it anyway. Why are most of the function keys on the left of the
@ -59,22 +74,6 @@ 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</p>
<figure>
<img src="../stephen/keylogger.jpeg"
alt="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." />
<figcaption aria-hidden="true">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.</figcaption>
</figure>
<p>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?</p>
<figure>
<img src="../stephen/email.jpg"
alt="Email answering performance using Googles Gmail service. To reveal the work of the designer clearly, I performed the designers 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." />
<figcaption aria-hidden="true">Email answering performance using
@ -139,388 +138,391 @@ alt="Keyboard of things designers have said. Our feelings about work." />
<figcaption aria-hidden="true">Keyboard of things designers have said.
Our feelings about work.</figcaption>
</figure>
<!-- # felt cute might delete later
<section id="keylogger">
<p>2023-11-24 17:52:55,103 - Key.tab<br />
2023-11-24 17:52:57,175 - Key.alt_l<br />
2023-11-24 17:52:57,368 - Key.tab<br />
2023-11-24 17:52:57,959 - Key.tab<br />
2023-11-24 17:52:58,239 - Key.tab<br />
2023-11-24 17:52:59,055 - Key.cmd<br />
2023-11-24 17:52:59,208 - e<br />
2024-06-06 15:51:56,169 - Key.alt_l<br />
2024-06-06 15:51:56,273 - Key.tab<br />
2024-06-06 15:51:57,017 - Key.tab<br />
2024-06-06 15:51:58,130 - Key.tab<br />
2024-06-06 15:51:58,385 - Key.tab<br />
2024-06-06 15:52:04,257 - Key.alt_l<br />
2024-06-06 15:52:04,370 - Key.tab<br />
2024-06-06 15:52:05,041 - Key.tab<br />
2024-06-06 15:52:05,281 - Key.tab<br />
2024-06-06 15:52:39,050 - Key.ctrl_l<br />
2024-06-06 15:52:39,443 - <br />
2024-06-06 15:52:53,985 - Key.ctrl_l<br />
2024-06-06 15:52:54,363 - <br />
2024-06-06 15:52:57,545 - Key.left<br />
2024-06-06 15:52:57,761 - Key.left<br />
2024-06-06 15:52:57,921 - Key.left<br />
2024-06-06 15:52:58,057 - Key.left<br />
2024-06-06 15:52:58,201 - Key.left<br />
2024-06-06 15:52:58,337 - Key.left<br />
2024-06-06 15:52:58,585 - Key.shift<br />
2024-06-06 15:52:58,682 - Key.ctrl_l<br />
2024-06-06 15:52:58,785 - Key.right<br />
2024-06-06 15:52:59,121 - Key.right<br />
2024-06-06 15:52:59,417 - Key.right<br />
2024-06-06 15:53:00,530 - k<br />
2024-06-06 15:53:00,626 - e<br />
2024-06-06 15:53:00,890 - y<br />
2024-06-06 15:53:01,370 - l<br />
2024-06-06 15:53:01,546 - o<br />
2024-06-06 15:53:01,754 - g<br />
2024-06-06 15:53:01,882 - g<br />
2024-06-06 15:53:01,994 - e<br />
2024-06-06 15:53:02,162 - r<br />
2024-06-06 15:53:02,778 - .<br />
2024-06-06 15:53:03,146 - j<br />
2024-06-06 15:53:03,394 - p<br />
2024-06-06 15:53:03,562 - e<br />
2024-06-06 15:53:03,818 - g<br />
2024-06-06 15:53:05,569 - Key.ctrl_l<br />
2024-06-06 15:53:06,079 - Key.ctrl_l<br />
2024-06-06 15:53:06,110 - Key.ctrl_l<br />
2024-06-06 15:53:06,140 - Key.ctrl_l<br />
2024-06-06 15:53:06,172 - Key.ctrl_l<br />
2024-06-06 15:53:06,203 - Key.ctrl_l<br />
2024-06-06 15:53:06,235 - Key.ctrl_l<br />
2024-06-06 15:53:06,282 - Key.ctrl_l<br />
2024-06-06 15:53:06,313 - Key.ctrl_l<br />
2024-06-06 15:53:06,344 - Key.ctrl_l<br />
2024-06-06 15:53:06,374 - Key.ctrl_l<br />
2024-06-06 15:53:06,405 - Key.ctrl_l<br />
2024-06-06 15:53:06,436 - Key.ctrl_l<br />
2024-06-06 15:53:06,467 - Key.ctrl_l<br />
2024-06-06 15:53:06,499 - Key.ctrl_l<br />
2024-06-06 15:53:06,545 - Key.ctrl_l<br />
2024-06-06 15:53:06,578 - Key.ctrl_l<br />
2024-06-06 15:53:06,609 - Key.ctrl_l<br />
2024-06-06 15:53:06,641 - Key.ctrl_l<br />
2024-06-06 15:53:06,672 - Key.ctrl_l<br />
2024-06-06 15:53:06,702 - Key.ctrl_l<br />
2024-06-06 15:53:06,733 - Key.ctrl_l<br />
2024-06-06 15:53:06,765 - Key.ctrl_l<br />
2024-06-06 15:53:06,795 - Key.ctrl_l<br />
2024-06-06 15:53:06,841 - Key.ctrl_l<br />
2024-06-06 15:53:06,872 - Key.ctrl_l<br />
2024-06-06 15:53:06,904 - Key.ctrl_l<br />
2024-06-06 15:53:06,934 - Key.ctrl_l<br />
2024-06-06 15:53:06,964 - Key.ctrl_l<br />
2024-06-06 15:53:06,995 - Key.ctrl_l<br />
2024-06-06 15:53:07,040 - Key.ctrl_l<br />
2024-06-06 15:53:07,073 - Key.ctrl_l<br />
2024-06-06 15:53:07,103 - Key.ctrl_l<br />
2024-06-06 15:53:07,134 - Key.ctrl_l<br />
2024-06-06 15:53:07,165 - Key.ctrl_l<br />
2024-06-06 15:53:07,196 - Key.ctrl_l<br />
2024-06-06 15:53:07,228 - Key.ctrl_l<br />
2024-06-06 15:53:07,250 - <br />
2024-06-06 15:53:08,753 - Key.enter<br />
2024-06-06 15:53:08,881 - Key.enter<br />
2024-06-06 15:53:08,937 - Key.ctrl_l<br />
2024-06-06 15:53:09,058 - <br />
2024-06-06 15:53:10,218 - Key.up<br />
2024-06-06 15:53:10,441 - Key.backspace<br />
2024-06-06 15:53:10,970 - Key.down<br />
2024-06-06 15:53:11,169 - Key.down<br />
2024-06-06 15:53:11,577 - Key.left<br />
2024-06-06 15:53:11,777 - Key.enter<br />
2024-06-06 15:53:11,921 - Key.enter<br />
2024-06-06 15:53:27,769 - Key.alt_l<br />
2024-06-06 15:53:27,882 - Key.tab<br />
2024-06-06 15:53:28,585 - Key.tab<br />
2024-06-06 15:53:28,833 - Key.tab<br />
2024-06-06 15:53:31,809 - z<br />
2024-06-06 15:53:32,090 - e<br />
2024-06-06 15:53:32,682 - n<br />
2024-06-06 15:53:32,753 - o<br />
2024-06-06 15:53:38,450 - Key.space<br />
2024-06-06 15:53:38,713 - q<br />
2024-06-06 15:53:38,858 - u<br />
2024-06-06 15:53:38,937 - o<br />
2024-06-06 15:53:39,082 - t<br />
2024-06-06 15:53:39,129 - e<br />
2024-06-06 15:53:39,201 - Key.enter<br />
2024-06-06 15:53:44,858 - w<br />
2024-06-06 15:53:44,953 - i<br />
2024-06-06 15:53:45,129 - k<br />
2024-06-06 15:53:45,250 - i<br />
2024-06-06 15:53:48,817 - Key.enter<br />
2024-06-06 15:53:55,257 - Key.ctrl_l<br />
2024-06-06 15:53:55,513 - <br />
2024-06-06 15:53:56,418 - z<br />
2024-06-06 15:53:56,642 - e<br />
2024-06-06 15:53:56,882 - n<br />
2024-06-06 15:53:56,946 - o<br />
2024-06-06 15:54:05,473 - Key.alt_l<br />
2024-06-06 15:54:05,609 - Key.tab<br />
2024-06-06 15:54:08,185 - Key.shift<br />
2024-06-06 15:54:08,693 - Key.shift<br />
2024-06-06 15:54:08,723 - Key.shift<br />
2024-06-06 15:54:08,754 - Key.shift<br />
2024-06-06 15:54:08,786 - Key.shift<br />
2024-06-06 15:54:08,831 - Key.shift<br />
2024-06-06 15:54:08,862 - Key.shift<br />
2024-06-06 15:54:08,893 - Key.shift<br />
2024-06-06 15:54:08,923 - Key.shift<br />
2024-06-06 15:54:08,952 - Key.shift<br />
2024-06-06 15:54:08,983 - Key.shift<br />
2024-06-06 15:54:09,010 - A<br />
2024-06-06 15:54:09,177 - Key.space<br />
2024-06-06 15:54:09,778 - s<br />
2024-06-06 15:54:09,842 - a<br />
2024-06-06 15:54:10,026 - n<br />
2024-06-06 15:54:10,130 - e<br />
2024-06-06 15:54:10,242 - Key.space<br />
2024-06-06 15:54:10,634 - p<br />
2024-06-06 15:54:10,754 - e<br />
2024-06-06 15:54:10,850 - r<br />
2024-06-06 15:54:11,281 - s<br />
2024-06-06 15:54:11,442 - o<br />
2024-06-06 15:54:11,538 - n<br />
2024-06-06 15:54:13,689 - Key.shift<br />
2024-06-06 15:54:13,818 - ‘“’<br />
2024-06-06 15:54:14,225 - Key.left<br />
2024-06-06 15:54:14,731 - Key.left<br />
2024-06-06 15:54:14,760 - Key.left<br />
2024-06-06 15:54:14,791 - Key.left<br />
2024-06-06 15:54:14,839 - Key.left<br />
2024-06-06 15:54:14,869 - Key.left<br />
2024-06-06 15:54:14,899 - Key.left<br />
2024-06-06 15:54:14,930 - Key.left<br />
2024-06-06 15:54:14,962 - Key.left<br />
2024-06-06 15:54:14,992 - Key.left<br />
2024-06-06 15:54:15,023 - Key.left<br />
2024-06-06 15:54:15,055 - Key.left<br />
2024-06-06 15:54:15,281 - Key.left<br />
2024-06-06 15:54:15,513 - Key.left<br />
2024-06-06 15:54:15,625 - Key.shift<br />
2024-06-06 15:54:15,705 - ‘“’<br />
2024-06-06 15:54:16,009 - Key.right<br />
2024-06-06 15:54:16,514 - Key.right<br />
2024-06-06 15:54:16,546 - Key.right<br />
2024-06-06 15:54:16,576 - Key.right<br />
2024-06-06 15:54:16,623 - Key.right<br />
2024-06-06 15:54:16,653 - Key.right<br />
2024-06-06 15:54:16,684 - Key.right<br />
2024-06-06 15:54:16,715 - Key.right<br />
2024-06-06 15:54:16,746 - Key.right<br />
2024-06-06 15:54:16,777 - Key.right<br />
2024-06-06 15:54:16,809 - Key.right<br />
2024-06-06 15:54:16,840 - Key.right<br />
2024-06-06 15:54:16,886 - Key.right<br />
2024-06-06 15:54:16,916 - Key.right<br />
2024-06-06 15:54:17,289 - Key.space<br />
2024-06-06 15:54:18,058 - s<br />
2024-06-06 15:54:18,130 - a<br />
2024-06-06 15:54:18,314 - y<br />
2024-06-06 15:54:18,394 - s<br />
2024-06-06 15:54:19,242 - Key.space<br />
2024-06-06 15:54:19,409 - Key.shift<br />
2024-06-06 15:54:19,634 - Z<br />
2024-06-06 15:54:19,866 - e<br />
2024-06-06 15:54:20,034 - n<br />
2024-06-06 15:54:20,114 - o<br />
2024-06-06 15:54:20,336 - Key.alt_l<br />
2024-06-06 15:54:20,441 - Key.tab<br />
2024-06-06 15:54:21,433 - Key.alt_l<br />
2024-06-06 15:54:21,521 - Key.tab<br />
2024-06-06 15:54:22,586 - ,<br />
2024-06-06 15:54:22,665 - Key.left<br />
2024-06-06 15:54:23,177 - Key.left<br />
2024-06-06 15:54:23,207 - Key.left<br />
2024-06-06 15:54:23,239 - Key.left<br />
2024-06-06 15:54:23,270 - Key.left<br />
2024-06-06 15:54:23,301 - Key.left<br />
2024-06-06 15:54:23,332 - Key.left<br />
2024-06-06 15:54:23,378 - Key.left<br />
2024-06-06 15:54:23,409 - Key.left<br />
2024-06-06 15:54:23,440 - Key.left<br />
2024-06-06 15:54:23,577 - Key.left<br />
2024-06-06 15:54:23,826 - ,<br />
2024-06-06 15:54:23,937 - Key.right<br />
2024-06-06 15:54:24,446 - Key.right<br />
2024-06-06 15:54:24,477 - Key.right<br />
2024-06-06 15:54:24,508 - Key.right<br />
2024-06-06 15:54:24,539 - Key.right<br />
2024-06-06 15:54:24,570 - Key.right<br />
2024-06-06 15:54:24,616 - Key.right<br />
2024-06-06 15:54:24,648 - Key.right<br />
2024-06-06 15:54:24,889 - Key.right<br />
2024-06-06 15:54:25,049 - Key.right<br />
2024-06-06 15:54:25,289 - Key.right<br />
2024-06-06 15:54:25,425 - Key.space<br />
2024-06-06 15:54:25,737 - Key.alt_l<br />
2024-06-06 15:54:25,825 - Key.tab<br />
2024-06-06 15:54:26,554 - Key.alt_l<br />
2024-06-06 15:54:26,617 - Key.tab<br />
2024-06-06 15:54:26,993 - Key.shift<br />
2024-06-06 15:54:27,506 - Key.shift<br />
2024-06-06 15:54:27,537 - Key.shift<br />
2024-06-06 15:54:27,568 - Key.shift<br />
2024-06-06 15:54:27,599 - Key.shift<br />
2024-06-06 15:54:27,610 - ‘“’<br />
2024-06-06 15:54:27,946 - d<br />
2024-06-06 15:54:28,090 - o<br />
2024-06-06 15:54:28,218 - e<br />
2024-06-06 15:54:28,322 - s<br />
2024-06-06 15:54:28,394 - n<br />
2024-06-06 15:54:28,897 -”’”<br />
2024-06-06 15:54:28,978 - t<br />
2024-06-06 15:54:29,105 - Key.space<br />
2024-06-06 15:54:29,274 - a<br />
2024-06-06 15:54:29,418 - n<br />
2024-06-06 15:54:29,522 - a<br />
2024-06-06 15:54:29,850 - l<br />
2024-06-06 15:54:30,090 - y<br />
2024-06-06 15:54:30,241 - s<br />
2024-06-06 15:54:30,394 - e<br />
2024-06-06 15:54:30,609 - Key.space<br />
2024-06-06 15:54:30,930 - h<br />
2024-06-06 15:54:31,002 - i<br />
2024-06-06 15:54:31,137 - m<br />
2024-06-06 15:54:31,322 - s<br />
2024-06-06 15:54:31,458 - e<br />
2024-06-06 15:54:31,633 - l<br />
2024-06-06 15:54:31,730 - f<br />
2024-06-06 15:54:32,241 - Key.alt_l<br />
2024-06-06 15:54:32,353 - Key.tab<br />
2024-06-06 15:54:33,737 - Key.alt_l<br />
2024-06-06 15:54:33,833 - Key.tab<br />
2024-06-06 15:54:34,442 - ,<br />
2024-06-06 15:54:34,585 - Key.space<br />
2024-06-06 15:54:34,834 - d<br />
2024-06-06 15:54:34,954 - o<br />
2024-06-06 15:54:35,090 - e<br />
2024-06-06 15:54:35,170 - s<br />
2024-06-06 15:54:35,298 - n<br />
2024-06-06 15:54:35,898 -”’”<br />
2024-06-06 15:54:35,954 - t<br />
2024-06-06 15:54:35,978 - t<br />
2024-06-06 15:54:36,209 - Key.space<br />
2024-06-06 15:54:36,378 - l<br />
2024-06-06 15:54:36,546 - o<br />
2024-06-06 15:54:36,666 - o<br />
2024-06-06 15:54:36,730 - k<br />
2024-06-06 15:54:36,881 - Key.space<br />
2024-06-06 15:54:37,034 - i<br />
2024-06-06 15:54:37,090 - n<br />
2024-06-06 15:54:37,257 - Key.space<br />
2024-06-06 15:54:37,410 - t<br />
2024-06-06 15:54:37,482 - h<br />
2024-06-06 15:54:37,586 - e<br />
2024-06-06 15:54:37,681 - Key.space<br />
2024-06-06 15:54:37,874 - m<br />
2024-06-06 15:54:38,017 - i<br />
2024-06-06 15:54:38,233 - r<br />
2024-06-06 15:54:38,562 - r<br />
2024-06-06 15:54:38,898 - o<br />
2024-06-06 15:54:39,210 - r<br />
2024-06-06 15:54:39,945 - Key.shift<br />
2024-06-06 15:54:40,448 - Key.shift<br />
2024-06-06 15:54:40,478 - Key.shift<br />
2024-06-06 15:54:40,525 - Key.shift<br />
2024-06-06 15:54:40,556 - Key.shift<br />
2024-06-06 15:54:40,587 - Key.shift<br />
2024-06-06 15:54:40,594 - ‘“’<br />
2024-06-06 15:54:41,033 - Key.alt_l<br />
2024-06-06 15:54:41,137 - Key.tab<br />
2024-06-06 15:54:42,545 - Key.alt_l<br />
2024-06-06 15:54:42,650 - Key.tab<br />
2024-06-06 15:54:44,257 - Key.ctrl_l<br />
2024-06-06 15:54:44,466 - <br />
2024-06-06 15:54:45,105 - Key.alt_l<br />
2024-06-06 15:54:45,217 - Key.tab<br />
2024-06-06 15:54:46,361 - Key.tab<br />
2024-06-06 15:54:46,537 - Key.tab<br />
2024-06-06 15:54:46,729 - Key.tab<br />
2024-06-06 15:54:48,706 - g<br />
2024-06-06 15:54:48,770 - e<br />
2024-06-06 15:54:48,914 - n<br />
2024-06-06 15:54:49,034 - e<br />
2024-06-06 15:54:49,140 - r<br />
2024-06-06 15:54:49,570 - a<br />
2024-06-06 15:54:49,786 - t<br />
2024-06-06 15:54:49,866 - e<br />
2024-06-06 15:54:50,785 - Key.backspace<br />
2024-06-06 15:54:51,295 - Key.backspace<br />
2024-06-06 15:54:51,325 - Key.backspace<br />
2024-06-06 15:54:51,356 - Key.backspace<br />
2024-06-06 15:54:51,388 - Key.backspace<br />
2024-06-06 15:54:51,418 - Key.backspace<br />
2024-06-06 15:54:51,450 - Key.backspace<br />
2024-06-06 15:54:51,497 - Key.backspace<br />
2024-06-06 15:54:51,527 - Key.backspace<br />
2024-06-06 15:54:51,558 - Key.backspace<br />
2024-06-06 15:54:51,589 - Key.backspace<br />
2024-06-06 15:54:51,620 - Key.backspace<br />
2024-06-06 15:54:51,651 - Key.backspace<br />
2024-06-06 15:54:51,682 - Key.backspace<br />
2024-06-06 15:54:51,728 - Key.backspace<br />
2024-06-06 15:54:52,162 - p<br />
2024-06-06 15:54:52,649 - y<br />
2024-06-06 15:54:52,970 - t<br />
2024-06-06 15:54:53,082 - h<br />
2024-06-06 15:54:53,122 - o<br />
2024-06-06 15:54:53,265 - n<br />
2024-06-06 15:54:53,817 - Key.space<br />
2024-06-06 15:54:54,410 - g<br />
2024-06-06 15:54:54,442 - e<br />
2024-06-06 15:54:54,609 - n<br />
2024-06-06 15:54:54,714 - e<br />
2024-06-06 15:54:54,810 - r<br />
2024-06-06 15:54:55,073 - a<br />
2024-06-06 15:54:55,202 - t<br />
2024-06-06 15:54:55,306 - e<br />
2024-06-06 15:54:55,809 - -<br />
2024-06-06 15:54:56,465 - Key.tab<br />
2024-06-06 15:54:58,945 - Key.enter<br />
2024-06-06 15:55:06,353 - Key.alt_l<br />
2024-06-06 15:55:06,473 - Key.tab<br />
2024-06-06 15:55:07,265 - Key.tab<br />
2024-06-06 15:55:10,985 - Key.ctrl_l<br />
2024-06-06 15:55:11,492 - Key.ctrl_l<br />
2024-06-06 15:55:11,523 - Key.ctrl_l<br />
2024-06-06 15:55:11,554 - Key.ctrl_l<br />
2024-06-06 15:55:11,586 - Key.ctrl_l<br />
2024-06-06 15:55:11,630 - Key.ctrl_l<br />
2024-06-06 15:55:11,642 - <br />
2024-06-06 15:55:15,457 - Key.ctrl_l<br />
2024-06-06 15:55:15,730 - <br />
2024-06-06 15:55:16,210 - z<br />
2024-06-06 15:55:16,434 - e<br />
2024-06-06 15:55:16,626 - n<br />
2024-06-06 15:55:16,714 - o<br />
2024-06-06 15:55:20,953 - Key.alt_l<br />
2024-06-06 15:55:21,049 - Key.tab<br />
2024-06-06 15:55:22,681 - Key.tab<br />
2024-06-06 15:55:22,881 - Key.tab<br />
2024-06-06 15:55:23,113 - Key.tab<br />
2024-06-06 15:55:26,001 - Key.ctrl_l<br />
2024-06-06 15:55:26,338 - <br />
2024-06-06 15:55:27,760 - Key.ctrl_l<br />
2024-06-06 15:55:28,267 - Key.ctrl_l<br />
2024-06-06 15:55:28,298 - Key.ctrl_l<br />
2024-06-06 15:55:28,330 - 1a<br />
2024-06-06 15:55:28,665 - Key.ctrl_l<br />
2024-06-06 15:55:28,834 - <br />
2024-06-06 15:55:29,441 - Key.alt_l<br />
2024-06-06 15:55:29,545 - Key.tab<br />
2024-06-06 15:55:29,945 - Key.tab<br />
2024-06-06 15:55:30,353 - Key.tab<br />
2024-06-06 15:55:30,561 - Key.tab<br />
2024-06-06 15:55:33,281 - Key.cmd<br />
2024-06-06 15:55:33,617 - e</p>
2023-11-24 17:52:55,103 - Key.tab
2023-11-24 17:52:57,175 - Key.alt_l
2023-11-24 17:52:57,368 - Key.tab
2023-11-24 17:52:57,959 - Key.tab
2023-11-24 17:52:58,239 - Key.tab
2023-11-24 17:52:59,055 - Key.cmd
2023-11-24 17:52:59,208 - 'e'
2024-06-06 15:51:56,169 - Key.alt_l
2024-06-06 15:51:56,273 - Key.tab
2024-06-06 15:51:57,017 - Key.tab
2024-06-06 15:51:58,130 - Key.tab
2024-06-06 15:51:58,385 - Key.tab
2024-06-06 15:52:04,257 - Key.alt_l
2024-06-06 15:52:04,370 - Key.tab
2024-06-06 15:52:05,041 - Key.tab
2024-06-06 15:52:05,281 - Key.tab
2024-06-06 15:52:39,050 - Key.ctrl_l
2024-06-06 15:52:39,443 - '\x03'
2024-06-06 15:52:53,985 - Key.ctrl_l
2024-06-06 15:52:54,363 - '\x16'
2024-06-06 15:52:57,545 - Key.left
2024-06-06 15:52:57,761 - Key.left
2024-06-06 15:52:57,921 - Key.left
2024-06-06 15:52:58,057 - Key.left
2024-06-06 15:52:58,201 - Key.left
2024-06-06 15:52:58,337 - Key.left
2024-06-06 15:52:58,585 - Key.shift
2024-06-06 15:52:58,682 - Key.ctrl_l
2024-06-06 15:52:58,785 - Key.right
2024-06-06 15:52:59,121 - Key.right
2024-06-06 15:52:59,417 - Key.right
2024-06-06 15:53:00,530 - 'k'
2024-06-06 15:53:00,626 - 'e'
2024-06-06 15:53:00,890 - 'y'
2024-06-06 15:53:01,370 - 'l'
2024-06-06 15:53:01,546 - 'o'
2024-06-06 15:53:01,754 - 'g'
2024-06-06 15:53:01,882 - 'g'
2024-06-06 15:53:01,994 - 'e'
2024-06-06 15:53:02,162 - 'r'
2024-06-06 15:53:02,778 - '.'
2024-06-06 15:53:03,146 - 'j'
2024-06-06 15:53:03,394 - 'p'
2024-06-06 15:53:03,562 - 'e'
2024-06-06 15:53:03,818 - 'g'
2024-06-06 15:53:05,569 - Key.ctrl_l
2024-06-06 15:53:06,079 - Key.ctrl_l
2024-06-06 15:53:06,110 - Key.ctrl_l
2024-06-06 15:53:06,140 - Key.ctrl_l
2024-06-06 15:53:06,172 - Key.ctrl_l
2024-06-06 15:53:06,203 - Key.ctrl_l
2024-06-06 15:53:06,235 - Key.ctrl_l
2024-06-06 15:53:06,282 - Key.ctrl_l
2024-06-06 15:53:06,313 - Key.ctrl_l
2024-06-06 15:53:06,344 - Key.ctrl_l
2024-06-06 15:53:06,374 - Key.ctrl_l
2024-06-06 15:53:06,405 - Key.ctrl_l
2024-06-06 15:53:06,436 - Key.ctrl_l
2024-06-06 15:53:06,467 - Key.ctrl_l
2024-06-06 15:53:06,499 - Key.ctrl_l
2024-06-06 15:53:06,545 - Key.ctrl_l
2024-06-06 15:53:06,578 - Key.ctrl_l
2024-06-06 15:53:06,609 - Key.ctrl_l
2024-06-06 15:53:06,641 - Key.ctrl_l
2024-06-06 15:53:06,672 - Key.ctrl_l
2024-06-06 15:53:06,702 - Key.ctrl_l
2024-06-06 15:53:06,733 - Key.ctrl_l
2024-06-06 15:53:06,765 - Key.ctrl_l
2024-06-06 15:53:06,795 - Key.ctrl_l
2024-06-06 15:53:06,841 - Key.ctrl_l
2024-06-06 15:53:06,872 - Key.ctrl_l
2024-06-06 15:53:06,904 - Key.ctrl_l
2024-06-06 15:53:06,934 - Key.ctrl_l
2024-06-06 15:53:06,964 - Key.ctrl_l
2024-06-06 15:53:06,995 - Key.ctrl_l
2024-06-06 15:53:07,040 - Key.ctrl_l
2024-06-06 15:53:07,073 - Key.ctrl_l
2024-06-06 15:53:07,103 - Key.ctrl_l
2024-06-06 15:53:07,134 - Key.ctrl_l
2024-06-06 15:53:07,165 - Key.ctrl_l
2024-06-06 15:53:07,196 - Key.ctrl_l
2024-06-06 15:53:07,228 - Key.ctrl_l
2024-06-06 15:53:07,250 - '\x18'
2024-06-06 15:53:08,753 - Key.enter
2024-06-06 15:53:08,881 - Key.enter
2024-06-06 15:53:08,937 - Key.ctrl_l
2024-06-06 15:53:09,058 - '\x16'
2024-06-06 15:53:10,218 - Key.up
2024-06-06 15:53:10,441 - Key.backspace
2024-06-06 15:53:10,970 - Key.down
2024-06-06 15:53:11,169 - Key.down
2024-06-06 15:53:11,577 - Key.left
2024-06-06 15:53:11,777 - Key.enter
2024-06-06 15:53:11,921 - Key.enter
2024-06-06 15:53:27,769 - Key.alt_l
2024-06-06 15:53:27,882 - Key.tab
2024-06-06 15:53:28,585 - Key.tab
2024-06-06 15:53:28,833 - Key.tab
2024-06-06 15:53:31,809 - 'z'
2024-06-06 15:53:32,090 - 'e'
2024-06-06 15:53:32,682 - 'n'
2024-06-06 15:53:32,753 - 'o'
2024-06-06 15:53:38,450 - Key.space
2024-06-06 15:53:38,713 - 'q'
2024-06-06 15:53:38,858 - 'u'
2024-06-06 15:53:38,937 - 'o'
2024-06-06 15:53:39,082 - 't'
2024-06-06 15:53:39,129 - 'e'
2024-06-06 15:53:39,201 - Key.enter
2024-06-06 15:53:44,858 - 'w'
2024-06-06 15:53:44,953 - 'i'
2024-06-06 15:53:45,129 - 'k'
2024-06-06 15:53:45,250 - 'i'
2024-06-06 15:53:48,817 - Key.enter
2024-06-06 15:53:55,257 - Key.ctrl_l
2024-06-06 15:53:55,513 - '\x06'
2024-06-06 15:53:56,418 - 'z'
2024-06-06 15:53:56,642 - 'e'
2024-06-06 15:53:56,882 - 'n'
2024-06-06 15:53:56,946 - 'o'
2024-06-06 15:54:05,473 - Key.alt_l
2024-06-06 15:54:05,609 - Key.tab
2024-06-06 15:54:08,185 - Key.shift
2024-06-06 15:54:08,693 - Key.shift
2024-06-06 15:54:08,723 - Key.shift
2024-06-06 15:54:08,754 - Key.shift
2024-06-06 15:54:08,786 - Key.shift
2024-06-06 15:54:08,831 - Key.shift
2024-06-06 15:54:08,862 - Key.shift
2024-06-06 15:54:08,893 - Key.shift
2024-06-06 15:54:08,923 - Key.shift
2024-06-06 15:54:08,952 - Key.shift
2024-06-06 15:54:08,983 - Key.shift
2024-06-06 15:54:09,010 - 'A'
2024-06-06 15:54:09,177 - Key.space
2024-06-06 15:54:09,778 - 's'
2024-06-06 15:54:09,842 - 'a'
2024-06-06 15:54:10,026 - 'n'
2024-06-06 15:54:10,130 - 'e'
2024-06-06 15:54:10,242 - Key.space
2024-06-06 15:54:10,634 - 'p'
2024-06-06 15:54:10,754 - 'e'
2024-06-06 15:54:10,850 - 'r'
2024-06-06 15:54:11,281 - 's'
2024-06-06 15:54:11,442 - 'o'
2024-06-06 15:54:11,538 - 'n'
2024-06-06 15:54:13,689 - Key.shift
2024-06-06 15:54:13,818 - '"'
2024-06-06 15:54:14,225 - Key.left
2024-06-06 15:54:14,731 - Key.left
2024-06-06 15:54:14,760 - Key.left
2024-06-06 15:54:14,791 - Key.left
2024-06-06 15:54:14,839 - Key.left
2024-06-06 15:54:14,869 - Key.left
2024-06-06 15:54:14,899 - Key.left
2024-06-06 15:54:14,930 - Key.left
2024-06-06 15:54:14,962 - Key.left
2024-06-06 15:54:14,992 - Key.left
2024-06-06 15:54:15,023 - Key.left
2024-06-06 15:54:15,055 - Key.left
2024-06-06 15:54:15,281 - Key.left
2024-06-06 15:54:15,513 - Key.left
2024-06-06 15:54:15,625 - Key.shift
2024-06-06 15:54:15,705 - '"'
2024-06-06 15:54:16,009 - Key.right
2024-06-06 15:54:16,514 - Key.right
2024-06-06 15:54:16,546 - Key.right
2024-06-06 15:54:16,576 - Key.right
2024-06-06 15:54:16,623 - Key.right
2024-06-06 15:54:16,653 - Key.right
2024-06-06 15:54:16,684 - Key.right
2024-06-06 15:54:16,715 - Key.right
2024-06-06 15:54:16,746 - Key.right
2024-06-06 15:54:16,777 - Key.right
2024-06-06 15:54:16,809 - Key.right
2024-06-06 15:54:16,840 - Key.right
2024-06-06 15:54:16,886 - Key.right
2024-06-06 15:54:16,916 - Key.right
2024-06-06 15:54:17,289 - Key.space
2024-06-06 15:54:18,058 - 's'
2024-06-06 15:54:18,130 - 'a'
2024-06-06 15:54:18,314 - 'y'
2024-06-06 15:54:18,394 - 's'
2024-06-06 15:54:19,242 - Key.space
2024-06-06 15:54:19,409 - Key.shift
2024-06-06 15:54:19,634 - 'Z'
2024-06-06 15:54:19,866 - 'e'
2024-06-06 15:54:20,034 - 'n'
2024-06-06 15:54:20,114 - 'o'
2024-06-06 15:54:20,336 - Key.alt_l
2024-06-06 15:54:20,441 - Key.tab
2024-06-06 15:54:21,433 - Key.alt_l
2024-06-06 15:54:21,521 - Key.tab
2024-06-06 15:54:22,586 - ','
2024-06-06 15:54:22,665 - Key.left
2024-06-06 15:54:23,177 - Key.left
2024-06-06 15:54:23,207 - Key.left
2024-06-06 15:54:23,239 - Key.left
2024-06-06 15:54:23,270 - Key.left
2024-06-06 15:54:23,301 - Key.left
2024-06-06 15:54:23,332 - Key.left
2024-06-06 15:54:23,378 - Key.left
2024-06-06 15:54:23,409 - Key.left
2024-06-06 15:54:23,440 - Key.left
2024-06-06 15:54:23,577 - Key.left
2024-06-06 15:54:23,826 - ','
2024-06-06 15:54:23,937 - Key.right
2024-06-06 15:54:24,446 - Key.right
2024-06-06 15:54:24,477 - Key.right
2024-06-06 15:54:24,508 - Key.right
2024-06-06 15:54:24,539 - Key.right
2024-06-06 15:54:24,570 - Key.right
2024-06-06 15:54:24,616 - Key.right
2024-06-06 15:54:24,648 - Key.right
2024-06-06 15:54:24,889 - Key.right
2024-06-06 15:54:25,049 - Key.right
2024-06-06 15:54:25,289 - Key.right
2024-06-06 15:54:25,425 - Key.space
2024-06-06 15:54:25,737 - Key.alt_l
2024-06-06 15:54:25,825 - Key.tab
2024-06-06 15:54:26,554 - Key.alt_l
2024-06-06 15:54:26,617 - Key.tab
2024-06-06 15:54:26,993 - Key.shift
2024-06-06 15:54:27,506 - Key.shift
2024-06-06 15:54:27,537 - Key.shift
2024-06-06 15:54:27,568 - Key.shift
2024-06-06 15:54:27,599 - Key.shift
2024-06-06 15:54:27,610 - '"'
2024-06-06 15:54:27,946 - 'd'
2024-06-06 15:54:28,090 - 'o'
2024-06-06 15:54:28,218 - 'e'
2024-06-06 15:54:28,322 - 's'
2024-06-06 15:54:28,394 - 'n'
2024-06-06 15:54:28,897 - "'"
2024-06-06 15:54:28,978 - 't'
2024-06-06 15:54:29,105 - Key.space
2024-06-06 15:54:29,274 - 'a'
2024-06-06 15:54:29,418 - 'n'
2024-06-06 15:54:29,522 - 'a'
2024-06-06 15:54:29,850 - 'l'
2024-06-06 15:54:30,090 - 'y'
2024-06-06 15:54:30,241 - 's'
2024-06-06 15:54:30,394 - 'e'
2024-06-06 15:54:30,609 - Key.space
2024-06-06 15:54:30,930 - 'h'
2024-06-06 15:54:31,002 - 'i'
2024-06-06 15:54:31,137 - 'm'
2024-06-06 15:54:31,322 - 's'
2024-06-06 15:54:31,458 - 'e'
2024-06-06 15:54:31,633 - 'l'
2024-06-06 15:54:31,730 - 'f'
2024-06-06 15:54:32,241 - Key.alt_l
2024-06-06 15:54:32,353 - Key.tab
2024-06-06 15:54:33,737 - Key.alt_l
2024-06-06 15:54:33,833 - Key.tab
2024-06-06 15:54:34,442 - ','
2024-06-06 15:54:34,585 - Key.space
2024-06-06 15:54:34,834 - 'd'
2024-06-06 15:54:34,954 - 'o'
2024-06-06 15:54:35,090 - 'e'
2024-06-06 15:54:35,170 - 's'
2024-06-06 15:54:35,298 - 'n'
2024-06-06 15:54:35,898 - "'"
2024-06-06 15:54:35,954 - 't'
2024-06-06 15:54:35,978 - 't'
2024-06-06 15:54:36,209 - Key.space
2024-06-06 15:54:36,378 - 'l'
2024-06-06 15:54:36,546 - 'o'
2024-06-06 15:54:36,666 - 'o'
2024-06-06 15:54:36,730 - 'k'
2024-06-06 15:54:36,881 - Key.space
2024-06-06 15:54:37,034 - 'i'
2024-06-06 15:54:37,090 - 'n'
2024-06-06 15:54:37,257 - Key.space
2024-06-06 15:54:37,410 - 't'
2024-06-06 15:54:37,482 - 'h'
2024-06-06 15:54:37,586 - 'e'
2024-06-06 15:54:37,681 - Key.space
2024-06-06 15:54:37,874 - 'm'
2024-06-06 15:54:38,017 - 'i'
2024-06-06 15:54:38,233 - 'r'
2024-06-06 15:54:38,562 - 'r'
2024-06-06 15:54:38,898 - 'o'
2024-06-06 15:54:39,210 - 'r'
2024-06-06 15:54:39,945 - Key.shift
2024-06-06 15:54:40,448 - Key.shift
2024-06-06 15:54:40,478 - Key.shift
2024-06-06 15:54:40,525 - Key.shift
2024-06-06 15:54:40,556 - Key.shift
2024-06-06 15:54:40,587 - Key.shift
2024-06-06 15:54:40,594 - '"'
2024-06-06 15:54:41,033 - Key.alt_l
2024-06-06 15:54:41,137 - Key.tab
2024-06-06 15:54:42,545 - Key.alt_l
2024-06-06 15:54:42,650 - Key.tab
2024-06-06 15:54:44,257 - Key.ctrl_l
2024-06-06 15:54:44,466 - '\x13'
2024-06-06 15:54:45,105 - Key.alt_l
2024-06-06 15:54:45,217 - Key.tab
2024-06-06 15:54:46,361 - Key.tab
2024-06-06 15:54:46,537 - Key.tab
2024-06-06 15:54:46,729 - Key.tab
2024-06-06 15:54:48,706 - 'g'
2024-06-06 15:54:48,770 - 'e'
2024-06-06 15:54:48,914 - 'n'
2024-06-06 15:54:49,034 - 'e'
2024-06-06 15:54:49,140 - 'r'
2024-06-06 15:54:49,570 - 'a'
2024-06-06 15:54:49,786 - 't'
2024-06-06 15:54:49,866 - 'e'
2024-06-06 15:54:50,785 - Key.backspace
2024-06-06 15:54:51,295 - Key.backspace
2024-06-06 15:54:51,325 - Key.backspace
2024-06-06 15:54:51,356 - Key.backspace
2024-06-06 15:54:51,388 - Key.backspace
2024-06-06 15:54:51,418 - Key.backspace
2024-06-06 15:54:51,450 - Key.backspace
2024-06-06 15:54:51,497 - Key.backspace
2024-06-06 15:54:51,527 - Key.backspace
2024-06-06 15:54:51,558 - Key.backspace
2024-06-06 15:54:51,589 - Key.backspace
2024-06-06 15:54:51,620 - Key.backspace
2024-06-06 15:54:51,651 - Key.backspace
2024-06-06 15:54:51,682 - Key.backspace
2024-06-06 15:54:51,728 - Key.backspace
2024-06-06 15:54:52,162 - 'p'
2024-06-06 15:54:52,649 - 'y'
2024-06-06 15:54:52,970 - 't'
2024-06-06 15:54:53,082 - 'h'
2024-06-06 15:54:53,122 - 'o'
2024-06-06 15:54:53,265 - 'n'
2024-06-06 15:54:53,817 - Key.space
2024-06-06 15:54:54,410 - 'g'
2024-06-06 15:54:54,442 - 'e'
2024-06-06 15:54:54,609 - 'n'
2024-06-06 15:54:54,714 - 'e'
2024-06-06 15:54:54,810 - 'r'
2024-06-06 15:54:55,073 - 'a'
2024-06-06 15:54:55,202 - 't'
2024-06-06 15:54:55,306 - 'e'
2024-06-06 15:54:55,809 - '-'
2024-06-06 15:54:56,465 - Key.tab
2024-06-06 15:54:58,945 - Key.enter
2024-06-06 15:55:06,353 - Key.alt_l
2024-06-06 15:55:06,473 - Key.tab
2024-06-06 15:55:07,265 - Key.tab
2024-06-06 15:55:10,985 - Key.ctrl_l
2024-06-06 15:55:11,492 - Key.ctrl_l
2024-06-06 15:55:11,523 - Key.ctrl_l
2024-06-06 15:55:11,554 - Key.ctrl_l
2024-06-06 15:55:11,586 - Key.ctrl_l
2024-06-06 15:55:11,630 - Key.ctrl_l
2024-06-06 15:55:11,642 - '\x12'
2024-06-06 15:55:15,457 - Key.ctrl_l
2024-06-06 15:55:15,730 - '\x06'
2024-06-06 15:55:16,210 - 'z'
2024-06-06 15:55:16,434 - 'e'
2024-06-06 15:55:16,626 - 'n'
2024-06-06 15:55:16,714 - 'o'
2024-06-06 15:55:20,953 - Key.alt_l
2024-06-06 15:55:21,049 - Key.tab
2024-06-06 15:55:22,681 - Key.tab
2024-06-06 15:55:22,881 - Key.tab
2024-06-06 15:55:23,113 - Key.tab
2024-06-06 15:55:26,001 - Key.ctrl_l
2024-06-06 15:55:26,338 - '\x03'
2024-06-06 15:55:27,760 - Key.ctrl_l
2024-06-06 15:55:28,267 - Key.ctrl_l
2024-06-06 15:55:28,298 - Key.ctrl_l
2024-06-06 15:55:28,330 - '\x1a'
2024-06-06 15:55:28,665 - Key.ctrl_l
2024-06-06 15:55:28,834 - '\x18'
2024-06-06 15:55:29,441 - Key.alt_l
2024-06-06 15:55:29,545 - Key.tab
2024-06-06 15:55:29,945 - Key.tab
2024-06-06 15:55:30,353 - Key.tab
2024-06-06 15:55:30,561 - Key.tab
2024-06-06 15:55:33,281 - Key.cmd
2024-06-06 15:55:33,617 - 'e'
</section>
<!-- # felt cute might delete later
*What do graphic designers do all day and why do they do it and what does "graphic design" even mean?!????!!1!?* is an assessment of what the term "graphic design" means to its practitioners today. Through experimental ethnographic research methods and the development of reflexive tools, the project highlights and questions the boundaries that exist around this apparent category. The research focuses on my own practices as well as other people and groups that identify with "graphic designer" as a label. The research was both conducted by and shared with interested parties in the form of the tools themselves, as well as a series of performances. There is no strict distinction between the research and its publication. The tools were released in an iterative cycle throughout the process of the project, and the research is conducted through the performative use and development of these tools.

@ -4,15 +4,15 @@ 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 about work?
![Custom keyboard mapping for efficient design practice.](../stephen/its-ok.jpg)
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
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?
![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)
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?
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
![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)

@ -5,32 +5,34 @@
<meta charset="utf-8">
<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="section"></h1>
<h3 id="empty-title">empty title</h3>
<hr />
<p>Stephen Kerr</p>
<p></p>
<p>Thesis submitted to the Department of Experimental Publishing, Piet
@ -95,7 +97,7 @@ The Po Valley, The Roman Empire, 268 BCE.
<figcaption aria-hidden="true">Monogram, Piet Zwart,
c. 1968.</figcaption>
</figure>
<h3 id="empty-title-1">empty title</h3>
<hr />
<h4 id="introduction">Introduction</h4>
<p>This document is a collection of fragments exploring beliefs about
labour in the creative industries, in particular graphic ⊞. Each
@ -144,7 +146,6 @@ than last week when there was no work. ⊞ers look at their phone and see
their alarm is going to go off in ten minutes, so they switch it off and
get up.</em></li>
</ol>
<h3 id="empty-title-2">empty title</h3>
<p>The precarity of working in the creative industries, in particular as
a freelancer or within a small studio, induces anxiety. There is a
belief that the ⊞er as freelancer is empowered by their autonomy, but in
@ -243,7 +244,7 @@ recipient of the Catherine Donnelly Lifetime Achievement Award for his
contribution to ⊞ in Ireland and is the Course Director of ⊞ West, an
international summer ⊞ school located in the beautiful village of
Letterfrack on the West Coast of Ireland</em>. (⊞west.eu, 2023)</p>
<h3 id="empty-title-3">empty title</h3>
<hr />
<ul>
<li>SK: What do you think is the best shape?</li>
<li>CC: Oh yeah, good god. square.</li>
@ -341,7 +342,7 @@ postcard.”</li>
<li>Description of Steve McCaffreys <em>CARNIVAL</em><br />
(The Idea of the Book, 2024)</li>
</ul>
<h3 id="empty-title-4">empty title</h3>
<hr />
<p>The developments of the written word and its relationship to form in
the 20th century is very much a part of the history of ⊞. I care about
this story because it affects contemporary practitioners. I believe
@ -356,7 +357,7 @@ assigning or finding meanings in ⊞</h4>
<p>This autoethnographic annotation attempts to really miss as many
cultural and technical cues as possible. Its watching the ⊞er, me, and
being totally mystified by their behaviour. </p>
<h3 id="empty-title-5">empty title</h3>
<hr />
<ol type="1">
<li><em>A rhythm exists and I wonder why. There is music and there are
voices, and my fingers press the keys and the colours of the screen
@ -415,7 +416,7 @@ catalogues. ⊞ is just work, chill. Is a ⊞er a user or a server? Maybe ⊞
is an example of our general belief in this dichotomy not quite making
sense or fitting reality. The ⊞er is working for whom? Themselves? Their
clients?</p>
<h3 id="empty-title-6">empty title</h3>
<hr />
<ul>
<li><em></em>attempts to undo the privileged position of the agentive
subject can help us understand the strange status of repetitive and
@ -563,7 +564,7 @@ misplaced and there is a human urge to stop, just stop.</p>
and as soon as we feel ourselves becoming ridiculous”</li>
<li>Adolf Loos, <em>On Thrift,</em> 1924 (Loos, 2019)</li>
</ul>
<h3 id="empty-title-7">empty title</h3>
<hr />
<p>Adolf Loos was a modernist architect whose writings such as
<em>Ornament and Crime</em> in 1910 influenced modernist ideals of
functionalism and minimalism. He rejected ornament and favoured the use
@ -621,7 +622,7 @@ inherited from a wider cultural belief of the same general drive: to
order and simplify. Humans try to make sense of the world. ⊞ers make
sense of ⊞ briefs and structure them into something understandable to an
audience or target market. </p>
<h3 id="empty-title-8">empty title</h3>
<hr />
<ul>
<li>◱: for fucks sake why dont we use those grids</li>
</ul>
@ -647,7 +648,7 @@ even more outrageous than what we assumed of the beer fans, or the beer
fans were in fact taking their own conference seriously? As both seem
unbelievable the true funniness of the joke hits home in its implied
meaning: ⊞ers are boring as fuck.</p>
<h3 id="empty-title-9">empty title</h3>
<hr />
<h4
id="an-annotation-of-my-practices-as-a-graphic-er-on-a-typical-working-day-23rd-october-2023">An
annotation of my practices as a graphic ⊞er on a typical working day,
@ -660,7 +661,7 @@ annotation of my practices as a graphic ⊞er on a typical working day,
ctrl v ctrl c ctrl v ctrl c ctrl v ctrl c ctrl v ctrl v ctrl v ctrl v
ctrl v ctrl v ctrl v</em></li>
</ol>
<h3 id="empty-title-10">empty title</h3>
<hr />
<p>⊞ers interact with the computer through keyboard and mouse usage.
Compared to other computer users, my interaction involves lots of
pressing of function keys, something common with other technical
@ -764,7 +765,7 @@ proprietary font. There is a visual difference between these fonts too
which is also relevant buuuuut this description is getting very detailed
maybe not right now.</em></li>
</ol>
<h3 id="empty-title-11">empty title</h3>
<hr />
<p>Similarly to the software changes, this documentation of my practice
sees me choosing open source fonts. Im really ambivalent about this. I
do like the idea of being able to modify a font when needed, but I have
@ -798,7 +799,7 @@ beliefs around copyright? Do ⊞ers believe in intellectual property? What
value do ⊞ers, specifically typographers, see in their work and that of
their close peers, the font ⊞ers, and how does copyright relate to these
values?</p>
<h3 id="empty-title-12">empty title</h3>
<hr />
<h4 id="follow-up-questions-for-conor">Follow up questions for
Conor</h4>
<p>Hey Conor, hope youre keeping well these days? Ive been going
@ -817,7 +818,7 @@ field like graphic ⊞? Curious to know what you think.</p>
totally fine with anonymising, removing, or editing.  </p>
<p>Thanks,<br />
Stephen</p>
<h3 id="empty-title-13">empty title</h3>
<hr />
<h4 id="follow-up-questions-for">Follow up questions for ◱</h4>
<p>Yo ◱, hope alls good with you these days? </p>
<p>Ive been piecing together the interviews from December and Id love
@ -841,7 +842,7 @@ way, or maybe its something else to you and Im projecting :)</p>
totally fine with anonymising, removing, or editing.</p>
<p>Thanks,<br />
Stephen</p>
<h3 id="empty-title-14">empty title</h3>
<hr />
<h4 id="follow-up-questions-for-1">Follow up questions for ◳</h4>
<p>Hey ◳, hope youre good! </p>
<p>Im thinking of putting this section of the interview we did back in
@ -887,7 +888,7 @@ thinking” (Brodine, 1990) or “⊞er without qualities” (Lorusso, 2023).
The fragments have been situated and subjective rather than objective,
they have been outside of categories because the categories are broken
anyway. </p>
<h3 id="empty-title-15">empty title</h3>
<hr />
<h4 id="conclusion-1">Conclusion</h4>
<p>Last night I dreamt I was standing on a hill in the Swiss Alps and
you were there and all of our friends and the hill was covered in little
@ -912,9 +913,9 @@ surfboards were Quiksilver and some they had built themselves from a git
repository but the sun was a walnut and it was definitely moving but I
couldnt tell was it rising or setting but it didnt matter to us the
surf was great and everything smelled like magnolias.</p>
<h3 id="empty-title-16">empty title</h3>
<h3 id="empty-title-17">empty title</h3>
<h3 id="empty-title-18">empty title</h3>
<hr />
<hr />
<hr />
<h4 id="acknowledgements">Acknowledgements</h4>
<p>Thanks to Ada, Aglaia, Ben, Chae, Conor, Irmak, Jenny, Joseph, kamo,
Leslie, Manetta, Marloes, Michael, Rossi.</p>

@ -1,3 +1,6 @@
:root{
--spot-color-1: 009;;
}
@font-face {
font-family: 'Platypi';
src: url('../fonts/Platypi[wght].woff2');
@ -11,79 +14,66 @@
font-weight: 300 800;
font-style: italic;
}
a {
color: inherit;
text-decoration: none;
}
blockquote{
background: linear-gradient(to top left, white, rgba(255, 153, 150, 0), #c048ff),
linear-gradient(to top right, #c9f183, rgba(255, 153, 150, 0), #f13d2b) hsl(36deg 100% 50%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
body {
background-color: #fffdfb;
font-family: 'Platypi', serif;
font-size: 1.3125rem;
font-synthesis: none;
font-size: 41px;
line-height: 3.5rem;
line-height: 1.3;
margin: 0;
padding: 0 70px;
padding: 4rem;
box-sizing: border-box;
}
.content-list {
max-width: 633px;
font-size: 41px;
max-width: 40rem;
margin: auto;
margin-right: 0;
margin-top: 50px;
}
line-height: 3.5rem;
.content-list a {
color: black;
text-decoration: none;
}
.content-list img {
width: 35px;
height: auto;
vertical-align: middle;
filter: saturate(2);
img {
width: 2rem;
height: auto;
vertical-align: middle;
filter: saturate(2);
}
a:hover img, img:hover {
animation: wiggle 0.6s infinite;
cursor: pointer;
}
}
.container {
margin: 50px 0;
}
h1 {
font-weight: 700;
font-size: 50px;
max-width: 20%;
margin: 0;
}
line-height: 3.5rem;
h1 {font-style: normal}
.container h2 {
font-size: 40px;
max-width: 30%;
margin: 0;
margin-bottom: -0.5rem;
h2 {
font-size: 40px;
max-width: 30%;
margin: 0;
margin-bottom: -0.5rem;
}
}
#content {
font-size: 22px;
line-height: 1.7rem;
max-width: 633px;
max-width: 40rem;
margin: auto;
margin-right: 0;
}
#content p {
margin-left: 25mm;
}
#content h1 {display: none;}
#content h2, #content h3 {
text-decoration: underline;
text-align: center;
}
#content strong {
position: absolute;
margin-left: -44mm;
width: 44mm;
}
@keyframes wiggle {
25% {
transform: scale(0.8, 1.3);
@ -95,70 +85,90 @@ h1 {
transform: scale(0.7, 1.2);
}
}
.content-list a:hover img,
.content-list img:hover {
animation: wiggle 0.6s infinite;
cursor: pointer;
.gummies{
display: flex;
margin: 2rem 0;
}
.gummy .caption{
opacity: 0;
transition: opacity 0.5s ease;
}
.gummy:hover .caption{
opacity: 1
}
.gummy img{
width: 4rem;
filter: saturate(2);
}
h1 {
font-weight: 700;
font-size: 50px;
font-style: italic;
margin: 0 0 0.5rem;
}
img{
max-width: 100%;
}
figcaption{
font-size: 0.85rem;
margin-top: 0.5rem;
}
figure{
width: 100%;
margin: 0 0 2rem;
}
nav{
position: fixed;
h1{font-style: normal;}
}
#script{
max-width: 40rem;
margin: auto;
margin-right: 0;
p{
margin-left: 12rem;
}
p:first-of-type{
margin-left: 0;
}
h2, h3 {
text-decoration: underline;
text-align: center;
}
strong {
position: absolute;
margin-left: -12rem;
width: 11rem;
}
}
@media (max-width: 768px) {
body {
font-size: 21px;
line-height: 1.5rem;
padding: 0 50px;
line-height: 1.3;
padding: 2rem;
}
.container {
margin-left: 0;
line-height: 2rem;
margin: 70px 0; /* Adjusted for mobile */
}
.container h1 {
font-size: 30px;
max-width: 200px;
}
.container h2 {
font-size: 20px;
max-width: 70px;
h1 {
font-size: 30px;
font-style: normal;
}
h2 {
font-size: 20px;
margin-bottom: -0.25rem;
}
}
.content-list {
max-width: 90%;
margin-top: 30px;
margin-right: -20px;
}
.content-list img {
width: 25px;
}
#content {
font-size: 15px;
line-height: 1.2rem;
max-width: -webkit-fill-available;
margin: auto;
margin-right: 0;
margin-top: 90px;
margin-bottom: 90px;
}
#content p {
width: 220px;
margin-left: 20mm;
}
#content h1 {display: none;}
#content h2, #content h3 {
text-decoration: underline;
text-align: center;
}
#content strong {
position: absolute;
margin-left: -20mm;
width: 14mm;
font-size: 22px;
line-height: 2rem;
img{
margin: -50px 0;
overflow-y:visible;
}
}
}

@ -3,29 +3,31 @@
<head>
<title>{{ title }}</title>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href=".../style.css">
<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>

Loading…
Cancel
Save