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






Our sponsors: