image things

master
Stephen Kerr 6 months ago
parent 685515d42a
commit ac1b8cc114

@ -1,12 +1,11 @@
--- ---
title: Project title: Backplaces
author: Ada author: Ada
--- ---
# Title # Backplaces
### Grad project Description
Hi.\ Hi.\
I made this play for you. It is a question, for us to hold together. 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 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, Water, stories, the body,
all the things we do, are all the things we do, are
@ -586,7 +588,7 @@ expanding without ever concluding. They embody a
richness that transcends conventional boundaries, richness that transcends conventional boundaries,
blending into one another infinitely. 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 By likening digital bodies to divergent series, we
embrace the complexity and infinite possibilities embrace the complexity and infinite possibilities

@ -1,5 +1,5 @@
--- ---
title: Project title: Talking Documents
author: Aglaia author: Aglaia
--- ---
@ -7,7 +7,7 @@ author: Aglaia
# Talking Documents # 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. 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("Generating print html")
print("---------") print("---------")
image_location = "../images/"
all_html = [] all_html = []
# new way using folder list # new way using folder list
folders = open('./print/section-order.txt').read().splitlines() folders = open('./print/section-order.txt').read().splitlines()
stoplist = ["print", "spin-wheel"] stoplist = ["print", "images"]
# print(folders) # print(folders)
titles = [] titles = []
@ -51,6 +53,10 @@ for folder in folders:
html_data = subprocess.check_output(pandoc_command, shell=True, text=True,encoding="utf-8") html_data = subprocess.check_output(pandoc_command, shell=True, text=True,encoding="utf-8")
print("html has been generated woooooooo!") 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) all_html.append(html_data)
#Images no longer copying, that time has passed. #Images no longer copying, that time has passed.

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

@ -1,13 +1,13 @@
--- ---
title: Project title: Wink!
author: Stephen author: Irmak
--- ---
# Title # Wink!
Wink!
A Prototype for Interactive Children's Literature ### A Prototype for Interactive Children's Literature
### Grad project Description
Wink is a prototype for an interactive picture book platform. This platform aims 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. 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 title: Fair Leads
author: Stephen author: Irmak
--- ---

@ -9,23 +9,19 @@
<link rel="stylesheet" type="text/css" href="print_style.css"> <link rel="stylesheet" type="text/css" href="print_style.css">
</head> </head>
<body> <body>
<div id="contenteo">
<section class="section" id="start-matter"></section>
{{ content[0] }}
</section>
<section class="toc"> <section class="toc">
<h3>Contents</h3>
<ul> <ul>
{% for title in titles %} {% 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> <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 %} {% endif %}
{% endfor %} {% endfor %}
</ul> </ul>
</section> </section>
<div id="contenteo">
<section class="section" id="start-matter"></section>
{{ content[0] }}
</section>
{% for section in content %} {% for section in content %}
{% if loop.index > 1 %} {% if loop.index > 1 %}
<!-- <section class="header-page" id="{{ titles[loop.index] }}"> <!-- <section class="header-page" id="{{ titles[loop.index] }}">

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

@ -9,109 +9,110 @@
<link rel="stylesheet" type="text/css" href="print_style.css"> <link rel="stylesheet" type="text/css" href="print_style.css">
</head> </head>
<body> <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"> <section class="toc">
<h3>Contents</h3>
<ul> <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> </ul>
</section> </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"> <!-- <section class="header-page" id="&lt;?water bodies&gt;">
<h1>?water bodies&amp;gt A narrative exploration of divergent digital intimacies</h1> <h1>Backplaces</h1>
</section> --> </section> -->
<section id="section-3" class="section"> <section id="section-3" class="section">
<h1 id="title">Title</h1> <h1 id="backplaces">Backplaces</h1>
<h3 id="grad-project-description">Grad project Description</h3>
<p>Hi.<br /> <p>Hi.<br />
I made this play for you. It is a question, for us to hold together.</p> 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 <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"> <!-- <section class="header-page" id="Talking Documents">
<h1>Project</h1> <h1>&lt;?water bodies&gt;</h1>
</section> --> </section> -->
<section id="section-4" class="section"> <section id="section-4" class="section">
<h1 <h1 id="section"><?water bodies></h1>
id="ltwater-bodiesgt-a-narrative-exploration-of-divergent-digital-intimacies">&amp;lt?water <h3 id="a-narrative-exploration-of-divergent-digital-intimacies">A
bodies&amp;gt : A narrative exploration of divergent digital narrative exploration of divergent digital intimacies</h3>
intimacies</h1>
<p>Water, stories, the body, all the things we do, are mediums that hide <p>Water, stories, the body, all the things we do, are mediums that hide
and show whats hidden. (Rumi, 1995 translation)</p> and show whats hidden. (Rumi, 1995 translation)</p>
<h2 id="for-you">꙳for you</h2> <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 that transcends conventional boundaries, blending into one another
infinitely.</p> infinitely.</p>
<figure> <figure>
<img src="Harmonic_series.png" <img src="../images/../images/Harmonic-series.png"
alt="Figure 1 - Harmonic Series to 32 (Hyacint,2017)." /> alt="Figure 1 - Harmonic Series to 32 (Hyacint,2017)." />
<figcaption aria-hidden="true">Figure 1 - Harmonic Series to 32 <figcaption aria-hidden="true">Figure 1 - Harmonic Series to 32
(Hyacint,2017).</figcaption> (Hyacint,2017).</figcaption>
@ -856,14 +856,14 @@ University of Nebraska Press.</p>
<!-- <section class="header-page" id="Project"> <!-- <section class="header-page" id="Performing the Bureaucratic Border(line)s">
<h1>Performing the Bureaucratic Border(line)s</h1> <h1>Talking Documents</h1>
</section> --> </section> -->
<section id="section-5" class="section"> <section id="section-5" class="section">
<h1 id="talking-documents">Talking Documents</h1> <h1 id="talking-documents">Talking Documents</h1>
<h3 id="section"></h3> <h3 id="section"></h3>
<figure> <figure>
<img src="../aglaia/wijhaven.JPG" <img src="../images/../aglaia/wijnhaven.JPG"
alt="WDKA- Winjhaven Building- February 2024- reading of act0 “” and act1 “”" /> alt="WDKA- Winjhaven Building- February 2024- reading of act0 “” and act1 “”" />
<figcaption aria-hidden="true">WDKA- Winjhaven Building- February 2024- <figcaption aria-hidden="true">WDKA- Winjhaven Building- February 2024-
reading of act0 “” and act1 “”</figcaption> 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 preserved the sequence of the given sentences and by discarding the
graphic design of the initial forms, I structured and repurposed the graphic design of the initial forms, I structured and repurposed the
text into a playable scenario.</p> 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”" /> 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> alt="Act 7 “Confirmation document of my deregistration”" /></p>
<p>I perceive the document as a unit and as the fundamental symbolic <p>I perceive the document as a unit and as the fundamental symbolic
interface of the bureaucratic network. The transformation of the 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 Radical Openness Festival in Linz, the City Hall of Rotterdam where I
invited people to perform the play together, like a tiny theater.</p> invited people to perform the play together, like a tiny theater.</p>
<figure> <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" /> 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 <figcaption aria-hidden="true">Art Meets Radical Openness Festival
Linz, Austria - May 2024 - Reading Act 2 and Act3 in the Linz, Austria - May 2024 - Reading Act 2 and Act3 in the
tent</figcaption> tent</figcaption>
</figure> </figure>
<p><img src="../aglaia/AMRO_kamo.jpg" /></p> <p><img src="../images/../aglaia/AMRO_kamo.jpg" /></p>
<figure> <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" /> alt="City Hall Rotterdam - May 2024 - Reading of Act 5 and Act 6" />
<figcaption aria-hidden="true">City Hall Rotterdam - May 2024 - Reading <figcaption aria-hidden="true">City Hall Rotterdam - May 2024 - Reading
of Act 5 and Act 6</figcaption> of Act 5 and Act 6</figcaption>
</figure> </figure>
<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> <figcaption aria-hidden="true">The garden of Gemeente</figcaption>
</figure> </figure>
<p>The marginal voices of potential applicants are embodying and <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 different recordings and soundscapes of these public moments, a vocal
archive, published in the graduation exhibition of XPUB in 2024.</p> archive, published in the graduation exhibition of XPUB in 2024.</p>
<figure> <figure>
<img src="../aglaia/passport1.png" <img src="../images/../aglaia/passport1.png"
alt="XML at XPUB studio January 2024 - Passport Reading Session" /> alt="XML at XPUB studio January 2024 - Passport Reading Session" />
<figcaption aria-hidden="true">XML at XPUB studio January 2024 - <figcaption aria-hidden="true">XML at XPUB studio January 2024 -
Passport Reading Session</figcaption> Passport Reading Session</figcaption>
@ -953,8 +953,8 @@ Passport Reading Session</figcaption>
<!-- <section class="header-page" id="Thesis"> <!-- <section class="header-page" id="Wink!">
<h1>Project</h1> <h1>Performing the Bureaucratic Border(line)s</h1>
</section> --> </section> -->
<section id="section-6" class="section"> <section id="section-6" class="section">
<h1 id="performing-the-bureaucratic-borderlines">Performing the <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 border that repulses and kills thousands of migrants and refugees. In
the following chapter, I will attempt to explore the terrain of material the following chapter, I will attempt to explore the terrain of material
borders in relation to bureaucracy as another multi-layered filter.</p> 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, <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 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 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!?"> <!-- <section class="header-page" id="Fair Leads">
<h1>Thesis</h1> <h1>Wink!</h1>
</section> --> </section> -->
<section id="section-7" class="section"> <section id="section-7" class="section">
<h1 id="title">Title</h1> <h1 id="wink">Wink!</h1>
<p>Wink! A Prototype for Interactive Childrens Literature ### Grad <h3 id="a-prototype-for-interactive-childrens-literature">A Prototype
project Description Wink is a prototype for an interactive picture book for Interactive Childrens Literature</h3>
platform. This platform aims to make reading into a mindfull and thought <p>Wink is a prototype for an interactive picture book platform. This
provoking process by using interactive and playful elements, multiple platform aims to make reading into a mindfull and thought provoking
stories within one narrative and sound elements. Especially today where 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 consumerism and low attention span is a rising issue especially amongst
young readers, this was an important task to tackle. The thought of Wink 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 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"> <!-- <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>What do graphic designers do all day and why do they do it and what does “graphic design” even mean?!????!!1!?</h1> <h1>Fair Leads</h1>
</section> --> </section> -->
<section id="section-8" class="section"> <section id="section-8" class="section">
<h1 id="fair-leads">Fair Leads</h1> <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"> <!-- <section class="header-page" id="">
<h1>Garden Leeszaal</h1> <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> -->
<section id="section-9" class="section"> <section id="section-9" class="section">
<h1 <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 do graphic designers do all day and why do they do it and what does
“graphic design” even mean?!????!!1!?</h1> “graphic design” even mean?!????!!1!?</h1>
<figure> <figure>
<img src="../stephen/its-ok.jpg" <img src="../images/../stephen/its-ok.jpg"
alt="Custom keyboard mapping for efficient design practice." /> alt="Custom keyboard mapping for efficient design practice." />
<figcaption aria-hidden="true">Custom keyboard mapping for efficient <figcaption aria-hidden="true">Custom keyboard mapping for efficient
design practice.</figcaption> 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 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> studio and we were in the studio and we were in the</p>
<figure> <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." /> 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 <figcaption aria-hidden="true">Keylogging research. I recorded the
buttons a graphic designer (me) presses while working, as an 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, well as you, what are we doing? What are our worldviews, belief systems,
mythologies and ideologies?</p> mythologies and ideologies?</p>
<figure> <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." /> 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 <figcaption aria-hidden="true">Email answering performance using
Googles Gmail service. To reveal the work of the designer clearly, I 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> November 7th 2023.</figcaption>
</figure> </figure>
<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." /> 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 <figcaption aria-hidden="true">A performative tool that measures the
laziness of the designer as they work and graphs it on a pen plotter. 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> </blockquote>
<p>Excerpt from xpub application letter, March 15th 2022.</p> <p>Excerpt from xpub application letter, March 15th 2022.</p>
<figure> <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." /> 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 <figcaption aria-hidden="true">Re-enacting dreams about work at Piet
Zwart Institute, Rotterdam, Netherlands. Participants use felt dolls to 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> brushing. February 5th 2024.</figcaption>
</figure> </figure>
<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." /> 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 <figcaption aria-hidden="true">Collective dream re-enactment at Art
Meets Radical Openness, Linz, Austria. Inside a tent, a group of people 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> machines, were going to crash. March 11th 2024.</figcaption>
</figure> </figure>
<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> <figcaption aria-hidden="true">Where do dreams come from?</figcaption>
</figure> </figure>
<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." /> 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 <figcaption aria-hidden="true">do you ever dream about work? Online
research and publication where we shared our dreams, worries, rants, 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> collection of voices.</figcaption>
</figure> </figure>
<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." /> alt="Keyboard of things designers have said. Our feelings about work." />
<figcaption aria-hidden="true">Keyboard of things designers have said. <figcaption aria-hidden="true">Keyboard of things designers have said.
Our feelings about work.</figcaption> 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"> <!-- <section class="header-page" id="Garden Leeszaal">
<h1>Console Special Issue XX</h1> <h1></h1>
</section> --> </section> -->
<section id="section-10" class="section"> <section id="section-10" class="section">
<h1 id="section"></h1> <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, want to break it. Removing the label is part of loosening the object,
making it avilable to transition (Berlant, 2022).</p> making it avilable to transition (Berlant, 2022).</p>
<figure> <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"> <figcaption aria-hidden="true">
The Cadaster of Orange,<br /> unknown ⊞er, c. 100 CE. The Cadaster of Orange,<br /> unknown ⊞er, c. 100 CE.
</figcaption> </figcaption>
</figure> </figure>
<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"> <figcaption aria-hidden="true">
Grid Systems in Graphic ⊞, Josef Muller-Brockmann, 1981. Grid Systems in Graphic ⊞, Josef Muller-Brockmann, 1981.
</figcaption> </figcaption>
</figure> </figure>
<figure> <figure>
<img src="./images/albuni2.jpg" <img src="../images/./images/albuni2.jpg"
alt="Shams al-Maarif, Ahmad al-Buni Almalki, circa 1200." /> alt="Shams al-Maarif, Ahmad al-Buni Almalki, circa 1200." />
<figcaption aria-hidden="true">Shams al-Maarif, Ahmad al-Buni Almalki, <figcaption aria-hidden="true">Shams al-Maarif, Ahmad al-Buni Almalki,
circa 1200.</figcaption> circa 1200.</figcaption>
</figure> </figure>
<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." /> alt="Cartesian Geometry, Rene Descartes, 1637." />
<figcaption aria-hidden="true">Cartesian Geometry, Rene Descartes, <figcaption aria-hidden="true">Cartesian Geometry, Rene Descartes,
1637.</figcaption> 1637.</figcaption>
@ -3089,19 +3090,19 @@ alt="Homage to the Square, Josef Albers, 1954." />
1954.</figcaption> 1954.</figcaption>
</figure> </figure>
<figure> <figure>
<img src="./images/TheoVAnDoesburgCounterCompositionVI.jpg" <img src="../images/./images/TheoVAnDoesburgCounterCompositionVI.jpg"
alt="Counter Composition VI, Theo Van Doesburg, 1925." /> alt="Counter Composition VI, Theo Van Doesburg, 1925." />
<figcaption aria-hidden="true">Counter Composition VI,<br /> <figcaption aria-hidden="true">Counter Composition VI,<br />
Theo Van Doesburg, 1925.</figcaption> Theo Van Doesburg, 1925.</figcaption>
</figure> </figure>
<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"> <figcaption aria-hidden="true">
The Po Valley, The Roman Empire, 268 BCE. The Po Valley, The Roman Empire, 268 BCE.
</figcaption> </figcaption>
</figure> </figure>
<figure> <figure>
<img src="./images/pietzwart.jpg" <img src="../images/./images/pietzwart.jpg"
alt="Monogram, Piet Zwart, c. 1968." /> alt="Monogram, Piet Zwart, c. 1968." />
<figcaption aria-hidden="true">Monogram, Piet Zwart, <figcaption aria-hidden="true">Monogram, Piet Zwart,
c. 1968.</figcaption> c. 1968.</figcaption>
@ -4010,8 +4011,8 @@ thesis, its written specifically for you.</p>
<!-- <section class="header-page" id=""> <!-- <section class="header-page" id="Console">
<h1>Colophon</h1> <h1>Garden Leeszaal</h1>
</section> --> </section> -->
<section id="section-11" class="section"> <section id="section-11" class="section">
<h1 id="garden-leeszaal-special-issue-xix">Garden Leeszaal: Special <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 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, 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> 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." /> 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" /> 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." /> 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." /> 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." /> 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." /> 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." /> 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 alt="The second edition of the final book from the event." /> <img
src="people-bins.jpg" src="people-bins.jpg"
alt="People choosing books from the discarded books bins, behind the instructions cards cloud." /> 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 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="open-bin.jpg" alt="Bin of discarded books from Leeszal." /> <img
src="binding.jpg" 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=""> <!-- <section class="header-page" id="TTY">
<h1></h1> <h1>Console</h1>
</section> --> </section> -->
<section id="section-12" class="section"> <section id="section-12" class="section">
<h1 id="console-special-issue-xx">Console: Special Issue XX</h1> <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) the world and created stories from it (modding, fiction, narrative)
focusing on community, interaction, relationships, grief and focusing on community, interaction, relationships, grief and
healing.</p> 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="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." /> 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 alt="Nighttime Ritual: Guided meditation from cardboardlamb" /> <img
src="youtube-tarot.jpg" src="youtube-tarot.jpg"
alt="Imagined tarot cards based on YouTube comments" /> <img alt="Imagined tarot cards based on YouTube comments" /> <img
src="federici.jpg" 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." /> 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." /> 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 alt="Screenprinted cover of the Console box." /> <img
src="license-reading.jpg" 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." /> 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." /> 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>
<!-- <section class="header-page" id=""> <!-- <section class="header-page" id="Colophon">
<h1></h1> <h1>TTY</h1>
</section> --> </section> -->
<section id="section-13" class="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> <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 <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 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, editor Martino Morandi, and contributors Andrea di Serego Alighieri,
Femke Snelting, Isabelle Sully, Jara Rocha, Roel Roscam Abbing, and Femke Snelting, Isabelle Sully, Jara Rocha, Roel Roscam Abbing, and
Zoumana Meïté.</p> 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." /> 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." /> 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." /> 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="../images/imagename.png" alt="It would have been better to fuck." />
<img src="imagename.png" alt="maybe an image at the telecom museum" /> <img src="../images/imagename.png" alt="maybe an image at the telecom museum" />
<img src="imagename.png" <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." /> 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." /> 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?" /> 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> 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." /> 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." /> 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 alt="Hexalogue reading in Constant, Brussels." /> <img
src="imagename.png" alt="The brick." /></p> 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> src="imagename.png" alt="wiki edit inscriptions" /></p>
</section> </section>
@ -4228,7 +4227,7 @@ src="imagename.png" alt="wiki edit inscriptions" /></p>
<!-- <section class="header-page" id=""> <!-- <section class="header-page" id="">
<h1></h1> <h1>Colophon</h1>
</section> --> </section> -->
<section id="section-14" class="section"> <section id="section-14" class="section">
<h1 id="colophon">Colophon</h1> <h1 id="colophon">Colophon</h1>

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

@ -1,5 +1,5 @@
z--- ---
title: tty special issue 21 title: TTY
author: Stephen 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. 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. 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? 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). making it avilable to transition (Berlant, 2022).
<figure> <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> unknown ⊞er, c. 100 CE.</figcaption>
</figure> </figure>
<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> </figure>
![Shams al-Ma'arif, Ahmad al-Buni Almalki, circa ![Shams al-Ma'arif, Ahmad al-Buni Almalki, circa
@ -75,7 +80,7 @@ Theo Van Doesburg,
1925.](./images/TheoVAnDoesburgCounterCompositionVI.jpg) 1925.](./images/TheoVAnDoesburgCounterCompositionVI.jpg)
<figure> <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> </figure>
![Monogram, Piet Zwart, c. 1968.](./images/pietzwart.jpg) ![Monogram, Piet Zwart, c. 1968.](./images/pietzwart.jpg)

Loading…
Cancel
Save