Merge branch 'master' of https://git.xpub.nl/XPUB/gradshow24

introduction/index.md

@@ -3,24 +3,27 @@ title: Introduction
 author: 
 
 ---
+
 # Introduction
 ## Act 1.
 ### Scene 1. 
 
-*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.* 
+##### *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.* 
 
-**the book (whispering in the reader's ear):**
+**the book: (whispering in the reader's 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.
 
 **the reader:** 
 Interfaces?
 
 **the book:**
-Interfaces are boundaries that connect and separate. They're 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.
+Interfaces are boundaries that   
+connect and separate. They're 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.
 
-**the reader (confused):** 
+**the reader: (confused)** 
 What do you mean a collection, like a catalogue?
 
+<div class="xpub3">
 **the book:**
 Yeah I guess. I weave the words and the works we created during...
 
@@ -34,9 +37,11 @@ we?
 
 Finishing a Master's 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. 
 
-**the reader (sarcasm):**
+**the reader: (sarcasm)**
 do you have a tissue, im soooo touched.
 
 **the book:**
 malaka, just read me.
 
+</div>
+

print/index.html

@@ -98,10 +98,12 @@
        		 <h1 id="introduction">Introduction</h1>
 <h2 id="act-1.">Act 1.</h2>
 <h3 id="scene-1.">Scene 1.</h3>
-<p><em>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.</em></p>
-<p><strong>the book (whispering in the reader’s ear):</strong> Being
+<h5
+id="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."><em>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.</em></h5>
+<p><strong>the book: (whispering in the reader’s ear)</strong> 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
@@ -110,13 +112,14 @@ 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><strong>the reader:</strong> Interfaces?</p>
-<p><strong>the book:</strong> Interfaces are boundaries that connect and
-separate. They’re 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><strong>the reader (confused):</strong> What do you mean a
+<p><strong>the book:</strong> Interfaces are boundaries that<br />
+connect and separate. They’re 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><strong>the reader: (confused)</strong> What do you mean a
 collection, like a catalogue?</p>
+<div class="xpub3">
 <p><strong>the book:</strong> Yeah I guess. I weave the words and the
 works we created during…</p>
 <p><strong>the reader:</strong> we?</p>
@@ -130,9 +133,10 @@ we brewed muddy coffee and bootlegged books.</p>
 <p>Finishing a Master’s 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><strong>the reader (sarcasm):</strong> do you have a tissue, im soooo
+<p><strong>the reader: (sarcasm)</strong> do you have a tissue, im soooo
 touched.</p>
 <p><strong>the book:</strong> malaka, just read me.</p>
+</div>
 
     	</section>
    	 

print/theatre.css

@@ -1,20 +1,50 @@
 #section-2{
     font-family: "Courier";
+    p{
+	width: 70mm;
+	margin-left: 10mm;
+    }
+    h1{
+	display: none; 
+	break-before: none;
+    }
+    h2, h3{
+	text-decoration: underline;
+	text-align: center;
+	break-before: none;
+    }
+    strong{
+	position: absolute;
+	margin-left: -25mm;
+	width: 25mm;
+    }
 }
-#section-2 p{
-    width: 55mm;
-    margin-left: 25mm;
+#section-2 h1{
+	break-before: none;
 }
 
-#section-2 h1{display: none;}
-#section-2 h2, #section-2 h3{
-    text-decoration: underline;
-    text-align: center;
+#section-2 h1{
+	break-before: none;
 }
-
-#section-2 strong{
-position: absolute;
-  margin-left: -25mm;
-  width: 25mm;
+#section-2 h5{
+	font-size: 9pt;
+	line-height: 4mm;
+	margin-left: -15mm;
+	font-weight: inherit;	
+}
+@media print{
+    @page: right{
+	#section-2{
+	    p{
+		margin-left: 25mm;
+	    }
+    	    p:first-of-type{
+		width: 95mm;
+		margin-left: 0;
+    	    }
+    	}	 
+    }
+}
+.xpub3 p{
+	margin-left: 25mm;
 }
-