Skip to content

Commit

Permalink
Updated gems. Added locations for virtual bird tour, and made annotat…
Browse files Browse the repository at this point in the history 
…ion viewer for displaying and responding.

modified:   Gemfile
modified:   Gemfile.lock
modified:   app/assets/templates/tour_experiment.html
modified:   public/experiments/bird_tour.json
  • Loading branch information
Mark Cottman-Fields committed Mar 11, 2013
1 parent 22e10a5 commit 75289ce
Show file tree
Hide file tree
Showing 2 changed files with 369 additions and 11 deletions.
312 changes: 311 additions & 1 deletion app/assets/templates/tour_experiment.html
View file
Original file line number Diff line number Diff line change
@@ -1 +1,311 @@
i'm an experiment i'm an experiment i'm an experiment
<style type="text/css">
div.vbt_annotation
{
height: 299px;
background-color: #7b903c;
border: 1px solid #7a903c;
border-radius: 4px;
-webkit-border-radius: 4px;
-ms-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;

float: left;
margin: 5px;
position: relative;
z-index: 0;
overflow: hidden;
padding: 0;
cursor: default;
width: 300px;
}

div.vbt_annotation div.vbt_image
{
position:relative;
margin:0 auto;
}

div.vbt_annotation div.vbt_image img
{
z-index: 1;
height: 256px;
}

div.vbt_annotation div.vbt_image div.vbt_event_bound
{
opacity: .9;
filter: alpha(opacity=90);
position: absolute;
z-index: 2;
border: 1px solid #51FF00;
}

div.vbt_annotation div.vbt_freqLine
{
position:absolute;
width:100%;
border:0 solid red;
/*border-top:1px solid orange;*/
border-bottom:1px dotted #e8e7e4;
height:15px;
color:#e8e7e4;
background-color:transparent;
text-align:left;
}

div.vbt_annotation div.vbt_freqLines div.vbt_freqLine1 { left:0; top: 217px; }
div.vbt_annotation div.vbt_freqLines div.vbt_freqLine2 { left:0; top: 194px; }
div.vbt_annotation div.vbt_freqLines div.vbt_freqLine3 { left:0; top: 171px; }
div.vbt_annotation div.vbt_freqLines div.vbt_freqLine4 { left:0; top: 147px; }
div.vbt_annotation div.vbt_freqLines div.vbt_freqLine5 { left:0; top: 124px; }
div.vbt_annotation div.vbt_freqLines div.vbt_freqLine6 { left:0; top: 101px; }
div.vbt_annotation div.vbt_freqLines div.vbt_freqLine7 { left:0; top: 78px; }
div.vbt_annotation div.vbt_freqLines div.vbt_freqLine8 { left:0; top: 54px; }
div.vbt_annotation div.vbt_freqLines div.vbt_freqLine9 { left:0; top: 31px; }
div.vbt_annotation div.vbt_freqLines div.vbt_freqLine10 { left:0; top: 8px; }

div.vbt_annotation div.vbt_options
{
margin: 5px 0 0 0;
}

div.vbt_annotation div.vbt_options ul
{
list-style-type: none;
padding: 0;
margin: 0 auto;
width: 241px;
overflow: hidden;

}

div.vbt_annotation div.vbt_options ul li
{
float: left;
padding: 1px 1px;
margin: 3px;
background-color: #f5ffd9;
background: linear-gradient(#f5ffd9, #d4deb8);
background: -webkit-linear-gradient(#f5ffd9, #d4deb8);
background: -ms-linear-gradient(#f5ffd9, #d4deb8);
background: -moz-linear-gradient(#f5ffd9, #d4deb8);
background: -o-linear-gradient(#f5ffd9, #d4deb8);
border: 1px solid #adc7a5;
font-size: 11pt;

border-style: solid;
border-width: 1px;
border-radius: 4px;
-webkit-border-radius: 4px;
-ms-border-radius: 4px;
-moz-border-radius: 4px;
-o-border-radius: 4px;
}

div.vbt_annotation div.vbt_options ul li:hover
{
box-shadow: 0px 0px 8px #adc7a5;
-webkit-box-shadow: 0px 0px 8px #adc7a5;
-ms-box-shadow: 0px 0px 8px #adc7a5;
-moz-box-shadow: 0px 0px 8px #adc7a5;
-o-box-shadow: 0px 0px 8px #adc7a5;
border: 1px solid #adc7a5;
}

div.vbt_annotation div.vbt_options ul li > div.vbt_annotation div.vbt_options ul li input:checked
{
background-color: #adc7a5;
border: 1px solid #f5ffd9;
}
</style>

<div class="vbt_annotation" style="max-width: 300px; min-width: 241px;"
audiomp3="http://sensor.mquter.qut.edu.au/sensors/ByID/b03685fe-6ad5-4776-90b7-e2c271dad3fb.mp3?start=26421436&end=26425080"
audioogg="http://sensor.mquter.qut.edu.au/sensors/ByID/b03685fe-6ad5-4776-90b7-e2c271dad3fb.ogg?start=26421436&end=26425080"
directhref="http://sensor.mquter.qut.edu.au/UI/AudioReading/AudioReadingData.aspx?AudioReadingIds=b03685fe-6ad5-4776-90b7-e2c271dad3fb&subitemtoload=26280000&jumptotimeoffsetms=141880">
<div class="vbt_image" style="width:164px;" title="Tag: Australasian Figbird4 --
Start: 2010 Oct 14 07:20:21 --
Duration: 2 sec 2 ms excl. padding. --
Frequency: 1034 - 7838 --
Sensor: NEJB_NE465">
<img src="http://sensor.mquter.qut.edu.au/Spectrogram.ashx?height=256&ppms=0.045&ID=b03685fe-6ad5-4776-90b7-e2c271dad3fb&start=26421436&end=26425080"
alt="spectrogram" style="width: 164px;">
<div class="vbt_event_bound" style="top: 74px; left: 20px; width: 124px; height: 158px;"></div>
</div>
<div class="vbt_freqLines">
<div class="vbt_freqLine vbt_freqLine10">10</div>
<div class="vbt_freqLine vbt_freqLine9">9</div>
<div class="vbt_freqLine vbt_freqLine8">8</div>
<div class="vbt_freqLine vbt_freqLine7">7</div>
<div class="vbt_freqLine vbt_freqLine6">6</div>
<div class="vbt_freqLine vbt_freqLine5">5</div>
<div class="vbt_freqLine vbt_freqLine4">4</div>
<div class="vbt_freqLine vbt_freqLine3">3</div>
<div class="vbt_freqLine vbt_freqLine2">2</div>
<div class="vbt_freqLine vbt_freqLine1">1</div>
</div>
<div class="vbt_options">

<ul>
<li><input id="annotation_t45017_yes" type="radio" name="vbt_annotation_response_t45017" class="vbt_response_yes"
title="This annotation is the species I'm looking for"><label for="annotation_t45017_yes">&#x2714; Yes</label></li>
<li><input id="annotation_t45017_no" type="radio" name="vbt_annotation_response_t45017" class="vbt_response_no"
title="This annotation is not the species I'm looking for"><label for="annotation_t45017_no">&#x2718; No</label></li>
<li><input id="annotation_t45017_unsure" type="radio" name="vbt_annotation_response_t45017" class="vbt_response_unsure"
title="I'm not sure if this annotation is the species I'm looking for"><label for="annotation_t45017_unsure"><span style="font-weight:bold;">?</span> Unsure</label></li>
</ul>
</div>
</div>

<div class="vbt_annotation" style="max-width: 300px; min-width: 241px;"
audiomp3="http://sensor.mquter.qut.edu.au/sensors/ByID/b03685fe-6ad5-4776-90b7-e2c271dad3fb.mp3?start=26421436&end=26425080"
audioogg="http://sensor.mquter.qut.edu.au/sensors/ByID/b03685fe-6ad5-4776-90b7-e2c271dad3fb.ogg?start=26421436&end=26425080"
directhref="http://sensor.mquter.qut.edu.au/UI/AudioReading/AudioReadingData.aspx?AudioReadingIds=b03685fe-6ad5-4776-90b7-e2c271dad3fb&subitemtoload=26280000&jumptotimeoffsetms=141880">
<div class="vbt_image" style="width:164px;" title="Tag: Australasian Figbird4 --
Start: 2010 Oct 14 07:20:21 --
Duration: 2 sec 2 ms excl. padding. --
Frequency: 1034 - 7838 --
Sensor: NEJB_NE465">
<img src="http://sensor.mquter.qut.edu.au/Spectrogram.ashx?height=256&ppms=0.045&ID=b03685fe-6ad5-4776-90b7-e2c271dad3fb&start=26421436&end=26425080"
alt="spectrogram" style="width: 164px;">
<div class="vbt_event_bound" style="top: 74px; left: 20px; width: 124px; height: 158px;"></div>
</div>
<div class="vbt_freqLines">
<div class="vbt_freqLine vbt_freqLine10">10</div>
<div class="vbt_freqLine vbt_freqLine9">9</div>
<div class="vbt_freqLine vbt_freqLine8">8</div>
<div class="vbt_freqLine vbt_freqLine7">7</div>
<div class="vbt_freqLine vbt_freqLine6">6</div>
<div class="vbt_freqLine vbt_freqLine5">5</div>
<div class="vbt_freqLine vbt_freqLine4">4</div>
<div class="vbt_freqLine vbt_freqLine3">3</div>
<div class="vbt_freqLine vbt_freqLine2">2</div>
<div class="vbt_freqLine vbt_freqLine1">1</div>
</div>
<div class="vbt_options">

<ul>
<li><input id="annotation_t45017_yes" type="radio" name="vbt_annotation_response_t45017" class="vbt_response_yes"
title="This annotation is the species I'm looking for"><label for="annotation_t45017_yes">&#x2714; Yes</label></li>
<li><input id="annotation_t45017_no" type="radio" name="vbt_annotation_response_t45017" class="vbt_response_no"
title="This annotation is not the species I'm looking for"><label for="annotation_t45017_no">&#x2718; No</label></li>
<li><input id="annotation_t45017_unsure" type="radio" name="vbt_annotation_response_t45017" class="vbt_response_unsure"
title="I'm not sure if this annotation is the species I'm looking for"><label for="annotation_t45017_unsure"><span style="font-weight:bold;">?</span> Unsure</label></li>
</ul>
</div>
</div>

<div class="vbt_annotation" style="max-width: 300px; min-width: 241px;"
audiomp3="http://sensor.mquter.qut.edu.au/sensors/ByID/b03685fe-6ad5-4776-90b7-e2c271dad3fb.mp3?start=26421436&end=26425080"
audioogg="http://sensor.mquter.qut.edu.au/sensors/ByID/b03685fe-6ad5-4776-90b7-e2c271dad3fb.ogg?start=26421436&end=26425080"
directhref="http://sensor.mquter.qut.edu.au/UI/AudioReading/AudioReadingData.aspx?AudioReadingIds=b03685fe-6ad5-4776-90b7-e2c271dad3fb&subitemtoload=26280000&jumptotimeoffsetms=141880">
<div class="vbt_image" style="width:164px;" title="Tag: Australasian Figbird4 --
Start: 2010 Oct 14 07:20:21 --
Duration: 2 sec 2 ms excl. padding. --
Frequency: 1034 - 7838 --
Sensor: NEJB_NE465">
<img src="http://sensor.mquter.qut.edu.au/Spectrogram.ashx?height=256&ppms=0.045&ID=b03685fe-6ad5-4776-90b7-e2c271dad3fb&start=26421436&end=26425080"
alt="spectrogram" style="width: 164px;">
<div class="vbt_event_bound" style="top: 74px; left: 20px; width: 124px; height: 158px;"></div>
</div>
<div class="vbt_freqLines">
<div class="vbt_freqLine vbt_freqLine10">10</div>
<div class="vbt_freqLine vbt_freqLine9">9</div>
<div class="vbt_freqLine vbt_freqLine8">8</div>
<div class="vbt_freqLine vbt_freqLine7">7</div>
<div class="vbt_freqLine vbt_freqLine6">6</div>
<div class="vbt_freqLine vbt_freqLine5">5</div>
<div class="vbt_freqLine vbt_freqLine4">4</div>
<div class="vbt_freqLine vbt_freqLine3">3</div>
<div class="vbt_freqLine vbt_freqLine2">2</div>
<div class="vbt_freqLine vbt_freqLine1">1</div>
</div>
<div class="vbt_options">

<ul>
<li><input id="annotation_t45017_yes" type="radio" name="vbt_annotation_response_t45017" class="vbt_response_yes"
title="This annotation is the species I'm looking for"><label for="annotation_t45017_yes">&#x2714; Yes</label></li>
<li><input id="annotation_t45017_no" type="radio" name="vbt_annotation_response_t45017" class="vbt_response_no"
title="This annotation is not the species I'm looking for"><label for="annotation_t45017_no">&#x2718; No</label></li>
<li><input id="annotation_t45017_unsure" type="radio" name="vbt_annotation_response_t45017" class="vbt_response_unsure"
title="I'm not sure if this annotation is the species I'm looking for"><label for="annotation_t45017_unsure"><span style="font-weight:bold;">?</span> Unsure</label></li>
</ul>
</div>
</div>

<div class="vbt_annotation" style="max-width: 300px; min-width: 241px;"
audiomp3="http://sensor.mquter.qut.edu.au/sensors/ByID/b03685fe-6ad5-4776-90b7-e2c271dad3fb.mp3?start=26421436&end=26425080"
audioogg="http://sensor.mquter.qut.edu.au/sensors/ByID/b03685fe-6ad5-4776-90b7-e2c271dad3fb.ogg?start=26421436&end=26425080"
directhref="http://sensor.mquter.qut.edu.au/UI/AudioReading/AudioReadingData.aspx?AudioReadingIds=b03685fe-6ad5-4776-90b7-e2c271dad3fb&subitemtoload=26280000&jumptotimeoffsetms=141880">
<div class="vbt_image" style="width:164px;" title="Tag: Australasian Figbird4 --
Start: 2010 Oct 14 07:20:21 --
Duration: 2 sec 2 ms excl. padding. --
Frequency: 1034 - 7838 --
Sensor: NEJB_NE465">
<img src="http://sensor.mquter.qut.edu.au/Spectrogram.ashx?height=256&ppms=0.045&ID=b03685fe-6ad5-4776-90b7-e2c271dad3fb&start=26421436&end=26425080"
alt="spectrogram" style="width: 164px;">
<div class="vbt_event_bound" style="top: 74px; left: 20px; width: 124px; height: 158px;"></div>
</div>
<div class="vbt_freqLines">
<div class="vbt_freqLine vbt_freqLine10">10</div>
<div class="vbt_freqLine vbt_freqLine9">9</div>
<div class="vbt_freqLine vbt_freqLine8">8</div>
<div class="vbt_freqLine vbt_freqLine7">7</div>
<div class="vbt_freqLine vbt_freqLine6">6</div>
<div class="vbt_freqLine vbt_freqLine5">5</div>
<div class="vbt_freqLine vbt_freqLine4">4</div>
<div class="vbt_freqLine vbt_freqLine3">3</div>
<div class="vbt_freqLine vbt_freqLine2">2</div>
<div class="vbt_freqLine vbt_freqLine1">1</div>
</div>
<div class="vbt_options">

<ul>
<li><input id="annotation_t45017_yes" type="radio" name="vbt_annotation_response_t45017" class="vbt_response_yes"
title="This annotation is the species I'm looking for"><label for="annotation_t45017_yes">&#x2714; Yes</label></li>
<li><input id="annotation_t45017_no" type="radio" name="vbt_annotation_response_t45017" class="vbt_response_no"
title="This annotation is not the species I'm looking for"><label for="annotation_t45017_no">&#x2718; No</label></li>
<li><input id="annotation_t45017_unsure" type="radio" name="vbt_annotation_response_t45017" class="vbt_response_unsure"
title="I'm not sure if this annotation is the species I'm looking for"><label for="annotation_t45017_unsure"><span style="font-weight:bold;">?</span> Unsure</label></li>
</ul>
</div>
</div>

<div class="vbt_annotation" style="max-width: 300px; min-width: 241px;"
audiomp3="http://sensor.mquter.qut.edu.au/sensors/ByID/b03685fe-6ad5-4776-90b7-e2c271dad3fb.mp3?start=26421436&end=26425080"
audioogg="http://sensor.mquter.qut.edu.au/sensors/ByID/b03685fe-6ad5-4776-90b7-e2c271dad3fb.ogg?start=26421436&end=26425080"
directhref="http://sensor.mquter.qut.edu.au/UI/AudioReading/AudioReadingData.aspx?AudioReadingIds=b03685fe-6ad5-4776-90b7-e2c271dad3fb&subitemtoload=26280000&jumptotimeoffsetms=141880">
<div class="vbt_image" style="width:164px;" title="Tag: Australasian Figbird4 --
Start: 2010 Oct 14 07:20:21 --
Duration: 2 sec 2 ms excl. padding. --
Frequency: 1034 - 7838 --
Sensor: NEJB_NE465">
<img src="http://sensor.mquter.qut.edu.au/Spectrogram.ashx?height=256&ppms=0.045&ID=b03685fe-6ad5-4776-90b7-e2c271dad3fb&start=26421436&end=26425080"
alt="spectrogram" style="width: 164px;">
<div class="vbt_event_bound" style="top: 74px; left: 20px; width: 124px; height: 158px;"></div>
</div>
<div class="vbt_freqLines">
<div class="vbt_freqLine vbt_freqLine10">10</div>
<div class="vbt_freqLine vbt_freqLine9">9</div>
<div class="vbt_freqLine vbt_freqLine8">8</div>
<div class="vbt_freqLine vbt_freqLine7">7</div>
<div class="vbt_freqLine vbt_freqLine6">6</div>
<div class="vbt_freqLine vbt_freqLine5">5</div>
<div class="vbt_freqLine vbt_freqLine4">4</div>
<div class="vbt_freqLine vbt_freqLine3">3</div>
<div class="vbt_freqLine vbt_freqLine2">2</div>
<div class="vbt_freqLine vbt_freqLine1">1</div>
</div>
<div class="vbt_options">

<ul>
<li><input id="annotation_t45017_yes" type="radio" name="vbt_annotation_response_t45017" class="vbt_response_yes"
title="This annotation is the species I'm looking for"><label for="annotation_t45017_yes">&#x2714; Yes</label></li>
<li><input id="annotation_t45017_no" type="radio" name="vbt_annotation_response_t45017" class="vbt_response_no"
title="This annotation is not the species I'm looking for"><label for="annotation_t45017_no">&#x2718; No</label></li>
<li><input id="annotation_t45017_unsure" type="radio" name="vbt_annotation_response_t45017" class="vbt_response_unsure"
title="I'm not sure if this annotation is the species I'm looking for"><label for="annotation_t45017_unsure"><span style="font-weight:bold;">?</span> Unsure</label></li>
</ul>
</div>
</div>
Loading

0 comments on commit 75289ce

Please sign in to comment.