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.
221 lines
10 KiB
PHP
221 lines
10 KiB
PHP
<!DOCTYPE html>
|
|
|
|
|
|
<html>
|
|
<head>
|
|
<link href="styles/stylesheet.css" rel="stylesheet" type="text/css">
|
|
<link href="styles/jquery-ui.css" rel="stylesheet" type="text/css">
|
|
<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>
|
|
<script src="js/main.js"></script>
|
|
<title>Amplification</title>
|
|
</head>
|
|
<body>
|
|
|
|
<button onclick="piles()">piles</button>
|
|
<button onclick="groups()">groups</button>
|
|
|
|
<!-- <h2 style="border: 1px solid; background-color: white; padding: 10px; width: 500px; position:absolute;top: 0; left: 45%;" >Amplification of female voices</h2>
|
|
-->
|
|
|
|
<!-- draggable archive -->
|
|
<!-- metadata for each workshop -->
|
|
<div class="draggable scaleable-wrapper box_metadata">
|
|
<li>Actions:<li>
|
|
<ul>
|
|
<li>Reading extracts</li>
|
|
<li>Discussion on public voice</li>
|
|
<li>Transcribing vowels</li>
|
|
</ul>
|
|
<li>Outcome: Score of vowels<li>
|
|
<li>Date: 23/5/2019<li>
|
|
<li>Location: Leeszaal<li>
|
|
</div>
|
|
|
|
<!-- div vowels -->
|
|
|
|
<div id="resize" class="draggable ui-draggable-handle" style="top: 6px; left: 1038px; line-height: 0 !important;"><a href="images/vowels-leeszaal-test.jpg"><img src="images/vowels-leeszaal-test.jpg" width="400px"></img></a></div>
|
|
|
|
<div id="resize" class="draggable ui-draggable-handle" style="top: 47px; left: 1083px;line-height: 0 !important;"><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" style="top: 81px; left: 1137px; line-height: 0 !important;"><a href="images/vowels-20190328-leeszaal.jpg"><img src="images/vowels-20190328-leeszaal.jpg" width="400px"></img></a></div>
|
|
|
|
<div id="img" class="draggable ui-draggable-handle" style="top: 116px; left: 1176px;"><a href="images/vowels-20190329-finearts.jpg" target="_blank"><img src="images/vowels-20190329-finearts.jpg" width="400px"></img></a></div>
|
|
|
|
<div id="img" class="draggable ui-draggable-handle" style="top: 156px; left: 1216px;"><a href="images/vowels-20190508-leeszaal-1.jpg" target="_blank"><img src="images/vowels-20190508-leeszaal-1.jpg" width="400px"></img></a></div>
|
|
|
|
|
|
<div id="img" class="draggable ui-draggable-handle" style="top: 196px; left: 1256px;"><a href="images/vowels-20190508-leeszaal-2.jpg" target="_blank"><img src="images/vowels-20190508-leeszaal-2.jpg" width="400px"></img></a></div>
|
|
|
|
|
|
<div id="img" class="draggable ui-draggable-handle" style="top: 236px; left: 1296px;"><a href="images/vowels-20190508-leeszaal-3.jpg" target="_blank"><img src="images/vowels-20190508-leeszaal-3.jpg" width="400px"></img></a></div>
|
|
|
|
<div id="img" class="draggable ui-draggable-handle" style="top: 276px; left: 1336px;"><a href="images/vowels-20190508-leeszaal-4.jpg" target="_blank"><img src="images/vowels-20190508-leeszaal-4.jpg" width="400px"></img></a></div>
|
|
|
|
|
|
<div id="img" class="draggable ui-draggable-handle" style="top: 316px; left: 1376px;"><a href="images/vowels-20190508-leeszaal-5.jpg" target="_blank"><img src="images/vowels-20190508-leeszaal-5.jpg" width="400px"></img></a></div>
|
|
|
|
|
|
<div id="img" class="draggable ui-draggable-handle" style="top: 356px; left: 1416px;"><a href="images/vowels-20190523-leeszaal-1.jpg" target="_blank"><img src="images/vowels-20190523-leeszaal-1.jpg" width="400px"></img></a></div>
|
|
|
|
|
|
<div id="img" class="draggable ui-draggable-handle" style="top: 396px; left: 1456px;"><a href="images/vowels-20190523-leeszaal-2.jpg" target="_blank"><img src="images/vowels-20190523-leeszaal-2.jpg" width="400px"></img></a></div>
|
|
|
|
<div id="img" class="draggable ui-draggable-handle" style="top: 436px; left: 1496px;"><a href="images/vowels-20190530-leeszaal.jpg" target="_blank"><img src="images/vowels-20190530-leeszaal.jpg" width="400px"></img></a></div>
|
|
|
|
|
|
|
|
|
|
|
|
<!-- div extracts -->
|
|
<div>
|
|
<div class="draggable ui-draggable-handle" style="top: 1300px; left: 900px; line-height: 0 !important;"><a href="images/carson-extract.jpg" target="_blank"><img src="images/carson-extract.jpg" width="550px" /></a></div>
|
|
|
|
<div class="draggable ui-draggable-handle" style="top: 1400px; left: 1000px; line-height: 0 !important;"><a href="images/fresh1.jpg" target="_blank"><img src="images/fresh1.jpg" width="600px" /></a></div>
|
|
|
|
<div class="draggable ui-draggable-handle" style="top: 1500px; left: 1100px; line-height: 0 !important;"><a href="images/fresh2.jpg" target="_blank"><img src="images/fresh2.jpg" width="600px" /></a></div>
|
|
</div>
|
|
|
|
<!-- div images -->
|
|
<div id="img" class="draggable ui-draggable-handle" style="top: 637px; left: 406px;"><img src="images/meeting-20190508_leeszaal.jpg" width="400px"></img></div>
|
|
|
|
<div id="img" class="draggable ui-draggable-handle" style="top: 637px; left: 306px;"><img src="images/meeting-20190328-leeszaal-5.JPG" width="400px"></img></div>
|
|
|
|
<div id="img" class="draggable ui-draggable-handle" style="top: 189px; left: 264px;"><img src="images/meeting-20190329-finearts-2.JPG" width="400px"></img></div>
|
|
|
|
<div id="img" class="draggable ui-draggable-handle" style="top: 574px; left: 100px;"><img src="images/meeting-20190329-finearts-1.JPG" width="400px"></img></div>
|
|
|
|
<div id="img" class="draggable ui-draggable-handle" style="top: 570px; left: 125px;"><img src="images/meeting-20190328-leeszaal-3.JPG.jpg" width="400px"></img></div>
|
|
|
|
<div id="img" class="draggable ui-draggable-handle" style="top: 838px; left: 385px;"><img src="images/meeting-20190328-leeszaal-1.JPG" width="400px"></img></div>
|
|
|
|
<div id="img" class="draggable ui-draggable-handle" style="top: 384px; left: 16px;"><img src="images/meeting-20190328-leeszaal-2.JPG" width="400px"></img></div>
|
|
|
|
<div id="img" class="draggable ui-draggable-handle" style="top: 225px; left: 228px;z-index: -1;"><img class="draggable" style="width: 200px !important" src="http://pzwiki.wdka.nl/mw-mediadesign/images/6/69/Poster_unpacking.png"></img></div>
|
|
|
|
<div id="img" class="draggable ui-draggable-handle" style="top: 337px; left: 506px;"><img src="images/meeting-20190523-leeszaal-1.jpg" width="400px"></img></div>
|
|
|
|
<div id="img" class="draggable ui-draggable-handle" style="top: 140px; left: 206px;"><img src="images/meeting-20190523-leeszaal-2.jpg" width="400px"></img></div>
|
|
|
|
<div id="img" class="draggable ui-draggable-handle" style="top: 237px; left: 306px;"><img src="images/meeting-20190523-leeszaal-3.jpg" width="400px"></img></div>
|
|
|
|
<div id="img" class="draggable ui-draggable-handle" style="top: 310px; left: 560px;"><a href="images/meeting-20190530-leeszaal-1.jpg" target="_blank"><img src="images/meeting-20190530-leeszaal-1.jpg" width="400px"></img></a></div>
|
|
|
|
<div id="img" class="draggable ui-draggable-handle" style="top: 200px; left: 446px;"><img src="images/meeting-20190523-leeszaal-4.jpg" width="400px"></img></div>
|
|
|
|
<div id="img" class="draggable ui-draggable-handle" style="top: 600px; left: 520px;"><img src="images/meeting-20190523-leeszaal-5.jpg" width="400px"></img></div>
|
|
|
|
|
|
<div id="img" class="draggable ui-draggable-handle" style="top: 410px; left: 430px;"><a href="images/meeting-20190508_leeszaal.jpg" target="_blank"><img src="images/meeting-20190508_leeszaal.jpg" width="400px"></img></a></div>
|
|
|
|
<div id="img" class="draggable ui-draggable-handle" style="top: 440px; left: 200px;"><a href="images/meeting-20190530-leeszaal-2.jpg" target="_blank"><img src="images/meeting-20190530-leeszaal-2.jpg" width="400px"></img></a></div>
|
|
|
|
|
|
|
|
|
|
<!-- draggable menu-->
|
|
<div class="draggable scaleable-wrapper active-draggable" style="width: 500px; top: 20px; right: 0px;">
|
|
<h2><a class="active" href="amplification.php">Amplification of female voices</a></h2>
|
|
<div class="drag-content">
|
|
<?php include 'texts/amplification.txt'; ?>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="draggable scaleable-wrapper" style="top: 1270px; right: 200px;">
|
|
<h2 ><a href="diary.php">Diary of West Rotterdam</a></h2>
|
|
<div class="drag-content">
|
|
(first experiments)
|
|
</div>
|
|
</div>
|
|
<div class="draggable scaleable-wrapper" style="top: 1200px; right: 10px;">
|
|
<h2 ><a href="player.php">Player</a></h2>
|
|
<div class="drag-content">
|
|
(audio archive)
|
|
</div>
|
|
</div>
|
|
<div class="draggable scaleable-wrapper" style="top: 860px; right: 335px;">
|
|
<h2 ><a href="index.php">About</a></h2>
|
|
<div class="drag-content">
|
|
(main page)
|
|
</div>
|
|
</div>
|
|
|
|
<div class="draggable scaleable-wrapper" style="top: 1270px; left: 100px;z-index: 1;">
|
|
<h2 ><a href="podcast4.php">Podcast4</a></h2>
|
|
</div>
|
|
|
|
<div class="draggable scaleable-wrapper" style="top: 920px; left: 10px;">
|
|
<h2 ><a href="podcast1.php">Podcast1</a></h2>
|
|
</div>
|
|
<div class="draggable scaleable-wrapper" style="top: 1420px; left: 150px;">
|
|
<h2 ><a href="podcast2.php">Podcast2</a></h2>
|
|
</div>
|
|
<div class="draggable scaleable-wrapper" style="top: 1320px; left: 380px;">
|
|
<h2 ><a href="podcast3.php">Podcast3</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 class="drag-content">
|
|
(thesis)
|
|
</div>
|
|
</div>
|
|
|
|
<!-- end draggable -->
|
|
|
|
<!-- reshuffle -->
|
|
<script>
|
|
var distance=100
|
|
groups()
|
|
piles()
|
|
|
|
|
|
function piles(){
|
|
var pile1_position=[20,100]
|
|
$(".pile1").each(function(i){
|
|
$(this).css({"top":i*distance+pile1_position[1],"left":i*distance+pile1_position[0]})
|
|
})
|
|
|
|
var pile2_position=[600,200]
|
|
$(".pile2").each(function(i){
|
|
$(this).css({"top":i*distance+pile2_position[1],"left":i*distance+pile2_position[0]})
|
|
})
|
|
|
|
var pile3_position=[300,300]
|
|
$(".pile3").each(function(i){
|
|
$(this).css({"top":i*distance+pile3_position[1],"left":i*distance+pile3_position[0]})
|
|
})
|
|
|
|
}
|
|
|
|
function groups(){
|
|
|
|
var group_vowels_position=[20,100]
|
|
$(".group_vowels").each(function(i){
|
|
$(this).css({"top":i*distance+group_vowels_position[1],"left":i*distance+group_vowels_position[0]})
|
|
})
|
|
|
|
var group_photos_position=[300,100]
|
|
$(".group_photos").each(function(i){
|
|
$(this).css({"top":i*distance+group_photos_position[1],"left":i*distance+group_photos_position[0]})
|
|
})
|
|
|
|
var group_extracts_position=[300,100]
|
|
$(".group_extracts").each(function(i){
|
|
$(this).css({"top":i*distance+group_extracts_position[1],"left":i*distance+group_extracts_position[0]})
|
|
})
|
|
|
|
var group_metadata_position=[300,100]
|
|
$(".group_metadata").each(function(i){
|
|
$(this).css({"top":i*distance+group_metadata_position[1],"left":i*distance+group_metadata_position[0]})
|
|
})
|
|
|
|
}
|
|
</script>
|
|
|
|
|
|
</body>
|
|
</html>
|