Team:Tsinghua

From 2012.igem.org

(Difference between revisions)
 
(26 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 xmlns="http://www.w3.org/1999/xhtml">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<head>
-
<title></title>
 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-
<style type="text/css">td img {display: block;}</style>
+
<title>Tsinghua iGEM Team 2012</title>
-
<!--Fireworks CS5 Dreamweaver CS5 target.  Created Sat Apr 14 20:15:24 GMT+0800 2012-->
+
<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.1.min.js"></script>
<style type="text/css">
<style type="text/css">
-
 
+
/*hack*/
-
#search-controls {
+
body{
-
position: absolute;
+
background-color:#FFF;
-
top:  20px;
+
}
-
right: 15px;
+
#content{
-
width: 150px;
+
border:none;
-
height: 40px;
+
-
background-color: transparent;
+
-
    text-align: center;
+
-
    z-index: 3;
+
-
}
+
-
input.searchButton {
+
-
margin: 1px 10px 0 10px;
+
-
font-size: 100%;
+
-
background: none;
+
-
border: none;
+
-
color: #FFFFFF;
+
-
font-weight: bold;
+
-
}
+
-
input.searchButton:hover {
+
-
color: E0E0E0;
+
}
}
-
#searchInput {
+
#catlinks{
-
    width: 10.9em;
+
visibility:hidden;
-
    margin: 0;
+
-
    font-size: 95%;
+
}
}
 +
.right-menu li a {
 +
background-color:transparent;
-
#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 {
+
/*hack*/
-
    left: 0px;
+
a{
-
    text-align: left;
+
text-decoration:none;
-
    color: #000000;
+
color:#000000;
-
    opacity:0.6;
+
}
-
    text-transform: lowercase;
+
a:hover{
-
}
+
text-decoration:none;
 +
color:#000000;
 +
}
 +
a:link{
 +
}
 +
a:active{
 +
}
 +
a:visited{
 +
}
-
.left-menu:hover {
+
div#BannerCleaner{
-
    color: white;
+
position:absolute;
-
    background-color: #000000;
+
top:-99px;
-
    opacity:0.6;
+
left:0px;
-
}
+
z-index:1;
-
.right-menu, .right-menu a {
+
width:100%;
-
    right: 0px;
+
height:300px;
-
    text-align: right;
+
border:none;
-
    color: white;
+
background:#FFFFFF;
-
}
+
display:block;
-
#menubar ul {
+
}
-
    color: #000000;
+
div#Header{
-
    list-style: none;
+
position: absolute;
-
}
+
z-index: 2;
-
#menubar li {
+
top: -99px;
-
    display: inline;
+
left: 0px;
-
    position: relative;
+
width: 977px;
-
    cursor: pointer;
+
height: 508px;
-
    padding-left: 0px;
+
background: #32B4EB;
-
    padding-right: 0px;
+
/*background-image: url("https://static.igem.org/mediawiki/2012/8/8e/BannerHome.jpg");*/
-
}
+
}
-
.left-menu li a {
+
div.buttom{
-
    padding: 0px 10px 0px 0px;
+
position:absolute;
-
}
+
width:196px;
-
.left-menu .selected {
+
height:73px;
-
    color: white;
+
display:block;
-
}
+
background:#C3C;
-
#.left-menu .selected:hover {
+
cursor:pointer;
-
    color: #5555FF;
+
overflow:hidden;
-
}
+
}
 +
div.buttomHome{
 +
position:absolute;
 +
left: 433px;
 +
top: 426px;
 +
width: 110px;
 +
height: 157px;
 +
display:block;
 +
background:#FFF;
 +
cursor:pointer;
 +
overflow:hidden;
 +
}
 +
div.buttom:hover{
 +
position:absolute;
 +
width:196px;
 +
height:73px;
 +
display:block;
 +
background:#C3C;
 +
opacity:0.7;
 +
filter:alpha(opacity = 70);
 +
overflow:hidden;
 +
cursor:pointer;
 +
}
 +
div.buttomHome:hover{
 +
position:absolute;
 +
left: 433px;
 +
top: 426px;
 +
width: 110px;
 +
height: 157px;
 +
display:block;
-
.left-menu:hover a {
+
opacity:0.7;
-
    color: white;
+
filter:alpha(opacity = 70);
-
}
+
overflow:hidden;
-
.right-menu li {
+
cursor:pointer;
-
    background-color: transparent;
+
-
}
+
-
.right-menu li a {
+
-
    padding: 0px 15px 0px 0px;
+
-
    color: white;
+
-
    background-color: transparent;
+
-
}
+
-
.right-menu li a:hover {
+
-
    color: #aaaaff;
+
-
    text-decoration: underline;
+
-
}
+
-
 
+
-
</style>
+
-
<script type="text/javascript" language="JavaScript1.2">
+
-
var item_count = 4;
+
-
var image_over = new Array(item_count);
+
-
var image_down = new Array(item_count);
+
-
var image_normal = new Array(item_count);
+
-
function init(){
+
-
//完成预先载入过程
+
-
preLoadButtonImage();
+
}
}
-
function preLoadButtonImage(){
+
div.buttom img{
-
//记录导航菜单的项目数
+
position:relative;
-
//var image_over = new Array(item_count);
+
width:100%;
-
//var image_down = new Array(item_count);
+
height:100%;
-
var i = 0;
+
-
for (i = 0; i < image_over.length; i++){
+
-
image_normal[i] = new Image();
+
-
image_over[i] = new Image();
+
-
image_down[i] = new Image();
+
-
}
+
-
image_normal[0].src = "https://static.igem.org/mediawiki/2012/e/ed/HOME_NAVI.gif";
+
-
image_normal[1].src = "https://static.igem.org/mediawiki/2012/4/40/Project_NAVI.gif";
+
-
image_normal[2].src = "https://static.igem.org/mediawiki/2012/4/43/TEAM_NAVI.gif";
+
-
image_normal[3].src = "https://static.igem.org/mediawiki/2012/1/1e/NOTEBOOK_NAVI.gif";
+
-
+
-
image_over[0].src = "https://static.igem.org/mediawiki/2012/e/ef/HOME_NAVI_OVER.gif";
+
-
image_over[1].src = "https://static.igem.org/mediawiki/2012/4/48/Project_NAVI_OVER.gif";
+
-
image_over[2].src = "https://static.igem.org/mediawiki/2012/4/45/TEAM_NAVI_OVER.gif";
+
-
image_over[3].src = "https://static.igem.org/mediawiki/2012/5/58/NOTEBOOK_NAVI_OVER.gif";
+
-
+
-
image_down[0].src = "https://static.igem.org/mediawiki/2012/1/1e/HOME_NAVI_DOWN.gif";
+
-
image_down[1].src = "https://static.igem.org/mediawiki/2012/2/27/Project_NAVI_DOWN.gif";
+
-
image_down[2].src = "https://static.igem.org/mediawiki/2012/f/f4/TEAM_NAVI_DOWN.gif";
+
-
image_down[3].src = "https://static.igem.org/mediawiki/2012/a/a5/NOTEBOOK_NAVI_DOWN.gif";
+
-
+
-
//document.getElementById("Home")[0].src = image_normal[0].src;
+
-
//alert(document.getElementById("Home").id + " " + document.getElementById("Home").nodeName);
+
-
+
-
+
}
}
-
function changeImage_over(obj, pos){
+
div.buttomHome img{
-
+
position:relative;
-
obj.src = image_over[pos].src;
+
width:100%;
 +
height:100%;
}
}
-
function changeImage_down(obj, pos){
+
.content{
-
obj.src = image_down[pos].src;
+
position: absolute;
 +
top: 661px;
 +
left: 0px;
 +
width: 978px;
 +
height: 500px;
 +
display: block;
 +
border-style:none;
}
}
-
function changeImage_leave(obj, pos){
+
#ground{
-
obj.src = image_normal[pos].src;
+
width:100%;
 +
height:800px;
 +
background:#FFFFFF;
}
}
-
</script>
 
-
 
-
<style type="text/css">
 
-
.auto-style1 {
 
-
font-family: Arial, Helvetica, sans-serif;
 
-
        font-size:11pt;
 
-
}
 
-
.auto-style2 {
 
-
font-size: 8pt;
 
-
}
 
-
.auto-style4 {
 
-
text-align: left;
 
-
}
 
</style>
</style>
 +
<script type="application/javascript">
 +
//jQuery.noConflict();
 +
$("document").ready(function(){
 +
$("div[pID=1]").click(function(){
 +
 +
$(this).animate({left:'-=2', top:'-=2',width:'+=4',height:'+=4'}, 'fast');
 +
$(this).animate({left:'+=2', top:'+=2',width:'-=4',height:'-=4'}, 'fast', null, function(){
 +
window.location = "https://2012.igem.org/Team:Tsinghua/" + $(this).attr('id');
 +
});
 +
});
 +
});
 +
</script>
</head>
</head>
-
<body bgcolor="#ffffff" onLoad="Javascript:init();">
 
-
<div id="TOP_BAR" style="position: absolute; width: 976px; height: 100px; z-index: 2; left: -1px; top: -100px; background:white">
+
<body>
-
<img src="https://static.igem.org/mediawiki/2012/4/43/TOPBAR_Temp.png" height="100%" width="100%" alt="TOPBAR"/>
+
<div id = "ground"></div>
-
</div>
+
<div id = "BannerCleaner"></div>
 +
<div class="Header" id="Header"><br />
 +
<object classid="clsid:D27CDB6E-
-
<div style="position: absolute; width: 975px; height: 50px; z-index: 1; left: 0px; top: 0px; background:white" id="layer1">
+
AE6D-11cf-96B8-444553540000"  
-
<table style="display: inline-table;" border="0" cellpadding="0" cellspacing="0" width="975px">
+
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/sw
-
  <tr>
+
flash.cab#version=6,0,29,0" width="977" height="487">
-
  <td><img src="https://static.igem.org/mediawiki/2012/5/52/Spacer.gif" width="90" height="1" border="0" alt="" /></td>
+
        <param name="movie" value="index.swf">
-
  <td><img src="https://static.igem.org/mediawiki/2012/5/52/Spacer.gif" width="108" height="1" border="0" alt="" /></td>
+
        <param name="quality" value="high">
-
  <td><img src="https://static.igem.org/mediawiki/2012/5/52/Spacer.gif" width="92" height="1" border="0" alt="" /></td>
+
        <embed
-
  <td><img src="https://static.igem.org/mediawiki/2012/5/52/Spacer.gif" width="134" height="1" border="0" alt="" /></td>
+
-
  <td><img src="https://static.igem.org/mediawiki/2012/5/52/Spacer.gif" width="1" height="1" border="0" alt="" /></td>
+
-
  <td><img src="https://static.igem.org/mediawiki/2012/5/52/Spacer.gif" width="1" height="1" border="0" alt="" /></td>
+
-
  </tr>
+
-
  <tr>
+
src="https://static.igem.org/mediawiki/2012/0/00/HOME_b.swf" quality="high"  
-
  <td><a href="https://2012.igem.org/Team:Tsinghua"><img name="Home" src="https://static.igem.org/mediawiki/2012/e/ed/HOME_NAVI.gif" width="90" height="32" border="0" id="Home" alt="Home" onmouseover="javascript:changeImage_over(this, 0);" onmousedown="javascript:changeImage_down(this, 0);" onmouseleave="javascript:changeImage_leave(this, 0);" onmouseout="javascript:changeImage_leave(this, 0);"/></a></td>
+
-
  <td><a href="https://2012.igem.org/Team:Tsinghua/Project"><img name="Project" src="https://static.igem.org/mediawiki/2012/4/40/Project_NAVI.gif" width="108" height="32" border="0" id="Project" alt="Project" onmouseover="javascript:changeImage_over(this, 1);" onmousedown="javascript:changeImage_down(this, 1);" ononmouseleave="javascript:changeImage_leave(this, 1);" onmouseout="javascript:changeImage_leave(this, 1);"/></a></td>
+
-
  <td><a href="https://2012.igem.org/Team:Tsinghua/Team"><img name="Team" src="https://static.igem.org/mediawiki/2012/4/43/TEAM_NAVI.gif" width="92" height="32" border="0" id="Team" alt="Team" onmouseover="javascript:changeImage_over(this, 2);" onmousedown="javascript:changeImage_down(this, 2);" onmouseleave="javascript:changeImage_leave(this, 2);" onmouseout="javascript:changeImage_leave(this, 2);"/></a></td>
+
-
  <td><a href="https://2012.igem.org/Team:Tsinghua/Notebook"><img name="Notebooo" src="https://static.igem.org/mediawiki/2012/1/1e/NOTEBOOK_NAVI.gif" width="134" height="32" border="0" id="Notebook" alt="Notebook" onmouseover="javascript:changeImage_over(this, 3);" onmousedown="javascript:changeImage_down(this, 3);" onmouseleave="javascript:changeImage_leave(this, 3);" onmouseout="javascript:changeImage_leave(this, 3);"/></a></td>
+
-
  <td><img name="OTHER" src="https://static.igem.org/mediawiki/2012/5/52/Spacer.gif" width="550" height="32" border="0" id="OTHER" alt="" /></td>
+
-
  <td><img src="https://static.igem.org/mediawiki/2012/5/52/Spacer.gif" width="1" height="32" border="0" alt="" /></td>
+
-
  </tr>
+
-
</table>
+
-
</div>
+
pluginspage="http://www.macromedia.com/go/getflashplayer"
-
<div id="Introduction"  style="height: 771px; margin-left:46px; z-index:2;  margin-right:46px" >
+
type="application/x-shockwave-flash" width="977"  
-
 
+
-
 
+
-
<p class="auto-style1">With the development of modern technology, the computer
+
-
has become an essential tool in people’s daily life. At the beginning of the
+
-
21st century, the biological computer was introduced. In recent studies, people
+
-
have established different logical pathways such as "<a target="_blank" href="http://en.wikipedia.org/wiki/Binary_and">and</a>",
+
-
"<a target="_blank" href="http://en.wikipedia.org/wiki/Binary_and">or</a>" and "<a target="_blank" href="http://en.wikipedia.org/wiki/Binary_and">xor</a>&nbsp;(<span class="auto-style2">Exclusive
+
-
or</span>) " in prokaryote cells and mammalian cells. However, we discover that
+
-
these pathways can only function in single cells. But we also find that these
+
-
implementations are limited in one cell, which in fact greatly suppress the
+
-
ability of application in which we require <strong>high-throughout</strong>,
+
-
<strong>large scale</strong>, <strong>super-fast</strong> delivery and
+
-
processing of information.&nbsp; We want to design a biofilm-based E.chip that
+
-
will allow signal transmission and processing among E.coli bacterial colonies.
+
-
The rapid proliferation of bacteria and their large number will help us realize
+
-
the idea of cloud computation through biological computers.</p>
+
-
<p class="auto-style1">Firstly, we will construct an information
+
-
transmission module.</p>
+
-
<p class="auto-style1">In a traditional cell-cell communication system, the
+
-
signal is determined by the presence of signal molecules. The problem with
+
-
this system is that it can only support a small number of cells and the
+
-
information we can transmit with it is very limited. In modern communication
+
-
systems, signals are transmitted through microwaves, which have a higher
+
-
capacity and are easier to process. Therefore, we want E.coli to generated a
+
-
signal wave, to fulfill our needs for information transmission. </p>
+
-
+
-
<p class="auto-style1">Then, a parallel information transduction system should be built.  We plan to let signal travel in the fashion of waves-the waves of concentration of some molecules.  And the parallel system is based on this consideration.  By using multiple signaling systems together, we could let signals travel and function independently, thus making .  At present, we use several kinds of quorum sensing systems to approach out goal.</p>
+
-
 
+
-
<p class="auto-style1">And now we put Escherichia coli carrying with multiple signal transduction pathways onto a chip which we call it E.chip.  Although signal travels independently, we cross link their back-end to produce wanted calculation.  And the process is shown below in the animation.</p>
+
 +
height="481"></embed></object></div>
 +
<div id = "Home" class = "buttomHome" pID = 1 flag1 = 0><img src="https://static.igem.org/mediawiki/2012/4/43/Home_tsinghua.gif"/></div>
 +
<div id = "Project" class = "buttom" style = "top:426px; left:1px;" pID = 1 flag1 = 0><img src = "https://static.igem.org/mediawiki/2012/3/37/Project_tsinghua.gif"></div>
 +
<div id = "Dataresult" class = "buttom" style = "top:426px; left:215px;" pID = 1 flag1 = 0><img src = "https://static.igem.org/mediawiki/2012/8/8a/Data.gif"></div>
 +
<div id = "Team" class = "buttom" style = "top:426px; left:568px;" pID = 1 flag1 = 0><img src = "https://static.igem.org/mediawiki/2012/a/a7/Team_tsinghua.gif"></div>
 +
<div id = "Safety" class = "buttom" style = "top:426px; left:782px;" pID = 1 flag1 = 0><img src = "https://static.igem.org/mediawiki/2012/6/66/Safety_tsinghua.gif"></div>
 +
<div id = "Notebook" class = "buttom" style = "top:511px; left:1px;" pID = 1 flag1 = 0><img src = "https://static.igem.org/mediawiki/2012/4/49/Notebook_tsinghua.gif"/></div>
 +
<div id = "Model" class = "buttom" style = "top:511px; left:215px;" pID = 1 flag1 = 0><img src = "https://static.igem.org/mediawiki/2012/8/8e/Model_tsinghua.gif"></div>
 +
<div id = "Humanpractice" class = "buttom" style = "top:511px; left:569px;" pID = 1 flag1 = 0><img src = "https://static.igem.org/mediawiki/2012/c/ca/HumanPractice.gif"/></div>
 +
<div id = "Parts" class = "buttom" style = "top:511px; left:782px;" pID = 1 flag1 = 0><img src = "https://static.igem.org/mediawiki/2012/b/b5/Parts_tsinghua.gif"></div>
 +
<div class = "content">
 +
  <p>&nbsp;</p>
</div>
</div>
-
 
-
 
-
 
-
 
-
 
-
 
-
 
</body>
</body>
</html>
</html>

Latest revision as of 16:41, 26 September 2012

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Tsinghua iGEM Team 2012

 

Retrieved from "http://2012.igem.org/Team:Tsinghua"