|
|
<!DOCTYPE html>
|
|
|
|
|
|
|
|
|
<html>
|
|
|
<head>
|
|
|
<link href="styles/widescreen.css" rel="stylesheet" type="text/css">
|
|
|
<!-- <link href="styles/smallscreen.css" rel="stylesheet" type="text/css"> -->
|
|
|
<link href="styles/jquery-ui.css" rel="stylesheet" type="text/css">
|
|
|
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
|
|
|
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
|
|
|
<script src="js/jquery.ui.touch-punch.min.js"></script>
|
|
|
<script src="js/draggable.js"></script>
|
|
|
<script src="js/main.js"></script>
|
|
|
<title>Amplification</title>
|
|
|
</head>
|
|
|
<body>
|
|
|
|
|
|
|
|
|
<form style="font-size: 120%">
|
|
|
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 -->
|
|
|
|
|
|
<!-- div vowels -->
|
|
|
|
|
|
|
|
|
<div id="resize" class="draggable ui-draggable-handle group_vowels pile1"><a href="images/vowels-20190328-leeszaal.jpg"><img src="images/vowels-20190328-leeszaal.jpg" width="100%"></img></a></div>
|
|
|
|
|
|
<div id="img" class="draggable ui-draggable-handle group_vowels pile2"><a href="images/vowels-20190329-finearts.jpg" target="_blank"><img src="images/vowels-20190329-finearts.jpg" width="100%"></img></a></div>
|
|
|
|
|
|
<div id="img" class="draggable ui-draggable-handle group_vowels pile3"><a href="images/vowels-20190508-leeszaal-1.jpg" target="_blank"><img src="images/vowels-20190508-leeszaal-1.jpg" width="100%"></img></a></div>
|
|
|
|
|
|
|
|
|
<div id="img" class="draggable ui-draggable-handle group_vowels pile3"><a href="images/vowels-20190508-leeszaal-2.jpg" target="_blank"><img src="images/vowels-20190508-leeszaal-2.jpg" width="100%"></img></a></div>
|
|
|
|
|
|
|
|
|
<div id="img" class="draggable ui-draggable-handle group_vowels pile3"><a href="images/vowels-20190508-leeszaal-3.jpg" target="_blank"><img src="images/vowels-20190508-leeszaal-3.jpg" width="100%"></img></a></div>
|
|
|
|
|
|
<div id="img" class="draggable ui-draggable-handle group_vowels pile3"><a href="images/vowels-20190508-leeszaal-4.jpg" target="_blank"><img src="images/vowels-20190508-leeszaal-4.jpg" width="100%"></img></a></div>
|
|
|
|
|
|
|
|
|
<div id="img" class="draggable ui-draggable-handle group_vowels pile3"><a href="images/vowels-20190508-leeszaal-5.jpg" target="_blank"><img src="images/vowels-20190508-leeszaal-5.jpg" width="100%"></img></a></div>
|
|
|
|
|
|
|
|
|
<div id="img" class="draggable ui-draggable-handle group_vowels pile4"><a href="images/vowels-20190523-leeszaal-1.jpg" target="_blank"><img src="images/vowels-20190523-leeszaal-1.jpg" width="100%"></img></a></div>
|
|
|
|
|
|
|
|
|
<div id="img" class="draggable ui-draggable-handle group_vowels pile4"><a href="images/vowels-20190523-leeszaal-2.jpg" target="_blank"><img src="images/vowels-20190523-leeszaal-2.jpg" width="100%"></img></a></div>
|
|
|
|
|
|
<div id="img" class="draggable ui-draggable-handle group_vowels pile5"><a href="images/vowels-20190530-leeszaal.jpg" target="_blank"><img src="images/vowels-20190530-leeszaal.jpg" width="100%"></img></a></div>
|
|
|
|
|
|
|
|
|
|
|
|
<!-- div extracts -->
|
|
|
|
|
|
<div class="draggable ui-draggable-handle group_extracts pile0"><a href="images/carson-extract.jpg" target="_blank"><img src="images/carson-extract.jpg" width="550px" /></a></div>
|
|
|
|
|
|
<div class="draggable ui-draggable-handle group_extracts pile0"><a href="images/fresh1.jpg" target="_blank"><img src="images/fresh1.jpg" width="600px" /></a></div>
|
|
|
|
|
|
<div class="draggable ui-draggable-handle group_extracts pile0"><a href="images/fresh2.jpg" target="_blank"><img src="images/fresh2.jpg" width="600px" /></a></div>
|
|
|
|
|
|
<div class="draggable ui-draggable-handle group_extracts pile0"><a href="images/volkskrant-00.jpg" target="_blank"><img src="images/volkskrant-00.jpg" width="600px" /></a></div>
|
|
|
|
|
|
<div class="draggable ui-draggable-handle group_extracts pile0"><a href="images/volkskrant-01.jpg" target="_blank"><img src="images/volkskrant-01.jpg" width="600px" /></a></div>
|
|
|
|
|
|
<div class="draggable ui-draggable-handle group_extracts pile0"><a href="images/volkskrant-02.jpg" target="_blank"><img src="images/volkskrant-02.jpg" width="600px" /></a></div>
|
|
|
|
|
|
<div class="draggable ui-draggable-handle group_extracts pile0"><a href="images/volkskrant-03.jpg" target="_blank"><img src="images/volkskrant-03.jpg" width="600px" /></a></div>
|
|
|
|
|
|
<div class="draggable ui-draggable-handle group_extracts pile0"><a href="images/extracts-leeszaal-20190606.jpg" target="_blank"><img src="images/extracts-leeszaal-20190606.jpg" width="600px" /></a></div>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<!-- div images -->
|
|
|
<div id="img" class="draggable ui-draggable-handle group_photos pile3"><img src="images/meeting-20190508_leeszaal.jpg" width="100%"></img></div>
|
|
|
|
|
|
<div id="img" class="draggable ui-draggable-handle group_photos pile1"><img src="images/meeting-20190328-leeszaal-5.JPG" width="100%"></img></div>
|
|
|
|
|
|
<div id="img" class="draggable ui-draggable-handle group_photos pile2" ><img src="images/meeting-20190329-finearts-2.JPG" width="100%"></img></div>
|
|
|
|
|
|
<div id="img" class="draggable ui-draggable-handle group_photos pile2"><img src="images/meeting-20190329-finearts-1.JPG" width="100%"></img></div>
|
|
|
|
|
|
<div id="img" class="draggable ui-draggable-handle group_photos pile1"><img src="images/meeting-20190328-leeszaal-3.JPG.jpg" width="100%"></img></div>
|
|
|
|
|
|
<div id="img" class="draggable ui-draggable-handle group_photos pile1"><img src="images/meeting-20190328-leeszaal-1.JPG" width="100%"></img></div>
|
|
|
|
|
|
<div id="img" class="draggable ui-draggable-handle group_photos pile1"><img src="images/meeting-20190328-leeszaal-2.JPG" width="100%"></img></div>
|
|
|
|
|
|
<div id="img" class="draggable ui-draggable-handle group_photos pile2"><img class="draggable" style="width: 200px !important" src="http://pzwiki.wdka.nl/mw-mediadesign/images/6/69/Poster_unpacking.png"></img></div>
|
|
|
|
|
|
<div id="img" class="draggable ui-draggable-handle group_photos pile4"><img src="images/meeting-20190523-leeszaal-1.jpg" width="100%"></img></div>
|
|
|
|
|
|
<div id="img" class="draggable ui-draggable-handle group_photos pile4"><img src="images/meeting-20190523-leeszaal-2.jpg" width="100%"></img></div>
|
|
|
|
|
|
<div id="img" class="draggable ui-draggable-handle group_photos pile4"><img src="images/meeting-20190523-leeszaal-3.jpg" width="100%"></img></div>
|
|
|
|
|
|
<div id="img" class="draggable ui-draggable-handle group_photos pile4" ><a href="images/meeting-20190530-leeszaal-1.jpg" target="_blank"><img src="images/meeting-20190530-leeszaal-1.jpg" width="100%"></img></a></div>
|
|
|
|
|
|
<div id="img" class="draggable ui-draggable-handle group_photos pile4"><img src="images/meeting-20190523-leeszaal-4.jpg" width="100%"></img></div>
|
|
|
|
|
|
<div id="img" class="draggable ui-draggable-handle group_photos pile4"><img src="images/meeting-20190523-leeszaal-5.jpg" width="100%"></img></div>
|
|
|
|
|
|
<div id="img" class="draggable ui-draggable-handle group_photos pile5"><a href="images/meeting-20190530-leeszaal-2.jpg" target="_blank"><img src="images/meeting-20190530-leeszaal-2.jpg" width="100%"></img></a></div>
|
|
|
|
|
|
|
|
|
<!-- metadata for each workshop -->
|
|
|
<div class="draggable scaleable-wrapper box_metadata group_metadata pile1">
|
|
|
<h2>Workshop 1</h2>
|
|
|
<li>Actions:</li>
|
|
|
<ul>
|
|
|
<li>Reading <span class="tooltip-wrap">extracts <span class="tooltip-content-right">
|
|
|
1. Ballout, D. (2019) ‘Good Morning, Kafranbel’, This American Life: Wartime Radio.<br />
|
|
|
2. Carson, A. (1996) ‘The Gender of Sound’, in Glass, Irony and God. First Edition edition. New York: New Directions, pp. 119–142.</span></span>in random order
|
|
|
</li>
|
|
|
<li>Discussion on public voice</li>
|
|
|
<li>Transcribing the vowels of each other's sentences</li>
|
|
|
<li>Reading back the vowels</li>
|
|
|
<li>Reading outloud all together the score of vowels</li>
|
|
|
</ul>
|
|
|
<li>Equipment: </li>
|
|
|
<ul>
|
|
|
<li>Printed extracts</li>
|
|
|
<li>Audio recorder</li>
|
|
|
<li>Paper + pens</li>
|
|
|
</ul>
|
|
|
<li>Outcome:</li>
|
|
|
<ul>
|
|
|
<li>Audio recordings of the actions</li>
|
|
|
<li>Handwritten score of vowels</li>
|
|
|
</ul>
|
|
|
<li>Date: 28/3/2019</li>
|
|
|
<li>Location: Leeszaal, Rotterdam</li>
|
|
|
</div>
|
|
|
|
|
|
<div class="draggable scaleable-wrapper box_metadata group_metadata pile2"><h2>Workshop 2</h2>
|
|
|
<li>Actions:</li>
|
|
|
<ul>
|
|
|
<li>Reading <span class="tooltip-wrap">extracts <span class="tooltip-content-right">
|
|
|
1. Ballout, D. (2019) ‘Good Morning, Kafranbel’, This American Life: Wartime Radio.<br />
|
|
|
2. Carson, A. (1996) ‘The Gender of Sound’, in Glass, Irony and God. First Edition edition. New York: New Directions, pp. 119–142.</span></span>in random order
|
|
|
</li>
|
|
|
<li>Discussion on public voice</li>
|
|
|
<li>Transcribing the vowels of each other's sentences</li>
|
|
|
<li>Reading back the vowels</li>
|
|
|
<li>Reading outloud all together the score of vowels</li>
|
|
|
<li>Reading outloud all together the score of vowels in high-pitch</li>
|
|
|
</ul>
|
|
|
<li>Equipment: </li>
|
|
|
<ul>
|
|
|
<li>Printed extracts</li>
|
|
|
<li>Audio recorder</li>
|
|
|
<li>Paper + pens</li>
|
|
|
</ul>
|
|
|
<li>Outcome:</li>
|
|
|
<ul>
|
|
|
<li>Audio recordings of the actions</li>
|
|
|
<li>Handwritten score of vowels</li>
|
|
|
</ul>
|
|
|
<li>Date: 29/3/2019</li>
|
|
|
<li>Location: Fine Arts/KDH, Rotterdam</li>
|
|
|
</div>
|
|
|
|
|
|
<div class="draggable scaleable-wrapper box_metadata group_metadata pile3"><h2>Workshop 3</h2>
|
|
|
<li>Actions:</li>
|
|
|
<ul>
|
|
|
<li>Reading <span class="tooltip-wrap">extracts <span class="tooltip-content-right">
|
|
|
1. Ballout, D. (2019) ‘Good Morning, Kafranbel’, This American Life: Wartime Radio.<br />
|
|
|
2. Carson, A. (1996) ‘The Gender of Sound’, in Glass, Irony and God. First Edition edition. New York: New Directions, pp. 119–142.</span></span>in random order
|
|
|
</li>
|
|
|
<li>Discussion on public voice</li>
|
|
|
<li>Transcribing the vowels of each other's sentences</li>
|
|
|
<li>Reading outloud all together back the vowels for each person</li>
|
|
|
</ul>
|
|
|
<li>Equipment: </li>
|
|
|
<ul>
|
|
|
<li>Printed extracts</li>
|
|
|
<li>Audio recorder</li>
|
|
|
<li>Paper + pens</li>
|
|
|
</ul>
|
|
|
<li>Outcome:</li>
|
|
|
<ul>
|
|
|
<li>Audio recordings of the actions</li>
|
|
|
<li>Handwritten scores of vowels</li>
|
|
|
</ul>
|
|
|
<li>Date: 8/5/2019</li>
|
|
|
<li>Location: Leeszaal, Rotterdam</li>
|
|
|
</div>
|
|
|
|
|
|
<div class="draggable scaleable-wrapper box_metadata group_metadata pile4"><h2>Workshop 4</h2>
|
|
|
<li>Actions:</li>
|
|
|
<ul>
|
|
|
<li>Reading <span class="tooltip-wrap">extracts <span class="tooltip-content-right">
|
|
|
1. Ballout, D. (2019) ‘Good Morning, Kafranbel’, This American Life: Wartime Radio.<br />
|
|
|
2. Carson, A. (1996) ‘The Gender of Sound’, in Glass, Irony and God. First Edition edition. New York: New Directions, pp. 119–142.</span></span>in random order
|
|
|
</li>
|
|
|
<li>Discussion on public voice</li>
|
|
|
<li>Transcribing the vowels of each other's sentences</li>
|
|
|
<li>Reading back the vowels</li>
|
|
|
<li>Reading outloud all together the score of vowels</li>
|
|
|
<li>Speaking about personal experiences</li>
|
|
|
<li>Listen back our <span class="tooltip-wrap">distorted voices<span class="tooltip-content-right">The voices were electronically distorted from female to male (high-pitch to low-pitch) with a bash script<br />
|
|
|
<pre>
|
|
|
#!/bin/bash
|
|
|
today=$(date +%Y%m%d-%H%M);
|
|
|
output=${1:-distort}
|
|
|
arecord -Dpulse -f cd normal_$today.wav
|
|
|
rubberband -t 1.5 -p -5.5 normal_$today.wav ${output}_$today.wav
|
|
|
mkdir -p "normal"
|
|
|
mv -v normal_$today.wav normal/normal_$today.wav;
|
|
|
</pre>
|
|
|
</span></span>
|
|
|
</li>
|
|
|
</ul>
|
|
|
<li>Equipment: </li>
|
|
|
<ul>
|
|
|
<li>Printed extracts</li>
|
|
|
<li>Audio recorder</li>
|
|
|
<li>Paper + pens</li>
|
|
|
<li>Microphone</li>
|
|
|
<li>Small speaker</li>
|
|
|
</ul>
|
|
|
<li>Outcome:</li>
|
|
|
<ul>
|
|
|
<li>Audio recordings of the actions</li>
|
|
|
<li>Videp recordings of the actions</li>
|
|
|
<li>Handwritten score of vowels</li>
|
|
|
</ul>
|
|
|
<li>Date: 23/5/2019</li>
|
|
|
<li>Location: outside of Leeszaal, Rotterdam</li>
|
|
|
</div>
|
|
|
|
|
|
<div class="draggable scaleable-wrapper box_metadata group_metadata pile5"><h2>Workshop 5</h2>
|
|
|
<li>Actions:</li>
|
|
|
<ul>
|
|
|
<li>Reading <span class="tooltip-wrap">extracts <span class="tooltip-content-right">
|
|
|
1. Ballout, D. (2019) ‘Good Morning, Kafranbel’, This American Life: Wartime Radio.<br />
|
|
|
2. Carson, A. (1996) ‘The Gender of Sound’, in Glass, Irony and God. First Edition edition. New York: New Directions, pp. 119–142.</span></span>in random order
|
|
|
</li>
|
|
|
<li>Discussion on public voice</li>
|
|
|
<li>Transcribing the vowels of each other's sentences</li>
|
|
|
<li>Reading back the vowels</li>
|
|
|
<li>Reading outloud all together the score of vowels</li>
|
|
|
<li>Speaking like "men"</li>
|
|
|
<li>Listen back our <span class="tooltip-wrap">distorted voices<span class="tooltip-content-right">The voices were electronically distorted from female to male (high-pitch to low-pitch) with a bash script and vice versa<br />
|
|
|
<pre>
|
|
|
#!/bin/bash
|
|
|
today=$(date +%Y%m%d-%H%M);
|
|
|
output=${1:-distort}
|
|
|
arecord -Dpulse -f cd normal_$today.wav
|
|
|
rubberband -t 1.5 -p -5.5 normal_$today.wav ${output}_$today.wav
|
|
|
mkdir -p "normal"
|
|
|
mv -v normal_$today.wav normal/normal_$today.wav;
|
|
|
</pre><br />
|
|
|
<pre>
|
|
|
#!/bin/bash
|
|
|
today=$(date +%Y%m%d-%H%M)
|
|
|
output=${1:-distort}
|
|
|
arecord -Dpulse -f cd normal_$today.wav
|
|
|
rubberband -t 1.5 -p 3.0 normal_$today.wav ${output}_$today.wav
|
|
|
mkdir -p "storage"
|
|
|
mv -v normal_$today.wav storage/
|
|
|
ffmpeg -i ${output}_$today.wav -vn -ar 44100 -ac 2 -ab 192k -f mp3 ${output}_$today.mp3
|
|
|
mv -v ${output}_$today.wav storage/
|
|
|
</pre>
|
|
|
</span></span>
|
|
|
</li>
|
|
|
</ul>
|
|
|
<li>Equipment: </li>
|
|
|
<ul>
|
|
|
<li>Printed extracts</li>
|
|
|
<li>Audio recorder</li>
|
|
|
<li>Paper + pens</li>
|
|
|
<li>Microphone</li>
|
|
|
<li>Small speaker</li>
|
|
|
<li>Food</li>
|
|
|
</ul>
|
|
|
<li>Outcome:</li>
|
|
|
<ul>
|
|
|
<li>Audio recordings of the actions</li>
|
|
|
<li>Videp recordings of the actions</li>
|
|
|
<li>Handwritten score of vowels</li>
|
|
|
</ul>
|
|
|
<li>Date: 30/5/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>
|
|
|
|
|
|
|
|
|
|
|
|
<!-- draggable menu-->
|
|
|
<div class="draggable scaleable-wrapper active-draggable" style="top:1%; right:0.5%;">
|
|
|
<h2><a class="active" href="amplification.php">Amplification of female voices</a></h2>
|
|
|
<div class="drag-content">
|
|
|
<?php include 'texts/amplification.txt'; ?>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="draggable scaleable-wrapper group_menu pileM">
|
|
|
<h2 ><a href="player.php">Player</a></h2>
|
|
|
<div class="drag-content">
|
|
|
(audio archive)
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="draggable scaleable-wrapper group_menu pileM">
|
|
|
<h2 ><a href="index.php">About</a></h2>
|
|
|
<div class="drag-content">
|
|
|
(main page)
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="draggable scaleable-wrapper group_menu pileM">
|
|
|
<h2 ><a href="podcast4.php">Podcast4</a></h2>
|
|
|
</div>
|
|
|
|
|
|
<div class="draggable scaleable-wrapper group_menu pileM">
|
|
|
<h2 ><a href="podcast1.php">Podcast1</a></h2>
|
|
|
</div>
|
|
|
<div class="draggable scaleable-wrapper group_menu pileM">
|
|
|
<h2 ><a href="podcast2.php">Podcast2</a></h2>
|
|
|
</div>
|
|
|
<div class="draggable scaleable-wrapper group_menu pileM">
|
|
|
<h2 ><a href="podcast3.php">Podcast3</a></h2>
|
|
|
</div>
|
|
|
|
|
|
|
|
|
<div class="draggable scaleable-wrapper group_menu pileM">
|
|
|
<h2 ><a href="thesis-angeliki.php">"Let' s Talk About Unspeakable Things"</a></h2>
|
|
|
<div class="drag-content">
|
|
|
(thesis)
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<div class="draggable scaleable-wrapper group_menu pileM">
|
|
|
<h2 ><a href="diary.php">Diary of West Rotterdam</a></h2>
|
|
|
<div class="drag-content">
|
|
|
(first experiments)
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
<!-- end draggable -->
|
|
|
|
|
|
<!-- reshuffle -->
|
|
|
<script>
|
|
|
var distance=20
|
|
|
piles()
|
|
|
|
|
|
|
|
|
|
|
|
function piles(){
|
|
|
|
|
|
var pileM_position=[1300,700]
|
|
|
$(".pileM").each(function(i){
|
|
|
$(this).css({"top":i*60+pileM_position[1],"left":i*20+pileM_position[0]})
|
|
|
})
|
|
|
|
|
|
var pile0_position=[30,2500]
|
|
|
$(".pile0").each(function(i){
|
|
|
$(this).css({"top":pile0_position[1],"left":i*80+pile0_position[0]})
|
|
|
})
|
|
|
|
|
|
var pile1_position=[30,300]
|
|
|
$(".pile1").each(function(i){
|
|
|
$(this).css({"top":i*distance+pile1_position[1],"left":i*distance+pile1_position[0]})
|
|
|
})
|
|
|
|
|
|
var pile2_position=[100,1400]
|
|
|
$(".pile2").each(function(i){
|
|
|
$(this).css({"top":i*distance+pile2_position[1],"left":i*distance+pile2_position[0]})
|
|
|
})
|
|
|
|
|
|
var pile3_position=[700,750]
|
|
|
$(".pile3").each(function(i){
|
|
|
$(this).css({"top":i*distance+pile3_position[1],"left":i*distance+pile3_position[0]})
|
|
|
})
|
|
|
|
|
|
var pile4_position=[1200,1600]
|
|
|
$(".pile4").each(function(i){
|
|
|
$(this).css({"top":i*distance+pile4_position[1],"left":i*distance+pile4_position[0]})
|
|
|
})
|
|
|
|
|
|
|
|
|
var pile5_position=[800,100]
|
|
|
$(".pile5").each(function(i){
|
|
|
$(this).css({"top":i*distance+pile5_position[1],"left":i*distance+pile5_position[0]})
|
|
|
})
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
function groups(){
|
|
|
|
|
|
var group_vowels_position=[700,100]
|
|
|
$(".group_vowels").each(function(i){
|
|
|
$(this).css({"top":i*distance+group_vowels_position[1],"left":i*distance+group_vowels_position[0]})
|
|
|
})
|
|
|
|
|
|
var group_photos_position=[20,100]
|
|
|
$(".group_photos").each(function(i){
|
|
|
$(this).css({"top":i*distance+group_photos_position[1],"left":i*distance+group_photos_position[0]})
|
|
|
})
|
|
|
|
|
|
var group_extracts_position=[50,1000]
|
|
|
$(".group_extracts").each(function(i){
|
|
|
$(this).css({"top":i*distance+group_extracts_position[1],"left":i*distance+group_extracts_position[0]})
|
|
|
})
|
|
|
|
|
|
var group_metadata_position=[800,1000]
|
|
|
$(".group_metadata").each(function(i){
|
|
|
$(this).css({"top":i*distance+group_metadata_position[1],"left":i*distance+group_metadata_position[0]})
|
|
|
})
|
|
|
|
|
|
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]})
|
|
|
})
|
|
|
|
|
|
}
|
|
|
</script>
|
|
|
|
|
|
|
|
|
</body>
|
|
|
</html>
|