Team:Groningen/DesignTest2
From 2012.igem.org
m |
m |
||
Line 1: | Line 1: | ||
+ | {{HeaderGroningen2012}} | ||
+ | |||
+ | |||
+ | |||
<html> | <html> | ||
<head> | <head> | ||
<style> | <style> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
z1 { | z1 { | ||
font-size:18pt; | font-size:18pt; | ||
Line 207: | Line 11: | ||
color:white; | color:white; | ||
} | } | ||
- | .ctd { | + | div.ctd { |
- | width: | + | width: 220px; |
- | + | ||
text-align: center; | text-align: center; | ||
background: #000; | background: #000; | ||
Line 217: | Line 20: | ||
color: #FFF; | color: #FFF; | ||
} | } | ||
- | .cte { | + | div.cte { |
- | width: | + | width: 280px; |
- | + | ||
text-align: center; | text-align: center; | ||
background: #000; | background: #000; | ||
padding-right:10px; | padding-right:10px; | ||
padding-left:10px; | padding-left:10px; | ||
- | margin: | + | margin: 0 auto; |
background-color: rgba(0,0,0,0.3); | background-color: rgba(0,0,0,0.3); | ||
color: #FFF; | color: #FFF; | ||
} | } | ||
- | + | div.mtd { | |
- | + | width: 100px; | |
- | + | text-align: center; | |
- | color: | + | background: #000; |
+ | background-color: rgba(0,0,0,0.3); | ||
+ | padding: 10px ; | ||
+ | margin-left: 30px; | ||
+ | margin-right: 30px; | ||
+ | margin-top: 0px; | ||
+ | margin-bottom: 0px; | ||
+ | color: #FFF; | ||
} | } | ||
- | + | div.mte { | |
+ | width: 120px; | ||
+ | text-align: center; | ||
+ | background: #000; | ||
+ | padding-right:10px; | ||
+ | padding-left:10px; | ||
+ | margin: 0 auto; | ||
+ | background-color: rgba(0,0,0,0.3); | ||
+ | color: #FFF; | ||
+ | } | ||
+ | z7{ | ||
font-size:12pt; | font-size:12pt; | ||
line-height:14pt; | line-height:14pt; | ||
- | color: | + | color: rgb(255,103,0); |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
p{ | p{ | ||
- | |||
font-size:12pt; | font-size:12pt; | ||
line-height:14pt; | line-height:14pt; | ||
margin-right:150px; | margin-right:150px; | ||
- | color:white; | + | margin-left:150px; |
+ | color: white; | ||
} | } | ||
- | + | a.inlink{ | |
- | font-size:12pt; | + | font-size: 12pt; |
- | + | line-height: 12pt; | |
- | + | color: rgb(255,103,0); | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | a. | + | a.menulink{ |
- | font-size: | + | font-size:12pt; |
+ | line-height:12pt; | ||
+ | color:white; | ||
+ | font-weight: 500; | ||
+ | } | ||
+ | a.menulink:hover{ | ||
+ | font-size:12pt; | ||
+ | line-height:12pt; | ||
color: rgb(255,103,0); | color: rgb(255,103,0); | ||
+ | font-weight: 700; | ||
+ | } | ||
+ | table.projectmenu{ | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | td.menucell{ | ||
+ | |||
+ | } | ||
+ | table.centertable{ | ||
+ | background-color: transparent; | ||
+ | width: 100%; | ||
+ | margin-top: 0; | ||
+ | margin-bottom: 0; | ||
} | } | ||
- | |||
- | |||
- | |||
- | |||
- | |||
</style> | </style> | ||
</head> | </head> | ||
+ | |||
<body> | <body> | ||
<div class="cte"> | <div class="cte"> | ||
<div class="ctd"> | <div class="ctd"> | ||
- | <z1> | + | <z1>Abstract</z1> |
</div> | </div> | ||
</div> | </div> | ||
<br> | <br> | ||
<br> | <br> | ||
- | < | + | <p> |
- | + | Every year, one third of global food production -1.3 billion tons of food- is thrown away, partially due to the “best before” dating system. | |
- | < | + | <z7>iGEM Groningen 2012</z7> seeks to provide an alternative method of assessing edibility: the <z7>Food Warden</z7>. It uses an <z7>engineered strain</z7> |
+ | of <i>Bacillus subtilis</i> to detect and report volatiles in spoiling meat. The introduced <z7>genetic construct</z7> uses a promoter to trigger | ||
+ | a pigment coding gene. This promoter, <z7>identified by microarray analysis</z7>, is significantly up-regulated in the presence of | ||
+ | <z7>volatiles from spoiling meat</z7>. The activity of the <z7>promoter</z7> regulates the expression of the <z7>pigment reporter</z7> and will | ||
+ | be visible to the naked eye. For safe usage of the system, spores of our engineered strain are placed into one half of a semi-permeable | ||
+ | <z7>capsule</z7>, the second containing a calibrated amount of nutrients. Breaking the barrier between the two compartments allows | ||
+ | <z7>germination and growth</z7>, thereby activating the <z7>spoiling meat sensor</z7>. | ||
<br> | <br> | ||
- | |||
<br> | <br> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
</p> | </p> | ||
+ | |||
+ | <table class="centertable"> | ||
+ | <tr> | ||
+ | <td align="center"> | ||
+ | <table class="projectmenu"> | ||
+ | <tr> | ||
+ | <td class="menucell"> | ||
+ | <div class="mte"> | ||
+ | <div class="mtd"> | ||
+ | <a class="menulink" href="page1">sticker</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </td> | ||
+ | <td class="menucell"> | ||
+ | <div class="mte"> | ||
+ | <div class="mtd"> | ||
+ | <a class="menulink" href="page2">sensor</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td class="menucell"> | ||
+ | <div class="mte"> | ||
+ | <div class="mtd"> | ||
+ | <a class="menulink" href="page3">volatiles</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </td> | ||
+ | <td class="menucell"> | ||
+ | <div class="mte"> | ||
+ | <div class="mtd"> | ||
+ | <a class="menulink" href="page4">pigment</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </td> | ||
+ | </tr> | ||
+ | </table> | ||
+ | </td> | ||
+ | </tr> | ||
+ | <tr> | ||
+ | <td align="center"> | ||
+ | <table class="projectmenu"> | ||
+ | <tr> | ||
+ | <td class="menucell"> | ||
+ | <div class="mte"> | ||
+ | <div class="mtd"> | ||
+ | <a class="menulink" href="page7">construct</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </td> | ||
+ | </tr> | ||
+ | </table> | ||
+ | </td> | ||
+ | </tr> | ||
+ | </table> | ||
<br> | <br> | ||
+ | <br> | ||
<br> | <br> | ||
- | <br> | + | <br> |
</body> | </body> | ||
- | <div style="position:absolute; left: | + | |
- | + | <div style="position:absolute; left: 80px; top: 500px;opacity:0.4; filter:alpha(opacity=40);z-index:-1;"> | |
+ | <img src="https://static.igem.org/mediawiki/2012/b/b6/Groningen2012_AD_20120802_BigCog.png" width="150" height="150"> | ||
</div> | </div> | ||
- | <div style="position:absolute; left: | + | <div style="position:absolute; left: 100px; top: 510px;"> |
- | + | <img src="https://static.igem.org/mediawiki/2012/c/c2/Groningen2012_RR_20120909_rotting.png" width="100" height="100"> | |
</div> | </div> | ||
- | <div style="position:absolute; | + | <div style="position:absolute; right: 80px; top: 500px;opacity:0.4; filter:alpha(opacity=40); z-index:-1;"> |
- | + | <img src="https://static.igem.org/mediawiki/2012/b/b6/Groningen2012_AD_20120802_BigCog.png" width="150" height="150"> | |
</div> | </div> | ||
- | <div style="position:absolute; | + | <div style="position:absolute; right: 110px; top: 525px;"> |
- | + | <img src="https://static.igem.org/mediawiki/2012/e/e7/Groningen2012_RR20120909_capsule.png" width="100" height="100"> | |
</div> | </div> | ||
- | <div style="position:absolute; left: | + | <div style="position:absolute; left: 0px; top: 300px;opacity:0.4; filter:alpha(opacity=40); z-index:-1;"> |
- | + | <img src="https://static.igem.org/mediawiki/2012/b/b6/Groningen2012_AD_20120802_BigCog.png" width="150" height="150"> | |
+ | </div> | ||
+ | <div style="position:absolute; right: 20px; top: 320px;"> | ||
+ | <img src="https://static.igem.org/mediawiki/2012/2/29/Groningen2012_RR20120909_badmeat.png" width="100" height="100"> | ||
+ | </div> | ||
+ | <div style="position:absolute; right: 0px; top: 300px;opacity:0.4; filter:alpha(opacity=40); z-index:-1;"> | ||
+ | <img src="https://static.igem.org/mediawiki/2012/b/b6/Groningen2012_AD_20120802_BigCog.png" width="150" height="150"> | ||
+ | </div> | ||
+ | <div style="position:absolute; left: 20px; top: 330px;"> | ||
+ | <img src="https://static.igem.org/mediawiki/2012/1/15/Groningen2012_RR20120909_construct.png" width="100" height="100"> | ||
</div> | </div> | ||
</html> | </html> | ||
+ | |||
{{Template:SponsorsGroningen2012}} | {{Template:SponsorsGroningen2012}} |
Revision as of 21:17, 26 September 2012
Every year, one third of global food production -1.3 billion tons of food- is thrown away, partially due to the “best before” dating system.
|
||||
|