aglaia 5 months ago
commit c87f2d61f3

@ -703,9 +703,9 @@ https://vulnerable-interfaces.xpub.nl/backplaces/.</p>
<p>You open the page, and you are asked to write the characters you see <p>You open the page, and you are asked to write the characters you see
in a captcha. E5qr7. eSq9p. 8oc8y. Fuck. You try not to panic, but you in a captcha. E5qr7. eSq9p. 8oc8y. Fuck. You try not to panic, but you
know you have been detected.</p> know you have been detected.</p>
You pack up your things: the pie I made you, a love letter, two hands <p>You pack up your things: the pie I made you, a love letter, two hands
made out of felt, a star, a door, a stuffed animal; and you leave again. made out of felt, a star, a door, a stuffed animal; and you leave
</div> again.</span></sup></p>
<h2 id="references">references</h2> <h2 id="references">references</h2>
<p>Adler, P.A. and Adler, P. (2008) The Cyber Worlds of self-injurers: <p>Adler, P.A. and Adler, P. (2008) The Cyber Worlds of self-injurers:
Deviant communities, relationships, and selves, Symbolic Interaction, Deviant communities, relationships, and selves, Symbolic Interaction,

@ -6,14 +6,14 @@ author: Ada
# &lt;?water bodies&gt; # &lt;?water bodies&gt;
### A narrative exploration of <br>divergent digital intimacies <div class="h2-no-pagebreak">A narrative exploration of <br>divergent digital intimacies </div>
--- ---
> Water, stories, the body, > Water, stories, the body,
> all the things we do, are > all the things we do, are
> mediums > mediums
that hide and show whats >that hide and show whats
> hidden. > hidden.
> (Rumi, 1995 translation) > (Rumi, 1995 translation)
@ -905,10 +905,11 @@ are me.
## 2. A LIFE TO BE HAD<sup>11</sup> ## 2. A LIFE TO BE HAD<sup>11</sup>
<div class="fake-margin-note"><sup>11</sup> Was this the end of this story? <div class="fake-margin-note"><sup>11 </sup> Was this the end of this story?\
In the epilogue, you sit your body down and enter your In the epilogue, you sit your body down and enter your
computer. The air coming in from the window smells wet and computer. The air coming in from the window smells wet and
earthy, new. The sun shines low on the horizon. earthy, new. The sun shines low on the horizon.\
You log in to the internet and realize you are being told a story. You log in to the internet and realize you are being told a story.
You start to listen, carefully and, full of love, touch the story to You start to listen, carefully and, full of love, touch the story to
let it know you are there. Delicate-fingered, curious like a child let it know you are there. Delicate-fingered, curious like a child
@ -967,8 +968,7 @@ eSq9p.\
Fuck.\ Fuck.\
You try not to panic, but you know you have been detected.\ You try not to panic, but you know you have been detected.\
You pack up your things: the pie I made you, a love letter, two You pack up your things: the pie I made you, a love letter, a hand made out of felt, a star, a door, a stuffed animal; and
hands made out of felt, a star, a door, a stuffed animal; and
you leave again.</div> you leave again.</div>
## THANK YOU ## THANK YOU
@ -1039,5 +1039,6 @@ doi:10.1177/1440783313486220.
Yun, J. (2020) The Leaving Season, in Some Are Yun, J. (2020) The Leaving Season, in Some Are
Always Hungry. University of Nebraska Press. Always Hungry. University of Nebraska Press.
</div>
# &lt;/?water bodies&gt; <div class="h2-no-pagebreak"> &lt;/?water bodies&gt; </div>

@ -884,7 +884,7 @@ contrary we start interrogating and shouting at the contexts and the
frameworks that construct them and render them invisible, natural and frameworks that construct them and render them invisible, natural and
powerful.</p> powerful.</p>
<hr /> <hr />
<h2 id="references">references</h2> <h2 id="bibliography">references</h2>
<p>Agamben, G. (2000) Means without end: Notes on politics. Minneapolis, <p>Agamben, G. (2000) Means without end: Notes on politics. Minneapolis,
MN: University of Minnesota Press.</p> MN: University of Minnesota Press.</p>
<p>Anzaldua, G. (1987) Borderlands - la Frontera: The new mestiza. 2nd <p>Anzaldua, G. (1987) Borderlands - la Frontera: The new mestiza. 2nd

@ -278,6 +278,7 @@ My intention is to facilitate a series of collective performative readings of bu
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. 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.
--- ---
<div class="bibliography">
## references ## references
@ -323,3 +324,4 @@ Mouffe, C. (2008) Art and Democracy: Art as an Agonistic Internvention. Op
Pater, R. (2021) Caps lock: How capitalism took hold of graphic design, and how to escape from it. Amsterdam, Netherlands: Valiz. Pater, R. (2021) Caps lock: How capitalism took hold of graphic design, and how to escape from it. Amsterdam, Netherlands: Valiz.
Picozza, F. (2021). The coloniality of asylum : mobility, autonomy and solidarity in the wake of Europes refugee crisis. London: Rowman & Littlefield Publishers. Picozza, F. (2021). The coloniality of asylum : mobility, autonomy and solidarity in the wake of Europes refugee crisis. London: Rowman & Littlefield Publishers.
</div>

@ -14,42 +14,42 @@ author: Irmak
Wink is a prototype for an interactive picture book platform. This platform aims to make reading into a mindfull and thought provoking process by using interactive and playful elements, multiple stories within one narrative and sound elements. Especially today where 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. Wink is a prototype for an interactive picture book platform. This platform aims to make reading into a mindfull and thought provoking process by using interactive and playful elements, multiple stories within one narrative and sound elements. Especially today where 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.
!["The twine map of text based story, reachable from Bee Within."](../irmak/twine.png){.half-image} ![The twine map of text based story, reachable from Bee Within.](../irmak/twine.png){.half-image}
Working as a children's 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. Working as a children's 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.
!["Click game story of the Queen Bee."](../irmak/cg.png){.image-95} ![Click game story of the Queen Bee.](../irmak/cg.png){.image-95}
Teachers and parents were finding it difficult to find new books constantly or were tired of rereading the same book. Teachers and parents were finding it difficult to find new books constantly or were tired of rereading the same book.
!["Example page from the print version of the picture book."](../irmak/printp33.jpg){.image-95} ![Example page from the print version of the picture book.](../irmak/printp33.jpg){.image-95}
!["Example page from the print version of the picture book."](../irmak/printp3.jpg){.image-95} ![Example page from the print version of the picture book.](../irmak/printp3.jpg){.image-95}
![''](../irmak/printp44.jpg){.image-95} ![](../irmak/printp44.jpg){.image-95}
![''](../irmak/printp4.jpg){.image-95} ![](../irmak/printp4.jpg){.image-95}
As a young person in the publishing sector, I believe there should be more options 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 called it, "Bee Within". As a young person in the publishing sector, I believe there should be more options 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 called it, "Bee Within".
Bee Within, is a story about grief/memory and it is based on my experiences throughout the years. Bee Within, is a story about grief/memory 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 of loss. In the end, I believe the story turned out to be an ode to remembering or might I say an ode to not being able to forget or an ode 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. I erased it, rewrote it, edited it, destroyed it multiple times over the past years; simultaneously with new experiences of loss. In the end, I believe the story turned out to be an ode to remembering or might I say an ode to not being able to forget or an ode 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.
!["example page from the picture book"](../irmak/printp1.jpg){.half-image} ![Example page from the picture book.](../irmak/printp1.jpg){.half-image}
!["example page from the picture book"](../irmak/printp22.jpg){.image-95} ![Example page from the picture book.](../irmak/printp22.jpg){.image-95}
!["example page from the picture book"](../irmak/printp2.jpg){.image-95} ![Example page from the picture book.](../irmak/printp2.jpg){.image-95}
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. 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.
!["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"](../irmak/improv.JPG){.half-image} ![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.](../irmak/improv.JPG){.half-image}
!["From the event at Leeszaal West, experimenting with knots and poetry. How can we see movement in text?"](../irmak/leeszaalknotpoems.jpg){.image-95} ![From the event at Leeszaal West, experimenting with knots and poetry. How can we see movement in text?](../irmak/leeszaalknotpoems.jpg){.image-95}
!["From the event at Leeszaal West. Some of the results of knotting text"](../irmak/knotpoems2.jpg){.image-95} ![From the event at Leeszaal West. Some of the results of knotting text.](../irmak/knotpoems2.jpg){.image-95}
!["A small sequence of onclick animation for Bee Within"](../irmak/animationseq.png){.image-95} ![A small sequence of onclick animation for Bee Within.](../irmak/animationseq.png){.image-95}
!["A screenshot from Wink!"](../irmak/45.png){.half-image} ![A screenshot from Wink!](../irmak/45.png){.half-image}

Binary file not shown.

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 11 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 54 KiB

After

Width:  |  Height:  |  Size: 50 KiB

@ -33,9 +33,8 @@
</nav> </nav>
<div id="content"><h1 id="fair-leads">Fair Leads</h1> <div id="content"><h1 id="fair-leads">Fair Leads</h1>
<h3 <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.">
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 Fair leads or Fair winds is a saying sailors and knotters use to greet each
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 other. It comes from the working end of a string that will soon be
forming a knot.</h3> forming a knot.</h3>
<hr /> <hr />

@ -11,16 +11,16 @@ author: Irmak
--- ---
I would like to clarify and introduce some terms for you in order to read this text in the desired way. For a while, we will stay in the bight of this journey as we move into forming loops, theories and ideas on how interactive picture books can be used to foster curiosity for reading and creativity for children. I am building a web platform called Wink that aims to contain a childrens story I wrote and am making into an interactive experience, in relation to my research. I would like to clarify and introduce some terms for you in order to read this text in the desired way. For a while, we will stay in the bight of this journey as we move into forming loops, theories and ideas on how interactive picture books can be used to foster curiosity for reading and creativity for children. I am building a web platform called Wink that aims to contain a childrens story I wrote and am making into an interactive experience, in relation to my research.
!["Knotatomy"](../irmak/unnamed.png){.image-80} ![Knotatomy.](../irmak/unnamed.png){.image-80}
Through this bight of the thesis, I feel the necessity to clarify my intention of using knots as a “thinking and writing object” throughout my research journey. Although knots are physical objects and technically crucial in many fields of labor and life, they are also objects of thought and are open for wide minds appreciation. Throughout history, knots have been used to connect, stop, secure, bind, protect, decorate, record data, punish, contain, fly and many other purposes. So if the invention of flying -which required a wing that was supported using certain types of knots was initiated with the knowledge of how to use strings to make things, why wouldnt a research paper make use of this wonderful art as an inspiration for writing and interactive reading? Through this bight of the thesis, I feel the necessity to clarify my intention of using knots as a “thinking and writing object” throughout my research journey. Although knots are physical objects and technically crucial in many fields of labor and life, they are also objects of thought and are open for wide minds appreciation. Throughout history, knots have been used to connect, stop, secure, bind, protect, decorate, record data, punish, contain, fly and many other purposes. So if the invention of flying -which required a wing that was supported using certain types of knots was initiated with the knowledge of how to use strings to make things, why wouldnt a research paper make use of this wonderful art as an inspiration for writing and interactive reading?
## KNOTS AS OBJECTS TO THINK WITH ### KNOTS AS OBJECTS TO THINK WITH
There is a delicate complexity of thinking of and with knots, which ignites layers of simultaneous connections to ones specific experience; where one person may associate the knots with struggles they face, another may think of connecting or thriving times. In a workshop in Rotterdam, I asked participants to write three words that comes to mind when they think of knots. There were some words in common like strong, chaotic, confusing and anxious. On the other hand, there were variations of connection, binding, bridge and support. Keeping these answers in mind or by coming up with your words on knots and embodying them in the practice of reading would make There is a delicate complexity of thinking of and with knots, which ignites layers of simultaneous connections to ones specific experience; where one person may associate the knots with struggles they face, another may think of connecting or thriving times. In a workshop in Rotterdam, I asked participants to write three words that comes to mind when they think of knots. There were some words in common like strong, chaotic, confusing and anxious. On the other hand, there were variations of connection, binding, bridge and support. Keeping these answers in mind or by coming up with your words on knots and embodying them in the practice of reading would make
a difference in how you understand the same text. a difference in how you understand the same text.
!["Knot words from Leeszaal West."](../irmak/knot1.jpeg){.image-95} ![Knot words from Leeszaal West.](../irmak/knot1.jpeg){.image-95}
!["Knot words from Leeszaal West."](../irmak/knot2.jpeg){.image-95} ![Knot words from Leeszaal West.](../irmak/knot2.jpeg){.image-95}
Seeing how these words, interpretations of a physical object were so different to each other was transcendental. In this thesis, I am excited to share my understanding of knots with you. Seeing how these words, interpretations of a physical object were so different to each other was transcendental. In this thesis, I am excited to share my understanding of knots with you.
My three words for knots are resistance, imagination and infinity. Keeping these in mind, My three words for knots are resistance, imagination and infinity. Keeping these in mind,
@ -75,7 +75,7 @@ This map will reveal your mode of reading. The order of reading will be indicate
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. 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. Every reader starts from 1 and continues until 12, with a consecutive numeric order, according to their color/mode.
</section> </section>
![""](../irmak/map.png) ![](../irmak/map.png) {.image-95}
<section class="loops"> <section class="loops">
<sup><span class="margin-note loop-note">1 1 1<img src="../irmak/loop.png"></span></sup> <sup><span class="margin-note loop-note">1 1 1<img src="../irmak/loop.png"></span></sup>
@ -574,7 +574,7 @@ turning Wink into a hybrid format with more autonomous features. For me, at this
and essential to see if my technique of combining narratives is working or not. and essential to see if my technique of combining narratives is working or not.
### Loop 12 ### Loop 12
## Standing End ### Standing End
<sup><span class="margin-note loop-note">12 12 12<img src="../irmak/loop.png"></span></sup> <sup><span class="margin-note loop-note">12 12 12<img src="../irmak/loop.png"></span></sup>
After many loops of thought, we are here at the standing end of the thesis. There is room for After many loops of thought, we are here at the standing end of the thesis. There is room for
more loops and knots in the future to secure this string of thought but for now, we have come to more loops and knots in the future to secure this string of thought but for now, we have come to
@ -603,7 +603,10 @@ I am looking forward to making more knots on this long and mysterious string at
</section> </section>
<div class="bibliography">
## Bibliography ## Bibliography
Cope, B. and Kalantzis, M. (2009) “multiliteracies”: Cope, B. and Kalantzis, M. (2009) “multiliteracies”:
New Literacies, new learning, Pedagogies: An International Journal, New Literacies, new learning, Pedagogies: An International Journal,
4(3), pp. 164195. doi:10.1080/15544800903076044. 4(3), pp. 164195. doi:10.1080/15544800903076044.
@ -646,8 +649,9 @@ Vega, N. (2022) Codes in Knots.
Sensing Digital Memories, The Whole Sensing Digital Memories, The Whole
Life. Available at: https://wholelife.hkw.de/ Life. Available at: https://wholelife.hkw.de/
codes-in-knots-sensing-digital-memories/. codes-in-knots-sensing-digital-memories/.
</div>
## Acknowledgements ## Acknowledgements
Thank you Marloes de Valk, for your enlightening feedbacks and ideas. Thank you Michael Murtaugh, Manetta Berends, Joseph Knierzinger, Leslie Robbins and Steve Rushton for sharing your time and knowledge with me throughout these years. Thank you Marloes de Valk, for your enlightening feedbacks and ideas. Thank you Michael Murtaugh, Manetta Berends, Joseph Knierzinger, Leslie Robbins and Steve Rushton for sharing your time and knowledge with me throughout these years.
Thank you XPUB friends for funny, hectic and memorable moments we made together. Thank you XPUB friends for funny, hectic and memorable moments we made together.

@ -14,11 +14,7 @@
<ul> <ul>
{% for title in titles %} {% for title in titles %}
{% if loop.index > 0 %} {% if loop.index > 0 %}
<li class="toc-title"><a href="#section-{{ loop.index + 1 }}">{{ title }}</a></li> <li class="toc-title"><a href="#section-{{ loop.index + 2 }}">{{ title }}</a></li>
{% if (loop.index == 1) or (loop.index == 9) %}
<br>
<br>
{% endif %}
{% endif %} {% endif %}
{% endfor %} {% endfor %}
</ul> </ul>

@ -12,21 +12,27 @@
padding-right: 40mm; padding-right: 40mm;
background-position:right; background-position:right;
} }
.pagedjs_right_page .loops .margin-note{
margin-left:-15mm;
}
.loops .margin-note{ .loops .margin-note{
background-color: white; background-color: white;
position: absolute; position: absolute;
margin-left: 15mm; margin-left: 15mm;
padding: 5mm 0; padding: 5mm;
padding-left: 0;
color: black; color: black;
} }
.loops .margin-note.loop-note{ .loops .margin-note.loop-note{
text-align: justify; text-align: justify;
width: 25mm; width: 30mm;
font-weight: 700; font-weight: 700;
color: black; color: black;
text-align-last: justify; text-align-last: justify;
}
.pagedjs_right_page .loops .margin-note.loop-note{
margin-left: -15mm; margin-left: -15mm;
border-image-width: 140%;
} }
.loops .margin-note>div{ .loops .margin-note>div{
display: inline-flex; display: inline-flex;

@ -25,6 +25,7 @@ figure{
margin: -13mm 0 0 -10mm; margin: -13mm 0 0 -10mm;
position: relative; position: relative;
object-fit: cover; object-fit: cover;
break-before: page;
figure{ figure{
margin: 0; margin: 0;
} }
@ -42,7 +43,12 @@ figure{
} }
} }
.half-image{ .half-image{
height: unset; /* height: unset; */
height: initial;
}
.pagedjs_left_page .full-image,
.pagedjs_left_page .half-image{
margin-left: -13mm;
} }
.white-caption + figcaption{ .white-caption + figcaption{
color: #fff; color: #fff;

File diff suppressed because it is too large Load Diff

@ -99,7 +99,7 @@ blockquote .margin-note{
margin-left: -25mm; margin-left: -25mm;
} }
.fake-margin-note{ .fake-margin-note{
margin: 40mm 0 0; margin: 20mm 0 0;
a{color:var(--spot-color-1)}; a{color:var(--spot-color-1)};
h1{font-size: 7pt;} h1{font-size: 7pt;}
} }
@ -133,6 +133,16 @@ h1 {
string-set: title content(text); string-set: title content(text);
} }
h2 {
font-size: 1.6em;
}
.h2-no-pagebreak {
font-size: 1.6em;
line-height: 1;
font-style: italic;
break-after: avoid;
}
.reset-margin-notes{ .reset-margin-notes{
counter-reset: markerNote_marginNote -10; counter-reset: markerNote_marginNote -10;
@ -179,8 +189,8 @@ ol, ul {
} }
.toc { .toc {
margin: 10mm 0 0 -10mm; margin: 10mm 0 0 -5mm;
width: 100mm; width: 90mm;
} }
.toc h1{ .toc h1{
display: none; display: none;
@ -190,13 +200,14 @@ ol, ul {
list-style: none; list-style: none;
padding: 0; padding: 0;
margin: 0; margin: 0;
line-height: 8mm; line-height: 6.9mm;
text-align: center;
} }
.toc-title:first-of-type, .toc-title:nth-of-type(2), .toc-title:nth-of-type(10){ /* .toc-title:first-of-type, .toc-title:nth-of-type(2), .toc-title:nth-of-type(10){
margin-left: 40mm; margin-left: 40mm;
} } */
.toc-title{ .toc-title{
font-size: 19pt; font-size: 23pt;
display: inline; display: inline;
} }
@ -208,3 +219,12 @@ margin-left: 40mm;
display: inline-block; display: inline-block;
line-height: 0; line-height: 0;
} }
#digital-bodies + blockquote{
margin-right: 0;
}
#bibliography{
font-size: 7pt;
line-height: 3mm;
}

@ -1,5 +1,5 @@
--- ---
title: do you ever dream about work? title: Do you ever dream about work?
author: Stephen author: Stephen
--- ---

@ -1148,6 +1148,8 @@ surf was great and everything smelled like magnolias.
Thanks to Ada, Aglaia, Ben, Chae, Conor, Irmak, Jenny, Joseph, kamo, Thanks to Ada, Aglaia, Ben, Chae, Conor, Irmak, Jenny, Joseph, kamo,
Leslie, Manetta, Marloes, Michael, Rossi. Leslie, Manetta, Marloes, Michael, Rossi.
<div class="bibliography">
## Bibliography ## Bibliography
@ -1233,3 +1235,4 @@ Sixteen Essays on Typography,* London: The Sylvan Press.
Weber, M., (1905) "The Protestant Ethic and the Spirit of Capitalism", Weber, M., (1905) "The Protestant Ethic and the Spirit of Capitalism",
*Archiv für Sozialwissenschaften* 20, no. 1 (1904), pp. 154; 21, no. 1 *Archiv für Sozialwissenschaften* 20, no. 1 (1904), pp. 154; 21, no. 1
(1905), pp. 1110. (1905), pp. 1110.
</div>
Loading…
Cancel
Save