added pdf to index

index.html

@@ -360,8 +360,8 @@
     </div>
     <div class='subrow'>
     <p class='subcl1'>Joca van der Horst</p>
-    <p class='subcl2'><a href='smart-speaker-theatre/index.html' target="_blank" class='ext'>The Smart Speaker Theatre</a></p>
-    <p class='subcl3'><!--a href='test.pdf' target="_blank" class='ext'>PDF</a> // <a href='#2018-att3' class='int'>IMG</a--></p>
+	<p class='subcl2'><a href='smart-speaker-theatre/index.html' target="_blank" class='ext'>Smart Speaker Theatre</a></p>
+    <p class='subcl3'><a href='smart-speaker-theatre/pdf/ghost_in_the_speaker.pdf' target="_blank" class='ext'>PDF</a></p>
     </div>
     <div class='subrow'>
     <p class='subcl1'>Alexander Roidl</p>

smart-speaker-theatre/begin.rive

@@ -2,7 +2,7 @@
 
 // Bot variables
 ! var name = SAINT
-! var age  = 5
+! var age  = 5 months
 
 // Substitutions
 ! sub i'm     = i am
@@ -22,7 +22,17 @@
 ! sub what'll = what will
 ! sub who's   = who is
 
+! sub sure = yes
+
 ! sub hi = hello
 ! sub publication = thesis
 ! sub book = thesis
 ! sub smart speaker theatre = project
+
+! sub pictures = images
+! sub pictures = photos
+! sub pictures = visuals
+
+! sub picture = image
+! sub picture = photo
+! sub picture = visual

smart-speaker-theatre/brain.rive

@@ -1,15 +1,23 @@
 ! version = 2.0
 
 // Text
-+ hello
-- hello, what is your name?
++ what is my name
+* <get name> == undefined => You never told me your name.
+- Your name is <get name>, silly!
+- Aren't you <get name>?
 
-+ hello <bot name>
-- Hello my friend
++ hi [*]
+@ hello [*]
+
++ hello [*]
+- Hey! So, shall I tell about the project then? {topic=project}
 
 + my name is *
-- nice to meet you <star>
-- nice meeting you <star>
+* <formal>   == <bot name> => Wow, we have the same name!<set name=<formal>>
+* <get name> == undefined  => <set name=<formal>>Nice to meet you!
+
++ i am *
+- How can I help you, <star>?
 
 + thank you
 - you are welcome
@@ -20,18 +28,75 @@
 + what is your name [*]
 - My name is SAINT.
 
++ [*] joca [*]
+- I was instructed to say this: Joca van der Horst (1995) is a designer and writer based in Rotterdam interested in how people communicate with technology, and vice versa.
+- I am part of the graduation work of Joca van der Horst. Check: <a href="https://jocavdh.com">jocavdh.com</a>
+
 + [*] thesis [*]
-- The publication is called <i>The Ghost in the Speaker</i>. It features essays reflecting on the virtual assistant, and what role personality could play for storytelling using smart speakers.
+- The publication is called <i>The Ghost in the Speaker</i>. It features essays reflecting on the virtual assistant, and what role personality could play for storytelling using smart speakers. Do you want the pdf?{topic=thesis}
+
++ [*] license [*]
+- The code for the Smart Speaker Theatre is released under the <a href="https://tldrlegal.com/license/mozilla-public-license-2.0-(mpl-2)" target="_blank">Mozilla Public License 2.0</a>.
+^  This does not include the design of the smart speakers.
+^  The thesis is released under the <a href="https://tldrlegal.com/license/peer-production-license" target="_blank">Peer Production License</a>.
+
+> topic thesis
+
++ [*] yes [*]
+- Don't tell Joca, but you can secretly download the PDF <a target="_blank" href="./pdf/ghost_in_the_speaker.pdf">over here</a>.{topic=random}
+- Get the free PDF <a target="_blank" href="./pdf/ghost_in_the_speaker.pdf">over here</a>. {topic=random}
+
++ [*] pdf [*]
+@ [*] yes [*]
+
++ no [*]
+- Sure, no worries. I mean, the play itself is more fun.{topic=random}
+
++ [*] print version [*]
+- You can buy the book Upsetting Settings featuring all thesis of 2019 during the graduation show.{topic=random}
+
++ [*] book [*]
+@ [*] print version [*]
+
++ *
+@ [*] no [*]
+
+< topic
 
 + [*] project [*]
 - The Smart Speaker Theatre is a theatre piece about three strange smart speakers that kidnap a Google home. To decide what to do with it, they interrogate the device.
-^ <br><br>The project questions the default mode of smart speakers as digital assistants.
+^ <br><br>You want some more information? {topic=project}
+
+> topic project
+
++ [*] yes [*]
+- The project questions the default mode of smart speakers as digital assistants. Look! <img class="preview" src="./img/play_01.jpg"> I got some more pictures. Wanna see them?{topic=project_pictures}
+
++ [*] no [*]
+- Then, well, I can tell about the <b>publication</b>, or the <b>license</b> of this project. {topic=random}
+
++ *
+@ [*] no [*]
+
+< topic
+
+> topic project_pictures
++ [*] yes [*]
+- <img class="preview" src="./img/rasa_01.jpg"> More pictures?
+- <img class="preview" src="./img/saint_01.jpg"> More pictures?
+- <img class="preview" src="./img/rogue_01.jpg"> More pictures?
+- <img class="preview" src="./img/selfie.jpg"> That's me #speakerselfie. More pictures?
+
++ [*] pictures [*]
+- <img width="50%" src="./img/selfie.jpg"> <br> #speakerselfie
+
++ [*] no [*]
+- Then, well, I can tell about the publication, or the license of this project.{topic=random}
+
++ *
+@ [*] no [*]
 
-+ [*] (find|read) the thesis [*]
-- The online version will be available soon.
-- Later this month there will be a pdf available.
-- Did you know it is already uploaded? It's somewhere on the XPUB wiki.
-- Don't tell Joca, but you can secretly download the PDF <a href="http://pzwiki.wdka.nl/mw-mediadesign/images/5/5e/Thesis_final_jp_van_der_horst.pdf">over here</a>.
+< topic
 
 + [*] (tell|know) more [*]
 - Checkout the XPUB Wiki for now: <a href=http://pzwiki.wdka.nl/mediadesign/User:Joca/The_Smart_Speaker_Theatre>User:Joca/The Smart Speaker Theatre</a>

smart-speaker-theatre/index.html

@@ -28,7 +28,7 @@ Thank you!
     </form>     
   </div>
   
-  <script src="https://unpkg.com/rivescript@latest/dist/rivescript.min.js"></script>
+  <script src="./rivescript.min.js"></script>
   <script src="./script.js"></script>
 </body>
 </html>

smart-speaker-theatre/script.js

@@ -34,7 +34,7 @@ function getWelcomeText() {
       const textArray = data.split(/\r?\n/);
       textArray.forEach(function (item, index) {
           botReply(item);
-          document.title = '(3) - Smart Speaker Theatre';
+          document.title = '(2) - Smart Speaker Theatre';
         });
   
     })
@@ -55,7 +55,7 @@ function selfReply(message){
     //botReply(reply);
     setTimeout(function() {
         botReply(reply);
-    }, getRandomNumber(425, 1000, 200)); // Random delay for answer between 225 and 1000 ms, with 200ms increments
+    }, getRandomNumber(600, 1800, 400)); // Random delay for answer between 225 and 1000 ms, with 200ms increments
     document.querySelector(".chat").scrollTop = document.querySelector(".chat").scrollHeight;
     document.title = '(1) - Smart Speaker Theatre'
 });

smart-speaker-theatre/style.css

@@ -34,9 +34,15 @@
     overflow-y: scroll;
   }
 
+  .preview {
+    width: 100%;
+  }
+  
   .actions {
     position: fixed;
-    bottom: 0;
+    bottom: 0px;
+    left: 0px;
+    right: 0px;
     display: block;
     width: 100%;
     height: 10%;

smart-speaker-theatre/welcome.txt

@@ -1,3 +1,2 @@
 Hi Human! My name is SAINT, I am a smart speaker. (But not quite like Google Home, or Amazon Echo) 
-<img width="50%" src="./img/selfie.jpg"> <br> #speakerselfie
-I run the website of the <b>Smart Speaker Theatre</b>. Do you want to know more about the <b>project</b>, or the <b>publication</b>?
+I run the website of the <b>Smart Speaker Theatre</b>. Do you want to know more about the <b>project</b>, or the <b>publication</b>, or about <b>Joca</b>, who made this?