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.

435 lines
18 KiB
PHP

This file contains ambiguous Unicode characters!

This file contains ambiguous Unicode characters that may be confused with others in your current locale. If your use case is intentional and legitimate, you can safely ignore this warning. Use the Escape button to highlight these characters.

<!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>
<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"><a href="images/carson-extract.jpg" target="_blank"><img src="images/carson-extract.jpg" width="550px" /></a></div>
<div class="draggable ui-draggable-handle group_extracts pile0"><a href="images/fresh1.jpg" target="_blank"><img src="images/fresh1.jpg" width="600px" /></a></div>
<div class="draggable ui-draggable-handle group_extracts pile0"><a href="images/fresh2.jpg" target="_blank"><img src="images/fresh2.jpg" width="600px" /></a></div>
<div class="draggable ui-draggable-handle group_extracts pile0"><a href="images/volkskrant-00.jpg" target="_blank"><img src="images/volkskrant-00.jpg" width="600px" /></a></div>
<div class="draggable ui-draggable-handle group_extracts pile0"><a href="images/volkskrant-01.jpg" target="_blank"><img src="images/volkskrant-01.jpg" width="600px" /></a></div>
<div class="draggable ui-draggable-handle group_extracts pile0"><a href="images/volkskrant-02.jpg" target="_blank"><img src="images/volkskrant-02.jpg" width="600px" /></a></div>
<div class="draggable ui-draggable-handle group_extracts pile0"><a href="images/volkskrant-03.jpg" target="_blank"><img src="images/volkskrant-03.jpg" width="600px" /></a></div>
<div class="draggable ui-draggable-handle group_extracts pile0"><a href="images/extracts-leeszaal-20190606.jpg" target="_blank"><img src="images/extracts-leeszaal-20190606.jpg" width="600px" /></a></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>
<!-- 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.<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>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.<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>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.<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>Transcribing the vowels of each other's sentences</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.<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>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>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.<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>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>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>
<!-- 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">
<h2 ><a href="player.php">Player</a></h2>
<div class="drag-content">
(audio archive)
</div>
</div>
<div class="draggable scaleable-wrapper group_menu pileM">
<h2 ><a href="index.php">About</a></h2>
<div class="drag-content">
(main page)
</div>
</div>
<div class="draggable scaleable-wrapper group_menu pileM">
<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">
<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">
<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">
<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">
<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">
<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,300]
$(".pile1").each(function(i){
$(this).css({"top":i*distance+pile1_position[1],"left":i*distance+pile1_position[0]})
})
var pile2_position=[100,1400]
$(".pile2").each(function(i){
$(this).css({"top":i*distance+pile2_position[1],"left":i*distance+pile2_position[0]})
})
var pile3_position=[700,750]
$(".pile3").each(function(i){
$(this).css({"top":i*distance+pile3_position[1],"left":i*distance+pile3_position[0]})
})
var pile4_position=[1200,1600]
$(".pile4").each(function(i){
$(this).css({"top":i*distance+pile4_position[1],"left":i*distance+pile4_position[0]})
})
var pile5_position=[800,100]
$(".pile5").each(function(i){
$(this).css({"top":i*distance+pile5_position[1],"left":i*distance+pile5_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>