<!DOCTYPE html>
< html lang = "en" dir = "ltr" >
< head >
< meta charset = "utf-8" >
< link href = "styles/stylesheet.css" rel = "stylesheet" type = "text/css" >
< link href = "styles/widescreen.css" rel = "stylesheet" type = "text/css" >
<!-- <link href="styles/smallscreen.css" rel="stylesheet" type="text/css"> -->
< script type = "text/javascript" src = "js/jquery.min.js" > < / script >
< script src = "https://code.jquery.com/jquery-1.12.4.js" > < / script >
< script src = "https://code.jquery.com/ui/1.12.1/jquery-ui.js" > < / script >
< script src = "js/jquery.ui.touch-punch.min.js" > < / script >
< script src = "js/draggable.js" > < / script >
< title > Diary of West Rotterdam< / title >
< p > < iframe src = "https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d9843.857515609021!2d4.4669618!3d51.916361!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47c434a28540a933%3A0xd4069914bf04d83c!2sReading+Rotterdam+West!5e0!3m2!1sen!2snl!4v1554025281791!5m2!1sen!2snl" align = "right" width = "300" height = "1300px" frameborder = "0" style = "border:0" allowfullscreen > < / iframe > < / p >
< / head >
< body >
< div id = "resize" class = "draggable ui-draggable-handle" > < a href = "images/vowels-20190322-leeszaal.jpg" > < img src = "images/vowels-20190322-leeszaal.jpg" width = "400px" > < / img > < / a > < / div >
< div id = "resize" class = "draggable ui-draggable-handle" > < a href = "images/vowels-leeszaal-test.jpg" > < img src = "images/vowels-leeszaal-test.jpg" width = "100%" > < / img > < / a > < / div >
< div class = "draggable" style = "position:absolute; top:6%; left:5%;width:80%;" >
< audio controls >
< source src = "audio/20190122-track-extracts.mp3" type = "audio/mpeg" >
< / audio >
< div class = "tooltip-wrap" style = "display: inline;text-decoration:underline;" >
< a href = "images/20190122-track-annotated-2.png" alt = "annotated_track" target = "_blank" >
< img src = "images/20190122-track-annotated-2.png" alt = "annotated_track" style = "width:100%;" >
< / a >
< div class = "tooltip-content-right" > 22-1-2019< object height = "250px" width = "400px" data = "texts/20190122_Label_Track.txt" > < / object >
< / div >
< / div >
< / div >
< div class = "draggable" style = "position:absolute; top:40%; left:5%;width:80%;" >
< audio controls >
< source src = "audio/20190123-track-extracts.mp3" type = "audio/mpeg" >
< / audio >
< div class = "tooltip-wrap" style = "display: inline;text-decoration:underline;" >
< a href = "images/20190123-track-annotated.png" alt = "annotated_track" target = "_blank" >
< img src = "images/20190123-track-annotated.png" alt = "annotated_track" style = "width:100%;" >
< / a >
< div class = "tooltip-content-right" > 23-1-2019< object height = "250px" width = "400px" data = "texts/20190123_Label_Track.txt" > < / object >
< / div >
< / div >
< / div >
< div class = "draggable" style = "position:absolute; top:60%; left:5%;width:80%;" >
< audio controls >
< source src = "audio/20190128-track-extracts.mp3" type = "audio/mpeg" >
< / audio >
< div class = "tooltip-wrap" style = "display: inline;text-decoration:underline;" >
< a href = "images/20190128-track-annotated.png" alt = "annotated_track" target = "_blank" >
< img src = "images/20190128-track-annotated.png" alt = "annotated_track" style = "width:100%;" >
< / a >
< div class = "tooltip-content-right" > 28-1-2019< object height = "250px" width = "400px" data = "texts/20190128_Label_Track.txt" > < / object >
< / div >
< / div >
< / div >
< div class = "draggable" style = "position:absolute; top:80%; left:5%;width:20%;" >
< audio controls >
< source src = "audio/20190130_171657 WiFi scanning.mp3" type = "audio/mpeg" >
< / audio >
< div class = "tooltip-wrap" style = "display: inline;text-decoration:underline;" >
< b > The best wifi names< / b >
< div class = "tooltip-content-right" > 20-1-2019< p > < b > An attempt of exhausting a place< / b > < / p > < object height = "850px" width = "400px" data = "texts/20190130-wifiscan.txt" > < / object >
< / div >
< / div >
< p > Tracking private places. Relations of street names, sounds of that time and wifi names around< / p >
< / div >
< div class = "draggable" style = "position:absolute; top:90%; left:5%;width:20%" >
< audio controls >
< source src = "audio/20190205-track-extracts.wav" type = "audio/mpeg" >
< / audio >
5-2-2019
< / div >
<!-- draggable menu -->
< div class = "draggable scaleable-wrapper" style = "top: 20px; right: 0px;" >
< h2 > < a href = "amplification.php" > Amplification of female voices< / a > < / h2 >
< / div >
< div class = "draggable scaleable-wrapper active-draggable" style = "top: 1270px; right: 200px;" >
< h2 > < a class = "active" href = "diary.php" > Diary of West Rotterdam< / a > < / h2 >
< div class = "drag-content" >
<?php include 'texts/diary.txt' ; ?>
< / div >
< / div >
< div class = "draggable scaleable-wrapper" style = "top: 1200px; right: 10px;" >
< h2 > < a href = "player.php" > Player< / a > < / h2 >
< / div >
< div class = "draggable scaleable-wrapper" style = "top: 860px; right: 335px;" >
< h2 > < a href = "index.php" > About< / a > < / h2 >
< / div >
< div class = "draggable scaleable-wrapper" style = "top: 1270px; left: 100px;z-index: 1;" >
< h2 > < a href = "podcast4.php" > Podcast4< div class = "hover-icon" > < img src = "images/icon-play.png" > < / div > < / a > < / h2 >
< / div >
< div class = "draggable scaleable-wrapper" style = "top: 920px; left: 10px;" >
< h2 > < a href = "podcast1.php" > Podcast1< div class = "hover-icon" > < img src = "images/icon-play.png" > < / div > < / a > < / h2 >
< / div >
< div class = "draggable scaleable-wrapper" style = "top: 1420px; left: 150px;" >
< h2 > < a href = "podcast2.php" > Podcast2< div class = "hover-icon" > < img src = "images/icon-play.png" > < / div > < / a > < / h2 >
< / div >
< div class = "draggable scaleable-wrapper" style = "top: 1320px; left: 380px;" >
< h2 > < a href = "podcast3.php" > Podcast3< div class = "hover-icon" > < img src = "images/icon-play.png" > < / div > < / a > < / h2 >
< / div >
< div class = "draggable scaleable-wrapper" style = "top: 960px; right: 430px; z-index: 9;" >
< h2 > < a href = "thesis-angeliki.php" > "Let' s Talk About Unspeakable Things"< / a > < / h2 >
< / div >
<!-- end draggable menu -->
< / body >
< / html >