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.

128 lines
5.7 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="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>