Team:Groningen/Sticker

From 2012.igem.org

(Difference between revisions)
Line 1: Line 1:
{{HeaderGroningen2012}}
{{HeaderGroningen2012}}
 +
<html>
<html>
<head>
<head>
Line 15: Line 16:
                 .ctd {
                 .ctd {
                         width: 220px;
                         width: 220px;
-
text-align: center;
+
                        text-align: center;
                         background: #000;
                         background: #000;
-
 
+
                        background-color: transparent;
-
background-color: transparent;
+
                        background-color: rgba(0,0,0,0.3);
-
background-color: rgba(0,0,0,0.3);
+
                         padding: 10px ;
                         padding: 10px ;
-
                         margin: 30px auto;
+
                         margin: 30px auto;
-
                     
+
                         color: #FFF;
                         color: #FFF;
-
 
                 }
                 }
                 .cte {
                 .cte {
                         width: 280px;
                         width: 280px;
-
text-align: center;
+
                        text-align: center;
                         background: #000;
                         background: #000;
-
 
+
                        padding-right:10px;
-
padding-right:10px;
+
                        padding-left:10px;
-
padding-left:10px;
+
                         background-color: transparent;
-
                         margin: 0 auto;
+
                        background-color: rgba(0,0,0,0.3);
-
background-color: transparent;
+
                        margin: -30px auto;
-
  background-color: rgba(0,0,0,0.3);
+
-
 
+
                         color: #FFF;
                         color: #FFF;
-
 
+
                    }
-
                }
+
</style>
</style>
Line 45: Line 40:
<div class="cte">
<div class="cte">
<div class="ctd">
<div class="ctd">
-
<z1 >The Sticker</z1><br>
+
<z1 >Death</z1><br>
</div>
</div>
</div>
</div>
Line 53: Line 48:
<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;
 
-
}
 
-
p.bijschrift
 
-
{
 
-
font-size:10pt;
 
-
line-height:14pt;
 
-
color:white;
 
-
 
-
margin-top:290px;
 
-
margin-bottom:20px;
 
-
margin-right:0px;
 
-
margin-left:300px;
 
-
margin-right:300px;
 
-
 
-
 
-
 
-
}
 
-
</style>
 
-
</head>
 
-
<A HREF="https://2012.igem.org/Team:Groningen/Germination" TARGET="_blank"><div style="position:absolute; right: -60px; top: 560px;">
 
-
<img src="https://static.igem.org/mediawiki/2012/2/22/Groningen2012_RR_20120910_nextstage.png" width="150">
 
-
</div></A>
 
-
<div style="position:absolute; right: -50px; top: 500px;">
 
-
<img src="https://static.igem.org/mediawiki/2012/8/87/Groningen2012_RR_20120910_orangearrow.png">
 
-
</div>
 
-
<div style="position:absolute; left: 260px; top: 600px;">
 
-
<img src="https://static.igem.org/mediawiki/2012/d/d4/RR_20120825_tpx.PNG">
 
-
</div>
 
<body>
<body>
-
<p class="marginleft">
 
-
The spores of <i>Bacillus subtilis</i> will be contained in a compartment which is impermeable to bacteria and liquid, but can still let through volatiles. Metabolites, water, and alanine should be separated from the spores by a breakable membrane. Mixing these compounds will cause germination. <br><br>
 
-
The material we use for our sticker is TPX®, or polymethylpentene. This polymer is available as thin, transparent sheets. The advantage is that it is relatively cheap, strong, and capable of letting through volatiles. The radius of the pores in TPX® is 0.5 µm, which is 500x larger than the average badmeat-volatile, but still small enough to keep liquid and bacteria in (see the figure below).
 
-
</p>
 
-
<p class="bijschrift">
 
-
Comparison of the size of the TPX pores, volatiles and <i>Bacillus subtilis</i>.
 
-
</p>
 
-
</body>
 
-
 
-
</html>
 
<html>
<html>
<head>
<head>
<style>
<style>
 +
body {  
body {  
font-family: Helvetica, Arial, sans-serif;
font-family: Helvetica, Arial, sans-serif;
Line 142: Line 65:
}
}
                 .sticker1 {
                 .sticker1 {
-
                         width: 110px;
+
                         width: 100px;
text-align: center;
text-align: center;
                         background: #000;
                         background: #000;
Line 152: Line 75:
}
}
                 .sticker2 {
                 .sticker2 {
-
left: 340px;
+
left: 0px;
-
top:900px;
+
top:300px;
position:absolute;
position:absolute;
-
                         width: 130px;
+
                         width: 120px;
text-align: center;
text-align: center;
                         background: #000;
                         background: #000;
Line 170: Line 93:
<div class="sticker2">
<div class="sticker2">
<div class="sticker1">
<div class="sticker1">
-
<stickerP ><A HREF="https://2012.igem.org/Team:Groningen/Sticker" TARGET="_blank"><FONT COLOR=#ffffff>Sticker</FONT></A></stickerP>
+
<stickerP ><A HREF="https://2012.igem.org/Team:Groningen/Sticker" TARGET="_blank"><FONT COLOR=#ffffff>sticker</FONT></A></stickerP>
</div>
</div>
</div>
</div>
Line 192: Line 115:
}
}
                 .Germination1 {
                 .Germination1 {
-
                         width: 110px;
+
                         width: 100px;
text-align: center;
text-align: center;
                         background: #000;
                         background: #000;
Line 202: Line 125:
}
}
                 .Germination2 {
                 .Germination2 {
-
left: 540px;
+
left: 150px;
-
top:900px;
+
top:300px;
position:absolute;
position:absolute;
-
                         width: 130px;
+
                         width: 120px;
text-align: center;
text-align: center;
                         background: #000;
                         background: #000;
Line 220: Line 143:
<div class="Germination2">
<div class="Germination2">
<div class="Germination1">
<div class="Germination1">
-
<GerminationP ><A HREF="https://2012.igem.org/Team:Groningen/Germination" TARGET="_blank"><FONT COLOR=#ffffff>Germination</FONT></A></GerminationP>
+
<GerminationP ><A HREF="https://2012.igem.org/Team:Groningen/Germination" TARGET="_blank"><FONT COLOR=#ffffff>germination</FONT></A></GerminationP>
</div>
</div>
</div>
</div>
Line 243: Line 166:
}
}
                 .PBADmeat11 {
                 .PBADmeat11 {
-
                         width: 110px;
+
                         width: 100px;
text-align: center;
text-align: center;
                         background: #000;
                         background: #000;
Line 253: Line 176:
}
}
                 .PBADmeat12 {
                 .PBADmeat12 {
-
left: 340px;
+
left: 300px;
-
top:940px;
+
top:300px;
position:absolute;
position:absolute;
-
                         width: 130px;
+
                         width: 120px;
text-align: center;
text-align: center;
                         background: #000;
                         background: #000;
Line 271: Line 194:
<div class="PBADmeat12">
<div class="PBADmeat12">
<div class="PBADmeat11">
<div class="PBADmeat11">
-
<PBADmeat1P ><A HREF="https://2012.igem.org/Team:Groningen/PBADmeat1" TARGET="_blank"><FONT COLOR=#ffffff>PBADmeat1</FONT></A></PBADmeat1>
+
<PBADmeat1P ><A HREF="https://2012.igem.org/Team:Groningen/identifyingbadvolatiles" TARGET="_blank"><FONT COLOR=#ffffff>volatiles</FONT></A></PBADmeat1>
</div>
</div>
</div>
</div>
Line 287: Line 210:
                 }
                 }
-
PBADmeat2P {  
+
identificationP {  
font-size:12pt;
font-size:12pt;
                         line-height:12pt;
                         line-height:12pt;
                         color:white;
                         color:white;
}
}
-
                 .PBADmeat21 {
+
                 .identification1 {
-
                         width: 110px;
+
                         width: 100px;
text-align: center;
text-align: center;
                         background: #000;
                         background: #000;
Line 302: Line 225:
                         color: #FFF;
                         color: #FFF;
}
}
-
                 .PBADmeat22 {
+
                 .identification2 {
-
left: 540px;
+
left: 450px;
-
top:940px;
+
top:300px;
position:absolute;
position:absolute;
-
                         width: 130px;
+
                         width: 120px;
text-align: center;
text-align: center;
                         background: #000;
                         background: #000;
Line 319: Line 242:
</style>
</style>
-
<div class="PBADmeat22">
+
<div class="identification2">
-
<div class="PBADmeat21">
+
<div class="identification1">
-
<PBADmeat2P ><A HREF="https://2012.igem.org/Team:Groningen/PBADmeat2" TARGET="_blank"><FONT COLOR=#ffffff>PBADmeat2</FONT></A></PBADmeat2P>
+
<identificationP ><A HREF="https://2012.igem.org/Team:Groningen/identifyingPBADmeat" TARGET="_blank"><FONT COLOR=#ffffff>identification</FONT></A></identificationP>
</div>
</div>
</div>
</div>
Line 343: Line 266:
}
}
                 .Pigments1 {
                 .Pigments1 {
-
                         width: 110px;
+
                         width: 100px;
text-align: center;
text-align: center;
                         background: #000;
                         background: #000;
Line 353: Line 276:
}
}
                 .Pigments2 {
                 .Pigments2 {
-
left: 340px;
+
left: 600px;
-
top:980px;
+
top:300px;
position:absolute;
position:absolute;
-
                         width: 130px;
+
                         width: 120px;
text-align: center;
text-align: center;
                         background: #000;
                         background: #000;
Line 371: Line 294:
<div class="Pigments2">
<div class="Pigments2">
<div class="Pigments1">
<div class="Pigments1">
-
<PigmentsP ><A HREF="https://2012.igem.org/Team:Groningen/Pigments" TARGET="_blank"><FONT COLOR=#ffffff>Pigments</FONT></A></Pigments>
+
<PigmentsP ><A HREF="https://2012.igem.org/Team:Groningen/Pigments" TARGET="_blank"><FONT COLOR=#ffffff>pigment</FONT></A></Pigments>
</div>
</div>
</div>
</div>
Line 377: Line 300:
</head>
</head>
</html>
</html>
 +
 +
 +
<html>
 +
<head>
 +
<style>
 +
 +
body {
 +
font-family: Helvetica, Arial, sans-serif;
 +
 +
                }
 +
ConstructP {
 +
font-size:12pt;
 +
                        line-height:12pt;
 +
                        color:white;
 +
}
 +
                .Construct1 {
 +
                        width: 100px;
 +
text-align: center;
 +
                        background: #000;
 +
background-color: transparent;
 +
background-color: rgba(0,0,0,0.3);
 +
                        padding: 10px ;
 +
                        margin: 0px auto;
 +
                        color: #FFF;
 +
}
 +
                .Construct2 {
 +
left: 750px;
 +
top:300px;
 +
position:absolute;
 +
                        width: 120px;
 +
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="Construct2">
 +
<div class="Construct1">
 +
<ConstructP ><A HREF="https://2012.igem.org/Team:Groningen/Construct" TARGET="_blank"><FONT COLOR=#ffffff>construct</FONT></A></ConstructP>
 +
</div>
 +
</div>
 +
</body>
 +
</head>
 +
</html>
 +
Line 393: Line 367:
}
}
                 .Death1 {
                 .Death1 {
-
                         width: 110px;
+
                         width: 100px;
text-align: center;
text-align: center;
                         background: #000;
                         background: #000;
Line 403: Line 377:
}
}
                 .Death2 {
                 .Death2 {
-
left: 540px;
+
left: 900px;
-
top:980px;
+
top:300px;
position:absolute;
position:absolute;
-
                         width: 130px;
+
                         width: 120px;
text-align: center;
text-align: center;
                         background: #000;
                         background: #000;
Line 421: Line 395:
<div class="Death2">
<div class="Death2">
<div class="Death1">
<div class="Death1">
-
<DeathP ><A HREF="https://2012.igem.org/Team:Groningen/Death" TARGET="_blank"><FONT COLOR=#ffffff>Death</FONT></A></DeathP>
+
<DeathP ><A HREF="https://2012.igem.org/Team:Groningen/Death" TARGET="_blank"><FONT COLOR=#ffffff>death</FONT></A></DeathP>
</div>
</div>
</div>
</div>
</body>
</body>
 +
</head>
</html>
</html>
 +
 +
<html>
 +
<div style="position:absolute; left: 0px; top: 600px;opacity:0.4; filter:alpha(opacity=40);z-index:-1;">
 +
<img src="https://static.igem.org/mediawiki/2012/b/b6/Groningen2012_AD_20120802_BigCog.png" width="150" height="150">
 +
</div>
 +
 +
<div style="position:absolute; left: 20px; top: 610px;">
 +
<img src="https://static.igem.org/mediawiki/2012/c/c2/Groningen2012_RR_20120909_rotting.png" width="100" height="100">
 +
</div>
 +
 +
<div style="position:absolute; right: 0px; top: 600px;opacity:0.4; filter:alpha(opacity=40); z-index:-1;">
 +
<img src="https://static.igem.org/mediawiki/2012/b/b6/Groningen2012_AD_20120802_BigCog.png" width="150" height="150">
 +
</div>
 +
 +
<div style="position:absolute; right: 30px; top: 625px;">
 +
<img src="https://static.igem.org/mediawiki/2012/e/e7/Groningen2012_RR20120909_capsule.png" width="100" height="100">
 +
</div>
 +
 +
<div style="position:absolute; left: 0px; top: 350px;opacity:0.4; filter:alpha(opacity=40); z-index:-1;">
 +
<img src="https://static.igem.org/mediawiki/2012/b/b6/Groningen2012_AD_20120802_BigCog.png" width="150" height="150">
 +
</div>
 +
 +
<div style="position:absolute; right: 20px; top: 380px;">
 +
<img src="https://static.igem.org/mediawiki/2012/2/29/Groningen2012_RR20120909_badmeat.png" width="100" height="100">
 +
</div>
 +
 +
<div style="position:absolute; right: 0px; top: 350px;opacity:0.4; filter:alpha(opacity=40); z-index:-1;">
 +
<img src="https://static.igem.org/mediawiki/2012/b/b6/Groningen2012_AD_20120802_BigCog.png" width="150" height="150">
 +
</div>
 +
 +
<div style="position:absolute; left: 20px; top: 380px;">
 +
<img src="https://static.igem.org/mediawiki/2012/1/15/Groningen2012_RR20120909_construct.png" width="100" height="100">
 +
</div>
 +
</body>
 +
 +
</html>
 +
 +
<html>
 +
<head>
 +
<style type="text/css">
 +
 +
p.marginleft
 +
{
 +
margin-top:-100px;
 +
margin-left:150px;
 +
font-size:13pt;
 +
line-height:15pt;
 +
margin-right:150px;
 +
color:white;
 +
}
 +
p.marginspace
 +
{
 +
font-size:13pt;
 +
line-height:15pt;
 +
color:white;
 +
 +
margin-top:0px;
 +
margin-bottom:300px;
 +
margin-right:0px;
 +
margin-left:300px;
 +
margin-right:300px;
 +
}
 +
p.centered
 +
{
 +
font-size:13pt;
 +
line-height:15pt;
 +
color:white;
 +
 +
margin-top:0px;
 +
margin-bottom:0px;
 +
margin-right:300px;
 +
margin-left:300px;
 +
}
 +
p.bijschrift
 +
{
 +
font-size:10pt;
 +
line-height:14pt;
 +
color:white;
 +
 +
margin-top:290px;
 +
margin-bottom:20px;
 +
margin-right:0px;
 +
margin-left:300px;
 +
margin-right:300px;
 +
 +
 +
 +
}
 +
</style>
 +
</head>
 +
 +
<body>
 +
 +
<p class="marginleft">
 +
The spores of <i>Bacillus subtilis</i> will be contained in a compartment which is impermeable to bacteria and liquid, but can still let through volatiles. Metabolites, water, and alanine should be separated from the spores by a breakable membrane. Mixing these compounds will cause germination. <br><br>
 +
The material we use for our sticker is TPX®, or polymethylpentene. This polymer is available as thin, transparent sheets. The advantage is that it is relatively cheap, strong, and capable of letting through volatiles. The radius of the pores in TPX® is 0.5 µm, which is 500x larger than the average badmeat-volatile, but still small enough to keep liquid and bacteria in (see the figure below).
 +
</p>
 +
 +
<p class="bijschrift">
 +
Comparison of the size of the TPX pores, volatiles and <i>Bacillus subtilis</i>.
 +
</p>
 +
<p class="marginspace">
 +
</p>
 +
 +
</body>
 +
 +
</html>
{{Template:SponsorsGroningen2012}}
{{Template:SponsorsGroningen2012}}
 +
 +
 +
 +
 +
<html>
 +
<A HREF="https://2012.igem.org/Team:Groningen/Germination" TARGET="_blank"><div style="position:absolute; right: 0px; top: 560px;">
 +
<img src="https://static.igem.org/mediawiki/2012/2/22/Groningen2012_RR_20120910_nextstage.png" width="150">
 +
</div></A>
 +
<div style="position:absolute; right: 10px; top: 500px;">
 +
<img src="https://static.igem.org/mediawiki/2012/8/87/Groningen2012_RR_20120910_orangearrow.png">
 +
</div>
 +
<div style="position:absolute; left: 260px; top: 600px;">
 +
<img src="https://static.igem.org/mediawiki/2012/d/d4/RR_20120825_tpx.PNG">
 +
</div>
 +
</html>

Revision as of 21:43, 17 September 2012




Death

sticker


germination


volatiles


identification


pigment


construct


death



The spores of Bacillus subtilis will be contained in a compartment which is impermeable to bacteria and liquid, but can still let through volatiles. Metabolites, water, and alanine should be separated from the spores by a breakable membrane. Mixing these compounds will cause germination.

The material we use for our sticker is TPX®, or polymethylpentene. This polymer is available as thin, transparent sheets. The advantage is that it is relatively cheap, strong, and capable of letting through volatiles. The radius of the pores in TPX® is 0.5 µm, which is 500x larger than the average badmeat-volatile, but still small enough to keep liquid and bacteria in (see the figure below).

Comparison of the size of the TPX pores, volatiles and Bacillus subtilis.


Our sponsors:



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