image things

master
Stephen Kerr 6 months ago
parent 685515d42a
commit ac1b8cc114

@ -1,12 +1,11 @@
---
title: Project
title: Backplaces
author: Ada
---
# Title
# Backplaces
### Grad project Description
Hi.\
I made this play for you. It is a question, for us to hold together.

@ -1,10 +1,12 @@
---
title: &lt?water bodies&gt A narrative exploration of divergent digital intimacies
title: \<?water bodies\>
author: Ada
---
# &lt?water bodies&gt : A narrative exploration of divergent digital intimacies
# <?water bodies>
### A narrative exploration of divergent digital intimacies
Water, stories, the body,
all the things we do, are
@ -586,7 +588,7 @@ expanding without ever concluding. They embody a
richness that transcends conventional boundaries,
blending into one another infinitely.
![Figure 1 - Harmonic Series to 32 (Hyacint,2017).](Harmonic_series.png)
![Figure 1 - Harmonic Series to 32 (Hyacint,2017).](../images/Harmonic-series.png)
By likening digital bodies to divergent series, we
embrace the complexity and infinite possibilities

@ -1,5 +1,5 @@
---
title: Project
title: Talking Documents
author: Aglaia
---
@ -7,7 +7,7 @@ author: Aglaia
# Talking Documents
###
![WDKA- Winjhaven Building- February 2024- reading of act0 “” and act1 “”](../aglaia/wijhaven.JPG)
![WDKA- Winjhaven Building- February 2024- reading of act0 “” and act1 “”](../aglaia/wijnhaven.JPG)
This project appeared as a need to explore potential bureaucratic dramaturgies within the educational institution I was part as a student. I was curious about educational bureaucratic mechanisms being driven by smaller-scale paperwork struggles and peers narratives, stories and experiences. However, unexpected emergencies - due to my eviction on the 31st of January 2024 - placed centrally my personal struggles unfolded in parallel with the making period. I ended up conducting accidentally auto-ethnography as the project was dynamically being reshaped due to the material constraints of the bureaucratic timeline.

@ -11,11 +11,13 @@ print("---------")
print("Generating print html")
print("---------")
image_location = "../images/"
all_html = []
# new way using folder list
folders = open('./print/section-order.txt').read().splitlines()
stoplist = ["print", "spin-wheel"]
stoplist = ["print", "images"]
# print(folders)
titles = []
@ -51,6 +53,10 @@ for folder in folders:
html_data = subprocess.check_output(pandoc_command, shell=True, text=True,encoding="utf-8")
print("html has been generated woooooooo!")
s1 = '<img src="'
s2 = '<img src="'+image_location
html_data = html_data.replace(s1, s2)
all_html.append(html_data)
#Images no longer copying, that time has passed.

@ -1,3 +1,8 @@
---
title: Introduction
author:
---
Act 1.
Scene 1.

@ -1,13 +1,13 @@
---
title: Project
author: Stephen
title: Wink!
author: Irmak
---
# Title
Wink!
A Prototype for Interactive Children's Literature
### Grad project Description
# Wink!
### A Prototype for Interactive Children's Literature
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.

@ -1,6 +1,6 @@
---
title: Thesis
author: Stephen
title: Fair Leads
author: Irmak
---

@ -9,23 +9,19 @@
<link rel="stylesheet" type="text/css" href="print_style.css">
</head>
<body>
<div id="contenteo">
<section class="section" id="start-matter"></section>
{{ content[0] }}
</section>
<section class="toc">
<h3>Contents</h3>
<ul>
{% for title in titles %}
{% if loop.index > 1 %}
{% if loop.index > 0 %}
<li class="toc-title"><a href="#section-{{ loop.index + 1 }}">{{ title }}</a></li>
{% if (loop.index == 2) or (loop.index == 18) or (loop.index == 22) %}
<br>
{% endif %}
{% endif %}
{% endfor %}
</ul>
</section>
<div id="contenteo">
<section class="section" id="start-matter"></section>
{{ content[0] }}
</section>
{% for section in content %}
{% if loop.index > 1 %}
<!-- <section class="header-page" id="{{ titles[loop.index] }}">

@ -1,5 +1,7 @@
/* Image sizes */
img{
width: 100%;
}
figure{
margin: 5mm 0;
}

@ -9,109 +9,110 @@
<link rel="stylesheet" type="text/css" href="print_style.css">
</head>
<body>
<div id="contenteo">
<section class="section" id="start-matter"></section>
<p>Act 1. Scene 1.</p>
<p>Internal. A reader holds a book in their hands. The first page of the
book is opened, the reader holds it to their face and smells the paper,
touches it. The book touches them back.</p>
<p>the book (whispering in the readers ear): Being vulnerable means
being transparent, open and brave, trusting others to handle stories
with care. By publicly sharing and processing our narratives, we take
ownership of our experiences while contributing to a collective voice.
Even when we incorporate stories from others, our names remain attached
to this collective creation: Ada, Aglaia, Irmak, Stephen. We have
created interfaces highlighting the balance between communal sharing,
individual responsibility and awareness.</p>
<p>the reader: Interfaces?</p>
<p>the book: Interfaces are boundaries that connect and separate.
Theyre the spaces that fill the void between us. An interface can be an
act, a story, a keyboard, a cake; It allows us to be vulnerable
together, to share our stories with and through each other. I am a
collection of these interfaces.</p>
<p>the reader (confused): What do you mean a collection, like a
catalogue?</p>
<p>the book: Yeah I guess. I weave the words and the works we created
during…</p>
<p>the reader: we?</p>
<p>the book: …I mean the four of us, the students of Experimental
Publishing at the Piet Zwart Institute. From 2022 until today, June
2024, we published three special issues together. We wrote four theses
and made four graduation projects. We grew our hair out and cut it and
grew it again and dyed it. We cared and cried for each other, we brewed
muddy coffee and bootlegged books. (The book tears up) Finishing a
Masters is a bit of a heavy moment for us and this book is a gentle
archive, a memory of things that have been beautiful to us.</p>
<p>the reader (sarcastically): do you have a tissue, im soooo
touched.</p>
<p>the book: malaka, just read me already!</p>
</section>
<section class="toc">
<h3>Contents</h3>
<ul>
<li class="toc-title"><a href="#section-2">Introduction</a></li>
<li class="toc-title"><a href="#section-3">?water bodies&amp;gt A narrative exploration of divergent digital intimacies</a></li>
<br>
<li class="toc-title"><a href="#section-3">Backplaces</a></li>
<li class="toc-title"><a href="#section-4">&lt;?water bodies&gt;</a></li>
<li class="toc-title"><a href="#section-4">Project</a></li>
<li class="toc-title"><a href="#section-5">Talking Documents</a></li>
<li class="toc-title"><a href="#section-5">Performing the Bureaucratic Border(line)s</a></li>
<li class="toc-title"><a href="#section-6">Performing the Bureaucratic Border(line)s</a></li>
<li class="toc-title"><a href="#section-6">Project</a></li>
<li class="toc-title"><a href="#section-7">Wink!</a></li>
<li class="toc-title"><a href="#section-8">Fair Leads</a></li>
<li class="toc-title"><a href="#section-7">Thesis</a></li>
<li class="toc-title"><a href="#section-9">What do graphic designers do all day and why do they do it and what does “graphic design” even mean?!????!!1!?</a></li>
<li class="toc-title"><a href="#section-8">What do graphic designers do all day and why do they do it and what does “graphic design” even mean?!????!!1!?</a></li>
<li class="toc-title"><a href="#section-10"></a></li>
<li class="toc-title"><a href="#section-9">Garden Leeszaal</a></li>
<li class="toc-title"><a href="#section-11">Garden Leeszaal</a></li>
<li class="toc-title"><a href="#section-12">Console</a></li>
<li class="toc-title"><a href="#section-10">Console Special Issue XX</a></li>
<li class="toc-title"><a href="#section-13">TTY</a></li>
<li class="toc-title"><a href="#section-11">Colophon</a></li>
<li class="toc-title"><a href="#section-14">Colophon</a></li>
</ul>
</section>
<div id="contenteo">
<section class="section" id="start-matter"></section>
<p>Act 1. Scene 1.</p>
<p>Internal. A reader holds a book in their hands. The first page of the
book is opened, the reader holds it to their face and smells the paper,
touches it. The book touches them back.</p>
<p>the book (whispering in the readers ear): Being vulnerable means
being transparent, open and brave, trusting others to handle stories
with care. By publicly sharing and processing our narratives, we take
ownership of our experiences while contributing to a collective voice.
Even when we incorporate stories from others, our names remain attached
to this collective creation: Ada, Aglaia, Irmak, Stephen. We have
created interfaces highlighting the balance between communal sharing,
individual responsibility and awareness.</p>
<p>the reader: Interfaces?</p>
<p>the book: Interfaces are boundaries that connect and separate.
Theyre the spaces that fill the void between us. An interface can be an
act, a story, a keyboard, a cake; It allows us to be vulnerable
together, to share our stories with and through each other. I am a
collection of these interfaces.</p>
<p>the reader (confused): What do you mean a collection, like a
catalogue?</p>
<p>the book: Yeah I guess. I weave the words and the works we created
during…</p>
<p>the reader: we?</p>
<p>the book: …I mean the four of us, the students of Experimental
Publishing at the Piet Zwart Institute. From 2022 until today, June
2024, we published three special issues together. We wrote four theses
and made four graduation projects. We grew our hair out and cut it and
grew it again and dyed it. We cared and cried for each other, we brewed
muddy coffee and bootlegged books. (The book tears up) Finishing a
Masters is a bit of a heavy moment for us and this book is a gentle
archive, a memory of things that have been beautiful to us.</p>
<p>the reader (sarcastically): do you have a tissue, im soooo
touched.</p>
<p>the book: malaka, just read me already!</p>
</section>
<!-- <section class="header-page" id="Project">
<h1>?water bodies&amp;gt A narrative exploration of divergent digital intimacies</h1>
<!-- <section class="header-page" id="&lt;?water bodies&gt;">
<h1>Backplaces</h1>
</section> -->
<section id="section-3" class="section">
<h1 id="title">Title</h1>
<h3 id="grad-project-description">Grad project Description</h3>
<h1 id="backplaces">Backplaces</h1>
<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
@ -161,14 +162,13 @@ all.</p>
<!-- <section class="header-page" id="Performing the Bureaucratic Border(line)s">
<h1>Project</h1>
<!-- <section class="header-page" id="Talking Documents">
<h1>&lt;?water bodies&gt;</h1>
</section> -->
<section id="section-4" class="section">
<h1
id="ltwater-bodiesgt-a-narrative-exploration-of-divergent-digital-intimacies">&amp;lt?water
bodies&amp;gt : A narrative exploration of divergent digital
intimacies</h1>
<h1 id="section"><?water bodies></h1>
<h3 id="a-narrative-exploration-of-divergent-digital-intimacies">A
narrative exploration of divergent digital intimacies</h3>
<p>Water, stories, the body, all the things we do, are mediums that hide
and show whats hidden. (Rumi, 1995 translation)</p>
<h2 id="for-you">꙳for you</h2>
@ -566,7 +566,7 @@ perpetually expanding without ever concluding. They embody a richness
that transcends conventional boundaries, blending into one another
infinitely.</p>
<figure>
<img src="Harmonic_series.png"
<img src="../images/../images/Harmonic-series.png"
alt="Figure 1 - Harmonic Series to 32 (Hyacint,2017)." />
<figcaption aria-hidden="true">Figure 1 - Harmonic Series to 32
(Hyacint,2017).</figcaption>
@ -856,14 +856,14 @@ University of Nebraska Press.</p>
<!-- <section class="header-page" id="Project">
<h1>Performing the Bureaucratic Border(line)s</h1>
<!-- <section class="header-page" id="Performing the Bureaucratic Border(line)s">
<h1>Talking Documents</h1>
</section> -->
<section id="section-5" class="section">
<h1 id="talking-documents">Talking Documents</h1>
<h3 id="section"></h3>
<figure>
<img src="../aglaia/wijhaven.JPG"
<img src="../images/../aglaia/wijnhaven.JPG"
alt="WDKA- Winjhaven Building- February 2024- reading of act0 “” and act1 “”" />
<figcaption aria-hidden="true">WDKA- Winjhaven Building- February 2024-
reading of act0 “” and act1 “”</figcaption>
@ -892,9 +892,9 @@ of Rotterdam I documented and archived throughout this period. I
preserved the sequence of the given sentences and by discarding the
graphic design of the initial forms, I structured and repurposed the
text into a playable scenario.</p>
<p><img src="../aglaia/call_scenario.png"
<p><img src="../images/../aglaia/call_scenario.png"
alt="Act 2 “Call with the municipality about the rejection of my application”" />
<img src="../aglaia/deregistration1.png"
<img src="../images/../aglaia/deregistration1.png"
alt="Act 7 “Confirmation document of my deregistration”" /></p>
<p>I perceive the document as a unit and as the fundamental symbolic
interface of the bureaucratic network. The transformation of the
@ -910,21 +910,21 @@ different spaces and contexts, pubic and semi-public WDKA, Art Meets
Radical Openness Festival in Linz, the City Hall of Rotterdam where I
invited people to perform the play together, like a tiny theater.</p>
<figure>
<img src="../aglaia/AMRO_all.jpg"
<img src="../images/../aglaia/AMRO_all.jpg"
alt="Art Meets Radical Openness Festival Linz, Austria - May 2024 - Reading Act 2 and Act3 in the tent" />
<figcaption aria-hidden="true">Art Meets Radical Openness Festival
Linz, Austria - May 2024 - Reading Act 2 and Act3 in the
tent</figcaption>
</figure>
<p><img src="../aglaia/AMRO_kamo.jpg" /></p>
<p><img src="../images/../aglaia/AMRO_kamo.jpg" /></p>
<figure>
<img src="../aglaia/gemeente_front.png"
<img src="../images/../aglaia/gemeente_front.png"
alt="City Hall Rotterdam - May 2024 - Reading of Act 5 and Act 6" />
<figcaption aria-hidden="true">City Hall Rotterdam - May 2024 - Reading
of Act 5 and Act 6</figcaption>
</figure>
<figure>
<img src="../aglaia/statue_garden.jpg" alt="The garden of Gemeente" />
<img src="../images/../aglaia/statue_garden.jpg" alt="The garden of Gemeente" />
<figcaption aria-hidden="true">The garden of Gemeente</figcaption>
</figure>
<p>The marginal voices of potential applicants are embodying and
@ -943,7 +943,7 @@ collectively voiced scenario. This audio piece is a constellation of
different recordings and soundscapes of these public moments, a vocal
archive, published in the graduation exhibition of XPUB in 2024.</p>
<figure>
<img src="../aglaia/passport1.png"
<img src="../images/../aglaia/passport1.png"
alt="XML at XPUB studio January 2024 - Passport Reading Session" />
<figcaption aria-hidden="true">XML at XPUB studio January 2024 -
Passport Reading Session</figcaption>
@ -953,8 +953,8 @@ Passport Reading Session</figcaption>
<!-- <section class="header-page" id="Thesis">
<h1>Project</h1>
<!-- <section class="header-page" id="Wink!">
<h1>Performing the Bureaucratic Border(line)s</h1>
</section> -->
<section id="section-6" class="section">
<h1 id="performing-the-bureaucratic-borderlines">Performing the
@ -1050,7 +1050,7 @@ from a country of the European South that constitutes a rigid, violent
border that repulses and kills thousands of migrants and refugees. In
the following chapter, I will attempt to explore the terrain of material
borders in relation to bureaucracy as another multi-layered filter.</p>
<p>![Front-facing camera at self-counter in LIDL]</p>
<p>[Front-facing camera at self-counter in LIDL]</p>
<p>What constitutes a border? Is it a wall, a line, a fence, a machine,
a door, an armed body or a wound on the land? When somebody crosses a
border are they consciously aware of the act of crossing? I am crossing
@ -1846,16 +1846,17 @@ crisis. London: Rowman &amp; Littlefield Publishers.</p>
<!-- <section class="header-page" id="What do graphic designers do all day and why do they do it and what does “graphic design” even mean?!????!!1!?">
<h1>Thesis</h1>
<!-- <section class="header-page" id="Fair Leads">
<h1>Wink!</h1>
</section> -->
<section id="section-7" class="section">
<h1 id="title">Title</h1>
<p>Wink! A Prototype for Interactive Childrens Literature ### Grad
project Description 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
<h1 id="wink">Wink!</h1>
<h3 id="a-prototype-for-interactive-childrens-literature">A Prototype
for Interactive Childrens Literature</h3>
<p>Wink is a prototype for an interactive picture book platform. This
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
@ -1891,8 +1892,8 @@ making accesible interactive narratives…</p>
<!-- <section class="header-page" id="Garden Leeszaal">
<h1>What do graphic designers do all day and why do they do it and what does “graphic design” even mean?!????!!1!?</h1>
<!-- <section class="header-page" id="What do graphic designers do all day and why do they do it and what does “graphic design” even mean?!????!!1!?">
<h1>Fair Leads</h1>
</section> -->
<section id="section-8" class="section">
<h1 id="fair-leads">Fair Leads</h1>
@ -2522,8 +2523,8 @@ codes-in-knots-sensing-digital-memories/.</code></pre>
<!-- <section class="header-page" id="Console Special Issue XX">
<h1>Garden Leeszaal</h1>
<!-- <section class="header-page" id="">
<h1>What do graphic designers do all day and why do they do it and what does “graphic design” even mean?!????!!1!?</h1>
</section> -->
<section id="section-9" class="section">
<h1
@ -2531,7 +2532,7 @@ id="what-do-graphic-designers-do-all-day-and-why-do-they-do-it-and-what-does-gra
do graphic designers do all day and why do they do it and what does
“graphic design” even mean?!????!!1!?</h1>
<figure>
<img src="../stephen/its-ok.jpg"
<img src="../images/../stephen/its-ok.jpg"
alt="Custom keyboard mapping for efficient design practice." />
<figcaption aria-hidden="true">Custom keyboard mapping for efficient
design practice.</figcaption>
@ -2556,7 +2557,7 @@ 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"
<img src="../images/../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
@ -2572,7 +2573,7 @@ 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"
<img src="../images/../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
Googles Gmail service. To reveal the work of the designer clearly, I
@ -2584,7 +2585,7 @@ information for Adobe Creative Cloud subscriptions. Leeszaal, Rotterdam,
November 7th 2023.</figcaption>
</figure>
<figure>
<img src="../stephen/laziness.jpg"
<img src="../images/../stephen/laziness.jpg"
alt="A performative tool that measures the laziness of the designer as they work and graphs it on a pen plotter. The less the designer uses the mouse, the longer a line the pen plotter draws, it creates a record of the tiny moments between the work." />
<figcaption aria-hidden="true">A performative tool that measures the
laziness of the designer as they work and graphs it on a pen plotter.
@ -2600,7 +2601,7 @@ true to who I am.</p>
</blockquote>
<p>Excerpt from xpub application letter, March 15th 2022.</p>
<figure>
<img src="../stephen/peecee.jpg"
<img src="../images/../stephen/peecee.jpg"
alt="Re-enacting dreams about work at Piet Zwart Institute, Rotterdam, Netherlands. Participants use felt dolls to tell stories of our dreams on the small and squishy stage. Were trying to balance design labour with other labour like making food for our loved ones, we cant stop brushing our teeth, brushing, brushing, brushing. February 5th 2024." />
<figcaption aria-hidden="true">Re-enacting dreams about work at Piet
Zwart Institute, Rotterdam, Netherlands. Participants use felt dolls to
@ -2610,7 +2611,7 @@ loved ones, we cant stop brushing our teeth, brushing, brushing,
brushing. February 5th 2024.</figcaption>
</figure>
<figure>
<img src="../stephen/amro.jpeg"
<img src="../images/../stephen/amro.jpeg"
alt="Collective dream re-enactment at Art Meets Radical Openness, Linz, Austria. Inside a tent, a group of people perform eachothers dreams about work and discuss and analyse them together. We feel like impostors, we dont know how to work these machines, were going to crash. March 11th 2024." />
<figcaption aria-hidden="true">Collective dream re-enactment at Art
Meets Radical Openness, Linz, Austria. Inside a tent, a group of people
@ -2619,11 +2620,11 @@ together. We feel like impostors, we dont know how to work these
machines, were going to crash. March 11th 2024.</figcaption>
</figure>
<figure>
<img src="../stephen/dizzy.jpeg" alt="Where do dreams come from?" />
<img src="../images/../stephen/dizzy.jpeg" alt="Where do dreams come from?" />
<figcaption aria-hidden="true">Where do dreams come from?</figcaption>
</figure>
<figure>
<img src="../stephen/form.png"
<img src="../images/../stephen/form.png"
alt="do you ever dream about work? Online research and publication where we shared our dreams, worries, rants, designs. The answers to the question are published together as a collection of voices." />
<figcaption aria-hidden="true">do you ever dream about work? Online
research and publication where we shared our dreams, worries, rants,
@ -2631,7 +2632,7 @@ designs. The answers to the question are published together as a
collection of voices.</figcaption>
</figure>
<figure>
<img src="../stephen/wood-keyboard.jpeg"
<img src="../images/../stephen/wood-keyboard.jpeg"
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>
@ -3034,8 +3035,8 @@ I made this to explore why designers make design, based on Clifford Geertz's ide
<!-- <section class="header-page" id="Colophon">
<h1>Console Special Issue XX</h1>
<!-- <section class="header-page" id="Garden Leeszaal">
<h1></h1>
</section> -->
<section id="section-10" class="section">
<h1 id="section"></h1>
@ -3058,25 +3059,25 @@ of a belief system involving order, structure, and rationality and I
want to break it. Removing the label is part of loosening the object,
making it avilable to transition (Berlant, 2022).</p>
<figure>
<img src="./images/orange.jpg" style="margin-top: 95mm; width: 40mm;" alt="The Cadaster of Orange, unknown ⊞er, c. 100 CE." />
<img src="../images/orange.jpg" style="margin-top: 95mm; width: 40mm;" alt="The Cadaster of Orange, unknown ⊞er, c. 100 CE." />
<figcaption aria-hidden="true">
The Cadaster of Orange,<br /> unknown ⊞er, c. 100 CE.
</figcaption>
</figure>
<figure>
<img src="./images/Niggli-Grid-systems-in-graphic-design-7.jpg" style="margin-top: 95mm" alt="Grid Systems in Graphic ⊞, Josef Muller-Brockmann, 1981." />
<img src="../images/Niggli-Grid-systems-in-graphic-design-7.jpg" style="margin-top: 95mm" alt="Grid Systems in Graphic ⊞, Josef Muller-Brockmann, 1981." />
<figcaption aria-hidden="true">
Grid Systems in Graphic ⊞, Josef Muller-Brockmann, 1981.
</figcaption>
</figure>
<figure>
<img src="./images/albuni2.jpg"
<img src="../images/./images/albuni2.jpg"
alt="Shams al-Maarif, Ahmad al-Buni Almalki, circa 1200." />
<figcaption aria-hidden="true">Shams al-Maarif, Ahmad al-Buni Almalki,
circa 1200.</figcaption>
</figure>
<figure>
<img src="./images/Simple_carthesian_coordinate_system.svg"
<img src="../images/./images/Simple_carthesian_coordinate_system.svg"
alt="Cartesian Geometry, Rene Descartes, 1637." />
<figcaption aria-hidden="true">Cartesian Geometry, Rene Descartes,
1637.</figcaption>
@ -3089,19 +3090,19 @@ alt="Homage to the Square, Josef Albers, 1954." />
1954.</figcaption>
</figure>
<figure>
<img src="./images/TheoVAnDoesburgCounterCompositionVI.jpg"
<img src="../images/./images/TheoVAnDoesburgCounterCompositionVI.jpg"
alt="Counter Composition VI, Theo Van Doesburg, 1925." />
<figcaption aria-hidden="true">Counter Composition VI,<br />
Theo Van Doesburg, 1925.</figcaption>
</figure>
<figure>
<img src="./images/po-valley2.png" style="margin-top: 95mm;" alt="The Po Valley, The Roman Empire, 268 BCE." />
<img src="../images/po-valley2.png" style="margin-top: 95mm;" alt="The Po Valley, The Roman Empire, 268 BCE." />
<figcaption aria-hidden="true">
The Po Valley, The Roman Empire, 268 BCE.
</figcaption>
</figure>
<figure>
<img src="./images/pietzwart.jpg"
<img src="../images/./images/pietzwart.jpg"
alt="Monogram, Piet Zwart, c. 1968." />
<figcaption aria-hidden="true">Monogram, Piet Zwart,
c. 1968.</figcaption>
@ -4010,8 +4011,8 @@ thesis, its written specifically for you.</p>
<!-- <section class="header-page" id="">
<h1>Colophon</h1>
<!-- <section class="header-page" id="Console">
<h1>Garden Leeszaal</h1>
</section> -->
<section id="section-11" class="section">
<h1 id="garden-leeszaal-special-issue-xix">Garden Leeszaal: Special
@ -4052,25 +4053,25 @@ plotting, weaving words together, cutting words, removing words,
overwriting, printing, and scanning. It was magical having an object in
the end. A whole book was made by all of us that evening. Stations,
machines, a cloud of cards, a sleeve that warms up THE BOOK.</p>
<p><img src="pruning.jpg"
<p><img src="../images/pruning.jpg"
alt="Irmaks and Aglaias Pruning station, where people edited punctuation and text, scanned it then printed it with a dot matrix." />
<img src="card-cloud-leeszaal.jpg"
<img src="../images/card-cloud-leeszaal.jpg"
alt="Cloud of cards with instructions to be performed on the books" />
<img src="final-book.jpg"
<img src="../images/final-book.jpg"
alt="The final book produced that evening, the cover was made from hand-stiched covers of discarded books." />
<img src="mint-scan.jpg"
<img src="../images/mint-scan.jpg"
alt="Page of the final book containing scans of the edited book, an instruction card, a pen-plotted bookmark with a quote from the book and a sprig of mint." />
<img src="drawn-book.jpg"
<img src="../images/drawn-book.jpg"
alt="Page of the final book containing scans of a drawn on book, an instruction card and a pen-plotted bookmark with a quote from the book." />
<img src="hand-scan.jpg"
<img src="../images/hand-scan.jpg"
alt="Page of the final book containing scans of edited books, a hand and coins." />
<img src="second-edition-open.jpg"
<img src="../images/second-edition-open.jpg"
alt="Page of the second edition, containing scans of edited books and instruction cards." />
<img src="second-edition.jpg"
<img src="../images/second-edition.jpg"
alt="The second edition of the final book from the event." /> <img
src="people-bins.jpg"
alt="People choosing books from the discarded books bins, behind the instructions cards cloud." />
<img src="editing.jpg"
<img src="../images/editing.jpg"
alt="Part of the Pruning process, the editing of a book page." /> <img
src="open-bin.jpg" alt="Bin of discarded books from Leeszal." /> <img
src="binding.jpg"
@ -4080,8 +4081,8 @@ alt="The binding of the scans into the final book at the end of the evening." />
<!-- <section class="header-page" id="">
<h1></h1>
<!-- <section class="header-page" id="TTY">
<h1>Console</h1>
</section> -->
<section id="section-12" class="section">
<h1 id="console-special-issue-xx">Console: Special Issue XX</h1>
@ -4106,36 +4107,34 @@ the role of ideology and social reproduction. We reinterpreted bits of
the world and created stories from it (modding, fiction, narrative)
focusing on community, interaction, relationships, grief and
healing.</p>
<p><img src="holographic.jpg" alt="Holographic Oracle Deck" /> <img
<p><img src="../images/holographic.jpg" alt="Holographic Oracle Deck" /> <img
src="oracolotto.jpg" alt="Reading with the Oracolotto cards." /> <img
src="worrydolls.jpg" alt="Worry Dolls" /> <img src="console-book.jpg"
src="worrydolls.jpg" alt="Worry Dolls" /> <img src="../images/console-book.jpg"
alt="Screenprinted book cover of the Console Booklet, from The Upside Down Oracolotto card." />
<img src="cara-ritual.jpg"
<img src="../images/cara-ritual.jpg"
alt="Nighttime Ritual: Guided meditation from cardboardlamb" /> <img
src="youtube-tarot.jpg"
alt="Imagined tarot cards based on YouTube comments" /> <img
src="federici.jpg"
alt="Laser engraved quote from Silvia Federici, Love is the great magician, the demon that unites earth and sky and makes humans so round, so whole in their being, that once united they cannot be defeated." />
<img src="console-open.jpg"
<img src="../images/console-open.jpg"
alt="Console box with Fiction Friction, Oracolotto, the Wheel of Fortune, a Worry Doll, tea and a tealight." />
<img src="console-front.jpg"
<img src="../images/console-front.jpg"
alt="Screenprinted cover of the Console box." /> <img
src="license-reading.jpg"
alt="SIXX Licence reading ceremony at Page Not Found. The copyleft licence for this object included (in additional permission 4b) a term specifying the ritual absorption of intellectual property." />
<img src="fiction-friction.jpg"
<img src="../images/fiction-friction.jpg"
alt="Fiction Friction gameplay during the launch at Page Not Found." />
<img src="tetris.jpg" alt="Modified tetris fantasies" /></p>
<img src="../images/tetris.jpg" alt="Modified tetris fantasies" /></p>
</section>
<!-- <section class="header-page" id="">
<h1></h1>
<!-- <section class="header-page" id="Colophon">
<h1>TTY</h1>
</section> -->
<section id="section-13" class="section">
<p>z— title: tty special issue 21 author: Stephen</p>
<hr />
<h1 id="tty-special-issue-21">TTY: Special Issue 21</h1>
<p>why shd it only make use of the tips of the fingers as contact points
of flowing multi directional creativity. If I invented a word placing
@ -4197,30 +4196,30 @@ otherwise technical progress and computational genealogies.</p>
editor Martino Morandi, and contributors Andrea di Serego Alighieri,
Femke Snelting, Isabelle Sully, Jara Rocha, Roel Roscam Abbing, and
Zoumana Meïté.</p>
<p><img src="imagename.png"
<p><img src="../images/imagename.png"
alt="An inscription performance using the TeleType Model 33 and a 40m stairwell." />
<img src="imagename.png"
<img src="../images/imagename.png"
alt="A reading and writing of poetry using pedestrians and vinyl quotes." />
<img src="imagename.png"
<img src="../images/imagename.png"
alt="Gesture Glossary (screenshot or gif? maybe several): how a body language is documented, how it expands, how it is capable of creating or enhancing identities." />
<img src="imagename.png" alt="It would have been better to fuck." />
<img src="imagename.png" alt="maybe an image at the telecom museum" />
<img src="imagename.png"
<img src="../images/imagename.png" alt="It would have been better to fuck." />
<img src="../images/imagename.png" alt="maybe an image at the telecom museum" />
<img src="../images/imagename.png"
alt="Wiki strike screenshot: embedding hidden comments in a wiki to highlight the invisible labour, to provide comprehensive details about our intentions and the underlying ideas while maintaining the wikis regular functionality." />
<img src="imagename.png"
<img src="../images/imagename.png"
alt="Hey Babe arduino based telephone experience. Callers can listen to love stories, excerpts from conversations at the Houweling Telecom Museum, Rotterdam, parts from the documentary The Phantom of the Operator and a collective reading experience on binary systems, time, worms and pebbles." />
<img src="imagename.png"
<img src="../images/imagename.png"
alt="Ive fallen in love with you and I have no idea what to do about it. Phone cards inviting participation in “Hey Babe”. Someone holding it in the street?" />
<img src="imagename.png"
<img src="../images/imagename.png"
alt="Encoding Convertor: the wacky world of character en-coding." /></p>
<p><img src="imagename.png"
<p><img src="../images/imagename.png"
alt="Overlap screenshot (or is there an image from when we were working on it in the MD room?) We have a bag full of planets, stars, our favorite moments, darkest fears, best intentions and worst feelings. Our bag is now in the middle, its ready for you to discover and see the networks of our minds, make knots in the middle or intervene with what we call is a collective memory of few xpubbers." />
<img src="imagename.png"
<img src="../images/imagename.png"
alt="Hexalogue booklet. A conversation for six voices is encoded and documented in a script." />
<img src="imagename.png"
<img src="../images/imagename.png"
alt="Hexalogue reading in Constant, Brussels." /> <img
src="imagename.png" alt="The brick." /></p>
<p><img src="imagename.png" alt="Adas switchboard" /> <img
<p><img src="../images/imagename.png" alt="Adas switchboard" /> <img
src="imagename.png" alt="wiki edit inscriptions" /></p>
</section>
@ -4228,7 +4227,7 @@ src="imagename.png" alt="wiki edit inscriptions" /></p>
<!-- <section class="header-page" id="">
<h1></h1>
<h1>Colophon</h1>
</section> -->
<section id="section-14" class="section">
<h1 id="colophon">Colophon</h1>

@ -3,25 +3,19 @@
:root{
/* --spot-color-1: #53018e; */
--spot-color-1: #000;
--spot-color-1: #00f;
--baseline: 4mm;
--margin-left: 10mm;
}
@font-face {
font-family: 'Platypi';
src: url('../fonts/webfonts/Platypi-Regular.woff2');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Platypi';
src: url('../fonts/webfonts/Platypi-Italic.woff2');
font-weight: bold;
}
@note-area {
float: bottom;
float-reference: page;
width: 100½;
max-height 80%;
font-style: italic;
}
notes{
position: note(sidenotes);
@ -86,7 +80,7 @@ a{
line-height: 1.1;
white-space: pre-wrap;
}
#contenteo{
body{
font-family: 'Platypi-Regular','platypi' ;
line-height: 1.3;
font-size: 9pt;
@ -143,10 +137,14 @@ section{
margin: 0;
}
.toc-title{
break-before: none;
break-after: none;
font-size: 24pt;
font-weight: medium;
line-height: 8mm;
display: inline;
}
.toc-title a::after{
content: target-counter(attr(href url), page);
float: right;
font-size: 9pt;
color: var(--spot-color-1);
padding: 0 1rem;
}

@ -1,5 +1,5 @@
---
title: Console Special Issue XX
title: Console
author: Stephen
---

@ -1,5 +1,5 @@
z---
title: tty special issue 21
---
title: TTY
author: Stephen
---

@ -1,3 +1,8 @@
---
title: Special Issues
author:
---
Special Issues are publications thrice released by first-year XPUB Master's students. Each edition focuses on a specific theme or issue. The themes tie to external events and collaborations. Students and staff work together to explore these themes, rethinking what a publication can be. Each edition culminates in a celebratory release party.The structure, tools, and workflows are reset every trimester. This reset allows roles to rotate among participants and fosters an adapting learning environment. It provides a space to experiment beyond traditional collaborative methods.
Our inaugural Special Issue was number 19, in collaboration with Simon Browne. Garden Leeszaal was a snapshot of Leeszaal Library through the metaphor of gardening. During the release, we invited participants to engage with the library's discarded books. We pruned, gleaned, and grafted the books using pens, pen-plotters, scissors, and glue. Then we harvested a book of our collective work. Garden Leeszaal was an open dialogue. It was a tool for collective writing, a group-made collage, and an archive. For us, being a gardener meant caring for the people and books that formed the library.
The following Special Issue was number 20, assisted by Lìdia Pereira and Artemis Gryllaki. Console was 20 hand-made wooden boxes. It was an oracle and an emotional first aid kit to help you help yourself. It invites you to delve into its contents to discover healing methods. Console offers refuge for dreams, memories, and worries. It guides you to face the past. You will then meet your fortune and gain a new view through rituals and practices. It prompts everyday questions with magical answers, asking: Are you ready to play?

@ -1,3 +1,8 @@
---
title: ⊞
author: Stephen
---
# ⊞
@ -53,12 +58,12 @@ want to break it. Removing the label is part of loosening the object,
making it avilable to transition (Berlant, 2022).
<figure>
<img src="./images/orange.jpg" style="margin-top: 95mm; width: 40mm;" alt="The Cadaster of Orange, unknown ⊞er, c. 100 CE." /><figcaption aria-hidden="true">The Cadaster of Orange,<br />
<img src="orange.jpg" style="margin-top: 95mm; width: 40mm;" alt="The Cadaster of Orange, unknown ⊞er, c. 100 CE." /><figcaption aria-hidden="true">The Cadaster of Orange,<br />
unknown ⊞er, c. 100 CE.</figcaption>
</figure>
<figure>
<img src="./images/Niggli-Grid-systems-in-graphic-design-7.jpg" style="margin-top: 95mm" alt="Grid Systems in Graphic ⊞, Josef Muller-Brockmann, 1981." /><figcaption aria-hidden="true">Grid Systems in Graphic ⊞, Josef Muller-Brockmann, 1981.</figcaption>
<img src="Niggli-Grid-systems-in-graphic-design-7.jpg" style="margin-top: 95mm" alt="Grid Systems in Graphic ⊞, Josef Muller-Brockmann, 1981." /><figcaption aria-hidden="true">Grid Systems in Graphic ⊞, Josef Muller-Brockmann, 1981.</figcaption>
</figure>
![Shams al-Ma'arif, Ahmad al-Buni Almalki, circa
@ -75,7 +80,7 @@ Theo Van Doesburg,
1925.](./images/TheoVAnDoesburgCounterCompositionVI.jpg)
<figure>
<img src="./images/po-valley2.png" style="margin-top: 95mm;" alt="The Po Valley, The Roman Empire, 268 BCE." /><figcaption aria-hidden="true">The Po Valley, The Roman Empire, 268 BCE.</figcaption>
<img src="po-valley2.png" style="margin-top: 95mm;" alt="The Po Valley, The Roman Empire, 268 BCE." /><figcaption aria-hidden="true">The Po Valley, The Roman Empire, 268 BCE.</figcaption>
</figure>
![Monogram, Piet Zwart, c. 1968.](./images/pietzwart.jpg)

Loading…
Cancel
Save