Team:WashU/Saffroninakansynecho

From 2012.igem.org

(Difference between revisions)
 
(85 intermediate revisions not shown)
Line 1: Line 1:
-
{{WashUback}}
+
{{WashUbackSaffron}}
 +
{{WashUprojectbar}}
 +
 
<html>
<html>
-
<head>
+
<div id = "overviewkan">
-
<script type="text/javascript">
+
<h1>Overview</h1>
-
$(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 - Saffron in a Kan: Synechocystis</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>
<p>
-
<br>
+
Our project consisted of three different phases. <br>
-
 
+
Phase 1: Produce zeaxanthin in our two chosen organisms (<i>E. coli</i> and <i>Synechocystis</i>). <br>
-
</body>
+
Phase 2: Overproduce the two genes needed for the conversion of zeaxanthin to crocin and safranal (ZCD and UGTCs2 proteins). <br>
-
</html>
+
Phase 3: Synthesize crocin <i> in vivo </i> and characterize its production <br>
-
 
+
</p>
-
 
+
-
<html>
+
-
<style type="text/css">
+
-
  body {background-color:#8f0222;background-repeat:repeat; }
+
-
  .firstHeading {display: none;}
+
-
  #content {padding-left:1px; padding-right:1px; background-color:#FFEFD5;}
+
-
  #footer-box {background-color:#FFEFD5; border-color:#8b0000;}
+
-
  #bodyContent {background-color: #FFEFD5;}
+
-
 
+
-
  p {color:#000000;}
+
-
  p {font-size:14px;}
+
-
/* Red Border */
+
-
  div#top-section {border-width:1px 1px; border-color:#ffefd5;}
+
-
  div#footer-box {border-width: 1px 1px; border-color:#ffffff;}
+
-
  div#content {border-width:0px; border-color: #FFEFD5}
+
-
</style>  
+
-
 
+
-
<nav>
+
-
<font face = "Palatino Linotype, Book Antiqua">
+
-
    <div class="menu-item3">
+
-
      <h5><a href="#">Overview</a></h5>
+
-
    </div>
+
-
+
-
    <div class="menu-item3">
+
-
      <h5><a href="#">Design</a></h5>
+
-
    </div>
+
-
+
-
<div class="menu-item3">
+
-
      <h5><a href="#">Modeling</a></h5>
+
-
    </div>
+
-
 
+
-
<div class="menu-item3">
+
-
      <h5><a href="/Team:WashU/Parts">Parts</a></h5>
+
-
      <ul>
+
-
        <li><a href="#">Characterization</a></li>
+
-
      </ul>
+
-
    </div>
+
-
 
+
-
<div class="menu-item3">
+
-
      <h5><a href="#">Testing and Results</a></h5>
+
-
    </div>
+
-
 
+
-
 
+
-
<div class="menu-item3">
+
-
      <h5><a href="#">Future Work</a></h5>
+
-
    </div>
+
-
</nav>
+
-
 
+
-
<style type="text/css">
+
-
* {
+
-
  margin: 0px;
+
-
  padding: 0px;
+
-
}
+
-
 
+
-
 
+
-
nav {
+
-
  font-family: Helvetica, Arial, "Lucida Grande", sans-serif;
+
-
  font-size: 14px;
+
-
  float: center;
+
-
  line-height: 1.5;
+
-
  margin: 1px;
+
-
  -webkit-box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
+
-
    -moz-box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
+
-
          box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
+
-
}
+
-
 
+
-
.menu-item3 {
+
-
  background: #fff;
+
-
  width: 150px;
+
-
  float: left;
+
-
}
+
-
 
+
-
/*Menu Header Styles*/
+
-
.menu-item3 h5 {
+
-
  border-bottom: 1px solid rgba(0,0,0,0.3);
+
-
  border-top: 1px solid rgba(255,255,255,0.2);
+
-
  color: #fff;
+
-
  font-size: 15px;
+
-
  font-weight: 500;
+
-
  padding: 7px 12px;
+
-
 
+
-
 
+
-
  /*Gradient*/
+
-
  background: #a90329; /* Old browsers */
+
-
  background: -moz-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%); /* FF3.6+ */
+
-
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a90329), color-stop(44%,#8f0222), color-stop(100%,#6d0019)); /* Chrome,Safari4+ */
+
-
  background: -webkit-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%); /* Chrome10+,Safari5.1+ */
+
-
  background: -o-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%); /* Opera 11.10+ */
+
-
  background: -ms-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%); /* IE10+ */
+
-
  background: linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%); /* W3C */
+
-
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */
+
-
}
+
-
 
+
-
.menu-item3 h5:hover { 
+
-
  background: #cc002c; /* Old browsers */
+
-
  background: -moz-linear-gradient(top,  #cc002c 0%, #6d0019 100%); /* FF3.6+ */
+
-
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cc002c), color-stop(100%,#6d0019)); /* Chrome,Safari4+ */
+
-
  background: -webkit-linear-gradient(top,  #cc002c 0%,#6d0019 100%); /* Chrome10+,Safari5.1+ */
+
-
  background: -o-linear-gradient(top,  #cc002c 0%,#6d0019 100%); /* Opera 11.10+ */
+
-
  background: -ms-linear-gradient(top,  #cc002c 0%,#6d0019 100%); /* IE10+ */
+
-
  background: linear-gradient(top,  #cc002c 0%,#6d0019 100%); /* W3C */
+
-
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc002c', endColorstr='#6d0019',GradientType=0 ); /* IE6-9 */
+
-
 
+
-
}
+
-
 
+
-
.menu-item3 h5 a {
+
-
  color: white;
+
-
  display: block;
+
-
  text-decoration: none;
+
-
  width: 200px;
+
-
  list-style: none;
+
-
}
+
-
 
+
-
/*ul Styles*/
+
-
.menu-item3 ul {
+
-
  background: #fff;
+
-
  font-size: 13px;
+
-
  line-height: 30px;
+
-
  height: 0px;
+
-
  list-style-type: none;
+
-
  overflow: hidden;
+
-
  padding: 0px;
+
-
  display:block;
+
-
  position:absolute;
+
-
 
+
-
  /*Animation*/
+
-
  -webkit-transition: height 1s ease;
+
-
    -moz-transition: height 1s ease;
+
-
      -o-transition: height 1s ease;
+
-
      -ms-transition: height 1s ease;
+
-
          transition: height 1s ease;
+
-
}
+
-
 
+
-
.menu-item3:hover ul {
+
-
  height: 31px;
+
-
  list-style: none;
+
-
}
+
-
 
+
-
.menu-item3 ul a {
+
-
  margin-left: 20px;
+
-
  text-decoration: none;
+
-
  color: #aaa;
+
-
  display: block;
+
-
  width: 160px;
+
-
  float: left;
+
-
 
+
-
}
+
-
 
+
-
/*li Styles*/
+
-
.menu-item3 li {
+
-
  border-bottom: 1px solid #eee;
+
-
  list-style: none;
+
-
}
+
-
 
+
-
.menu-item3 li:hover {
+
-
  background: #eee;
+
-
 
+
-
  list-style: none;
+
-
}
+
-
 
+
-
/*First Item Styles*/
+
-
.alpha p {
+
-
padding: 8px 12px;
+
-
color: #aaa;
+
-
}
+
-
 
+
-
.alpha p a {
+
-
color: #aaa;
+
-
font-style: italic;
+
-
}
+
-
 
+
-
.alpha p a:hover {
+
-
color: #ccc;
+
-
}
+
-
 
+
-
</style>
+
-
</nav>
+
-
</html>
+
-
<html>
+
-
<head>
+
-
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
-
  <style type="text/css">
+
-
 
+
-
    #BackToTop {
+
-
  position:fixed;
+
-
  bottom:0;
+
-
  right:0;
+
-
  }
+
-
 
+
-
  #Sitemap {
+
-
  position:fixed;
+
-
  bottom:0;
+
-
  left:0;
+
-
  }
+
-
 
+
-
  </style>
+
-
  </head>
+
-
 
+
-
</html>
+
-
 
+
-
<html>
+
-
<body>
+
-
 
+
-
<div id="BackToTop">
+
-
<a href="#top">
+
-
<img src="http://aux.iconpedia.net/uploads/11879496962061246695.png" width="48px" />
+
-
</a>
+
</div>
</div>
-
 
+
<div align = "center">
-
<div id="Sitemap">
+
<div class="prezi-player"><style type="text/css" media="screen">.prezi-player { width: 645px; } .prezi-player-links { text-align: center; }</style><object id="prezi_tgbap4h1y2qn" name="prezi_tgbap4h1y2qn" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="645" height="900"><param name="movie" value="http://prezi.com/bin/preziloader.swf"/><param name="allowfullscreen" value="true"/><param name="allowscriptaccess" value="always"/><param name="bgcolor" value="#ffffff"/><param name="flashvars" value="prezi_id=tgbap4h1y2qn&amp;lock_to_path=0&amp;color=ffffff&amp;autoplay=no&amp;autohide_ctrls=0"/><embed id="preziEmbed_tgbap4h1y2qn" name="preziEmbed_tgbap4h1y2qn" src="http://prezi.com/bin/preziloader.swf" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="780" height="600" bgcolor="#ffffff" flashvars="prezi_id=tgbap4h1y2qn&amp;lock_to_path=0&amp;color=ffffff&amp;autoplay=no&amp;autohide_ctrls=0"></embed></object><div class="prezi-player-links"><p><a title="Saffron in a Kan" href="http://prezi.com/tgbap4h1y2qn/saffron-in-a-kan/">Saffron in a Kan</a></p></div></div>
-
<a href="https://2012.igem.org/Team:WashU/Sitemap">
+
-
<img src="http://www.pimicleaning.co.uk/images/pimi-sitemap.png" width="80px" />
+
-
</a>
+
-
</div>
+
-
 
+
-
</body>
+
</html>
</html>
-
<br><br>
 
-
 
-
 
<html>
<html>
-
<body>
+
<div align = "center">
-
<div id="container">
+
<a href="/Team:WashU/Characterization"><img src ="http://aux.iconpedia.net/uploads/1782679686.png" width=82px height=82px></a></div>
-
<div><img id = "background" src="https://lh6.googleusercontent.com/--r4c9843E54/T9ey01BPVII/AAAAAAAAADg/xH3ja9nSNaY/s800/diverging-paths-cropped.jpeg" width=960px></div>
+
-
<div style="position: absolute; left: 560px; top: 490px;">
+
-
<span style="font-weight: bold; font-size:34px;"><a href="#"><font color="#dc0038">BASIC</a></font></span>
+
-
</div>
+
-
</div>
+
-
<div id="container">
+
-
<div style="position: absolute; left: 260px; top: 490px;">
+
-
<span style="font-weight: bold; font-size:34px;"><a href="#"><font color="#dc0038">ADVANCED</a></font></span>
+
-
</div>
+
-
</div>
+
-
</body>
+
</html>
</html>

Latest revision as of 01:29, 15 September 2012




Overview

Our project consisted of three different phases.
Phase 1: Produce zeaxanthin in our two chosen organisms (E. coli and Synechocystis).
Phase 2: Overproduce the two genes needed for the conversion of zeaxanthin to crocin and safranal (ZCD and UGTCs2 proteins).
Phase 3: Synthesize crocin in vivo and characterize its production

Saffron in a Kan

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