Team:Bielefeld-Germany

From 2011.igem.org

(Difference between revisions)
 
(33 intermediate revisions not shown)
Line 2: Line 2:
<html>
<html>
-
<script src="http://cdn.jquerytools.org/1.2.5/full/jquery.tools.min.js"></script>
+
<!-- <img src="https://static.igem.org/mediawiki/2011/4/4c/Bielefeld-header-home.png"/> -->
-
<style type="text/css">
+
-
/* DEPRECATED FILE */
+
 +
<div id="wowslider-container1" style="z-index:0;">
 +
<div class="ws_images">
 +
<a href="https://2011.igem.org/Team:Bielefeld-Germany/Students"><img src="https://static.igem.org/mediawiki/2011/0/05/Bielefeld-Germany2011-team.jpeg" alt="Bielefeld-Germany2011-team" title="Team" id="wows0"/></a>
 +
<a href="https://2011.igem.org/Team:Bielefeld-Germany/Project/Description"><img src="https://static.igem.org/mediawiki/2011/4/46/Bielefeld-Germany2011-project.jpg" alt="Bielefeld-Germany2011-project" title="Project" id="wows1"/></a>
 +
<a href="https://2011.igem.org/Team:Bielefeld-Germany/Results/Summary"><img src="https://static.igem.org/mediawiki/2011/c/c7/Bielefeld-Germany2011-results.JPG" alt="Bielefeld-Germany2011-results" title="Results" id="wows2"/></a>
 +
<a href="https://2011.igem.org/Team:Bielefeld-Germany/Modell"><img src="https://static.igem.org/mediawiki/2011/b/be/Bielefeld-Germany2011-model.JPG" alt="Bielefeld-Germany2011-model" title="Model" id="wows3"/></a>
 +
<a href="https://2011.igem.org/Team:Bielefeld-Germany/Public_relations_Overview"><img src="https://static.igem.org/mediawiki/2011/1/15/Bielefeld-Germany2011-human-practices.jpg" alt="Bielefeld-Germany2011-human-practices" title="Human practices" id="wows4"/></a>
 +
<a href="https://2011.igem.org/Team:Bielefeld-Germany/Safety"><img src="https://static.igem.org/mediawiki/2011/6/67/Bielefeld-Germany2011-safety.jpg" alt="Bielefeld-Germany2011-safety" title="Safety" id="wows5"/></a>
 +
</div>
 +
<div class="ws_bullets"><div>
 +
<a href="#wows0" title="Team"><img src="https://static.igem.org/mediawiki/2011/a/a2/Bielefeld-Germany2011-team-small.jpg" alt="Bielefeld-Germany2011-team"/>1</a>
 +
<a href="#wows1" title="Project"><img src="https://static.igem.org/mediawiki/2011/2/27/Bielefeld-Germany2011-project-small.jpg" alt="Bielefeld-Germany2011-project"/>2</a>
 +
<a href="#wows2" title="Results"><img src="https://static.igem.org/mediawiki/2011/8/8a/Bielefeld-Germany2011-results-small.jpg" alt="Bielefeld-Germany2011-results"/>3</a>
 +
<a href="#wows3" title="Model"><img src="https://static.igem.org/mediawiki/2011/1/18/Bielefeld-Germany2011-model-small.jpg" alt="Bielefeld-Germany2011-model"/>4</a>
 +
<a href="#wows4" title="Human-practices"><img src="https://static.igem.org/mediawiki/2011/1/16/Bielefeld-Germany2011-human-practices-small.jpg" alt="Bielefeld-Germany2011-human-practices"/>5</a>
 +
<a href="#wows5" title="Safety"><img src="https://static.igem.org/mediawiki/2011/b/b0/Bielefeld-Germany2011-safety-small.jpg" alt="Bielefeld-Germany2011-safety"/>6</a>
 +
</div></div>
 +
<div class="ws_shadow"></div>
 +
</div>
 +
<script type="text/javascript" src="http://2011.igem-bielefeld.de/includes/wiki/wow-slider-script.js"></script>
 +
<p></p>
 +
<br/><br/>
-
/* this makes it possible to add next button beside scrollable */
 
-
.scrollable {
 
-
float:left;
 
-
}
 
-
/* prev, next, prevPage and nextPage buttons */
+
<div align="center">
-
a.prev, a.next, a.prevPage, a.nextPage {
+
<a href="https://2011.igem.org/Team:Bielefeld-Germany/Nutshell"><img src="https://static.igem.org/mediawiki/2011/0/0a/Bielefeld-Germany2011-Briefing.png" width="250px" style="padding:0px 0px 10px 0px;" /></a>
-
display:block;
+
-
width:18px;
+
-
height:18px;
+
-
background:url(../img/scrollable/arrow/left.png) no-repeat;
+
-
float:left;
+
-
margin:43px 10px;
+
-
cursor:pointer;
+
-
font-size:1px;
+
-
}
+
-
/* mouseover state */
+
<a href="https://2011.igem.org/Team:Bielefeld-Germany/SinceAmsterdam"><img src="https://static.igem.org/mediawiki/2011/5/5f/Bielefeld-Germany2011-button-sinceregionals.jpg" width="250px" style="padding:0px 0px 10px 0px;" /></a>
-
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
+
-
background-position:0px -18px;
+
-
}
+
-
/* disabled navigational button */
 
-
a.disabled {
 
-
visibility:hidden !important;
 
-
}
 
-
/* next button uses another background image */
+
<a href="https://2011.igem.org/Team:Bielefeld-Germany/Achievements"><img src="https://static.igem.org/mediawiki/2011/0/06/Bielefeld-Germany2011-button-achievements.png" width="250px" style="padding:0px 0px 10px 0px;" /></a>
-
a.next, a.nextPage {
+
</div>
-
background-image:url(../img/scrollable/arrow/right.png);
+
-
clear:right;
+
-
}
+
 +
<br style="clear: both" />
 +
<div align="center">
 +
<a href="https://2011.igem.org/Team:Bielefeld-Germany/Results/S-Layer/Guide"><img src="https://static.igem.org/mediawiki/2011/5/56/Bielefeld2011_Guide.png" width="350px" style="padding:0px 0px 10px 0px;" /></a>
 +
</div>
-
/*********** navigator ***********/
 
 +
<h1>The project</h1>
 +
<p>The development of sensitive and selective biosensors is an important research field in synthetic biology. Biosensors can be applied in a wide range of uses - from the detection of environmental toxics up to clinical diagnostics. Because cells have to sense their surroundings, there are a lot of natural systems that are similar to a biosensor. Prejudicial cellular biosensors often show negative side effects that complicate any practical application. Common problems are the limited use outside of a gene laboratory due to the use of genetically engineered cells, the low durability because of the usage of living cells and the appearance of undesired signals induced by endogenous metabolic pathways.</p>
-
/* position and dimensions of the navigator */
+
<p>To solve these problems, the iGEM-Team Bielefeld 2011 aims to develope a cell-free bisphenol A (BPA) biosensor based on a coupled enzyme reaction fused to S-layer proteins for everyday use. Bisphenol A is a supposedly harmful substance which is used in the production of polycarbonate. To detect BPA it is degraded by a fusion protein under formation of NAD<sup>+</sup> which is detected by an NAD<sup>+</sup>-dependent enzymatic reaction with a molecular beacon. Both enzymes are fused to S-layer proteins which build up well-defined nanosurfaces and are attached to the surface of beads. By providing these nanobiotechnological building blocks the system is expandable to other applications.</p>
-
.navi {
+
-
margin-left:328px;
+
-
width:200px;
+
-
height:20px;
+
-
}
+
 +
<br/>
-
/* items inside navigator */
+
<div id ="leftcube">
-
.navi a {
+
<h1>The Bisphenol A-Team</h1>
-
width:8px;
+
-
height:8px;
+
-
float:left;
+
-
margin:3px;
+
-
background:url(../img/scrollable/arrow/navigator.png) 0 0 no-repeat;
+
-
display:block;
+
-
font-size:1px;
+
-
}
+
-
/* mouseover state */
+
<div align="center" style="z-index:0;"><object width="450" height="280"><param name="movie" value="http://www.youtube.com/v/yVKRz0A4zso?fs=1&amp;hl=en_GB"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><param name="wmode" value="opaque" /><embed src="http://www.youtube.com/v/yVKRz0A4zso?fs=1&amp;hl=en_GB" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="450" height="280" wmode="opaque"></embed></object></div>
-
.navi a:hover {
+
-
background-position:0 -8px;     
+
-
}
+
-
/* active state (current page state) */
+
</div>
-
.navi a.active {
+
-
background-position:0 -16px;   
+
-
}
+
-
 
+
-
 
+
-
 
+
-
/*********** navigator ***********/
+
-
 
+
-
/* main vertical scroll */
+
-
#main {
+
-
position:relative;
+
-
overflow:hidden;
+
-
height: 450px;
+
-
}
+
-
+
-
/* root element for pages */
+
-
#pages {
+
-
position:absolute;
+
-
height:20000em;
+
-
}
+
-
+
-
/* single page */
+
-
.page {
+
-
padding:10px;
+
-
height: 450px;
+
-
background:#222 url(https://static.igem.org/mediawiki/2011/d/da/H600.png) 0 0 repeat-x;
+
-
width:520px;
+
-
}
+
-
+
-
/* root element for horizontal scrollables */
+
-
.scrollable {
+
-
position:relative;
+
-
overflow:hidden;
+
-
width: 510px;
+
-
height: 450px;
+
-
}
+
-
+
-
/* root element for scrollable items */
+
-
.scrollable .items {
+
-
width:20000em;
+
-
position:absolute;
+
-
clear:both;
+
-
}
+
-
+
-
/* single scrollable item */
+
-
.item {
+
-
float:left;
+
-
cursor:pointer;
+
-
width:500px;
+
-
height:450px;
+
-
padding:10px;
+
-
}
+
-
+
-
/* main navigator */
+
-
#main_navi {
+
-
float:left;
+
-
padding:0px !important;
+
-
margin:0px !important;
+
-
}
+
-
+
-
#main_navi li {
+
-
background-color:#333;
+
-
border-top:1px solid #666;
+
-
clear:both;
+
-
color:#FFFFFF;
+
-
font-size:12px;
+
-
height:75px;
+
-
list-style-type:none;
+
-
padding:10px;
+
-
width:190px;
+
-
cursor:pointer;
+
-
}
+
-
+
-
#main_navi li:hover {
+
-
background-color:#444;
+
-
}
+
-
+
-
#main_navi li.active {
+
-
background-color:#555;
+
-
}
+
-
+
-
#main_navi img {
+
-
float:left;
+
-
margin-right:10px;
+
-
}
+
-
+
-
#main_navi strong {
+
-
display:block;
+
-
}
+
-
+
-
#main div.navi {
+
-
margin-left:250px;
+
-
cursor:pointer;
+
-
}
+
-
</style>
+
-
 
+
-
 
+
-
<!-- main navigator -->
+
-
<ul id="main_navi">
+
-
+
-
<li class="active">
+
-
<img src="https://static.igem.org/mediawiki/2011/8/86/Bielefeld-wetlab-mini.png"/>
+
-
<strong>Project</strong>
+
-
Just awsome
+
-
</li>
+
-
<li>
+
-
<img src="https://static.igem.org/mediawiki/2011/2/27/Bielefeld-Germany2011-GFPtubes.jpg"/>
+
-
<strong>Wet Lab</strong>
+
-
So wet
+
-
</li>
+
-
<li>
+
-
<img src="https://static.igem.org/mediawiki/2011/6/6c/Bielefeld-Germany2011-analyticsklein.JPG" />
+
-
<strong>Results</strong>
+
-
The best
+
-
</li>
+
-
</ul>
+
-
+
-
<!-- root element for the main scrollable -->
+
-
<div id="main">
+
-
+
-
<!-- root element for pages -->
+
-
<div id="pages">
+
-
+
-
<!-- page #1 -->
+
-
<div class="page">
+
-
+
-
<!-- sub navigator #1 -->
+
-
<div class="navi"></div>
+
-
+
-
<!-- inner scrollable #1 -->
+
-
<div class="scrollable">
+
-
+
-
<!-- root element for scrollable items -->
+
-
<div class="items">
+
-
+
-
<!-- items  -->
+
-
<div class="item">
+
-
<img src="https://static.igem.org/mediawiki/2011/a/ae/Bielefeld-project-1.png" /> Abstract
+
-
</div>
+
-
<div class="item">
+
-
<img src="https://static.igem.org/mediawiki/2011/1/1b/Bielefeld-project-2.png" /> Background
+
-
</div>
+
-
+
-
</div>
+
-
+
-
</div>
+
-
+
-
</div>
+
-
+
-
<!-- page #2 -->
+
-
<div class="page">
+
-
+
-
<div class="navi"></div>
+
-
+
-
<!-- inner scrollable #2 -->
+
-
<div class="scrollable">
+
-
+
-
<!-- root element for scrollable items -->
+
-
<div class="items">
+
-
+
-
<!-- items on the second page -->
+
-
<div class="item">
+
-
<img src="https://static.igem.org/mediawiki/2011/0/0e/Bielefeld-wetlab-1.jpg" /> Labjournal
+
-
</div>
+
-
<div class="item">
+
-
<img src="https://static.igem.org/mediawiki/2011/3/3b/Bielefeld-wetlab-2.JPG" /> Protocols
+
-
</div>
+
-
+
-
</div>
+
-
+
-
</div>
+
-
+
-
</div>
+
-
+
-
<!-- page #3 -->
+
-
<div class="page">
+
-
+
-
<div class="navi"></div>
+
-
+
-
<!-- inner scrollable #3 -->
+
-
<div class="scrollable">
+
-
+
-
<!-- root element for scrollable items -->
+
-
<div class="items">
+
-
+
-
<!-- items on the first page -->
+
-
<div class="item">
+
-
<img src="https://static.igem.org/mediawiki/2011/7/76/Bielefeld-results-2.png" />
+
-
</div>
+
-
<div class="item">
+
-
<img src="https://static.igem.org/mediawiki/2011/a/a3/Bielefeld-results-1.JPG" />
+
-
</div>
+
-
+
-
</div>
+
-
+
-
</div>
+
-
+
-
</div>
+
-
+
-
</div>
+
-
+
-
</div>
+
-
 
+
-
<script>
+
-
// What is $(document).ready ? See: http://flowplayer.org/tools/documentation/basics.html#document_ready
+
-
$(document).ready(function() {
+
-
+
-
+
-
+
-
// main vertical scroll
+
-
$("#main").scrollable({
+
-
+
-
// basic settings
+
-
vertical: true,
+
-
+
-
// up/down keys will always control this scrollable
+
-
keyboard: 'static',
+
-
+
-
// assign left/right keys to the actively viewed scrollable
+
-
onSeek: function(event, i) {
+
-
horizontal.eq(i).data("scrollable").focus();
+
-
}
+
-
+
-
// main navigator (thumbnail images)
+
-
}).navigator("#main_navi");
+
-
+
-
// horizontal scrollables. each one is circular and has its own navigator instance
+
-
var horizontal = $(".scrollable").scrollable({ circular: true }).navigator(".navi");
+
-
+
-
+
-
// when page loads setup keyboard focus on the first horzontal scrollable
+
-
horizontal.eq(0).data("scrollable").focus();
+
-
+
-
});
+
-
</script>
+
-
 
+
-
<p></p>
+
<div id ="rightcube">
<div id ="rightcube">

Latest revision as of 01:14, 29 October 2011

Bielefeld-Germany2011-team Bielefeld-Germany2011-project Bielefeld-Germany2011-results Bielefeld-Germany2011-model Bielefeld-Germany2011-human-practices Bielefeld-Germany2011-safety
Bielefeld-Germany2011-team1 Bielefeld-Germany2011-project2 Bielefeld-Germany2011-results3 Bielefeld-Germany2011-model4 Bielefeld-Germany2011-human-practices5 Bielefeld-Germany2011-safety6




The project

The development of sensitive and selective biosensors is an important research field in synthetic biology. Biosensors can be applied in a wide range of uses - from the detection of environmental toxics up to clinical diagnostics. Because cells have to sense their surroundings, there are a lot of natural systems that are similar to a biosensor. Prejudicial cellular biosensors often show negative side effects that complicate any practical application. Common problems are the limited use outside of a gene laboratory due to the use of genetically engineered cells, the low durability because of the usage of living cells and the appearance of undesired signals induced by endogenous metabolic pathways.

To solve these problems, the iGEM-Team Bielefeld 2011 aims to develope a cell-free bisphenol A (BPA) biosensor based on a coupled enzyme reaction fused to S-layer proteins for everyday use. Bisphenol A is a supposedly harmful substance which is used in the production of polycarbonate. To detect BPA it is degraded by a fusion protein under formation of NAD+ which is detected by an NAD+-dependent enzymatic reaction with a molecular beacon. Both enzymes are fused to S-layer proteins which build up well-defined nanosurfaces and are attached to the surface of beads. By providing these nanobiotechnological building blocks the system is expandable to other applications.


The Bisphenol A-Team