|
|
Line 3: |
Line 3: |
| {{WashUprojectbar}}<br><br><br> | | {{WashUprojectbar}}<br><br><br> |
| | | |
- | | + | Please select from the menu bar above to learn about the technical details of our project. For a general overview the description below may be more helpful. |
| <html> | | <html> |
| <div align = "center"> | | <div align = "center"> |
| <div class="prezi-player"><style type="text/css" media="screen">.prezi-player { width: 900px; } .prezi-player-links { text-align: center; }</style><object id="prezi_tgbap4h1y2qn" name="prezi_tgbap4h1y2qn" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="900" 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&lock_to_path=0&color=ffffff&autoplay=no&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="900" height="600" bgcolor="#ffffff" flashvars="prezi_id=tgbap4h1y2qn&lock_to_path=0&color=ffffff&autoplay=no&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> on <a href="http://prezi.com">Prezi</a></p></div></div> | | <div class="prezi-player"><style type="text/css" media="screen">.prezi-player { width: 900px; } .prezi-player-links { text-align: center; }</style><object id="prezi_tgbap4h1y2qn" name="prezi_tgbap4h1y2qn" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="900" 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&lock_to_path=0&color=ffffff&autoplay=no&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="900" height="600" bgcolor="#ffffff" flashvars="prezi_id=tgbap4h1y2qn&lock_to_path=0&color=ffffff&autoplay=no&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> on <a href="http://prezi.com">Prezi</a></p></div></div> |
| | | |
- | </html>
| |
- |
| |
- | Please select from the menu bar above to learn about the technical details of our project. For a general overview the description below may be more helpful.
| |
- | <html>
| |
- | <head>
| |
- | <div align = "left">
| |
- | <script type="text/javascript">
| |
- | $(document).ready(function(){
| |
- | var title = new Array();
| |
- | title[0] = "Saffron Overview";
| |
- | title[1] = "Flower of Crocus sativus";
| |
- | title[2] = "Harvesting saffron";
| |
- | title[3] = "Final product";
| |
- | title[4] = "Synechocystis";
| |
- | title[5] = "Gene construct";
| |
- | var text = new Array();
| |
- | text[0] = "Fly your tiny, pointy hovercraft over the pictures to learn about saffron production and our project";
| |
- | text[1] = "Saffron is a spice derived from the flowers of the saffron crocus, more formally known as <i>Crocus sativus</i>. Each saffron crocus produces up to four flowers, each of which has three stigmas. The saffron spice is the end product of drying those stigmas. The spice harvested from the flowers possesses many uses. Along with being an additive in foods in order to provide both color and taste, saffron also possesses anticarcinogenic and antidepressant properties. Saffron is also used as a fabric dye, (FINISH THE ABOUT THE PLANT)";
| |
- | text[2] = "Saffron is currently the most expensive spice in the world. Around 75,000 flowers of saffron are needed to produce just one pound of the spice. The vast amount of manual labor required to hand-pick the stigmas out of the flowers explains the exorbitant price of the spice. (FINISH THE ABOUT WHY IT IS EXPENSIVE)";
| |
- | text[3] = "Saffron makes an appearance in multiple cultures, and can be seen in European, African, Asian, and Indian cuisines. It is used in the production of cheeses, curries, meat dishes, soups, and liquors, among other products. In past eras, many used saffron extensively in dishes as a sign of wealth. Currently, per pound, saffron costs anywhere from $1600 to $5000. Authentic saffron is usually sold in one-gram or one-ounce packets. (FINISH THE ABOUT SAFFRON'S WEALTH)";
| |
- | text[4] = "<i>Synechocystis</i> is a freshwater cyanobacterium capable of producing carotenoids that are the precursors to the products of saffron that give it the characteristic color and fragrance - namely, safranal, crocin and picrocin. Synechocystis 6803 in particular has had its entire genome sequenced and serves as a model for cyanobacteria, making it a useful chassis for production of these compounds. ";
| |
- | text[5] = "Our team aims to aid three enzymes that are involved in producing color and aroma compounds in saffron to Synechocystis. By homologous recombination into the Syenchocystis genome, we hope that this cyanobacterium will be able to produce these valuable compounds in high yield. The production of these chemicals will provide a less expensive alternative to the natural product.";
| |
- | $("#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:#000000;
| |
- | 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:#000000;
| |
- | z-index:0;}
| |
- | #maptext {
| |
- | width:285px;
| |
- | height:390px;
| |
- | position:relative;
| |
- | left:20px;
| |
- | top:40px;
| |
- | font-family: arial,sans-serif;
| |
- | background-color:#000000;
| |
- | z-index:0;}
| |
- | #empty1 {
| |
- | width:150px;
| |
- | height:192px;
| |
- | position:absolute;
| |
- | left:10px;
| |
- | top:10px;
| |
- | z-index:2;
| |
- | background-image:url('https://static.igem.org/mediawiki/2011/c/cd/ICL_blank.png');
| |
- | }
| |
- | #empty2 {
| |
- | width:145px;
| |
- | height:158px;
| |
- | position:absolute;
| |
- | left:226px;
| |
- | top:10px;
| |
- | z-index:2;
| |
- | background-image:url('https://static.igem.org/mediawiki/2011/c/cd/ICL_blank.png');}
| |
- | #empty3 {
| |
- | width:172px;
| |
- | height:142px;
| |
- | position:absolute;
| |
- | left:394px;
| |
- | top:12px;
| |
- | z-index:2;
| |
- | background-image:url('https://static.igem.org/mediawiki/2011/c/cd/ICL_blank.png');}
| |
- | #empty4 {
| |
- | width:200px;
| |
- | height:200px;
| |
- | position:absolute;
| |
- | left:12px;
| |
- | top:252px;
| |
- | z-index:2;
| |
- | background-image:url('https://static.igem.org/mediawiki/2011/c/cd/ICL_blank.png');
| |
- | }
| |
- | #empty5 {
| |
- | width:180px;
| |
- | height:164px;
| |
- | position:absolute;
| |
- | left:250px;
| |
- | top:256px;
| |
- | 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;" />
| |
- |
| |
- |
| |
- | <br>
| |
- | <br>
| |
- | <br>
| |
- | <div id="mapmain">
| |
- | <img id="mappic" style="border:1px solid #000000" src="https://static.igem.org/mediawiki/2012/3/33/Saffron_production5.pdf.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">Saffron Background
| |
- | </div>
| |
- | <div id="maptext">Fly you tiny, pointy hovercraft over the pictures to learn about saffron production and our project
| |
- | </div>
| |
- | </div>
| |
| | | |
- | <p>
| |
- | <br>
| |
| | | |
- | </body>
| |
| <div align = "right"> | | <div align = "right"> |
- | <a href="/Team:WashU/DesignSynecho"><img src ="http://aux.iconpedia.net/uploads/1782679686.png"></a> | + | <a href="/Team:WashU/DesignSynecho"><img src ="http://aux.iconpedia.net/uploads/1782679686.png"></a></div> |
| </html> | | </html> |