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.

82 lines
3.6 KiB
PHTML

<!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/jquery-ui.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>
<h2>Diary of West Rotterdam</h2><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 class="draggable" style="position:absolute; top:6%; left:5%;width:1800px;">
<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:1800px;">
</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:1800px;">
<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:1800px;">
</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:1800px;">
<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:1800px;">
</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:800px;">
<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:800px;">
<audio controls >
<source src="audio/20190205-track-extracts.wav" type="audio/mpeg">
</audio>
5-2-2019
</div>
</body>
</html>