You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
134 lines
5.6 KiB
PHP
134 lines
5.6 KiB
PHP
<!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="js/jquery-1.12.4.js"></script>
|
|
<script src="js/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 menu" 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 menu" style="top: 130%; left: 32%;">
|
|
<h2 ><a href="player.php">Player</a></h2>
|
|
</div>
|
|
<div class="draggable scaleable-wrapper menu" style="top: 120%; left: 30%;">
|
|
<h2 ><a href="index.php">About</a></h2>
|
|
</div>
|
|
|
|
|
|
<div class="draggable scaleable-wrapper menu" style="top: 115%; left: 3%;">
|
|
<h2 ><a href="podcast1.php">"Mediating Speech"<div class="hover-icon"><img src="images/icon-play.png"></div></a></h2>
|
|
<div class="drag-content">
|
|
(podcast)
|
|
</div>
|
|
</div>
|
|
<div class="draggable scaleable-wrapper menu" style="top: 125%; left: 5%;">
|
|
<h2 ><a href="podcast2.php">"Voice's Transition"<div class="hover-icon"><img src="images/icon-play.png"></div></a></h2>
|
|
<div class="drag-content">
|
|
(podcast)
|
|
</div>
|
|
</div>
|
|
<div class="draggable scaleable-wrapper menu" style="top: 135%; left: 3%;">
|
|
<h2 ><a href="podcast3.php">"Blocking our Voices"<div class="hover-icon"><img src="images/icon-play.png"></div></a></h2>
|
|
<div class="drag-content">
|
|
(podcast)
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="draggable scaleable-wrapper menu" style="top: 140%; left: 25%; z-index: 9;">
|
|
<h2 ><a href="thesis-angeliki.php">"Let' s Talk About Unspeakable Things"</a></h2>
|
|
</div>
|
|
|
|
<!-- end draggable menu-->
|
|
|
|
|
|
</body>
|
|
</html>
|