Team:Groningen/TESTPAGE

From 2013.igem.org

(Difference between revisions)
Line 12: Line 12:
<img  id="cog1" src="https://static.igem.org/mediawiki/2012/a/ad/Groningen2012_AD_20120802_SmallCog.png" />
<img  id="cog1" src="https://static.igem.org/mediawiki/2012/a/ad/Groningen2012_AD_20120802_SmallCog.png" />
</div>
</div>
 +
 +
 +
<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: -20px 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/Gallery">gallery</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/Data_page">data page</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:Groningen/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>
 +
<li><a href="https://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="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/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>
 +
 +
 +
</p><p><br />
 +
</p><p><br />
 +
</p><p><br />
 +
</p><p>
 +
<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>
 +
 +
</p><p>
 +
<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>
 +
 +
</p><p>
 +
<head>
 +
<style>
 +
body {
 +
font-family: Helvetica, Arial, sans-serif;
 +
}
 +
z1 {
 +
font-size:18pt;
 +
line-height:21pt;
 +
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 {
 +
font-size:18pt;
 +
line-height:21pt;
 +
color:white;
 +
}
 +
.ctd2  {
 +
width: 230px;
 +
                                height: 25px;
 +
text-align: center;
 +
background: #000;
 +
background-color: rgba(0,0,0,0.3);
 +
padding: 5px ;
 +
margin: 30px auto;
 +
color: #FFF;
 +
}
 +
.cte2 {
 +
width: 260px;
 +
                                height: 35px;
 +
text-align: center;
 +
background: #000;
 +
padding-right:10px;
 +
padding-left:10px;
 +
margin: 0 auto;
 +
background-color: rgba(0,0,0,0.3);
 +
color: #FFF;
 +
}
 +
                        z3 {
 +
font-size:18pt;
 +
line-height:21pt;
 +
color:white;
 +
}
 +
.ctd3  {
 +
width: 180px;
 +
                                height: 25px;
 +
text-align: center;
 +
background: #000;
 +
background-color: rgba(0,0,0,0.3);
 +
padding: 5px ;
 +
margin: 30px auto;
 +
color: #FFF;
 +
}
 +
.cte3 {
 +
width: 210px;
 +
                                height: 35px;
 +
text-align: center;
 +
background: #000;
 +
padding-right:10px;
 +
padding-left:10px;
 +
margin: 0 auto;
 +
background-color: rgba(0,0,0,0.3);
 +
color: #FFF;
 +
}
 +
p.margin{
 +
font-size:12pt;
 +
line-height:14pt;
 +
color:white;
 +
margin-top:0px;
 +
margin-bottom:20px;
 +
margin-right:0px;
 +
margin-left:125px;
 +
margin-right:130px;
 +
}
 +
p.marginTable{
 +
font-size:12pt;
 +
line-height:14pt;
 +
color:white;
 +
margin-top:15px;
 +
margin-bottom:15px;
 +
margin-right:10px;
 +
margin-left:15px;
 +
margin-right:10px;
 +
}
 +
                        p.bTable{
 +
font-size:12pt;
 +
line-height:14pt;
 +
color:white;
 +
margin-top:15px;
 +
margin-bottom:15px;
 +
margin-right:10px;
 +
margin-left:15px;
 +
margin-right:10px;
 +
text-align: center;
 +
}
 +
p{
 +
margin-left:150px;
 +
font-size:12pt;
 +
line-height:14pt;
 +
margin-right:150px;
 +
color:white;
 +
}
 +
p.vid{
 +
margin-left:0;
 +
font-size:12pt;
 +
line-height:14pt;
 +
margin-right:0px;
 +
color:white;
 +
                                text-align:center
 +
}
 +
p.marginleft{
 +
font-size:12pt;
 +
line-height:14pt;
 +
color:white;
 +
margin-top:0px;
 +
margin-bottom:20px;
 +
margin-right:0px;
 +
margin-left:110px;
 +
margin-right:130px;
 +
                        }
 +
p.marginAcc{
 +
font-size:12pt;
 +
line-height:12pt;
 +
color:white;
 +
margin-top:20px;
 +
margin-bottom:20px;
 +
margin-right:0px;
 +
margin-left:0px;
 +
margin-right:0px;
 +
}
 +
p.marginleftheader{
 +
font-size:12pt;
 +
line-height:14pt;
 +
color:white;
 +
margin-top:38px;
 +
margin-bottom:0px;
 +
margin-left:650px;
 +
margin-right:200px;
 +
}
 +
p.marginChecklist{
 +
font-size:12pt;
 +
line-height:16pt;
 +
color:white;
 +
margin-top:0px;
 +
margin-bottom:38px;
 +
margin-right:0px;
 +
margin-left:150px;
 +
margin-right:115px;
 +
}
 +
a:link {
 +
color: #FFFFFF;
 +
}
 +
a:visited {
 +
color: #FFFFFF;
 +
}
 +
a:hover {
 +
color: #FF6700;
 +
}
 +
a:active {
 +
color: #FF6700;
 +
}
 +
 +
.hoverbox
 +
{
 +
cursor: default;
 +
list-style: none;
 +
        margin-left: 100px;
 +
        margin-right: 100px;
 +
}
 +
 +
.hoverbox a
 +
{
 +
cursor: default;
 +
}
 +
 +
.hoverbox a .preview
 +
{
 +
display: none;
 +
}
 +
 +
.hoverbox a:hover .preview
 +
{
 +
display: block;
 +
position: absolute;
 +
top: -60px;
 +
left: -60px;
 +
z-index: 1;
 +
}
 +
 +
.hoverbox img
 +
{
 +
background: #761C11;
 +
color: inherit;
 +
padding: 2px;
 +
vertical-align: top;
 +
}
 +
 +
.hoverbox li
 +
{
 +
background: #761C11;
 +
border-width: 0px;
 +
color: inherit;
 +
display: inline;
 +
float: left;
 +
margin: 3px;
 +
position: relative;
 +
}
 +
 +
.hoverbox .preview
 +
{
 +
background: #52140C;
 +
border-color: #761C11;
 +
}
 +
table.Bottom
 +
{
 +
padding-top: 5px;
 +
background-color: rgba(0,0,0,0.3);
 +
margin-top: 7px;
 +
margin-left: 104px;
 +
min-width: 793px;
 +
max-width: 793px;
 +
font-size:12pt;
 +
line-height:14pt;
 +
color:white;
 +
}
 +
table.MainP
 +
{
 +
background-color: transparent;
 +
margin-left: 95px;
 +
margin-right: 150px;
 +
font-size:12pt;
 +
line-height:14pt;
 +
color:white;
 +
}
 +
table.Inside
 +
{
 +
background-color: transparent;
 +
margin-left: 0px;
 +
margin-right: 0px;
 +
font-size:12pt;
 +
line-height:14pt;
 +
color:white;
 +
padding-top: 8px;
 +
padding-left: 3px;
 +
padding-right: 3px;
 +
}
 +
td.Right
 +
{
 +
padding-top: 3px;
 +
background-color: rgba(0,0,0,0.3);
 +
text-align: left;
 +
min-width: 310px;
 +
max-width: 310px;
 +
vertical-align:top;
 +
border: 10px transparent;
 +
 +
}
 +
td.Left
 +
{
 +
background-color: rgba(0,0,0,0.3);
 +
vertical-align:top;
 +
text-align: left;
 +
min-width: 465px;
 +
max-width: 465px;
 +
border: 10px transparent;
 +
}
 +
 +
</style>
 +
 +
<br>
 +
<div class="cte">
 +
<div class="ctd">
 +
<z1 >Food Warden</z1><br>
 +
</div>
 +
</div>
 +
</head>
 +
 +
<body>
 +
<br><br><br>
 +
<table class=MainP>
 +
<tr>
 +
<td>
 +
<table class=Inside>
 +
<tr>
 +
<td class=Left>
 +
<p class="marginTable">
 +
<img src="https://static.igem.org/mediawiki/2012/9/97/Groningen2012_AD20121915_Sticker.png" width="130" height="130" align=left style="padding-right: 10px; padding-top: 20px; padding-bottom:15px;"><a href="https://2012.igem.org/Team:Groningen/Project"><font color=#ff6700 size=4><b>The Food Warden</b></font></a><br>
 +
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: <b><i>it's rotten and you know it!</i></b><br>
 +
<a href="https://2012.igem.org/Team:Groningen/Project"><font color=#ff6700 size=2>read more</font></a><br>
 +
</td>
 +
</tr>
 +
</table>
 +
<table class=Inside>
 +
<tr>
 +
<td class=Left>
 +
<p class="marginTable">
 +
<a href="https://2012.igem.org/Team:Groningen/Data_page"><font color=#ff6700 size=4><b>How does it work?</b></font></a><br>
 +
Volatiles from rotten meat activate the P<i><font size=2>sboA</font></i> promoter, triggering the production of pigments (blue or yellow).<br>More details can be found on our <a href=https://2012.igem.org/Team:Groningen/Data_page><font color=#ff6700><b>Data Page</b></font></a>.<br></p>
 +
</p>
 +
</td>
 +
</tr>
 +
</table>
 +
<table class=Inside>
 +
<tr>
 +
<td class=Left>
 +
<p class="marginTable">
 +
<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>
 +
<img src="https://static.igem.org/mediawiki/2012/f/f2/Groningen2012_AD20120915_StopFoodWaste.png" width="130" height="130" align=right style="padding-left: 5px; padding-right: 5px;">Every year, 1.3 billion tons of food are thrown away worldwide (one third of total food production), partly due to the fact that best before dates are imprecise. A reliable way of monitoring whether food is spoiled or not could save money and reduce food waste.<br>
 +
<a href="https://2012.igem.org/Team:Groningen/Stop_the_food_waste_initiative"><font color=#ff6700 SIZE=2pt>read more</font></a><br><br><br>
 +
</p>
 +
</td>
 +
</tr>
 +
</table>
 +
</td>
 +
<td style="vertical-align:top;">
 +
<table class=Inside>
 +
<tr>
 +
<td class=Right>
 +
<p class=vid>
 +
<iframe src="http://player.vimeo.com/video/52145107?title=0&amp;byline=0&amp;portrait=0&amp;badge=0&amp;color=a93434&amp;autoplay=1" width="300" height="225" frameborder="0"></iframe></p>
 +
</td>
 +
</tr>
 +
</table>
 +
<table class=Inside>
 +
<tr>
 +
<td class=Right>
 +
<p class="marginAcc" align=center>
 +
<font size = 4 color=#ff6700><b>Our achievements</b></font><br><br>
 +
<img src=https://static.igem.org/mediawiki/2012/1/16/Groningen2012_GoldMedal.png style="padding-bottom:3px;"><br><font color=#ffff00><b> Gold Medal</b></font><br><br>
 +
<img src="https://static.igem.org/mediawiki/2012/2/27/Groningen2012_ADTrophy_igem.png"><br>
 +
<b>Regional Winner</b><br>
 +
<font size=2>at the iGEM European Jamboree</font><br></p>
 +
<p class="marginAcc" align=center>
 +
<img src="https://static.igem.org/mediawiki/2012/c/c5/IGGroningen2012_Brick.png" height=50><br>
 +
<b>World Championship!!!</b><br>
 +
</td>
 +
</tr>
 +
</table>
 +
</td>
 +
</tr>
 +
</table>
 +
<table class=Bottom>
 +
<tr>
 +
<td>
 +
<p align = center>
 +
<a href="https://2012.igem.org/files/presentation/Groningen_Championship.pdf" target=_blank>
 +
Our presentation [.pdf]</a> ||
 +
<a href="https://2012.igem.org/files/video/Groningen_Championship.mp4" target=_blank>
 +
Our presentation (recording)</a> ||
 +
<a href="https://igem.org/images/easel_icon.png" target=_blank>
 +
Our poster</a>
 +
</p>
 +
</td>
 +
</tr>
 +
</table>
 +
<a name="#"></a><br>
 +
<div class="cte3">
 +
<div class="ctd3">
 +
<z3 >Picture gallery</z3><br>
 +
</div>
 +
</div>
 +
<br>
 +
<ul class="hoverbox">
 +
<li>
 +
<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>
 +
</li>
 +
<li>
 +
<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>
 +
</li>
 +
<li>
 +
<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>
 +
</li>
 +
<li>
 +
<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>
 +
</li>
 +
<li>
 +
<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>
 +
</li>
 +
<li>
 +
<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>
 +
</li>
 +
<li>
 +
<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/7/7d/Groningen2012_ADGalleryWinners.png" width=250 height=260 /><img src="https://static.igem.org/mediawiki/2012/e/e7/Groningen2012_ADGalleryWinners_prev.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/0/09/Groningen2012_ADGallery10b.png" width=125 height=125 /><img src="https://static.igem.org/mediawiki/2012/0/06/Groningen2012_ADGallery10bprev.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><br><br>
 +
<div style="position: relative; top: -100px;">
 +
<div class="cte2">
 +
<div class="ctd2">
 +
<z2 >Gold medal checklist</z2><br>
 +
</div>
 +
</div>
 +
 +
 +
 +
<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><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>
 +
 +
 +
<head>
 +
        <style>
 +
h1 {
 +
font-size:21pt;
 +
color:white;
 +
background:url(https://static.igem.org/mediawiki/2012/4/49/Groningen2012_ID_20120812_LogoGroningen2012.png) right top  no-repeat;
 +
background-size:25% auto;
 +
min-height: 50px;
 +
}
 +
.cta {
 +
width: 800px;
 +
background: #000;
 +
border-radius: 0px;
 +
padding: 10px;
 +
margin: 0px auto;
 +
background-color: rgba(0,0,0,0.5);
 +
color: #FFF;
 +
}
 +
div.rowlevel {
 +
margin:2px;
 +
border:2px solid #000000;
 +
height:auto;
 +
width:auto;
 +
float:center;
 +
background:white;
 +
text-align:center;
 +
}
 +
img.platinum{
 +
height: 120px;
 +
margin: 0px auto;
 +
padding-top: 0px;
 +
padding-bottom: 0px;
 +
padding-left: 20px;
 +
padding-right: 20px;
 +
}
 +
img.platinumsmall{
 +
height: 80px;
 +
margin: 0px auto;
 +
padding-top: 0px;
 +
padding-bottom: 0px;
 +
padding-left: 20px;
 +
padding-right: 20px;
 +
}
 +
img.gold{
 +
height: 90px;
 +
margin: 0px auto;
 +
padding-top: 0px;
 +
padding-bottom: 0px;
 +
padding-left: 5px;
 +
padding-right: 5px;
 +
}
 +
img.silver{
 +
height: 70px;
 +
margin: 0px auto;
 +
padding-top: 5px;
 +
padding-bottom: 5px;
 +
padding-left: 10px;
 +
padding-right: 10px;
 +
}
 +
img.bronze{
 +
height: 60px;
 +
margin: 0px auto;
 +
padding-top: 0px;
 +
padding-bottom: 0px;
 +
padding-left: 10px;
 +
padding-right: 10px;
 +
}
 +
a.nologo12{
 +
font-size:12pt;
 +
line-height:12pt;
 +
color: rgb(200,0,0);
 +
}
 +
a.nologo12:hover{
 +
text-decoration: none;
 +
}
 +
</style>
 +
</head>
 +
<body>
 +
        <div class="cta">
 +
<h1>Our sponsors:</h1>
 +
<div class="rowlevel">
 +
<a href="http://www.rug.nl/corporate/index" target="_blank"><img class="platinum" src="https://static.igem.org/mediawiki/2012/2/2c/Groningen2012_JP_20120813_Gratio_RuG.jpg"/></a>
 +
<a href="http://www.rug.nl/fmns-research/gbb/index" target="_blank"><img class="platinumsmall" src="https://static.igem.org/mediawiki/2012/7/7a/Groningen2012_JP_20120813_Gratio_GBB.jpg"/></a>
 +
<a href="http://nbv.kncv.nl/stichting-biotechnologie-nederland-%28sbn%29.7252.lynkx"><img class="platinum" src="https://static.igem.org/mediawiki/2012/5/5f/Groningen2012_JP_20120813_Gratio_SBN.jpg"/></a>
 +
</div>
 +
<div class="rowlevel">
 +
<a href="http://www.dsm.com/nl_NL/dsmnl/public/home/pages/home.jsp" target="_blank"><img class="gold" src="https://static.igem.org/mediawiki/2012/7/78/Groningen2012_JP_20120813_Gratio_DSM.jpg"/></a>
 +
<a href="http://www.erasynbio.eu/project" target="_blank"><img class="gold" src="https://static.igem.org/mediawiki/2012/7/7f/Groningen2012_JP_20121022_SynBio.jpg"/></a>
 +
<a href="http://www.rug.nl/fmns-research/csb/index" target="_blank"><img class="gold" src="https://static.igem.org/mediawiki/2012/c/c2/Groningen2012_JP_20121022_CSB.jpg"/></a>
 +
<a href="http://www.maxgruber-foundation.nl/" target="_blank"><img class="gold" src="https://static.igem.org/mediawiki/2012/f/fe/Groningen2012_JP_20121022_Max.jpg"/></a>
 +
<a href="http://www.rug.nl/fmns-research/zernike/index" target="_blank"><img class="gold" height="70px" src="https://static.igem.org/mediawiki/2012/8/87/Groningen2012_JP_20120924_Gratio_ZIAM.jpg"/></a>
 +
</div>
 +
<div class="rowlevel">
 +
<a href="http://www.rug.nl/sciencelinx/index" target="_blank"><img class="silver" src="https://static.igem.org/mediawiki/2012/8/88/Groningen2012_JP_20120924_Gratio_SLinx.jpg"/></a>
 +
<a href="http://molgen.biol.rug.nl/molgen/index.php" target="_blank"><img class="silver" src="https://static.igem.org/mediawiki/2012/a/a2/Groningen2012_JP_20120813_Gratio_MolGen.jpg"/></a>
 +
<a href="http://www.rug.nl/fmns-research/alice/index" target="_blank"><img class="silver" src="https://static.igem.org/mediawiki/2012/7/7c/Groningen2012_JP_20120924_Gratio_ALICE.jpg"/></a>
 +
<a href="http://www.sonac.biz/nl/" target="_blank"><img class="silver" src="https://static.igem.org/mediawiki/2012/d/de/Groningen2012_JP_20121022_SONAC.jpg"/></a>
 +
<a href="http://www.sigmaaldrich.com/nederland.html" target="_blank"><img class="silver" src="https://static.igem.org/mediawiki/2012/d/d0/Groningen2012_JP_20120813_Gratio_Sigma.jpg"/></a>
 +
</div>
 +
<div class="rowlevel">
 +
<a href="http://www.thermofisher.com/global/en/home.asp" target="_blank"><img class="bronze" src="https://static.igem.org/mediawiki/2012/6/60/Groningen2012_JP_20120813_Gratio_ThermoFisher.jpg"/></a>
 +
<a href="http://www.infors-ht.com/index.php/en/" target="_blank"><img class="bronze" src="https://static.igem.org/mediawiki/2012/d/de/Groningen2012_JP_20120924_Gratio_Infors.jpg"/></a>
 +
<a href="http://eu.idtdna.com/site" target="_blank"><img class="bronze" src="https://static.igem.org/mediawiki/2012/1/1a/Groningen2012_JP_20120813_Gratio_IDT.jpg"/></a>
 +
</div>
 +
</body>
</body>
</body>
</html>
</html>

Revision as of 19:21, 23 May 2013

This is my work in progress test css and html inside of wiki page.





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

How does it work?
Volatiles from rotten meat activate the PsboA promoter, triggering the production of pigments (blue or yellow).
More details can be found on our Data Page.

Stop the food waste!
Every year, 1.3 billion tons of food are thrown away worldwide (one third of total food production), partly due to the fact that best before dates are imprecise. A reliable way of monitoring whether food is spoiled or not could save money and reduce food waste.
read more

Our achievements


Gold Medal


Regional Winner
at the iGEM European Jamboree


World Championship!!!

Our presentation [.pdf] || Our presentation (recording) || Our poster


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
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:

Retrieved from "http://2013.igem.org/Team:Groningen/TESTPAGE"