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.
101 lines
6.0 KiB
PHTML
101 lines
6.0 KiB
PHTML
<html lang="en">
|
|
<head>
|
|
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
|
|
<link href="styles/stylesheet.css" rel="stylesheet" type="text/css">
|
|
<link href="styles/jquery-ui.css" rel="stylesheet" type="text/css">
|
|
<script type="text/javascript" src="js/jquery.min.js"></script>
|
|
<!-- <link href="styles/app.css" rel="stylesheet" type="text/css">
|
|
-->
|
|
</head>
|
|
|
|
<body>
|
|
|
|
<!-- (the unfolding/overlayering of) -->
|
|
|
|
<!-- draggable -->
|
|
<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>
|
|
$(document).ready(function() {
|
|
var a = 3;
|
|
$('.draggable').draggable({
|
|
start: function(event, ui) { $(this).css("z-index", a++); }
|
|
});
|
|
$('#resize').resizable({handles: 'e'}).draggable({
|
|
start: function(event, ui) { $(this).css("z-index", a++); }
|
|
});;
|
|
|
|
});
|
|
</script>
|
|
|
|
<div class="draggable" id="main-note" style="top:9%;left:10%;">
|
|
<h2 style="text-align: left !important;"><a href="podcast1.php" target="_blank">About</a></h2>
|
|
<div class="drag-content">It is a collection of audio recordings coming from meetings I co-organised, 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 class="draggable" id="resize" style="top:20%;left:48%;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>
|
|
|
|
<div class="draggable" style="top:81%;left:76%;">
|
|
<h2 style="text-align: left !important;"><a href="podcast1.php" target="_blank">Podcasts</a></h2>
|
|
<div class="drag-content"> Podcast is a series of episodes of moments of an online audio archive overlayered by my voice as a narrator.
|
|
</div>
|
|
</div>
|
|
<div class="draggable" style="top:14%;left:66%;">
|
|
<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>
|
|
<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>
|
|
<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>
|
|
<div class="draggable" style="top:36%;left:30%;">
|
|
<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.
|
|
</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>
|
|
<div class="draggable" style="top:1%;left:36%;">
|
|
<h2 style="text-align: left !important;"><a href="player.html" target="_blank">player</a></h2>
|
|
<div class="drag-content">Audio collection</div>
|
|
</div>
|
|
|
|
|
|
|
|
<!-- end draggable -->
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- scripts for tab button -->
|
|
<script>
|
|
function openCity(evt, cityName) {
|
|
var i, tabcontent, tablinks;
|
|
tabcontent = document.getElementsByClassName("tabcontent");
|
|
for (i = 0; i < tabcontent.length; i++) {
|
|
tabcontent[i].style.display = "none";
|
|
}
|
|
tablinks = document.getElementsByClassName("tablinks");
|
|
for (i = 0; i < tablinks.length; i++) {
|
|
tablinks[i].className = tablinks[i].className.replace(" active", "");
|
|
}
|
|
document.getElementById(cityName).style.display = "block";
|
|
evt.currentTarget.className += " active";
|
|
}
|
|
</script>
|
|
|
|
|
|
</body>
|
|
|
|
</html>
|