changes in texts

master
Angeliki 5 years ago
parent 37e856180e
commit 7b26faa03a

@ -25,6 +25,10 @@
<!-- draggable archive --> <!-- draggable archive -->
<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 vowels --> <!-- div vowels -->
@ -75,12 +79,16 @@
<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 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 class="draggable ui-draggable-handle group_extracts pile0"><div class="tooltip-wrap no-pink" ><a href="images/extracts-20190620-2.jpg" target="_blank"><img src="images/extracts-20190620-2.jpg" width="600px" /></a><div class="tooltip-content-right" style="min-width: 40% !important;" ><div>Hollak, R. (no date) Hoe lastig het is om als vrouw je boosheid te uiten, NRC. Available at: https://www.nrc.nl/nieuws/2019/02/22/hoe-lastig-het-is-om-als-vrouw-je-boosheid-te-uiten-a3655079 (Accessed: 4 July 2019)</div></div></div></div>
<div class="draggable ui-draggable-handle group_extracts pile0"><div class="tooltip-wrap no-pink" ><a href="images/extracts-20190620-1.jpg" target="_blank"><img src="images/extracts-20190620-1.jpg" width="600px" /></a><div class="tooltip-content-right" style="min-width: 40% !important;" ><div>Hollak, R. (no date) Hoe lastig het is om als vrouw je boosheid te uiten, NRC. Available at: https://www.nrc.nl/nieuws/2019/02/22/hoe-lastig-het-is-om-als-vrouw-je-boosheid-te-uiten-a3655079 (Accessed: 4 July 2019)</div></div></div></div>
<!-- div images --> <!-- 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 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 pile1"><img src="images/meeting-20190328-leeszaal-5.JPG" width="100%"></img></div>
@ -95,7 +103,6 @@
<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 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-1.jpg" width="100%"></img></div>
@ -119,6 +126,56 @@
<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> <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>
<div id="img" class="draggable ui-draggable-handle group_photos pile7"><a href="images/meeting-roles-20190613.jpg" target="_blank"><img src="images/meeting-roles-20190613.jpg" width="100%"></img></a></div>
<div id="img" class="draggable ui-draggable-handle group_photos pile7"><a href="images/meeting-20190613-1.jpg" target="_blank"><img src="images/meeting-20190613-1.jpg" width="100%"></img></a></div>
<div id="img" class="draggable ui-draggable-handle group_photos pile7"><a href="images/meeting-20190613-2.jpg" target="_blank"><img src="images/meeting-20190613-2.jpg" width="100%"></img></a></div>
<div id="img" class="draggable ui-draggable-handle group_photos pile8"><a href="images/meeting-20190602-1.jpg" target="_blank"><img src="images/meeting-20190602-1.jpg" width="100%"></img></a></div>
<div id="img" class="draggable ui-draggable-handle group_photos pile8"><a href="images/meeting-20190602-2.jpg" target="_blank"><img src="images/meeting-20190602-2.jpg" width="100%"></img></a></div>
<div id="img" class="draggable ui-draggable-handle group_photos pile9"><a href="images/1-angry-sentences-20190627.jpg" target="_blank"><img src="images/1-angry-sentences-20190627.jpg" width="100%"></img></a></div>
<div id="img" class="draggable ui-draggable-handle group_photos pile9"><a href="images/2-angry-sentences-20190627.jpg" target="_blank"><img src="images/2-angry-sentences-20190627.jpg" width="100%"></img></a></div>
<div id="img" class="draggable ui-draggable-handle group_photos pile9"><a href="images/3-angry-sentences-20190627.jpg" target="_blank"><img src="images/3-angry-sentences-20190627.jpg" width="100%"></img></a></div>
<div id="img" class="draggable ui-draggable-handle group_photos pile9"><a href="images/4-angry-sentences-20190627.jpg" target="_blank"><img src="images/4-angry-sentences-20190627.jpg" width="100%"></img></a></div>
<div id="img" class="draggable ui-draggable-handle group_photos pile9"><a href="images/5-angry-sentences-20190627.jpg" target="_blank"><img src="images/5-angry-sentences-20190627.jpg" width="100%"></img></a></div>
<div id="img" class="draggable ui-draggable-handle group_photos pile9"><a href="images/instructions-agly-20190627.jpg" target="_blank"><img src="images/instructions-agly-20190627.jpg" width="100%"></img></a></div>
<div id="img" class="draggable ui-draggable-handle group_photos pile9"><a href="images/meeting-20190627-1.jpg" target="_blank"><img src="images/meeting-20190627-1.jpg" width="100%"></img></a></div>
<div id="img" class="draggable ui-draggable-handle group_photos pile9"><a href="images/meeting-20190627-2.jpg" target="_blank"><img src="images/meeting-20190627-2.jpg" width="100%"></img></a></div>
<div id="img" class="draggable ui-draggable-handle group_photos pile9"><a href="images/meeting-20190627-3.jpg" target="_blank"><img src="images/meeting-20190627-3.jpg" width="100%"></img></a></div>
<div id="img" class="draggable ui-draggable-handle group_photos pile9"><a href="images/meeting-20190627-4.jpg" target="_blank"><img src="images/meeting-20190627-4.jpg" width="100%"></img></a></div>
<div id="img" class="draggable ui-draggable-handle group_photos pile9"><a href="images/meeting-20190627-5.jpg" target="_blank"><img src="images/meeting-20190627-5.jpg" width="100%"></img></a></div>
<div id="img" class="draggable ui-draggable-handle group_photos pile10"><a href="images/1-angry-sentences-20190704.jpg" target="_blank"><img src="images/1-angry-sentences-20190704.jpg" width="100%"></img></a></div>
<div id="img" class="draggable ui-draggable-handle group_photos pile10"><a href="images/2-angry-sentences-20190704.jpg" target="_blank"><img src="images/2-angry-sentences-20190704.jpg" width="100%"></img></a></div>
<div id="img" class="draggable ui-draggable-handle group_photos pile10"><a href="images/3-angry-sentences-20190704.jpg" target="_blank"><img src="images/3-angry-sentences-20190704.jpg" width="100%"></img></a></div>
<div id="img" class="draggable ui-draggable-handle group_photos pile10"><a href="images/4-angry-sentences-20190704.jpg" target="_blank"><img src="images/4-angry-sentences-20190704.jpg" width="100%"></img></a></div>
<div id="img" class="draggable ui-draggable-handle group_photos pile10"><a href="images/5-angry-sentences-20190704.jpg" target="_blank"><img src="images/5-angry-sentences-20190704.jpg" width="100%"></img></a></div>
<div id="img" class="draggable ui-draggable-handle group_photos pile10"><a href="images/letter-20190704.jpg" target="_blank"><img src="images/letter-20190704.jpg" width="100%"></img></a></div>
<div id="img" class="draggable ui-draggable-handle group_photos pile10"><a href="images/meeting-20190704-1.jpg" target="_blank"><img src="images/meeting-20190704-1.jpg" width="100%"></img></a></div>
<div id="img" class="draggable ui-draggable-handle group_photos pile10"><a href="images/meeting-20190704-2.jpg" target="_blank"><img src="images/meeting-20190704-2.jpg" width="100%"></img></a></div>
<!-- metadata for each workshop --> <!-- metadata for each workshop -->
<div class="draggable scaleable-wrapper box_metadata group_metadata pile1"> <div class="draggable scaleable-wrapper box_metadata group_metadata pile1">
@ -243,7 +300,7 @@
<li>Outcome:</li> <li>Outcome:</li>
<ul> <ul>
<li>Audio recordings of the actions</li> <li>Audio recordings of the actions</li>
<li>Videp recordings of the actions</li> <li>Video recordings of the actions</li>
<li>Handwritten score of vowels</li> <li>Handwritten score of vowels</li>
</ul> </ul>
<li>Date: 23/5/2019</li> <li>Date: 23/5/2019</li>
@ -294,12 +351,12 @@
<li>Paper + pens</li> <li>Paper + pens</li>
<li>Microphone</li> <li>Microphone</li>
<li>Small speaker</li> <li>Small speaker</li>
<li>Food</li> <li>Food + coffee</li>
</ul> </ul>
<li>Outcome:</li> <li>Outcome:</li>
<ul> <ul>
<li>Audio recordings of the actions</li> <li>Audio recordings of the actions</li>
<li>Videp recordings of the actions</li> <li>Video recordings of the actions</li>
<li>Handwritten score of vowels</li> <li>Handwritten score of vowels</li>
</ul> </ul>
<li>Date: 30/5/2019</li> <li>Date: 30/5/2019</li>
@ -335,12 +392,12 @@
<li>Paper + pens</li> <li>Paper + pens</li>
<li>Microphone</li> <li>Microphone</li>
<li>Small speaker</li> <li>Small speaker</li>
<li>Food</li> <li>Food + coffee</li>
</ul> </ul>
<li>Outcome:</li> <li>Outcome:</li>
<ul> <ul>
<li>Audio recordings of the actions</li> <li>Audio recordings of the actions</li>
<li>Videp recordings of the actions</li> <li>Video recordings of the actions</li>
<li>Handwritten score of vowels</li> <li>Handwritten score of vowels</li>
</ul> </ul>
<li>Date: 30/5/2019</li> <li>Date: 30/5/2019</li>
@ -349,6 +406,112 @@
</div> </div>
<div class="draggable scaleable-wrapper box_metadata group_metadata pile7"><h2>Workshop 7</h2>
<li>Actions:</li>
<ul>
<li>Warming up</li>
<li>Discussion on male voice and ways of expression</li>
<li>Playing roles of figures with different voices than ours</li>
</ul>
<li>Equipment: </li>
<ul>
<li>Audio recorder</li>
<li>Paper + pens</li>
<li>Food + coffee</li>
</ul>
<li>Outcome:</li>
<ul>
<li>Audio recordings of the actions</li>
</ul>
<li>Date: 13/6/2019</li>
<li>Location: Private space next to 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 pile8"><h2>Workshop 8</h2>
<li>Actions:</li>
<ul>
<li>Warming up</li>
<li>Reading <span class="tooltip-wrap">extracts <span class="tooltip-content-right">
Hollak, R. (no date) Hoe lastig het is om als vrouw je boosheid te uiten, NRC. Available at: https://www.nrc.nl/nieuws/2019/02/22/hoe-lastig-het-is-om-als-vrouw-je-boosheid-te-uiten-a3655079 (Accessed: 4 July 2019).</span></span>in random order
</li>
<li>Discussion on angry voices</li>
<li>Discussion based on a <span class="tooltip-wrap">a question <span class="tooltip-content-right">
<pre>
How would you describe an angry voice? Can you make it with your own voice? What quality it has? Can you connect it with your 'inner' loud voice, that talks to you but you don't express it?
</pre>
</li>
</ul>
<li>Equipment: </li>
<ul>
<li>Printed extracts</li>
<li>Audio recorder</li>
<li>Paper + pens</li>
<li>Small speaker</li>
<li>Food + coffee</li>
</ul>
<li>Outcome:</li>
<ul>
<li>Audio recordings of the actions</li>
</ul>
<li>Date: 20/6/2019</li>
<li>Location: Private space next to 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 pile9"><h2>Workshop 9</h2>
<li>Actions:</li>
<ul>
<li>Warming up</li>
<li>Writing personal angry sentences</li>
<li>Play: making a dialogue only out of these sentenses</li>
<li>Recording the play</li>
<li>Broadcasting the recording outside</li>
</ul>
<li>Equipment: </li>
<ul>
<li>Printed instructions</li>
<li>Audio recorder</li>
<li>Paper + pens</li>
<li>Food + coffee</li>
<li>Portable speaker</li>
</ul>
<li>Outcome:</li>
<ul>
<li>Audio recordings of the play</li>
<li>Handwritten slips of paper</li>
<li>'Happening' outside of the private space</li>
</ul>
<li>Date: 27/6/2019</li>
<li>Location: Private space next to 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 pile10"><h2>Workshop 10</h2>
<li>Actions:</li>
<ul>
<li>Writing personal angry sentences transformed them creatively into curses</li>
<li>Play: making a dialogue only out of these sentenses</li>
<li>Recording the play</li>
<li>Broadcasting the recording inside</li>
</ul>
<li>Equipment: </li>
<ul>
<li>Printed instructions</li>
<li>Audio recorder</li>
<li>Paper + pens</li>
<li>Food + coffee</li>
<li>Portable speaker</li>
</ul>
<li>Outcome:</li>
<ul>
<li>Audio recordings of the play</li>
<li>Handwritten slips of paper</li>
</ul>
<li>Date: 4/7/2019</li>
<li>Location: Private space next to 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--> <!-- draggable menu-->
<div class="draggable scaleable-wrapper active-draggable" style="top:1%; right:0.5%;"> <div class="draggable scaleable-wrapper active-draggable" style="top:1%; right:0.5%;">
@ -358,11 +521,6 @@
</div> </div>
</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>
<div class="draggable scaleable-wrapper group_menu pileM menu"> <div class="draggable scaleable-wrapper group_menu pileM menu">
<h2 ><a href="index.php">About</a></h2> <h2 ><a href="index.php">About</a></h2>
@ -371,9 +529,6 @@
</div> </div>
</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"> <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> <h2 ><a href="podcast1.php">Podcast1<div class="hover-icon"><img src="images/icon-play.png"></div></a></h2>
@ -400,6 +555,12 @@
</div> </div>
</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>
<!-- end draggable --> <!-- end draggable -->
<!-- reshuffle --> <!-- reshuffle -->
@ -408,7 +569,7 @@ var distance=20
piles() piles()
// piles are workshops
function piles(){ function piles(){
var pileM_position=[1300,700] var pileM_position=[1300,700]
@ -416,7 +577,7 @@ function piles(){
$(this).css({"top":i*60+pileM_position[1],"left":i*20+pileM_position[0]}) $(this).css({"top":i*60+pileM_position[1],"left":i*20+pileM_position[0]})
}) })
var pile0_position=[30,2500] var pile0_position=[30,3100]
$(".pile0").each(function(i){ $(".pile0").each(function(i){
$(this).css({"top":pile0_position[1],"left":i*80+pile0_position[0]}) $(this).css({"top":pile0_position[1],"left":i*80+pile0_position[0]})
}) })
@ -426,32 +587,51 @@ function piles(){
$(this).css({"top":i*distance+pile1_position[1],"left":i*distance+pile1_position[0]}) $(this).css({"top":i*distance+pile1_position[1],"left":i*distance+pile1_position[0]})
}) })
var pile2_position=[800,100] var pile2_position=[600,100]
$(".pile2").each(function(i){ $(".pile2").each(function(i){
$(this).css({"top":i*distance+pile2_position[1],"left":i*distance+pile2_position[0]}) $(this).css({"top":i*distance+pile2_position[1],"left":i*distance+pile2_position[0]})
}) })
var pile3_position=[100,900] var pile3_position=[100,800]
$(".pile3").each(function(i){ $(".pile3").each(function(i){
$(this).css({"top":i*distance+pile3_position[1],"left":i*distance+pile3_position[0]}) $(this).css({"top":i*distance+pile3_position[1],"left":i*distance+pile3_position[0]})
}) })
var pile4_position=[700,850] var pile4_position=[700,750]
$(".pile4").each(function(i){ $(".pile4").each(function(i){
$(this).css({"top":i*distance+pile4_position[1],"left":i*distance+pile4_position[0]}) $(this).css({"top":i*distance+pile4_position[1],"left":i*distance+pile4_position[0]})
}) })
var pile5_position=[400,1700] var pile5_position=[60,1500]
$(".pile5").each(function(i){ $(".pile5").each(function(i){
$(this).css({"top":i*distance+pile5_position[1],"left":i*distance+pile5_position[0]}) $(this).css({"top":i*distance+pile5_position[1],"left":i*distance+pile5_position[0]})
}) })
var pile6_position=[1300,1600] var pile6_position=[700,1540]
$(".pile6").each(function(i){ $(".pile6").each(function(i){
$(this).css({"top":i*distance+pile6_position[1],"left":i*distance+pile6_position[0]}) $(this).css({"top":i*distance+pile6_position[1],"left":i*distance+pile6_position[0]})
}) })
var pile7_position=[1400,1300]
$(".pile7").each(function(i){
$(this).css({"top":i*distance+pile7_position[1],"left":i*distance+pile7_position[0]})
})
var pile8_position=[100,2300]
$(".pile8").each(function(i){
$(this).css({"top":i*distance+pile8_position[1],"left":i*distance+pile8_position[0]})
})
var pile9_position=[600,2200]
$(".pile9").each(function(i){
$(this).css({"top":i*distance+pile9_position[1],"left":i*distance+pile9_position[0]})
})
var pile10_position=[1300,2000]
$(".pile10").each(function(i){
$(this).css({"top":i*distance+pile10_position[1],"left":i*distance+pile10_position[0]})
})
} }

@ -0,0 +1,82 @@
<html lang="en">
<head>
<style type="text/css"></style>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<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 type="text/javascript" src="js/jquery.min.js"></script>
<script src="js/jquery-1.12.4.js"></script>
<script src="js/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>
<style type="text/css">
li {
color: black !important;
border-color: black !important;
}
li a {
text-decoration: underline;
color: red !important;
border-color: black !important;
}
.box_metadata {
border: none !important;
}
</style>
<!-- <link href="styles/app.css" rel="stylesheet" type="text/css">
-->
<title>cover</title>
</head>
<body>
<div style="top: 50%; left:50%;margin-top: -50px;margin-left: -50px;width: 700px; position: absolute;">
<img src="images/speaker_logo3.png" width="130px">
<h1 style="color: #A19696;">Let's <span style="font-style: italic;color:black !important;">amplify</span> unspeakable things<br /></h1>
<span style="font-weight:regular !important; color: #A19696 !important; font-size: 12pt;text-align:right !important;">Angeliki Diakrousi</span>
</div>
<!-- (the unfolding/overlayering of) -->
<!-- draggable menu -->
<div class="draggable scaleable-wrapper" style="top:20%;left:58%;width: 23%;">
<div class="tooltip-wrap"><img src="images/carson-list.jpg" style="width: 100%;"></img><div class="tooltip-content-right" style="min-width: 40% !important;" ><div>this is how female/high-pitched voices have been described since acient times as Anne Carson observes</div></div></div>
</div>
<!-- colophon -->
<div class="draggable scaleable-wrapper" style="top:68%;left:32%;width: 25%; font-size: 120%" >
<?php include 'texts/colophon.txt'; ?>
</div>
<div class="draggable scaleable-wrapper active-draggable" style="top:5%;left:6%;" >
<h2><a class="active" href="index.php" >About</a></h2>
<div class="drag-content">
<?php include 'texts/about.txt'; ?>
</div>
</div>
<!-- end draggable -->
</body>
</html>

@ -101,10 +101,6 @@
<h2 ><a href="index.php">About</a></h2> <h2 ><a href="index.php">About</a></h2>
</div> </div>
<div class="draggable scaleable-wrapper menu" style="top: 1270px; left: 100px;z-index: 1;">
<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 menu" style="top: 920px; left: 10px;"> <div class="draggable scaleable-wrapper menu" style="top: 920px; left: 10px;">
<h2 ><a href="podcast1.php">Podcast1<div class="hover-icon"><img src="images/icon-play.png"></div></a></h2> <h2 ><a href="podcast1.php">Podcast1<div class="hover-icon"><img src="images/icon-play.png"></div></a></h2>
</div> </div>

@ -35,7 +35,7 @@
</head> </head>
<body> <body>
<i>Best viewed in FireFox</i> <i>Best viewed in FireFox and on desktop</i>
<div style="top: 50%; left:50%;margin-top: -50px;margin-left: -50px;width: 700px; position: absolute;"> <div style="top: 50%; left:50%;margin-top: -50px;margin-left: -50px;width: 700px; position: absolute;">
<img src="images/speaker_logo3.png" width="130px"> <img src="images/speaker_logo3.png" width="130px">
<h1 style="color: #A19696;">Let's <span style="font-style: italic;color:black !important;">amplify</span> unspeakable things</h1> <h1 style="color: #A19696;">Let's <span style="font-style: italic;color:black !important;">amplify</span> unspeakable things</h1>
@ -66,27 +66,21 @@
</div> </div>
</div> </div>
<div class="draggable scaleable-wrapper menu"style="top: 75%; right: 23%;width: 10%;">
<h2 style="font-size: 110%;"><a href="podcast4.php" >Podcast4<div class="hover-icon"><img src="images/icon-play.png"></div></a></h2> <div class="draggable scaleable-wrapper menu"style="top: 64%; right: 18%;width: 10%;">
<h2 style="font-size: 110%;"><a href="podcast2.php" >Podcast2<div class="hover-icon"><img src="images/icon-play.png"></div></a></h2>
<div class="drag-content"> <div class="drag-content">
<?php include 'texts/podcast4.txt'; ?> <?php include 'texts/podcast2.txt'; ?>
</div> </div>
</div> </div>
<div class="draggable scaleable-wrapper menu"style="top: 70%; right: 30%;width: 10%;"> <div class="draggable scaleable-wrapper menu"style="top: 70%; right: 25%;width: 10%;">
<h2 style="font-size: 110%;"><a href="podcast3.php" >Podcast3<div class="hover-icon"><img src="images/icon-play.png"></div></a></h2> <h2 style="font-size: 110%;"><a href="podcast3.php" >Podcast3<div class="hover-icon"><img src="images/icon-play.png"></div></a></h2>
<div class="drag-content"> <div class="drag-content">
<?php include 'texts/podcast3.txt'; ?> <?php include 'texts/podcast3.txt'; ?>
</div> </div>
</div> </div>
<div class="draggable scaleable-wrapper menu"style="top: 80%; right: 13%;width: 10%;">
<h2 style="font-size: 110%;"><a href="podcast2.php" >Podcast2<div class="hover-icon"><img src="images/icon-play.png"></div></a></h2>
<div class="drag-content">
<?php include 'texts/podcast2.txt'; ?>
</div>
</div>
<div class="draggable scaleable-wrapper menu"style="top:8%;left:35%"> <div class="draggable scaleable-wrapper menu"style="top:8%;left:35%">
<h2 ><a href="player.php" >Player<div class="hover-icon-speaker"><img src="images/icon-speaker.png"></div></a></h2> <h2 ><a href="player.php" >Player<div class="hover-icon-speaker"><img src="images/icon-speaker.png"></div></a></h2>

@ -471,9 +471,6 @@ $("#katalin").click(function(){
</div> </div>
</div> </div>
<div class="draggable scaleable-wrapper menu" style="top: 95%; left: 2%;">
<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 menu" style="top: 105%; left: 2%;"> <div class="draggable scaleable-wrapper menu" style="top: 105%; left: 2%;">
<h2 ><a href="podcast1.php">Podcast1<div class="hover-icon"><img src="images/icon-play.png"></div></a></h2> <h2 ><a href="podcast1.php">Podcast1<div class="hover-icon"><img src="images/icon-play.png"></div></a></h2>

@ -65,10 +65,6 @@
<div class="draggable scaleable-wrapper menu" style="top: 44%; right: 3%"> <div class="draggable scaleable-wrapper menu" style="top: 44%; right: 3%">
<h2 ><a href="podcast3.php">Podcast3<div class="hover-icon"><img src="images/icon-play.png"></div></a></h2> <h2 ><a href="podcast3.php">Podcast3<div class="hover-icon"><img src="images/icon-play.png"></div></a></h2>
</div> </div>
<div class="draggable scaleable-wrapper menu" style="top: 53%; right: 8%">
<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 menu" style="top: 110%; left: 1%;"> <div class="draggable scaleable-wrapper menu" style="top: 110%; left: 1%;">
<h2 ><a href="thesis-angeliki.php">"Let' s Talk About Unspeakable Things"</a></h2> <h2 ><a href="thesis-angeliki.php">"Let' s Talk About Unspeakable Things"</a></h2>
@ -128,7 +124,7 @@ echo '<br /><a href='.$num.' download='.$var1.'>download</a></div></td>'; } ?>
<br /> <br />
<br /> <br />
<br /> <br />
<h3>VISITORS' RECORDINGS</h3><br /> <h3>VISITORS' VOICES</h3><br />
<?php <?php
$items=array(); $items=array();
$handle=fopen('./uploads/1/index.jsons','r'); $handle=fopen('./uploads/1/index.jsons','r');

@ -65,9 +65,6 @@
<div class="draggable scaleable-wrapper menu" style="top: 44%; right: 3%"> <div class="draggable scaleable-wrapper menu" style="top: 44%; right: 3%">
<h2 ><a href="podcast3.php">Podcast3<div class="hover-icon"><img src="images/icon-play.png"></div></a></h2> <h2 ><a href="podcast3.php">Podcast3<div class="hover-icon"><img src="images/icon-play.png"></div></a></h2>
</div> </div>
<div class="draggable scaleable-wrapper menu" style="top: 53%; right: 8%">
<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 menu" style="top: 110%; left: 1%;"> <div class="draggable scaleable-wrapper menu" style="top: 110%; left: 1%;">
@ -126,7 +123,7 @@ echo '<br /><a href='.$num.' download='.$var1.'>download</a></div></td>'; } ?>
<br /> <br />
<br /> <br />
<br /> <br />
<h3>VISITORS' RECORDINGS</h3> <h3>VISITORS' VOICES</h3>
<?php <?php
$items=array(); $items=array();
$handle=fopen('./uploads/2/index.jsons','r'); $handle=fopen('./uploads/2/index.jsons','r');

@ -63,9 +63,7 @@
<div class="draggable scaleable-wrapper menu" style="top: 44%; right: 3%"> <div class="draggable scaleable-wrapper menu" style="top: 44%; right: 3%">
<h2 ><a href="podcast2.php">Podcast2<div class="hover-icon"><img src="images/icon-play.png"></div></a></h2> <h2 ><a href="podcast2.php">Podcast2<div class="hover-icon"><img src="images/icon-play.png"></div></a></h2>
</div> </div>
<div class="draggable scaleable-wrapper menu" style="top: 53%; right: 8%">
<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 menu" style="top: 110%; left: 1%;"> <div class="draggable scaleable-wrapper menu" style="top: 110%; left: 1%;">
@ -123,7 +121,7 @@ echo '<br /><a href='.$num.' download='.$var1.'>download</a></div></td>'; } ?>
<br /> <br />
<br /> <br />
<br /> <br />
<h3>VISITORS' RECORDINGS</h3> <h3>VISITORS' VOICES</h3>
<?php <?php
$items=array(); $items=array();
$handle=fopen('./uploads/3/index.jsons','r'); $handle=fopen('./uploads/3/index.jsons','r');

@ -125,7 +125,7 @@ echo '<br /><a href='.$num.' download='.$var1.'>download</a></div></td>'; } ?>
<br /> <br />
<br /> <br />
<br /> <br />
<h3>VISITORS' RECORDINGS</h3> <h3>VISITORS' VOICES</h3>
<?php <?php
$items=array(); $items=array();
$handle=fopen('./uploads/4/index.jsons','r'); $handle=fopen('./uploads/4/index.jsons','r');

@ -1,6 +1,6 @@
/*@media only screen and (min-width: 900px) {*/ /*@media only screen and (min-width: 900px) {*/
body { body {
background: #F6F5F5; /*background: #F6F5F5;*/
/*background: #fcf4f6;*/ /*background: #fcf4f6;*/
font-family: "Old Standard TT"; font-family: "Old Standard TT";
font-size: 95%; font-size: 95%;

@ -1,4 +1,4 @@
'Let's Amplify Unspeakable Things' is an online platform of exploration and research, regarding <div class="tooltip-wrap">female voices<div class="tooltip-content-right"><div>The term 'female voices' refers as well to the primitive and non-rational ways of expression, that the contemporary democracy tends to exclude, and overpasses the gender connotations</div></div></div> in public and their amplification, developed by Angeliki Diakrousi. It creates a space for excluded voices to be explored (online and physical spaces), that questions the establishment of authoritative voices — which construct exclusive speech platforms and binaries, along the assumption that voices have to be rational in public dialogues. It includes a set of <div class="tooltip-wrap">podcasts <div class="tooltip-content-right" ><div>Different frictions emerged, between the technical and non technical</div></div></div>that revisit and overlay an archive of audio recordings, produced in situated<div class="tooltip-wrap">workshops<div class="tooltip-content-right" ><div></div></div></div> and soundwalks, and media sources from a body of research. 'Let's Amplify Unspeakable Things' is based on the concept that amplification can provide presence through repetition and multiplication, as the structure of the workshops and the website reveals. The project itself is a process of feedback and iteration of actions, throughout a period of four months, situated around the space of <a href="http://www.leeszaalrotterdamwest.nl/" >Leeszaal</a> and <a href="https://hub.xpub.nl/">hub.xpub.nl</a>. It exists in between the friction of institutions (a public library and an academy) and different public spheres (wereldvrouwen, academic), and it aims to go beyond their binaries. 'Let's Amplify Unspeakable Things' is an online platform of exploration and research, regarding <div class="tooltip-wrap">female voices<div class="tooltip-content-right"><div>The term 'female voices' refers as well not only to the feminine, queer, non-binary voices but also to the primitive and non-rational ways of expression, that the contemporary democracy tends to exclude</div></div></div> in public and their amplification, developed by Angeliki Diakrousi. It creates a space for excluded voices to be explored (online and physical spaces), that questions the establishment of authoritative voices — which construct exclusive speech platforms and binaries, along the assumption that voices have to be rational in public dialogues. It includes a set of <div class="tooltip-wrap">podcasts <div class="tooltip-content-right" ><div>Different frictions emerged, between the technical and non technical</div></div></div>that revisit and overlay an archive of audio recordings, produced in situated<div class="tooltip-wrap">workshops<div class="tooltip-content-right" ><div></div></div></div> and soundwalks, and media sources from a body of research. 'Let's Amplify Unspeakable Things' is based on the concept that amplification can provide presence through repetition and multiplication, as the structure of the workshops and the website reveals. The project itself is a process of feedback and iteration of actions, throughout a period of four months, situated around the space of <a href="http://www.leeszaalrotterdamwest.nl/" >Leeszaal</a> and <a href="https://hub.xpub.nl/">hub.xpub.nl</a>. It exists in between the friction of institutions (a public library and an academy) and different public spheres (wereldvrouwen, academic), and it aims to go beyond their binaries.

@ -1,10 +1,10 @@
<h2>Colophon</h2> <h2>Colophon</h2>
<li>This work has been produced in the context of the graduation research of Angeliki Diakrousi from the Experimental Publishing (<div class="tooltip-wrap">XPUB<div class="tooltip-content-right"><div>XPUB is a two year Master of Arts in Fine Art and Design that focuses on the intents, means and consequences of making things public and creating publics in the age of post-digital networks</div></div></div>) Master course at the Piet Zwart Institute, Willem de Kooning Academy, Rotterdam University of Applied Sciences.</li> <li>This work has been produced in the context of the graduation research of Angeliki Diakrousi from the Experimental Publishing (<div class="tooltip-wrap">XPUB<div class="tooltip-content-right"><div>XPUB is a two year Master of Arts in Fine Art and Design that focuses on the intents, means and consequences of making things public and creating publics in the age of post-digital networks</div></div></div>) Master course at the Piet Zwart Institute, Willem de Kooning Academy, Rotterdam University of Applied Sciences.</li>
<li><a href="https://xpub.nl">https://xpub.nl</a></li> <li><a href="https://xpub.nl">https://xpub.nl</a></li>
<li>Special thanks to Christina Karagianni for organising together these inspiring workshops, Angelique, Fatima, Lidia, Dionne and other women from <div class="tooltip-wrap">Wereldvrouwen<div class="tooltip-content-right"><div>Wereldvrouwen Rotterdam Foundation does various social, educational and recreational activities for and by women from various cultures, many of them with a low income and low education level. One of their meeting points is Leeszaal</div></div></div> for participating in the workshops, and all the other participants who came in the beginning, but also the online participants who generously contributed with their voices to the website. More thanks to my tutors, XPUB comrades and all my friends with whom I had interesting discussions and tryouts that pushed my research further.</li> <li>Special thanks to Christina Karagianni for organising together these inspiring workshops, Angelique, Fatima, Lidia, Dionne and other women from <div class="tooltip-wrap">Wereldvrouwen<div class="tooltip-content-right"><div>Wereldvrouwen Rotterdam Foundation does various social, educational and recreational activities for and by women from various cultures, many of them with a low income and low education level. One of their meeting points is at Leeszaal</div></div></div> for participating in the workshops, and all the other participants who came in the beginning, but also the online participants who generously contributed with their voices to the website. More thanks to my tutors, XPUB comrades and all my friends with whom I had interesting discussions and tryouts that pushed my research further.</li>
<li>This work is licensed under the <div class="tooltip-wrap">Free Art Licence<div class="tooltip-content-right"><div>[Angeliki Diakrousi, Let's Amplify Unspeakable Things, 2019. Rotterdam].<br> <li>This work is licensed under the <div class="tooltip-wrap">Free Art Licence<div class="tooltip-content-right"><div>[Angeliki Diakrousi, Let's Amplify Unspeakable Things, 2019. Rotterdam].<br>
Copyleft: This is a free work, you can copy, distribute, and modify it under the terms of the Free Art License <a href="http://artlibre.org/licence/lal/en/">http://artlibre.org/licence/lal/en/</a></div></div></div>.</li> Copyleft: This is a free work, you can copy, distribute, and modify it under the terms of the Free Art License <a href="http://artlibre.org/licence/lal/en/">http://artlibre.org/licence/lal/en/</a></div></div></div>.</li>
<li>The last 6 workshops are part of <div class="tooltip-wrap">Women@Art<div class="tooltip-content-right"><div>(free translation) Wereldvrouwen Rotterdam Foundation does various social, educational and recreational activities for and by women from various cultures, many of them with a low income and low education level. Most women hardly ever come into contact with the world of Art & Culture. Participants are encouraged to develop with inspiring examples from the art world by visiting exhibitions / studios in the city. A number of female (amateur) artists give workshops on their own work. The aim is to make the world of art more accessible, to help women to develop their own creativity and to transform it into strength</div></div></div> and funded by the <div class="tooltip-wrap">Municipality of Rotterdam<div class="tooltip-content-right"><div>The municipality granted to us is a structural subsidy called Pitcher Perfect 010</div></div></div></li> <li>The last 6 workshops are part of <div class="tooltip-wrap">Women@Art<div class="tooltip-content-right"><div>(free translation) Wereldvrouwen Rotterdam Foundation does various social, educational and recreational activities for and by women from various cultures, many of them with a low income and low education level. Most women hardly ever come into contact with the world of Art & Culture. Participants are encouraged to develop with inspiring examples from the art world by visiting exhibitions / studios in the city. A number of female (amateur) artists give workshops on their own work. The aim is to make the world of art more accessible, to help women to develop their own creativity and to transform it into strength</div></div></div> and funded by the <div class="tooltip-wrap">Municipality of Rotterdam<div class="tooltip-content-right"><div>The municipality granted to us a structural subsidy called Pitcher Perfect 010</div></div></div></li>
<li>The studies of Angeliki Diakrousi were funded through a scholarship by the <a href="https://www.onassis.org/">Onassis Foundation</a></li> <li>The studies of Angeliki Diakrousi were funded through a scholarship by the <a href="https://www.onassis.org/">Onassis Foundation</a></li>

@ -3,5 +3,6 @@
you are invited to <div class="tooltip-wrap">amplify</div> parts of the podcasts that you find worthy of attention by listening, recording and repeating them, with your own voice, and upload them in the archive. The stories and sounds, you will listen to, are related to how female voices have been marginalised and what methods (rational/irrational) amplify and bring them in the front. Amplification can happen through repetition and multiplication. Your recording becomes part of a gathering of multiple individual voices, that repeat fragments of situations and things that are unspeakable, and can appear as feedback to them. Your voice with its own quality and uniquness will channel these fragmented female voices. This audio collection may be, then, used as an input for <a href="amplification.php" class="underline" target="_blank">workshops</a>. you are invited to <div class="tooltip-wrap">amplify</div> parts of the podcasts that you find worthy of attention by listening, recording and repeating them, with your own voice, and upload them in the archive. The stories and sounds, you will listen to, are related to how female voices have been marginalised and what methods (rational/irrational) amplify and bring them in the front. Amplification can happen through repetition and multiplication. Your recording becomes part of a gathering of multiple individual voices, that repeat fragments of situations and things that are unspeakable, and can appear as feedback to them. Your voice with its own quality and uniquness will channel these fragmented female voices. This audio collection may be, then, used as an input for <a href="amplification.php" class="underline" target="_blank">workshops</a>.
<p>Maximum duration: 1 min</p> <p>Maximum duration: 1 min</p>
<p>Best recorded from a computer</p> <p>Best recorded from a computer</p>
<p><a href="images/letter-20190704.jpg" class="underline" target="_blank">Something like a Privacy Policy</a></p>

@ -60,10 +60,6 @@
</div> </div>
</div> </div>
<div class="draggable scaleable-wrapper menu" style="top: 80%; right: 4%;">
<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 menu" style="top: 100%; right: 3%;"> <div class="draggable scaleable-wrapper menu" style="top: 100%; right: 3%;">
<h2 ><a href="podcast1.php">Podcast1<div class="hover-icon"><img src="images/icon-play.png"></div></a></h2> <h2 ><a href="podcast1.php">Podcast1<div class="hover-icon"><img src="images/icon-play.png"></div></a></h2>
</div> </div>

Loading…
Cancel
Save