Team:Bielefeld-Germany

From 2011.igem.org

(Difference between revisions)
 
(35 intermediate revisions not shown)
Line 2: Line 2:
<html>
<html>
-
<style type="text/css">
+
<!-- <img src="https://static.igem.org/mediawiki/2011/4/4c/Bielefeld-header-home.png"/> -->
 +
<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/>
-
/*********** 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 -->
+
<div align="center">
-
<ul id="main_navi">  
+
<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>
-
+
-
<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="http://farm4.static.flickr.com/3651/3445879840_7ca4b491e9.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 class="item">
+
-
<img src="http://farm4.static.flickr.com/3105/2618870872_cf22d3cdb1.jpg" />
+
-
</div>
+
-
+
-
</div>
+
-
+
-
</div>
+
-
+
-
</div>
+
-
+
-
</div>
+
-
+
-
</div>  
+
-
<script>
+
<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>
-
// What is $(document).ready ? See: http://flowplayer.org/tools/documentation/basics.html#document_ready
+
 
-
$(document).ready(function() {
+
 
-
+
<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>
-
+
</div>
-
+
 
-
// main vertical scroll
+
<br style="clear: both" />
-
$("#main").scrollable({
+
<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>
-
// basic settings
+
</div>
-
vertical: true,
+
 
-
+
 
-
// up/down keys will always control this scrollable
+
 
-
keyboard: 'static',
+
<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>
-
// assign left/right keys to the actively viewed scrollable
+
 
-
onSeek: function(event, i) {
+
<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>
-
horizontal.eq(i).data("scrollable").focus();
+
 
-
}
+
<br/>
-
+
 
-
// main navigator (thumbnail images)
+
<div id ="leftcube">
-
}).navigator("#main_navi");
+
<h1>The Bisphenol A-Team</h1>
-
+
 
-
// horizontal scrollables. each one is circular and has its own navigator instance
+
<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>
-
var horizontal = $(".scrollable").scrollable({ circular: true }).navigator(".navi");
+
 
-
+
</div>
-
+
-
// 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

Retrieved from "http://2011.igem.org/Team:Bielefeld-Germany"