Angeliki
/
eaiaiaiaoi
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

some more details on player menus

Browse Source
master
Angeliki 6 years ago
parent 8ec6f99a70
commit b7f11f41ee
3 changed files with 27 additions and 22 deletions
Show Stats Download Patch File Download Diff File

13
index.php
Unescape Escape View File

@ -14,15 +14,15 @@
<!-- menu --> <!-- menu -->
<div align="left"> <div align="left">
<div class="tooltip-wrap"> <div class="tooltip-wrap">
<p style="font-size: 28px;background-color: lightgrey; margin-right: 90%;">Dive into</p> <p style="font-size: 28px;background-color: lightgrey; margin-right: 90%;width: 150px;">Dive into</p>
<div class="tooltip-content-down" style="font-size: 28px;min-width: 1800px;"> <div class="tooltip-content-down" style="font-size: 28px;min-width: 1800px;">
<div> <div>
<li class="list"> <li class="list" style="border-top: none !important;">
<a href="podcast1.php" target="_blank">Podcast1 <div class="description">"MEDIATING SPEECH"</div></a> <a href="podcast1.php" target="_blank">Podcasts <div class="description">AUDIO MOMENTS</div></a>
</li> </li>
<li class="list"> <li class="list">
<a href="texts/thesis/thesis-angeliki.html" target="_blank">Let' s Talk About Unspeakable Things <div class="description">THESIS, ANNOTATIONS</div></a> <a href="texts/thesis/thesis-angeliki.html" target="_blank">Let' s Talk About Unspeakable Things <div class="description">THESIS</div></a>
</li> </li>
<li class="list"> <li class="list">
@ -32,9 +32,6 @@
<a href="../Grad_project proposal/1902_describe-soundwalks/West Rotterdam/leeszaal_repetition.html" target="_blank">Diary of West Rotterdam <div class="description">PROCESS, ARCHIVE</div></a> <a href="../Grad_project proposal/1902_describe-soundwalks/West Rotterdam/leeszaal_repetition.html" target="_blank">Diary of West Rotterdam <div class="description">PROCESS, ARCHIVE</div></a>
</li> </li>
<li class="list">
<a href="overlapping-interface.html" target="_blank">Feedback Composition <div class="description">SOUNDWALKS, ANNOTATIVE RECORDINGS</div></a>
</li>
<li class="list"> <li class="list">
<a href="player.html" target="_blank">Player <div class="description">ARCHIVE</div></a> <a href="player.html" target="_blank">Player <div class="description">ARCHIVE</div></a>
</li> </li>
@ -43,7 +40,7 @@
</div> </div>
<div class="tooltip-wrap"> <div class="tooltip-wrap">
<p style="font-size: 28px;background-color: lightgrey; margin-right: 90%;">About</p> <p style="font-size: 28px;margin-right: 90%;">About</p>
<div class="tooltip-content-down" style="font-size: 28px;max-width: 1000px;"> <div class="tooltip-content-down" style="font-size: 28px;max-width: 1000px;">
It is a collection of audio recordings coming from meetings I co-organised, internet sources, podcasts and soundwalks. '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 a set of podcasts 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 It is a collection of audio recordings coming from meetings I co-organised, internet sources, podcasts and soundwalks. '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 a set of podcasts 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>

30
player.html
Unescape Escape View File

@ -7,15 +7,16 @@
<body> <body>
<div class="short-description"> <div class="tooltip-wrap" align="center">
<p> <p style="background-color: lightgrey;width: 200px;">Digital Utterance</p>
<a href="../index.php">Utterance</a> <div class="tooltip-content-down" style="max-width: 1000px;left: 50% !important;">
</p> 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 class="tooltip-wrap">First experiments<div class="tooltip-content-down">ffff</div></div>
</div> </div>
</div>
<!-- internet resources --> <!-- internet resources -->
<div class="dropdown2"> <div class="dropdown2" style="left: 20% !important;">
<button onclick="myFunction2()" class="dropbtn2">Internet sources</button> <button onclick="myFunction2()" class="dropbtn2" style="width:140px;" >Internet sources</button>
<div id="myDropdown2" class="dropdown-content2"> <div id="myDropdown2" class="dropdown-content2">
<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=HlvfPizooII','popup','width=600,height=600'); return false;">Angela Davis @Occupy</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=HlvfPizooII','popup','width=600,height=600'); return false;">Angela Davis @Occupy</a>
@ -97,7 +98,7 @@
<div class="tooltip-wrap" style="position:absolute; top:65%; left:63%;"> <div class="tooltip-wrap" style="position:absolute; top:65%; left:63%;">
<audio controls src="audio/selectionB.mp3"></audio>city sounds <audio controls src=""></audio>
<div class="tooltip-content-up"> <div class="tooltip-content-up">
<table> <table>
<tr> <tr>
@ -113,13 +114,13 @@
<div style="position:absolute; top:70%; left:53%;"> <div style="position:absolute; top:70%; left:53%;">
<audio controls src="audio/description-eugenie-CUT-SHORT.mp3"></audio>describing/annotating <audio controls src=""></audio>
</div> </div>
<div style="position:absolute; top:57%; left:33%;;"> <div style="position:absolute; top:57%; left:33%;;">
<audio controls src="audio/finearts-meeting-choirhigh.mp3"></audio>singing vowels (high) @Fine Arts <audio controls src="audio/finearts-meeting-choirhigh.mp3"></audio>singing vowels (high) @Fine Arts
</div> </div>
<div style="position:absolute; top:33%; left:26%;;"> <div style="position:absolute; top:33%; left:26%;;">
<audio controls src="audio/description-lidia-CUT.mp3"></audio>describing/annotating <audio controls src=""></audio>
</div> </div>
@ -173,7 +174,14 @@
<br> <br>
<!-- soundwalk player --> <!-- soundwalk player -->
<section style="margin-top: 700px !important;"> <section style="margin-top: 500px !important;">
<div class="tooltip-wrap" align="center">
<p style="background-color: lightgrey;width: 200px;">Feedback Composition/Annotative Recordings/Soundwalks</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 class="tooltip-wrap">First experiments<div class="tooltip-content-down">ffff</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>

6
styles/stylesheet.css
Unescape Escape View File

@ -21,7 +21,7 @@ h2 {
text-align: center; text-align: center;
letter-spacing: 4px; letter-spacing: 4px;
font-size: 28px;} font-size: 28px;}
h3 { h3 {
text-align: center; text-align: center;
} }
@ -298,7 +298,7 @@ cursor: pointer;
left: 2%; left: 2%;
/*right: 100%;*/ /*right: 100%;*/
padding: .2em; padding: .2em;
background-color: rgba(255, 255, 255, 0.9) ; background-color: rgba(255, 255, 255, 0.93) ;
border:1px; border:1px;
border-style:solid; border-style:solid;
border-color:black; border-color:black;
@ -315,7 +315,7 @@ cursor: pointer;
left: 2%; left: 2%;
/*right: 100%;*/ /*right: 100%;*/
padding: .2em; padding: .2em;
background-color: rgba(255, 255, 255, 0.9) ; background-color: rgba(255, 255, 255, 0.93) ;
border:1px; border:1px;
border-style:solid; border-style:solid;
border-color:black; border-color:black;

Write Preview
Loading…
Cancel
Save