@ -16,259 +16,263 @@
< body > < body >
< section style = "margin-bottom: 20%;" > < section style = "margin-bottom: 20%;" >
<!-- draggable youtube links and other -->
<!-- sources -->
< div id = "show1" class = "draggable" > < span onclick = "this.parentElement.style.display='none'" class = "topleft" > & times< / span > < iframe width = "500px" height = "400px" src = "https://www.youtube.com/embed/HlvfPizooII" frameborder = "0" allow = "accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen > < / iframe > < / div >
< div id = "show2" class = "draggable" > < span onclick = "this.parentElement.style.display='none'" class = "topleft" > & times< / span > < iframe width = "500" height = "400" src = "https://www.youtube.com/embed/JVpoOdz1AKQ" frameborder = "0" allow = "accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen > < / iframe > < / div >
< div id = "show3" class = "draggable" > < span onclick = "this.parentElement.style.display='none'" class = "topleft" > & times< / span > < iframe width = "500" height = "400" src = "https://www.youtube.com/embed/SirOxIeuNDE" frameborder = "0" allow = "accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen > < / iframe > < / div >
< div id = "show4" class = "draggable" > < span onclick = "this.parentElement.style.display='none'" class = "topleft" > & times< / span > < iframe width = "500" height = "400" src = "https://www.youtube.com/embed/TY96Ma6YdtQ" frameborder = "0" allow = "accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen > < / iframe > < / div > <!-- draggable audio tags/images -->
< div class = "ciclegraph" >
< div class = "draggable circle" >
< audio controls src = "audio/leeszaal-meetings-warming.mp3" class = "audio-tag" > < / audio >
< a href = "images/meeting-20190328-leeszaal-6.jpg" target = "_blank" >
< img src = "images/meeting-20190328-leeszaal-6.jpg" style = "width:100%" >
< / a >
< p > warming up @Leeszaal 28/3< / p >
< / div >
< div class = "draggable circle" >
< audio controls src = "audio/leeszaal-discussing-20190530.mp3" class = "audio-tag" > < / audio >
< a href = "images/meeting-20190530-leeszaal-4.jpg" target = "_blank" >
< img src = "images/meeting-20190530-leeszaal-4.jpg" style = "width:100%" >
< / a >
< p > discussing about voice in public @Leeszaal 30/5< / p >
< / div >
<!-- links --> < div class = "draggable circle" >
< div class = "draggable box_metadata" style = "top: 110%; left:40%; width: 500px !important" > < audio controls src = "audio/leeszaal-meeting-transcribing-20190508.mp3" class = "audio-tag" > < / audio >
< h2 > Online Sources< / h2 >
< a href = "images/vowels-20190508-leeszaal-3.jpg" target = "_blank" >
< li id = "angela" >
< img src = "images/vowels-20190508-leeszaal-3.jpg" style = "width:100%" >
< a href = "#" > Angela Davis @Occupy Wall Street< / a >
< / a >
< / li >
< p > trascribing+singing vowels @Leeszaal 3/5< / p >
< / div >
< div class = "draggable circle" >
< audio controls src = "audio/leeszaal-meeting-extracts-20190523.mp3" class = "audio-tag" > < / audio >
< a href = "images/meeting-20190523-leeszaal-6.jpg" target = "_blank" >
< img src = "images/meeting-20190523-leeszaal-6.jpg" style = "width:100%" >
< / a >
< p > reading extracts @outside Leeszaal 23/5< / p >
< / div >
< li id = "judith" >
< div class = "draggable circle" >
< a href = "#" > Judith Butler @Occupy Wall Street< / a >
< audio controls src = "audio/leeszaal-meetings-choir.mp3" class = "audio-tag" > < / audio >
< / li >
< a href = "images/vowels-20190328-leeszaal.jpg" target = "_blank" >
< img src = "images/vowels-20190328-leeszaal.jpg" style = "width:100%" >
< / a >
< p > singing vowels @outside Leeszaal 28/3< / p >
< / div >
< li id = "laurie" >
< a href = "#" > Laurie Anderson - Mach 20< / a >
< / li >
< li id = "dana" >
< div class = "draggable circle" >
< a href = "https://www.thisamericanlife.org/667/wartime-radio" target = "_blank" > Ballout, D. (2019) ‘ ’ < / a >
< audio controls src = "audio/leeszaal-meeting-warming-20190523.mp3" class = "audio-tag" > < / audio >
< / li >
< a href = "images/meeting-20190523-leeszaal-7.jpg" target = "_blank" >
< img src = "images/meeting-20190523-leeszaal-7.jpg" style = "width:100%" >
< / a >
< li id = "katalin" >
< p > warming up @outside Leeszaal 23/5< / p >
< a href = "#" > Vocal performance of Katalin Ladik in the film ‘ ’ < / a >
< / div >
< / li >
< / div >
< script > < div class = "draggable circle" >
// draggable video pop up
< audio controls src = "audio/distort_leeszaal_20190523-1341.mp3" class = "audio-tag" > < / audio >
< a href = "" target = "_blank" >
< img src = "images/meeting-20190523-leeszaal-2.jpg" style = "width:100%" >
< / a >
< p > personal experiences-distorted voice @outside Leeszaal 23/5< / p >
< / div >
$("#angela").click(function(){
< div class = "draggable circle" >
$("#show1").fadeIn()
< audio controls src = "audio/leeszaal-extracts-20190530.mp3" class = "audio-tag" > < / audio >
console.log("around")
< a href = "images/fresh1.jpg" target = "_blank" >
});
< img src = "images/fresh1.jpg" style = "width:100%" >
$("#judith").click(function(){
< / a >
$("#show2").fadeIn()
< p > reading extracts @Leeszaal 30/5< / p >
console.log("around")
< / div >
});
$("#laurie").click(function(){
$("#show3").fadeIn()
console.log("around")
});
$("#katalin").click(function(){
$("#show4").fadeIn()
console.log("around")
});
< / script > < div class = "draggable circle" >
< audio controls src = "audio/finearts-meeting-discussion.mp3" class = "audio-tag" > < / audio >
< a href = "" target = "_blank" > < img src = "images/meeting-20190329-finearts-1.JPG" style = "width:100%" / > < / a >
< p > discussing about voice in public @Fine Arts 29/3< / p >
< / div >
<!-- draggable audio tags/images --> < div class = "draggable circle" >
< div class = "draggable" style = "position:absolute; top:6%; left:51%;width: 13%" > < audio controls src = "audio/leeszaal-meeting-warming-20190508.mp3" class = "audio-tag" > < / audio >
< audio controls src = "audio/leeszaal-meetings-warming.mp3" class = "audio-tag" > < / audio >
< a href = "" target = "_blank" > < img src = "images/meeting-20190508_leeszaal.jpg" style = "width:100%" / > < / a >
< a href = "images/meeting-20190328-leeszaal-6.jpg" target = "_blank" >
< p > warming up @Leeszaal 8/5< / p >
< img src = "images/meeting-20190328-leeszaal-6.jpg" style = "width:100%" >
< / div >
< / a >
< p > warming up @Leeszaal 28/3< / p >
< / div >
< div class = "draggable" style = "position:absolute; top:10%; left:48%;width: 13%" >
< audio controls src = "audio/leeszaal-discussing-20190530.mp3" class = "audio-tag" > < / audio >
< a href = "images/meeting-20190530-leeszaal-4.jpg" target = "_blank" >
< img src = "images/meeting-20190530-leeszaal-4.jpg" style = "width:100%" >
< / a >
< p > discussing about voice in public @Leeszaal 30/5< / p >
< / div >
< div class = "draggable" style = "position:absolute; top:16%; left:55%;width: 13%" > < div class = "draggable circle" >
< audio controls src = "audio/leeszaal-meeting-transcribing-20190508.mp3" class = "audio-tag" > < / audio >
< audio controls src = "audio/leeszaal-meetings-transcribing.mp3" class = "audio-tag" > < / audio >
< a href = "images/vowels-20190508-leeszaal-3.jpg" target = "_blank" >
< a href = "" target = "_blank" > < img src = "images/meeting-20190328-leeszaal-1.JPG" style = "width:100%" / > < / a >
< img src = "images/vowels-20190508-leeszaal-3.jpg" style = "width:100%" >
< p > transcribing vowels @Leeszaal 28/3< / p >
< / a >
< / div >
< p > trascribing+singing vowels @Leeszaal 3/5< / p >
< / div >
< div class = "draggable" style = "position:absolute; top:15%; left:41%; width: 13%" > < div class = "draggable circle" >
< audio controls src = "audio/leeszaal-meeting-extracts-20190523.mp3" class = "audio-tag" > < / audio >
< audio controls src = "audio/leeszaal-warming-20190530.mp3" class = "audio-tag" > < / audio >
< a href = "images/meeting-20190523-leeszaal-6.jpg" target = "_blank" >
< a href = "images/meeting-20190530-leeszaal-2.jpg" target = "_blank" > < img src = "images/meeting-20190530-leeszaal-2.jpg" style = "width:100%" / > < / a >
< img src = "images/meeting-20190523-leeszaal-6.jpg" style = "width:100%" >
< p > warming up @Leeszaal 30/5< / p >
< / a >
< / div >
< p > reading extracts @outside Leeszaal 23/5< / p >
< / div >
< div class = "draggable" style = "position:absolute; top:18%; left:37%; width: 13%" >
< audio controls src = "audio/leeszaal-meetings-choir.mp3" class = "audio-tag" > < / audio >
< a href = "images/vowels-20190328-leeszaal.jpg" target = "_blank" >
< img src = "images/vowels-20190328-leeszaal.jpg" style = "width:100%" >
< / a >
< p > singing vowels @outside Leeszaal 28/3< / p >
< / div >
< div class = "draggable " style = "position:absolute; top:20%; left:63%;width: 13% ">
< div class = "draggable circle" >
< audio controls src = "audio/ leeszaal-meeting-warming-20190523 .mp3" class = "audio-tag" > < / audio >
< audio controls src = "audio/finearts-meeting-choir.mp3" class = "audio-tag" > < / audio >
< a href = " images/meeting-20190523-leeszaal-7.jpg" target = "_blank" >
< a href = "" target = "_blank" > < img src = "images/vowels-20190329-finearts.jpg" style = "width:100%" / > < / a >
< img src = "images/meeting-20190523-leeszaal-7.jpg" style = "width:100%" >
< p > singing vowels @Fine Arts 29/3< / p >
< / a >
< / div >
< p > warming up @outside Leeszaal 23/5< / p >
< div class = "draggable circle" >
< audio controls src = "audio/leeszaal-coffee-20190530.mp3" class = "audio-tag" > < / audio >
< a href = "images/meeting-20190530-leeszaal-3.jpg" target = "_blank" > < img src = "images/meeting-20190530-leeszaal-3.jpg" style = "width:100%" / > < / a >
< p > coffee time @Leeszaal 30/5< / p >
< / div >
< / div >
< div class = "draggable" style = "position:absolute; top:23%; left:66%;width: 13%" >
< audio controls src = "audio/distort_leeszaal_20190523-1341.mp3" class = "audio-tag" > < / audio >
< div class = "draggable circle" >
< audio controls src = "audio/distort_leeszaal_20190523-1336.mp3" class = "audio-tag" > < / audio >
< a href = "" target = "_blank" >
< a href = "" target = "_blank" >
< img src = "images/meeting-20190523-leeszaal- 2 .jpg" style = "width:100%" >
< img src = "images/meeting-20190523-leeszaal- 1 .jpg" style = "width:100%" >
< / a >
< / a >
< p > personal experience s-distorted voice @outside Leeszaal 23/5< / p >
< p > singing vowel s-distorted voice @outside Leeszaal 23/5< / p >
< / div > < / div >
< div class = "draggable" style = "position:absolute; top:27%; left:68%;width: 13%" >
< audio controls src = "audio/leeszaal-extracts-20190530.mp3" class = "audio-tag" > < / audio >
< a href = "images/fresh1.jpg" target = "_blank" >
< img src = "images/fresh1.jpg" style = "width:100%" >
< / a >
< p > reading extracts @Leeszaal 30/5< / p >
< / div >
< div class = "draggable" style = "position:absolute; top:32%; left:70%;width: 13%" > < div class = "draggable circle" >
< audio controls src = "audio/finearts-meeting-discussion.mp3" class = "audio-tag" > < / audio >
< audio controls src = "audio/finearts-meeting-transcribing.mp3" class = "audio-tag" > < / audio >
< a href = "" target = "_blank" > < img src = "images/meeting-20190329-finearts-1.JPG" style = "width:100%" / > < / a >
< a href = "" target = "_blank" >
< p > discussing about voice in public @Fine Arts 29/3< / p >
< img src = "images/meeting-20190329-finearts-2.JPG" style = "width:100%" / >
< / div > < / a >
< p > transcribing vowels @Fine Arts 29/3< / p >
< / div >
< div class = "draggable" style = "position:absolute; top:36%; left:73%;width: 13%" > < div class = "draggable circle" >
< audio controls src = "audio/leeszaal-meeting-warming-20190508.mp3" class = "audio-tag" > < / audio >
< audio controls src = "audio/finearts-meeting-extracts.mp3" class = "audio-tag" > < / audio >
< a href = "" target = "_blank" > < img src = "images/meeting-20190508_leeszaal.jpg" style = "width:100%" / > < / a >
< a href = "images/carson-extract.jpg" target = "_blank" >
< p > warming up @Leeszaal 8/5< / p >
< img src = "images/carson-extract.jpg" style = "width:100%" / >
< / div > < / a >
< p > reading extracts @Fine Arts 29/3< / p >
< / div >
< div class = "draggable" style = "position:absolute; top:42%; left:75%;width: 13%" > < div class = "draggable circle" >
< audio controls src = "audio/leeszaal-meetings-transcribing.mp3" class = "audio-tag" > < / audio >
< audio controls src = "audio/leeszaal-meeting-transcribing-20190523.mp3" class = "audio-tag" > < / audio >
< a href = "" target = "_blank" > < img src = "images/meeting-20190328-leeszaal-1.JPG" style = "width:100%" / > < / a >
< a href = "images/meeting-20190523-leeszaal-4.jpg" target = "_blank" >
< p > transcribing vowels @Leeszaal 28/3< / p >
< img src = "images/meeting-20190523-leeszaal-4.jpg" style = "width:100%" >
< / div > < / a >
< p > transcribing vowels @outside Leeszaal 23/5< / p >
< / div >
< div class = "draggable" style = "position:absolute; top:47%; left:74%;width: 13%" > < div class = "draggable circle" >
< audio controls src = "audio/leeszaal-warming-20190530.mp3" class = "audio-tag" > < / audio >
< audio controls src = "audio/leeszaal-sentenses-distorted-20190530.mp3" class = "audio-tag" > < / audio >
< a href = "images/meeting-20190530-leeszaal-2.jpg" target = "_blank" > < img src = "images/meeting-20190530-leeszaal-2.jpg" style = "width:100%" / > < / a >
< a href = "images/meeting-20190530-leeszaal-1.jpg" target = "_blank" >
< p > warming up @Leeszaal 30/5< / p >
< img src = "images/meeting-20190530-leeszaal-1.jpg" style = "width:100%" >
< / div > < / a >
< p > statements- distorted voice @Leeszaal 30/5< / p >
< / div >
< div class = "draggable circle" >
< audio controls src = "audio/leeszaal-meetings-discussion.mp3" class = "audio-tag" > < / audio >
< a href = "" target = "_blank" >
< img src = "images/meeting-20190328-leeszaal-2.JPG" style = "width:100%" / > < / a >
< p > discussing about voice in public @Leeszaal 28/3< / p >
< / div >
< div class = "draggable circle" >
< audio controls src = "audio/leeszaal-singing-distorted-20190530.mp3" class = "audio-tag" > < / audio >
< a href = "images/vowels-20190508-leeszaal-1.jpg" target = "_blank" >
< img src = "images/vowels-20190508-leeszaal-1.jpg" style = "width:100%" / > < / a >
< p > singing vowels- distorted voice @Leeszaal 30/5< / p >
< / div >
< div class = "draggable" style = "position:absolute; top:55%; left:73%;width: 13%" >
< audio controls src = "audio/finearts-meeting-choir.mp3" class = "audio-tag" > < / audio >
< a href = "" target = "_blank" > < img src = "images/vowels-20190329-finearts.jpg" style = "width:100%" / > < / a >
< p > singing vowels @Fine Arts 29/3< / p >
< / div >
< div class = "draggable" style = "position:absolute; top:59%; left:71%;width: 13%" >
< audio controls src = "audio/leeszaal-coffee-20190530.mp3" class = "audio-tag" > < / audio >
< a href = "images/meeting-20190530-leeszaal-3.jpg" target = "_blank" > < img src = "images/meeting-20190530-leeszaal-3.jpg" style = "width:100%" / > < / a >
< p > coffee time @Leeszaal 30/5< / p >
< / div >
< div class = "draggable circle" >
< audio controls src = "audio/finearts-meeting-choirhigh.mp3" class = "audio-tag" > < / audio >
< a href = "images/meeting-20190329-finearts-5.JPG" target = "_blank" > < img src = "images/meeting-20190329-finearts-5.JPG" style = "width:100%" / > < / a >
< p > singing vowels (high) @Fine Arts 29/3< / p >
< / div >
< div class = "draggable" style = "position:absolute; top:65%; left:70%;width: 13%" > < div class = "draggable circle" >
< audio controls src = "audio/distort_leeszaal_20190523-1336.mp3" class = "audio-tag" > < / audio >
< audio controls src = "audio/leeszaal-meeting-extracts-20190508.mp3" class = "audio-tag" > < / audio >
< a href = "" target = "_blank" >
< a href = "images/meeting-20190328-leeszaal-4.jpg" target = "_blank" > < img src = "images/meeting-20190328-leeszaal-4.jpg" style = "width:100%" / > < / a >
< img src = "images/meeting-20190523-leeszaal-1.jpg" style = "width:100%" >
< p > reading extracts @Leeszaal 8/5< / p >
< / a >
< / div >
< p > singing vowels-distorted voice @outside Leeszaal 23/5< / p >
< / div >
< div class = "draggable" style = "position:absolute; top:23%; left:32%;width: 13%" > < div class = "draggable circle" >
< audio controls src = "audio/finearts-meeting-transcribing.mp3" class = "audio-tag" > < / audio >
< audio controls src = "audio/finearts-meeting-warming.mp3" class = "audio-tag" > < / audio >
< a href = "" target = "_blank" >
< a href = "images/meeting-20190329-finearts-4.JPG" target = "_blank" > < img src = "images/meeting-20190329-finearts-4.JPG" style = "width:100%" / > < / a >
< img src = "images/meeting-20190329-finearts-2.JPG" style = "width:100%" / >
< p > warming up @Fine Arts 29/3< / p >
< / a >
< / div >
< p > transcribing vowels @Fine Arts 29/3< / p >
< / div > < / div >
< div class = "draggable" style = "position:absolute; top:27%; left:29%; width: 13%" >
< audio controls src = "audio/finearts-meeting-extracts.mp3" class = "audio-tag" > < / audio >
< a href = "images/carson-extract.jpg" target = "_blank" >
< img src = "images/carson-extract.jpg" style = "width:100%" / >
< / a >
< p > reading extracts @Fine Arts 29/3< / p >
< / div >
< div class = "draggable" style = "position:absolute; top:33%; left:26%;width: 13%;" > <!-- draggable youtube links and other -->
< audio controls src = "audio/leeszaal-meeting-transcribing-20190523.mp3" class = "audio-tag" > < / audio >
<!-- sources -->
< a href = "images/meeting-20190523-leeszaal-4.jpg" target = "_blank" >
< div id = "show1" class = "draggable" > < span onclick = "this.parentElement.style.display='none'" class = "topleft" > & times< / span > < iframe width = "93%" src = "https://www.youtube.com/embed/HlvfPizooII" frameborder = "0" allow = "accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen > < / iframe > < / div >
< img src = "images/meeting-20190523-leeszaal-4.jpg" style = "width:100%" >
< / a >
< p > transcribing vowels @outside Leeszaal 23/5< / p >
< / div >
< div class = "draggable" style = "position:absolute; top:38%; left:27%;width: 13%;" > < div id = "show2" class = "draggable" > < span onclick = "this.parentElement.style.display='none'" class = "topleft" > & times< / span > < iframe width = "93%" src = "https://www.youtube.com/embed/JVpoOdz1AKQ" frameborder = "0" allow = "accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen > < / iframe > < / div >
< audio controls src = "audio/leeszaal-sentenses-distorted-20190530.mp3" class = "audio-tag" > < / audio >
< a href = "images/meeting-20190530-leeszaal-1.jpg" target = "_blank" >
< img src = "images/meeting-20190530-leeszaal-1.jpg" style = "width:100%" >
< / a >
< p > statements- distorted voice @Leeszaal 30/5< / p >
< / div >
< div class = "draggable" style = "position:absolute; top:46%; left:28%; width: 13%" > < div id = "show3" class = "draggable" > < span onclick = "this.parentElement.style.display='none'" class = "topleft" > & times< / span > < iframe width = "93%" src = "https://www.youtube.com/embed/SirOxIeuNDE" frameborder = "0" allow = "accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen > < / iframe > < / div >
< audio controls src = "audio/leeszaal-meetings-discussion.mp3" class = "audio-tag" > < / audio >
< a href = "" target = "_blank" >
< img src = "images/meeting-20190328-leeszaal-2.JPG" style = "width:100%" / > < / a >
< p > discussing about voice in public @Leeszaal 28/3< / p >
< / div >
< div class = "draggable" style = "position:absolute; top:51%; left:29%; width: 13%" > < div id = "show4" class = "draggable" > < span onclick = "this.parentElement.style.display='none'" class = "topleft" > & times< / span > < iframe width = "93%" src = "https://www.youtube.com/embed/TY96Ma6YdtQ" frameborder = "0" allow = "accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen > < / iframe > < / div >
< audio controls src = "audio/leeszaal-singing-distorted-20190530.mp3" class = "audio-tag" > < / audio >
< a href = "images/vowels-20190508-leeszaal-1.jpg" target = "_blank" >
< img src = "images/vowels-20190508-leeszaal-1.jpg" style = "width:100%" / > < / a >
< p > singing vowels- distorted voice @Leeszaal 30/5< / p >
< / div >
<!-- links -->
< div class = "draggable box_metadata" style = "top: 40%; left:0.5%; width: 500px !important" >
< h2 > Online Sources< / h2 >
< li id = "angela" >
< a href = "#" > Angela Davis @Occupy Wall Street< / a >
< / li >
< div class = "draggable" style = "position:absolute; top:57%; left:30%;width: 13%;" >
< audio controls src = "audio/finearts-meeting-choirhigh.mp3" class = "audio-tag" > < / audio >
< a href = "images/meeting-20190329-finearts-5.JPG" target = "_blank" > < img src = "images/meeting-20190329-finearts-5.JPG" style = "width:100%" / > < / a >
< p > singing vowels (high) @Fine Arts 29/3< / p >
< / div >
< div class = "draggable" style = "position:absolute; top:61%; left:32%;width: 13%;" > < li id = "judith" >
< audio controls src = "audio/leeszaal-meeting-extracts-20190508.mp3" class = "audio-tag" > < / audio >
< a href = "#" > Judith Butler @Occupy Wall Street< / a >
< a href = "images/meeting-20190328-leeszaal-4.jpg" target = "_blank" > < img src = "images/meeting-20190328-leeszaal-4.jpg" style = "width:100%" / > < / a >
< / li >
< p > reading extracts @Leeszaal 8/5< / p >
< / div >
< li id = "laurie" >
< a href = "#" > Laurie Anderson - Mach 20< / a >
< / li >
< li id = "dana" >
< a href = "https://www.thisamericanlife.org/667/wartime-radio" target = "_blank" > Ballout, D. (2019) ‘ ’ < / a >
< / li >
< div class = "draggable" style = "position:absolute; top:66%; left:35%;width: 13%;" > < li id = "katalin" >
< audio controls src = "audio/finearts-meeting-warming.mp3" class = "audio-tag" > < / audio >
< a href = "#" > Vocal performance of Katalin Ladik in the film ‘ ’ < / a >
< a href = "images/meeting-20190329-finearts-4.JPG" target = "_blank" > < img src = "images/meeting-20190329-finearts-4.JPG" style = "width:100%" / > < / a > < / li >
< p > warming up @Fine Arts 29/3< / p >
< / div > < / div >
< script >
// draggable video pop up
$("#angela").click(function(){
$("#show1").fadeIn()
console.log("around")
});
$("#judith").click(function(){
$("#show2").fadeIn()
console.log("around")
});
$("#laurie").click(function(){
$("#show3").fadeIn()
console.log("around")
});
$("#katalin").click(function(){
$("#show4").fadeIn()
console.log("around")
});
< / script >
< / section > < / section >
< br >
<!-- soundwalk player --> <!-- soundwalk player -->
< div class = "draggable full-width" style = "top: 140%; left:0.2%" >
< div class = "draggable full-width" style = "top: 1 6 0%; left:0.2%">
< button id = "but" > listen< / button >
< button id = "but" > listen< / button >
First sample of city sounds related to public/private and speech and recordings of descriptions from different people
First sample of city sounds related to public/private and speech and recordings of descriptions from different people
< div class = "tooltip-wrap" >
< div class = "tooltip-wrap" >
@ -353,7 +357,7 @@ $("#katalin").click(function(){
<!-- second sounwalk player --> <!-- second sounwalk player -->
< div class = "draggable full-width" style = "top: 1 7 0%; left:0.2%">
< div class = "draggable full-width" style = "top: 1 9 0%; left:0.2%">
< button id = "butB" > listen< / button >
< button id = "butB" > listen< / button >
Second sample of city sounds related to public/private and speech and recordings of descriptions from different people
Second sample of city sounds related to public/private and speech and recordings of descriptions from different people
< div class = "tooltip-wrap" >
< div class = "tooltip-wrap" >
@ -432,14 +436,14 @@ $("#katalin").click(function(){
<!-- draggable menu --> <!-- draggable menu -->
< div class = "draggable scaleable-wrapper" style = "top:1 1 0%;left: 5; width: 300px; font-size: 20px"> < div class = "draggable scaleable-wrapper" style = "top:1 3 0%;left: 5; width: 300px; font-size: 20px">
< h2 > < a href = "diary.php" > Diary of West Rotterdam< / a > < / h2 >
< h2 > < a href = "diary.php" > Diary of West Rotterdam< / a > < / h2 >
< div class = "drag-content" >
< div class = "drag-content" >
(first experiments)
(first experiments)
< / div >
< / div >
< / div > < / div >
< div class = "draggable scaleable-wrapper" style = "top: 4 5%; left: 1%;width: 250px; font-size: 16px"> < div class = "draggable scaleable-wrapper" style = "top: 7 5%; left: 1%;width: 250px; font-size: 16px">
< h2 > < a href = "amplification.php" > Amplification of female voices< / a > < / h2 >
< h2 > < a href = "amplification.php" > Amplification of female voices< / a > < / h2 >
< div class = "drag-content" >
< div class = "drag-content" >
(workshops)
(workshops)
@ -447,7 +451,7 @@ $("#katalin").click(function(){
< / div > < / div >
< div class = "draggable scaleable-wrapper" style = "top: 200px; right: 0px ;width: 150px; font-size: 16px"> < div class = "draggable scaleable-wrapper" style = "top: 30%; right: 0.5% ;width: 150px; font-size: 16px">
< h2 > < a href = "index.php" > About< / a > < / h2 >
< h2 > < a href = "index.php" > About< / a > < / h2 >
< div class = "drag-content" >
< div class = "drag-content" >
(main page)
(main page)
@ -462,17 +466,17 @@ $("#katalin").click(function(){
< / div >
< / div >
< / div > < / div >
< div class = "draggable scaleable-wrapper" style = "top: 6 5%; left: 2%;"> < div class = "draggable scaleable-wrapper" style = "top: 9 5%; left: 2%;">
< h2 > < a href = "podcast4.php" > Podcast4< / a > < / h2 >
< h2 > < a href = "podcast4.php" > Podcast4< / a > < / h2 >
< / div > < / div >
< div class = "draggable scaleable-wrapper" style = "top: 7 5%; left: 2%;"> < div class = "draggable scaleable-wrapper" style = "top: 10 5%; left: 2%;">
< h2 > < a href = "podcast1.php" > Podcast1< / a > < / h2 >
< h2 > < a href = "podcast1.php" > Podcast1< / a > < / h2 >
< / div > < / div >
< div class = "draggable scaleable-wrapper" style = "top: 8 5%; left: 3%;"> < div class = "draggable scaleable-wrapper" style = "top: 11 5%; left: 3%;">
< h2 > < a href = "podcast2.php" > Podcast2< / a > < / h2 >
< h2 > < a href = "podcast2.php" > Podcast2< / a > < / h2 >
< / div > < / div >
< div class = "draggable scaleable-wrapper" style = "top: 9 5%; left: 1%;"> < div class = "draggable scaleable-wrapper" style = "top: 12 5%; left: 1%;">
< h2 > < a href = "podcast3.php" > Podcast3< / a > < / h2 >
< h2 > < a href = "podcast3.php" > Podcast3< / a > < / h2 >
< / div > < / div >
@ -531,6 +535,17 @@ var dialogueTimings3 = [1,10,13,20,27,31,53,58,135],
}
}
;
;
// players in circle
document.querySelectorAll( '.ciclegraph' ).forEach( ( ciclegraph )=>{
let circles = ciclegraph.querySelectorAll( '.circle' )
let angle = 360-90, dangle = 360 / circles.length
for( let i = 0; i < circles.length ; + + i ) {
let circle = circles[i]
angle += dangle
circle.style.transform = `rotate(${angle}deg) translate(${ciclegraph.clientWidth / 2}px) rotate(-${angle}deg)`
}
})
< / script > < / script >
