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">
+
{{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>
+
<html>
-
<style>
+
<head>
-
div.cogbig{
+
<style>
-
position:absolute;
+
-
padding: 0px;
+
-
margin: 0px 0px;
+
-
opacity:0.4;
+
-
filter:alpha(opacity=40);
+
-
z-index:-1;
+
-
}
+
-
+
-
/*Windmill*/
+
-
#arm{
+
-
width:120px;
+
-
height:104px;
+
-
position:absolute;
+
-
z-index:2;
+
-
}
+
-
#img1{
+
-
width:120px;
+
-
height:104px;
+
-
position:absolute;
+
-
z-index:10;
+
-
left:-18px;
+
-
top:-32px;
+
-
}
+
-
+
-
/*Menu*/
+
-
#navigation {
+
-
margin: 0;
+
-
padding: 0 0em;
+
-
height: 20px;
+
-
list-style: none;
+
-
display:block;
+
-
font-size:12px;
+
-
color:#fff;
+
-
z-index:2;
+
-
}
+
-
#navigation > li {
+
-
float: left;
+
-
height: 100%;
+
-
margin-right: 40px;
+
-
left:0px;
+
-
padding: 0 0em;
+
-
}
+
-
#navigation > li > a {
+
-
float: left;
+
-
height: 100%;
+
-
color: #00;
+
-
text-decoration: none;
+
-
font-weight: bold;
+
-
text-transform: uppercase;
+
-
}
+
-
#navigation > li > a:hover {
+
-
color: Black;
+
-
text-decoration: underline;
+
-
}
+
-
#navigation > li.sub {
+
-
position: relative;
+
-
}
+
-
#navigation > li.sub ul {
+
-
width: 120px;
+
-
margin: 0;
+
-
padding: 0.1em 0;
+
-
list-style: none;
+
-
background: #000;
+
-
position: absolute;
+
-
top: -1000em;
+
-
}
+
-
#navigation > li.sub ul li {
+
-
width: 90%;
+
-
}
+
-
#navigation > li.sub ul li a {
+
-
height: 100%;
+
-
display: block;
+
-
padding: 0.4em;
+
-
color: #fff;
+
-
font-weight: bold;
+
-
text-decoration: none;
+
-
}
+
-
#navigation > li.sub ul li a:hover {
+
-
background: #c60;
+
-
text-decoration: underline;
+
-
}
+
-
#navigation > li.sub:hover ul {
+
-
top: 2em;
+
-
}
+
-
#expand
+
body {
-
.expand-down
+
font-family: Helvetica, Arial, sans-serif;
-
{
+
-
font-family: Arial,Helvetica,sans-serif;
+
-
line-height: normal;
+
-
margin-bottom: 30px;
+
-
margin-top: 0px;
+
-
z-index:1;
+
-
}
+
-
.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 {
+
-
display:none;
+
-
z-index:1;
+
-
}
+
-
.expand-down ul li:hover a span {
+
-
display:block;
+
-
font-size:14px;
+
-
text-align:center;
+
-
color:#fff;
+
-
z-index:1;
+
-
}
+
-
.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
+
z1 {
-
{
+
font-size:21pt;
-
background-attachment:fixed;
+
line-height:21pt;
-
background-image:url(https://static.igem.org/mediawiki/2012/6/66/Groningen2012_AD_20120802_Background.png);
+
color:white;
-
text-align: justify;
+
}
-
border: none;
+
                .ctd {
-
}
+
                        width: 220px;
-
#content
+
text-align: center;
-
{
+
                        background: #000;
-
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;
+
-
}
+
 +
background-color: transparent;
 +
background-color: rgba(0,0,0,0.3);
 +
                        padding: 10px ;
 +
                        margin: 30px auto;
 +
                     
 +
                        color: #FFF;
-
/*Suppress iGEM defaults*/
+
                }
-
a[title="Main Page"]{display: none;}
+
                .cte {
-
.firstHeading{display: none;}
+
                        width: 280px;
-
#menubar{display: none;}
+
text-align: center;
-
#search-controls{display: none;}
+
                        background: #000;
-
#contentSub{display: none;}
+
 
-
#catlinks{display: none;}
+
padding-right:10px;
-
#footer-box{display: none;}
+
padding-left:10px;
-
</style>
+
                        margin: 0 auto;
-
</head>
+
background-color: transparent;
-
+
  background-color: rgba(0,0,0,0.3);
-
<body>
+
 
-
<div class="expand-down">
+
                        color: #FFF;
-
<ul id="navigation">
+
 
-
<li class="sub">
+
                }
-
<div class="cogbig">
+
</style>
-
<img 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" title="Home" rel="nofollow" target="_blank">
+
<div class="cte">
-
<img src="https://static.igem.org/mediawiki/2012/6/61/Groningen2012_ID_20120808_Menu_Home.png" alt="Home" title="Home" />
+
<div class="ctd">
-
<span>home</span>
+
<z1 >Project</z1><br>
-
</a>
+
</div>
-
</li>
+
</div>
-
<li class="sub">
+
</body>
-
<div class="cogbig">
+
</head>
-
<img 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" target="_blank">
+
-
<img src="https://static.igem.org/mediawiki/2012/f/fc/Groningen2012_ID_20120808_Menu_Team.png" alt="Team" title="Team" width="74" height="72" />
+
-
<span>team</span>
+
-
<ul>
+
-
<li><a href="#">about us</a></li>
+
-
<li><a href="#">official team profile</a></li>
+
-
</ul>
+
-
</a>
+
-
</li>
+
-
<li class="sub">
+
-
<div class="cogbig">
+
-
<img src="https://static.igem.org/mediawiki/2012/b/b6/Groningen2012_AD_20120802_BigCog.png" width="80" height="80">
+
-
</div>
+
-
<a href="https://2012.igem.org/Team:Groningen/Project" title="Project" rel="nofollow" target="_blank">
+
-
<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="#">description</a></li>
+
-
<li><a href="#">wetwork</a></li>
+
-
<li><a href="#">modeling</a></li>
+
-
<li><a href="#">notebook</a></li>
+
-
<li><a href="#">attributions</a></li>
+
-
</ul>   
+
-
</a>
+
-
</li>
+
-
<li class="sub">
+
-
<div class="cogbig">
+
-
<img src="https://static.igem.org/mediawiki/2012/b/b6/Groningen2012_AD_20120802_BigCog.png" width="80" height="80">
+
-
</div>
+
-
<a href="https://2012.igem.org/Team:Groningen/Parts" title="Parts" rel="nofollow" target="_blank">
+
-
<img src="https://static.igem.org/mediawiki/2012/0/06/Groningen2012_ID_20120808_Menu_Parts.png" alt="Parts" title="Parts" />
+
-
<span>parts</span>
+
-
</a>
+
-
</li>
+
-
<li class="sub">
+
-
<div class="cogbig">
+
-
<img src="https://static.igem.org/mediawiki/2012/b/b6/Groningen2012_AD_20120802_BigCog.png" width="80" height="80">
+
-
</div>
+
-
<a href="https://2012.igem.org/Team:Groningen/Safety" title="Safety" rel="nofollow" target="_blank">
+
-
<img src="https://static.igem.org/mediawiki/2012/d/d4/Groningen2012_ID_20120808_Menu_Safety.png" alt="Safety" title="Safety" />
+
-
<span>safety</span>
+
-
</a>
+
-
</li>
+
-
<li class="sub">
+
-
<div class="cogbig">
+
-
<img src="https://static.igem.org/mediawiki/2012/b/b6/Groningen2012_AD_20120802_BigCog.png" width="80" height="80">
+
-
</div>
+
-
<a href="https://2012.igem.org/Team:Groningen/PublicRelations" title="Public Relation" rel="nofollow" target="_blank">
+
-
<img src="https://static.igem.org/mediawiki/2012/6/6f/Groningen2012_ID_20120808_Menu_Public_Relations.png" alt="Public Relation" title="Public Relation" />
+
-
<span>public<br>relations</span>
+
-
</a>
+
-
</li>
+
-
<li class="sub">
+
-
<div class="cogbig">
+
-
<img src="https://static.igem.org/mediawiki/2012/b/b6/Groningen2012_AD_20120802_BigCog.png" width="80" height="80">
+
-
</div>
+
-
<a href="https://2012.igem.org/Team:Groningen/Sponsors" title="Sponsors" rel="nofollow" target="_blank">
+
-
<img src="https://static.igem.org/mediawiki/2012/d/d4/Groningen2012_ID_20120808_Menu_Sponsors.png" alt="Sponsors" title="Sponsors" />
+
-
<span>sponsors</span>
+
-
</a>
+
-
+
-
<script>
+
-
var angle = 0;
+
-
setInterval(function(){
+
-
angle-=3; //rotation - and +
+
-
$("#img1").rotate(angle);
+
-
},50);
+
-
</script>
+
-
<img id="img1" img src="https://static.igem.org/mediawiki/2012/e/e4/Groningen2012_AD_20120802_WindmillArms.png" width="120"height="104" />
+
-
</li>
+
-
</ul>
+
-
</div>
+
-
</body>
+
</html>
</html>
 +
<html>
 +
<head>
 +
<style type="text/css">
 +
p.margin
 +
{
 +
font-size:14pt;
 +
line-height:14pt;
 +
color:white;
 +
margin-top:0px;
 +
margin-bottom:20px;
 +
margin-right:0px;
 +
margin-left:150px;
 +
margin-right:150px;
 +
}
 +
p
 +
{
 +
margin-left:150px;
 +
font-size:14pt;
 +
line-height:14pt;
 +
margin-right:150px;
 +
color:white;
 +
}
 +
p.marginspace
 +
{
 +
font-size:14pt;
 +
line-height:14pt;
 +
color:white;
 +
margin-top:0px;
 +
margin-bottom:200px;
 +
margin-right:0px;
 +
margin-left:50px;
 +
margin-right:200px;
 +
}
 +
</style>
 +
</head>
 +
 +
<body>
 +
 +
<p class="margin">abstract
 +
</p>
 +
<p class="marginleft">
 +
Our goal is to build a system to sense meat spoilage. When a package of meat is saved after opening, a closed sticker containing <i>Bacillus subtilis</i> spores is activated by breaking the middle compartment, similar to activating a glow-in-the-dark stick, whereby alanine and water are mixed with the spores to cause germination. When the germinated microbes come in contact with volatiles from rotting meat, a pathway is activated which results to the production of a pigment. When this happens, the consumer knows that he has to throw away the food. <br>
 +
<br>
 +
</p>
 +
<p class="marginspace">
 +
</p>
 +
<p>text</p>
 +
</body>
 +
 +
</html>
 +
 +
<html>
 +
<head>
 +
<style>
 +
 +
body {
 +
font-family: Helvetica, Arial, sans-serif;
 +
 +
                }
 +
stickerP {
 +
font-size:12pt;
 +
                        line-height:12pt;
 +
                        color:white;
 +
}
 +
                .sticker1 {
 +
                        width: 200px;
 +
text-align: center;
 +
                        background: #000;
 +
background-color: transparent;
 +
background-color: rgba(0,0,0,0.3);
 +
                        padding: 10px ;
 +
                        margin: 0px auto;
 +
                        color: #FFF;
 +
}
 +
                .sticker2 {
 +
left: 250px;
 +
top:600px;
 +
position:absolute;
 +
                        width: 220px;
 +
text-align: center;
 +
                        background: #000;
 +
padding-right:10px;
 +
padding-left:10px;
 +
                        margin: 0 auto;
 +
background-color: transparent;
 +
background-color: rgba(0,0,0,0.3);
 +
                        color: #FFF;
 +
 +
}
 +
</style>
 +
 +
<div class="sticker2">
 +
<div class="sticker1">
 +
<stickerP ><A HREF="https://2012.igem.org/Team:Groningen/rotting" TARGET="_blank"><FONT COLOR=#ffffff>rotting of meat</FONT></A></stickerP>
 +
</div>
 +
</div>
 +
</body>
 +
</head>
 +
</html>
 +
 +
 +
<html>
 +
<head>
 +
<style>
 +
 +
body {
 +
font-family: Helvetica, Arial, sans-serif;
 +
 +
                }
 +
GerminationP {
 +
font-size:12pt;
 +
                        line-height:12pt;
 +
                        color:white;
 +
}
 +
                .Germination1 {
 +
                        width: 200px;
 +
text-align: center;
 +
                        background: #000;
 +
background-color: transparent;
 +
background-color: rgba(0,0,0,0.3);
 +
                        padding: 10px ;
 +
                        margin: 0px auto;
 +
                        color: #FFF;
 +
}
 +
                .Germination2 {
 +
left: 550px;
 +
top:600px;
 +
position:absolute;
 +
                        width: 220px;
 +
text-align: center;
 +
                        background: #000;
 +
padding-right:10px;
 +
padding-left:10px;
 +
                        margin: 0 auto;
 +
background-color: transparent;
 +
background-color: rgba(0,0,0,0.3);
 +
                        color: #FFF;
 +
 +
}
 +
</style>
 +
 +
<div class="Germination2">
 +
<div class="Germination1">
 +
<GerminationP ><A HREF="https://2012.igem.org/Team:Groningen/germinationandsporulation" TARGET="_blank"><FONT COLOR=#ffffff>germination and sporulation</FONT></A></GerminationP>
 +
</div>
 +
</div>
 +
</body>
 +
</head>
 +
</html>
 +
 +
 +
 +
<html>
 +
<head>
 +
<style>
 +
 +
body {
 +
font-family: Helvetica, Arial, sans-serif;
 +
 +
                }
 +
PBADmeat1P {
 +
font-size:12pt;
 +
                        line-height:12pt;
 +
                        color:white;
 +
}
 +
                .PBADmeat11 {
 +
                        width: 200px;
 +
text-align: center;
 +
                        background: #000;
 +
background-color: transparent;
 +
background-color: rgba(0,0,0,0.3);
 +
                        padding: 10px ;
 +
                        margin: 0px auto;
 +
                        color: #FFF;
 +
}
 +
                .PBADmeat12 {
 +
left: 250px;
 +
top:640px;
 +
position:absolute;
 +
                        width: 220px;
 +
text-align: center;
 +
                        background: #000;
 +
padding-right:10px;
 +
padding-left:10px;
 +
                        margin: 0 auto;
 +
background-color: transparent;
 +
background-color: rgba(0,0,0,0.3);
 +
                        color: #FFF;
 +
 +
}
 +
</style>
 +
 +
<div class="PBADmeat12">
 +
<div class="PBADmeat11">
 +
<PBADmeat1P ><A HREF="https://2012.igem.org/Team:Groningen/identifyingbadvolatiles" TARGET="_blank"><FONT COLOR=#ffffff>dentifying bad volatiles</FONT></A></PBADmeat1>
 +
</div>
 +
</div>
 +
</body>
 +
</head>
 +
</html>
 +
 +
 +
<html>
 +
<head>
 +
<style>
 +
 +
body {
 +
font-family: Helvetica, Arial, sans-serif;
 +
 +
                }
 +
PBADmeat2P {
 +
font-size:12pt;
 +
                        line-height:12pt;
 +
                        color:white;
 +
}
 +
                .PBADmeat21 {
 +
                        width: 200px;
 +
text-align: center;
 +
                        background: #000;
 +
background-color: transparent;
 +
background-color: rgba(0,0,0,0.3);
 +
                        padding: 10px ;
 +
                        margin: 0px auto;
 +
                        color: #FFF;
 +
}
 +
                .PBADmeat22 {
 +
left: 550px;
 +
top:640px;
 +
position:absolute;
 +
                        width: 220px;
 +
text-align: center;
 +
                        background: #000;
 +
padding-right:10px;
 +
padding-left:10px;
 +
                        margin: 0 auto;
 +
background-color: transparent;
 +
background-color: rgba(0,0,0,0.3);
 +
                        color: #FFF;
 +
 +
}
 +
</style>
 +
 +
<div class="PBADmeat22">
 +
<div class="PBADmeat21">
 +
<PBADmeat2P ><A HREF="https://2012.igem.org/Team:Groningen/identifyingPBADmeat" TARGET="_blank"><FONT COLOR=#ffffff>identifying PBADmeat</FONT></A></PBADmeat2P>
 +
</div>
 +
</div>
 +
</body>
 +
</head>
 +
</html>
 +
 +
 +
<html>
 +
<head>
 +
<style>
 +
 +
body {
 +
font-family: Helvetica, Arial, sans-serif;
 +
 +
                }
 +
PigmentsP {
 +
font-size:12pt;
 +
                        line-height:12pt;
 +
                        color:white;
 +
}
 +
                .Pigments1 {
 +
                        width: 200px;
 +
text-align: center;
 +
                        background: #000;
 +
background-color: transparent;
 +
background-color: rgba(0,0,0,0.3);
 +
                        padding: 10px ;
 +
                        margin: 0px auto;
 +
                        color: #FFF;
 +
}
 +
                .Pigments2 {
 +
left: 250px;
 +
top:680px;
 +
position:absolute;
 +
                        width: 220px;
 +
text-align: center;
 +
                        background: #000;
 +
padding-right:10px;
 +
padding-left:10px;
 +
                        margin: 0 auto;
 +
background-color: transparent;
 +
background-color: rgba(0,0,0,0.3);
 +
                        color: #FFF;
 +
 +
}
 +
</style>
 +
 +
<div class="Pigments2">
 +
<div class="Pigments1">
 +
<PigmentsP ><A HREF="https://2012.igem.org/Team:Groningen/PBADmeat" TARGET="_blank"><FONT COLOR=#ffffff>PBADmeat</FONT></A></Pigments>
 +
</div>
 +
</div>
 +
</body>
 +
</head>
 +
</html>
 +
 +
 +
<html>
 +
<head>
 +
<style>
 +
 +
body {
 +
font-family: Helvetica, Arial, sans-serif;
 +
 +
                }
 +
DeathP {
 +
font-size:12pt;
 +
                        line-height:12pt;
 +
                        color:white;
 +
}
 +
                .Death1 {
 +
                        width: 200px;
 +
text-align: center;
 +
                        background: #000;
 +
background-color: transparent;
 +
background-color: rgba(0,0,0,0.3);
 +
                        padding: 10px ;
 +
                        margin: 0px auto;
 +
                        color: #FFF;
 +
}
 +
                .Death2 {
 +
left: 550px;
 +
top:680px;
 +
position:absolute;
 +
                        width: 220px;
 +
text-align: center;
 +
                        background: #000;
 +
padding-right:10px;
 +
padding-left:10px;
 +
                        margin: 0 auto;
 +
background-color: transparent;
 +
background-color: rgba(0,0,0,0.3);
 +
                        color: #FFF;
 +
 +
}
 +
</style>
 +
 +
<div class="Death2">
 +
<div class="Death1">
 +
<DeathP ><A HREF="https://2012.igem.org/Team:Groningen/pigmentproduction" TARGET="_blank"><FONT COLOR=#ffffff>pigment production</FONT></A></DeathP>
 +
</div>
 +
</div>
 +
</body>
 +
</head>
 +
</html>
{{Template:SponsorsGroningen2012}}
{{Template:SponsorsGroningen2012}}

Revision as of 13:25, 29 August 2012




Project

abstract

Our goal is to build a system to sense meat spoilage. When a package of meat is saved after opening, a closed sticker containing Bacillus subtilis spores is activated by breaking the middle compartment, similar to activating a glow-in-the-dark stick, whereby alanine and water are mixed with the spores to cause germination. When the germinated microbes come in contact with volatiles from rotting meat, a pathway is activated which results to the production of a pigment. When this happens, the consumer knows that he has to throw away the food.

text

rotting of meat


germination and sporulation


dentifying bad volatiles


identifying PBADmeat


PBADmeat


pigment production

Our sponsors:

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