edit draggable

master
Angeliki 6 years ago
parent 6765056c5c
commit efea7f6390

@ -32,12 +32,10 @@ $(document).ready(function() {
}); });
</script> </script>
<div class="draggable" id="main-note" style="top:9%;left:10%;"> <div class="draggable" style="top:9%;left:10%;">
<h2 style="text-align: left !important;"><a href="podcast1.php" target="_blank">About</a></h2> <h2 style="text-align: left !important;"><a href="podcast1.php" target="_blank">About</a></h2>
<div class="drag-content"> <div class="drag-content">
'Amplified Utterances' is an online platform that supports a space for exploration and research, regarding voice in public and its amplification, developed by Angeliki Diakrousi. It consists of a set of experiments that questions the establishment of authoritative/male voices that create exclusive speech platforms, along the assumption that voices have to be rational, authoritative (voice of expertise) etc. The intervention that changes the paradigm becomes a set of podcasts that revisit an archive of audio recordings produced in situated meetings and soundwalks. Every podcast exists on a way that creates repetetive layers of the same material. I perceive amplification as a way to create presence many times through repetition and multiplication. 'Podcast Utterances' is upsetting binaries such as male/female, expert/amateur, rational/irrational. It is about creating poetic (audio) narratives emerging from the contribution of people. 'Amplified Utterances' is an online platform that supports a space for exploration and research, regarding voice in public and its amplification, developed by Angeliki Diakrousi. It consists of a set of experiments that questions the establishment of authoritative/male voices that create exclusive speech platforms, along the assumption that voices have to be rational, authoritative (voice of expertise) etc. The intervention that changes the paradigm becomes <div class="tooltip-wrap" style="display: inline;text-decoration:underline;">a set of podcasts <div class="tooltip-content-right" ><div>what conflicts or frictions the technical aspect provokes?</div></div></div>that revisit an archive of audio recordings produced in situated meetings and soundwalks. Every podcast exists on a way that creates repetetive layers of the same material. I perceive amplification as a way to create presence through repetition and multiplication. 'Amplified Utterances' is upsetting binaries such as male/female, expert/amateur, rational/irrational. It is about creating poetic (audio) narratives emerging from the contribution of people.
It is a collection of audio recordings coming from meetings I co-organise, internet sources, podcasts and soundwalks on amplification of female and collective voices, by Angeliki. 'Revisiting podcasts' questions the establishment of authoritative/male voices that create exclusive speech platforms, along the assumption that voices have to be rational, authoritative (voice of expertise) etc. The intervention that changes the paradigm becomes <div class="tooltip-wrap" style="display: inline;text-decoration:underline;">a set of podcasts <div class="tooltip-content-right" ><div>what conflicts or frictions the technical aspect provokes?</div></div></div>that revisit the sound material produced in situated amplification meetings and soundwalks. Every podcast includes the previous one, on a way that creates repetetive layers of the same material. Creating presence by repetetion.'Revisiting podcasts' are upsetting binaries such as male/female, expert/amateur, rational/irrational
</div></div> </div></div>
<div class="draggable" id="resize" style="top:20%;left:48%;width: 500px;"> <div class="draggable" id="resize" style="top:20%;left:48%;width: 500px;">
@ -55,7 +53,7 @@ $(document).ready(function() {
</div> </div>
<div class="draggable" style="top:47%;left:37%;"> <div class="draggable" style="top:47%;left:37%;">
<h2 style="text-align: left !important;"><a href="amplification.html" target="_blank">Amplification of female voices</a></h2> <h2 style="text-align: left !important;"><a href="amplification.html" target="_blank">Amplification of female voices</a></h2>
<div class="drag-content">How can we engage politically with the exclusion of specific voices from the public sphere? Here I document my attempts to create a safe common space of trying methods and discussing that topic in Leeszaal, an open library that I consider a diverse public space. I am borrowing methods from feminist groups and protest movements and vocal warming up exercises by Pauline Oliveros. For example, protesters would amplify the speaker's voice by repeating collectively their speech to make their presence visible. Feminists would create safe spaces where women could speak about domestic violence and make a dialogue based on listening. Some methods are vocal performances in situ, the "human microphone", speech acts, listening practices, making podcasts, mediating speech, transform our voices, situated experiments. I am doing that together with Christina Karagianni, who is also from Greece and with whom I share similar experiences of silencing. We combine our practices -her practice lies on choreography and dance and mine on social interaction, voice and sound- and try vocal exercises and reading in moments of Leeszaal.<div class="tooltip-wrap" style="display: inline;text-decoration:underline;">We invite <div class="tooltip-content-right" ><div>how we should approch the gender terminology and false association with voice when inviting people? Should it be about femme sounding? Female voice? </div></div></div>people from Leeszaal and our environment, who find themselves related and interested to this topic. Elements from the meetings: discuss previous material, reading extracts in random order, <div class="tooltip-wrap" style="display: inline;text-decoration:underline;">discuss <div class="tooltip-content-right" ><div>what conflicts or frictions the technical aspect provokes?</div></div></div>personal associations and experiences with voice in public, warm up, say a sentence of personal experience in any language, transcribe only the vowels, read back the vowels, read outloud all together the score of vowels, repeat sentences with distorted voice, make podcasts.</div> <div class="drag-content">How can we engage politically with the exclusion of specific voices from the public sphere? Here I document my attempts to create a safe common space of trying methods and discussing that topic in Leeszaal, an open library that I consider a diverse public space. I am borrowing methods from feminist groups and protest movements and vocal warming up exercises by Pauline Oliveros. For example, protesters would amplify the speaker's voice by repeating collectively their speech to make their presence visible. Feminists would create safe spaces where women could speak about domestic violence and make a dialogue based on listening. Some methods are vocal performances in situ, the "human microphone", speech acts, listening practices, making podcasts, mediating speech, transform our voices, situated experiments. I am doing that together with Christina Karagianni, who is also from Greece and with whom I share similar experiences of silencing. We combine our practices -her practice lies on choreography and dance and mine on social interaction, voice and sound- and try vocal exercises and reading in moments of Leeszaal.<div class="tooltip-wrap" style="display: inline;text-decoration:underline;">We invite <div class="tooltip-content-right" ><div>how we should approch the gender terminology and false association with voice when inviting people? Should it be about femme sounding? Female voice? </div></div></div>people from Leeszaal and our environment, who find themselves related and interested to this topic. Elements from the meetings: discuss previous material, reading extracts in random order, <div class="tooltip-wrap" style="display: inline;text-decoration:underline;">discuss <div class="tooltip-content-right" ><div>what conflicts or frictions the technical aspect provokes? web-audio, recordings</div></div></div>personal associations and experiences with voice in public, warm up, say a sentence of personal experience in any language, transcribe only the vowels, read back the vowels, read outloud all together the score of vowels, repeat sentences with distorted voice, make podcasts.</div>
</div> </div>
<div class="draggable" style="top:36%;left:30%;"> <div class="draggable" style="top:36%;left:30%;">
<h2 style="text-align: left !important;"><a href="" target="_blank">Diary of West Rotterdam</a></h2> <h2 style="text-align: left !important;"><a href="" target="_blank">Diary of West Rotterdam</a></h2>
@ -68,10 +66,11 @@ $(document).ready(function() {
<div class="drag-content">Audio collection</div> <div class="drag-content">Audio collection</div>
</div> </div>
<div id="show" class="draggable" style="left:50%;"><iframe width="250px" src="https://www.youtube.com/embed/HlvfPizooII" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
<div class="draggable"> <div class="draggable">
<li class="draggable" style="list-style: none;"> <li id="angela" style="list-style: none;">
<iframe style="display: hidden;" width="250" src="https://www.youtube.com/embed/HlvfPizooII" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>Angela Davis @Occupy Wall Street <a href="#" >Angela Davis @Occupy Wall Street</a>
</li> </li>
<li style="list-style: none;"> <li style="list-style: none;">
<a class="internet" href="https://www.youtube.com/watch?v=JVpoOdz1AKQ&feature=youtu.be" target="popup" onclick="window.open('https://www.youtube.com/watch?v=JVpoOdz1AKQ&feature=youtu.be','popup','width=600,height=600'); return false;">Judith Butler @Occupy Wall Street</a> <a class="internet" href="https://www.youtube.com/watch?v=JVpoOdz1AKQ&feature=youtu.be" target="popup" onclick="window.open('https://www.youtube.com/watch?v=JVpoOdz1AKQ&feature=youtu.be','popup','width=600,height=600'); return false;">Judith Butler @Occupy Wall Street</a>
@ -86,9 +85,15 @@ $(document).ready(function() {
<a class="internet" href="https://www.youtube.com/watch?v=TY96Ma6YdtQ" target="popup" onclick="window.open('https://www.youtube.com/watch?v=TY96Ma6YdtQ','popup','width=600,height=600'); return false;">Vocal performance of Katalin Ladik in the film Berberian Sound Studio, 2012</a> <a class="internet" href="https://www.youtube.com/watch?v=TY96Ma6YdtQ" target="popup" onclick="window.open('https://www.youtube.com/watch?v=TY96Ma6YdtQ','popup','width=600,height=600'); return false;">Vocal performance of Katalin Ladik in the film Berberian Sound Studio, 2012</a>
</li> </li>
</div> </div>
<!-- end draggable -->
<script>
$("#angela").click(function(){
$("#show").fadeIn()
console.log("around")
})
</script>
<!-- end draggable -->

@ -8,73 +8,15 @@
<body> <body>
<a href="podcast1.php">Podcasts</a>
<!-- <div class="tooltip-wrap" align="center">
<p style="background-color: lightgrey;width: 200px;">Digital Utterance</p>
<div class="tooltip-content-down" style="max-width: 1000px;left: 50% !important;">
How can we engage politically with the exclusion of specific (female) voices from the public sphere through our own voice? Here I document my attempts to create a safe common space of discussing that topic in Leeszaal, that I consider a diverse public space, where we can explore our public voices in situ, and trying out vocal performances. I am doing that together with Christina Karagianni, who is also from Greece and with whom I share similar experiences of silencing. We combine our practices -her practice lies on choreography and mine on social interaction and sound- and try vocal exercises and reading in moments of Leeszaal. Structure of the meetings: reading extracts in random order, discuss peronal associations, warm up, say a personal sentence in any language, transcribe only the vowels, read back the vowels, sing all together the score of vowels.
</div>
</div>
-->
<div class="tab">
<button class="tablinks" style="position: absolute; right: 50%;" onclick="openCity(event, 'utterance')">Digital Utterance</button>
</div>
<div id="utterance" class="tabcontent">
<span onclick="this.parentElement.style.display='none'" class="topright">&times</span>
How can we engage politically with the exclusion of specific (female) voices from the public sphere through our own voice? Here I document my attempts to create a safe common space of discussing that topic in Leeszaal, that I consider a diverse public space, where we can explore our public voices in situ, and trying out vocal performances. I am doing that together with Christina Karagianni, who is also from Greece and with whom I share similar experiences of silencing. We combine our practices -her practice lies on choreography and mine on social interaction and sound- and try vocal exercises and reading in moments of Leeszaal.<div class="tooltip-wrap" style="display: inline;text-decoration:underline;">We invite <div class="tooltip-content-right" ><div>how we should approch the gender terminology and false association with voice when inviting people? Should it be about femme sounding? Female voice? </div></div></div>women from Leeszaal. Structure of the meetings: reading extracts in random order, <div class="tooltip-wrap" style="display: inline;text-decoration:underline;">discuss <div class="tooltip-content-right" ><div>what conflicts or frictions the technical aspect provokes?</div></div></div>personal associations and experiences with voice in public, warm up, say a personal sentence in any language, transcribe only the vowels, read back the vowels, sing all together the score of vowels.
</div>
</div>
<!-- internet resources -->
<!-- <div class="dropdown2" style="right: 0;">
<button onclick="myFunction2()" class="dropbtn2" style="width:140px;" >Internet sources</button>
<div id="myDropdown2" class="dropdown-content2">
<li style="list-style: none;">
<a class="internet" href="https://www.youtube.com/watch?v=HlvfPizooII" target="popup" onclick="window.open('https://www.youtube.com/watch?v=JVpoOdz1AKQ&feature=youtu.be','popup','width=600,height=600'); return false;">Angela Davis @Occupy Wall Street</a>
</li>
<li style="list-style: none;">
<a class="internet" href="https://www.youtube.com/watch?v=JVpoOdz1AKQ&feature=youtu.be" target="popup" onclick="window.open('https://www.youtube.com/watch?v=JVpoOdz1AKQ&feature=youtu.be','popup','width=600,height=600'); return false;">Judith Butler @Occupy Wall Street</a>
</li>
<li style="list-style: none;">
<a class="internet" href="https://www.youtube.com/watch?v=SirOxIeuNDE" target="popup" onclick="window.open('https://www.youtube.com/watch?v=SirOxIeuNDE','popup','width=600,height=600'); return false;">Laurie Anderson - Mach 20</a>
</li>
<li style="list-style: none;">
<a class="internet" href="https://www.thisamericanlife.org/667/wartime-radio" target="popup" onclick="window.open('https://www.thisamericanlife.org/667/wartime-radio','popup','width=600,height=600'); return false;">Ballout, D. (2019) Good Morning, Kafranbel, This American Life: Wartime Radio</a>
</li>
<li style="list-style: none;">
<a class="internet" href="https://www.youtube.com/watch?v=TY96Ma6YdtQ" target="popup" onclick="window.open('https://www.youtube.com/watch?v=TY96Ma6YdtQ','popup','width=600,height=600'); return false;">Vocal performance of Katalin Ladik in the film Berberian Sound Studio, 2012</a>
</li>
</div>
</div> -->
<div class="tabpink">
<button class="tablinks" style="position: absolute; right: 5%;" onclick="openCity(event, 'internet')">Internet Sources</button>
</div>
<div id="internet" class="tabcontent">
<span onclick="this.parentElement.style.display='none'" class="topright">&times</span>
<li style="list-style: none;">
<a class="internet" href="https://www.youtube.com/watch?v=HlvfPizooII" target="popup" onclick="window.open('https://www.youtube.com/watch?v=JVpoOdz1AKQ&feature=youtu.be','popup','width=600,height=600'); return false;">Angela Davis @Occupy Wall Street</a>
</li>
<li style="list-style: none;">
<a class="internet" href="https://www.youtube.com/watch?v=JVpoOdz1AKQ&feature=youtu.be" target="popup" onclick="window.open('https://www.youtube.com/watch?v=JVpoOdz1AKQ&feature=youtu.be','popup','width=600,height=600'); return false;">Judith Butler @Occupy Wall Street</a>
</li>
<li style="list-style: none;">
<a class="internet" href="https://www.youtube.com/watch?v=SirOxIeuNDE" target="popup" onclick="window.open('https://www.youtube.com/watch?v=SirOxIeuNDE','popup','width=600,height=600'); return false;">Laurie Anderson - Mach 20</a>
</li>
<li style="list-style: none;">
<a class="internet" href="https://www.thisamericanlife.org/667/wartime-radio" target="popup" onclick="window.open('https://www.thisamericanlife.org/667/wartime-radio','popup','width=600,height=600'); return false;">Ballout, D. (2019) Good Morning, Kafranbel, This American Life: Wartime Radio</a>
</li>
<li style="list-style: none;">
<a class="internet" href="https://www.youtube.com/watch?v=TY96Ma6YdtQ" target="popup" onclick="window.open('https://www.youtube.com/watch?v=TY96Ma6YdtQ','popup','width=600,height=600'); return false;">Vocal performance of Katalin Ladik in the film Berberian Sound Studio, 2012</a>
</li></div>
</div>
<!-- recordings --> <!-- recordings -->
@ -212,16 +154,7 @@
<!-- soundwalk player --> <!-- soundwalk player -->
<section style="margin-top: 800px !important;"> <section style="margin-top: 800px !important;">
<div class="tab">
<button class="tablinks" style="position: absolute; right: 50%;top: 80%" onclick="openCity(event, 'feedback')">Feedback Composition</button>
</div>
<div id="feedback" class="tabcontent">
<span onclick="this.parentElement.style.display='none'" class="topright">&times</span>
<p>I recorded sounds from West Rotterdam, while walking around a neighborhood for several days. This action was part of my first experiments when I was in attempt to understand how gender binaries regarding voice are reflected in space, especially public space.
</p>
<div class="row"><div class="column" style="padding-right: 120px;"><img width="290px" src="images/soundwalk-photo1.jpg" /></div><div class="column"><img width="290px" src="images/soundwalk-photo3.jpg" /></div></div>
</div>
</div>
<div class="tooltip-wrap"> <div class="tooltip-wrap">
<audio style="width: 100%;" id="a1" controls src="audio/selection-track-extracts-1.mp3"></audio> <audio style="width: 100%;" id="a1" controls src="audio/selection-track-extracts-1.mp3"></audio>
@ -564,40 +497,52 @@ $(document).ready(function() {
}); });
</script> </script>
<div class="draggable" id="main-note" style="top:9%;left:10%;"> <!-- test -->
<div class="draggable" style="width:265px !important;">
<audio controls src="audio/finearts-meeting-transcribing.mp3"></audio>
<img src="images/meeting-20190328-leeszaal-2.JPG" width="100%" />
</div>
<div class="draggable" style="width:265px !important;">
<div class="tooltip-wrap">
<audio controls src="audio/finearts-meeting-transcribing.mp3"></audio>
<div class="tooltip-content-down">
<img src="images/meeting-20190328-leeszaal-2.JPG" width="100%" />
</div></div></div>
<div class="draggable" style="top:9%;left:0%;">
<h2 style="text-align: left !important;"><a href="podcast1.php" target="_blank">About</a></h2> <h2 style="text-align: left !important;"><a href="podcast1.php" target="_blank">About</a></h2>
</div> </div>
<div class="draggable" id="resize" style="top:20%;left:48%;width: 500px;"> <div class="draggable" id="resize" style="top:90%;left:0%;width: 500px;">
<div class="tooltip-wrap" style="text-decoration:underline;"> <img src="texts/thesis/carson-list.jpg" style="width: 100%"></img><div class="tooltip-content-right" ><div>this is how female/high-pitched voices have been described since acient times as Anne Carson observes</div></div></div> <div class="tooltip-wrap" style="text-decoration:underline;"> <img src="texts/thesis/carson-list.jpg" style="width: 100%"></img><div class="tooltip-content-right" ><div>this is how female/high-pitched voices have been described since acient times as Anne Carson observes</div></div></div>
</div> </div>
<div class="draggable" style="top:81%;left:76%;"> <div class="draggable" style="top:81%;left:0%;">
<h2 style="text-align: left !important;"><a href="podcast1.php" target="_blank">Podcasts</a></h2> <h2 style="text-align: left !important;"><a href="podcast1.php" target="_blank">Podcasts</a></h2>
</div> </div>
<div class="draggable" style="top:14%;left:66%;"> <div class="draggable" style="top:14%;left:0%;">
<h2 style="text-align: left !important;"><a href="texts/thesis/thesis-angeliki.html" target="_blank">Let' s Talk About Unspeakable Things</a></h2> <h2 style="text-align: left !important;"><a href="texts/thesis/thesis-angeliki.html" target="_blank">Let' s Talk About Unspeakable Things</a></h2>
<div class="drag-content">Thesis</div> <div class="drag-content">Thesis</div>
</div> </div>
<div class="draggable" style="top:47%;left:37%;"> <div class="draggable" id="resize" style="top:47%;left:0%;">
<h2 style="text-align: left !important;"><a href="amplification.html" target="_blank">Amplification of female voices</a></h2> <h2 style="text-align: left !important;"><a href="amplification.html" target="_blank">Amplification of female voices</a></h2>
<div class="drag-content">How can we engage politically with the exclusion of specific (female) voices from the public sphere through our own voice? Here I document my attempts to create a safe common space of discussing that topic in Leeszaal, that I consider a diverse public space, where we can explore our public voices in situ, and trying out vocal performances. I am doing that together with Christina Karagianni, who is also from Greece and with whom I share similar experiences of silencing. We combine our practices -her practice lies on choreography and mine on social interaction and sound- and try vocal exercises and reading in moments of Leeszaal.<div class="tooltip-wrap" style="display: inline;text-decoration:underline;">We invite <div class="tooltip-content-right" ><div>how we should approch the gender terminology and false association with voice when inviting people? Should it be about femme sounding? Female voice? </div></div></div>women from Leeszaal. Structure of the meetings: reading extracts in random order, <div class="tooltip-wrap" style="display: inline;text-decoration:underline;">discuss <div class="tooltip-content-right" ><div>what conflicts or frictions the technical aspect provokes?</div></div></div>personal associations and experiences with voice in public, warm up, say a personal sentence in any language, transcribe only the vowels, read back the vowels, sing all together the score of vowels.</div> <div class="drag-content">How can we engage politically with the exclusion of specific voices from the public sphere? Here I document my attempts to create a safe common space of trying methods and discussing that topic in Leeszaal, an open library that I consider a diverse public space. I am borrowing methods from feminist groups and protest movements and vocal warming up exercises by Pauline Oliveros. For example, protesters would amplify the speaker's voice by repeating collectively their speech to make their presence visible. Feminists would create safe spaces where women could speak about domestic violence and make a dialogue based on listening. Some methods are vocal performances in situ, the "human microphone", speech acts, listening practices, making podcasts, mediating speech, transform our voices, situated experiments. I am doing that together with Christina Karagianni, who is also from Greece and with whom I share similar experiences of silencing. We combine our practices -her practice lies on choreography and dance and mine on social interaction, voice and sound- and try vocal exercises and reading in moments of Leeszaal.<div class="tooltip-wrap" style="display: inline;text-decoration:underline;">We invite <div class="tooltip-content-right" ><div>how we should approch the gender terminology and false association with voice when inviting people? Should it be about femme sounding? Female voice? </div></div></div>people from Leeszaal and our environment, who find themselves related and interested to this topic. Elements from the meetings: discuss previous material, reading extracts in random order, <div class="tooltip-wrap" style="display: inline;text-decoration:underline;">discuss <div class="tooltip-content-right" ><div>what conflicts or frictions the technical aspect provokes? web-audio, recordings</div></div></div>personal associations and experiences with voice in public, warm up, say a sentence of personal experience in any language, transcribe only the vowels, read back the vowels, read outloud all together the score of vowels, repeat sentences with distorted voice, make podcasts.</div>
</div> </div>
<div class="draggable" style="top:36%;left:30%;"> <div class="draggable" style="top:36%;left:0%;">
<h2 style="text-align: left !important;"><a href="" target="_blank">Diary of West Rotterdam</a></h2> <h2 style="text-align: left !important;"><a href="" target="_blank">Diary of West Rotterdam</a></h2>
<div class="drag-content"><p>I recorded sounds from West Rotterdam, while walking around a neighborhood for several days. This action was part of my first experiments when I was in attempt to understand how gender binaries regarding voice are reflected in space, especially public space. <div class="drag-content"><p>I recorded sounds from West Rotterdam, while walking around a neighborhood for several days. This action was part of my first experiments when I was in attempt to understand how gender binaries regarding voice are reflected in space, especially public space.
</p> </p>
<div class="row"><div class="column" style="padding-right: 120px;"><img width="100px" src="images/soundwalk-photo1.jpg" /></div><div class="column"><img width="100px" src="images/soundwalk-photo3.jpg" /></div></div></div> <div class="row"><div class="column" style="padding-right: 0px;"><img width="100px" src="images/soundwalk-photo1.jpg" /></div><div class="column"><img width="100px" src="images/soundwalk-photo3.jpg" /></div></div></div>
</div> </div>
<div class="draggable" style="top:1%;left:36%;"> <div class="draggable" style="top:1%;left:0%;">
<h2 style="text-align: left !important;"><a href="player.html" target="_blank">player</a></h2> <h2 style="text-align: left !important;"><a href="player.html" target="_blank">player</a></h2>
<div class="drag-content">Audio collection</div>
</div> </div>
<div id="show" class="draggable" style="left:0%;"><iframe width="250px" src="https://www.youtube.com/embed/HlvfPizooII" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></div>
<div class="draggable"> <div class="draggable">
<li class="draggable" style="list-style: none;"> <li id="angela" style="list-style: none;">
<iframe style="display: hidden;" width="250" src="https://www.youtube.com/embed/HlvfPizooII" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>Angela Davis @Occupy Wall Street <a href="#" >Angela Davis @Occupy Wall Street</a>
</li> </li>
<li style="list-style: none;"> <li style="list-style: none;">
<a class="internet" href="https://www.youtube.com/watch?v=JVpoOdz1AKQ&feature=youtu.be" target="popup" onclick="window.open('https://www.youtube.com/watch?v=JVpoOdz1AKQ&feature=youtu.be','popup','width=600,height=600'); return false;">Judith Butler @Occupy Wall Street</a> <a class="internet" href="https://www.youtube.com/watch?v=JVpoOdz1AKQ&feature=youtu.be" target="popup" onclick="window.open('https://www.youtube.com/watch?v=JVpoOdz1AKQ&feature=youtu.be','popup','width=600,height=600'); return false;">Judith Butler @Occupy Wall Street</a>
@ -612,9 +557,15 @@ $(document).ready(function() {
<a class="internet" href="https://www.youtube.com/watch?v=TY96Ma6YdtQ" target="popup" onclick="window.open('https://www.youtube.com/watch?v=TY96Ma6YdtQ','popup','width=600,height=600'); return false;">Vocal performance of Katalin Ladik in the film Berberian Sound Studio, 2012</a> <a class="internet" href="https://www.youtube.com/watch?v=TY96Ma6YdtQ" target="popup" onclick="window.open('https://www.youtube.com/watch?v=TY96Ma6YdtQ','popup','width=600,height=600'); return false;">Vocal performance of Katalin Ladik in the film Berberian Sound Studio, 2012</a>
</li> </li>
</div> </div>
<!-- end draggable -->
<script>
$("#angela").click(function(){
$("#show").fadeIn()
console.log("around")
})
</script>
<!-- end draggable -->

@ -38,7 +38,7 @@ echo '</p></div></td>'; } ?>
<br> <br>
<div align="center"> <div align="center">
<div style="width: 500px;border:1px red;border-style: dashed;padding: 10px;"> <div style="background-color: white; width: 500px;border:1px red;border-style: dashed;padding: 10px;">
<p>Dear listener,</p> <p>Dear listener,</p>
<p>you are invited to <div class="tooltip-wrap" style="display: inline;text-decoration:underline;">amplify<div class="tooltip-content-right" ><div>Protesters in occupy wall street all together repeated the voice of the public speaker in order to amplify their voices. This is called "the human microphone" </div></div></div> parts of the podcasts that you find interesting by repeating or annotate them with your vocal messages. You can listen to the podcasts with headphones and record with any microphone. </p> <p>you are invited to <div class="tooltip-wrap" style="display: inline;text-decoration:underline;">amplify<div class="tooltip-content-right" ><div>Protesters in occupy wall street all together repeated the voice of the public speaker in order to amplify their voices. This is called "the human microphone" </div></div></div> parts of the podcasts that you find interesting by repeating or annotate them with your vocal messages. You can listen to the podcasts with headphones and record with any microphone. </p>
<!-- keep the time of file limited --> <!-- keep the time of file limited -->

@ -1,4 +1,5 @@
body {font-family: "Old Standard TT"; font-size: 20px; line-height: 1; letter-spacing: 1px;} body {
background-color: #F6F5F5; font-family: "Old Standard TT"; font-size: 20px; line-height: 1; letter-spacing: 1px;}
section {margin-bottom: 50px;margin-top: 20px;} section {margin-bottom: 50px;margin-top: 20px;}
a {font-weight: normal; text-decoration: none; } a {font-weight: normal; text-decoration: none; }
@ -485,16 +486,17 @@ cursor: pointer;
position: absolute !important; position: absolute !important;
} }
.drag-content { .drag-content {
font-size: 22px; font-size: 22px;
/*float: right;*/ /*float: right;*/
font-weight: normal !important; font-weight: normal !important;
} }
#main-note {
/*background-color: #FFE6EA !important;*/ #show {
border:1px; display: none;
border-style:solid;
border-color:black;
} }

@ -8,7 +8,9 @@ digital utterances/
recorded-ing utterances/ recorded-ing utterances/
utter a vowel/ utter a vowel/
broadcasted utterances/ broadcasted utterances/
overlayered utterances overlayered utterances/
podcasts as utterances
utterances in podcasts
podcast: A podcast, or generically netcast, is an episodic series of digital audio or video files which a user can download and listen to. podcast: A podcast, or generically netcast, is an episodic series of digital audio or video files which a user can download and listen to.
utterance:an act of uttering (verbalize); vocal expression. utterance:an act of uttering (verbalize); vocal expression.

Binary file not shown.
Loading…
Cancel
Save