Team:ZJU-China

From 2011.igem.org

(Difference between revisions)
 
(77 intermediate revisions not shown)
Line 1: Line 1:
-
__NOTOC__
+
{{Template:Zjucss_modeling}}
-
Loading, Please Wait..
+
{{Template:Zjucss_global}}
-
{{Template:Zjuheader}}
+
{{Template:Zjucss_template2}}
<html xmlns="http://www.w3.org/1999/xhtml">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
-
<link href='http://fonts.googleapis.com/css?family=Molengo' rel='stylesheet' type='text/css'>
+
<title>ZJU-China iGEM 2011</title>
-
<link href='http://fonts.googleapis.com/css?family=Hammersmith+One' rel='stylesheet' type='text/css'>
+
<link href='http://fonts.googleapis.com/css?family=Molengo'
-
<link rel='stylesheet' type='text/css' href='main.css' />
+
rel='stylesheet' type='text/css'>
 +
<link href='http://fonts.googleapis.com/css?family=Hammersmith+One'
 +
rel='stylesheet' type='text/css'>
 +
<link href='http://fonts.googleapis.com/css?family=Alice'
 +
rel='stylesheet' type='text/css'>
 +
<link href='http://fonts.googleapis.com/css?family=Ovo' rel='stylesheet'
 +
type='text/css'>
 +
<link href='http://fonts.googleapis.com/css?family=Federo'
 +
rel='stylesheet' type='text/css'>
 +
 
 +
<!-- include the Tools -->
 +
<script src="http://cdn.jquerytools.org/1.2.6/full/jquery.tools.min.js"></script>
<style type="text/css">
<style type="text/css">
 +
#contentwrapper .main .leftulcontainer #leftul #accordion .pane a {
 +
color: #ffcc99
 +
}
-
a:hover{
+
 
-
text-decoration:none;
+
#contentwrapper .main .leftulcontainer #leftul #accordion .pane a:hover
 +
{
 +
color: #ff9933
}
}
-
.block{
+
</style>
-
margin:10px;
+
 
-
float:left;
+
<style type="text/css">
-
color:#333333;
+
@charset "UTF-8";
-
font-size:12pt;
+
 
-
padding:0;
+
/* CSS Document */
-
width:660px;
+
a:hover {
 +
text-decoration: none;
}
}
-
.block h1{
+
.block {
-
font-size:36pt;
+
margin: 10px;
 +
float: left;
 +
color: #333333;
 +
font-size: 12pt;
 +
padding: 0;
 +
width: 660px;
}
}
-
.block a{
+
 
-
color:#ff3333;
+
.block h1 {
 +
font-size: 36pt;
}
}
-
.block p{
+
.block a {
-
margin:20px;
+
color: #ff3333;
}
}
-
.block h1, h2{
+
 
-
border-bottom: none;
+
.block p {
-
padding-left:10px;
+
margin: 20px;
-
padding-bottom:0;
+
-
padding-top:0;
+
-
}
+
-
.block a{
+
-
color:#666666;
+
}
}
-
.block hr{
+
 
-
height:2px;
+
.block h1,h2 {
-
margin-left:15px;
+
border-bottom: none;
-
margin-right:15px;
+
padding-left: 10px;
 +
padding-bottom: 0;
 +
padding-top: 0;
}
}
-
.blocktop, .blockbottom{
+
 
-
width:100%;
+
.block a {
-
height:10px;
+
color: #666666;
}
}
-
.blocktop{
+
 
-
background-image:url(http://ung.igem.org/wiki/images/1/17/Blocktop.png);
+
.block hr {
-
background-repeat:no-repeat;
+
height: 2px;
 +
margin-left: 15px;
 +
margin-right: 15px;
}
}
-
.blockbottom{
+
 
-
background-image:url(http://ung.igem.org/wiki/images/1/16/Blockbottom.png);
+
.blocktop,.blockbottom {
-
background-repeat:no-repeat;
+
width: 100%;
 +
height: 10px;
}
}
-
.blockcontent{
+
 
-
padding:10px;
+
.blocktop {
-
background-color:white;
+
background-image: url(http://ung.igem.org/wiki/images/1/17/Blocktop.png)
 +
;
 +
background-repeat: no-repeat;
}
}
-
.links{
+
.blockbottom {
-
background-color:white;
+
background-image:
-
text-align:right;
+
url(http://ung.igem.org/wiki/images/1/16/Blockbottom.png);
-
padding-right:24px;
+
background-repeat: no-repeat;
-
font-size:16px;
+
}
}
-
.links a:hover{
+
 
-
cursor: pointer;
+
.blockcontent {
 +
padding: 10px;
 +
background-color: white;
}
}
-
.sidebar{
+
 
-
float:right;
+
.links {
-
width:250px;
+
background-color: white;
 +
text-align: right;
 +
padding-right: 24px;
 +
font-size: 16px;
}
}
-
.sidebartop{
+
 
-
height:10px;
+
.links a:hover {
-
background-image:url(http://ung.igem.org/wiki/images/9/9f/Sidebartop.png);
+
cursor: pointer;
-
background-repeat:no-repeat;
+
}
}
-
.sidebarbottom{
+
 
-
height:10px;
+
.sidebar {
-
background-image:url(http://ung.igem.org/wiki/images/7/79/Sidebarbottom.png);
+
float: right;
-
background-repeat::no-repeat;
+
width: 250px;
}
}
-
.main{
+
.sidebartop {
-
background-color:#transparent;
+
height: 10px;
-
position:static;
+
background-image:
-
top:auto;
+
url(http://ung.igem.org/wiki/images/9/9f/Sidebartop.png);
-
height:auto;
+
background-repeat: no-repeat;
-
padding:10px;
+
-
padding-top:0px;
+
-
padding-right:10px;
+
}
}
-
div #flash1{
+
 
-
width:660px;
+
.sidebarbottom {
-
height:270px;
+
height: 10px;
-
margin-left:20px;
+
background-image:
-
background-color:transparent;
+
url(http://ung.igem.org/wiki/images/7/79/Sidebarbottom.png);
-
filter:alpha(opacity=80);
+
background-repeat: : no-repeat;
-
-moz-opacity:0.8;
+
}
 +
 
 +
.main {
 +
background-color: #transparent;
 +
position: static;
 +
top: auto;
 +
height: auto;
 +
padding: 10px;
 +
padding-top: 0px;
 +
padding-right: 10px;
 +
}
 +
 
 +
div #flash1 {
 +
width: auto;
 +
height: auto;
 +
margin-left: 20px;
 +
background-color: transparent;
 +
filter: alpha(opacity = 80);
 +
-moz-opacity: 0.8;
-khtml-opacity: 0.8;
-khtml-opacity: 0.8;
opacity: 0.8;
opacity: 0.8;
}
}
-
div #part0{
+
 
-
width:250px;
+
div #part0 {
-
height:330px;
+
float: right;
-
filter:alpha(opacity=50);
+
width: 250px;
-
-moz-opacity:0.5;
+
height: 270px;
 +
filter: alpha(opacity = 50);
 +
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
opacity: 0.5;
-
background-color:transparent;
+
background-color: transparent;
-
color:white;
+
color: white;
-
 
+
}
}
-
div #part0 .blockcontent{
+
 
-
background-color:black;
+
div #part0 .blockcontent {
-
-moz-border-radius: 5px;
+
background-color: black;
 +
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border-radius: 5px;
 +
height: 250px;
}
}
-
div #part0 h1{color:white;
 
-
font-size:30px;}
 
-
.countdown{padding:5px;
+
div #part0 h1 {
-
padding-left:6px;
+
color: white;
-
margin:5px;}
+
font-size: 30px;
-
div #part0 .links{
+
-
background-color:black;
+
}
}
-
div #part0 .sidebartop{
+
 
-
background:url(blocktop3.png) transparent;
+
div .countdown {
 +
padding: 5px;
 +
padding-left: 6px;
 +
margin: 5px;
}
}
-
div #part0 .sidebarbottom{
+
 
-
background:url(blockbottom3.png) transparent;
+
div #part0 .links {
 +
background-color: black;
}
}
-
#welcome{
+
div #part0 .sidebartop {
-
width:660px;
+
background: url(blocktop3.png) transparent;
-
vertical-align:middle;
+
}
}
-
#welcome h1{
+
 
-
color:#f8b4ae;
+
div #part0 .sidebarbottom {
 +
background: url(blockbottom3.png) transparent;
}
}
-
#welcome hr{
+
 
-
background-color:#f8b4ae;
+
#welcome {
 +
width: 660px;
 +
vertical-align: middle;
}
}
-
#welcome a{
+
 
-
color:#f8b4ae;
+
#welcome h1 {
 +
color: #f8b4ae;
}
}
-
#welcome a:hover{
+
 
-
color:red;
+
#welcome hr {
-
text-decoration:none;
+
background-color: #f8b4ae;
}
}
-
#note{
+
 
-
float:right;
+
#welcome a {
-
width:250px;
+
color: #f8b4ae;
}
}
-
#note h1{
+
 
-
color:#7fb3d8
+
#welcome a:hover {
 +
color: red;
 +
text-decoration: none;
}
}
-
#note hr{
+
 
-
background-color:#7fb3d8;
+
#note {
 +
float: right;
 +
width: 250px;
}
}
-
#note a{
+
 
-
color:#7fb3d8;
+
#note h1 {
 +
color: #7fb3d8
}
}
-
#note a:hover{
+
 
-
color:#006699;
+
#note hr {
-
text-decoration:none;
+
background-color: #7fb3d8;
}
}
-
#project{
+
#note a {
-
width:660px;
+
color: #7fb3d8;
}
}
-
#project h1{
+
 
-
color:#ffcc99;
+
#note a:hover {
 +
color: #006699;
 +
text-decoration: none;
}
}
-
#project hr{
+
 
-
background-color:#ffcc99;
+
#project {
 +
width: 660px;
}
}
-
#project a{
+
 
-
color:#ffcc99;
+
#project h1 {
 +
color: #ffcc99;
}
}
-
#project a:hover{
+
 
-
color:#ff9933;
+
#project hr {
-
text-decoration:none;
+
background-color: #ffcc99;
}
}
-
#twitter{
+
#project a {
 +
color: #ffcc99;
}
}
-
#twitter h1{
+
 
-
color:#3399ff;
+
#project a:hover {
 +
color: #ff9933;
 +
text-decoration: none;
}
}
-
#twitter hr{
+
 
-
background-color:#3399ff;
+
#twitter {
 +
}
}
-
#twitter a{
+
 
-
color:#3399ff;
+
#twitter h1 {
 +
color: #3399ff;
}
}
-
#twitter a:hover{
+
 
-
color:#0066ff
+
#twitter hr {
-
text-decoration:none;
+
background-color: #3399ff;
}
}
-
#visits{
+
 
 +
#twitter a {
 +
color: #3399ff;
}
}
-
#visits h1{
+
 
-
color:#666666;
+
#twitter a:hover {
 +
color: #0066ff text-decoration : none;
}
}
-
#visits hr{
+
 
-
background-color:#666666;
+
#visits {
 +
}
}
-
#visits a{
+
 
-
color:#666666;
+
#visits h1 {
 +
color: #666666;
}
}
-
#visits a:hover{
+
 
-
color:#333333;
+
#visits hr {
-
text-decoration:none;
+
background-color: #666666;
}
}
-
#visits div #clustrmaps-widget{
+
 
-
margin-left:auto;
+
#visits a {
-
margin-right:auto;
+
color: #666666;
-
+
}
}
-
#team{
+
 
-
float:left;
+
#visits a:hover {
-
width:660px;
+
color: #333333;
 +
text-decoration: none;
}
}
-
#team h1{
+
 
-
color:#aadba5;
+
#visits div #clustrmaps-widget {
 +
margin-left: auto;
 +
margin-right: auto;
}
}
-
#team hr{
+
 
-
background-color:#aadba5;
+
#team {
 +
float: left;
 +
width: 660px;
}
}
-
#team a{
+
 
-
color:#aadba5;
+
#team h1 {
 +
color: #aadba5;
}
}
-
#team a:hover{
+
 
-
color:#56b74c;
+
#team hr {
-
text-decoration:none;
+
background-color: #aadba5;
}
}
-
#flickr{
+
 
 +
#team a {
 +
color: #aadba5;
}
}
-
#flickr .blockcontent #player{
+
 
 +
#team a:hover {
 +
color: #56b74c;
 +
text-decoration: none;
 +
}
 +
 
 +
#flickr {
-
padding-left:80px;
 
}
}
-
#flickr h1{
+
 
-
color:#ff66cc;
+
#flickr .blockcontent #player {
 +
padding-left: 80px;
}
}
-
#flickr hr{
+
 
-
background-color:#ff66cc;
+
#flickr h1 {
 +
color: #ff66cc;
}
}
-
#flickr a{
+
 
-
color:#ff66cc;
+
#flickr hr {
 +
background-color: #ff66cc;
}
}
-
#flickr a:hover{
+
 
-
color:#ff0099;
+
#flickr a {
-
text-decoration:none;
+
color: #ff66cc;
}
}
-
#sponsors{
+
 
-
float:left;
+
#flickr a:hover {
-
width:930px;
+
color: #ff0099;
 +
text-decoration: none;
}
}
-
#sponsors a{
+
 
-
color:black;
+
#sponsors {
 +
float: right;
 +
width: 250px;
}
}
-
#sponsors a:hover{
+
 
-
color:#999;
+
#sponsors a {
 +
color: black;
}
}
-
#sponsors .blocktop{
+
 
-
background-image:url(http://ung.igem.org/wiki/images/b/b7/Blocktop2.png);
+
#sponsors a:hover {
-
background-repeat:no-repeat;
+
color: #999;
}
}
-
#sponsors .blockbottom{
+
 
-
background-image:url(http://ung.igem.org/wiki/images/c/c5/Blockbottom2.png);
+
#sponsors .blocktop {
-
background-repeat:no-repeat;
+
background-image:
 +
url(http://ung.igem.org/wiki/images/b/b7/Blocktop2.png);
 +
background-repeat: no-repeat;
}
}
-
#hp h1{
+
 
-
color:#9966cc;
+
#sponsors .blockbottom {
 +
background-image:
 +
url(http://ung.igem.org/wiki/images/c/c5/Blockbottom2.png);
 +
background-repeat: no-repeat;
}
}
-
#hp hr{
+
 
-
background-color:#9966cc;
+
#hp h1 {
 +
color: #9966cc;
 +
font-size: 30px;
}
}
-
#hp a{
+
 
-
color:#9966cc;
+
#hp hr {
 +
background-color: #9966cc;
}
}
-
#hp a:hover{
+
 
-
color:#4700b1;
+
#hp a {
-
text-decoration:none;
+
color: #9966cc;
}
}
-
.footer{
+
 
-
background-color:#666666;
+
#hp a:hover {
-
padding:10px;
+
color: #4700b1;
-
text-align:center;
+
text-decoration: none;
}
}
-
.footer a{
+
 
-
color:#cccccc;
+
.footer {
-
margin:10px;
+
background-color: #666666;
-
text-decoration:none;
+
padding: 10px;
 +
text-align: center;
}
}
 +
 +
.footer a {
 +
color: #cccccc;
 +
margin: 10px;
 +
text-decoration: none;
 +
}
 +
.footer a:hover {
.footer a:hover {
-
color:#FFF;
+
color: #FFF;
-
text-decoration:none;
+
text-decoration: none;
-
cursor:pointer;
+
cursor: pointer;
}
}
 +
#banner {
 +
position: relative;
 +
width: 930px;
 +
height: 325px;
 +
<!-- border: 1px solid #666;-->
 +
overflow: hidden;
 +
}
 +
 +
#banner_list img {
 +
border: 0px;
 +
width: 930px;
 +
height: 325px;
 +
}
 +
 +
#banner ul {
 +
position: absolute;
 +
list-style-type: none;
 +
filter: Alpha(Opacity = 80);
 +
opacity: 0.8;
 +
border: 1px solid #fff;
 +
z-index: 1002;
 +
margin: 0;
 +
padding: 0;
 +
bottom: 5px;
 +
right: 3px;
 +
width: 103px;
 +
height: 31px;
 +
}
 +
 +
#banner ul li {
 +
padding: 4px;
 +
float: left;
 +
display: block;
 +
color: #FFF;
 +
border: #e5eaff 1px solid;
 +
background: #6f4f67;
 +
cursor: pointer
 +
}
 +
 +
#banner ul li.on {
 +
background: #900
 +
}
 +
 +
#banner_list a {
 +
position: absolute;
 +
left: 1px;
 +
top: 0px;
 +
height: 240px;
 +
}
 +
a{
 +
text-decoration:none;
 +
}
 +
#welcome strong{
 +
color:red;
 +
}
</style>
</style>
</head>
</head>
<body>
<body>
-
<div id="contentwrapper">
+
<div class="global">
-
<a name="jumptop">&nbsp;</a>
+
<div class="header">
-
            <div class="block"  id="flash1">
+
<div class="bgimg"></div>
-
<object id="FlashID2" classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="660" height="270">
+
<div class="bgpart1"></div>
-
          <param name="movie" value="http://ung.igem.org/wiki/images/f/fa/Flash2.7.swf" />
+
<div class="bgpart2"></div>
-
                <param name="quality" value="high" />
+
 
-
                <param name="wmode" value="opaque" />
+
 
-
                <param name="swfversion" value="6.0.65.0" />
+
<div class="banner">
-
                <!-- This param tag prompts users with Flash Player 6.0 r65 and higher to download the latest version of Flash Player. Delete it if you don't want users to see the prompt. -->
+
<div class="logo"><img
-
                <param name="expressinstall" value="Scripts/expressInstall.swf" />
+
src="https://static.igem.org/mediawiki/2011/c/c9/Logo.png" width="200"
-
                <!-- Next object tag is for non-IE browsers. So hide it from IE using IECC. -->
+
height="200" /></div>
-
                <!--[if !IE]>-->
+
<div class="title"><img
-
                <object type="application/x-shockwave-flash" data="http://ung.igem.org/wiki/images/f/fa/Flash2.7.swf" width="660" height="270">
+
src="http://ung.igem.org/wiki/images/b/b3/Title.png" width="603"
-
                  <!--<![endif]-->
+
height="220" /></div>
-
                  <param name="quality" value="high" />
+
<div class="igemlogo"><a target="_blank"
-
                  <param name="wmode" value="opaque" />
+
href="https://2011.igem.org"><img
-
                  <param name="swfversion" value="6.0.65.0" />
+
src="https://static.igem.org/mediawiki/2011/e/e2/Igemlogo.png" width="180"
-
                  <param name="expressinstall" value="Scripts/expressInstall.swf" />
+
height="150" alt="go to igem homepage" /></a></div>
-
                  <!-- The browser displays the following alternative content for users with Flash Player 6.0 and older. -->
+
-
                  <div>
+
-
                    <h4>Content on this page requires a newer version of Adobe Flash Player.</h4>
+
-
                    <p><a href="http://www.adobe.com/go/getflashplayer"><img src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif" alt="Get Adobe Flash player" width="112" height="33" /></a></p>
+
-
                  </div>
+
-
                  <!--[if !IE]>-->
+
-
                </object>
+
-
                <!--<![endif]-->
+
-
              </object>
+
-
              </div>
+
-
<div class="block" id="part0">
+
-
               
+
-
                    <div class="blockcontent">
+
-
                    <h1>Count down</h1>
+
-
                        <hr/><div class="countdown">
+
-
<object type="application/x-shockwave-flash" data="http://www.oneplusyou.com/bb/files/countdown/countdown.swf?co=585858&bgcolor=5858FA&date_month=10&date_day=15&date_year=0&un=IGEM REGIONAL JAMBOREE 2011&size=small&mo=10&da=15&yr=2011" width="208" height="70">
+
-
<param name="movie" value="http://www.oneplusyou.com/bb/files/countdown/countdown.swf?co=424242&bgcolor=ffffff&date_month=10&date_day=15&date_year=0&un=IGEM JAMBOREE 2011&size=small&mo=10&da=15&yr=2011" /><param name="bgcolor" value="#D8D8D8" /></object></div>
+
-
                    </div>
+
-
                   
+
-
               
+
-
</div> 
+
-
           
+
-
            <!----------main-------------->
+
-
            <div class="main">
+
-
              <div class="block" id="welcome">
+
-
              <div class="blocktop"></div>
+
-
              <div class="blockcontent">
+
-
          <h1><strong>Welcome</strong></h1>
+
-
                    <hr/>
+
-
                    <p>&nbsp;&nbsp;Welcome to the Home of ZJU-CHINA iGEM TEAM. Though it's only a demo version of our wiki, we're hoping it'll be a good start for you to get to know ZJU-CHINA and us. Our team progress and more info will be frequently updated so that our iGEM experience could be shared as much as possible along the way. We truly welcome you to contact us for any cooperation or suggestion.</p>
+
-
              </div>
+
-
                <div class="links">
+
-
                <a href="#jumptop">Top</a> ·
+
-
                    <a href="https://2011.igem.org/Team:ZJU-China/Team">Team page</a>
+
-
                   
+
-
                </div>
+
-
                <div class="blockbottom"></div>
+
-
            </div>
+
-
             
+
-
<div class="block sidebar" id="note">
+
-
                <div class="sidebartop"></div>
+
-
                    <div class="blockcontent">
+
-
                    <h1>Note</h1>
+
-
                        <hr/>
+
-
                    </div>
+
-
                    <div class="links">
+
-
                <a href="#jumptop">Top</a> ·
+
-
                    <a href="https://2011.igem.org/Team:ZJU-China/Notebook">Notebook page</a>
+
-
                   
+
</div>
</div>
-
                    <div class="sidebarbottom"></div>
+
<!--banner-->
-
                </div>
+
<div class="nav">
-
               
+
<ul id="topnav">
-
                <div class="block" id="project">
+
<li ><a id="P_Home" href="https://2011.igem.org/Team:ZJU-China/index.html">Home</a></li>
-
                <div class="blocktop"></div>
+
 
-
                    <div class="blockcontent">
+
<li><a id="P_Project"
-
                <h1>Project</h1>
+
href="https://2011.igem.org/Team:ZJU-China/Project.html">Project</a> <!--Subnav Starts Here-->
-
                    <hr/>
+
 
-
                    <p> &nbsp;&nbsp;  Rainbofilm is a stratified expression system in biofilm, a self-organized module extensible for various needs. Researchers found a vertical oxygen gradient establishes in the biofilm. Such property allows us to use oxygen sensitive promoters to artificially induce differentiated functions through the spatial distribution of cells. Thus, the multi-step reaction can be processed within the different layers of the biofilm.<br/>
+
 
-
&nbsp;&nbsp;  The biofilm and its layered structure form spontaneously. Also biofilm has the natural resistance to high levels of toxin. These two properties render the Rainbofilm a convenient stable system for bio-production and bio-sensor. The system can cater to different needs simply by changing downstream genes. One possible application is ethanol production. The cellulose is degraded to monose from the bottom to the middle layer, and the ethanol is produced and secreted in the surface to minimize the toxicity to the inner cells.</p>
+
<!--Subnav Ends Here--></li>
-
                </div>
+
<li><a id="P_Team" href="https://2011.igem.org/Team:ZJU-China/Team.html">Team</a>
-
                    <div class="links">
+
 
-
                <a href="#jumptop">Top</a> ·
+
</li>
-
                    <a href="https://2011.igem.org/Team:ZJU-China/Project">Project page</a>
+
<li><a id="P_Notebook"
-
                   
+
href="https://2011.igem.org/Team:ZJU-China/Notebook.html">Notebook</a></li>
-
            </div>
+
<li><a id="P_HumanPractice"
-
                <div class="blockbottom"></div>
+
href="https://2011.igem.org/Team:ZJU-China/Humanpractice.html">HumanPractice</a></li>
-
                </div>
+
<li id="search">
-
                <div class="block" id="team">
+
<div id="searchbar">
-
                <div class="blocktop"></div>
+
 
-
                    <div class="blockcontent">
+
<div>
-
                <h1>Team</h1>
+
<form action="http://www.google.com.hk/cse" id="cse-search-box"
-
                    <hr/>
+
target="_blank">
-
                    <p>&nbsp;&nbsp; We are a young and happy team of 13 scientists and engineers from very diverse backgrounds.Although this is our first year working on a wet lab project and biofilm experiments are new to us, we're currently taking great efforts to build the whole system for experiments.Our team progress and more info will be frequently updated so that our iGEM experience could be shared as much as possible along the way. We truly welcome you to contact us for any cooperation or suggestion.</p>
+
<div><input type="hidden" name="cx"
-
                </div>
+
value="005438704919531788579:zbfi5n-q5du" /> <input type="hidden"
-
                    <div class="links">
+
name="cof" value="FORID:10" /> <input type="hidden" name="ie"
-
                <a href="#jumptop">Top</a> ·
+
value="UTF-8" /> <input type="text" name="q" size="15" /> <input
-
                    <a href="https://2011.igem.org/Team:ZJU-China/Team">Team page</a>
+
type="submit" name="sa" value="Search" /></div>
-
                 
+
</form>
-
            </div>
+
<script type="text/javascript"
-
                <div class="blockbottom"></div>
+
src="http://www.google.com/cse/brand?form=cse-search-box&lang=en"></script></div>
-
                </div>
+
</div>
-
                <div class="block sidebar" id="twitter">
+
</li>
-
                <div class="sidebartop"></div>
+
</ul>
-
                    <div class="blockcontent">
+
</div>
-
                    <h1>Twitter</h1>
+
<!--navbar--> <script type="text/javascript">
-
                        <hr/>
+
  document.getElementById('P_Team').onclick=function(){
-
                        <p>
+
  document.getElementById('P_Te').style.display='block'
-
                        <script src="http://widgets.twimg.com/j/2/widget.js"></script>
+
 
-
<script>
+
    document.getElementById('P_Pr').style.display='none'
-
new TWTR.Widget({
+
document.getElementById('P_No').style.display='none'
-
  version: 2,
+
document.getElementById('P_Hu').style.display='none'
-
  type: 'profile',
+
<!-- document.getElementById('P_Pr').style.display='none' -->
-
  rpp: 4,
+
  };
-
  interval: 6000,
+
    document.getElementById('P_Project').onclick=function(){
-
  width: 'auto',
+
  document.getElementById('P_Pr').style.display='block'
-
  height: 300,
+
    document.getElementById('P_Te').style.display='none'
-
  theme: {
+
document.getElementById('P_No').style.display='none'
-
    shell: {
+
document.getElementById('P_Hu').style.display='none'
-
      background: '#3399ff',
+
<!-- document.getElementById('P_Pr').style.display='none' -->
-
      color: '#ffffff'
+
  };
-
     },
+
    document.getElementById('P_Notebook').onclick=function(){
-
     tweets: {
+
  document.getElementById('P_No').style.display='block'
-
      background: '#ffffff',
+
    document.getElementById('P_Pr').style.display='none'
-
      color: '#3399ff',
+
document.getElementById('P_Te').style.display='none'
-
      links: '#cc0066'
+
document.getElementById('P_Hu').style.display='none'
 +
<!-- document.getElementById('P_Pr').style.display='none' -->
 +
  };
 +
    document.getElementById('P_HumanPractice').onclick=function(){
 +
  document.getElementById('P_Hu').style.display='block'
 +
    document.getElementById('P_Pr').style.display='none'
 +
document.getElementById('P_No').style.display='none'
 +
document.getElementById('P_Te').style.display='none'
 +
<!-- document.getElementById('P_Pr').style.display='none' -->
 +
  };
 +
 
 +
</script></div>
 +
<!--header-->
 +
<div id="contentwrapper">
 +
<div class="main">
 +
<div class="bgpart3"></div>
 +
<div class="block" id="flash1" style="margin-left: 0; padding-left: 0;">
 +
<script type="text/javascript">
 +
    var t = n = 0, count;
 +
    $(document).ready(function(){   
 +
        count=$("#banner_list a").length;
 +
        $("#banner_list a:not(:first-child)").hide();
 +
        $("#banner_info").html($("#banner_list a:first-child").find("img").attr('alt'));
 +
        $("#banner_info").click(function(){window.open($("#banner_list a:first-child").attr('href'), "_blank")});
 +
        $("#banner li").click(function() {
 +
            var i = $(this).text() - 1;//获取Li元素内的值，即1，2，3，4
 +
            n = i;
 +
            if (i >= count) return;
 +
            $("#banner_info").html($("#banner_list a").eq(i).find("img").attr('alt'));
 +
            $("#banner_info").unbind().click(function(){window.open($("#banner_list a").eq(i).attr('href'), "_blank")})
 +
            $("#banner_list a").filter(":visible").fadeOut(500).parent().children().eq(i).fadeIn(1000);
 +
            document.getElementById("banner").style.background="";
 +
            $(this).toggleClass("on");
 +
            $(this).siblings().removeAttr("class");
 +
        });
 +
        t = setInterval("showAuto()", 8000);
 +
        $("#banner").hover(function(){clearInterval(t)}, function(){t = setInterval("showAuto()", 8000);});
 +
     })
 +
   
 +
    function showAuto()
 +
     {
 +
        n = n >=(count - 1) ? 0 : ++n;
 +
        $("#banner li").eq(n).trigger('click');
     }
     }
-
  },
 
-
  features: {
 
-
    scrollbar: false,
 
-
    loop: false,
 
-
    live: false,
 
-
    hashtags: true,
 
-
    timestamp: true,
 
-
    avatars: false,
 
-
    behavior: 'all'
 
-
  }
 
-
}).render().setUser('zjuigem').start();
 
</script>
</script>
 +
<div id="banner" style="margin-left: 0; padding-left: 0;">
 +
<div id="banner_bg"></div>
 +
<!--标题背景-->
 +
<div id="banner_info"></div>
 +
<!--标题-->
 +
<ul>
 +
<li class="on">1</li>
 +
<li>2</li>
 +
<li>3</li>
 +
<li>4</li>
 +
<li>5</li>
 +
 +
</ul>
 +
<div id="banner_list">
 +
<a href="https://2011.igem.org/Team:ZJU-China/X-Overview.html" target="_blank">
 +
<img
 +
src="https://static.igem.org/mediawiki/2011/9/94/Zju-New1.jpg" title="" alt="" /></a>
 +
<a href="https://2011.igem.org/Team:ZJU-China/rainbo-Extension.html" target="_blank"><img
 +
src="https://static.igem.org/mediawiki/2011/a/a8/New2.jpg" title="" alt="" /></a>
 +
<a href="https://2011.igem.org/Team:ZJU-China/Project.html" target="_blank"><img
 +
src="https://static.igem.org/mediawiki/2011/0/00/Zju-h2.jpg" title="" alt="" /></a>
 +
 +
<a href="https://2011.igem.org/Team:ZJU-China/rainbo-Background.html" target="_blank"><img
 +
src="https://static.igem.org/mediawiki/2011/5/54/Zju-h3.jpg" title="" alt="" /></a>
 +
 +
 +
<a href="#" target="_blank"><img
 +
src="https://static.igem.org/mediawiki/2011/8/86/Zju-h5.jpg" title="" alt="" /></a>
 +
<!-- <a href="#" target="_blank"><img src="https://static.igem.org/mediawiki/2011/7/76/Zju-h6.jpg" title="" alt="" /></a>-->
 +
</div>
 +
</div>
 +
</div>
 +
 +
<!----------main-------------->
 +
 +
 +
 +
<div class="block" style="margin-left: 1px; padding-left: 1px"
 +
id="welcome">
 +
<div class="blocktop"></div>
 +
<div class="blockcontent">
 +
<h1 style="color:red">What's New</h1>
 +
<hr/>
 +
<p>
 +
<strong>Rainbofilm Extension</strong><br/>
 +
We extend the current primitive stratification system into a more precise, more controllable, and more versatile device. We start with improving the input signals of the rainbofilm system by Fine-tuning the stratification pattern and Changing the differentiation signal.
 +
<a href="https://2011.igem.org/Team:ZJU-China/rainbo-Extension.html">>>go to rainbofilm extension page</a>
</p>
</p>
-
                    </div>
+
<p><strong>X-film</strong><br/>
-
                    <div class="links"> ·
+
After improving the behavior of rainbofilm, we think about more innovative ideas about biofilm. If we could rewire and even fine-tune the input and output, this stratified expression system will act as a machine that receives different inputs and make different responses just like single-input module .Thus we could produce a incredibly robust and engineerable biofilm, X-film.
-
                <a href="#jumptop">Top</a>
+
We then developed X-film into three subprojects:<br/>
-
                 
+
<strong>Sugarfilm:</strong> Using biofilm to produce fuel.<br/><a href="https://2011.igem.org/Team:ZJU-China/X-Sugarfilm.html">>>go to Sugarfilm page</a><br/>
-
          </div>
+
<strong>Sensorfilm:</strong> Using biofilm as a more quantitative and robust biosensor with higher tolerance.<br/><a href="https://2011.igem.org/Team:ZJU-China/X-Sensorfilm.html">>>go to Sensorfilm page</a><br/>
-
                    <div class="sidebarbottom"></div>
+
<strong>Gluefilm:</strong> Using biofilm as two-sided tapes that become sticky only after two fitted surface are put together.<br><a href="https://2011.igem.org/Team:ZJU-China/X-Gluefilm.html">>>go to Gluefilm page</a>
-
        </div>
+
</p>
-
                <div class="block" id="flickr">
+
<p><strong>Biofilm formation</strong><br/>
-
                <div class="blocktop"></div>
+
Quorum sensing plays an important role in biofilm formation. In many Gram-negative bacteria, quorum-sensing systems respond to N-acyl homoserine lactones (AHLs), which were proved to be essential for the architecture of biofilm. Thus we co-transformed our device along with BBa_K091191, a device capable of sending out AI-2 molecules under the control of a pBAD promoter that can be induced with arabinose.<br/><a href="https://2011.igem.org/Team:ZJU-China/bio-results.html" />>>See our results</a></p>
-
              <div class="blockcontent">
+
<p><strong>New software tools</strong>
-
                <h1>Gallery</h1>
+
<ul><li><p><a href="http://zjuchina.tk/rainbosim.php" target="_blank">RainboSim</a> : Design,  modeling and share your biofilm. </p></li>
-
                    <hr/>
+
    <li>
-
                    <p style ="clear:both"></p>
+
      <p><a href="http://itunes.apple.com/us/app/zju-china-igem-2011/id476785560?ls=1&mt=8" target="_blank"> ZJU China iGEM 2011 App</a> : A whole view and easy access to ZJU-China's work.</p></li>
-
                    <div id="player">
+
    </ul>
-
                    <object width="500" height="375"> <param name="flashvars" value="offsite=true&lang=en-us&page_show_url=%2Fphotos%2Fzjuigem%2Fshow%2Fwith%2F5969910211%2F&page_show_back_url=%2Fphotos%2Fzjuigem%2Fwith%2F5969910211%2F&user_id=65453895@N05&jump_to=5969910211"></param> <param name="movie" value="http://www.flickr.com/apps/slideshow/show.swf?v=104087"></param> <param name="allowFullScreen" value="true"></param><embed type="application/x-shockwave-flash" src="http://www.flickr.com/apps/slideshow/show.swf?v=104087" allowFullScreen="true" flashvars="offsite=true&lang=en-us&page_show_url=%2Fphotos%2Fzjuigem%2Fshow%2Fwith%2F5969910211%2F&page_show_back_url=%2Fphotos%2Fzjuigem%2Fwith%2F5969910211%2F&user_id=65453895@N05&jump_to=5969910211" width="500" height="375"></embed></object>
+
</p>
-
                   
+
</div>
-
                    </div>
+
<div class="links"><a href="#top">Top</a> · <a  
-
                </div>
+
href="https://2011.igem.org/Team:ZJU-China/X-Overview.html">X film page</a></div>
-
                    <div class="links">
+
<div class="blockbottom"></div>
-
                <a href="#jumptop">Top</a> ·  
+
</div>
-
                    <a href="https://2011.igem.org/Team:ZJU-China/Team">Team page</a>
+
<div class="block sidebar" style="margin-right: 1px; padding-right: 1px"
-
                 
+
id="hp">
-
            </div>
+
<div class="sidebartop"></div>
-
                <div class="blockbottom"></div>
+
<div class="blockcontent">
-
                </div>
+
<h1>Human Practice</h1>
-
               
+
<hr />
-
                <div class="block sidebar" id="visits">
+
<p><a
-
                <div class="sidebartop"></div>
+
href="https://2011.igem.org/Team:ZJU-China/Fundingreport.html">
-
                    <div class="blockcontent">
+
Funding Guide </a></p>
-
                    <h1>Visits</h1>
+
<p><a
-
                        <hr/>1
+
href="https://2011.igem.org/Team:ZJU-China/Fundingreport.html"><img src="http://ung.igem.org/wiki/images/9/96/Guide10.jpg" width="191" height="145" /> </a></p>
-
                        <div id="clustrmaps-widget"></div><script type="text/javascript">var _clustrmaps = {'url' : 'https://2011.igem.org/Team:ZJU-China', 'user' : 913207, 'server' : '4', 'id' : 'clustrmaps-widget', 'version' : 1, 'date' : '2011-08-31', 'lang' : 'en', 'corners' : 'square' };(function (){ var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = 'http://www4.clustrmaps.com/counter/map.js'; var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x);})();</script><noscript><a href="http://www4.clustrmaps.com/user/b79def37"><img src="http://www4.clustrmaps.com/stats/maps-no_clusters/2011.igem.org-Team-ZJU-China-thumb.jpg" alt="Locations of visitors to this page" width="230" height="160" /></a></noscript>
+
<p><a href="https://2011.igem.org/Team:ZJU-China/App.html">
 +
  App</a></p>
 +
<p><a href="https://2011.igem.org/Team:ZJU-China/App.html"><img src="http://ung.igem.org/wiki/images/2/28/App.png" width="190" height="180" /></a></p>
 +
<p><a
 +
href="https://2011.igem.org/Team:ZJU-China/Novel.html">Novel</a></p>
 +
<p><a
 +
href="https://2011.igem.org/Team:ZJU-China/Novel.html"><img src="https://static.igem.org/mediawiki/2011/7/73/Zju-novel4.jpg" width="190" /></a></p>
 +
<p><a href="https://2011.igem.org/Team:ZJU-China/Safety.html"> Safety
 +
</a></p>
-
                    </div>
+
</div>
-
                    <div class="sidebarbottom"></div></div>
+
<div class="links"><a href="#top">Top</a> · <a
-
                <div class="block" id="sponsors">
+
href="https://2011.igem.org/Team:ZJU-China/Humanpractice.html">Human Practice page</a></div>
-
                    <div class="blocktop"></div>
+
<div class="sidebarbottom"></div>
-
              <div class="blockcontent">
+
</div>
-
                <h1>Sponsors</h1>
+
<div class="block" style="margin-left: 1px; padding-left: 1px"
-
                    <hr/>
+
id="project">
-
                    <p>Welcome to the Home of ZJU-CHINA iGEM TEAM. Though it's only a demo version</p>
+
<div class="blocktop"></div>
-
                </div>
+
<div class="blockcontent">
-
                    <div class="links">
+
<h1>Project</h1>
-
                <a href="#jumptop">Top</a>
+
<hr />
-
                   
+
<p>Rainbofilm is a stratified expression system in
-
            </div>
+
biofilm, a self-organized module extensible for various needs.
-
                <div class="blockbottom"></div>
+
Researchers found a vertical oxygen gradient establishes in the biofilm.
-
                    </div>
+
Such property allows us to use oxygen sensitive promoters to
-
                <p style ="clear:both"></p>
+
artificially induce differentiated functions through the spatial
-
            </div>
+
distribution of cells. Thus, the multi-step reaction can be processed
-
           
+
within the different layers of the biofilm.<br />
-
          <div class="footer" id="footer"><a href="https://2011.igem.org/"> iGem 2011 Home Page</a>
+
The biofilm and its layered structure form spontaneously.
-
          <a href="http://ung.igem.org/Special:Upload/"> Upload Files</a>
+
Also biofilm has the natural resistance to high levels of toxin. These
-
          <a href="https://2011.igem.org/wiki/index.php?title=Template:Zjucss_main&action=edit">Edit CSS</a>
+
two properties render the Rainbofilm a convenient stable system for
-
          <a href="http://ung.igem.org/Team_Wikis?year=2011"> Team Wikis</a>
+
bio-production and bio-sensor. The system can cater to different needs
-
         
+
simply by changing downstream genes. One possible application is ethanol
-
          <a href="mailto:zjuigem@gmail.com?"><strong>Contact Us</strong></a>
+
production. The cellulose is degraded to monose from the bottom to the
-
         
+
middle layer, and the ethanol is produced and secreted in the surface to
-
  </div>
+
minimize the toxicity to the inner cells.</p>
-
          </div>
+
</div>
 +
<div class="links"><a href="#top">Top</a> · <a href="https://2011.igem.org/Team:ZJU-China/Project.html">Project page</a></div>
 +
<div class="blockbottom"></div>
 +
 
 +
</div>
 +
<div class="block sidebar" style="margin-right: 1px; padding-right: 1px"
 +
id="note">
 +
<div class="sidebartop"></div>
 +
<div class="blockcontent">
 +
<h1 style="font-size: 30px;">Achievements</h1>
 +
<hr />
 +
<p><strong>We've successfully completed:</strong></p>
 +
<p>▪ Improving an existing BioBrick Part or Device and enter this information back on the Experience Page of the Registry.</p>
 +
<p>▪ Helping another iGEM team by, for example, characterizing a part, debugging a construct, or modeling or simulating their system.</p>
 +
<p>▪ We've taken a special effort in modeling to make it comprehensive and helpful for each module of our project</p>
 +
<p>▪ We've clearly detailed our approaches to possible biosafety issues related with our project, and answered the safety questions.</p>
 +
</div>
 +
<div class="links"><a href="#top">Top</a> · <a
 +
href="https://2011.igem.org/Team:ZJU-China/judging.html">Achievements</a>·<a href="https://2011.igem.org/Team:ZJU-China/data.html">Data page</a></div>
 +
<div class="sidebarbottom"></div>
 +
</div>
 +
<div class="block" style="margin-left: 1px; padding-left: 1px" id="team">
 +
<div class="blocktop"></div>
 +
<div class="blockcontent">
 +
<h1>Team</h1>
 +
<hr />
 +
<p>We are a young and happy team of 13 scientists and
 +
  engineers from very diverse backgrounds.Although this is our first year
 +
  working on a wet lab project and biofilm experiments are new to us,
 +
  we're currently taking great efforts to build the whole system for
 +
  experiments.Our team progress and more info will be frequently updated
 +
  so that our iGEM experience could be shared as much as possible along
 +
  the way. We truly welcome you to contact us for any cooperation or
 +
  suggestion.</p>
 +
<p ><div id="Player" style="text-align:center"><object width="600" height="450"> <param name="flashvars" value="offsite=true&lang=en-us&page_show_url=%2Fphotos%2Fzjuigem%2Fshow%2F&page_show_back_url=%2Fphotos%2Fzjuigem%2F&user_id=65453895@N05&jump_to="></param> <param name="movie" value="http://www.flickr.com/apps/slideshow/show.swf?v=107931"></param> <param name="allowFullScreen" value="true"></param><embed type="application/x-shockwave-flash" src="http://www.flickr.com/apps/slideshow/show.swf?v=107931" allowFullScreen="true" flashvars="offsite=true&lang=en-us&page_show_url=%2Fphotos%2Fzjuigem%2Fshow%2F&page_show_back_url=%2Fphotos%2Fzjuigem%2F&user_id=65453895@N05&jump_to=" width="600" height="450"></embed></object></div></p>
 +
</div>
 +
<div class="links"><a href="#top">Top</a> · <a
 +
href="https://2011.igem.org/Team:ZJU-China/Team.html">Team page</a></div>
 +
<div class="blockbottom"></div>
 +
</div>
 +
<div class="block sidebar" id="note"
 +
style="margin-right: 1px; padding-right: 1px">
 +
<div class="sidebartop"></div>
 +
<div class="blockcontent">
 +
<h1 style="font-size: 30px;">Sponsors</h1>
 +
<hr />
 +
<p><a href="http://ugrs.zju.edu.cn/english/" target="_blank"><img
 +
src="https://static.igem.org/mediawiki/igem.org/6/69/Bksy.gif" width="188" height="62" /></a></p>
 +
<p><a href="http://www.zuef.zju.edu.cn/en/web" target="_blank"><img
 +
src="https://static.igem.org/mediawiki/igem.org/8/80/Jyjjh.png" width="188"
 +
height="66" /></a></p>
 +
<p><a href="http://www.zjubiolab.zju.edu.cn/page/" target="_blank"><img
 +
src="https://static.igem.org/mediawiki/igem.org/b/ba/Swsyzx.jpg" width="188"
 +
height="59" /></a></p>
 +
</div>
 +
 
 +
<div class="sidebarbottom"></div>
 +
</div>
 +
<p style="clear: both"></p>
 +
 
 +
</div>
 +
<div class="footer" id="footer"><a href="https://2011.igem.org/">
 +
iGem 2011 Home Page</a> <a href="http://ung.igem.org/Special:Upload/">
 +
Upload Files</a> <a
 +
href="https://2011.igem.org/wiki/index.php?title=Template:Zjucss_main&action=edit">Edit
 +
CSS</a> <a href="http://ung.igem.org/Team_Wikis?year=2011"> Team Wikis</a> <a
 +
href="mailto:zjuigem@gmail.com?"><strong>Contact Us</strong></a></div>
 +
</div>
 +
<!--contentwrapper--></div>
</body>
</body>
</html>
</html>

Latest revision as of 01:10, 29 October 2011

ZJU-China iGEM 2011

What's New

Rainbofilm Extension
We extend the current primitive stratification system into a more precise, more controllable, and more versatile device. We start with improving the input signals of the rainbofilm system by Fine-tuning the stratification pattern and Changing the differentiation signal. >>go to rainbofilm extension page

X-film
After improving the behavior of rainbofilm, we think about more innovative ideas about biofilm. If we could rewire and even fine-tune the input and output, this stratified expression system will act as a machine that receives different inputs and make different responses just like single-input module .Thus we could produce a incredibly robust and engineerable biofilm, X-film. We then developed X-film into three subprojects:
Sugarfilm: Using biofilm to produce fuel.
>>go to Sugarfilm page
Sensorfilm: Using biofilm as a more quantitative and robust biosensor with higher tolerance.
>>go to Sensorfilm page
Gluefilm: Using biofilm as two-sided tapes that become sticky only after two fitted surface are put together.
>>go to Gluefilm page

Biofilm formation
Quorum sensing plays an important role in biofilm formation. In many Gram-negative bacteria, quorum-sensing systems respond to N-acyl homoserine lactones (AHLs), which were proved to be essential for the architecture of biofilm. Thus we co-transformed our device along with BBa_K091191, a device capable of sending out AI-2 molecules under the control of a pBAD promoter that can be induced with arabinose.
>>See our results

New software tools

Top · X film page

Project

Rainbofilm is a stratified expression system in biofilm, a self-organized module extensible for various needs. Researchers found a vertical oxygen gradient establishes in the biofilm. Such property allows us to use oxygen sensitive promoters to artificially induce differentiated functions through the spatial distribution of cells. Thus, the multi-step reaction can be processed within the different layers of the biofilm.
The biofilm and its layered structure form spontaneously. Also biofilm has the natural resistance to high levels of toxin. These two properties render the Rainbofilm a convenient stable system for bio-production and bio-sensor. The system can cater to different needs simply by changing downstream genes. One possible application is ethanol production. The cellulose is degraded to monose from the bottom to the middle layer, and the ethanol is produced and secreted in the surface to minimize the toxicity to the inner cells.

Top · Project page

Team

We are a young and happy team of 13 scientists and engineers from very diverse backgrounds.Although this is our first year working on a wet lab project and biofilm experiments are new to us, we're currently taking great efforts to build the whole system for experiments.Our team progress and more info will be frequently updated so that our iGEM experience could be shared as much as possible along the way. We truly welcome you to contact us for any cooperation or suggestion.

Top · Team page

Retrieved from "http://2011.igem.org/Team:ZJU-China"