From 71f76a98db1ea6e20ef1aa81ccd9a2fcd956cbb1 Mon Sep 17 00:00:00 2001 From: Angeliki Date: Sat, 8 Jun 2019 19:19:46 +0200 Subject: [PATCH] more user friendly --- amplification.php | 8 ++--- diary.php | 8 ++--- index.php | 15 ++++---- js/draggable.js | 1 + player.php | 30 ++++++++-------- podcast1.php | 21 +++++++---- podcast2.php | 10 ++++-- podcast3.php | 10 ++++-- podcast4.php | 10 ++++-- styles/widescreen.css | 77 ++++++++++++++++++++++++++++++++++------- texts/about.txt | 2 +- texts/amplification.txt | 2 +- texts/dear_listener.txt | 2 +- texts/diary.txt | 2 +- thesis-angeliki.php | 8 ++--- 15 files changed, 137 insertions(+), 69 deletions(-) diff --git a/amplification.php b/amplification.php index e4eb3ed..a8195fe 100644 --- a/amplification.php +++ b/amplification.php @@ -317,17 +317,17 @@
-

Podcast4

+

Podcast4

-

Podcast1

+

Podcast1

-

Podcast2

+

Podcast2

-

Podcast3

+

Podcast3

diff --git a/diary.php b/diary.php index 40ae11a..c5828d2 100644 --- a/diary.php +++ b/diary.php @@ -102,17 +102,17 @@
-

Podcast4

+

Podcast4

-

Podcast1

+

Podcast1

-

Podcast2

+

Podcast2

-

Podcast3

+

Podcast3

diff --git a/index.php b/index.php index c4aa5d2..ceb866a 100644 --- a/index.php +++ b/index.php @@ -27,16 +27,13 @@ - - - - +
-
this is how female/high-pitched voices have been described since acient times as Anne Carson observes
+
this is how female/high-pitched voices have been described since acient times as Anne Carson observes
-

Podcast1

+

Podcast1

@@ -50,19 +47,19 @@
-

Podcast2

+

Podcast2

-

Podcast3

+

Podcast3

-

Podcast4

+

Podcast4

diff --git a/js/draggable.js b/js/draggable.js index 0a43085..5cd8f74 100644 --- a/js/draggable.js +++ b/js/draggable.js @@ -25,6 +25,7 @@ $(document).ready(function() { start: function(event, ui) { $(this).css("z-index", a++); } }); + // font size relative to div draggable/resizable size var $wrapper = $(".scaleable-wrapper"); $wrapper.each(function (d) { diff --git a/player.php b/player.php index 66a8e4a..9f716c9 100644 --- a/player.php +++ b/player.php @@ -209,13 +209,13 @@ -
×
+
×
-
×
+
×
-
×
+
×
-
×
+
×
@@ -275,7 +275,7 @@ $("#katalin").click(function(){
First sample of city sounds related to public/private and speech and recordings of descriptions from different people -
+
@@ -283,7 +283,7 @@ $("#katalin").click(function(){
-
+
@@ -302,7 +302,7 @@ $("#katalin").click(function(){
-
+
@@ -324,7 +324,7 @@ $("#katalin").click(function(){
-
+
@@ -360,14 +360,14 @@ $("#katalin").click(function(){
Second sample of city sounds related to public/private and speech and recordings of descriptions from different people -
+
selection of audio recordings collected while wandering around the area of Leeszaal
-
+
@@ -395,7 +395,7 @@ $("#katalin").click(function(){
-
+
@@ -467,17 +467,17 @@ $("#katalin").click(function(){
-

Podcast4

+

Podcast4

-

Podcast1

+

Podcast1

-

Podcast2

+

Podcast2

-

Podcast3

+

Podcast3
s

diff --git a/podcast1.php b/podcast1.php index 286748b..29226d8 100644 --- a/podcast1.php +++ b/podcast1.php @@ -9,6 +9,10 @@ @@ -55,13 +59,13 @@
-

Podcast2

+

Podcast2

-

Podcast3

+

Podcast3

-

Podcast4

+

Podcast4

@@ -85,11 +89,14 @@ $files = glob("podcasts/podcast1/*.mp3"); for ($i=0; $i

NARRATOR

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

NARRATOR

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

SPEAKERS

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

'; -include $num.'-METADATA.txt'; -echo '
download
'; } ?> +echo '
'; +echo '
'; +include $num.'-METADATA.txt'; +echo '
download
'; } ?> +
diff --git a/podcast2.php b/podcast2.php index 94893a5..9519643 100644 --- a/podcast2.php +++ b/podcast2.php @@ -9,6 +9,10 @@ @@ -55,13 +59,13 @@
-

Podcast1

+

Podcast1

-

Podcast3

+

Podcast3

-

Podcast4

+

Podcast4

diff --git a/podcast3.php b/podcast3.php index 195b400..da3f4a4 100644 --- a/podcast3.php +++ b/podcast3.php @@ -9,6 +9,10 @@ @@ -55,13 +59,13 @@
-

Podcast1

+

Podcast1

-

Podcast2

+

Podcast2

-

Podcast4

+

Podcast4

diff --git a/podcast4.php b/podcast4.php index b28e34d..896f442 100644 --- a/podcast4.php +++ b/podcast4.php @@ -9,6 +9,10 @@ @@ -56,13 +60,13 @@
-

Podcast1

+

Podcast1

-

Podcast2

+

Podcast2

-

Podcast3

+

Podcast3

diff --git a/styles/widescreen.css b/styles/widescreen.css index 41db393..3e51f00 100644 --- a/styles/widescreen.css +++ b/styles/widescreen.css @@ -13,12 +13,12 @@ section { display: block; } + a { - /*font-weight: normal;*/ - text-decoration: none; - color: #A19696; + color: black; } + .active { color: red; font-size: 125% ; @@ -63,6 +63,42 @@ h2 { } +h2 a { + text-decoration: none; + color: #A19696; +} + +h2 a:hover { + color: red; +} + +h2 a:hover .hover-icon { + opacity: 1; +} + +li a { + text-decoration: none; + color: #A19696; +} + +li a:hover { + color: red; +} + +.hover-icon { + transition: .5s ease; + opacity: 0; + position: absolute; + top:20px; + left:-7%; + +} + +.hover-icon img{ + width: 20%; +} + + h3 { font-size: 95%; text-align: center; @@ -339,7 +375,16 @@ input[type=checkbox]:checked ~ aside { /*hover of images and transcriptions style*/ .tooltip-wrap { position: relative; - text-decoration: underline; + background-color: pink; + display: inline; +} + +.no-pink { + background-color: white !important; +} + +.tooltip-wrap img:hover { + background-color: pink; } .no-underline { @@ -350,9 +395,9 @@ input[type=checkbox]:checked ~ aside { display: none; position: absolute; z-index: 1; - top: 25%; + top: 75%; /*bottom: 100%;*/ - left: 0%; + left: 10%; /*right: 100%;*/ padding: 0.2em; background-color: white; @@ -365,6 +410,12 @@ input[type=checkbox]:checked ~ aside { font-size: 80%; } +.content-transcription { + left: -1000% !important; + top: 175% !important; + min-width:5500% !important; +} + .tooltip-wrap .tooltip-content-right { display: none; position: absolute; @@ -387,7 +438,6 @@ input[type=checkbox]:checked ~ aside { z-index: 1; /*top: 100%;*/ bottom: 100%; - left: 2%; /*right: 100%;*/ padding: 0.2em; background-color: rgba(255, 255, 255, 0.93); @@ -543,15 +593,16 @@ input[type=checkbox]:checked ~ aside { .draggable { box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2); background-color: white; - /* border:1px; - border-style:solid; - border-color:black;*/ cursor: all-scroll; position: absolute !important; - width: 20%; + width: 15%; display: inline; /* transform: scale(20);*/ /*min-height: 100px;*/ + background-image: url("../images/resize-icon.png"); + background-position: 100% 100%; + background-size: 30px 30px; + background-repeat: no-repeat; } .draggable-circle { @@ -563,7 +614,7 @@ input[type=checkbox]:checked ~ aside { display: inline; } -.draggable p { +.draggable-circle p { text-align: center; color: #A19696; } @@ -592,7 +643,7 @@ input[type=checkbox]:checked ~ aside { .ui-resizable-se { width: 10px; height: 10px; - background: pink; + /*background: pink;*/ position: absolute; bottom: 0; right: 0; diff --git a/texts/about.txt b/texts/about.txt index eb89ba9..4951285 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, that questions the establishment of authoritative voices — which construct exclusive speech platforms and binaries, along the assumption that voices have to be rational. 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, that questions the establishment of authoritative voices — which construct exclusive speech platforms and binaries, along the assumption that voices have to be rational. 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. diff --git a/texts/amplification.txt b/texts/amplification.txt index c58bdf1..5045976 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
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
diff --git a/texts/dear_listener.txt b/texts/dear_listener.txt index a712ac2..e92d55a 100644 --- a/texts/dear_listener.txt +++ b/texts/dear_listener.txt @@ -1,5 +1,5 @@

Dear listener,

-you are invited to
amplify
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"
parts of the podcasts that you find worthy of attention by repeating or annotate them with your own voice message. Amplification can happen through repetition and multiplication, through the gathering of multiple individual voices repeating fragments of situations.

Maximum duration: 1 min

+you are invited to
amplify
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"
parts of the podcasts that you find worthy of attention by repeating or annotate them with your own voice message. Amplification can happen through repetition and multiplication, through the gathering of multiple individual voices repeating fragments of situations.

Maximum duration: 1 min

diff --git a/texts/diary.txt b/texts/diary.txt index 5cf921f..992459a 100644 --- a/texts/diary.txt +++ b/texts/diary.txt @@ -1 +1 @@ -This is a diary from my first experiments. It includes mostly material from my walks. I recorded sounds from the West Rotterdam,
while walking around the neighborhood of


Leeszaal 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. \ No newline at end of file +This is a diary from my first experiments. It includes mostly material from my walks. I recorded sounds from the West Rotterdam,
while walking around the neighborhood of


Leeszaal 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. \ No newline at end of file diff --git a/thesis-angeliki.php b/thesis-angeliki.php index 2003474..97dd7fb 100644 --- a/thesis-angeliki.php +++ b/thesis-angeliki.php @@ -61,17 +61,17 @@
-

Podcast4

+

Podcast4

-

Podcast1

+

Podcast1

-

Podcast2

+

Podcast2

-

Podcast3

+

Podcast3