Team:Groningen/DesignTest2

From 2012.igem.org

(Difference between revisions)
m
Line 1: Line 1:
-
<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: 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>
 
-
 
-
 
<html>
<html>
<head>
<head>

Revision as of 17:24, 26 September 2012


Food Warden



The Food Warden
The Food Warden is a system which detects meat spoilage. It uses Bacillus subtilis 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!
read more


Stop the food waste!
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.
read more

Now in the lab
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 Bacillus biobricks are tricky things...
read more

Picture gallery



































Gold medal checklist

Click on any of the list below to see the appropriate wiki section!

BRONZE

Team registration done
Judging form completed
Beautiful Team Wiki finished
We present our poster and project at iGEM Jamboree in Amsterdam at Saturday 6 October 2012
Our Biobricks

SILVER (in addition to bronze medal requirements)

Proof that our BioBrick works!
Characterization of our BioBrick's operation: BBa_K818600

GOLD (in addition to silver and bronze medal requirements, any one or more of the following)

We improved the function of existing BioBricks: BBa_K592010, BBa_K592009, BBa_K818000
We helped iGEM LMU Munich by characterizing their parts
We explored the topic of safety for GMOs that would be used near food
We raised public awareness about food waste in developed countries
We surveyed the broad public about the need for Food Warden product and GMOs safety

Our sponsors: