Team:Tsinghua

From 2012.igem.org

(Difference between revisions)
 
(28 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"  
 +
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>
-
<p class="auto-style1">With the development of modern technology, the computer
+
<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>
-
has become an essential tool in people’s daily life. At the beginning of the
+
<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>
-
21st century, the biological computer was introduced. In recent studies, people
+
<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>
-
have established different logical pathways such as "<a target="_blank" href="http://en.wikipedia.org/wiki/Binary_and">and</a>",
+
<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>
-
"<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
+
<div class = "content">
-
or</span>) " in prokaryote cells and mammalian cells. However, we discover that
+
  <p>&nbsp;</p>
-
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">&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"