From 15af465a56cfcd8bee066f296fb7f03b73b8aef4 Mon Sep 17 00:00:00 2001
From: Angeliki <diakaggel@gmail.com>
Date: Fri, 7 Jun 2019 21:11:58 +0200
Subject: [PATCH] improved some details

---
 amplification.php | 15 ++++++-----
 player.php        |  9 ++++---
 podcast1.php      | 64 ++++++++++++++++++++++++++---------------------
 texts/player.txt  |  2 +-
 4 files changed, 50 insertions(+), 40 deletions(-)
diff --git a/amplification.php b/amplification.php
index 375ecea..2ff4102 100644
--- a/amplification.php
+++ b/amplification.php
@@ -15,9 +15,12 @@
 </head>
 <body>
 
-Filter by:	
-<button onclick="piles()">workshop</button> 
-<button onclick="groups()">type</button> 
+
+<form>
+  Filter by:
+  <input type="radio" name="gender" value="male" checked onchange="piles()"> Workshop
+  <input type="radio" name="gender" value="female" onchange="groups()"> Type<br>
+</form> 
 
 
 <!-- draggable archive -->
@@ -346,13 +349,13 @@ Filter by:
 <!-- reshuffle -->
 <script>
 var distance=20
-groups()
+piles()
 
 
 
 function piles(){
 
-  var pileM_position=[1300,900]
+  var pileM_position=[1300,700]
     $(".pileM").each(function(i){
         $(this).css({"top":i*60+pileM_position[1],"left":i*20+pileM_position[0]})
     })
@@ -418,7 +421,7 @@ function groups(){
       $(this).css({"top":i*distance+group_metadata_position[1],"left":i*distance+group_metadata_position[0]})
   })
 
-  var group_menu_position=[1300,900]
+  var group_menu_position=[1300,700]
   $(".group_menu").each(function(i){
       $(this).css({"top":i*60+group_menu_position[1],"left":i*20+group_menu_position[0]})
   })
diff --git a/player.php b/player.php
index 1aec539..296f91c 100644
--- a/player.php
+++ b/player.php
@@ -269,6 +269,8 @@ $("#katalin").click(function(){
 <!-- soundwalk player -->
 
   <div class="draggable full-width" style="top: 140%; left:0.2%">
+    <button id="but">listen</button>
+    First sample of city sounds related to public/private and speech and recordings of descriptions from different people
     <div class="tooltip-wrap">
       <audio style="width: 100%;" id="a1" controls src="audio/selection-track-extracts-1.mp3" class="audio-tag"></audio><a href="" target="_blank">
         <div class="tooltip-content-up">
@@ -346,13 +348,14 @@ $("#katalin").click(function(){
     <div><a data-start="134.9" href="#">00:02:14,900</a> Again it sounds like there is a kindergarten or school nearby</div>
     </div>
     </div></div>
-    <button id="but">listen</button>
 </div>
     <br><br>
 
 
+<!-- second sounwalk player -->
   <div class="draggable full-width" style="top: 170%; left:0.2%">
-    <!-- second sounwalk player -->
+    <button id="butB">listen</button>
+    Second sample of city sounds related to public/private and speech and recordings of descriptions from different people
     <div class="tooltip-wrap">
       <audio style="width: 100%; background: #FFFFFF;" id="b1" controls src="audio/selectionB.mp3" class="audio-tag"></audio><a href="" target="_blank">
         <div class="tooltip-content-up">
@@ -418,8 +421,6 @@ $("#katalin").click(function(){
     <div><a data-start="166.6" href="#">00:02:46,600</a> Again, there is a child screaming or crying</div>
     </div>
     </div></div>
-    <button id="butB">listen</button>
-
 </div>
 
 
diff --git a/podcast1.php b/podcast1.php
index b556e24..fcde898 100644
--- a/podcast1.php
+++ b/podcast1.php
@@ -7,6 +7,9 @@
   <!-- <link href="styles/smallscreen.css" rel="stylesheet" type="text/css"> -->
 <title>Podcast1</title>
 <link rel="shortcut icon" href="images/headphones_logo.png" />
+<style>
+  h3 {font-weight: normal !important}
+</style>
 </head>
 
 <body>
@@ -72,7 +75,8 @@
 <br><br><br><br><br><br>
 <table>
 <tr>
-  <b>Episodes</b>
+  <td></td>
+  <td><h3 style="text-align: left !important">EPISODES</h3></td>
 </tr>
 <tr>
 <td><img src="images/headphones_logo.png" width="40px"></td>
@@ -91,37 +95,39 @@ echo '<br /><a href='.$num.' download='.$var1.'>download</a></div></div></td>';
 <br>
 
 <div align="center">
-<?php include 'texts/dear_listener.txt'; ?>
+    <?php include 'texts/dear_listener.txt'; ?>
+
+    <!-- recorder -->
+    <div class="recorder">
+          <input type="button" class="start"  value="Record" />
+          <input type="button" class="stop" value="Stop" />
+          <pre class="status"></pre>
+    </div>
+
+     <div id="playerContainer"></div>
+     <br />
+     <div><button id="button_upload" onclick="upload()">Upload</button></div>
+     <br />
+     <div id="saved_msg"></div>
+
+
+     <div id="dataUrlcontainer" hidden></div>
+      <pre id="log" hidden></pre>
+
+    <br />
+    <br />
+    <br />
+    <h3>VISITORS' RECORDINGS</h3>
+    <?php 
+    $files = glob("uploads/1/*"); 
+    for ($i=0; $i<count($files); $i++) 
+    {$num = $files[$i]; 
+    $var1 = $_GET["files"]["name"];
+    echo '<audio src='.$num.' controls></audio><br /><br />'; } 
+    ?>
 
-<!-- recorder -->
-<div class="recorder">
-      <input type="button" class="start"  value="Record" />
-      <input type="button" class="stop" value="Stop" />
-      <pre class="status"></pre>
 </div>
 
- <div id="playerContainer"></div>
- <br />
- <div><button id="button_upload" onclick="upload()">Upload</button></div>
- <br />
- <div id="saved_msg"></div>
-
-
- <div id="dataUrlcontainer" hidden></div>
-  <pre id="log" hidden></pre>
-</div>
-<br />
-<br />
-<br />
-
-<?php 
-$files = glob("uploads/1/*"); 
-for ($i=0; $i<count($files); $i++) 
-{$num = $files[$i]; 
-$var1 = $_GET["files"]["name"];
-echo '<audio src='.$num.' controls></audio><br /><br />'; } 
-?>
-
 </div>
 
 
diff --git a/texts/player.txt b/texts/player.txt
index 72cd099..04d4373 100644
--- a/texts/player.txt
+++ b/texts/player.txt
@@ -1 +1 @@
-The player is an audio archive of voices and sounds from the meetings I have co-organised, references from my research, various internet sources, and soundwalks that I have done. It is a digital utterance that intends to be a reminder to the first forms of excluded female vocal expressions. I am using this material in my podcasts by mixing and overlayering them and creating a form of narrative with my own voice.
\ No newline at end of file
+The player is an audio archive of voices and sounds from the meetings I have co-organised, references from my research, various internet sources, and city sounds with descriptions. It is a digital utterance that intends to be a reminder to the first forms of excluded female vocal expressions. I am using this material in my podcasts by mixing and overlayering them and creating a form of narrative with my own voice.
\ No newline at end of file
