Team:Groningen/DesignTest

From 2012.igem.org

(Difference between revisions)
m
m
Line 1: Line 1:
-
{{HeaderGroningen2012}}
+
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
 +
<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: none;
 +
background-color:transparent;
 +
}
 +
#search-controls{display: none;}
 +
#contentSub{display: none;}
 +
#catlinks{display: none;}
 +
#footer-box{display: none;}
 +
#p-logo{display: block;}
 +
#top-section {
 +
display: none;
 +
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="http://2012.igem.org/wiki/images/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="http://2012.igem.org/wiki/images/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="http://2012.igem.org/wiki/images/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="http://2012.igem.org/wiki/images/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="http://2012.igem.org/wiki/images/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="http://2012.igem.org/wiki/images/a/ad/Groningen2012_AD_20120802_SmallCog.png" />
 +
</div>
 +
 
 +
<div class="expand-down">
 +
<ul id="navigation" >
 +
<li class="sub" id="menuhome">
 +
 +
<a href="http://2012.igem.org/Team:Groningen" title="Home" rel="nofollow">
 +
<img src="http://2012.igem.org/wiki/images/6/61/Groningen2012_ID_20120808_Menu_Home.png" alt="Home"  title="Home" />
 +
<span>home</span>
 +
</a>
 +
 
 +
<div class="cogbig">
 +
<img id="cogbighome" src="http://2012.igem.org/wiki/images/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="http://2012.igem.org/wiki/images/b/b6/Groningen2012_AD_20120802_BigCog.png" width="80" height="80">
 +
</div>
 +
<a href="http://2012.igem.org/Team:Groningen/Team" title="Team" rel="nofollow" >
 +
<img src="http://2012.igem.org/wiki/images/f/fc/Groningen2012_ID_20120808_Menu_Team.png" alt="team" title="Team" />
 +
<span>team</span>
 +
<ul>
 +
<li><a href="http://2012.igem.org/Team:Groningen/Team">about us</a></li>
 +
<li><a href="http://igem.org/Team.cgi?id=818" TARGET="_blank">official profile</a></li>
 +
                                                        <li><a href="http://2012.igem.org/Team:Groningen/Gallery">gallery</a></li>
 +
                                                       
 +
                                                        <li><a href="http://2012.igem.org/Team:Groningen/Attributions">attributions</a></li>
 +
                                                        <li><a href="http://2012.igem.org/Team:Groningen/acknowledgements">acknowledgements</a></li>
 +
 
 +
                                                        <li><a href="http://2012.igem.org/Team:Groningen/Contact">contact</a></li>
 +
</ul>
 +
</a>
 +
</li>
 +
<li class="sub" id="menuproject">
 +
<div class="cogbig">
 +
<img id="cogbigproject" src="http://2012.igem.org/wiki/images/b/b6/Groningen2012_AD_20120802_BigCog.png" width="80" height="80">
 +
</div>
 +
<a href="http://2012.igem.org/Team:Groningen/Project" title="Project" rel="nofollow" >
 +
<img src="http://2012.igem.org/wiki/images/1/19/Groningen2012_ID_20120808_Menu_Project.png" alt="Project" title="Project" />
 +
<span>project</span>
 +
<ul>
 +
<li><a href="http://2012.igem.org/Team:Groningen/Project">abstract</a></li>                            <li><a href="http://2012.igem.org/Team:Groningen/Data_page">data page</a></li>
 +
<li><a href="http://2012.igem.org/Team:Groningen/Sticker">sticker</a></li>
 +
<li><a href="http://2012.igem.org/Team:Groningen/volatiles">volatiles</a></li>
 +
<li><a href="http://2012.igem.org/Team:Groningen/Sensor">sensor</a></li>
 +
<li><a href="http://2012.igem.org/Team:Groningen/pigmentproduction">pigment</a></li>
 +
<li><a href="http://2012.igem.org/Team:Groningen/Construct">construct</a></li>
 +
<li><a href="http://2012.igem.org/Team:Groningen/Kill_Switch">kill switch</a></li>
 +
<li><a href="http://2012.igem.org/Team:Groningen/Modeling">modeling</a></li>
 +
<li><a href="http://2012.igem.org/Team:Groningen/Notebook">notebook</a></li>
 +
 +
</ul>   
 +
</a>
 +
</li>
 +
<li class="sub" id="menuparts">
 +
<div class="cogbig">
 +
<img id="cogbigparts" src="http://2012.igem.org/wiki/images/b/b6/Groningen2012_AD_20120802_BigCog.png" width="80" height="80">
 +
</div>
 +
<a href="http://2012.igem.org/Team:Groningen/OurBiobrick" title="Parts" rel="nofollow" >
 +
<img src="http://2012.igem.org/wiki/images/0/06/Groningen2012_ID_20120808_Menu_Parts.png" alt="Parts" title="Parts" />
 +
<span>parts</span>
 +
                                                <ul>
 +
<li><a href="http://2012.igem.org/Team:Groningen/OurBiobrick">our biobricks</a></li>
 +
                                                        <li><a href="http://2012.igem.org/Team:Groningen/parts_fail">improvements</a></li>
 +
                                                        <li><a href="http://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="http://2012.igem.org/wiki/images/b/b6/Groningen2012_AD_20120802_BigCog.png" width="80" height="80">
 +
</div>
 +
<a href="http://2012.igem.org/Team:Groningen/Safety" title="Safety" rel="nofollow" >
 +
<img src="http://2012.igem.org/wiki/images/d/d4/Groningen2012_ID_20120808_Menu_Safety.png" alt="Safety" title="Safety" />
 +
<span>safety</span>
 +
                                                <ul>
 +
 +
<li><a href="http://2012.igem.org/Team:Groningen/Safety">general safety</a></li>
 +
<li><a href="http://2012.igem.org/Team:Groningen/10com">in the lab</a></li>
 +
<li><a href="http://2012.igem.org/Team:Groningen/publicsafety">public safety</a></li>
 +
<li><a href="http://2012.igem.org/Team:Groningen/environment">environment</a></li>
 +
<li><a href="http://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="http://2012.igem.org/wiki/images/b/b6/Groningen2012_AD_20120802_BigCog.png" width="80" height="80">
 +
</div>
 +
<a href="http://2012.igem.org/Team:Groningen/overview" title="Public Relation" rel="nofollow" >
 +
<img src="http://2012.igem.org/wiki/images/6/6f/Groningen2012_ID_20120808_Menu_Public_Relations.png" alt="Public Relation" title="Public Relation" />
 +
<span>human<br>practice</span>
 +
                                                <ul>
 +
<li><a href="http://2012.igem.org/Team:Groningen/overview">overview</a></li>
 +
<li><a href="http://2012.igem.org/Team:Groningen/summer_school">summerschool</a></li>
 +
<li><a href="http://2012.igem.org/Team:Groningen/Stop_the_food_waste_initiative">stop food waste</a></li>
 +
<li><a href="http://2012.igem.org/Team:Groningen/market_research">market research</a></li>
 +
<li><a href="http://2012.igem.org/Team:Groningen/Festivals">festivals</a></li>
 +
<li><a href="http://2012.igem.org/Team:Groningen/symposia">presentations</a></li>
 +
<li><a href="http://2012.igem.org/Team:Groningen/international_cooperation">collaboration</a></li>
 +
<li><a href="http://2012.igem.org/Team:Groningen/Media_coverage">media coverage</a></li>
 +
</ul>
 +
</a>
 +
</li>
 +
<li class="sub" id="menusponsors">
 +
<div class="cogbig">
 +
<img id="cogbigsponsors" src="http://2012.igem.org/wiki/images/b/b6/Groningen2012_AD_20120802_BigCog.png" width="80" height="80">
 +
</div>
 +
<a href="http://2012.igem.org/Team:Groningen/Sponsors" title="Sponsors" rel="nofollow" >
 +
<img src="http://2012.igem.org/wiki/images/d/d4/Groningen2012_ID_20120808_Menu_Sponsors.png" alt="Sponsors" title="Sponsors" />
 +
<span>sponsors</span>
 +
<ul>
 +
<li><a href="http://2012.igem.org/Team:Groningen/our_sponsors">our sponsors</a></li>
 +
<li><a href="http://2012.igem.org/Team:Groningen/sponsor_levels">sponsorship levels</a></li>
 +
</ul>
 +
</a>
 +
 
 +
<img id="img1" img src="http://2012.igem.org/wiki/images/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="http://2012.igem.org/wiki/images/4/41/Groningen_2012_logoFW.png" width="220px"/><a href="http://2012.igem.org/Main_Page">
 +
<img id="img3" img src="http://igem.org/wiki/images/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>
 +
 
<html>
<html>
<head>
<head>

Revision as of 02:15, 27 October 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.



Completed after European Regionals



Tested a construct with downregulated promoter WapA
Performed enhanced construct characterization
Characterized the influence of oxygen on germination and growth within the sticker
Expanded the scope of the market survey
Collaborated with Cambridge 2012

Our main accomplishments



Hover your mouse over the pictures to see more!



1.
We designed and tested the "Sticker": a capsule in which bacteria are kept inside and volatiles can go through. We used a model to get insight on how to tweak the growth of Bacillus subtilis.

2. We explored the definition of spoiled meat and ways to check meat spoilage. We identified various compounds present in spoiled meat.

3. We identified spoiled meat sensors by transcriptome analysis.


4. Backbone pSac-Cm: easy cloning in
B. subtilis, the BioBrick way, for the first time! It's easy to check, BioBrick compatible, E. coli compatible, stabily inserted into the B. subtilis chromosome.



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


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





Our sponsors: