Team:Groningen/DesignTest2

From 2012.igem.org

(Difference between revisions)
m (Replaced content with "<html> <header> </header> <body> <iframe src="https://docs.google.com/presentation/embed?id=1YW_ZqszwIxAxM_i9xD9l6LU5tBSTM566_41yo2smkQw&start=false&loop=false&delayms=60000"...")
Line 1: Line 1:
-
{{HeaderGroningen2012}}
 
-
 
<html>
<html>
-
<head>
+
<header>
-
<style>
+
</header>
-
 
+
-
body {
+
-
font-family: Helvetica, Arial, sans-serif;
+
-
 
+
-
                }
+
-
z1 {
+
-
font-size:21pt;
+
-
line-height:21pt;
+
-
color:white;
+
-
}
+
-
                .ctd {
+
-
                        width: 220px;
+
-
text-align: center;
+
-
                        background: #000;
+
-
 
+
-
background-color: transparent;
+
-
background-color: rgba(0,0,0,0.3);
+
-
                        padding: 10px ;
+
-
                        margin: 30px auto;
+
-
                     
+
-
                        color: #FFF;
+
-
 
+
-
                }
+
-
                .cte {
+
-
                        width: 280px;
+
-
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="cte">
+
-
<div class="ctd">
+
-
<z1 >Wetwork</z1><br>
+
-
</div>
+
-
</div>
+
-
</body>
+
-
</head>
+
-
</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>
<body>
-
 
+
<iframe src="https://docs.google.com/presentation/embed?id=1YW_ZqszwIxAxM_i9xD9l6LU5tBSTM566_41yo2smkQw&start=false&loop=false&delayms=60000" frameborder="0" width="960" height="749" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe>
-
<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="http://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="http://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="http://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="http://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="http://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="http://2012.igem.org/Team:Groningen/pigmentproduction" TARGET="_blank"><FONT COLOR=#ffffff>pigment production</FONT></A></DeathP>
+
-
</div>
+
-
</div>
+
</body>
</body>
-
</head>
 
</html>
</html>
-
 
-
{{Template:SponsorsGroningen2012}}
 

Revision as of 16:06, 16 September 2012