Team:Groningen/DesignTest2

From 2012.igem.org

(Difference between revisions)
m
 
(11 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>
+
-
 
+
-
<head>
+
-
<meta http-equiv="X-UA-Compatible" content="IE=EDGE" charset="utf-8" />
+
-
<style>
+
-
div.cogbig{
+
-
position:absolute;
+
-
padding: 0px;
+
-
margin: 0px 0px;
+
-
opacity:0.4;
+
-
filter:alpha(opacity=40);
+
-
z-index:-1;
+
-
}
+
-
+
-
/*Windmill*/
+
-
#img1{
+
-
width:120px;
+
-
height:104px;
+
-
position:absolute;
+
-
z-index:10;
+
-
left:-19px;
+
-
top:-31px;
+
-
}
+
-
+
-
/*Menu*/
+
-
#navigation  {
+
-
margin: 0;
+
-
padding: 0 0em;
+
-
height: 20px;
+
-
list-style: none;
+
-
display:block;
+
-
font-size: 12px; 
+
-
                                font-weight: 300;   
+
-
color:#fff;
+
-
z-index:2;
+
-
}
+
-
#navigation > li {
+
-
float: left;
+
-
height: 100%;
+
-
margin-right: 18px;
+
-
                                margin-left: 18px;
+
-
left:100px;
+
-
padding: 0 0em;
+
-
}
+
-
#navigation > li > a {
+
-
float: left;
+
-
height: 100%;
+
-
color: #00;
+
-
text-decoration: none;
+
-
font-weight: 300;
+
-
}
+
-
#navigation > li > a:hover {
+
-
color: Black;
+
-
+
-
 
+
-
 
+
-
}
+
-
#navigation > li.sub {
+
-
position: relative;
+
-
 
+
-
}
+
-
#navigation > li.sub ul {
+
-
width: 130px;
+
-
margin: 0;
+
-
padding: 0.0em 0;
+
-
list-style: none;
+
-
position: absolute;
+
-
top: -800em;
+
-
text-align:center;
+
-
padding-left:13px;                                         
+
-
background-color: rgba(0,0,0,0.5);
+
-
}
+
-
#navigation > li.sub ul li {
+
-
width: 90%;
+
-
background-color: rgba(0,0,0,0.9);
+
-
}
+
-
#navigation > li.sub ul li a {
+
-
height: 100%;
+
-
display: block;
+
-
padding: 0.0em;
+
-
color: #fff;
+
-
text-decoration: none;
+
-
}
+
-
#navigation > li.sub ul li a:hover {
+
-
color: rgb(255,103,0);
+
-
font-weight: 700;
+
-
}
+
-
#navigation > li.sub:hover ul {
+
-
top: 100px;
+
-
left:-35px;
+
-
}
+
-
 
+
-
#expand
+
-
.expand-down span
+
-
{
+
-
font-family: Arial,Helvetica,sans-serif;
+
-
line-height: normal;
+
-
margin-bottom: 0px;
+
-
margin-top: 0px;
+
-
z-index:1;
+
-
font-weight: 300;
+
-
}
+
-
.expand-down * {
+
-
margin: 0px;
+
-
padding: 0;
+
-
z-index:1;
+
-
}
+
-
.expand-down ul {
+
-
padding-top:100px;
+
-
z-index:1;
+
-
}
+
-
.expand-down ul li {
+
-
list-style-type:none;
+
-
z-index:1;
+
-
}
+
-
.expand-down ul li a {
+
-
text-decoration:none;
+
-
z-index:1;
+
-
}
+
-
.expand-down ul li a img {
+
-
width:80px;
+
-
height:82px;
+
-
border:none;
+
-
z-index:1;
+
-
}
+
-
.expand-down ul li a span {
+
-
//span bar under picture text
+
-
z-index:1;
+
-
text-align:center;
+
-
font-size:14px;
+
-
display: block;
+
-
padding: 0.0em;
+
-
color: #fff;
+
-
}
+
-
.expand-down ul li:hover a span {
+
-
display:block;
+
-
font-size:14px;
+
-
z-index:1;
+
-
color: rgb(255,103,0);
+
-
font-weight: 700;
+
-
background-color: rgba(0,0,0,0.5);
+
-
}
+
-
.expand-down ul li:hover a img {
+
-
width:80px;
+
-
height:82px;
+
-
z-index:1;
+
-
}
+
-
.expand-down ul li:hover + li a img {
+
-
width:80px;
+
-
height:82px;
+
-
z-index:1;
+
-
}
+
-
.expand-down ul li:hover + li + li a img {
+
-
width:80px;
+
-
height:82px;
+
-
z-index:1;
+
-
}
+
-
 
+
-
/*Body*/
+
-
body{
+
-
background-attachment:fixed;
+
-
background-color:rgb(118,28,17);
+
-
text-align: justify;
+
-
border: none;
+
-
}
+
-
#content{
+
-
position: relative;
+
-
top:-5px;
+
-
width: 1024px;
+
-
padding: 0px 0px 0px 0px;
+
-
background-color:transparent;
+
-
border: none;
+
-
}
+
-
#bodyContent{
+
-
width: 1024px;
+
-
position: relative;
+
-
padding: 0px 0px 0px 0px;
+
-
background-color:transparent;
+
-
border: none;
+
-
}
+
-
 
+
-
 
+
-
/*Suppress iGEM defaults*/
+
-
a[title="Main Page"]{display: none;}
+
-
.firstHeading{display: none;}
+
-
.noprint{display: none;}
+
-
#menubar{
+
-
display: block;
+
-
background-color:transparent;
+
-
}
+
-
#search-controls{display: none;}
+
-
#contentSub{display: none;}
+
-
#catlinks{display: none;}
+
-
#footer-box{display: none;}
+
-
#p-logo{display: block;}
+
-
#top-section {
+
-
display: block;
+
-
position: relative;
+
-
height: 98px;
+
-
width: 975px;
+
-
margin: 0px auto;
+
-
border-left: 1px solid rgb(118,28,17);
+
-
border-right: 1px solid rgb(118,28,17);
+
-
border-bottom: 1px solid rgb(118,28,17);
+
-
}
+
-
</style>
+
-
</head>
+
-
+
-
<body>
+
-
 
+
-
 
+
-
<div style="position:absolute; left: 197px; top: 30px;opacity:0.4;
+
-
filter:alpha(opacity=40);">
+
-
<img  id="cog1" src="https://static.igem.org/mediawiki/2012/a/ad/Groningen2012_AD_20120802_SmallCog.png" />
+
-
</div>
+
-
 
+
-
<div style="position:absolute; left: 313px; top: 30px;opacity:0.4;
+
-
filter:alpha(opacity=40);">
+
-
<img  id="cog2" src="https://static.igem.org/mediawiki/2012/a/ad/Groningen2012_AD_20120802_SmallCog.png" />
+
-
</div>
+
-
 
+
-
<div style="position:absolute; left: 429px; top: 30px;opacity:0.4;
+
-
filter:alpha(opacity=40);">
+
-
<img  id="cog3" src="https://static.igem.org/mediawiki/2012/a/ad/Groningen2012_AD_20120802_SmallCog.png" />
+
-
</div>
+
-
 
+
-
<div style="position:absolute; left: 545px; top: 30px;opacity:0.4;
+
-
filter:alpha(opacity=40);">
+
-
<img  id="cog4" src="https://static.igem.org/mediawiki/2012/a/ad/Groningen2012_AD_20120802_SmallCog.png" />
+
-
</div>
+
-
 
+
-
<div style="position:absolute; left: 661px; top: 30px;opacity:0.4;
+
-
filter:alpha(opacity=40);">
+
-
<img  id="cog5" src="https://static.igem.org/mediawiki/2012/a/ad/Groningen2012_AD_20120802_SmallCog.png" />
+
-
</div>
+
-
 
+
-
<div style="position:absolute; left: 777px; top: 30px;opacity:0.4;
+
-
filter:alpha(opacity=40);">
+
-
<img  id="cog6" src="https://static.igem.org/mediawiki/2012/a/ad/Groningen2012_AD_20120802_SmallCog.png" />
+
-
</div>
+
-
 
+
-
<div class="expand-down">
+
-
<ul id="navigation" >
+
-
<li class="sub" id="menuhome">
+
-
+
-
<a href="https://2012.igem.org/Team:Groningen" title="Home" rel="nofollow">
+
-
<img src="https://static.igem.org/mediawiki/2012/6/61/Groningen2012_ID_20120808_Menu_Home.png" alt="Home"  title="Home" />
+
-
<span>home</span>
+
-
</a>
+
-
 
+
-
<div class="cogbig">
+
-
<img id="cogbighome" src="https://static.igem.org/mediawiki/2012/b/b6/Groningen2012_AD_20120802_BigCog.png" width="80" height="80">
+
-
</div>
+
-
 
+
-
</li>
+
-
<li class="sub" id="menuteam">
+
-
<div class="cogbig">
+
-
<img id="cogbigteam" src="https://static.igem.org/mediawiki/2012/b/b6/Groningen2012_AD_20120802_BigCog.png" width="80" height="80">
+
-
</div>
+
-
<a href="https://2012.igem.org/Team:Groningen/Team" title="Team" rel="nofollow" >
+
-
<img src="https://static.igem.org/mediawiki/2012/f/fc/Groningen2012_ID_20120808_Menu_Team.png" alt="team" title="Team" />
+
-
<span>team</span>
+
-
<ul>
+
-
<li><a href="https://2012.igem.org/Team:Groningen/Team">about us</a></li>
+
-
<li><a href="https://igem.org/Team.cgi?id=818" TARGET="_blank">official profile</a></li>
+
-
                                                       
+
-
                                                        <li><a href="https://2012.igem.org/Team:Groningen/Attributions">attributions</a></li>
+
-
                                                        <li><a href="https://2012.igem.org/Team:Groningen/acknowledgements">acknowledgements</a></li>
+
-
 
+
-
                                                        <li><a href="https://2012.igem.org/Team:Groningen/Contact">contact</a></li>
+
-
</ul>
+
-
</a>
+
-
</li>
+
-
<li class="sub" id="menuproject">
+
-
<div class="cogbig">
+
-
<img id="cogbigproject" src="https://static.igem.org/mediawiki/2012/b/b6/Groningen2012_AD_20120802_BigCog.png" width="80" height="80">
+
-
</div>
+
-
<a href="https://2012.igem.org/Team:Groningen/Project" title="Project" rel="nofollow" >
+
-
<img src="https://static.igem.org/mediawiki/2012/1/19/Groningen2012_ID_20120808_Menu_Project.png" alt="Project" title="Project" />
+
-
<span>project</span>
+
-
<ul>
+
-
<li><a href="https://2012.igem.org/Team:Groningen/Project">abstract</a></li>
+
-
<li><a href="https://2012.igem.org/Team:Groningen/Sticker">sticker</a></li>
+
-
<li><a href="https://2012.igem.org/Team:Groningen/volatiles">volatiles</a></li>
+
-
<li><a href="https://2012.igem.org/Team:Groningen/Sensor">sensor</a></li>
+
-
<li><a href="https://2012.igem.org/Team:Groningen/pigmentproduction">pigment</a></li>
+
-
<li><a href="https://2012.igem.org/Team:Groningen/Construct">construct</a></li>
+
-
<li><a href="https://2012.igem.org/Team:Groninge/Kill_Switch">kill switch</a></li>
+
-
<li><a href="https://2012.igem.org/Team:Groningen/Modeling">modeling</a></li>
+
-
<li><a href="https://2012.igem.org/Team:Groningen/Notebook">notebook</a></li>
+
-
+
-
</ul>   
+
-
</a>
+
-
</li>
+
-
<li class="sub" id="menuparts">
+
-
<div class="cogbig">
+
-
<img id="cogbigparts" src="https://static.igem.org/mediawiki/2012/b/b6/Groningen2012_AD_20120802_BigCog.png" width="80" height="80">
+
-
</div>
+
-
<a href="https://2012.igem.org/Team:Groningen/OurBiobrick" title="Parts" rel="nofollow" >
+
-
<img src="https://static.igem.org/mediawiki/2012/0/06/Groningen2012_ID_20120808_Menu_Parts.png" alt="Parts" title="Parts" />
+
-
<span>parts</span>
+
-
                                                <ul>
+
-
<li><a href="https://2012.igem.org/Team:Groningen/OurBiobrick">our biobricks</a></li>
+
-
                                                        <li><a href="https://2012.igem.org/Team:Groningen/parts_fail">improvements</a></li>
+
-
                                                        <li><a href="https://2012.igem.org/Team:Groningen/in_development">in development</a></li>
+
-
</ul> 
+
-
</a>
+
-
</li>
+
-
<li class="sub" id="menusafety">
+
-
<div class="cogbig">
+
-
<img id="cogbigsafety" src="https://static.igem.org/mediawiki/2012/b/b6/Groningen2012_AD_20120802_BigCog.png" width="80" height="80">
+
-
</div>
+
-
<a href="https://2012.igem.org/Team:Groningen/Safety" title="Safety" rel="nofollow" >
+
-
<img src="https://static.igem.org/mediawiki/2012/d/d4/Groningen2012_ID_20120808_Menu_Safety.png" alt="Safety" title="Safety" />
+
-
<span>safety</span>
+
-
                                                <ul>
+
-
+
-
<li><a href="https://2012.igem.org/Team:Groningen/Safety">general safety</a></li>
+
-
<li><a href="https://2012.igem.org/Team:Groningen/10com">in the lab</a></li>
+
-
<li><a href="https://2012.igem.org/Team:Groningen/publicsafety">public safety</a></li>
+
-
<li><a href="https://2012.igem.org/Team:Groningen/environment">environment</a></li>
+
-
<li><a href="https://2012.igem.org/Team:Groningen/foodsafety">food safety</a></li>
+
-
</ul>
+
-
</a>
+
-
</li>
+
-
<li class="sub" id="menupr">
+
-
<div class="cogbig">
+
-
<img id="cogbigpr" src="https://static.igem.org/mediawiki/2012/b/b6/Groningen2012_AD_20120802_BigCog.png" width="80" height="80">
+
-
</div>
+
-
<a href="https://2012.igem.org/Team:Groningen/overview" title="Public Relation" rel="nofollow" >
+
-
<img src="https://static.igem.org/mediawiki/2012/6/6f/Groningen2012_ID_20120808_Menu_Public_Relations.png" alt="Public Relation" title="Public Relation" />
+
-
<span>human<br>practice</span>
+
-
                                                <ul>
+
-
<li><a href="https://2012.igem.org/Team:Groningen/overview">overview</a></li>
+
-
<li><a href="https://2012.igem.org/Team:Groningen/summer_school">summerschool</a></li>
+
-
<li><a href="https://2012.igem.org/Team:Groningen/Stop_the_food_waste_initiative">stop food waste</a></li>
+
-
<li><a href="https://2012.igem.org/Team:Groningen/market_research">market research</a></li>
+
-
<li><a href="https://2012.igem.org/Team:Groningen/Festivals">festivals</a></li>
+
-
<li><a href="https://2012.igem.org/Team:Groningen/symposia">presentations</a></li>
+
-
<li><a href="https://2012.igem.org/Team:Groningen/international_cooperation">collaboration</a></li>
+
-
</ul>
+
-
</a>
+
-
</li>
+
-
<li class="sub" id="menusponsors">
+
-
<div class="cogbig">
+
-
<img id="cogbigsponsors" src="https://static.igem.org/mediawiki/2012/b/b6/Groningen2012_AD_20120802_BigCog.png" width="80" height="80">
+
-
</div>
+
-
<a href="https://2012.igem.org/Team:Groningen/Sponsors" title="Sponsors" rel="nofollow" >
+
-
<img src="https://static.igem.org/mediawiki/2012/d/d4/Groningen2012_ID_20120808_Menu_Sponsors.png" alt="Sponsors" title="Sponsors" />
+
-
<span>sponsors</span>
+
-
<ul>
+
-
<li><a href="https://2012.igem.org/Team:Groningen/our_sponsors">our sponsors</a></li>
+
-
<li><a href="https://2012.igem.org/Team:Groningen/become_a_sponsor">become a sponsor</a></li>
+
-
<li><a href="https://2012.igem.org/Team:Groningen/sponsor_levels">sponsorship levels</a></li>
+
-
</ul>
+
-
</a>
+
-
 
+
-
<img id="img1" img src="https://static.igem.org/mediawiki/2012/e/e4/Groningen2012_AD_20120802_WindmillArms.png" width="120"height="104" />
+
-
 
+
-
 
+
-
</script>
+
-
</li>
+
-
</ul>
+
-
</div>
+
-
 
+
-
 
+
-
 
+
-
 
+
-
</body>
+
-
<script>
+
-
$(document).ready(function(){
+
-
    $("ul#navigation").mouseenter(function(){
+
-
        cog = 1;
+
-
    });
+
-
    $("li#navigation").mouseleave(function(){
+
-
        cog = 0;
+
-
        angle = 0;
+
-
    });
+
-
    $("li#menuhome").mouseenter(function(){
+
-
        target = "#cogbighome";         
+
-
    }); 
+
-
    $("li#menuteam").mouseenter(function(){
+
-
        target = "#cogbigteam";
+
-
    });
+
-
    $("li#menuproject").mouseenter(function(){
+
-
        target = "#cogbigproject";
+
-
    });
+
-
    $("li#menuparts").mouseenter(function(){
+
-
        target = "#cogbigparts";
+
-
    });
+
-
    $("li#menusafety").mouseenter(function(){
+
-
        target = "#cogbigsafety"; 
+
-
    });
+
-
    $("li#menupr").mouseenter(function(){
+
-
        target = "#cogbigpr";   
+
-
    });
+
-
    $("li#menusponsors").mouseenter(function(){
+
-
        target = "#cogbigsponsors";
+
-
+
-
    });
+
-
});
+
-
+
-
var cogangle = 0;
+
-
var cog = 0;
+
-
var angle = 0;
+
-
 
+
-
var target = ".cogbig";
+
-
setInterval(function(){
+
-
      cogangle-=cog;
+
-
    $(target).rotate(cogangle);
+
-
if (target=="#cogbigsponsors")
+
-
  {
+
-
$("#img1").rotate(-cogangle);
+
-
$("#cogbighome").rotate(cogangle);
+
-
$("#cogbigteam").rotate(cogangle);
+
-
$("#cogbigproject").rotate(cogangle);
+
-
$("#cogbigsafety").rotate(cogangle);
+
-
$("#cogbigparts").rotate(cogangle);
+
-
$("#cogbigpr").rotate(cogangle);
+
-
$("#cog1").rotate(-cogangle*3);
+
-
$("#cog2").rotate(-cogangle*3);
+
-
$("#cog3").rotate(-cogangle*3);
+
-
$("#cog4").rotate(-cogangle*3);
+
-
$("#cog5").rotate(-cogangle*3);
+
-
$("#cog6").rotate(-cogangle*3);
+
-
document.getElementById('cog1').style.display = "block";
+
-
document.getElementById('cog2').style.display = "block";
+
-
document.getElementById('cog3').style.display = "block";
+
-
document.getElementById('cog4').style.display = "block";
+
-
document.getElementById('cog5').style.display = "block";
+
-
document.getElementById('cog6').style.display = "block";
+
-
  }
+
-
else
+
-
{
+
-
  document.getElementById('cog1').style.display = "none";
+
-
  document.getElementById('cog2').style.display = "none";
+
-
  document.getElementById('cog3').style.display = "none";
+
-
  document.getElementById('cog4').style.display = "none";
+
-
  document.getElementById('cog5').style.display = "none";
+
-
  document.getElementById('cog6').style.display = "none";
+
-
 
+
-
}
+
-
},30);
+
-
 
+
-
 
+
-
 
+
-
</script>
+
-
 
+
-
</html>
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
-
 
-
<html>
 
-
<head>
 
-
<style>
 
-
#img2{
 
-
position:absolute;
 
-
z-index:0;
 
-
left:0px;
 
-
top:80px;
 
-
margin-bottom: 20px;
 
-
} 
 
-
#img3{
 
-
position:absolute;
 
-
z-index:0;
 
-
left:800px;
 
-
top:130px;
 
-
margin-bottom: 20px;
 
-
}             
 
-
 
-
</style>
 
-
<img id="img2" img src="https://static.igem.org/mediawiki/2012/4/41/Groningen_2012_logoFW.png" width="220px"/><a href="https://2012.igem.org/Main_Page">
 
-
<img id="img3" img src="https://static.igem.org/mediawiki/igem.org/1/17/IGEM_basic_Logo_white_stylized.png" width="100px"/></a>
 
-
 
-
</head>
 
-
</html>
 
-
 
-
<html>
 
-
<script type="text/javascript">
 
-
 
-
  var _gaq = _gaq || [];
 
-
  _gaq.push(['_setAccount', 'UA-34029773-1']);
 
-
  _gaq.push(['_trackPageview']);
 
-
 
-
  (function() {
 
-
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
 
-
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
 
-
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
 
-
  })();
 
-
 
-
</script>
 
-
</html>
 
Line 506: Line 6:
<head>
<head>
<style>
<style>
-
body {
 
-
font-family: Helvetica, Arial, sans-serif;
 
-
}
 
z1 {  
z1 {  
font-size:18pt;
font-size:18pt;
Line 514: Line 11:
color:white;
color:white;
}
}
-
.ctd {
 
-
width: 170px;
 
-
                                height: 25px;
 
-
text-align: center;
 
-
background: #000;
 
-
background-color: rgba(0,0,0,0.3);
 
-
padding: 5px ;
 
-
margin: 30px auto;
 
-
color: #FFF;
 
-
}
 
-
.cte {
 
-
width: 200px;
 
-
                                height: 35px;
 
-
text-align: center;
 
-
background: #000;
 
-
padding-right:10px;
 
-
padding-left:10px;
 
-
margin: -20px auto;
 
-
background-color: rgba(0,0,0,0.3);
 
-
color: #FFF;
 
-
}
 
-
 
z2 {  
z2 {  
font-size:18pt;
font-size:18pt;
Line 541: Line 16:
color:white;
color:white;
}
}
-
.ctd2  {
+
div.ctd {
-
width: 230px;
+
width: 90px;
-
                                height: 25px;
+
text-align: center;
text-align: center;
background: #000;
background: #000;
Line 551: Line 25:
color: #FFF;
color: #FFF;
}
}
-
.cte2 {
+
div.cte {
-
width: 260px;
+
width: 120px;
-
                                height: 35px;
+
text-align: center;
text-align: center;
background: #000;
background: #000;
Line 562: Line 35:
color: #FFF;
color: #FFF;
}
}
-
                        z3 {
+
            div.ctd2 {
-
font-size:18pt;
+
width: 300px;
-
line-height:21pt;
+
height: 20px;
-
color:white;
+
-
}
+
-
.ctd3  {
+
-
width: 180px;
+
-
                                height: 25px;
+
text-align: center;
text-align: center;
background: #000;
background: #000;
 +
background-color: transparent;
background-color: rgba(0,0,0,0.3);
background-color: rgba(0,0,0,0.3);
-
padding: 5px ;
+
padding: 10px ;
-
margin: 30px auto;
+
margin: 30px auto;
color: #FFF;
color: #FFF;
}
}
-
.cte3 {
+
            div.cte2 {
-
width: 210px;
+
width: 330px;
-
                                height: 35px;
+
height: 40px;
text-align: center;
text-align: center;
background: #000;
background: #000;
padding-right:10px;
padding-right:10px;
padding-left:10px;
padding-left:10px;
-
margin: 0 auto;
+
background-color: transparent;
background-color: rgba(0,0,0,0.3);
background-color: rgba(0,0,0,0.3);
 +
margin: -30px auto;
color: #FFF;
color: #FFF;
}
}
-
p.margin{
+
z7{
 +
font-size:13pt;
 +
line-height:14pt;
 +
color: rgb(255,103,0);
 +
}
 +
p.nomargin{
font-size:12pt;  
font-size:12pt;  
line-height:14pt;  
line-height:14pt;  
-
color:white;
+
margin-right: 0px;
-
margin-top:0px;
+
margin-left: 0px;
-
margin-bottom:20px;
+
color: white;
-
margin-right:0px;
+
-
margin-left:125px;
+
-
margin-right:130px;
+
}
}
-
p{
+
p.marginleft{
 +
margin-top: 0px;
margin-left:150px;
margin-left:150px;
-
font-size:12pt;  
+
font-size:13pt;  
-
line-height:14pt;  
+
line-height:15pt;  
margin-right:150px;
margin-right:150px;
color:white;
color:white;
}
}
-
p.marginleft{
+
p.orange{
-
font-size:12pt;  
+
margin-top:0px;
-
line-height:14pt;  
+
margin-left:150px;
 +
font-size:14pt;  
 +
line-height:16pt;
 +
margin-right:150px;
 +
color: #FF6700;
 +
font-weight: bold;
 +
}
 +
p.marginspace{
 +
font-size:13pt;
 +
line-height:15pt;  
color:white;  
color:white;  
 +
margin-top:0px;
margin-top:0px;
-
margin-bottom:20px;
+
margin-bottom:200px;
margin-right:0px;
margin-right:0px;
-
margin-left:110px;
+
margin-left:300px;
-
margin-right:130px;
+
margin-right:300px;
}
}
-
p.marginleftheader{
+
p.centered{
-
font-size:12pt;  
+
font-size:13pt;
-
line-height:14pt;  
+
line-height:15pt;
-
color:white;  
+
color:white;
-
margin-top:38px;
+
 
 +
margin-top:0px;
margin-bottom:0px;
margin-bottom:0px;
-
margin-left:650px;
+
margin-right:300px;
-
margin-right:200px;
+
margin-left:300px;
}
}
-
p.marginChecklist{
+
a.inlink{
-
font-size:12pt;  
+
font-size: 12pt;
-
line-height:16pt;  
+
                line-height: 12pt;
-
color:white;  
+
                color: rgb(255,103,0);
-
margin-top:0px;
+
}
-
margin-bottom:38px;
+
a.menulink{  
-
margin-right:0px;
+
font-size:12pt;
-
margin-left:150px;
+
line-height:12pt;
-
margin-right:115px;
+
color:white;
 +
font-weight: 500;
 +
}
 +
a.menulink:hover{
 +
font-size:12pt;
 +
line-height:12pt;
 +
color: rgb(255,103,0);
 +
font-weight: 700;
}
}
a:link {
a:link {
Line 646: Line 137:
color: #FF6700;
color: #FF6700;
}
}
-
 
+
table.projectmenu{
-
.hoverbox
+
background-color: transparent;
-
{
+
}
-
cursor: default;
+
td.menucell{
-
list-style: none;
+
-
        margin-left: 100px;
+
}
-
        margin-right: 100px;
+
table.centertable{
-
}
+
background-color: transparent;
-
 
+
width: 100%;
-
.hoverbox a
+
margin-top: 0;
-
{
+
margin-bottom: 0;
-
cursor: default;
+
}
-
}
+
td.margincell{
-
 
+
min-width: 150px;
-
.hoverbox a .preview
+
max-width: 150px;
-
{
+
vertical-align: bottom;
-
display: none;
+
}
-
}
+
div.bigcog{
-
 
+
opacity:0.4;
-
.hoverbox a:hover .preview
+
filter:alpha(opacity=40);
-
{
+
z-index: -1;
-
display: block;
+
}
-
position: absolute;
+
#bigcogtopleft{
-
top: -60px;
+
position: relative;
-
left: -60px;
+
left: -10px;
-
z-index: 1;
+
}
-
}
+
#bigcogtopright{
-
 
+
position: relative;
-
.hoverbox img
+
left: 10px;
-
{
+
}
-
background: #761C11;
+
div.cogoverlay{
-
color: inherit;
+
z-index: 1;
-
padding: 2px;
+
}
-
vertical-align: top;
+
#cogoverlaytopleft{
-
}
+
position: relative;
-
 
+
left: -350px;
-
.hoverbox li
+
top: -150px;
-
{
+
}
-
background: #761C11;
+
#cogoverlaytopright{
-
border-width: 0px;
+
position: relative;
-
color: inherit;
+
left: 355px;
-
display: inline;
+
top: -150px;
-
float: left;
+
}
-
margin: 3px;
+
#cogoverlaybottomleft{
-
position: relative;
+
position: relative;
-
}
+
top: -25px;
-
 
+
left: 185px;
-
.hoverbox .preview
+
}
-
{
+
#cogoverlaybottomright{
-
background: #52140C;
+
position: relative;
-
border-color: #761C11;
+
top: -25px;
-
}
+
left: -135px;
-
 
+
}
</style>
</style>
 +
</head>
-
<br>
+
<body>
<div class="cte">
<div class="cte">
<div class="ctd">
<div class="ctd">
-
<z1 >Food Warden</z1><br>
+
<z1>Abstract</z1>
</div>
</div>
</div>
</div>
-
</head>
+
<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>
 +
</td>
 +
<td colspan="4">
 +
<p class="nomargin">
 +
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 upregulated 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>.
-
<body>
+
</p>
-
<br><br><br>
+
</td>
-
<p class="margin">
+
<td class="margincell" align="left">
-
<img src="https://static.igem.org/mediawiki/2012/9/97/Groningen2012_AD20121915_Sticker.png" width="130" height="130" align=left style="padding-right: 10px"><a href="https://2012.igem.org/Team:Groningen/Project"><font color=#ff6700 size=4><b>The Food Warden</b></font></a><br>
+
<div class="bigcog" id="bigcogtopright">
-
The Food Warden is a system which detects meat spoilage. It uses <i>Bacillus subtilis</i> cells. Their natural genetic response to the gases of rotten meat has been identified and linked to a pigment production system. In this way, a consumer can easily see when the meat is spoiled: it's rotten and you know it!<br>
+
<img src="https://static.igem.org/mediawiki/2012/b/b6/Groningen2012_AD_20120802_BigCog.png" width="150px" height="150px">
-
<a href="https://2012.igem.org/Team:Groningen/Project"><font color=#ff6700 size=2pt>read more</font></a>
+
</div>
-
</p>
+
</td>
-
<p class="marginleft">
+
</tr>
-
<img src="https://static.igem.org/mediawiki/2012/f/f2/Groningen2012_AD20120915_StopFoodWaste.png" width="130" height="130" align=right style="padding-left: 10px"><br><a href="https://2012.igem.org/Team:Groningen/Stop_the_food_waste_initiative"><font color=#ff6700 size=4><b>Stop the food waste!</b></font></a><br>
+
<tr>
-
Every year, 1,300,000,000 tons of food are thrown away worldwide. This is one third of the global food production. One of the reasons for this is the fact that best before dates are imprecise. A reliable way of monitoring whether food is spoiled or not could save up to 600 euro per household per year.<br>
+
<td class="margincell">
-
<a href="https://2012.igem.org/Team:Groningen/Stop_the_food_waste_initiative"><font color=#ff6700 SIZE=2pt>read more</font></a>
+
<div class="cogoverlay" id="cogoverlaybottomleft">
-
</p>
+
<img src="https://static.igem.org/mediawiki/2012/c/c2/Groningen2012_RR_20120909_rotting.png" width="100" height="100">
-
<p class="margin">
+
</div>
-
<img src="https://static.igem.org/mediawiki/2012/0/08/Gorningen2012_AD201290915_InTheLab.png" width="130" height="130" align=left style="padding-right: 10px"><a href="https://2012.igem.org/Team:Groningen/Wetwork"><font color=#ff6700 size=4><b>Now in the lab</b></font></a><br>
+
</td>
-
With the iGEM deadline being just a couple of days away, the lab is now always occupied in order to make the Food Warden work. The newly identified genes in the running to become our PBADmeat promoter are ready to be tested, the pigments are waiting to be transformed. But <i>Bacillus</i> biobricks are tricky things...<br>
+
<td align="left" >
-
<a href="https://2012.igem.org/Team:Groningen/Wetwork"><font color=#ff6700 SIZE=2pt>read more</font></a>
+
<div class="bigcog" id="bigcogbottomleft">
-
</p>
+
<img src="https://static.igem.org/mediawiki/2012/b/b6/Groningen2012_AD_20120802_BigCog.png" width="150px" height="150px">
-
<div class="cte3">
+
</div>
-
<div class="ctd3">
+
</td>
-
<z3 >Picture gallery</z3><br>
+
<td align="left" >
-
</div>
+
<div class="cogoverlay" id="cogoverlaytopleft">
-
</div>
+
<img src="https://static.igem.org/mediawiki/2012/1/15/Groningen2012_RR20120909_construct.png" width="100px" height="100px">
-
<br>
+
</div>
-
<ul class="hoverbox">
+
</td>
-
<li>
+
<td align="right" >
-
<a href="#"><img src="https://static.igem.org/mediawiki/2012/e/ee/Groningen2012_ADGallery1.png" width=125 height=125 /><img src="https://static.igem.org/mediawiki/2012/6/65/Groningen2012_ADGallery1prev.png" class="preview" width=250 height=280 /></a>
+
<div class="cogoverlay" id="cogoverlaytopright">
-
</li>
+
<img src="https://static.igem.org/mediawiki/2012/2/29/Groningen2012_RR20120909_badmeat.png" width="100px" height="100px">
-
<li>
+
</div>
-
<a href="#"><img src="https://static.igem.org/mediawiki/2012/f/f6/Groningen2012_ADGallery4.png" width=125 height=125 /><img src="https://static.igem.org/mediawiki/2012/3/35/Groningen2012_ADGallery4prev.png" class="preview" width=250 height=280 /></a>
+
</td>
-
</li>
+
<td align="right">
-
<li>
+
<div class="bigcog" id="bigcogbottomright">
-
<a href="#"><img src="https://static.igem.org/mediawiki/2012/1/1c/Groningen2012_ADGallery2.png" width=125 height=125 /><img src="https://static.igem.org/mediawiki/2012/0/0f/Groningen2012_ADGallery2prev.png" class="preview" width=250 height=280 /></a>
+
<img src="https://static.igem.org/mediawiki/2012/b/b6/Groningen2012_AD_20120802_BigCog.png" width="150px" height="150px">
-
</li>
+
</div>
-
<li>
+
</td>
-
<a href="#"><img src="https://static.igem.org/mediawiki/2012/6/69/Groningen2012_ADGallery13.png" width=125 height=125 /><img src="https://static.igem.org/mediawiki/2012/6/61/Groningen2012_ADGallery13prev.png" class="preview" width=250 height=280 /></a>
+
<td class="margincell">
-
</li>
+
<div class="cogoverlay" id="cogoverlaybottomright">
-
<li>
+
<img src="https://static.igem.org/mediawiki/2012/e/e7/Groningen2012_RR20120909_capsule.png" width="100px" height="100px">
-
<a href="#"><img src="https://static.igem.org/mediawiki/2012/5/55/Groningen2012_ADGallery7.png" width=250 height=125 /><img src="https://static.igem.org/mediawiki/2012/b/b2/Groningen2012_AD20120924_Gallery7prev.png" width=420 height=231 class="preview" /></a>
+
</div>
-
</li>
+
</td>
-
<li>
+
</tr>
-
<a href="#"><img src="https://static.igem.org/mediawiki/2012/b/b3/Groningen2012_ADGallery5.png" width=260 height=125 /><img src="https://static.igem.org/mediawiki/2012/e/eb/Groningen2012_AD20120924_Gallery5prev.png" class="preview" width=420 height=231 /></a>
+
</table>
-
</li>
+
<br>
-
<li>
+
<br>
-
<a href="#"><img src="https://static.igem.org/mediawiki/2012/9/9e/Groningen2012_ADGallery20.png" width=125 height=125 /><img src="https://static.igem.org/mediawiki/2012/8/84/Groningen2012_ADGallery20prev.png" class="preview" width=250 height=280 /></a>
+
-
</li>
+
-
<li>
+
-
<a href="#"><img src="https://static.igem.org/mediawiki/2012/0/09/Groningen2012_ADGallery10b.png" width=250 height=260 /><img src="https://static.igem.org/mediawiki/2012/7/7b/Groningen2012_ADGallery10prev.png" class="preview" width=325 height=355 /></a>
+
-
</li>
+
-
<li>
+
-
<a href="#"><img src="https://static.igem.org/mediawiki/2012/a/ad/Groningen2012_ADGallery6.png" width=125 height=125 /><img src="https://static.igem.org/mediawiki/2012/4/40/Groningen2012_ADGallery6prev.png" class="preview" width=250 height=280 /></a>
+
-
</li>
+
-
</ul>
+
-
 
+
-
<div style="position: relative; float: left; top: -140px;">
+
-
<ul class="hoverbox">
+
-
<li>
+
-
<a href="#"><img src="https://static.igem.org/mediawiki/2012/8/8c/Groningen2012_ADGallery11.png" width=125 height=125 /><img src="https://static.igem.org/mediawiki/2012/9/90/Groningen2012_ADGallery11prev.png" class="preview" width=250 height=280 /></a>
+
-
</li>
+
-
<li>
+
-
<a href="#"><img src="https://static.igem.org/mediawiki/2012/e/e3/Groningen2012_ADGallery8.png" width=260 height=125 /><img src="https://static.igem.org/mediawiki/2012/8/8a/Groningen2012_ADGallery8prev.png" class="preview" width=420 height=231 /></a>
+
-
</li>
+
-
</ul>
+
-
</div>
+
-
 
+
-
<div style="position: relative; float: left; top: -140px; left: 60px;">
+
-
<ul class="hoverbox">
+
-
<li>
+
-
<a href="#"><img src="https://static.igem.org/mediawiki/2012/0/0c/Groningen2012_ADGallery9.png" width=125 height=125 /><img src="https://static.igem.org/mediawiki/2012/5/5a/Groningen2012_ADGallery9prev.png" class="preview" width=250 height=280 /></a>
+
-
</li>
+
-
</ul>
+
-
</div>
+
-
 
+
-
<div style="position: relative; float: left; top: -145px;">
+
-
<ul class="hoverbox">
+
-
<li>
+
-
<a href="#"><img src="https://static.igem.org/mediawiki/2012/f/f4/Groningen2012_ADGallery22.png" width=125 height=125 /><img src="https://static.igem.org/mediawiki/2012/d/dc/Groningen2012_ADGallery22prev.png" class="preview" width=250 height=280 /></a>
+
-
</li>
+
-
<li>
+
-
<a href="#"><img src="https://static.igem.org/mediawiki/2012/0/04/Groningen2012_ADGallery14.png" width=125 height=125 /><img src="https://static.igem.org/mediawiki/2012/2/20/Groningen2012_ADGallery14prev.png" class="preview" width=250 height=280 /></a>
+
-
</li>
+
-
<li>
+
-
<a href="#"><img src="https://static.igem.org/mediawiki/2012/c/ce/Groningen2012_ADGallery21.png" width=250 height=125 /><img src="https://static.igem.org/mediawiki/2012/a/a9/Groningen2012_ADGallery21prev.png" class="preview" width=420 height=231 /></a>
+
-
</li>
+
-
<li>
+
-
<a href="#"><img src="https://static.igem.org/mediawiki/2012/a/a6/Groningen2012_ADGallery18.png" width=125 height=125 /><img src="https://static.igem.org/mediawiki/2012/0/0b/Groningen2012_ADGallery18prev.png" class="preview" width=250 height=280 /></a>
+
-
</li>
+
-
<li>
+
-
<a href="#"><img src="https://static.igem.org/mediawiki/2012/e/ec/Groningen2012_ADGallery3.png" width=125 height=125 /><img src="https://static.igem.org/mediawiki/2012/c/cb/Groningen2012_ADGallery3prev.png" class="preview" width=250 height=280 /></a>
+
-
</li>
+
-
</ul>
+
-
</div>
+
-
 
+
-
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
+
-
<br><br><br><br><br><br><br><br><br>
+
-
<div style="position: relative; top: -100px;">
+
<div class="cte2">
<div class="cte2">
<div class="ctd2">
<div class="ctd2">
-
<z2 >Gold medal checklist</z2><br>
+
<a name="MainAcc"></a><z2 >Our main accomplishments</z2><br>
</div>
</div>
</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>
 +
</html>
-
 
-
<p align=center><font color=white size=2>Click on any of the list below to see the appropriate wiki section!</font></p>
 
-
<p class="marginChecklist"><b>BRONZE</b>
 
-
<br>
 
-
<br>
 
-
<a href="https://igem.org/Team.cgi" target="_blank"><img src="https://static.igem.org/mediawiki/2012/d/df/IGEMGroningen2012_AD20120915_Tick.png"> Team registration done</a><br>
 
-
<a href="https://igem.org/2012_Judging_Form?id=818" target="_blank"><img src="https://static.igem.org/mediawiki/2012/d/df/IGEMGroningen2012_AD20120915_Tick.png"> Judging form completed</a><br>
 
-
<a href="https://2012.igem.org/Team:Groningen" target="_blank"><img src="https://static.igem.org/mediawiki/2012/d/df/IGEMGroningen2012_AD20120915_Tick.png"> Beautiful Team Wiki finished</a><br>
 
-
<img src="https://static.igem.org/mediawiki/2012/d/df/IGEMGroningen2012_AD20120915_Tick.png"> We present our poster and project at iGEM Jamboree in Amsterdam at Saturday 6 October 2012<br>
 
-
<a href="https://2012.igem.org/Team:Groningen/OurBiobrick" target="_blank"><img src="https://static.igem.org/mediawiki/2012/d/df/IGEMGroningen2012_AD20120915_Tick.png"> Our Biobricks</a>
 
-
<br>
 
-
<br>
 
-
<b>SILVER</b> (in addition to bronze medal requirements)
 
-
<br>
 
-
<br>
 
-
<a href="http://partsregistry.org/Part:BBa_K818000" target="_blank"><img src="https://static.igem.org/mediawiki/2012/d/df/IGEMGroningen2012_AD20120915_Tick.png"> Proof that our BioBrick works!</a><br>
 
-
<img src="https://static.igem.org/mediawiki/2012/d/df/IGEMGroningen2012_AD20120915_Tick.png"> <a href="http://partsregistry.org/Part:BBa_K818600" target=_blank>Characterization of our BioBrick's operation: BBa_K818600</a>
 
-
<br>
 
-
<br>
 
-
<b>GOLD</b> (in addition to silver and bronze medal requirements, any one or more of the following)
 
-
<br>
 
-
<br>
 
-
<img src="https://static.igem.org/mediawiki/2012/d/df/IGEMGroningen2012_AD20120915_Tick.png"> We improved the function of existing BioBricks: <a href="http://partsregistry.org/Part:BBa_K592010" target=_blank>BBa_K592010</a>, <a href="http://partsregistry.org/Part:BBa_K592009" target=_blank>BBa_K592009</a>, <a href="http://partsregistry.org/Part:BBa_K818000" target=_blank>BBa_K818000</a><br>
 
-
<a href="https://2012.igem.org/Team:Groningen/international_cooperation#LMUMunich" target="_blank"><img src="https://static.igem.org/mediawiki/2012/d/df/IGEMGroningen2012_AD20120915_Tick.png"> We helped iGEM LMU Munich by characterizing their parts</a><br>
 
-
<a href="https://2012.igem.org/Team:Groningen/Safety" target="_blank"><img src="https://static.igem.org/mediawiki/2012/d/df/IGEMGroningen2012_AD20120915_Tick.png"> We explored the topic of safety for GMOs that would be used near food</a><br>
 
-
<a href="https://2012.igem.org/Team:Groningen/Stop_the_food_waste_initiative" target="_blank"><img src="https://static.igem.org/mediawiki/2012/d/df/IGEMGroningen2012_AD20120915_Tick.png"> We raised public awareness about food waste in developed countries</a><br>
 
-
<a href="https://2012.igem.org/Team:Groningen/market_research" target="_blank"><img src="https://static.igem.org/mediawiki/2012/d/df/IGEMGroningen2012_AD20120915_Tick.png"> We surveyed the broad public about the need for Food Warden product and GMOs safety</a>
 
-
</p>
 
-
</div>
 
-
</body>
 
-
</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"