some last changes

amplification.php

@@ -120,6 +120,8 @@
 
 <div id="img" class="draggable ui-draggable-handle group_photos pile6"><a href="images/meeting-20190606-leeszaal-4.jpg" target="_blank"><img src="images/meeting-20190606-leeszaal-4.jpg" width="100%"></img></a></div>
 
+<div id="img" class="draggable ui-draggable-handle group_photos pile6"><a href="images/meeting-20190606-leeszaal-5.jpg" target="_blank"><img src="images/meeting-20190606-leeszaal-5.jpg" width="100%"></img></a></div>
+
 <div id="img" class="draggable ui-draggable-handle group_photos pile6"><a href="images/meeting-20190606-leeszaal-2.jpg" target="_blank"><img src="images/meeting-20190606-leeszaal-2.jpg" width="100%"></img></a></div>
 
 <div id="img" class="draggable ui-draggable-handle group_photos pile6"><a href="images/meeting-20190606-leeszaal-3.jpg" target="_blank"><img src="images/meeting-20190606-leeszaal-3.jpg" width="100%"></img></a></div>
@@ -400,7 +402,7 @@
       <li>Video recordings of the actions</li>
       <li>Handwritten score of vowels</li>
     </ul>
-  <li>Date: 30/5/2019</li>
+  <li>Date: 6/6/2019</li>
   <li>Location: 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>
@@ -572,12 +574,12 @@ piles()
 // piles are workshops
 function piles(){
 
-  var pileM_position=[1300,700]
+  var pileM_position=[1550,700]
     $(".pileM").each(function(i){
         $(this).css({"top":i*60+pileM_position[1],"left":i*20+pileM_position[0]})
     })
 
-    var pile0_position=[30,3100]
+    var pile0_position=[30,3300]
     $(".pile0").each(function(i){
         $(this).css({"top":pile0_position[1],"left":i*80+pile0_position[0]})
     })
@@ -587,7 +589,7 @@ function piles(){
         $(this).css({"top":i*distance+pile1_position[1],"left":i*distance+pile1_position[0]})
     })
 
-    var pile2_position=[600,100]
+    var pile2_position=[800,100]
     $(".pile2").each(function(i){
         $(this).css({"top":i*distance+pile2_position[1],"left":i*distance+pile2_position[0]})
     })
@@ -597,7 +599,7 @@ function piles(){
         $(this).css({"top":i*distance+pile3_position[1],"left":i*distance+pile3_position[0]})
     })
 
-    var pile4_position=[700,750]
+    var pile4_position=[800,750]
     $(".pile4").each(function(i){
         $(this).css({"top":i*distance+pile4_position[1],"left":i*distance+pile4_position[0]})
     })
@@ -608,12 +610,12 @@ function piles(){
         $(this).css({"top":i*distance+pile5_position[1],"left":i*distance+pile5_position[0]})
     })
 
-    var pile6_position=[700,1540]
+    var pile6_position=[800,1600]
     $(".pile6").each(function(i){
         $(this).css({"top":i*distance+pile6_position[1],"left":i*distance+pile6_position[0]})
     })
 
-    var pile7_position=[1400,1300]
+    var pile7_position=[1500,1300]
     $(".pile7").each(function(i){
         $(this).css({"top":i*distance+pile7_position[1],"left":i*distance+pile7_position[0]})
     })
@@ -623,12 +625,12 @@ function piles(){
         $(this).css({"top":i*distance+pile8_position[1],"left":i*distance+pile8_position[0]})
     })
 
-    var pile9_position=[600,2200]
+    var pile9_position=[700,2350]
     $(".pile9").each(function(i){
         $(this).css({"top":i*distance+pile9_position[1],"left":i*distance+pile9_position[0]})
     })
 
-    var pile10_position=[1300,2000]
+    var pile10_position=[1450,2100]
     $(".pile10").each(function(i){
         $(this).css({"top":i*distance+pile10_position[1],"left":i*distance+pile10_position[0]})
     })

player.php

@@ -208,9 +208,97 @@
   <a href="images/meeting-20190329-finearts-4.JPG" target="_blank"><img src="images/meeting-20190329-finearts-4.JPG"  style="width:100%" /></a>
         <p>warming up @Fine Arts 29/3</p>
   </div>
+
+
+  <div class="draggable-circle circle">
+        <audio controls src="audio/nexttoleeszaal-discussion-3-20190606.mp3" class="audio-tag"></audio>
+  <a href="images/meeting-20190606-leeszaal-2.jpg" target="_blank"><img src="images/meeting-20190606-leeszaal-2.jpg"  style="width:100%" /></a>
+        <p>Discussing on low/high voice @Next to Leeszaal 6/6</p>
 </div>
 
- 
+
+  <div class="draggable-circle circle">
+          <audio controls src="audio/nexttoleeszaal-extracts-20190606.mp3" class="audio-tag"></audio>
+    <a href="images/extracts-leeszaal-20190606.jpg" target="_blank"><img src="images/extracts-leeszaal-20190606.jpg"  style="width:100%" /></a>
+          <p>Reading extracts @Next to Leeszaal 6/6</p>
+  </div>
+
+
+  <div class="draggable-circle circle">
+          <audio controls src="audio/nexttoleeszaal-warming-20190606.mp3" class="audio-tag"></audio>
+    <a href="images/meeting-20190606-leeszaal-5.jpg" target="_blank"><img src="images/meeting-20190606-leeszaal-5.jpg"  style="width:100%" /></a>
+          <p>Warming up @Next to Leeszaal 6/6</p>
+  </div>
+
+  <div class="draggable-circle circle">
+          <audio controls src="audio/nexttoleeszaal-discussion-1-20190613.mp3" class="audio-tag"></audio>
+    <a href="images/meeting-20190613-1.jpg" target="_blank"><img src="images/meeting-20190613-1.jpg"  style="width:100%" /></a>
+          <p>Discussing about directness @Next to Leeszaal 13/6</p>
+  </div>
+
+  <div class="draggable-circle circle">
+          <audio controls src="audio/nexttoleeszaal-discussion-2-20190613.mp3" class="audio-tag"></audio>
+    <a href="images/meeting-20190613-2.jpg" target="_blank"><img src="images/meeting-20190613-2.jpg"  style="width:100%" /></a>
+          <p>Discussing about metaphors of voice @Next to Leeszaal 13/6</p>
+  </div>
+
+  <div class="draggable-circle circle">
+          <audio controls src="audio/nexttoleeszaal-play-20190613.mp3" class="audio-tag"></audio>
+    <a href="images/meeting-roles-20190613.jpg" target="_blank"><img src="images/meeting-roles-20190613.jpg"  style="width:100%" /></a>
+          <p>Performing other voices @Next to Leeszaal 13/6</p>
+  </div>
+
+  <div class="draggable-circle circle">
+          <audio controls src="audio/nexttoleeszaal-warming-20190613.mp3" class="audio-tag"></audio>
+    <a href="images/meeting-20190613-2.jpg" target="_blank"><img src="images/meeting-20190613-2.jpg"  style="width:100%" /></a>
+          <p>Warming up @Next to Leeszaal 13/6</p>
+  </div>
+
+  <div class="draggable-circle circle">
+          <audio controls src="audio/nexttoleeszaal-discussion-20190620.mp3" class="audio-tag"></audio>
+    <a href="images/meeting-20190602-1.jpg" target="_blank"><img src="images/meeting-20190602-1.jpg"  style="width:100%" /></a>
+          <p>Discussing about angry voices @Next to Leeszaal 20/6</p>
+  </div>
+
+  <div class="draggable-circle circle">
+          <audio controls src="audio/nexttoleeszaal-extracts-20190620.mp3" class="audio-tag"></audio>
+    <a href="images/extracts-20190620-1.jpg" target="_blank"><img src="images/extracts-20190620-1.jpg"  style="width:100%" /></a>
+          <p>Reading extracts @Next to Leeszaal 20/6</p>
+  </div>
+
+  <div class="draggable-circle circle">
+          <audio controls src="audio/nexttoleeszaal-warming-20190620.mp3" class="audio-tag"></audio>
+    <a href="images/meeting-20190602-2.jpg" target="_blank"><img src="images/meeting-20190602-2.jpg"  style="width:100%" /></a>
+          <p>Warming up @Next to Leeszaal 20/6</p>
+  </div>
+
+  <div class="draggable-circle circle">
+          <audio controls src="audio/leeszaal-angry-20190627-1.mp3" class="audio-tag"></audio>
+    <a href="images/4-angry-sentences-20190627.jpg" target="_blank"><img src="images/4-angry-sentences-20190627.jpg"  style="width:100%" /></a>
+          <p>Performing an 'angry' dialogue - 1st Part @Next to Leeszaal 27/6</p>
+  </div>
+
+  <div class="draggable-circle circle">
+          <audio controls src="audio/leeszaal-angry-20190627-2.mp3" class="audio-tag"></audio>
+    <a href="images/meeting-20190627-4.jpg" target="_blank"><img src="images/meeting-20190627-4.jpg"  style="width:100%" /></a>
+          <p>Performing an 'angry' dialogue -2nd part @Next to Leeszaal 27/6</p>
+  </div>
+
+  <div class="draggable-circle circle">
+          <audio controls src="audio/leeszaal-angry-20190704-1.mp3" class="audio-tag"></audio>
+    <a href="images/meeting-20190704-1.jpg" target="_blank"><img src="images/meeting-20190704-1.jpg"  style="width:100%" /></a>
+          <p>Performing an 'angry' dialogue -1st part @Next to Leeszaal 4/7</p>
+  </div>
+
+  <div class="draggable-circle circle">
+          <audio controls src="audio/leeszaal-angry-20190704-2.mp3" class="audio-tag"></audio>
+    <a href="images/3-angry-sentences-20190704.jpg" target="_blank"><img src="images/3-angry-sentences-20190704.jpg"  style="width:100%" /></a>
+          <p>Performing an 'angry' dialogue -2nd part @Next to Leeszaal 4/7</p>
+  </div>
+
+</div>
+
+
 
  <!-- draggable youtube links and other -->
 <!-- sources -->
@@ -553,7 +641,7 @@ document.querySelectorAll( '.ciclegraph' ).forEach( ( ciclegraph )=>{
     let circle = circles[i]
     angle += dangle
     let cx=ciclegraph.clientWidth / 2,
-        cy=300,
+        cy=400,
         r=(ciclegraph.clientWidth / 2),
         x=(Math.cos(degrees_to_radians(angle))*r)+cx,
         y=(Math.sin(degrees_to_radians(angle))*r)+cy;

styles/widescreen.css

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