Team:Groningen/DesignTest2

From 2012.igem.org

(Difference between revisions)
m
m
 
(57 intermediate revisions not shown)
Line 1: Line 1:
-
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
+
{{HeaderGroningen2012}}
-
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
+
-
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
+
-
<script type="text/javascript" src="js/prototype.js"></script>
+
-
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
+
-
<script type="text/javascript" src="js/lightbox.js"></script>
+
-
<script type="text/javascript" src="http://jqueryrotate.googlecode.com/svn/trunk/jQueryRotate.js"></script>
+
 +
 +
 +
<html>
<head>
<head>
<style>
<style>
-
div.cogbig{
+
z1 {  
-
position:absolute;
+
font-size:18pt;
-
padding: 0px;
+
line-height:21pt;
-
margin: 0px 0px;
+
color:white;
-
opacity:0.4;
+
-
filter:alpha(opacity=40);
+
-
z-index:-1;
+
}
}
-
+
z2 {  
-
/*Windmill*/
+
font-size:18pt;
-
#arm{
+
line-height:21pt;
-
width:120px;  
+
color:white;
-
height:104px;
+
-
position:absolute;
+
-
z-index:2;
+
}
}
-
#img1{
+
div.ctd {
-
width:120px;
+
width: 90px;
-
height:104px;
+
text-align: center;
-
position:absolute;
+
background: #000;
-
z-index:10;
+
background-color: rgba(0,0,0,0.3);
-
left:-18px;
+
padding: 5px ;
-
top:-32px;
+
margin: 30px auto;
 +
color: #FFF;
 +
}
 +
div.cte {
 +
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;
}
}
-
+
            div.ctd2 {
-
/*Menu*/
+
width: 300px;
-
#navigation {
+
-
margin: 0;
+
-
padding: 0 0em;
+
height: 20px;
height: 20px;
-
list-style: none;
+
text-align: center;
-
display:block;
+
background: #000;
-
font-size:12px;
+
background-color: transparent;
-
color:#fff;
+
background-color: rgba(0,0,0,0.3);
-
z-index:2;
+
padding: 10px ;
 +
margin: 30px auto; 
 +
color: #FFF;
}
}
-
#navigation > li {
+
            div.cte2 {
-
float: left;
+
width: 330px;
-
height: 100%;
+
height: 40px;
-
margin-right: 40px;
+
text-align: center;
-
left:0px;
+
background: #000;
-
padding: 0 0em;
+
padding-right:10px;
 +
padding-left:10px;
 +
background-color: transparent;
 +
background-color: rgba(0,0,0,0.3);
 +
margin: -30px auto;
 +
color: #FFF;
}
}
-
#navigation > li > a {
+
z7{
-
float: left;
+
font-size:13pt;
-
height: 100%;
+
line-height:14pt;
-
color: #00;
+
color: rgb(255,103,0);
-
text-decoration: none;
+
}
 +
p.nomargin{
 +
font-size:12pt;
 +
line-height:14pt;
 +
margin-right: 0px;
 +
margin-left: 0px;
 +
color: white;
 +
}
 +
p.marginleft{
 +
margin-top: 0px;
 +
margin-left:150px;
 +
font-size:13pt;
 +
line-height:15pt;
 +
margin-right:150px;
 +
color:white;
 +
}
 +
p.orange{
 +
margin-top:0px;
 +
margin-left:150px;
 +
font-size:14pt;
 +
line-height:16pt;
 +
margin-right:150px;
 +
color: #FF6700;
font-weight: bold;
font-weight: bold;
-
text-transform: uppercase;
 
}
}
-
#navigation > li > a:hover {
+
p.marginspace{
-
color: Black;
+
font-size:13pt;
-
text-decoration: underline;
+
line-height:15pt;
 +
color:white;
 +
 
 +
margin-top:0px;
 +
margin-bottom:200px;
 +
margin-right:0px;
 +
margin-left:300px;
 +
margin-right:300px;
}
}
-
#navigation > li.sub {
+
p.centered{
-
position: relative;
+
font-size:13pt;
 +
line-height:15pt;
 +
color:white;
 +
 
 +
margin-top:0px;
 +
margin-bottom:0px;
 +
margin-right:300px;
 +
margin-left:300px;
}
}
-
#navigation > li.sub ul {
+
a.inlink{
-
width: 120px;
+
font-size: 12pt;
-
margin: 0;
+
                line-height: 12pt;
-
padding: 0.1em 0;
+
                color: rgb(255,103,0);
-
list-style: none;
+
-
background: #000;
+
-
position: absolute;
+
-
top: -1000em;
+
}
}
-
#navigation > li.sub ul li {
+
a.menulink{  
-
width: 90%;
+
font-size:12pt;
 +
line-height:12pt;
 +
color:white;
 +
font-weight: 500;
}
}
-
#navigation > li.sub ul li a {
+
a.menulink:hover{  
-
height: 100%;
+
font-size:12pt;
-
display: block;
+
line-height:12pt;
-
padding: 0.4em;
+
color: rgb(255,103,0);
-
color: #fff;
+
font-weight: 700;
-
font-weight: bold;
+
-
text-decoration: none;
+
}
}
-
#navigation > li.sub ul li a:hover {
+
a:link {
-
background: #c60;
+
color: #FFFFFF;
-
text-decoration: underline;
+
}
}
-
#navigation > li.sub:hover ul {
+
a:visited {
-
top: 2em;
+
color: #FFFFFF;
}
}
-
 
+
a:hover {
-
#expand
+
color: #FF6700;
-
.expand-down
+
-
{
+
-
font-family: Arial,Helvetica,sans-serif;
+
-
line-height: normal;
+
-
margin-bottom: 30px;
+
-
margin-top: 0px;
+
-
z-index:1;
+
}
}
-
.expand-down * {
+
a:active {
-
margin: 0px;
+
color: #FF6700;
-
padding: 0;
+
-
z-index:1;
+
}
}
-
.expand-down ul {
+
table.projectmenu{
-
padding-top:100px;
+
background-color: transparent;
-
z-index:1;
+
}
}
-
.expand-down ul li {
+
td.menucell{
-
list-style-type:none;
+
-
z-index:1;
+
}
}
-
.expand-down ul li a {
+
table.centertable{
-
text-decoration:none;
+
background-color: transparent;
-
z-index:1;
+
width: 100%;
 +
margin-top: 0;
 +
margin-bottom: 0;
}
}
-
.expand-down ul li a img {
+
td.margincell{
-
width:80px;
+
min-width: 150px;
-
height:82px;
+
max-width: 150px;
-
border:none;
+
vertical-align: bottom;
-
z-index:1;
+
}
}
-
.expand-down ul li a span {
+
div.bigcog{
-
display:none;
+
opacity:0.4;
-
z-index:1;
+
filter:alpha(opacity=40);
 +
z-index: -1;
}
}
-
.expand-down ul li:hover a span {
+
#bigcogtopleft{
-
display:block;
+
position: relative;
-
font-size:14px;
+
left: -10px;
-
text-align:center;
+
-
color:#fff;
+
-
z-index:1;
+
}
}
-
.expand-down ul li:hover a img {
+
#bigcogtopright{
-
width:80px;
+
position: relative;
-
height:82px;
+
left: 10px;
-
z-index:1;
+
}
}
-
.expand-down ul li:hover + li a img {
+
div.cogoverlay{
-
width:80px;
+
z-index: 1;
-
height:82px;
+
-
z-index:1;
+
}
}
-
.expand-down ul li:hover + li + li a img {
+
#cogoverlaytopleft{
-
width:80px;
+
position: relative;
-
height:82px;
+
left: -350px;
-
z-index:1;
+
top: -150px;
}
}
-
 
+
#cogoverlaytopright{
-
/*Body*/
+
position: relative;
-
body
+
left: 355px;
-
{
+
top: -150px;
-
background-attachment:fixed;
+
-
background-image:url(https://static.igem.org/mediawiki/2012/6/66/Groningen2012_AD_20120802_Background.png);
+
-
text-align: justify;
+
-
border: none;
+
}
}
-
#content
+
#cogoverlaybottomleft{
-
{
+
position: relative;
position: relative;
-
top:-5px;
+
top: -25px;
-
width: 1024px;
+
left: 185px;
-
padding: 0px 0px 0px 0px;
+
-
background-color:transparent;
+
-
border: none;
+
}
}
-
#bodyContent
+
#cogoverlaybottomright{
-
{
+
-
width: 1024px;
+
position: relative;
position: relative;
-
padding: 0px 0px 0px 0px;
+
top: -25px;
-
background-color:transparent;
+
left: -135px;
-
border: none;
+
}
}
-
 
-
 
-
/*Suppress iGEM defaults*/
 
-
a[title="Main Page"]{display: none;}
 
-
.firstHeading{display: none;}
 
-
#menubar{display: none;}
 
-
#search-controls{display: none;}
 
-
#contentSub{display: none;}
 
-
#catlinks{display: none;}
 
-
#footer-box{display: none;}
 
</style>
</style>
</head>
</head>
-
+
 
<body>
<body>
-
<div class="expand-down">
+
<div class="cte">
-
<ul id="navigation">
+
<div class="ctd">
-
<li class="sub">
+
<z1>Abstract</z1>
-
<div class="cogbig">
+
</div>
-
<img src="https://static.igem.org/mediawiki/2012/b/b6/Groningen2012_AD_20120802_BigCog.png" width="80" height="80">
+
</div>
 +
<table class="centertable">
 +
<tr>
 +
<td class="margincell" align="right">
 +
<div class="bigcog" id="bigcogtopleft">
 +
<img src="https://static.igem.org/mediawiki/2012/b/b6/Groningen2012_AD_20120802_BigCog.png" width="150px" height="150px">
</div>
</div>
-
<a href="https://2012.igem.org/Team:Groningen" title="Home" rel="nofollow" target="_blank">
+
</td>
-
<img src="https://static.igem.org/mediawiki/2012/6/61/Groningen2012_ID_20120808_Menu_Home.png" alt="Home" title="Home" />
+
<td colspan="4">
-
<span>home</span>
+
<p class="nomargin">
-
</a>
+
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.
-
</li>
+
<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>
-
<li class="sub">
+
of <i>Bacillus subtilis</i> to detect and report volatiles in spoiling meat. The introduced <z7>genetic construct</z7> uses a promoter to trigger
-
<div class="cogbig">
+
a pigment coding gene. This promoter, <z7>identified by microarray analysis</z7>, is significantly upregulated in the presence of
-
<img src="https://static.igem.org/mediawiki/2012/b/b6/Groningen2012_AD_20120802_BigCog.png" width="80" height="80">
+
<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>.
 +
 
 +
</p>
 +
</td>
 +
<td class="margincell" align="left">
 +
<div class="bigcog" id="bigcogtopright">
 +
<img src="https://static.igem.org/mediawiki/2012/b/b6/Groningen2012_AD_20120802_BigCog.png" width="150px" height="150px">
 +
</div>
 +
</td>
 +
</tr>
 +
<tr>
 +
<td class="margincell">
 +
<div class="cogoverlay" id="cogoverlaybottomleft">
 +
<img src="https://static.igem.org/mediawiki/2012/c/c2/Groningen2012_RR_20120909_rotting.png" width="100" height="100">
</div>
</div>
-
<a href="https://2012.igem.org/Team:Groningen/Team" title="Team" rel="nofollow" target="_blank">
+
</td>
-
<img src="https://static.igem.org/mediawiki/2012/f/fc/Groningen2012_ID_20120808_Menu_Team.png" alt="Team" title="Team" width="74" height="72" />
+
<td align="left" >
-
<span>team</span>
+
<div class="bigcog" id="bigcogbottomleft">
-
<ul>
+
<img src="https://static.igem.org/mediawiki/2012/b/b6/Groningen2012_AD_20120802_BigCog.png" width="150px" height="150px">
-
<li><a href="#">about us</a></li>
+
-
<li><a href="#">official team profile</a></li>
+
-
</ul>
+
-
</a>
+
-
</li>
+
-
<li class="sub">
+
-
<div class="cogbig">
+
-
<img src="https://static.igem.org/mediawiki/2012/b/b6/Groningen2012_AD_20120802_BigCog.png" width="80" height="80">
+
</div>
</div>
-
<a href="https://2012.igem.org/Team:Groningen/Project" title="Project" rel="nofollow" target="_blank">
+
</td>
-
<img src="https://static.igem.org/mediawiki/2012/1/19/Groningen2012_ID_20120808_Menu_Project.png" alt="Project" title="Project" />
+
<td align="left" >
-
<span>project</span>
+
<div class="cogoverlay" id="cogoverlaytopleft">
-
<ul>
+
<img src="https://static.igem.org/mediawiki/2012/1/15/Groningen2012_RR20120909_construct.png" width="100px" height="100px">
-
<li><a href="#">description</a></li>
+
-
<li><a href="#">wetwork</a></li>
+
-
<li><a href="#">modeling</a></li>
+
-
<li><a href="#">notebook</a></li>
+
-
<li><a href="#">attributions</a></li>
+
-
</ul>   
+
-
</a>
+
-
</li>
+
-
<li class="sub">
+
-
<div class="cogbig">
+
-
<img src="https://static.igem.org/mediawiki/2012/b/b6/Groningen2012_AD_20120802_BigCog.png" width="80" height="80">
+
</div>
</div>
-
<a href="https://2012.igem.org/Team:Groningen/Parts" title="Parts" rel="nofollow" target="_blank">
+
</td>
-
<img src="https://static.igem.org/mediawiki/2012/0/06/Groningen2012_ID_20120808_Menu_Parts.png" alt="Parts" title="Parts" />
+
<td align="right" >
-
<span>parts</span>
+
<div class="cogoverlay" id="cogoverlaytopright">
-
</a>
+
<img src="https://static.igem.org/mediawiki/2012/2/29/Groningen2012_RR20120909_badmeat.png" width="100px" height="100px">
-
</li>
+
-
<li class="sub">
+
-
<div class="cogbig">
+
-
<img src="https://static.igem.org/mediawiki/2012/b/b6/Groningen2012_AD_20120802_BigCog.png" width="80" height="80">
+
</div>
</div>
-
<a href="https://2012.igem.org/Team:Groningen/Safety" title="Safety" rel="nofollow" target="_blank">
+
</td>
-
<img src="https://static.igem.org/mediawiki/2012/d/d4/Groningen2012_ID_20120808_Menu_Safety.png" alt="Safety" title="Safety" />
+
<td align="right">
-
<span>safety</span>
+
<div class="bigcog" id="bigcogbottomright">
-
</a>
+
<img src="https://static.igem.org/mediawiki/2012/b/b6/Groningen2012_AD_20120802_BigCog.png" width="150px" height="150px">
-
</li>
+
</div>
-
<li class="sub">
+
</td>
-
<div class="cogbig">
+
<td class="margincell">
-
<img src="https://static.igem.org/mediawiki/2012/b/b6/Groningen2012_AD_20120802_BigCog.png" width="80" height="80">
+
<div class="cogoverlay" id="cogoverlaybottomright">
-
</div>
+
<img src="https://static.igem.org/mediawiki/2012/e/e7/Groningen2012_RR20120909_capsule.png" width="100px" height="100px">
-
<a href="https://2012.igem.org/Team:Groningen/PublicRelations" title="Public Relation" rel="nofollow" target="_blank">
+
</div>
-
<img src="https://static.igem.org/mediawiki/2012/6/6f/Groningen2012_ID_20120808_Menu_Public_Relations.png" alt="Public Relation" title="Public Relation" />
+
</td>
-
<span>public<br>relations</span>
+
</tr>
-
</a>
+
</table>
-
</li>
+
<br>
-
<li class="sub">
+
<br>
-
<div class="cogbig">
+
<div class="cte2">
-
<img src="https://static.igem.org/mediawiki/2012/b/b6/Groningen2012_AD_20120802_BigCog.png" width="80" height="80">
+
<div class="ctd2">
-
</div>
+
<a name="MainAcc"></a><z2 >Our main accomplishments</z2><br>
-
<a href="https://2012.igem.org/Team:Groningen/Sponsors" title="Sponsors" rel="nofollow" target="_blank">
+
</div>
-
<img src="https://static.igem.org/mediawiki/2012/d/d4/Groningen2012_ID_20120808_Menu_Sponsors.png" alt="Sponsors" title="Sponsors" />
+
-
<span>sponsors</span>
+
-
</a>
+
-
+
-
<script>
+
-
var angle = 0;
+
-
setInterval(function(){
+
-
angle-=3; //rotation - and +
+
-
$("#img1").rotate(angle);
+
-
},50);
+
-
</script>
+
-
<img id="img1" img src="https://static.igem.org/mediawiki/2012/e/e4/Groningen2012_AD_20120802_WindmillArms.png" width="120"height="104" />
+
-
</li>
+
-
</ul>
+
</div>
</div>
 +
<br><br>
 +
<p class=orange>In the lab</p>
 +
<p class="marginleft">
 +
<img src="https://static.igem.org/mediawiki/2012/d/df/IGEMGroningen2012_AD20120915_Tick.png" width=20> Most importantly: we developed a construct which makes <i>Bacillus subtilis</i> sense spoiled meat and produce an output in the form of a yellow pigment visible by naked eye.<br><br>
 +
<img src="https://static.igem.org/mediawiki/2012/d/df/IGEMGroningen2012_AD20120915_Tick.png" width=20> Design of the “<a href="https://2012.igem.org/Team:Groningen/Sticker">Sticker</a>”: semi-permeable capsule: bacteria are kept inside, volatiles can go through. Proof that <i>Bacillus subtilis</i> grows inside the sticker.<br><br>
 +
<img src="https://static.igem.org/mediawiki/2012/d/df/IGEMGroningen2012_AD20120915_Tick.png" width=20> Development of BioBrick psac-cm for <i>Bacillus subtilis</i>. <br><a href="http://partsregistry.org/Part:BBa_K818000" target=_blank><font size=4 color=#FF6700><b>Easy cloning in <i>Bacillus subtilis</i> in Biobrick fashion for the first time!</b></font></a> Advantages: easy to check, BioBrick compatible, <i>E. coli</i> compatible, stable insertion into <i>Bacillus subtilis</i> chromosome.<br><br>
 +
<img src="https://static.igem.org/mediawiki/2012/d/df/IGEMGroningen2012_AD20120915_Tick.png" width=20> Identification of spoiled meat sensors by transcriptome analysis. Usage of an innovative experimental setup which can be used to test more sensors in the future.<br><br>
 +
<img src="https://static.igem.org/mediawiki/2012/d/df/IGEMGroningen2012_AD20120915_Tick.png" width=20> We made AmilCP and AmilGFP be expressed in <i>Bacillus subtilis</i>. These chromoproteins can be of significant value to the other <i>Bacillus subtilis</i> users in the BioBrick community.<br><br><br>
 +
</p>
 +
<p class=orange>Other</p>
 +
<p class="marginleft">
 +
<img src="https://static.igem.org/mediawiki/2012/d/df/IGEMGroningen2012_AD20120915_Tick.png" width=20> Smart spores activation system: inspired by "glow in the dark stick", we designed a sticker with two compartments. One compartment holds the spores, the other the nutrients; when the nutrients compartment is braked, the spores start to germinate, activating the sticker.<br><br>
 +
<img src="https://static.igem.org/mediawiki/2012/d/df/IGEMGroningen2012_AD20120915_Tick.png" width=20> We explored the definition of spoiled meat and different ways to test this.<br><br>
 +
<img src="https://static.igem.org/mediawiki/2012/d/df/IGEMGroningen2012_AD20120915_Tick.png" width=20> We identified various compounds present in spoiled meat by Gas Chromatography - Mass Spectrometry.<br><br>
 +
<img src="https://static.igem.org/mediawiki/2012/d/df/IGEMGroningen2012_AD20120915_Tick.png" width=20> We made a model which gives insight on how to tweak the growth of <i>Bacillus subtilis</i> based upon literature, experimental data and flux balance analysis.<br>
 +
</p>
</body>
</body>
</html>
</html>
-
 
-
 
-
 
-
 
-
 
{{Template:SponsorsGroningen2012}}
{{Template:SponsorsGroningen2012}}

Latest revision as of 00:16, 27 September 2012





Abstract

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. iGEM Groningen 2012 seeks to provide an alternative method of assessing edibility: the Food Warden. It uses an engineered strain of Bacillus subtilis to detect and report volatiles in spoiling meat. The introduced genetic construct uses a promoter to trigger a pigment coding gene. This promoter, identified by microarray analysis, is significantly upregulated in the presence of volatiles from spoiling meat. The activity of the promoter regulates the expression of the pigment reporter 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 capsule, the second containing a calibrated amount of nutrients. Breaking the barrier between the two compartments allows germination and growth, thereby activating the spoiling-meat sensor.



Our main accomplishments


In the lab

Most importantly: we developed a construct which makes Bacillus subtilis sense spoiled meat and produce an output in the form of a yellow pigment visible by naked eye.

Design of the “Sticker”: semi-permeable capsule: bacteria are kept inside, volatiles can go through. Proof that Bacillus subtilis grows inside the sticker.

Development of BioBrick psac-cm for Bacillus subtilis.
Easy cloning in Bacillus subtilis in Biobrick fashion for the first time! Advantages: easy to check, BioBrick compatible, E. coli compatible, stable insertion into Bacillus subtilis chromosome.

Identification of spoiled meat sensors by transcriptome analysis. Usage of an innovative experimental setup which can be used to test more sensors in the future.

We made AmilCP and AmilGFP be expressed in Bacillus subtilis. These chromoproteins can be of significant value to the other Bacillus subtilis users in the BioBrick community.


Other

Smart spores activation system: inspired by "glow in the dark stick", we designed a sticker with two compartments. One compartment holds the spores, the other the nutrients; when the nutrients compartment is braked, the spores start to germinate, activating the sticker.

We explored the definition of spoiled meat and different ways to test this.

We identified various compounds present in spoiled meat by Gas Chromatography - Mass Spectrometry.

We made a model which gives insight on how to tweak the growth of Bacillus subtilis based upon literature, experimental data and flux balance analysis.


Our sponsors:

Retrieved from "http://2012.igem.org/Team:Groningen/DesignTest2"