Team:XMU-China/Safety

From 2014.igem.org

(Difference between revisions)
(Prototype team page)
Line 1: Line 1:
-
<!-- *** What falls between these lines is the Alert Box!  You can remove it from your pages once you have read and understood the alert *** -->
+
<html lang="en">
 +
<head>
 +
<meta charset="utf-8">
 +
<!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame
 +
Remove this if you use the .htaccess -->
 +
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
-
{{CSS/Main}}
+
<title>side_bar</title>
 +
<meta name="description" content="">
 +
<meta name="author" content="哲">
 +
<meta name="viewport" content="width=device-width; initial-scale=1.0">
 +
<style type="text/css">
 +
#siteSub{display:none}
 +
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear{display:none;} /*-- hides default wiki settings --*/
 +
 +
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
 +
 +
border: 0 none;
 +
height: 14px;
 +
z-index: 100;
 +
top: 0;
 +
position: fixed;
 +
width: 975px;
 +
left: 50%;
 +
margin-left: -487px;
 +
}
 +
 +
#globalWrapper, #content { /*-- changes default wiki settings--*/
 +
width: 100%;
 +
height: 100%;
 +
border: 0px;
 +
background-color: transparent;
 +
margin: 0px;
 +
padding: 0px;
 +
}
 +
 +
html, body, .wrapper { /*-- changes default wiki settings --*/
 +
width: 100%;
 +
height: 100%;
 +
background-color: transparent;
 +
}
 +
*{margin:0px;padding:0px;}
-
<html>
+
</style>
 +
<style>
 +
/*navbar*/
 +
#warp_navbar_main{width:900px;margin:50px auto;}
 +
#warp_navbar{position:relative;z-index:10}
 +
#nav_bar_main{list-style:none;position:relative;left:-40px;}
 +
.nav_bar_full{
 +
position:absolute;
 +
font-size: 30px;
 +
text-decoration: none;
 +
z-index: -1;
 +
}
 +
#nav_bar_full_01{left: 70px;top:47px;}
 +
#nav_bar_full_02{left: 210px;top:47px;}
 +
#nav_bar_full_03{left: 360px;top:47px;}
 +
#nav_bar_full_04{left: 525px;top:47px;}
 +
#nav_bar_full_05{left: 685px;top:47px;}
 +
#nav_bar_full_06{left: 820px;top:47px;}
 +
#nav_bar a{text-decoration:none;color:#fff;}
 +
#nav_bar a:hover{text-decoration:none;color:#f00;}
 +
.nav_bar {
 +
position:absolute;
 +
width:150px;
 +
height:130px;
 +
-webkit-transition: -webkit-transform 1s ease-out;
 +
/* -moz-transition: -moz-transform 1s ease-out;*/
 +
-o-transition: -o-transform 1s ease-out;
 +
-ms-transition: -ms-transform 1s ease-out;
 +
}
 +
.nav_bar:hover{
 +
transform: rotateZ(360deg);
 +
-ms-transform: rotateZ(360deg); /* IE 9 */
 +
-webkit-transform: rotateZ(360deg); /* Safari and Chrome */
 +
-o-transform: rotateZ(360deg); /* Opera */
 +
/* -moz-transform: rotateZ(360deg); /* Firefox */
 +
-webkit-transition: -webkit-transform 1s ease-out;
 +
/* -moz-transition: -moz-transform 1s ease-out;*/
 +
-o-transition: -o-transform 1s ease-out;
 +
-ms-transition: -ms-transform 1s ease-out;
 +
}
 +
#nav_bar_01{
 +
background-image:url("https://static.igem.org/mediawiki/2014/c/cf/Xmu_navbar_01.png");
 +
-moz-background-size:100%; /* 老版本的 Firefox */
 +
background-repeat:no-repeat;
 +
background-size:100%;
 +
left:40px;
 +
}
 +
#nav_bar_02{
 +
background-image:url("https://static.igem.org/mediawiki/2014/1/1b/Xmu_navbar_02.png");
 +
-moz-background-size:100%; /* 老版本的 Firefox */
 +
background-repeat:no-repeat;
 +
background-size:100%;
 +
left:190px;
 +
}
 +
#nav_bar_03{
 +
background-image:url("https://static.igem.org/mediawiki/2014/2/23/Xmu_navbar_03.png");
 +
-moz-background-size:100%; /* 老版本的 Firefox */
 +
background-repeat:no-repeat;
 +
background-size:100%;
 +
left:337px;
 +
}
 +
#nav_bar_04{
 +
background-image:url("https://static.igem.org/mediawiki/2014/4/4b/Xmu_navbar_04.png");
 +
-moz-background-size:100%; /* 老版本的 Firefox */
 +
background-repeat:no-repeat;
 +
background-size:100%;
 +
left:487px;
 +
}
 +
#nav_bar_05{
 +
background-image:url("https://static.igem.org/mediawiki/2014/0/06/Xmu_navbar_05.png");
 +
-moz-background-size:100%; /* 老版本的 Firefox */
 +
background-repeat:no-repeat;
 +
background-size:100%;
 +
left:637px;
 +
}
 +
#nav_bar_06{
 +
background-image:url("https://static.igem.org/mediawiki/2014/0/06/Xmu_navbar_06.png");
 +
-moz-background-size:100%; /* 老版本的 Firefox */
 +
background-repeat:no-repeat;
 +
background-size:100%;
 +
left:787px;
 +
}
 +
.navbar_main{position:relative;}
 +
.navbar_sub{
 +
position:absolute;
 +
list-style: none;
 +
padding-bottom:30px;
 +
text-align:center;
 +
font-size:18px;
 +
display:none;
 +
}
 +
#navbar_sub_Acknowledgements{font-size:14px;}
 +
.navbar_sub li{width:120px;margin-top:20px;height:30px;display:block;padding-top:10px;}
 +
.navbar_sub_x{position:absolute;width: 132px;}
 +
#navbar_main_01>.navbar_sub {
 +
border-left:6px #F0707B solid;
 +
border-right:6px #F0707B solid;
 +
left:50px;
 +
top:156px;
 +
}
 +
#navbar_main_01>.navbar_sub li{background:#f0707b;}
 +
#navbar_main_02>.navbar_sub{
 +
border-left:6px #d57590 solid;
 +
border-right:6px #d57590 solid;
 +
left:200px;
 +
top:156px;
 +
}
 +
#navbar_main_02>.navbar_sub li{background:#d57590;}
 +
#navbar_main_03>.navbar_sub{
 +
border-left:6px #b47eb2 solid;
 +
border-right:6px #b47eb2 solid;
 +
left:347px;
 +
top:156px;
 +
}
 +
#navbar_main_03>.navbar_sub li{background:#b47eb2;}
 +
#navbar_main_04>.navbar_sub{
 +
border-left:6px #a381c3 solid;
 +
border-right:6px #a381c3 solid;
 +
left:497px;
 +
top:156px;
 +
}
 +
#navbar_main_04>.navbar_sub li{background:#a381c3;}
 +
#navbar_main_05>.navbar_sub{
 +
border-left:6px #828fd8 solid;
 +
border-right:6px #828fd8 solid;
 +
left:647px;
 +
top:156px;
 +
}
 +
#navbar_main_05>.navbar_sub li{background:#828fd8;}
 +
#navbar_main_01 img{left:-6px;top:-37px;}
 +
#navbar_main_02 img{left:-6px;top:-35px;}
 +
#navbar_main_03 img{left:-6px;top:-33px;}
 +
#navbar_main_04 img{left:-6px;top:-39px;}
 +
#navbar_main_05 img{left:-6px;top:-38px;}
 +
#nav_bar_frame{position:relative;}
 +
.navbar_frame{position:absolute;z-index: 1;top:3px;}
 +
#navbar_frame_left{left:-120px;}
 +
#navbar_frame_right{right:-120px;top:4px;}
 +
/*Background*/
 +
.Project_title{position:absolute;width:300px;}
 +
#Project_background{position:relative;top:230px;width:1000px;margin-left:-400px;left:43%;}
 +
#Project_background_wd{
 +
background:rgba(0, 0, 0, 0.7) none repeat scroll 0 0 !important;/*FF*/
 +
filter:Alpha(opacity=40); background:#000000;/*IE*/
 +
box-shadow: 6px 2px 20px #aaaaaa;
 +
padding-left: 30px;
 +
padding-right: 30px;
 +
position:relative;
 +
top:150px;
 +
table-layout: fixed;
 +
word-wrap: break-word;
 +
word-break: normal;
 +
text-align:justify;
 +
text-justify:inter-ideograph;
 +
}
 +
</style>
 +
<style>
 +
#menubar {
 +
    position: absolute;
 +
    white-space: nowrap;
 +
    top: -6px;
 +
    width: 400px;
 +
    z-index: 5;
 +
    font-family: sans-serif;
 +
    font-size: 95%;
 +
    line-height: 1em;
 +
}
 +
.left-menu, .left-menu a {
 +
    left: 0px;
 +
    text-align: left;
 +
    color:transparent;
 +
    text-transform: lowercase;
 +
}
 +
.left-menu:hover {
 +
    color: white;
 +
    background-color: #555555
 +
}
 +
.right-menu, .right-menu a {
 +
    right: 0px;
 +
    text-align: right;
 +
    color: white;
 +
}
 +
#menubar ul {
 +
    color: #555555;
 +
    list-style: none;
 +
}
 +
#menubar li {
 +
    display: inline;
 +
    position: relative;
 +
    cursor: pointer;
 +
    padding-left: 0px;
 +
    padding-right: 0px;
 +
}
 +
.left-menu li a {
 +
    padding: 0px 10px 0px 0px;
 +
}
 +
.left-menu .selected {
 +
    color: white;
 +
}
 +
.left-menu .selected:hover {
 +
    color: #5555FF;
 +
}
 +
 +
.left-menu:hover a {
 +
    color: white;
 +
}
 +
.right-menu li {
 +
    background-color: #606060;
 +
}
 +
.right-menu li a {
 +
    padding: 0px 15px 0px 0px;
 +
    color: white;
 +
    background-color: #606060;
 +
}
 +
.right-menu li a:hover {
 +
    color: #aaaaff;
 +
    text-decoration: underline;
 +
}
 +
</style>
 +
<script src="http://code.jquery.com/jquery-latest.js"></script>
 +
<script type="text/javascript">
 +
$(document).ready(function(){
 +
$("style").first().remove();
 +
$(".sidebar_main").mouseenter(function(){
 +
var side_bar_hover_target = $(this);
 +
var sidebar_sub_hover_display = side_bar_hover_target.children(".sidebar_sub").css("display");
 +
if(sidebar_sub_hover_display = "none"){
 +
side_bar_hover_target.animate({width:"275px"},200);
 +
side_bar_hover_target.children(".sidebar_sub").slideDown("normal");
 +
};
 +
$(".sidebar_main").mouseleave(function(){
 +
var side_bar_hoveroff_target = $(this);
 +
var sidebar_sub_hoveroff_display = side_bar_hoveroff_target.children(".sidebar_sub").css("display");
 +
if(sidebar_sub_hover_display = "block"){
 +
side_bar_hover_target.children(".sidebar_sub").slideUp(100);
 +
side_bar_hover_target.animate({width:"155px"},100);
 +
};
 +
});
 +
 +
});
 +
$(".navbar_main").mouseenter(function(){
 +
var nav_bar_hover_target = $(this);
 +
nav_bar_hover_target.children(".navbar_sub").slideDown();
 +
$(".navbar_main").mouseleave(function(){
 +
var nav_bar_hoveroff_target = $(this);
 +
nav_bar_hoveroff_target.children(".navbar_sub").slideUp();
 +
});
 +
});
 +
});
 +
</script>
 +
</head>
-
<!--main content -->
+
<body style="font-family:Arial;color:#8ccFFF">
-
<table width="70%" align="center">
+
<div id="background" style="position:fixed;z-index:-1;width:100%;height:100%;top:0px;left:0px;">
-
 
+
<img src="https://static.igem.org/mediawiki/2014/d/d1/XMU-Project-background.jpg" width="100%" height="100%"/>
-
 
+
</div>
-
<!--welcome box -->
+
<div id="warp_navbar_main">
-
<tr>
+
<div id="warp_navbar">
-
<td style="border:1px solid black;" colspan="3" align="center" height="150px" bgColor=#FF404B>
+
<div id="nav_bar_frame" >
-
<h1 >WELCOME TO iGEM 2014! </h1>
+
<img class="navbar_frame" id="navbar_frame_left" src="https://static.igem.org/mediawiki/2014/c/c9/Xmu_navbar_left.png" />
-
<p>Your team has been approved and you are ready to start the iGEM season!
+
<img class="navbar_frame" id="navbar_frame_right" src="https://static.igem.org/mediawiki/2014/b/b5/Xmu_navbar_right.png" />
-
<br>On this page you can document your project, introduce your team members, document your progress <br> and share your iGEM experience with the rest of the world! </p>
+
</div>
-
<br>
+
<div id="nav_bar">
-
<p style="color:#E7E7E7"> <a href="https://2014.igem.org/wiki/index.php?title=Team:XMU-China/Safety&action=edit"style="color:#FFFFFF"> Click here  to edit this page!</a> </p>
+
<ul id="nav_bar_main">
-
</td>
+
<li id="navbar_main_01" class="navbar_main">
-
</tr>
+
<a href="#"><span class="nav_bar" id="nav_bar_01"> </span></a>
-
 
+
<a href="#" class="nav_bar_full" id="nav_bar_full_01">Project</a>
-
<tr> <td colspan="3" height="5px"> </td></tr>
+
<ul class="navbar_sub">
-
<!-- end welcome box -->
+
<img class="navbar_sub_x" id="navbar_sub_x_01" src="https://static.igem.org/mediawiki/2014/4/4e/Xmu_navbar_sub_01.png" />
-
<tr>  
+
<li><a href="https://2014.igem.org/Team:XMU-China/Project_Background">Background</a></li>
-
 
+
<li><a href="https://2014.igem.org/Team:XMU-China/Project_ConicCurve">Conic Curve</a></li>
-
<!--navigation menu -->
+
<li><a href="https://2014.igem.org/Team:XMU-China/Project_Application">Application</a></li>
-
<td align="center" colspan="3">
+
<li><a href="https://2014.igem.org/Team:XMU-China/Project_PSystem">P System</a></li>
-
 
+
<li><a href="https://2014.igem.org/Team:XMU-China/Project_Modelling">Modelling</a></li>
-
<table  width="100%">
+
<li><a href="https://2014.igem.org/Team:XMU-China/Project_FutureWork">Future Work</a></li>
-
<tr heigth="15px"></tr>
+
<li><a href="https://2014.igem.org/Team:XMU-China/Project_Interlab">Interlab</a></li>
-
<tr heigth="75px">
+
</ul>
-
 
+
</li>
-
 
+
<li id="navbar_main_02" class="navbar_main">
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
<a href="#"><span class="nav_bar" id="nav_bar_02"> </span></a>
-
<a href="https://2014.igem.org/Team:XMU-China"style="color:#000000">Home </a> </td>
+
<a href="#" class="nav_bar_full" id="nav_bar_full_02" style="letter-spacing:-2px;">Notebook</a>
-
 
+
<ul class="navbar_sub">
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
+
<img class="navbar_sub_x" id="navbar_sub_x_02" src="https://static.igem.org/mediawiki/2014/e/e0/Xmu_navbar_sub_02.png" />
-
<a href="https://2014.igem.org/Team:XMU-China/Team"style="color:#000000"> Team </a> </td>
+
<li><a href="https://2014.igem.org/Team:XMU-China/Notebook_Protocol">Protocol</a></li>
-
 
+
<li><a href="https://2014.igem.org/Team:XMU-China/Notebook_Labnotes">Lab notes</a></li>
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
+
<li><a href="https://2014.igem.org/Team:XMU-China/Notebook_Calendar">Calendar</a></li>
-
<a href="https://igem.org/Team.cgi?year=2014&team_name=XMU-China"style="color:#000000"> Official Team Profile </a></td>
+
</ul>
-
 
+
</li>
-
<td style="border:1px solid black" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
<li id="navbar_main_03" class="navbar_main">
-
<a href="https://2014.igem.org/Team:XMU-China/Project"style="color:#000000"> Project</a></td>
+
<a href="#"><span class="nav_bar" id="nav_bar_03"> </span></a>
-
 
+
<a href="#" class="nav_bar_full" id="nav_bar_full_03">Judging</a>
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
+
<ul class="navbar_sub">
-
<a href="https://2014.igem.org/Team:XMU-China/Parts"style="color:#000000"> Parts</a></td>
+
<img class="navbar_sub_x" id="navbar_sub_x_03" src="https://static.igem.org/mediawiki/2014/7/7a/Xmu_navbar_sub_03.png" />
-
 
+
<li><a href="https://2014.igem.org/Team:XMU-China/Judging_Parts">Parts</a></li>
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
+
<li><a href="https://2014.igem.org/Team:XMU-China/Judging_Achievements">Achievements</a></li>
-
<a href="https://2014.igem.org/Team:XMU-China/Modeling"style="color:#000000"> Modeling</a></td>
+
</ul>
-
 
+
</li>
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
<li id="navbar_main_04" class="navbar_main">
-
<a href="https://2014.igem.org/Team:XMU-China/Notebook"style="color:#000000"> Notebook</a></td>
+
<a href="#"><span class="nav_bar" id="nav_bar_04"> </span></a>
-
 
+
<a href="#" class="nav_bar_full" id="nav_bar_full_04">Team</a>
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
+
<ul class="navbar_sub">
-
<a href="https://2014.igem.org/Team:XMU-China/Safety"style=" color:#000000"> Safety </a></td>
+
<img class="navbar_sub_x" id="navbar_sub_x_04" src="https://static.igem.org/mediawiki/2014/1/1f/Xmu_navbar_sub_04.png" />
-
 
+
<li><a href="https://2014.igem.org/Team:XMU-China/Team_Members">Members</a></li>
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
+
<li><a href="https://2014.igem.org/Team:XMU-China/Team_Attribution">Attribution</a></li>
-
<a href="https://2014.igem.org/Team:XMU-China/Attributions"style="color:#000000"> Attributions </a></td>
+
</ul>
-
 
+
</li>
-
 
+
<li id="navbar_main_05" class="navbar_main">
-
<td align ="center"> <a href="https://2014.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px"></a> </td>
+
<a href="#"><span class="nav_bar" id="nav_bar_05"> </span></a>
-
</tr>
+
<a href="#" class="nav_bar_full" id="nav_bar_full_05">P&amp;P</a>
 +
<ul class="navbar_sub">
 +
<img class="navbar_sub_x" id="navbar_sub_x_05" src="https://static.igem.org/mediawiki/2014/d/de/Xmu_navbar_sub_05.png" />
 +
<li><a href="https://2014.igem.org/Team:XMU-China/PP_Overview">Overview</a></li>
 +
<li><a href="https://2014.igem.org/Team:XMU-China/PP_Newsletter">Newsletter</a></li>
 +
<li><a href="https://2014.igem.org/Team:XMU-China/PP_Communication">Communication</a></li>
 +
<li><a href="https://2014.igem.org/Team:XMU-China/PP_Popularization">Popularization</a></li>
 +
<li><a href="https://2014.igem.org/Team:XMU-China/PP_Assistance">Assistance</a></li>
 +
<li id="navbar_sub_Acknowledgements"><a href="https://2014.igem.org/Team:XMU-China/PP_Acknowledgements">Acknowledgements</a></li>
 +
</ul>
 +
</li>
 +
<li id="navbar_main_06" class="navbar_main">
 +
<a href="#"><span class="nav_bar" id="nav_bar_06"> </span></a>
 +
<a href="#" class="nav_bar_full" id="nav_bar_full_06">Safety</a>
 +
</li>
 +
</ul>
 +
</div>
 +
</div>
 +
</div>
 +
<!--Background-->
 +
<div id="Project_background">
 +
<img id="Project_background_title" class="Project_title" src="https://static.igem.org/mediawiki/2014/0/0f/Xmu_project_background_zwei.png"/>
 +
<div id="Project_background_wd">
 +
<p style="line-height: 150%; font-size: 26px;">
 +
    &nbsp;
 +
</p>
 +
<p style="text-align: justify; font-size: 1em;">
 +
    Bacterial chemotaxis, which is universal in </span><span style="font-style: italic;">E.coli</span>, is defined as bacteria cells migration in response to a chemical stimulus. The natural </span><span style="font-style: italic;">E.coli</span> chemotaxis has limited receptor proteins which can respond to only six kinds of amino acid. Nevertheless, the reprogrammed chemotaxis named pseudotaxis makes </span><span style="font-style: italic;">E.coli</span> able to respond to molecules, whose receptor proteins do not exist in classical </span><span style="font-style: italic;">E.coli</span>, such as IPTG and L-arabinose, etc.
 +
</p>
 +
<p style="text-align: justify; font-size: 1em;">
 +
    &nbsp;
 +
</p>
 +
<p style="text-align: justify; font-size: 1em;">
 +
    <span style="font-style: italic;">E.coli</span> have several flagella per cell (4–10 typically), which can rotate in two ways </span><span style="valign: sup;">[1]: counterclockwise (CCW) and clockwise (CW)</span><span style="valign: sup;"> [</span><span style="valign: sup;">2</span><span style="valign: sup;">]. The former aligns the flagella into a single rotating bundle, causing the bacterium to swim in line, while the later breaks the flagella bundle apart such that each flagellum points in a different direction, causing the bacterium to tumble. The motility is determined by the phosphorylation state of CheY protein governed by CheZ</span> protein. In the presence of CheZ</span> protein, CheY-P is dephosphorylated and produce CheY, thus CheY lead the flagellar motor to rotate CCW resulting in swimming. In the absence of CheZ</span>, CheY is phosphorylated into CheY-P which can bind to the flagellar switch protein FliM resulting in tumbling (</span><span style="font-weight: 700;">Figure 1). </span><span style="valign: sup;">[</span><span style="valign: sup;">2</span><span style="valign: sup;">] </span>
 +
</p>
 +
<p style="text-align: justify; font-size: 1em;">
 +
    &nbsp;
 +
</p>
 +
<table style="border: currentColor; border-image: none; margin-right: auto; margin-left: auto; border-collapse: collapse; styleName: Normal Table; border-insideH: 1px none #000000; border-insideV: 1px none #000000; cellpadding: 0px 7px 0px 7px;">
 +
    <tbody>
 +
        <tr class="firstRow">
 +
            <td style="padding: 0px 7px; border: 1px rgb(0, 0, 0); width: 434px; vertical-align: top;">
 +
                <p style="text-align: justify; font-size: 1em;">
 +
                    <img width="406" height="327" src="https://static.igem.org/mediawiki/2014/6/6b/Xmu_Project_background_Figure_1.png"/>
 +
                </p>
 +
            </td>
 +
        </tr>
 +
        <tr>
 +
            <td style="border-width: medium 1px 1px; border-color: currentColor rgb(0, 0, 0) rgb(0, 0, 0); padding: 0px 7px; width: 434px; vertical-align: top;">
 +
                <p style="text-align: justify; font-family: Times New Roman; font-size: 1em; styleName: Normal;">
 +
                    <span ><b>Figure 1</b>. </span><span>Chemotaxis mechanism of</span><span style="font-style: italic;"> E.coli</span>. </span><span>The direction of rotation of the flagellar motor is controlled by the protein CheY. If the CheY is phosphorylated (CheY-P), it can bind to the flagellar motor protein FliM, c</span><span>ausing the cell to tumble. When</span><span> CheY is not phosphorylated, the flagellar motor</span><span> rotates counterclockwise (CCW). </span><span style="valign: sup;">[1]</span>
 +
                </p>
 +
            </td>
 +
        </tr>
 +
        <tr style="height: 0px;">
 +
            <td style="border: currentColor; border-image: none; width: 434px;"></td>
 +
        </tr>
 +
    </tbody>
</table>
</table>
-
<!--end navigation menu -->
+
<p style="text-align: justify; font-size: 1em;">
-
</tr>
+
    &nbsp;
-
</tr>
+
-
</td>
+
-
 
+
-
<tr> <td colspan="3"  height="15px"> </td></tr>
+
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr>
+
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+
-
 
+
-
 
+
-
<!--safety content-->
+
-
<tr><td > <h3> Welcome! </h3></td>
+
-
<td ></td >
+
-
<td > <h3> Timeline</h3></td>
+
-
</tr>
+
-
 
+
-
<tr>
+
-
<td width="45%"  valign="top">
+
-
<p> Visit the <a href="https://2014.igem.org/Safety" >Safety Hub</a> to see this year's safety requirements. The Safety Hub is the central page for everything related to safety in iGEM. You can also go there to learn about general biosafety topics, and how to think about the future implications of your project.</p>
+
-
 
+
-
 
+
-
 
+
-
<br>
+
-
<h3> Edit this page!</h3>
+
-
<p>
+
-
Please use this page to write about anything related to safety in your project. <!--Be sure to talk about both
+
-
<ul>
+
-
<li> <a href=" ">Learn about lab Safety for Today</a></li>
+
-
<li> <a href="">Learn about Safety for the future of your project.</a></li>
+
-
</ul>
+
-
-->
+
</p>
</p>
-
 
+
<p style="text-align: justify; font-size: 1em;">
-
<h3> Your Lab </h3>
+
    <span >Therefore, if no CheZ</span> is expressed (such as </span><span style="font-style: italic;">E.coli</span> CL-1 with </span><span style="font-style: italic;">CheZ</span> gene knocked out of genome), CheY-P couldn’t be dephosphorylated so that flagella keep CW, thus </span><span style="font-style: italic;">E.coli</span> keep tumbling and perform non-motile ability on semi-solid culture medium (</span><span style="font-weight: 700;">Figure 2</span> left). With enough <span style="font-style: italic;">CheZ</span> expressed, <span style="font-style: italic;">E.coli</span> regain chemotaxis ability on semi-solid culture medium (<span style="font-weight: 700;">Figure 2</span> right). If one kind of molecule (such as IPTG) could stimulate circuit to express<span style="font-style: italic;"> CheZ</span>, reprogrammed </span><span style="font-style: italic;">E.coli</span> will have the tendency to migrate to it. We named the reprogrammed chemotaxis pseudotaxis. Therefore, we are able to reprogram bacterial chemotaxis by knocking </span><span style="font-style: italic;">CheZ</span> gene out of the wild-type genome to control the expression of </span><span style="font-style: italic;">CheZ</span> by logic gene circuit.</span>
-
 
+
</p>
-
 
+
<p style="text-align: justify; font-size: 1em;">
-
<p> Use this section to tell us about your laboratory. Where is it located? What sort of equipment do you use every day? Have you decorated it for the summer? How do you look wearing a lab coat? Take pictures! Show off your space! </p>  
+
    &nbsp;
-
<!--
+
</p>
-
<gallery>
+
<table style="border: currentColor; border-image: none; width: 586px; margin-right: auto; margin-left: auto; border-collapse: collapse; styleName: Normal Table; border-insideH: 1px none #000000; border-insideV: 1px none #000000; cellpadding: 0px 7px 0px 7px;">
-
Image:Example2_Lab_1.png|The building our lab is in!
+
    <tbody>
-
Image:Example2_Lab_2.png|The inside of our lab!
+
        <tr class="firstRow">
-
Image:Example2_Lab_3.png|Team Member 3 doing an experiment
+
            <td style="padding: 0px 7px; border: 1px rgb(0, 0, 0); width: 397px; vertical-align: top;">
-
Image:Example2_Lab_4.png|Working in biosafety cabinets
+
                <p style="text-align: justify; font-size: 1em; styleName: Normal;">
-
Image:Example2_Lab_5.png|Team all gloved up and ready for work!
+
                    <img width="381" height="370" src="https://static.igem.org/mediawiki/2014/5/5e/Xmu_Project_Background_figure02-1.png"/>
-
Image:Example2_Lab_6.png|Equipment that we use to do SCIENCE!
+
                </p>
-
Image:Example2_Lab_7.png|We decorated this part of our lab
+
            </td>
-
Image:Example2_Lab_8.png|Whatever else you want
+
            <td style="border-width: 1px 1px 1px medium; border-color: rgb(0, 0, 0) rgb(0, 0, 0) rgb(0, 0, 0) currentColor; padding: 0px 7px; width: 189px; vertical-align: top;">
-
</gallery>-->
+
                <p style="text-align: left; padding-bottom: 1px; font-size: 24px; border-bottom-color: rgb(170, 170, 170); border-bottom-width: 1px; border-bottom-style: solid; outlineLvl: 0;">
-
 
+
                    &nbsp;
-
</td>
+
                </p>
-
<td></td>
+
                <p style="text-align: left; padding-bottom: 1px; font-size: 16px; border-bottom-color: rgb(170, 170, 170); border-bottom-width: 1px; border-bottom-style: solid; outlineLvl: 0;">
-
 
+
                    <span style="color: #fff; font-size: 16px;">BBa_K1412000</span>
-
 
+
                </p>
-
<td width="45%" valign="top">  
+
                <p style="text-align: justify; font-size: 1em; styleName: Normal;">
-
 
+
                    <img width="190" height="55" src="https://static.igem.org/mediawiki/2014/f/f2/Xmu_Project_Background_figure02-2.png"/>
-
 
+
                </p>
-
<ul>
+
                <p style="text-align: justify; font-size: 1em; styleName: Normal;">
-
<li> <b>Now :</b>  Read the <a href="https://2014.igem.org/Safety">Safety Hub </a> and learn about safety in iGEM. Ask questions by emailing safety at <i> igem DOT org </i>. </li>
+
                    &nbsp;
-
<li><b>Now - Jamboree:</b> Complete <b>Check-Ins</b> and receive approval before acquiring and using certain materials in your lab</li>
+
                </p>
-
<li><b>Now - Wiki Freeze:</b> Edit this Safety page to tell us about what you're doing</li>
+
                <h1 style="text-align: justify; padding-top: 0.5em; padding-bottom: 0.5em; font-size: 1em; border-bottom-color: rgb(170, 170, 170); border-bottom-width: 1px; border-bottom-style: solid; styleName: Normal; outlineLvl: 0;">
-
<li><b>June 9: </b>Submit the About Our Lab form.</li>
+
                    <span style="color:#fff; font-size: 16px; font-weight: 400;">BBa_J04450</span>
-
<li><b>Let us know by June 25 </b>if you will need an extension on the Preliminary Version, or your Preliminary Version will be significantly incomplete.</li>
+
                </h1>
-
<li><b>June 30: </b>Submit the Preliminary Version of the <b>Safety Form</b>.</li>
+
                <p style="text-align: justify; font-size: 1em; styleName: Normal;">
-
<li>Participate in Virtual Open Office Hours to ask questions and discuss safety topics (exact date to be determined).</li>
+
                    <img width="153" height="53" src="https://static.igem.org/mediawiki/2014/c/c2/Xmu_Project_Background_figure02-3.png"/>
-
<li><b>September 1:</b> Submit the Final Version of the Safety Form.</li>
+
                </p>
-
<li><b>October: </b> Wiki freeze (exact date to be determined)</li>
+
            </td>
-
<li><b>October 30 - November 3: </b>GIANT JAMBOREE!</li>
+
        </tr>
-
 
+
        <tr>
-
</ul>
+
            <td style="border-width: medium 1px 1px; border-color: currentColor rgb(0, 0, 0) rgb(0, 0, 0); padding: 0px 7px; width: 586px; vertical-align: top;" colspan="2">
-
</td>
+
                <p style="text-align: justify; font-size: 1em; styleName: Normal;font-family:Times New Roman;">
-
 
+
                    <span style="font-weight: 700;">Figure 2</span><span style="font-weight: 700;">.</span><span style="font-weight: 700;"> </span><span style="font-style: italic;">CL-1</span>&nbsp;could express&nbsp;<span style="font-style: italic;">CheZ</span>&nbsp;with&nbsp;BBa_K1412000&nbsp;to regain chemotaxis ability (the right colony). While with&nbsp;BBa_J04450 (the left colony)&nbsp;for comparison, no chemotaxis ability could be observed.&nbsp;</span>
-
</tr>
+
                </p>
-
 
+
            </td>
-
 
+
        </tr>
-
 
+
        <tr style="height: 0px;">
-
 
+
            <td style="border: currentColor; border-image: none; width: 397px;"></td>
-
<tr>
+
            <td style="border: currentColor; border-image: none; width: 189px;"></td>
-
 
+
        </tr>
-
 
+
    </tbody>
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
</table>
</table>
 +
<p style="text-align: justify; font-size: 1em; styleName: Normal;">
 +
    &nbsp;
 +
</p>
 +
<p style="text-align: justify; font-size: 1em; styleName: Normal;">
 +
    <span >Besides, as aptamers have the potential to respond to almost all kinds of molecules and have already been used to regulate gene expression such as </span><span style="font-style: italic;">CheZ</span> to reprogram chemotaxis (<span style="font-weight: 700;">Figure 3</span>). We are also developing a new mechanism which combines aptamers with RNA-lock system to regulate target gene.
 +
</p>
 +
<p style="font-size: 18px;">
 +
    &nbsp;
 +
</p>
 +
<table style="border: currentColor; border-image: none; width: 589px; margin-right: auto; margin-left: auto; border-collapse: collapse; styleName: Normal Table; border-insideH: 1px none #000000; border-insideV: 1px none #000000; cellpadding: 0px 7px 0px 7px;">
 +
    <tbody>
 +
        <tr class="firstRow">
 +
            <td style="padding: 0px 7px; border: 1px rgb(0, 0, 0); width: 589px; vertical-align: top;">
 +
                <p style="font-size: 18px;">
 +
                    <img width="575" height="188" src="https://static.igem.org/mediawiki/2014/e/e9/Xmu_Project_Background_figure03.png"/>
 +
                </p>
 +
            </td>
 +
        </tr>
 +
        <tr>
 +
            <td style="border-width: medium 1px 1px; border-color: currentColor rgb(0, 0, 0) rgb(0, 0, 0); padding: 0px 7px; width: 589px; vertical-align: top;">
 +
                <p style="text-align: justify; font-family: Times New Roman; font-size: 1em; styleName: Normal;">
 +
                    <span><b>Figure 3</b>. </span><span>Me</span><span>chanism of how aptamers control</span><span> the translation of CheZ</span> protein. In the absence of target molecules (theophylline as an example). The mRNA’s ribosome binding site is paired, which inhibits the translation of CheZ</span> protein. In the absence of CheZ</span>, CheY-P will remain phosphorylated and the cells tumble in place. While in the presence of theophylline, the mRNA’s ribosome binding site will expose and the CheZ</span> can be expressed, allowing the cells to run and tumble. </span><span style="valign: sup;">[1]</span>
 +
                </p>
 +
            </td>
 +
        </tr>
 +
        <tr style="height: 0px;">
 +
            <td style="border: currentColor; border-image: none; width: 589px;"></td>
 +
        </tr>
 +
    </tbody>
 +
</table>
 +
<table style="border: currentColor; border-image: none; width: 589px; margin-right: auto; margin-left: auto; border-collapse: collapse; styleName: Normal Table; border-insideH: 1px none #000000; border-insideV: 1px none #000000; cellpadding: 0px 7px 0px 7px;">
 +
    <tbody>
 +
        <tr class="firstRow">
 +
            <td style="padding: 0px 7px; border: 1px rgb(0, 0, 0); width: 589px; vertical-align: top;"></td>
 +
        </tr>
 +
        <tr style="height: 0px;">
 +
            <td style="border: currentColor; border-image: none; width: 589px;"></td>
 +
        </tr>
 +
    </tbody>
 +
</table>
 +
<p style="font-size: 18px;">
 +
    &nbsp;
 +
</p>
 +
<p style="text-align: justify; font-size: 1em;">
 +
    <span >Characterizing the circuit we constructed, we combine mathematical modeling with experiments, using modeling to guide experiments and to explain experimental phenomena. We have got reasonable results for a broader range of applications. As we have proved that the chemotaxis of </span><span style="font-style: italic;">E.coli</span> could be well reprogrammed, we try to apply reprogrammed chemotaxis into practice. For example, we have already demonstrated that motile ability is positively associate with the expression strength of </span><span style="font-style: italic;">CheZ</span>, thus we can characterize the efficiency of RBS or promoter by migration distance. At the same time, we also develop a biosafety system which relies on reprogrammed chemotaxis.</span>
 +
</p>
 +
<p style="font-size: 18px;">
 +
    &nbsp;
 +
</p>
 +
<p style="text-align: justify; font-size: 1em;">
 +
    <span >Last but not the least, we apply mathematical principles in our project. Mathematics is the simplest and clearest language, whose value to the development of human civilization is now widely recognized because of its extensive application of science, society and daily life. However, the mathematical laws in life sciences is still unclear and even in chaos. Luckily, synthetic biology can overcome these shortcomings on some level. Based on this, we design a gene circuit and expect mathematical regularities to realize the regulation and control of life activities. We hope our work can inspire people&#39;s interests to combine mathematics with synthetic biology.</span>
 +
</p>
 +
<p style="font-size: 18px;">
 +
    &nbsp;
 +
</p>
 +
<p style="font-size: 18px;">
 +
    <span style="font-size: 18px; font-weight: 700;">R</span><span style="font-size: 18px; font-weight: 700;">eference</span><span style="font-size: 18px; font-weight: 700;">s</span>
 +
</p>
 +
<p style="font-size: 18px;">
 +
    <span >1. </span><span style="color: rgb(0, 0, 255); text-decoration: underline; styleName: Default Paragraph Font;">http://en.wikipedia.org/wiki/Chemotaxis</span>
 +
</p>
 +
<p style="text-align: justify; font-size: 1em;">
 +
    <span >2. Topp S, Gallivan J P. Guiding bacteria with small molecules and RNA[J]. Journal of the American Chemical Society, 2007, 129(21): 6807-6811.</span>
 +
</p>
 +
<p style="text-align: justify; font-size: 1em;">
 +
    <span style="color: rgb(0, 0, 255); text-decoration: underline; styleName: Default Paragraph Font;">http://pubs.acs.org/doi/abs/10.1021/ja0692480</span>
 +
</p>
 +
<p style="text-align: justify; font-size: 1em;">
 +
    &nbsp;
 +
</p>
 +
<p style="text-align: justify; font-size: 1em;">
 +
    &nbsp;
 +
</p>
 +
</div>
 +
</div>
 +
<!--回到顶页的小图标-->
 +
<div id="gototop" style="width:60px; top:450px; right:25px; cursor:pointer; position:absolute;">
 +
      <img src="https://static.igem.org/mediawiki/2014/5/50/XMU-go_to_top.png" />
 +
</div>
 +
 +
<!--小图标翻转特效-->
 +
<style type="text/css">
 +
  #gototop {
 +
    transition: all 0.2s linear;
 +
    -ms-transition: all 0.2s linear;
 +
-moz-transition: all 0.2s linear; /* Firefox 4 */
 +
        -webkit-transition: all 0.2s linear; /* Safari and Chrome */
 +
        -o-transition: all 0.2s linear; /* Opera */
 +
  }
 +
  #gototop:hover {
 +
    transform:scaleX(-1);
 +
    -ms-transform:scaleX(-1);
 +
        -moz-transform:scaleX(-1); /* Firefox 4 */
 +
        -webkit-transform:scaleX(-1); /* Safari and Chrome */
 +
        -o-transform:scaleX(-1); /* Opera */
 +
  }
 +
</style>
 +
 +
<!--小图标自动显示和隐藏的功能-->
 +
<script type="text/javascript">
 +
    $(document).ready(function() {
 +
 
 +
    $("#gototop").hide();
 +
 +
$(window).scroll(function(){
 +
if ($(window).scrollTop()>500) {$("#gototop").fadeIn();}
 +
else {$("#gototop").fadeOut();}
 +
});
 +
    $("#gototop").click(function(){
 +
  $('body,html').animate({scrollTop:0},500);
 +
});  
 +
  });
 +
</script>
 +
<script type="text/javascript" src="https://2014.igem.org/wiki/index.php?title=Team:XMU-China/main_js&action=raw&amp;ctype=text/javascript"></script>
 +
</body>
</html>
</html>

Revision as of 17:19, 15 October 2014

side_bar

 

Bacterial chemotaxis, which is universal in E.coli, is defined as bacteria cells migration in response to a chemical stimulus. The natural E.coli chemotaxis has limited receptor proteins which can respond to only six kinds of amino acid. Nevertheless, the reprogrammed chemotaxis named pseudotaxis makes E.coli able to respond to molecules, whose receptor proteins do not exist in classical E.coli, such as IPTG and L-arabinose, etc.

 

E.coli have several flagella per cell (4–10 typically), which can rotate in two ways [1]: counterclockwise (CCW) and clockwise (CW) [2]. The former aligns the flagella into a single rotating bundle, causing the bacterium to swim in line, while the later breaks the flagella bundle apart such that each flagellum points in a different direction, causing the bacterium to tumble. The motility is determined by the phosphorylation state of CheY protein governed by CheZ protein. In the presence of CheZ protein, CheY-P is dephosphorylated and produce CheY, thus CheY lead the flagellar motor to rotate CCW resulting in swimming. In the absence of CheZ, CheY is phosphorylated into CheY-P which can bind to the flagellar switch protein FliM resulting in tumbling (Figure 1). [2]

 

Figure 1. Chemotaxis mechanism of E.coli. The direction of rotation of the flagellar motor is controlled by the protein CheY. If the CheY is phosphorylated (CheY-P), it can bind to the flagellar motor protein FliM, causing the cell to tumble. When CheY is not phosphorylated, the flagellar motor rotates counterclockwise (CCW). [1]

 

Therefore, if no CheZ is expressed (such as E.coli CL-1 with CheZ gene knocked out of genome), CheY-P couldn’t be dephosphorylated so that flagella keep CW, thus E.coli keep tumbling and perform non-motile ability on semi-solid culture medium (Figure 2 left). With enough CheZ expressed, E.coli regain chemotaxis ability on semi-solid culture medium (Figure 2 right). If one kind of molecule (such as IPTG) could stimulate circuit to express CheZ, reprogrammed E.coli will have the tendency to migrate to it. We named the reprogrammed chemotaxis pseudotaxis. Therefore, we are able to reprogram bacterial chemotaxis by knocking CheZ gene out of the wild-type genome to control the expression of CheZ by logic gene circuit.

 

 

BBa_K1412000

 

BBa_J04450

Figure 2. CL-1 could express CheZ with BBa_K1412000 to regain chemotaxis ability (the right colony). While with BBa_J04450 (the left colony) for comparison, no chemotaxis ability could be observed. 

 

Besides, as aptamers have the potential to respond to almost all kinds of molecules and have already been used to regulate gene expression such as CheZ to reprogram chemotaxis (Figure 3). We are also developing a new mechanism which combines aptamers with RNA-lock system to regulate target gene.

 

Figure 3. Mechanism of how aptamers control the translation of CheZ protein. In the absence of target molecules (theophylline as an example). The mRNA’s ribosome binding site is paired, which inhibits the translation of CheZ protein. In the absence of CheZ, CheY-P will remain phosphorylated and the cells tumble in place. While in the presence of theophylline, the mRNA’s ribosome binding site will expose and the CheZ can be expressed, allowing the cells to run and tumble. [1]

 

Characterizing the circuit we constructed, we combine mathematical modeling with experiments, using modeling to guide experiments and to explain experimental phenomena. We have got reasonable results for a broader range of applications. As we have proved that the chemotaxis of E.coli could be well reprogrammed, we try to apply reprogrammed chemotaxis into practice. For example, we have already demonstrated that motile ability is positively associate with the expression strength of CheZ, thus we can characterize the efficiency of RBS or promoter by migration distance. At the same time, we also develop a biosafety system which relies on reprogrammed chemotaxis.

 

Last but not the least, we apply mathematical principles in our project. Mathematics is the simplest and clearest language, whose value to the development of human civilization is now widely recognized because of its extensive application of science, society and daily life. However, the mathematical laws in life sciences is still unclear and even in chaos. Luckily, synthetic biology can overcome these shortcomings on some level. Based on this, we design a gene circuit and expect mathematical regularities to realize the regulation and control of life activities. We hope our work can inspire people's interests to combine mathematics with synthetic biology.

 

References

1. http://en.wikipedia.org/wiki/Chemotaxis

2. Topp S, Gallivan J P. Guiding bacteria with small molecules and RNA[J]. Journal of the American Chemical Society, 2007, 129(21): 6807-6811.

http://pubs.acs.org/doi/abs/10.1021/ja0692480