Team:XMU-China

From 2014.igem.org

(Difference between revisions)
 
(58 intermediate revisions not shown)
Line 1: Line 1:
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
+
<html lang=“en” >
-
<html lang="en-US" xmlns="http://www.w3.org/1999/xhtml" dir="ltr">
+
<head>
<head>
<title>Team:XMU-China</title>
<title>Team:XMU-China</title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
-
  <link href="https://2014.igem.org/Team:XMU-China/STYLE_XMU_INDEX?action=raw&ctype=text/css" rel="stylesheet" type="text/css"/>
 
-
<!--[if IE 6]>
 
-
<link rel="stylesheet" href="css/ie6.css" type="text/css" media="all" />
 
-
<![endif]-->
 
-
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
+
<script src="http://code.jquery.com/jquery-1.8.2.min.js" type="text/javascript"></script>
-
<script type="text/javascript" src="https://2014.igem.org/Team:XMU-China/JS_XMU_INDEX?action=raw&ctype=text/javascript"></script>
+
<style type="text/css">
 +
#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;
 +
}
 +
</style>
</head>
</head>
 +
<body>
<body>
 +
<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/5/55/Xmu_background_drei.jpg" width="100%" height="100%"/>
 +
</div>
 +
<div style="width:1000px;margin:0px auto">
 +
<div id="topic">
 +
<img src="https://static.igem.org/mediawiki/2014/0/03/Xmu_home_head_drei.png" width="572px" height="210px" style="position:relative; left:-268px; margin-left:50%;"/>
 +
</div>
 +
</div>
-
            <tr>
+
<div id="background" style="position:fixed;z-index:-1;right:0px;bottom:0px;">
-
            <td> <h1 style="line-height: 19px; text-align: center;"> Project Description </h1></td>
+
<a href="https://igem.org/Team.cgi?id=1412"> <img src="https://static.igem.org/mediawiki/2014/8/8f/Xmu_home_product.png" width="80%" /> </a>
-
            </tr>
+
</div>
-
<p style="margin: 6px 0px -8px; line-height: 19px; text-align: justify;">
+
<div id="background" style="position:fixed;z-index:2;left:5px;top:5px;">
-
    <strong><span style="font-size: 14px;font-family: Arial, sans-serif">Chemtaxis</span></strong>
+
<a href="https://2014.igem.org/"> <img src="https://static.igem.org/mediawiki/2014/f/fb/XMU-2014igem.png" width="50%" /> </a>
-
<span style="font-size: 14px;font-family: Arial, sans-serif">, which can make strains move, interest us this time. By reprogramming the strain (CL-1), which lacks the <em>CheZ</em> gene, we can create mathematical patterns. <em>CheZ</em> gene belongs to chemotaxis family of <em>E.coli</em>. Protein CheZ can dephosphorylate CheY-P, one that allows <em>E.coli</em> swimming smoothly. The </span><span style="font-size: 13px;font-family: 宋体">Δ</span><span style="font-size: 14px;font-family: Arial, sans-serif">CheZ bacteria can’t dephosphorylate CheY-P, so the strain won’t motile until <em>CheZ</em> is involved in. That means the motility of <em>E.coli</em> can be precisely control by stimulus (e.g. IPTG). We try to construct logic gene circuits to make <em>E.coli</em> recognize environmental stimulation, thus by utilizing the controlled chemotaxis which named pseudotaxis we could command bacteria to form patterns such as ellipse, hyperbola and so on.</span>
+
</div>
-
</p>
+
<div id="pic" style="width:510px;  margin:auto; top: 220px;">
-
<p style="margin: 6px 0px -8px; line-height: 19px; text-align: justify; ">
+
<img id="abstract" src="https://static.igem.org/mediawiki/2014/2/20/XMU-Abstract-English2.png" onmouseover="movein()" style="position:absolute;"/>
-
    <span style="font-size: 14px;font-family: Arial, sans-serif">The intrinsic motivation that drive us striving for the above project is that we want to simulate the process of stem cell differentiation. In the organs development, stem cells differentiate while aggregate together to form heart, liver and kidney what have precise shapes. <strong>Perhaps some mathematical principles that govern the differentiation process.</strong> By simulating differentiation, we want to get a closer understanding of the differentiation process. However, <em>E.coli</em> can’t sense as much stimulus as stem cell, we intend to utilize RNA aptamers what has the potential to response to almost all stimulus to cover that shortage. Thus, we can get a more precise stimulation.</span>
+
</div>
-
</p>
+
<div id="flag"  style="position:fixed;z-index:2;right:10px;top:5px;">
-
<p style="margin: 6px 0px -8px; line-height: 19px; text-align: justifyS; ">
+
<img id="flag_1"  src="https://static.igem.org/mediawiki/2014/5/55/XMU-China.png" style="cursor:pointer" />
-
    <span style="font-size: 14px;font-family: Arial, sans-serif">Besides, we try to utilize pseudotaxis to accomplish some experimental meaning. As far as we know, the motile ability is proportional to the amount of protein CheZ in certain range. By measuring the average chemotaxis distance, we will get a <strong>precise evaluation on the RBS efficiency</strong> that is evaluated by fluorescence strength previously.</span>
+
<img id="flag_2"  src="https://static.igem.org/mediawiki/2014/d/d7/XMU-England.png" style="cursor:pointer"  />
-
</p>
+
<img id="flag_3"  src="https://static.igem.org/mediawiki/2014/1/14/XMU-France.png" style="cursor:pointer"  />
-
<p>
+
<img id="flag_4"  src="https://static.igem.org/mediawiki/2014/0/0e/XMU-Germany.png" style="cursor:pointer"  />
-
    <br/>
+
</div>
-
</p>
+
-
            </div>
+
<script type="text/javascript">
-
+
$(document).ready(function(){
-
</div>
+
$("#flag_1").click(function(){
 +
$("#abstract").attr("src","https://static.igem.org/mediawiki/2014/9/9b/XMU-Abstract-Chinese.png");
 +
});
 +
$("#flag_2").click(function(){
 +
$("#abstract").attr("src","https://static.igem.org/mediawiki/2014/2/20/XMU-Abstract-English2.png");
 +
});
 +
$("#flag_3").click(function(){
 +
$("#abstract").attr("src","https://static.igem.org/mediawiki/2014/3/3f/XMU-Abstract-French.png");
 +
});
 +
$("#flag_4").click(function(){
 +
$("#abstract").attr("src","https://static.igem.org/mediawiki/2014/6/6a/XMU-Abstract-German.png");
 +
});
 +
});
 +
</script>
 +
 +
 +
<div style="width:1000px;margin:0px auto">
 +
<div id="icon" style="position:relative;top:-150px">
 +
<a href="https://2014.igem.org/Team:XMU-China/PP_Overview"><img src="https://static.igem.org/mediawiki/2014/5/5d/XMU-Home-icon-pp.png" id="icon1" class="icon" style="position:absolute; left: 50px; top: 320px;" width="200px;" height="200px;" onmouseover="moveout_1(this)" /></a>
 +
<a href="https://2014.igem.org/Team:XMU-China/Judging_Parts"><img src="https://static.igem.org/mediawiki/2014/4/4c/XMU-Home-icon-j.png" id="icon2" class="icon" style="position:absolute; left: -100px; top: 235px;" width="200px;" height="200px;" onmouseover="moveout_2(this)" /></a>
 +
<a href="https://2014.igem.org/Team:XMU-China/Safety"><img src="https://static.igem.org/mediawiki/2014/9/9c/XMU-Home-icon-safety.png" id="icon3" class="icon" style="position:absolute; left: 50px; top: 150px;" width="200px;" height="200px;" onmouseover="moveout_3(this)" /></a>
 +
<a href="https://2014.igem.org/Team:XMU-China/Notebook_Protocol"><img src="https://static.igem.org/mediawiki/2014/c/c2/XMU-icon_4.png" id="icon4" class="icon" style="position:absolute; left: 890px; top: 235px;" width="200px;" height="200px;"  onmouseover="moveout_4(this)" /></a>
 +
<a href="https://2014.igem.org/Team:XMU-China/Team_Members"><img src="https://static.igem.org/mediawiki/2014/4/48/XMU-icon_5.png" id="icon5" class="icon" style="position:absolute; left: 740px; top: 320px;" width="200px;" height="200px;" onmouseover="moveout_5(this)" /></a>
 +
<a href="https://2014.igem.org/Team:XMU-China/Project_Background"><img src="https://static.igem.org/mediawiki/2014/0/00/XMU-icon_6.png" id="icon6" class="icon" style="position:absolute; left: 740px; top: 150px;" width="200px;" height="200px;" onmouseover="moveout_6(this)" /></a>
 +
<a href="https://2014.igem.org/Team:XMU-China/PP_Overview"><img src="https://static.igem.org/mediawiki/2014/3/3f/XMU-Home-turn-pp.png" id="turn1" class="turn" style="position:absolute; left: 50px; top: 320px; z-index:1" width="200px;" height="200px;" /></a>
 +
<a href="https://2014.igem.org/Team:XMU-China/Judging_Parts"><img src="https://static.igem.org/mediawiki/2014/3/38/XMU-Home-turn-j.png" id="turn2" class="turn" style="position:absolute; left: -100px; top: 235px; z-index:1" width="200px;" height="200px;" /></a>
 +
<a href="https://2014.igem.org/Team:XMU-China/Safety"><img src="https://static.igem.org/mediawiki/2014/9/90/XMU-Home-turn-safety.png" id="turn3" class="turn" style="position:absolute; left: 50px; top: 150px; z-index:1" width="200px;" height="200px;"  /></a>
 +
<a href="https://2014.igem.org/Team:XMU-China/Notebook_Protocol"><img src="https://static.igem.org/mediawiki/2014/5/54/XMU-Turn_4.png" id="turn4" class="turn" style="position:absolute; left: 890px; top: 235px; z-index:1" width="200px;" height="200px;"  /></a>
 +
<a href="https://2014.igem.org/Team:XMU-China/Team_Members"><img src="https://static.igem.org/mediawiki/2014/4/4d/XMU-Turn_5.png" id="turn5" class="turn" style="position:absolute; left: 740px; top: 320px; z-index:1" width="200px;" height="200px;" /></a>
 +
<a href="https://2014.igem.org/Team:XMU-China/Project_Background"><img src="https://static.igem.org/mediawiki/2014/b/b7/XMU-Turn_6.png" id="turn6" class="turn" style="position:absolute; left: 740px; top: 150px; z-index:1" width="200px;" height="200px;"  /></a>
 +
</div>
 +
</div>
 +
 
 +
<style type="text/css">
 +
#pic{left: 250px; top: 160px;}
 +
.wys.icon{width: 100px; height: 100px;}
 +
</style>
 +
 
 +
<style type="text/css">
 +
  #homepage {
 +
perspective:800;
 +
perspective-0rigin: 50% 50%;
 +
overflow: hidden;
 +
  }
 +
 +
  #icon {
 +
transform-style: preserve-3d;
 +
  }
 +
 
 +
  .icon{
 +
 
 +
transform-origin:center;
 +
-webkit-transform-origin:center;
 +
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 */
 +
}
 +
 
 +
  .turn {
 +
transform-origin:center;
 +
-webkit-transform-origin:center;
 +
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 */
 +
   
 +
transform:rotateX(90deg);
 +
-ms-transform:rotateX(90deg);
 +
-moz-transform:rotateX(90deg); /* Firefox 4 */
 +
-webkit-transform:rotateX(90deg); /* Safari and Chrome */
 +
-o-transform:rotateX(90deg); /* Opera */
 +
  }
 +
 +
</style>
 +
 +
<script>
 +
function moveout_1(obj) {
 +
obj.style.transform="rotateX(-90deg)";
 +
obj.style.webkitTransform="rotateX(-90deg)";
 +
    var next = document.getElementById("turn1");
 +
next.style.transform="rotateX(0deg)";
 +
next.style.webkitTransform="rotateX(0deg)";
-
<div class="cl">&nbsp;</div>
+
}
 +
 
 +
 +
function moveout_2(obj) {
 +
obj.style.transform="rotateX(-90deg)";
 +
obj.style.webkitTransform="rotateX(-90deg)";
 +
    var next = document.getElementById("turn2");
 +
next.style.transform="rotateX(0deg)";
 +
next.style.webkitTransform="rotateX(0deg)";
-
</div>
+
}
 +
 
-
<div class="shadow-l"></div>
+
function moveout_3(obj) {
-
<div class="shadow-r"></div>
+
obj.style.transform="rotateX(-90deg)";
-
<div class="shadow-b"></div>
+
obj.style.webkitTransform="rotateX(-90deg)";
-
  </div>
+
    var next = document.getElementById("turn3");
-
+
next.style.transform="rotateX(0deg)";
 +
next.style.webkitTransform="rotateX(0deg)";
 +
 +
}
 +
 
 +
 
 +
function moveout_4(obj) {
 +
obj.style.transform="rotateX(-90deg)";
 +
obj.style.webkitTransform="rotateX(-90deg)";
 +
    var next = document.getElementById("turn4");
 +
next.style.transform="rotateX(0deg)";
 +
next.style.webkitTransform="rotateX(0deg)";
 +
 +
}
 +
 
 +
 +
function moveout_5(obj) {
 +
obj.style.transform="rotateX(-90deg)";
 +
obj.style.webkitTransform="rotateX(-90deg)";
 +
    var next = document.getElementById("turn5");
 +
next.style.transform="rotateX(0deg)";
 +
next.style.webkitTransform="rotateX(0deg)";
 +
 +
}
 +
 
 +
 +
function moveout_6(obj) {
 +
obj.style.transform="rotateX(-90deg)";
 +
obj.style.webkitTransform="rotateX(-90deg)";
 +
    var next = document.getElementById("turn6");
 +
next.style.transform="rotateX(0deg)";
 +
next.style.webkitTransform="rotateX(0deg)";
 +
 +
}
 +
function movein(obj) {
 +
    var prev = document.getElementById("turn1");
 +
prev.style.transform="rotateX(90deg)";
 +
prev.style.webkitTransform="rotateX(90deg)";
 +
    var next = document.getElementById("icon1");
 +
next.style.transform="rotateX(0deg)";
 +
next.style.webkitTransform="rotateX(0deg)";    
 +
 +
var prev = document.getElementById("turn2");
 +
prev.style.transform="rotateX(90deg)";
 +
prev.style.webkitTransform="rotateX(90deg)";
 +
    var next = document.getElementById("icon2");
 +
next.style.transform="rotateX(0deg)";
 +
next.style.webkitTransform="rotateX(0deg)";
 +
 +
var prev = document.getElementById("turn3");
 +
prev.style.transform="rotateX(90deg)";
 +
prev.style.webkitTransform="rotateX(90deg)";
 +
    var next = document.getElementById("icon3");
 +
next.style.transform="rotateX(0deg)";
 +
next.style.webkitTransform="rotateX(0deg)";
 +
 +
var prev = document.getElementById("turn4");
 +
prev.style.transform="rotateX(90deg)";
 +
prev.style.webkitTransform="rotateX(90deg)";
 +
    var next = document.getElementById("icon4");
 +
next.style.transform="rotateX(0deg)";
 +
next.style.webkitTransform="rotateX(0deg)";
 +
 +
var prev = document.getElementById("turn5");
 +
prev.style.transform="rotateX(90deg)";
 +
prev.style.webkitTransform="rotateX(90deg)";
 +
    var next = document.getElementById("icon5");
 +
next.style.transform="rotateX(0deg)";
 +
next.style.webkitTransform="rotateX(0deg)";
 +
 +
var prev = document.getElementById("turn6");
 +
prev.style.transform="rotateX(90deg)";
 +
prev.style.webkitTransform="rotateX(90deg)";
 +
    var next = document.getElementById("icon6");
 +
next.style.transform="rotateX(0deg)";
 +
next.style.webkitTransform="rotateX(0deg)";
 +
 +
 +
}
 +
 
 +
</script>
-
</div>
 
-
</div>
 
</body>
</body>
</html>
</html>

Latest revision as of 01:59, 18 October 2014

Team:XMU-China

Retrieved from "http://2014.igem.org/Team:XMU-China"