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
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>
|