From 586c74b8b346bbc6eff1a1d9a2bc36634721738a Mon Sep 17 00:00:00 2001 From: aglaia Date: Tue, 18 Jun 2024 15:00:38 +0200 Subject: [PATCH 1/5] talking-documents webpage --- .../act0_storyline.mp3 | Bin .../act1_postal-address.mp3 | Bin .../act2_call.mp3 | Bin .../act3_objection.mp3 | Bin .../act4_uni-question-[deleted_scene].mp3 | Bin .../act5_deposit.mp3 | Bin .../act6-departure-form.mp3 | Bin .../act7_confirmation-deregistration.mp3 | Bin .../appendix_passport.mp3 | Bin talking-documents/index.html | 105 ++++++++++++++++++ .../intro_scenario.mp3 | Bin .../taftotita.jpg | Bin .../thesis.html | 0 talking_documents/hover.html | 23 ---- talking_documents/talking_documents.html | 84 -------------- 15 files changed, 105 insertions(+), 107 deletions(-) rename {talking_documents => talking-documents}/act0_storyline.mp3 (100%) rename {talking_documents => talking-documents}/act1_postal-address.mp3 (100%) rename {talking_documents => talking-documents}/act2_call.mp3 (100%) rename {talking_documents => talking-documents}/act3_objection.mp3 (100%) rename {talking_documents => talking-documents}/act4_uni-question-[deleted_scene].mp3 (100%) rename {talking_documents => talking-documents}/act5_deposit.mp3 (100%) rename {talking_documents => talking-documents}/act6-departure-form.mp3 (100%) rename {talking_documents => talking-documents}/act7_confirmation-deregistration.mp3 (100%) rename {talking_documents => talking-documents}/appendix_passport.mp3 (100%) create mode 100644 talking-documents/index.html rename {talking_documents => talking-documents}/intro_scenario.mp3 (100%) rename {talking_documents => talking-documents}/taftotita.jpg (100%) rename {talking_documents => talking-documents}/thesis.html (100%) delete mode 100644 talking_documents/hover.html delete mode 100644 talking_documents/talking_documents.html diff --git a/talking_documents/act0_storyline.mp3 b/talking-documents/act0_storyline.mp3 similarity index 100% rename from talking_documents/act0_storyline.mp3 rename to talking-documents/act0_storyline.mp3 diff --git a/talking_documents/act1_postal-address.mp3 b/talking-documents/act1_postal-address.mp3 similarity index 100% rename from talking_documents/act1_postal-address.mp3 rename to talking-documents/act1_postal-address.mp3 diff --git a/talking_documents/act2_call.mp3 b/talking-documents/act2_call.mp3 similarity index 100% rename from talking_documents/act2_call.mp3 rename to talking-documents/act2_call.mp3 diff --git a/talking_documents/act3_objection.mp3 b/talking-documents/act3_objection.mp3 similarity index 100% rename from talking_documents/act3_objection.mp3 rename to talking-documents/act3_objection.mp3 diff --git a/talking_documents/act4_uni-question-[deleted_scene].mp3 b/talking-documents/act4_uni-question-[deleted_scene].mp3 similarity index 100% rename from talking_documents/act4_uni-question-[deleted_scene].mp3 rename to talking-documents/act4_uni-question-[deleted_scene].mp3 diff --git a/talking_documents/act5_deposit.mp3 b/talking-documents/act5_deposit.mp3 similarity index 100% rename from talking_documents/act5_deposit.mp3 rename to talking-documents/act5_deposit.mp3 diff --git a/talking_documents/act6-departure-form.mp3 b/talking-documents/act6-departure-form.mp3 similarity index 100% rename from talking_documents/act6-departure-form.mp3 rename to talking-documents/act6-departure-form.mp3 diff --git a/talking_documents/act7_confirmation-deregistration.mp3 b/talking-documents/act7_confirmation-deregistration.mp3 similarity index 100% rename from talking_documents/act7_confirmation-deregistration.mp3 rename to talking-documents/act7_confirmation-deregistration.mp3 diff --git a/talking_documents/appendix_passport.mp3 b/talking-documents/appendix_passport.mp3 similarity index 100% rename from talking_documents/appendix_passport.mp3 rename to talking-documents/appendix_passport.mp3 diff --git a/talking-documents/index.html b/talking-documents/index.html new file mode 100644 index 0000000..f790a76 --- /dev/null +++ b/talking-documents/index.html @@ -0,0 +1,105 @@ + + + + Graduation_Project + + + + + + + + + 
+
+        
Talking Documents

+        
 
+        

+                

+        

+         
+
+        
Act -1
Introduction to the project

+  
+        
Act 0
Storyline

+          
+        
Act 1
Postal Address Application

+          
+        
Act 2
Call with the municipality of Rotterdam

+          
+        
Act 3
Objection Letter

+          
+        
Act 4
Communication with the University [Deleted Scene]

+          
+        
Act 5
Asking for my deposit

+          
+        
Act 6
Deregistartion from the Netherlands Application form

+  
+        
Act 7
Confirmation of deregistration from the Netherlands

+  
+        
Appendix
Reading our identification documents

+  
+        
+        
+
+  
+ 
+          
+  
+  
+  
\ No newline at end of file
diff --git a/talking_documents/intro_scenario.mp3 b/talking-documents/intro_scenario.mp3
similarity index 100%
rename from talking_documents/intro_scenario.mp3
rename to talking-documents/intro_scenario.mp3
diff --git a/talking_documents/taftotita.jpg b/talking-documents/taftotita.jpg
similarity index 100%
rename from talking_documents/taftotita.jpg
rename to talking-documents/taftotita.jpg
diff --git a/talking_documents/thesis.html b/talking-documents/thesis.html
similarity index 100%
rename from talking_documents/thesis.html
rename to talking-documents/thesis.html
diff --git a/talking_documents/hover.html b/talking_documents/hover.html
deleted file mode 100644
index 4bd3484..0000000
--- a/talking_documents/hover.html
+++ /dev/null
@@ -1,23 +0,0 @@
-
-
-
-
-
-
-
-
Display an Element on Hover

-
-
Hover over me.

-
I am shown when someone hovers over the div above.

-
-
-
\ No newline at end of file
diff --git a/talking_documents/talking_documents.html b/talking_documents/talking_documents.html
deleted file mode 100644
index 7819a4a..0000000
--- a/talking_documents/talking_documents.html
+++ /dev/null
@@ -1,84 +0,0 @@
-
-
-    
-    Graduation_Project
-    
-    
-    
-
-  
-         
-  
-  
-        
-
-        
Talking Documents

-        
 
-         
 
-
-          
-        
Act -1 introduction to the project

-  
-          
Act 0 - story line - Winjhaven building February 2024

-          
-          
Act 1 - Postal Address Application Scenario - Wijnhaven  

-          
-          
Act 2 - Call with the municipality of Rotterdam after the rejection of my application for a postal address - Art Meets Radical Openess Festival at Linz

-          
-          
Act 3 - Objection Letter -  Art Meets Radical Openess Festival at Linz May 2024

-          
-          
Act 4 - deregistartion Question/Email communication with the University [Deleted Scene]

-          
-          
Act 5 - Email communication with the agency asking for my deposit - Gemeente May 2024 

-          
-          
Act 6 - Deregistartion from the Netherlands Application form - Gemeente Rotterdam May 2024 

-  
-          
Act 7 - Confirmation document of deregistration from the Netherlands application - read alone at my illegal sublet- 

-  
-          
Appendix - Passport reading session - XPUB studio February 2024

-  
-        
-        
-        
Performing the Bureaucratic Border(line)s

-
-  
- 
-          
-  
-  
-  
\ No newline at end of file

From 943d34bff1abe97db0d594dbcda526569285b2bb Mon Sep 17 00:00:00 2001
From: ada <>
Date: Tue, 18 Jun 2024 16:59:09 +0200
Subject: [PATCH 2/5] changed backplaces and index ada

---
 ada/index.html            |  59 ++++---------
 backplaces/pie/styles.css | 170 +++++++++++++++++++-------------------
 2 files changed, 100 insertions(+), 129 deletions(-)

diff --git a/ada/index.html b/ada/index.html
index f3a91bf..57732a1 100644
--- a/ada/index.html
+++ b/ada/index.html
@@ -37,26 +37,13 @@
 
 
project website

 

-
Hi.

-I made this play for you. It is a question, for us to hold together.

-
Is all intimacy about bodies? What is it about our bodies that makes
-intimacy? What happens when our bodies distance intimacy from us? This
-small anthology of poems and short stories lives with these
-questions—about having a body without intimacy and intimacy without a
-body. This project is also a homage to everyone who has come before and
-alongside me, sharing their vulnerability and emotions on the Internet.
-I called the places where these things happen backplaces. They are
-small, tender online rooms where people experiencing societally
-uncomfortable pain can find relief, ease, and transcendence.

-

-
I made three backplaces for you to see, click, and feel: Solar
-Sibling, Hermit Fantasy, and Cake Intimacies. Each of these is the
-result of its own unique performance or project. Some of the stories I
-will share carry memories of pain—both physical and emotional. As you
-sit in the audience, know I am with you, holding your hand through each
-scene. If the performance feels overwhelming at any point, you have my
-full permission to step out, take a break, or leave. This is not
-choreographed, and I care deeply for you.

+
Hi.

+I made this play for you; it’s a question to keep us alive together. Is all intimacy about bodies? What happens when our bodies distance intimacy from us?
+Backplaces is a web-based play. A short anthology of poems and stories about vulnerability, intimacy, and the internet. It explores the internet as a place for holding big feelings and intimacy when it is unbearable. As an homage to those who have been vulnerable with me I created "backplaces". They are tender online spaces for relief and acknowledgement of societal pain.
+Some of these stories may evoke memories of pain. As you sit in the audience, know I am with you. If it feels overwhelming, you can step out, take a break, or leave. This isn't choreographed, and I care for you.
+I hope you see what I saw in these stories. Sweet dreams now, and I'll talk to you soon.
+
 
 
+love, Ada
 

 

 This is the Index, the stage of my play. Each felted item is an act.
 
 

-
Solar Sibling is an online performance of shared loss about leaving
-and siblings. This project used comments people left on TikTok poetry. I
-extracted the emotions from these comments, mixed them with my own, and
-crafted them into poems. It is an ongoing performance, ending only when
-your feelings are secretly whispered to me. When you do, by typing into
-the comment box, your feelings are sent to me and the first act closes
-as the sun rises.

+
 This is the first act of this play, Solar Sibling. It reimagines user comments from TikTok videos about sibling relationships. To do this, I have taken the feelings behind the comments, found where they met my own, and used our shared words to write poems. Solar Sibling celebrates the vulnerabilities nurtured in online communities and invites you to share anonymously on the complexities of sibling relationships. Once you have whispered your sibling feelings to me, they will stay with me and I will never use nor share them. 

 

 

 The fillable comment where you can whisper your feelings to me.
 
 

-
Hermit Fantasy is a short story about a bot who wants to be a hermit.
-Inspired by an email response from a survey I conducted about receiving
-emotional support on the Internet, this story explores the contradiction
-of being online while wanting to disconnect. As an act it’s a series of
-letters, click by click.

+
Hermit Fantasy is a short story about a bot and a hermit. It started when I conducted a survey about receiving emotional support on the internet. This is an imagined response to an email I received. The story explores the loneliness of both being online and offline. As an act, it's a series of letters, click by click.
+

 

 

 The first letter.
@@ -98,18 +76,9 @@ letters, click by click.

 The second letter.
 
 

-
Cake Intimacies is a performance that took a year to bring together.
-It is a small selection of stories people told me and I held to memory
-and rewrote here. The stories come from two performances I hosted.
-First, I asked participants to eat cake, sitting facing or away from
-each other and sharing their stories about cake and the Internet. The
-second performance was hosted at the Art Meets Radical Openness
-Festival, as part of the Turning of the Internet workshop. For this
-performance, I predicted participants’ future lives on the Internet
-using felted archetypes and received stories from their Internet past in
-return. Now the stories are here, each of them a cake with a filling
-that tells a story, merging the bodily with the digital and making a
-mess of it all.

+
CCake Intimacies is a performance that took a year to bring together. It is a small selection of stories people told me that I held to memory and rewrote here. The stories come from two performances I hosted.
+

+In the first, I asked participants to eat cake, sitting facing or away from each other, and share stories about cake and the internet. I hosted the second performance at the Art Meets Radical Openness Festival. There I predicted participants' future internet lives using felted archetypes. In return I received stories about feeling strong emotions on the internet.

 

 

 
 

 Accept My Cookies, biscuits for the performance.
-

 
diff --git a/backplaces/pie/styles.css b/backplaces/pie/styles.css
index f8c49fc..c34fe93 100644
--- a/backplaces/pie/styles.css
+++ b/backplaces/pie/styles.css
@@ -26,58 +26,59 @@
 }
     
 .content-item {
-        max-width: 80%;
-    display: flex;
-   flex-direction: column;
-    align-items: center;
-    text-align: center;
+ max-width: 80%;
+display: flex;
+flex-direction: column;
+align-items: center;
+text-align: center;
 }
     
-    .content-item > * {
-        max-width: 50%;
-    }
+.content-item > * {
+   max-width: 50%;
+}
     
-    .content-item:nth-child(odd)  > *  {
-        align-self: flex-end;
-        text-align: right;
-        float: right;
-    }
-    .content-item:nth-child(even) > *  {
-        align-self: flex-start;
-        position: static;
-        right: 0;
-        text-align: left;
-    }
+.content-item:nth-child(odd)  > *  {
+    align-self: flex-end;
+    text-align: right;
+    float: right;
+}
+
+.content-item:nth-child(even) > *  {
+    align-self: flex-start;
+    position: static;
+    right: 0;
+    text-align: left;
+}
     
-    .content-item img {
-    height: auto;
-    }
+.content-item img {
+ height: auto;
+}
     
-    .content-item p {
-        margin: 10px 0;
-        font-family: 'Redaction-Regular';
-        line-height: 1.6rem;
-        font-size: 1.1rem;
-    }
+.content-item p {
+      margin: 10px 0;
+     font-family: 'Redaction-Regular';
+     line-height: 1.6rem;
+     font-size: 1.1rem;
+}
     
-    p::selection {
-    color: #ee98b1;
-    }
+p::selection {
+ color: #ee98b1;
+}
     
-    #home {
+#home {
     position: relative;
     top: 30px;
     left: 30px;
     width: 100px;
     height: auto;
     opacity: 1;
-    }
+}
     
-    #home:hover {
+#home:hover {
     cursor: pointer;
-    }
+}
     
-    .letterBox {
+.letterBox {
     font-size: 18px;
     padding: 20px;
     max-width: 70%;
@@ -90,33 +91,32 @@
     justify-content: right;
     z-index: 1000;
     margin: auto;
-    }
+}
     
-    .letterContents {
+.letterContents {
     width: 90%;
     position: relative;
-    }
+}
     
-    #closeButton {
+#closeButton {
     font-size: 40px;
     cursor: pointer;
     height: 30px;
-    }
+}
     
-    #about {
+#about {
     position: relative;
     top: -36px;
     left: 60px;
     width: 80px;
     height: auto;
-    opacity: 1;
-    }
+}
     
-    #about:hover {
+#about:hover {
     cursor: pointer;
-    }
+}
     
-    #mute-btn {
+#mute-btn {
     color: #ee98b1;
     font-family: 'Redaction-Regular', serif;
     font-weight: bold;
@@ -129,20 +129,20 @@
     cursor: pointer;
     border: none;
     background: transparent;
-    }
+}
     
-    #mute-btn:hover {
+#mute-btn:hover {
     color:#FCF6F1ff;
     background-color:#ee98b1;
     border-radius: 30px;
+}
+  
+@media only screen and (max-width: 767px) {
+    body {
+        font-size: 1rem;
     }
-    
-    @media only screen and (max-width: 767px) {
-        body {
-            font-size: 1rem;
-        }
             
-        #about {
+    #about {
             position: absolute;
             top: 10px;
             left: 40px;
@@ -150,52 +150,54 @@
             height: auto;
             z-index: 1000;
             opacity: 1;
-        }
+    }
         
-        #home {
-            position: absolute;
-            top: 20px;
-            left: 20px;
-            width: 70px;
-            height: auto;
-            opacity: 1;
-        }
+    #home {
+        position: absolute;
+        top: 20px;
+        left: 20px;
+        width: 70px;
+        height: auto;
+        opacity: 1;
+    }
         
-        .content-item {
+   .content-item {
             font-size: 1rem;
             width: 100%;
             line-height: 25px;
-        }
-        .content-item > * {
+   }
+   
+   .content-item > * {
             width: 60%;
-        }
+    }
            
-        .content-item p {
+    .content-item p {
             margin: 10px 0;
             font-family: 'Redaction-Regular';
             line-height: 24px;
             font-size: 1rem;
             width: 200px; 
-    
-        .content-item:first-of-type img {
+    }
+
+    .content-item:first-of-type img {
             margin-top: 100px;
-        }
+    }
         
-        .content-item:last-child {
+    .content-item:last-child {
             margin-bottom: 200px;
-        }
+    }
         
-        .content-item:nth-child(odd) {
-            align-self: flex-end;
-            text-align: right;
-        }
+    .content-item:nth-child(odd) {
+        align-self: flex-end;
+        text-align: right;
+    }
         
-        .content-item:nth-child(even) {
+    .content-item:nth-child(even) {
             align-items: flex-start;
             margin-right: 50px;
-        }
+    }
         
-        .letterBox {
+    .letterBox {
             font-size: 16px;
             padding: 18px;
             max-width: 70%;
@@ -209,15 +211,15 @@
             z-index: 1000;
             margin: auto;
             margin-top: 110px;
-        }
+    }
 
-        .ending {
+    .ending {
             display: flex;
             flex-wrap: wrap;
             justify-content: center;
             font-family:'Redaction-Regular';
             padding-top: 4rem;
             font-size: 1rem;
-        }
     }
+    
 }   
\ No newline at end of file

From 181203ad9a39206774ed702b4d9c678ef7d34850 Mon Sep 17 00:00:00 2001
From: ada <>
Date: Tue, 18 Jun 2024 17:24:09 +0200
Subject: [PATCH 3/5] all image names right on my parts

---
 ada/index.html | 22 +++++++++++-----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/ada/index.html b/ada/index.html
index 57732a1..2047611 100644
--- a/ada/index.html
+++ b/ada/index.html
@@ -54,13 +54,13 @@ Each felted item is an act.
 
 This is the first act of this play, Solar Sibling. It reimagines user comments from TikTok videos about sibling relationships. To do this, I have taken the feelings behind the comments, found where they met my own, and used our shared words to write poems. Solar Sibling celebrates the vulnerabilities nurtured in online communities and invites you to share anonymously on the complexities of sibling relationships. Once you have whispered your sibling feelings to me, they will stay with me and I will never use nor share them. 

 

 

-The initial comment shaped poems and their sun count.
 
 

 

-The fillable comment where you can whisper your feelings to me.
 
@@ -69,26 +69,26 @@ whisper your feelings to me.
 

 

 

-The first letter.
+The first letter.
 
 

 

-The second letter.
-
+The last letter.
+
 

-
CCake Intimacies is a performance that took a year to bring together. It is a small selection of stories people told me that I held to memory and rewrote here. The stories come from two performances I hosted.
+
Cake Intimacies is a performance that took a year to bring together. It is a small selection of stories people told me that I held to memory and rewrote here. The stories come from two performances I hosted.
 

 In the first, I asked participants to eat cake, sitting facing or away from each other, and share stories about cake and the internet. I hosted the second performance at the Art Meets Radical Openness Festival. There I predicted participants' future internet lives using felted archetypes. In return I received stories about feeling strong emotions on the internet.

 

 

-
+
 
 

 

-
+
 
 

@@ -110,5 +110,5 @@ alt="Accept My Cookies, biscuits for the performance." />
 the performance.
 

 
-
+ß
 
\ No newline at end of file

From e21024c7a05d17592c70a76a74bfa2af80a82616 Mon Sep 17 00:00:00 2001
From: ada 
Date: Tue, 18 Jun 2024 19:04:57 +0200
Subject: [PATCH 4/5] Update 'index.html'

---
 index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 9ed11b5..a62026c 100644
--- a/index.html
+++ b/index.html
@@ -19,7 +19,7 @@
             yellow
             Wink
             yellow
-            Fair Leads
+            Fair Leads
             red
             What do graphic designers do all day, and why do they do it, and what does “graphic design” even mean?
             red

From 3a2bb27d5c01d8f9351a883aadc04ecc23909202 Mon Sep 17 00:00:00 2001
From: ada 
Date: Tue, 18 Jun 2024 19:17:43 +0200
Subject: [PATCH 5/5] Update 'irmak/index.html'

---
 irmak/index.html | 25 ++++++++++---------------
 1 file changed, 10 insertions(+), 15 deletions(-)

diff --git a/irmak/index.html b/irmak/index.html
index 8c7c7c1..23b2e16 100644
--- a/irmak/index.html
+++ b/irmak/index.html
@@ -36,10 +36,10 @@
 
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
+platform aims to make reading into a mindful 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
+within one narrative and sound elements. Especially today when
+consumerism and low attention span are rising issues, 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.

@@ -63,15 +63,10 @@ alt="“From the event at Leeszaal West. Some of the results of knotting text”
 
 

-
Working as a children’s literature editor for years, I came to a
-realisation that picture books were turning into another object that
-kids read and consume on daily basis. At least this is what I observed
-in Turkey. Teachers and parents were finding it difficult to find new
-books constantly or were tired of rereading the same book. As a young
-person in the publishing sector, I believe there should be more options
-for children as there is for adults; such as ebooks, audiobooks etc. But
-moreover a “book” that can be redefined, reread or be interacted with.
-So I revisited an old story I wrote, translated to English and named it,
+
Working as a children’s literature editor for years, I came to a realisation that picture books were turning into another object that kids read and consume on a daily basis. At least this is what I observed in Turkey. Teachers and parents were finding it difficult to find new books constantly or were tired of rereading the same book. As a young person in the publishing sector, I believe there should be as many options
+for children as there are for adults; such as ebooks, audiobooks etc. But
+moreover, a “book” that can be redefined, reread or interacted with.
+So I revisited an old story I wrote, translated it to English and named it
 “Bee Within”.

 

 
 interactivity options and workshops with children and adults, around
 reading and doing various exercises on Bee Within, I improved the story
 to be a more playful and interactive one which can be re-read, re-played
-and eventually re-formed non digitally to be reachable for all
+and eventually re-formed non digitally to be reachable to all
 children.

 

 “Click game story of the Queen Bee that is reachable within Maya’s main
 <figcaption aria-hidden=“Click game story of the Queen Bee that
 is reachable within Maya’s main storyline.”
 

-
Here is some more documentation from the beggining of this journey
-towards making accesible interactive narratives…

+
Here is some documentation from the beginning of this journey
+towards making accessible interactive narratives…

 

 “A small sequence of onclick animation for Bee Within”