Team:WashU/Saffroninakansynecho

From 2012.igem.org

(Difference between revisions)
Line 1: Line 1:
{{WashUback}}
{{WashUback}}
 +
{{WashUback}}
 +
<html>
 +
<head>
 +
<script type="text/javascript">
 +
$(document).ready(function(){
 +
  var title = new Array();
 +
  title[0] = "Saffron Overview";
 +
  title[1] = "Flower of Crocus sativus";
 +
  title[2] = "harvesting of saffron";
 +
  title[3] = "Final product";
 +
  title[4] = "Synechocystis";
 +
  title[5] = "Gene construct";
 +
  var text = new Array();
 +
  text[0] = "Hover to learn about saffron production";
 +
  text[1] = "about the plant";
 +
  text[2] = "about why its $$$";
 +
  text[3] = "about saffron's use";
 +
  text[4] = "about the bug";
 +
  text[5] = "about our idea";
 +
  $("#empty1").mouseenter(function() {
 +
  $("#box1").show();
 +
  $("#maptitle").empty();
 +
  $("#maptext").empty();
 +
  $("#maptitle").append(title[1]);
 +
  $("#maptext").append(text[1]);
 +
  });
 +
  $("#empty1").mouseleave(function() {
 +
  $("#box1").hide();
 +
  $("#maptitle").empty();
 +
  $("#maptext").empty();
 +
  $("#maptitle").append(title[0]);
 +
  $("#maptext").append(text[0]);
 +
  });
 +
  $("#empty2").mouseenter(function() {
 +
  $("#box2").show();
 +
  $("#maptitle").empty();
 +
  $("#maptext").empty();
 +
  $("#maptitle").append(title[2]);
 +
  $("#maptext").append(text[2]);
 +
  });
 +
  $("#empty2").mouseleave(function() {
 +
  $("#box2").hide();
 +
  $("#maptitle").empty();
 +
  $("#maptext").empty();
 +
  $("#maptitle").append(title[0]);
 +
  $("#maptext").append(text[0]);
 +
  });
 +
  $("#empty3").mouseenter(function() {
 +
  $("#box3").show();
 +
  $("#maptitle").empty();
 +
  $("#maptext").empty();
 +
  $("#maptitle").append(title[3]);
 +
  $("#maptext").append(text[3]);
 +
  });
 +
  $("#empty3").mouseleave(function() {
 +
  $("#box3").hide();
 +
  $("#maptitle").empty();
 +
  $("#maptext").empty();
 +
  $("#maptitle").append(title[0]);
 +
  $("#maptext").append(text[0]);
 +
  });
 +
  $("#empty4").mouseenter(function() {
 +
  $("#box4").show();
 +
  $("#maptitle").empty();
 +
  $("#maptext").empty();
 +
  $("#maptitle").append(title[4]);
 +
  $("#maptext").append(text[4]);
 +
  });
 +
  $("#empty4").mouseleave(function() {
 +
  $("#box4").hide();
 +
  $("#maptitle").empty();
 +
  $("#maptext").empty();
 +
  $("#maptitle").append(title[0]);
 +
  $("#maptext").append(text[0]);
 +
  });
 +
  $("#empty5").mouseenter(function() {
 +
  $("#box5").show();
 +
  $("#maptitle").empty();
 +
  $("#maptext").empty();
 +
  $("#maptitle").append(title[5]);
 +
  $("#maptext").append(text[5]);
 +
  });
 +
  $("#empty5").mouseleave(function() {
 +
  $("#box5").hide();
 +
  $("#maptitle").empty();
 +
  $("#maptext").empty();
 +
  $("#maptitle").append(title[0]);
 +
  $("#maptext").append(text[0]);
 +
  });
 +
});
 +
</script>
 +
<style type="text/css">
 +
#mapmain {
 +
  width:925px;
 +
  position:relative;
 +
  left:20px;
 +
  z-index:0;}
 +
#mappic {
 +
  width:600px;
 +
  height:460px;
 +
  position:relative;
 +
  top:0px;
 +
  z-index:1;}
 +
#mapbox {
 +
  width:325px;
 +
  height:460px;
 +
  position:absolute;
 +
  left:600px;
 +
  top:0px;
 +
  color:#ffffff;
 +
  background-color:#633e29;
 +
  z-index:0;}
 +
#maptitle {
 +
  width:285px;
 +
  position:relative;
 +
  left:20px;
 +
  top:20px;
 +
  font-family: arial,sans-serif;
 +
  font-size:1.5em;
 +
  font-weight:bold;
 +
  background-color:#633e29;
 +
  z-index:0;}
 +
#maptext {
 +
  width:285px;
 +
  height:390px;
 +
  position:relative;
 +
  left:20px;
 +
  top:40px;
 +
  font-family: arial,sans-serif;
 +
  background-color:#633e29;
 +
  z-index:0;}
 +
#empty1 {
 +
  width:120px;
 +
  height:220px;
 +
  position:absolute;
 +
  left:270px;
 +
  top:225px;
 +
  z-index:2;
 +
  background-image:url('https://static.igem.org/mediawiki/2011/c/cd/ICL_blank.png');
 +
}
 +
#empty2 {
 +
  width:50px;
 +
  height:60px;
 +
  position:absolute;
 +
  left:100px;
 +
  top:160px;
 +
  z-index:2;
 +
  background-image:url('https://static.igem.org/mediawiki/2011/c/cd/ICL_blank.png');}
 +
#empty3 {
 +
  width:75px;
 +
  height:35px;
 +
  position:absolute;
 +
  left:409px;
 +
  top:163px;
 +
  z-index:2;
 +
  background-image:url('https://static.igem.org/mediawiki/2011/c/cd/ICL_blank.png');}
 +
#empty4 {
 +
  width:40px;
 +
  height:25px;
 +
  position:absolute;
 +
  left:400px;
 +
  top:205px;
 +
  z-index:2;
 +
  background-image:url('https://static.igem.org/mediawiki/2011/c/cd/ICL_blank.png');
 +
}
 +
#empty5 {
 +
  width:71px;
 +
  height:55px;
 +
  position:absolute;
 +
  left:469px;
 +
  top:283px;
 +
  z-index:2;
 +
  background-image:url('https://static.igem.org/mediawiki/2011/c/cd/ICL_blank.png');
 +
}
 +
 +
</style>
 +
</head>
 +
 +
<body>
 +
<hr style="color:#BDCBBD; height:3px;" />
 +
 +
<h1>Background</h1>
 +
<br>
 +
<div id="mapmain">
 +
  <img id="mappic" style="border:1px solid #633e29" src="https://static.igem.org/mediawiki/2012/4/4b/Saffron_production2.jpg" />
 +
  <div id="box1">
 +
  </div>
 +
  <div id="dot_box1">
 +
  </div>
 +
  <div id="empty1">
 +
  </div>
 +
  <div id="box2">
 +
  </div>
 +
  <div id="dot_box2">
 +
  </div>
 +
  <div id="empty2">
 +
  </div>
 +
  <div id="box3">
 +
  </div>
 +
  <div id="dot_box3">
 +
  </div>
 +
  <div id="empty3">
 +
  </div>
 +
  <div id="box4">
 +
  </div>
 +
  <div id="dot_box4">
 +
  </div>
 +
  <div id="empty4">
 +
  </div>
 +
  <div id="box5">
 +
  </div>
 +
  <div id="dot_box5">
 +
  </div>
 +
  <div id="empty5">
 +
  </div>
 +
 +
  <div id="mapbox">
 +
  <div id="maptitle">Desertification
 +
  </div>
 +
  <div id="maptext">Hover to learn about saffron
 +
  </div>
 +
</div>
 +
 +
<p>
 +
<br>
 +
 +
</body>
 +
</html>
== Saffron in a Kan, ''Synechocystis'' ==
== Saffron in a Kan, ''Synechocystis'' ==

Revision as of 17:28, 13 June 2012



Background


Desertification
Hover to learn about saffron


Saffron in a Kan, Synechocystis




Retrieved from "http://2012.igem.org/Team:WashU/Saffroninakansynecho"