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.

506 lines
26 KiB
PHTML

<!DOCTYPE html>
<html>
<head>
<link href="styles/widescreen.css" rel="stylesheet" type="text/css">
<!-- <link href="styles/smallscreen.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>
6 years ago
<form style="font-size: 120%">
Filter by:
<input type="radio" name="gender" value="male" checked onchange="piles()"> Workshop
<input type="radio" name="gender" value="female" onchange="groups()"> Type<br>
</form>
<!-- draggable archive -->
<!-- div vowels -->
<div id="resize" class="draggable ui-draggable-handle group_vowels pile1"><a href="images/vowels-20190328-leeszaal.jpg"><img src="images/vowels-20190328-leeszaal.jpg" width="100%"></img></a></div>
<div id="img" class="draggable ui-draggable-handle group_vowels pile2"><a href="images/vowels-20190329-finearts.jpg" target="_blank"><img src="images/vowels-20190329-finearts.jpg" width="100%"></img></a></div>
<div id="img" class="draggable ui-draggable-handle group_vowels pile3"><a href="images/vowels-20190508-leeszaal-1.jpg" target="_blank"><img src="images/vowels-20190508-leeszaal-1.jpg" width="100%"></img></a></div>
<div id="img" class="draggable ui-draggable-handle group_vowels pile3"><a href="images/vowels-20190508-leeszaal-2.jpg" target="_blank"><img src="images/vowels-20190508-leeszaal-2.jpg" width="100%"></img></a></div>
<div id="img" class="draggable ui-draggable-handle group_vowels pile3"><a href="images/vowels-20190508-leeszaal-3.jpg" target="_blank"><img src="images/vowels-20190508-leeszaal-3.jpg" width="100%"></img></a></div>
<div id="img" class="draggable ui-draggable-handle group_vowels pile3"><a href="images/vowels-20190508-leeszaal-4.jpg" target="_blank"><img src="images/vowels-20190508-leeszaal-4.jpg" width="100%"></img></a></div>
<div id="img" class="draggable ui-draggable-handle group_vowels pile3"><a href="images/vowels-20190508-leeszaal-5.jpg" target="_blank"><img src="images/vowels-20190508-leeszaal-5.jpg" width="100%"></img></a></div>
<div id="img" class="draggable ui-draggable-handle group_vowels pile4"><a href="images/vowels-20190523-leeszaal-1.jpg" target="_blank"><img src="images/vowels-20190523-leeszaal-1.jpg" width="100%"></img></a></div>
<div id="img" class="draggable ui-draggable-handle group_vowels pile4"><a href="images/vowels-20190523-leeszaal-2.jpg" target="_blank"><img src="images/vowels-20190523-leeszaal-2.jpg" width="100%"></img></a></div>
<div id="img" class="draggable ui-draggable-handle group_vowels pile5"><a href="images/vowels-20190530-leeszaal.jpg" target="_blank"><img src="images/vowels-20190530-leeszaal.jpg" width="100%"></img></a></div>
<!-- div extracts -->
<div class="draggable ui-draggable-handle group_extracts pile0"><div class="tooltip-wrap no-pink" ><a href="images/carson-extract.jpg" target="_blank"><img src="images/carson-extract.jpg" width="550px" /></a><div class="tooltip-content-right" style="min-width: 40% !important;" ><div>Carson, A. (1996) The Gender of Sound, in Glass, Irony and God. First Edition edition. New York: New Directions, pp. 119142</div></div></div></div>
<div class="draggable ui-draggable-handle group_extracts pile0"><div class="tooltip-wrap no-pink" ><a href="images/fresh1.jpg" target="_blank"><img src="images/fresh1.jpg" width="600px" /></a><div class="tooltip-content-right" style="min-width: 40% !important;" ><div>Ballout, D. (2019) Good Morning, Kafranbel, This American Life: Wartime Radio. Available at: https://www.thisamericanlife.org/667/transcript (Accessed: 5 February 2019)</div></div></div></div>
<div class="draggable ui-draggable-handle group_extracts pile0"><div class="tooltip-wrap no-pink" ><a href="images/fresh2.jpg" target="_blank"><img src="images/fresh2.jpg" width="600px" /></a><div class="tooltip-content-right" style="min-width: 40% !important;" ><div>Ballout, D. (2019) Good Morning, Kafranbel, This American Life: Wartime Radio. Available at: https://www.thisamericanlife.org/667/transcript (Accessed: 5 February 2019)</div></div></div></div>
<div class="draggable ui-draggable-handle group_extracts pile0"><div class="tooltip-wrap no-pink" ><a href="images/volkskrant-00.jpg" target="_blank"><img src="images/volkskrant-00.jpg" width="600px" /></a><div class="tooltip-content-right" style="min-width: 40% !important;" ><div>Vries, J. de (2016) Mannen zijn stevige debaters, vrouwen kijvende wijven, de Volkskrant. Available at: https://www.volkskrant.nl/gs-be7ace6e (Accessed: 10 June 2019)</div></div></div></div>
<div class="draggable ui-draggable-handle group_extracts pile0"><div class="tooltip-wrap no-pink" ><a href="images/volkskrant-01.jpg" target="_blank"><img src="images/volkskrant-01.jpg" width="600px" /></a><div class="tooltip-content-right" style="min-width: 40% !important;" ><div>Vries, J. de (2016) Mannen zijn stevige debaters, vrouwen kijvende wijven, de Volkskrant. Available at: https://www.volkskrant.nl/gs-be7ace6e (Accessed: 10 June 2019)</div></div></div></div>
<div class="draggable ui-draggable-handle group_extracts pile0"><div class="tooltip-wrap no-pink" ><a href="images/volkskrant-02.jpg" target="_blank"><img src="images/volkskrant-02.jpg" width="600px" /></a><div class="tooltip-content-right" style="min-width: 40% !important;" ><div>Vries, J. de (2016) Mannen zijn stevige debaters, vrouwen kijvende wijven, de Volkskrant. Available at: https://www.volkskrant.nl/gs-be7ace6e (Accessed: 10 June 2019)</div></div></div></div>
<div class="draggable ui-draggable-handle group_extracts pile0"><div class="tooltip-wrap no-pink" ><a href="images/volkskrant-03.jpg" target="_blank"><img src="images/volkskrant-03.jpg" width="600px" /></a><div class="tooltip-content-right" style="min-width: 40% !important;" ><div>Vries, J. de (2016) Mannen zijn stevige debaters, vrouwen kijvende wijven, de Volkskrant. Available at: https://www.volkskrant.nl/gs-be7ace6e (Accessed: 10 June 2019)</div></div></div></div>
<div class="draggable ui-draggable-handle group_extracts pile0"><div class="tooltip-wrap no-pink" ><a href="images/extracts-leeszaal-20190606.jpg" target="_blank"><img src="images/extracts-leeszaal-20190606.jpg" width="600px" /></a><div class="tooltip-content-right" style="min-width: 40% !important;" ><div>Vries, J. de (2016) Mannen zijn stevige debaters, vrouwen kijvende wijven, de Volkskrant. Available at: https://www.volkskrant.nl/gs-be7ace6e (Accessed: 10 June 2019) + ANNOTATIONS</div></div></div></div>
<div class="draggable ui-draggable-handle group_extracts pile0"><div class="tooltip-wrap no-pink" ><a href="images/extracts-leeszaal-20190606-2.jpg" target="_blank"><img src="images/extracts-leeszaal-20190606-2.jpg" width="600px" /></a><div class="tooltip-content-right" style="min-width: 40% !important;" ><div>Carson, A. (1996) The Gender of Sound, in Glass, Irony and God. First Edition edition. New York: New Directions, pp. 119142 + ANNOTATIONS</div></div></div></div>
<!-- div images -->
<div id="img" class="draggable ui-draggable-handle group_photos pile3"><img src="images/meeting-20190508_leeszaal.jpg" width="100%"></img></div>
<div id="img" class="draggable ui-draggable-handle group_photos pile1"><img src="images/meeting-20190328-leeszaal-5.JPG" width="100%"></img></div>
<div id="img" class="draggable ui-draggable-handle group_photos pile2" ><img src="images/meeting-20190329-finearts-2.JPG" width="100%"></img></div>
<div id="img" class="draggable ui-draggable-handle group_photos pile2"><img src="images/meeting-20190329-finearts-1.JPG" width="100%"></img></div>
<div id="img" class="draggable ui-draggable-handle group_photos pile1"><img src="images/meeting-20190328-leeszaal-3.JPG.jpg" width="100%"></img></div>
<div id="img" class="draggable ui-draggable-handle group_photos pile1"><img src="images/meeting-20190328-leeszaal-1.JPG" width="100%"></img></div>
<div id="img" class="draggable ui-draggable-handle group_photos pile1"><img src="images/meeting-20190328-leeszaal-2.JPG" width="100%"></img></div>
<div id="img" class="draggable ui-draggable-handle group_photos pile2"><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 group_photos pile4"><img src="images/meeting-20190523-leeszaal-1.jpg" width="100%"></img></div>
<div id="img" class="draggable ui-draggable-handle group_photos pile4"><img src="images/meeting-20190523-leeszaal-2.jpg" width="100%"></img></div>
<div id="img" class="draggable ui-draggable-handle group_photos pile4"><img src="images/meeting-20190523-leeszaal-3.jpg" width="100%"></img></div>
<div id="img" class="draggable ui-draggable-handle group_photos pile4" ><a href="images/meeting-20190530-leeszaal-1.jpg" target="_blank"><img src="images/meeting-20190530-leeszaal-1.jpg" width="100%"></img></a></div>
<div id="img" class="draggable ui-draggable-handle group_photos pile4"><img src="images/meeting-20190523-leeszaal-4.jpg" width="100%"></img></div>
<div id="img" class="draggable ui-draggable-handle group_photos pile4"><img src="images/meeting-20190523-leeszaal-5.jpg" width="100%"></img></div>
<div id="img" class="draggable ui-draggable-handle group_photos pile5"><a href="images/meeting-20190530-leeszaal-2.jpg" target="_blank"><img src="images/meeting-20190530-leeszaal-2.jpg" width="100%"></img></a></div>
<div id="img" class="draggable ui-draggable-handle group_photos pile6"><a href="images/meeting-20190606-leeszaal-4.jpg" target="_blank"><img src="images/meeting-20190606-leeszaal-4.jpg" width="100%"></img></a></div>
<div id="img" class="draggable ui-draggable-handle group_photos pile6"><a href="images/meeting-20190606-leeszaal-2.jpg" target="_blank"><img src="images/meeting-20190606-leeszaal-2.jpg" width="100%"></img></a></div>
<div id="img" class="draggable ui-draggable-handle group_photos pile6"><a href="images/meeting-20190606-leeszaal-3.jpg" target="_blank"><img src="images/meeting-20190606-leeszaal-3.jpg" width="100%"></img></a></div>
<div id="img" class="draggable ui-draggable-handle group_photos pile6"><a href="images/meeting-20190606-leeszaal-1.jpg" target="_blank"><img src="images/meeting-20190606-leeszaal-1.jpg" width="100%"></img></a></div>
<!-- metadata for each workshop -->
<div class="draggable scaleable-wrapper box_metadata group_metadata pile1">
<h2>Workshop 1</h2>
<li>Actions:</li>
<ul>
<li>Reading <span class="tooltip-wrap">extracts <span class="tooltip-content-right">
1. Ballout, D. (2019) Good Morning, Kafranbel, This American Life: Wartime Radio. Available at: https://www.thisamericanlife.org/667/transcript (Accessed: 5 February 2019).<br />
2. Carson, A. (1996) The Gender of Sound, in Glass, Irony and God. First Edition edition. New York: New Directions, pp. 119142.</span></span>in random order
</li>
<li>Discussion on public voice</li>
<li>Warming up</li>
<li>Transcribing the vowels of each other's sentences</li>
<li>Reading back the vowels</li>
<li>Reading outloud all together the score of vowels</li>
</ul>
<li>Equipment: </li>
<ul>
<li>Printed extracts</li>
<li>Audio recorder</li>
<li>Paper + pens</li>
</ul>
<li>Outcome:</li>
<ul>
<li>Audio recordings of the actions</li>
<li>Handwritten score of vowels</li>
</ul>
<li>Date: 28/3/2019</li>
<li>Location: Leeszaal, Rotterdam</li>
</div>
<div class="draggable scaleable-wrapper box_metadata group_metadata pile2"><h2>Workshop 2</h2>
<li>Actions:</li>
<ul>
<li>Reading <span class="tooltip-wrap">extracts <span class="tooltip-content-right">
1. Ballout, D. (2019) Good Morning, Kafranbel, This American Life: Wartime Radio. Available at: https://www.thisamericanlife.org/667/transcript (Accessed: 5 February 2019).<br />
2. Carson, A. (1996) The Gender of Sound, in Glass, Irony and God. First Edition edition. New York: New Directions, pp. 119142.</span></span>in random order
</li>
<li>Discussion on public voice</li>
<li>Warming up</li>
<li>Transcribing the vowels of each other's sentences</li>
<li>Reading back the vowels</li>
<li>Reading outloud all together the score of vowels</li>
<li>Reading outloud all together the score of vowels in high-pitch</li>
</ul>
<li>Equipment: </li>
<ul>
<li>Printed extracts</li>
<li>Audio recorder</li>
<li>Paper + pens</li>
</ul>
<li>Outcome:</li>
<ul>
<li>Audio recordings of the actions</li>
<li>Handwritten score of vowels</li>
</ul>
<li>Date: 29/3/2019</li>
<li>Location: Fine Arts/KDH, Rotterdam</li>
</div>
<div class="draggable scaleable-wrapper box_metadata group_metadata pile3"><h2>Workshop 3</h2>
<li>Actions:</li>
<ul>
<li>Reading <span class="tooltip-wrap">extracts <span class="tooltip-content-right">
1. Ballout, D. (2019) Good Morning, Kafranbel, This American Life: Wartime Radio. Available at: https://www.thisamericanlife.org/667/transcript (Accessed: 5 February 2019).<br />
2. Carson, A. (1996) The Gender of Sound, in Glass, Irony and God. First Edition edition. New York: New Directions, pp. 119142.</span></span>in random order
</li>
<li>Discussion on public voice</li>
<li>Warming up</li>
<li>Transcribing the vowels of each other's sentences</li>
<li><s>Reading back the vowels</s></li>
<li><s>Reading outloud all together the score of vowels</s></li>
<li><s>Reading outloud all together the score of vowels in high-pitch</s></li>
<li>Reading outloud all together back the vowels for each person</li>
</ul>
<li>Equipment: </li>
<ul>
<li>Printed extracts</li>
<li>Audio recorder</li>
<li>Paper + pens</li>
</ul>
<li>Outcome:</li>
<ul>
<li>Audio recordings of the actions</li>
<li>Handwritten scores of vowels</li>
</ul>
<li>Date: 8/5/2019</li>
<li>Location: Leeszaal, Rotterdam</li>
</div>
<div class="draggable scaleable-wrapper box_metadata group_metadata pile4"><h2>Workshop 4</h2>
<li>Actions:</li>
<ul>
<li>Reading <span class="tooltip-wrap">extracts <span class="tooltip-content-right">
1. Ballout, D. (2019) Good Morning, Kafranbel, This American Life: Wartime Radio. Available at: https://www.thisamericanlife.org/667/transcript (Accessed: 5 February 2019).<br />
2. Carson, A. (1996) The Gender of Sound, in Glass, Irony and God. First Edition edition. New York: New Directions, pp. 119142.</span></span>in random order
</li>
<li>Discussion on public voice</li>
<li>Warming up</li>
<li>Transcribing the vowels of each other's sentences</li>
<li>Reading back the vowels</li>
<li>Reading outloud all together the score of vowels</li>
<li><s>Reading outloud all together the score of vowels in high-pitch</s></li>
<li><s>Reading outloud all together back the vowels for each person</s></li>
<li>Speaking about personal experiences</li>
<li>Listen back our <span class="tooltip-wrap">distorted voices<span class="tooltip-content-right">The voices were electronically distorted from female to male (high-pitch to low-pitch) with a bash script<br />
<pre>
#!/bin/bash
today=$(date +%Y%m%d-%H%M);
output=${1:-distort}
arecord -Dpulse -f cd normal_$today.wav
rubberband -t 1.5 -p -5.5 normal_$today.wav ${output}_$today.wav
mkdir -p "normal"
mv -v normal_$today.wav normal/normal_$today.wav;
</pre>
</span></span>
</li>
</ul>
<li>Equipment: </li>
<ul>
<li>Printed extracts</li>
<li>Audio recorder</li>
<li>Paper + pens</li>
<li>Microphone</li>
<li>Small speaker</li>
</ul>
<li>Outcome:</li>
<ul>
<li>Audio recordings of the actions</li>
<li>Videp recordings of the actions</li>
<li>Handwritten score of vowels</li>
</ul>
<li>Date: 23/5/2019</li>
<li>Location: outside of Leeszaal, Rotterdam</li>
</div>
<div class="draggable scaleable-wrapper box_metadata group_metadata pile5"><h2>Workshop 5</h2>
<li>Actions:</li>
<ul>
<li>Reading <span class="tooltip-wrap">extracts <span class="tooltip-content-right">
1. Ballout, D. (2019) Good Morning, Kafranbel, This American Life: Wartime Radio. Available at: https://www.thisamericanlife.org/667/transcript (Accessed: 5 February 2019).<br />
2. Carson, A. (1996) The Gender of Sound, in Glass, Irony and God. First Edition edition. New York: New Directions, pp. 119142.</span></span>in random order
</li>
<li>Discussion on public voice</li>
<li>Warming up</li>
<li>Transcribing the vowels of each other's sentences</li>
<li>Reading back the vowels</li>
<li><s>Reading outloud all together the score of vowels in high-pitch</s></li>
<li><s>Reading outloud all together back the vowels for each person</s></li>
<li><s>Speaking about personal experiences</s></li>
<li>Reading outloud all together the score of vowels</li>
<li>Speaking like "men"</li>
<li>Listen back our <span class="tooltip-wrap">distorted voices<span class="tooltip-content-right">The voices were electronically distorted from female to male (high-pitch to low-pitch) with a bash script and vice versa<br />
<pre>
#!/bin/bash
today=$(date +%Y%m%d-%H%M);
output=${1:-distort}
arecord -Dpulse -f cd normal_$today.wav
rubberband -t 1.5 -p -5.5 normal_$today.wav ${output}_$today.wav
mkdir -p "normal"
mv -v normal_$today.wav normal/normal_$today.wav;
</pre><br />
<pre>
#!/bin/bash
today=$(date +%Y%m%d-%H%M)
output=${1:-distort}
arecord -Dpulse -f cd normal_$today.wav
rubberband -t 1.5 -p 3.0 normal_$today.wav ${output}_$today.wav
mkdir -p "storage"
mv -v normal_$today.wav storage/
ffmpeg -i ${output}_$today.wav -vn -ar 44100 -ac 2 -ab 192k -f mp3 ${output}_$today.mp3
mv -v ${output}_$today.wav storage/
</pre>
</span></span>
</li>
</ul>
<li>Equipment: </li>
<ul>
<li>Printed extracts</li>
<li>Audio recorder</li>
<li>Paper + pens</li>
<li>Microphone</li>
<li>Small speaker</li>
<li>Food</li>
</ul>
<li>Outcome:</li>
<ul>
<li>Audio recordings of the actions</li>
<li>Videp recordings of the actions</li>
<li>Handwritten score of vowels</li>
</ul>
<li>Date: 30/5/2019</li>
<li>Location: Leeszaal, Rotterdam</li>
<li>Other: Part of <span class="tooltip-wrap">Women@Art<span class="tooltip-content-right">A series of workshops dedicated to 'wereldvrouwen', a group of women around the world. They meet every Wednesday at Leeszaal</span></span><li>
</div>
<div class="draggable scaleable-wrapper box_metadata group_metadata pile6"><h2>Workshop 6</h2>
<li>Actions:</li>
<ul>
<li>Reading <span class="tooltip-wrap">extracts <span class="tooltip-content-right">
1. Vries, J. de (2016) Mannen zijn stevige debaters, vrouwen kijvende wijven, de Volkskrant. Available at: https://www.volkskrant.nl/gs-be7ace6e (Accessed: 10 June 2019).<br />
2. Carson, A. (1996) The Gender of Sound, in Glass, Irony and God. First Edition edition. New York: New Directions, pp. 119142.</span></span>in random order
</li>
<li>Discussion on public voice</li>
<li>Discussion on voice's pitch</li>
<li>Discussion based on a <span class="tooltip-wrap">list of questions <span class="tooltip-content-right">
<pre>
Have you ever had to change your voice in order to be heard? Have you consciously done that?
In what spaces and occasions?
Have you ever being judged for your voice?
When do you feel the (quality of) voice communicates uncertainty?
What are the connotations you make when you think of voice as a metaphor (´one voice´, ´womans voice´,´world voices´)
How would you describe your voice? (or somebody elses)
</pre>
</li>
<li>Warming up</li>
<li><s>Transcribing the vowels of each other's sentences</s></li>
<li><s>Reading back the vowels</s></li>
<li><s>Reading outloud all together the score of vowels in high-pitch</s></li>
<li><s>Reading outloud all together back the vowels for each person</s></li>
<li><s>Speaking about personal experiences</s></li>
<li><s>Reading outloud all together the score of vowels</s></li>
<li>Speaking like "men"</li>
<li><s>Listen back our distorted voices. The voices were electronically distorted from female to male (high-pitch to low-pitch) with a bash script and vice versa</s></li>
</ul>
<li>Equipment: </li>
<ul>
<li>Printed extracts</li>
<li>Audio recorder</li>
<li>Paper + pens</li>
<li>Microphone</li>
<li>Small speaker</li>
<li>Food</li>
</ul>
<li>Outcome:</li>
<ul>
<li>Audio recordings of the actions</li>
<li>Videp recordings of the actions</li>
<li>Handwritten score of vowels</li>
</ul>
<li>Date: 30/5/2019</li>
<li>Location: Leeszaal, Rotterdam</li>
<li>Other: Part of <span class="tooltip-wrap">Women@Art<span class="tooltip-content-right">A series of workshops dedicated to 'wereldvrouwen', a group of women around the world. They meet every Wednesday at Leeszaal</span></span><li>
</div>
<!-- draggable menu-->
<div class="draggable scaleable-wrapper active-draggable" style="top:1%; right:0.5%;">
<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 group_menu pileM menu">
<h2 ><a href="player.php">Player<div class="hover-icon-speaker"><img src="images/icon-speaker.png"></div></a></h2>
<div class="drag-content">
(audio archive)
</div>
</div>
<div class="draggable scaleable-wrapper group_menu pileM menu">
<h2 ><a href="index.php">About</a></h2>
<div class="drag-content">
(main page)
</div>
</div>
<div class="draggable scaleable-wrapper group_menu pileM menu">
<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 group_menu pileM menu">
<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 group_menu pileM menu">
<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 group_menu pileM menu">
<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 group_menu pileM menu">
<h2 ><a href="thesis-angeliki.php">"Let' s Talk About Unspeakable Things"</a></h2>
<div class="drag-content">
(thesis)
</div>
</div>
<div class="draggable scaleable-wrapper group_menu pileM menu">
6 years ago
<h2 ><a href="diary.php">Diary of West Rotterdam</a></h2>
<div class="drag-content">
(first experiments)
</div>
</div>
<!-- end draggable -->
<!-- reshuffle -->
<script>
var distance=20
piles()
function piles(){
var pileM_position=[1300,700]
$(".pileM").each(function(i){
$(this).css({"top":i*60+pileM_position[1],"left":i*20+pileM_position[0]})
})
var pile0_position=[30,2500]
$(".pile0").each(function(i){
$(this).css({"top":pile0_position[1],"left":i*80+pile0_position[0]})
})
var pile1_position=[30,150]
$(".pile1").each(function(i){
$(this).css({"top":i*distance+pile1_position[1],"left":i*distance+pile1_position[0]})
})
var pile2_position=[800,100]
$(".pile2").each(function(i){
$(this).css({"top":i*distance+pile2_position[1],"left":i*distance+pile2_position[0]})
})
var pile3_position=[100,900]
$(".pile3").each(function(i){
$(this).css({"top":i*distance+pile3_position[1],"left":i*distance+pile3_position[0]})
})
var pile4_position=[700,850]
$(".pile4").each(function(i){
$(this).css({"top":i*distance+pile4_position[1],"left":i*distance+pile4_position[0]})
})
var pile5_position=[400,1700]
$(".pile5").each(function(i){
$(this).css({"top":i*distance+pile5_position[1],"left":i*distance+pile5_position[0]})
})
var pile6_position=[1300,1600]
$(".pile6").each(function(i){
$(this).css({"top":i*distance+pile6_position[1],"left":i*distance+pile6_position[0]})
})
}
function groups(){
var group_vowels_position=[700,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=[20,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=[50,1000]
$(".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=[800,1000]
$(".group_metadata").each(function(i){
$(this).css({"top":i*distance+group_metadata_position[1],"left":i*distance+group_metadata_position[0]})
})
var group_menu_position=[1300,700]
$(".group_menu").each(function(i){
$(this).css({"top":i*60+group_menu_position[1],"left":i*20+group_menu_position[0]})
})
}
</script>
</body>
</html>