From 44f34679a54ace306955e1c3854e07aaeaf9ea99 Mon Sep 17 00:00:00 2001 From: Angeliki Date: Wed, 12 Jun 2019 09:20:01 +0200 Subject: [PATCH] menu more clear and other details --- amplification.php | 16 +-- diary.php | 16 +-- index.php | 34 ++--- js/mp3recorder.js | 2 +- player.php | 20 +-- podcast1.php | 28 ++-- podcast2.php | 26 ++-- podcast3.php | 25 ++-- podcast4.php | 28 ++-- styles/widescreen.css | 136 ++---------------- test.php | 299 ++++++++++++++++++++++++++++++++++++++++ texts/about.txt | 2 +- texts/amplification.txt | 2 +- thesis-angeliki.php | 16 +-- 14 files changed, 424 insertions(+), 226 deletions(-) create mode 100644 test.php diff --git a/amplification.php b/amplification.php index bb6f896..4c5a8ad 100644 --- a/amplification.php +++ b/amplification.php @@ -374,42 +374,42 @@ -
+

Player

(audio archive)
-
+

About

(main page)
-
+

Podcast4

-
+

Podcast1

-
+

Podcast2

-
+

Podcast3

-
+

"Let' s Talk About Unspeakable Things"

(thesis)
-
+

Diary of West Rotterdam

(first experiments) diff --git a/diary.php b/diary.php index c5828d2..98d804f 100644 --- a/diary.php +++ b/diary.php @@ -84,7 +84,7 @@
-
+

Amplification of female voices

@@ -94,29 +94,29 @@
-
+

Player

-
+

About

-
+

Podcast4

-
+

Podcast1

-
+

Podcast2

-
+

Podcast3

-
+

"Let' s Talk About Unspeakable Things"

diff --git a/index.php b/index.php index 079b08d..7e31806 100644 --- a/index.php +++ b/index.php @@ -19,7 +19,7 @@ - +Best viewed in FireFox

Let's amplify unspeakable things

@@ -28,54 +28,56 @@ -
-
this is how female/high-pitched voices have been described since acient times as Anne Carson observes
-
-
+ +

Amplification of female voices

-
-

Podcast2

+
+
this is how female/high-pitched voices have been described since acient times as Anne Carson observes
+
+ +
+

Podcast1

- +
-
+

Podcast4

-
+

Podcast3

-
-

Podcast1

+
+

Podcast2

- +
-
+

Diary of West Rotterdam

-
+

Player

@@ -98,7 +100,7 @@
-
+

"Let's Talk About Unspeakable Things"

diff --git a/js/mp3recorder.js b/js/mp3recorder.js index 7aa7a6f..0912b18 100644 --- a/js/mp3recorder.js +++ b/js/mp3recorder.js @@ -70,7 +70,7 @@ } this.exportMP3 = function(cb) { - this.logStatus('converting...'); + this.logStatus('converting...It takes some time:)'); // export the blob from the worker diff --git a/player.php b/player.php index 5373161..e1b702b 100644 --- a/player.php +++ b/player.php @@ -278,7 +278,7 @@ $("#katalin").click(function(){
- + First sample of city sounds related to public/private and speech and recordings of descriptions from different people
@@ -363,7 +363,7 @@ $("#katalin").click(function(){
- + Second sample of city sounds related to public/private and speech and recordings of descriptions from different people
@@ -441,14 +441,14 @@ $("#katalin").click(function(){ -
+

Diary of West Rotterdam

(first experiments)
-
+

Amplification of female voices

(workshops) @@ -456,7 +456,7 @@ $("#katalin").click(function(){
-
+

About

(main page) @@ -464,24 +464,24 @@ $("#katalin").click(function(){
-
+

"Let' s Talk About Unspeakable Things"

(thesis)
-
+

Podcast4

-
+

Podcast1

-
+

Podcast2

-
+

Podcast3

diff --git a/podcast1.php b/podcast1.php index 9c39a19..527fce5 100644 --- a/podcast1.php +++ b/podcast1.php @@ -20,31 +20,32 @@

-

- "Mediating Speech" -

+

+ Mediating Speech +

+ -
+

Amplification of female voices

(workshops)
-
+

Diary of West Rotterdam

(first experiments)
-
+

Player

(audio archive)
-
+

About

(main page) @@ -58,18 +59,18 @@
-
+

Podcast2

-
+

Podcast3

-
+

Podcast4

-
+

"Let' s Talk About Unspeakable Things"

(thesis) @@ -90,7 +91,7 @@ for ($i=0; $i'; -echo '

NARRATOR

';include $num.'.txt'; +echo '

NARRATOR

';include $num.'.txt'; echo '

SPEAKERS

'; include $num.'-M.txt'; echo '
'; echo '
'; @@ -236,7 +237,7 @@ echo '
download
'; } ?> } }).done(function(o) { console.log('saved'); - document.getElementById("saved_msg").innerHTML = "Saved '*|o.o/*' You can now refresh and see your voice message in the list below :<"; + document.getElementById("saved_msg").innerHTML = "Uploaded!! Refresh and see your voice message in the list below :<"; }); @@ -279,6 +280,7 @@ echo '
download
'; } ?> + diff --git a/podcast2.php b/podcast2.php index 1b1e338..ba090ca 100644 --- a/podcast2.php +++ b/podcast2.php @@ -20,31 +20,32 @@

-

- "Voice's Transition" -

+

+ Voice's Transition +

+ -
+

Amplification of female voices

(workshops)
-
+

Diary of West Rotterdam

(first experiments)
-
+

Player

(audio archive)
-
+

About

(main page) @@ -58,18 +59,18 @@
-
+

Podcast1

-
+

Podcast3

-
+

Podcast4

-
+

"Let' s Talk About Unspeakable Things"

(thesis) @@ -90,7 +91,7 @@ for ($i=0; $i'; -echo '

NARRATOR

';include $num.'.txt'; +echo '

NARRATOR

';include $num.'.txt'; echo '

SPEAKERS

'; include $num.'-M.txt'; echo '
'; echo '
'; @@ -99,6 +100,7 @@ echo '
download
'; } ?> +
diff --git a/podcast3.php b/podcast3.php index df0e2bd..52bac21 100644 --- a/podcast3.php +++ b/podcast3.php @@ -20,31 +20,30 @@

-

- "Blocking our Voices" -

- +

+ Blocking our Voices +

-
+

Amplification of female voices

(workshops)
-
+

Diary of West Rotterdam

(first experiments)
-
+

Player

(audio archive)
-
+

About

(main page) @@ -58,18 +57,18 @@
-
+

Podcast1

-
+

Podcast2

-
+

Podcast4

-
+

"Let' s Talk About Unspeakable Things"

(thesis) @@ -90,7 +89,7 @@ for ($i=0; $i'; -echo '

NARRATOR

';include $num.'.txt'; +echo '

NARRATOR

';include $num.'.txt'; echo '

SPEAKERS

'; include $num.'-M.txt'; echo '
'; echo '
'; diff --git a/podcast4.php b/podcast4.php index 6659a74..7a2e6e0 100644 --- a/podcast4.php +++ b/podcast4.php @@ -20,32 +20,32 @@

-

- "City Sounds Reveal Voice Binaries" -

+

+ City Sounds Reveal Voice Binaries +

-
+

Amplification of female voices

(workshops)
-
+

Diary of West Rotterdam

(first experiments)
-
+

Player

(audio archive)
-
+

About

(main page) @@ -59,18 +59,18 @@
-
+

Podcast1

-
-

Podcast2

-
-
+

Podcast3

+
+

Podcast2

+
-
+

"Let' s Talk About Unspeakable Things"

(thesis) @@ -91,7 +91,7 @@ for ($i=0; $i'; -echo '

NARRATOR

';include $num.'.txt'; +echo '

NARRATOR

';include $num.'.txt'; echo '

SPEAKERS

'; include $num.'-M.txt'; echo '
'; echo '
'; diff --git a/styles/widescreen.css b/styles/widescreen.css index 16dc274..1f5b692 100644 --- a/styles/widescreen.css +++ b/styles/widescreen.css @@ -13,6 +13,9 @@ section { display: block; } +.menu { + background-color: #FFE6EA !important; +} .underline { color: black; @@ -194,133 +197,26 @@ button { cursor: pointer; } -.dropbtn:hover, .dropbtn:focus { - background-color: pink; -} - -.dropdown { - position: relative; - display: inline-block; -} - -.dropdown-content { - display: none; +#overlay{ position: absolute; - background-color: white; - min-width: 1900px; - overflow: auto; - z-index: 1; -} - -.dropdown-content a { - color: black; - padding: 12px 16px; - text-decoration: none; - display: block; -} - -.dropdown a:hover { - background-color: none; -} - -.show { - display: block; -} - -/*style internet sources*/ -.dropbtn2 { - font-family: "Old Standard TT"; - font-weight: regular; - font-size: 24px; - color: black; - padding: 16px; - cursor: pointer; - background-color: rgba(255, 255, 255, 0.9); - border: 1px; - border-style: solid; - border-color: black; -} - -.dropbtn2:hover, .dropbtn2:focus { - background-color: pink; -} - -.dropdown2 { - position: absolute; - display: inline-block; -} - -.dropdown-content2 { + width: 100%; + height: 100%; + top: 0; + left: 0; + z-index: 1000; display: none; - position: absolute; - background-color: white; - min-width: 1000px; - overflow: auto; - z-index: 1; - border: 1px; - border-style: solid; - border-color: black; - right: 5px; -} - -.dropdown-content2 a { - color: black; - padding: 12px 16px; - text-decoration: none; - display: block; } -.dropdown2 a:hover { - background-color: none; -} - -.show2 { +#overlay.show{ display: block; } -/*style list of podcasts*/ -.dropbtn3 { - font-family: "Old Standard TT"; - font-weight: regular; - font-size: 24px; - color: black; - padding: 16px; - border: none; - cursor: pointer; -} - -.dropbtn3:hover, .dropbtn3:focus { - background-color: pink; -} - -.dropdown3 { - position: relative; - display: inline-block; -} - -.dropdown-content3 { - display: none; - position: absolute; - background-color: white; - min-width: 1000px; - overflow: auto; - z-index: 1; -} -.dropdown-content3 a { - color: black; - padding: 12px 16px; - text-decoration: none; +.show { display: block; } -.dropdown3 a:hover { - background-color: none; -} -.show3 { - display: block; -} /* Make the clips use as much space as possible, and * also show a scrollbar when there are too many clips to show @@ -414,9 +310,7 @@ input[type=checkbox]:checked ~ aside { background-color: white !important; } -.tooltip-wrap img:hover { - background-color: pink; -} + .tooltip-wrap:hover { background-color: lightgrey; @@ -692,12 +586,12 @@ input[type=checkbox]:checked ~ aside { } #box-title { - border: 1px solid; - background-color: white; - padding: 10px; + color: #A19696; position: absolute; + font-weight: bold; } + /*for thesis html*/ #maintext { width: 120%; diff --git a/test.php b/test.php new file mode 100644 index 0000000..ed1f523 --- /dev/null +++ b/test.php @@ -0,0 +1,299 @@ + + + + + + + +Podcast1 + + + + + + + +

+

+ Mediating Speech +

+ + + +
+

Amplification of female voices

+
+ (workshops) +
+
+ +
+

Diary of West Rotterdam

+
+ (first experiments) +
+
+
+

Player

+
+ (audio archive) +
+
+
+

About

+
+ (main page) +
+
+ +
+

Podcast1

+
+ +
+
+ +
+

Podcast2

+
+
+

Podcast3

+
+
+

Podcast4

+
+ + +
+

"Let' s Talk About Unspeakable Things"

+
+ (thesis) +
+
+ +





+ + + + + + + +'; +echo '

NARRATOR

';include $num.'.txt'; +echo '

SPEAKERS

'; include $num.'-M.txt'; +echo '
'; +echo '
'; +include $num.'-METADATA.txt'; +echo '
download
'; } ?> + +

EPISODES

+ +
+ +
+ + + +
+ + + 

+    

+
+     

+     

+     

+     

+     

+
+
+     
+      
+
+    

+    

+    

+    
VISITORS' RECORDINGS


+    
';
+    // echo '
';
+    echo date("d/m/Y",filemtime($num)).'

'; } 
+    ?>
+
+

+
+

+
+
+
+

+
+
+
+
+
+
+
+ 
+
+
+
+
+
+
+
+
+
+ 
+
+
+ 
+  
+
+
+
+
+
+
+
+
+
diff --git a/texts/about.txt b/texts/about.txt
index c0a6fb8..3782f74 100644
--- a/texts/about.txt
+++ b/texts/about.txt
@@ -1,4 +1,4 @@
-'Let's Amplify Unspeakable Things' is an online platform of exploration and research, regarding female voices 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 
podcasts 
what conflicts or frictions the technical aspect and difficulties, of a project like that reveals? The website consists of different web-audio implementations
that revisit and overlay an archive of audio recordings, produced in situated
workshops
 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 Leeszaal and hub.xpub.nl. 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 female voices 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 
podcasts 
Different frictions emerged, between the technical and non technical
that revisit and overlay an archive of audio recordings, produced in situated
workshops
Different frictions emerged, between academic and non-academic world
 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 Leeszaal and hub.xpub.nl. 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. 
 
 
 
diff --git a/texts/amplification.txt b/texts/amplification.txt
index 5045976..4db8377 100644
--- a/texts/amplification.txt
+++ b/texts/amplification.txt
@@ -1,3 +1,3 @@
-This is a documentation of a series of meetings/workshops I am organising together with Christina Karagianni. Our intentions come from personal experiences and we seek to explore the silencing of excluded voices, and go beyond their barriers. We combine our practices -her practice lies on choreography and dance and mine on social interaction, voice and sound- in moments of Leeszaal, an open local library, a public space of diversity. How can we engage politically with the exclusion of specific voices from the public sphere? We are 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. 
We invite 
how we should approch the gender terminology and false association with voice when inviting people? Should it be about femme sounding? Female voice? 
people from Leeszaal and our environment, who find themselves related and interested to this topic. The produced material is being included in an audio archive, 
player.
what conflicts or frictions the technical aspect provokes? web-audio, recordings

+This is a documentation of a series of meetings/workshops I am organising together with Christina Karagianni. Our intentions come from personal experiences and we seek to explore the silencing of excluded voices, and go beyond their barriers. We combine our practices -her practice lies on choreography and dance and mine on social interaction, voice and sound- in moments of Leeszaal, an open local library, a public space of diversity. How can we engage politically with the exclusion of specific voices from the public sphere? We are 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. 
We invite 
during the workshops we've realised that we should reconsider the terms female/male and how to refer to those voices when inviting people
people from Leeszaal and our environment, who find themselves related and interested to this topic. The produced material is being included in an audio archive, 
player.

 
 
diff --git a/thesis-angeliki.php b/thesis-angeliki.php
index 2d620f6..c1fb3b6 100644
--- a/thesis-angeliki.php
+++ b/thesis-angeliki.php
@@ -34,43 +34,43 @@
 
 
 
-

+

   
Amplification of female voices
 
   

    (workshops)
   

 

 
-

+

   
Diary of West Rotterdam
 
   

    (first experiments)
   

 

-

+

   
Player
 
   

    (audio archive)
   

 

-

+

   
About
 
   

    (main page)
   

 

 
-

+

   
Podcast4
 
 

 
-

+

   
Podcast1
 
 

-

+

   
Podcast2
 
 

-

+

   
Podcast3