Team:Groningen/DesignTest2

From 2012.igem.org

(Difference between revisions)
m
m
Line 1: Line 1:
 +
{{HeaderGroningen2012}}
 +
 +
 +
<html>
<html>
<head>
<head>
<style>
<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: none;
 
-
position: relative;
 
-
height: 98px;
 
-
width: 975px;
 
-
margin: 0px 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);
 
-
}
 
z1 {  
z1 {  
font-size:18pt;
font-size:18pt;
Line 207: Line 11:
color:white;
color:white;
}
}
-
.ctd {
+
div.ctd {
-
width: 180px;
+
width: 220px;
-
                height: 25px;
+
text-align: center;
text-align: center;
background: #000;
background: #000;
Line 217: Line 20:
color: #FFF;
color: #FFF;
}
}
-
.cte {
+
div.cte {
-
width: 210px;
+
width: 280px;
-
                height: 35px;
+
text-align: center;
text-align: center;
background: #000;
background: #000;
padding-right:10px;
padding-right:10px;
padding-left:10px;
padding-left:10px;
-
margin: -20px auto;
+
margin: 0 auto;
background-color: rgba(0,0,0,0.3);
background-color: rgba(0,0,0,0.3);
color: #FFF;
color: #FFF;
}
}
-
z2 {
+
div.mtd {
-
font-size:14pt;
+
width: 100px;
-
font-weight: bold;
+
text-align: center;
-
color: rgb(255,103,0);
+
background: #000;
 +
background-color: rgba(0,0,0,0.3);
 +
padding: 10px ;
 +
margin-left: 30px;
 +
margin-right: 30px;
 +
margin-top: 0px;
 +
margin-bottom: 0px;
 +
color: #FFF;
}
}
-
p.margin{
+
div.mte {
 +
width: 120px;
 +
text-align: center;
 +
background: #000;
 +
padding-right:10px;
 +
padding-left:10px;
 +
margin: 0 auto;
 +
background-color: rgba(0,0,0,0.3);
 +
color: #FFF;
 +
}
 +
z7{
font-size:12pt;  
font-size:12pt;  
line-height:14pt;  
line-height:14pt;  
-
color:white;
+
color: rgb(255,103,0);
-
margin-top:0px;
+
-
margin-bottom:20px;
+
-
margin-right:0px;
+
-
margin-left:125px;
+
-
margin-right:130px;
+
}
}
p{
p{
-
margin-left:150px;
 
font-size:12pt;  
font-size:12pt;  
line-height:14pt;  
line-height:14pt;  
margin-right:150px;
margin-right:150px;
-
color:white;
+
margin-left:150px;
 +
color: white;
}
}
-
p.marginleft{
+
a.inlink{
-
font-size:12pt;  
+
font-size: 12pt;
-
line-height:14pt;  
+
                line-height: 12pt;
-
color:white;
+
                color: rgb(255,103,0);
-
margin-top:0px;
+
-
margin-bottom:20px;
+
-
margin-right:0px;
+
-
margin-left:110px;
+
-
margin-right:130px;
+
}
}
-
a.readmore{
+
a.menulink{  
-
font-size: 12px;
+
font-size:12pt;
 +
line-height:12pt;
 +
color:white;
 +
font-weight: 500;
 +
}
 +
a.menulink:hover{
 +
font-size:12pt;
 +
line-height:12pt;
color: rgb(255,103,0);
color: rgb(255,103,0);
 +
font-weight: 700;
 +
}
 +
table.projectmenu{
 +
background-color: transparent;
 +
}
 +
td.menucell{
 +
 +
}
 +
table.centertable{
 +
background-color: transparent;
 +
width: 100%;
 +
margin-top: 0;
 +
margin-bottom: 0;
}
}
-
a.z2link {
 
-
font-size:14pt;
 
-
font-weight: bold;
 
-
color: rgb(255,103,0);
 
-
}
 
</style>
</style>
</head>
</head>
 +
<body>
<body>
<div class="cte">
<div class="cte">
<div class="ctd">
<div class="ctd">
-
<z1>Human Practice</z1>
+
<z1>Abstract</z1>
</div>
</div>
</div>
</div>
<br>
<br>
<br>
<br>
-
<br>
+
<p>
-
<p class="margin">
+
Every year, one third of global food production -1.3 billion tons of food- is thrown away, partially due to the “best before” dating system.
-
<img src="https://static.igem.org/mediawiki/2012/9/99/Groningen2012_RR_Microscope.png" width="130" height="130" align=left style="padding-right: 10px; padding-left: 0px">  
+
<z7>iGEM Groningen 2012</z7> seeks to provide an alternative method of assessing edibility: the <z7>Food Warden</z7>. It uses an <z7>engineered strain</z7>  
 +
of <i>Bacillus subtilis</i> to detect and report volatiles in spoiling meat. The introduced <z7>genetic construct</z7> uses a promoter to trigger
 +
a pigment coding gene. This promoter, <z7>identified by microarray analysis</z7>, is significantly up-regulated in the presence of
 +
<z7>volatiles from spoiling meat</z7>. The activity of the <z7>promoter</z7> regulates the expression of the <z7>pigment reporter</z7> and will
 +
be visible to the naked eye. For safe usage of the system, spores of our engineered strain are placed into one half of a semi-permeable
 +
<z7>capsule</z7>, the second containing a calibrated amount of nutrients. Breaking the barrier between the two compartments allows
 +
<z7>germination and growth</z7>, thereby activating the <z7>spoiling meat sensor</z7>.
<br>
<br>
-
<a class="z2link" href="https://2012.igem.org/Team:Groningen/summer_school">iGEM/Sciencelinx Summerschool</a>
 
<br>
<br>
-
In previous years, several high schools visited the iGEM Groningen teams for an afternoon.
 
-
We decided to do this too, but then bigger. Sciencelinx, the science centre from the RuG,
 
-
sponsored us so we could organize a three-day summerschool where students from Friesland and Groningen
 
-
could learn about microbiology & synthetic biology.
 
-
<br>
 
-
<a class="readmore" href="https://2012.igem.org/Team:Groningen/summer_school">read more</a>
 
-
</p>
 
-
<p class="marginleft">
 
-
<img src="https://static.igem.org/mediawiki/2012/7/7d/Groningen2012_AD20120924_EH_during-night-of-arts-and-scienceCog.png" width="130" height="130" align=right style="padding-left: 10px">
 
-
<br>
 
-
<a class="z2link" href="https://2012.igem.org/Team:Groningen/Festivals">Biological Art</a>
 
-
<br>
 
-
Do you think micro-organisms are scary? Think again when you look at the microbial art we made together
 
-
with artist and designer Leen van Wijngaarden. Painting with bacteria on huge agar plates gives evolving
 
-
pictures which evoke questions from the public.
 
-
<br>
 
-
<a class="readmore" href="https://2012.igem.org/Team:Groningen/Festivals">read more</a>
 
-
</p>
 
-
<p class="margin">
 
-
<img src="https://static.igem.org/mediawiki/2012/2/2a/Groningen2012_AD24092012_DutchFlag.png" width="130" height="130" align=left style="padding-right: 10px">
 
-
<br>
 
-
<a class="z2link" href="https://2012.igem.org/Team:Groningen/Festivals">Joining forces for Discovery</a>
 
-
<br>
 
-
Together with the iGEM teams from Wageningen, Eindhoven and Amsterdam, we join forces in representing iGEM at
 
-
the Discovery festival. This is a festival at three locations where people can experience science, art and
 
-
technology. We hope to see you in Nemo, Amsterdam on 28 September!
 
-
<br>
 
-
<a class="readmore" href="https://2012.igem.org/Team:Groningen/Festivals">read more</a>
 
-
</p>
 
-
<p class="marginleft">
 
-
<img src="https://static.igem.org/mediawiki/2012/f/f2/Groningen2012_AD20120915_StopFoodWaste.png" width="130" height="130" align=right style="padding-left: 10px">
 
-
<br>
 
-
<a class="z2link" href="https://2012.igem.org/Team:Groningen/Stop_the_food_waste_initiative">Stop the food waste!</a>
 
-
<br>
 
-
We think our food warden sticker can help in solving the food waste problem. But raising awareness of the problem can also help.
 
-
Read what YOU can do to stop the food waste!
 
-
<br>
 
-
<a class="readmore" href="https://2012.igem.org/Team:Groningen/Stop_the_food_waste_initiative">read more</a>
 
-
<br>
 
-
</p>
 
-
<p class="margin">
 
-
<img src="https://static.igem.org/mediawiki/2012/4/48/Groningen2012_ADMarketResearch.png" width="130" height="130" align=left style="padding-right: 10px">
 
-
<br>
 
-
<br>
 
-
<a class="z2link" href="https://2012.igem.org/Team:Groningen/market_research">Bringing the product to the market</a>
 
-
<br>
 
-
We surveyed the public about our Food Warden. Do they think it is useful? What do they think about GMO?
 
-
And what should our food warden cost?
 
-
<br>
 
-
<a class="readmore" href="https://2012.igem.org/Team:Groningen/market_research">read more</a>
 
</p>
</p>
 +
 +
<table class="centertable">
 +
<tr>
 +
<td align="center">
 +
<table class="projectmenu">
 +
<tr>
 +
<td class="menucell">
 +
<div class="mte">
 +
<div class="mtd">
 +
<a class="menulink" href="page1">sticker</a>
 +
</div>
 +
</div>
 +
</td>
 +
<td class="menucell">
 +
<div class="mte">
 +
<div class="mtd">
 +
<a class="menulink" href="page2">sensor</a>
 +
</div>
 +
</div>
 +
</td>
 +
</tr>
 +
<tr>
 +
<td class="menucell">
 +
<div class="mte">
 +
<div class="mtd">
 +
<a class="menulink" href="page3">volatiles</a>
 +
</div>
 +
</div>
 +
</td>
 +
<td class="menucell">
 +
<div class="mte">
 +
<div class="mtd">
 +
<a class="menulink" href="page4">pigment</a>
 +
</div>
 +
</div>
 +
</td>
 +
</tr>
 +
</table>
 +
</td>
 +
</tr>
 +
<tr>
 +
<td align="center">
 +
<table class="projectmenu">
 +
<tr>
 +
<td class="menucell">
 +
<div class="mte">
 +
<div class="mtd">
 +
<a class="menulink" href="page7">construct</a>
 +
</div>
 +
</div>
 +
</td>
 +
</tr>
 +
</table>
 +
</td>
 +
</tr>
 +
</table>
<br>
<br>
 +
<br>
<br>
<br>
-
<br>
+
<br>  
</body>
</body>
-
<div style="position:absolute; left: 125px; top: 230px; z-index:-1;">
+
 
-
+
<div style="position:absolute; left: 80px; top: 500px;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>
-
<div style="position:absolute; left: 760px; top: 360px; z-index:-1;">
+
<div style="position:absolute; left: 100px; top: 510px;">
-
+
<img src="https://static.igem.org/mediawiki/2012/c/c2/Groningen2012_RR_20120909_rotting.png" width="100" height="100">
</div>
</div>
-
<div style="position:absolute; left: 125px; top: 480px; z-index:-1;">
+
<div style="position:absolute; right: 80px; top: 500px;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>
-
<div style="position:absolute; left: 760px; top: 590px; z-index:-1;">
+
<div style="position:absolute; right: 110px; top: 525px;">
-
+
<img src="https://static.igem.org/mediawiki/2012/e/e7/Groningen2012_RR20120909_capsule.png" width="100" height="100">
</div>
</div>
-
<div style="position:absolute; left: 125px; top: 710px; z-index:-1;">
+
<div style="position:absolute; left: 0px; top: 300px;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: 320px;">
 +
<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: 300px;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: 330px;">
 +
<img src="https://static.igem.org/mediawiki/2012/1/15/Groningen2012_RR20120909_construct.png" width="100" height="100">
</div>
</div>
</html>
</html>
 +
{{Template:SponsorsGroningen2012}}
{{Template:SponsorsGroningen2012}}

Revision as of 21:17, 26 September 2012





Abstract


Every year, one third of global food production -1.3 billion tons of food- is thrown away, partially due to the “best before” dating system. iGEM Groningen 2012 seeks to provide an alternative method of assessing edibility: the Food Warden. It uses an engineered strain of Bacillus subtilis to detect and report volatiles in spoiling meat. The introduced genetic construct uses a promoter to trigger a pigment coding gene. This promoter, identified by microarray analysis, is significantly up-regulated in the presence of volatiles from spoiling meat. The activity of the promoter regulates the expression of the pigment reporter and will be visible to the naked eye. For safe usage of the system, spores of our engineered strain are placed into one half of a semi-permeable capsule, the second containing a calibrated amount of nutrients. Breaking the barrier between the two compartments allows germination and growth, thereby activating the spoiling meat sensor.






Our sponsors: