some last changes

master
Angeliki 5 years ago
parent 1fd71113b8
commit 2548d707d7

@ -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-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-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> <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>Video recordings of the actions</li>
<li>Handwritten score of vowels</li> <li>Handwritten score of vowels</li>
</ul> </ul>
<li>Date: 30/5/2019</li> <li>Date: 6/6/2019</li>
<li>Location: Leeszaal, Rotterdam</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> <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> </div>
@ -572,12 +574,12 @@ piles()
// piles are workshops // piles are workshops
function piles(){ function piles(){
var pileM_position=[1300,700] var pileM_position=[1550,700]
$(".pileM").each(function(i){ $(".pileM").each(function(i){
$(this).css({"top":i*60+pileM_position[1],"left":i*20+pileM_position[0]}) $(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){ $(".pile0").each(function(i){
$(this).css({"top":pile0_position[1],"left":i*80+pile0_position[0]}) $(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]}) $(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){ $(".pile2").each(function(i){
$(this).css({"top":i*distance+pile2_position[1],"left":i*distance+pile2_position[0]}) $(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]}) $(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){ $(".pile4").each(function(i){
$(this).css({"top":i*distance+pile4_position[1],"left":i*distance+pile4_position[0]}) $(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]}) $(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){ $(".pile6").each(function(i){
$(this).css({"top":i*distance+pile6_position[1],"left":i*distance+pile6_position[0]}) $(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){ $(".pile7").each(function(i){
$(this).css({"top":i*distance+pile7_position[1],"left":i*distance+pile7_position[0]}) $(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]}) $(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){ $(".pile9").each(function(i){
$(this).css({"top":i*distance+pile9_position[1],"left":i*distance+pile9_position[0]}) $(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){ $(".pile10").each(function(i){
$(this).css({"top":i*distance+pile10_position[1],"left":i*distance+pile10_position[0]}) $(this).css({"top":i*distance+pile10_position[1],"left":i*distance+pile10_position[0]})
}) })

@ -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> <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> <p>warming up @Fine Arts 29/3</p>
</div> </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>
<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 --> <!-- draggable youtube links and other -->
<!-- sources --> <!-- sources -->
@ -553,7 +641,7 @@ document.querySelectorAll( '.ciclegraph' ).forEach( ( ciclegraph )=>{
let circle = circles[i] let circle = circles[i]
angle += dangle angle += dangle
let cx=ciclegraph.clientWidth / 2, let cx=ciclegraph.clientWidth / 2,
cy=300, cy=400,
r=(ciclegraph.clientWidth / 2), r=(ciclegraph.clientWidth / 2),
x=(Math.cos(degrees_to_radians(angle))*r)+cx, x=(Math.cos(degrees_to_radians(angle))*r)+cx,
y=(Math.sin(degrees_to_radians(angle))*r)+cy; y=(Math.sin(degrees_to_radians(angle))*r)+cy;

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

Loading…
Cancel
Save