|
|
(8 intermediate revisions not shown) |
Line 3: |
Line 3: |
| ==Saffron in a Kan, ''E. coli''== | | ==Saffron in a Kan, ''E. coli''== |
| =The Problem= | | =The Problem= |
- | {{WashUprojectbar}}
| |
- | <br><br>
| |
| <html> | | <html> |
- | <head> | + | <div align = "center"> |
- | <script type="text/javascript"> | + | <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"></div></div> |
- | $(document).ready(function(){
| + | </html> |
- | 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] = "Hover 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>E. coli</i> (FINISH THE ABOUT THE BUG PAGE)";
| + | |
- | 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:#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:174px;
| + | |
- | height:174px;
| + | |
- | position:absolute;
| + | |
- | left:12px;
| + | |
- | top:232px;
| + | |
- | 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;" />
| + | |
- | | + | |
| | | |
| + | <div align ="left"><br> |
| + | {{WashUprojectbarecoli}} |
| <br> | | <br> |
- | <br>
| |
- | <br>
| |
- | <div id="mapmain">
| |
- | <img id="mappic" style="border:1px solid #000000" src="https://static.igem.org/mediawiki/2012/7/76/WashUsaffron_ecoli.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">
| + | <html> |
- | <div id="maptitle">Saffron Background
| + | <div align = "center"> |
- | </div>
| + | <a href="/Team:WashU/DesignEcoli"><img src ="http://aux.iconpedia.net/uploads/1782679686.png" width=82px height=82px></a> |
- | <div id="maptext">Hover to learn about saffron
| + | |
- | </div>
| + | |
- | </div>
| + | |
- | | + | |
- | <p>
| + | |
- | <br>
| + | |
- | | + | |
- | </body> | + | |
| </html> | | </html> |