Team:UNITN-Trento/CSS/Home

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
-
#tn-central-container,
 
-
#tn-content-wrap,
 
-
#tn-content {
 
-
    padding-bottom: 0 !important;
 
-
}
 
-
/*PRE-GRID*/
+
<!--NEW PAGE-->
-
.pre-grid {
+
{{:Team:UNITN-Trento/Templates/Default|<html><!--start content-->
-
    width: 960px;
+
-
    margin: 0 auto;
+
-
}
+
-
.pre-grid .sheet {
+
<!-- CSS -->
-
    width: 922px;
+
<link rel="stylesheet" href="https://2013.igem.org/Team:UNITN-Trento/CSS/Home?action=raw&ctype=text/css" />
-
    min-height: 100px;
+
-
    margin-left: 10px;
+
<!-- JS -->
 +
<script type="text/javascript" src="https://2013.igem.org/wiki/index.php?title=Team:UNITN-Trento/JS/Home&action=raw&ctype=text/javascript"></script>
-
    background-color:  rgba(39,48,77,.9);
+
<!-- PAGE -->
-
    background-image: url( https://static.igem.org/mediawiki/2013/f/f6/Tn-2013-boxbg-Onda-Blueberry.png);
+
<span class="news">We advanced to Boston!!!</span>
-
    border: 3px solid white;
+
-
     box-shadow: 2px 2px 4px #323232;
+
<div class="pre-grid">
 +
     <span class="silhouette">
 +
        <img class="photo-1" src="https://static.igem.org/mediawiki/2013/a/a5/Tn-2013-silhouette.png">
 +
        <img style="display: none;" class="photo-2" src="https://static.igem.org/mediawiki/2013/2/21/Tn-2013-silhouette-2.png" />
 +
    </span>
 +
    <div class="sheet">
 +
        <div class="container">
 +
            <p>Hi everybody, UniTN-Trento team is proud to introduce you <i>B. fruity</i>!</p>
 +
           
 +
            <p><i>B. fruity</i> envisions a new environmental friendly way to control fruit ripening by exploiting an engineered, light-regulated strain of <i>B. subtilis</i>. The system works by synthesizing ethylene or methyl salicylate (MeSA) upon photoinduction.</p>
-
    text-align: justify;
+
            <p><b>Ethylene</b> is a plant hormone widely used to ripen fruit. However its synthesis, handling and storage is expensive and dangerous. In contrast, <i>B. fruity</i> produces ethylene from inexpensive material by a metabolic intermediate: 2-oxoglutarate. Our system converts this metabolite to ethylene through the activity of an ethylene forming enzyme (EFE) from <i>Pseudomonas syringae</i>.</p>
-
}
+
-
.pre-grid .sheet .container {
+
            <p><i>B. fruity</i> does not just accelerate ripening, but can also slow the process down, when desired, through the incorporation of a <b>methyl salicylate</b> (MeSA) synthesis pathway. MeSA was previously shown to inhibit the ripening of kiwifruit and tomatoes. The explored MeSA pathway builds upon the 2006 MIT iGEM project “<i>Eau de coli</i>”.</p>
-
    margin: 20px;
+
-
    padding: 15px 25px;
+
-
   
+
-
    background-color: rgba(250,250,250,.7);
+
-
    border-radius: 10px;
+
-
}
+
-
.pre-grid p {
+
            <p>As a proof of concept, we engineered <i>E. coli</i> with the above system plus the YF1/FixJ blue light receptor device.</p>
-
    margin: 0.4em auto;
+
-
    line-height: 1.2em;
+
            <p>We are hopeful that <i>B. fruity</i> will simplify the process of bringing fresh fruit from the field to the consumer.</p>
-
}
+
        </div>
 +
    </div>
 +
</div>
-
.pre-grid .silhouette {
+
<div class="grid">
-
    display: block;
+
<div class="column first">
-
    margin: 0 auto;
+
<div class="cell first">
-
}
+
<a href="https://2013.igem.org/Team:UNITN-Trento/Project/Introduction#tour"></a>
 +
</div>
 +
<div class="cell second">
 +
<a href="https://2013.igem.org/Team:UNITN-Trento/Project/Fruit%20ripening"></a>
 +
</div>
 +
</div>
 +
<div class="column second">
 +
<div class="cell first">
 +
        <span class="tn-title">Achievements</span>
 +
        <img class="plasmid" src="https://static.igem.org/mediawiki/2013/b/b6/Tn-2013-home-ach-Plasmids.png" />
 +
<ul class="plasmid">
 +
<li>Built and submitted 16 New BioBricks;</li>
 +
<li>Successfully characterized 9 BioBricks;</li>
 +
<li>Improved 4 parts;</li>
 +
</ul>
 +
<img class="human" src="https://static.igem.org/mediawiki/2013/f/f9/Tn-2013-home-ach-Human-Practice_150.png" />
 +
<ul class="human">
 +
<li>Hosted a high school student in the lab for the summer;</li>
 +
<li>Asked the opinion of local fruit consumers on our project;</li>
 +
</ul>
 +
<img class="product" src="https://static.igem.org/mediawiki/2013/f/fb/Tn-2013-home-ach-Products.png" />
 +
<ul class="product">
 +
<li>Designed a fruit Vending Machine and a Home Edition <i>B. fruity</i> market product;</li>
 +
</ul>
 +
<img class="fruit" src="https://static.igem.org/mediawiki/2013/3/30/Tn-2013-home-ach-Fruit.png" />
 +
<ul class="fruit">
 +
<li>Ripened 5 bananas, 5 tomatoes, 3 kiwis, 2 plums, 2 apples;</li>
 +
<li>Eaten one banana bread, one plums crumble and one apple strudel. </li>
 +
</ul>
 +
</div>
 +
</div>
 +
<div class="column third">
 +
<div class="cell first">
 +
<a href="https://2013.igem.org/Team:UNITN-Trento/Project/Vending%20Machine"></a>
 +
</div>
 +
<div class="cell second">
 +
<a href="https://2013.igem.org/Team:UNITN-Trento/Extra/Fruit%20Info"></a>
 +
</div>
 +
</div>
 +
</div>
-
/*GRID*/
+
<!--end content--></html>|<html>https://static.igem.org/mediawiki/2013/5/53/Tn-2013-headerbg-Sfondobb.png</html>|<html>https://static.igem.org/mediawiki/2013/d/d2/Tn-2013-headerbg-Sfondobb_or.png</html>}}
-
 
+
-
.grid {
+
-
    width: 960px;
+
-
    margin: 0 auto;
+
-
    padding-bottom: 2em;
+
-
}
+
-
 
+
-
.column {
+
-
    display: inline-block;
+
-
    margin: 0;
+
-
    padding: 0;
+
-
    width: 315px;
+
-
    vertical-align: top;
+
-
}
+
-
 
+
-
.cell {
+
-
    display: inline-block;
+
-
 
+
-
    padding: 0;
+
-
 
+
-
    background-color: white;
+
-
    border: 3px solid white;
+
-
    box-shadow: 2px 2px 4px black;
+
-
   
+
-
    vertical-align: top;
+
-
}
+
-
 
+
-
.column.first .cell.first {
+
-
    background-image: url(https://static.igem.org/mediawiki/2013/6/64/Tn-2013-Box-tour.png);
+
-
 
+
-
    margin: 10px 7px 7px 10px;
+
-
}
+
-
 
+
-
.column.first .cell.second {
+
-
    margin: 7px 7px 10px 10px;
+
-
 
+
-
    background-image: url(https://static.igem.org/mediawiki/2013/9/97/Tn-2013-home-Fruit-ripening.png);
+
-
}
+
-
 
+
-
.column.third .cell.first {
+
-
    margin: 10px 10px 7px 0px;
+
-
   
+
-
    background-image: url(https://static.igem.org/mediawiki/2013/1/1f/Tn-2013-home-Vending-machine.png);
+
-
}
+
-
 
+
-
.column.third .cell.second {
+
-
    margin: 7px 10px 10px 0px;
+
-
 
+
-
    background-image: url(https://static.igem.org/mediawiki/2013/8/8c/Tn-2013-home-Know-your-fruit.jpg);
+
-
}
+
-
 
+
-
.column.first .cell.first,
+
-
.column.first .cell.second,
+
-
.column.third .cell.first,
+
-
.column.third .cell.second {
+
-
    height: 222px;
+
-
    width: 293px;
+
-
    white-space: nowrap;
+
-
}
+
-
 
+
-
.column.first .cell.first:hover,
+
-
.column.first .cell.second:hover,
+
-
.column.third .cell.first:hover,
+
-
.column.third .cell.second:hover {
+
-
    box-shadow: 2px 2px 4px #323232 inset;
+
-
}
+
-
 
+
-
.column.first .cell.first a,
+
-
.column.first .cell.second a,
+
-
.column.third .cell.first a,
+
-
.column.third .cell.second a {
+
-
    display: block;
+
-
 
+
-
    height: 100%;
+
-
    width: 100%;
+
-
}
+
-
 
+
-
.column.second .cell.first {
+
-
    position: relative;
+
-
 
+
-
    margin: 10px 0px;
+
-
    height: 464px;
+
-
    width: 300px;
+
-
   
+
-
    background-color:  rgba(245, 90, 0,.75);
+
-
    background-image: url( https://static.igem.org/mediawiki/2013/b/bf/Tn-2013_Onda-fruitripening.png);
+
-
}
+
-
 
+
-
.column.second .cell.first .tn-title {
+
-
    display: block;
+
-
   
+
-
    color: white;
+
-
    font-family: "Boogaloo", cursive;
+
-
    font-size: 2.5em;
+
-
    text-align: center;
+
-
    text-shadow: 2px 2px 4px #323232;
+
-
}
+
-
 
+
-
.column.second .cell.first ul {
+
-
    display: block;
+
-
   
+
-
    margin: 1em auto;
+
-
    margin-left: 1em;
+
-
    padding: 10px;
+
-
    padding-left: 25px;
+
-
 
+
-
   
+
-
    width: 200px;
+
-
   
+
-
    background-color: rgba(255,255,255,.8);
+
-
    border-radius: 1em;
+
-
   
+
-
    font-size: 0.85em;
+
-
    line-height: 1em;
+
-
    list-style: disc;
+
-
    vertical-align: middle;
+
-
}
+
-
 
+
-
.column.second .cell.first ul li {
+
-
    margin-bottom: 0.3em;
+
-
}
+
-
 
+
-
.column.second .cell.first img {
+
-
    position: absolute;
+
-
   
+
-
    margin: 0.8em;
+
-
    width: 70px;
+
-
}
+
-
 
+
-
.column.second .cell.first img.plasmid {
+
-
    top: 95px;
+
-
    right: -10px;
+
-
   
+
-
    width: 65px;
+
-
}
+
-
 
+
-
.column.second .cell.first img.human {
+
-
    top: 190px;
+
-
    right: -10px;
+
-
   
+
-
    width: 65px;
+
-
}
+
-
 
+
-
.column.second .cell.first img.product {
+
-
    top: 270px;
+
-
    right: -10px;
+
-
   
+
-
    width: 65px;
+
-
}
+
-
 
+
-
.column.second .cell.first img.fruit {
+
-
    top: 380px;
+
-
    right: -10px;
+
-
   
+
-
    width: 65px;
+
-
}
+
-
 
+
-
/*POST-GRID*/
+
-
 
+
-
.post-grid {
+
-
    position: relative;
+
-
    width: 960px;
+
-
    margin: 0 auto;
+
-
}
+
-
 
+
-
.post-grid .sheet {
+
-
    width: 922px;
+
-
    min-height: 100px;
+
-
 
+
-
    margin-top: -2em;
+
-
    margin-left: 10px;
+
-
    margin-bottom: 2em;
+
-
 
+
-
    background-color:  rgba(39,48,77,.9);
+
-
    background-image: url( https://static.igem.org/mediawiki/2013/f/f6/Tn-2013-boxbg-Onda-Blueberry.png);
+
-
    border: 3px solid white;
+
-
 
+
-
    box-shadow: 2px 2px 4px #323232;
+
-
 
+
-
    text-align: justify;
+
-
    z-index: 1;
+
-
}
+
-
 
+
-
 
+
-
.post-grid p {
+
-
    margin: 0.4em auto;
+
-
 
+
-
    line-height: 1.2em;
+
-
}
+
-
 
+
-
.post-grid .txt {
+
-
    display: box;
+
-
    position: absolute;
+
-
    top: -0.5em;
+
-
    left: 0.7em;
+
-
   
+
-
    color: white;
+
-
    font-size: 3em;
+
-
    font-family: "Boogaloo", cursive;
+
-
    text-shadow: 0 0 6px black;
+
-
   
+
-
    z-index: 5;
+
-
}
+

Revision as of 11:59, 24 October 2013


We advanced to Boston!!!

Hi everybody, UniTN-Trento team is proud to introduce you B. fruity!

B. fruity envisions a new environmental friendly way to control fruit ripening by exploiting an engineered, light-regulated strain of B. subtilis. The system works by synthesizing ethylene or methyl salicylate (MeSA) upon photoinduction.

Ethylene is a plant hormone widely used to ripen fruit. However its synthesis, handling and storage is expensive and dangerous. In contrast, B. fruity produces ethylene from inexpensive material by a metabolic intermediate: 2-oxoglutarate. Our system converts this metabolite to ethylene through the activity of an ethylene forming enzyme (EFE) from Pseudomonas syringae.

B. fruity does not just accelerate ripening, but can also slow the process down, when desired, through the incorporation of a methyl salicylate (MeSA) synthesis pathway. MeSA was previously shown to inhibit the ripening of kiwifruit and tomatoes. The explored MeSA pathway builds upon the 2006 MIT iGEM project “Eau de coli”.

As a proof of concept, we engineered E. coli with the above system plus the YF1/FixJ blue light receptor device.

We are hopeful that B. fruity will simplify the process of bringing fresh fruit from the field to the consumer.

Achievements
  • Built and submitted 16 New BioBricks;
  • Successfully characterized 9 BioBricks;
  • Improved 4 parts;
  • Hosted a high school student in the lab for the summer;
  • Asked the opinion of local fruit consumers on our project;
  • Designed a fruit Vending Machine and a Home Edition B. fruity market product;
  • Ripened 5 bananas, 5 tomatoes, 3 kiwis, 2 plums, 2 apples;
  • Eaten one banana bread, one plums crumble and one apple strudel.