Team:HZAU-China

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
-
{{hzau2014header}}
 
-
 
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<!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>hzau-igem-2014</title>
<title>hzau-igem-2014</title>
 +
 +
<style>
 +
#p-logo {
 +
    display: none;
 +
}
 +
#search-controls {
 +
    display: none;
 +
}
 +
.firstHeading {
 +
    display: none;
 +
}
 +
#catlinks {
 +
    display: none;
 +
}
 +
#footer-box {
 +
    display: none;
 +
}
 +
#contentSub{
 +
    display: none;
 +
}
 +
#contentSub {
 +
    display: none;
 +
}
 +
/***hiding***/
 +
body {
 +
    margin:0;
 +
    padding:0;
 +
    color:#;
 +
}
 +
#top-section {
 +
    height: 18px;
 +
    background:url(https://static.igem.org/mediawiki/2013/8/84/Px.png) transparent repeat;
 +
    width: 100%;
 +
    border:0px;
 +
}
 +
#menubar {
 +
    top: -7px;
 +
    font-family: Helvetica, Arial, Sans-serif;
 +
    font-size: 14px;
 +
}
 +
.left-menu,.left-menu a {
 +
    color: white;
 +
    left: 0;
 +
    text-align: left;
 +
    text-transform: capitalize;
 +
}
 +
.right-menu,.right-menu a {
 +
    color: white;
 +
    right: 0;
 +
    text-align: right;
 +
}
 +
.right-menu:hover, .left-menu:hover {
 +
    background-color: transparent;
 +
}
 +
.right-menu:hover a {
 +
    color: white;
 +
}
 +
.right-menu li a, .left-menu li a {
 +
    background-color: transparent;
 +
    color: white;
 +
    padding:0,15px,0,0;
 +
    margin:0;
 +
}
 +
.right-menu li a:hover {
 +
    color: white;
 +
    text-decoration:underline;
 +
}
 +
.right-menu li a:visited {
 +
    color: white;
 +
}
 +
.new {
 +
    color:white;
 +
}
 +
a, a:visited {
 +
    color: white;
 +
    text-decoration: none;
 +
}
 +
a:hover {
 +
    color: white;
 +
    text-decoration: underline;
 +
}
 +
#content{
 +
    background: #fff;
 +
    padding: 0;
 +
    width: auto;
 +
    border: 0px;
 +
}
 +
<!---top section and hidden-->
 +
#name{
 +
    padding-left: 215px;
 +
    width: 1000px;
 +
    margin: 0 auto;
 +
}
 +
#header{
 +
    width: 100%;
 +
    min-width: 1140px;
 +
    height:35px;
 +
background-color: #660066; 
 +
background-image: -moz-linear-gradient(#660066, #111);
 +
background-image: -webkit-gradient(linear, left top, left bottom, from(#660066), to(#111));
 +
background-image: -webkit-linear-gradient(#660066, #111);
 +
background-image: -o-linear-gradient(#660066, #111);
 +
background-image: -ms-linear-gradient(#660066, #111);
 +
background-image: linear-gradient(#660066, #111);
 +
}/***最底部背景***/
 +
#nav-bg{
 +
    box-sizing: border-box;
 +
    -webkit-box-sizing: border-box;
 +
    -moz-box-sizing: border-box;
 +
    width: 1140px;
 +
    height: 35px;
 +
    margin:0 auto;
 +
background-color: #660066; 
 +
background-image: -moz-linear-gradient(#660066, #111);
 +
background-image: -webkit-gradient(linear, left top, left bottom, from(#660066), to(#111));
 +
background-image: -webkit-linear-gradient(#660066, #111);
 +
background-image: -o-linear-gradient(#660066, #111);
 +
background-image: -ms-linear-gradient(#660066, #111);
 +
background-image: linear-gradient(#660066, #111);
 +
}/***logo+nav背景***/
 +
#nav-logo1{
 +
   
 +
    position: relative;
 +
    top: -20px;
 +
    margin-left: 30px;
 +
    margin-right: 5px;
 +
    height:35px;
 +
    float:left;
 +
}
 +
#nav-logo2{
 +
    padding: 0;
 +
    margin: 0;
 +
    position: relative;
 +
    top: -20px;
 +
    height:35px;
 +
    float:left;
 +
}
 +
#nav{
 +
    padding: 0;
 +
    margin: 0;
 +
    z-index: 30;
 +
    float:left;
 +
    width: 880px;
 +
    height:35px;
 +
background-color: #660066; 
 +
background-image: -moz-linear-gradient(#660066, #111);
 +
background-image: -webkit-gradient(linear, left top, left bottom, from(#660066), to(#111));
 +
background-image: -webkit-linear-gradient(#660066, #111);
 +
background-image: -o-linear-gradient(#660066, #111);
 +
background-image: -ms-linear-gradient(#660066, #111);
 +
background-image: linear-gradient(#660066, #111);
 +
}
 +
#nav li{
 +
    margin: 0;
 +
    padding: 0;
 +
    border: none;
 +
    list-style: none;
 +
    float: left;
 +
    font-size: 20px;
 +
    color: #fff;
 +
    font-family: Cambria;
 +
    font-weight: bold;
 +
    text-align: center;
 +
}
 +
#nav li a{
 +
    text-decoration: none;
 +
    border: none;
 +
    cursor:default;
 +
    display: block;
 +
    margin: 0;
 +
    padding: 5px 0;
 +
    width: 110px;
 +
    color: #FFF;
 +
    text-align: center;
 +
    text-decoration: none
 +
background-color: #660066; 
 +
background-image: -moz-linear-gradient(#660066, #111);
 +
background-image: -webkit-gradient(linear, left top, left bottom, from(#660066), to(#111));
 +
background-image: -webkit-linear-gradient(#660066, #111);
 +
background-image: -o-linear-gradient(#660066, #111);
 +
background-image: -ms-linear-gradient(#660066, #111);
 +
background-image: linear-gradient(#660066, #111);
 +
}
 +
#nav li a:hover{
 +
    background:#000029;
 +
}
 +
 +
#nav div{
 +
    position: absolute;
 +
    visibility: hidden;
 +
    margin: 0;
 +
    padding: 0;
 +
    background: #780078;
 +
}
 +
#nav div a{
 +
    position: relative;
 +
    display: block;
 +
    margin: 0;
 +
    padding: 5px 5px;
 +
    min-width: 100px;
 +
    width: auto;
 +
    color: #fff;
 +
    white-space: nowrap;
 +
    text-align: center;
 +
    text-decoration: none;
 +
    font-family: Cambria;
 +
    font-weight: bold;
 +
    text-align: center;
 +
    background: #780078;
 +
    border-bottom: solid 0.5px #fff;
 +
}
 +
#nav div a:hover{
 +
    background:#000029;
 +
}
 +
</style>
 +
 +
<style>
 +
#footer{
 +
    margin-top: 20px;
 +
    width: 100%;
 +
    height: 110px;   
 +
    padding: 0;
 +
background-color: #660066; 
 +
background-image: -moz-linear-gradient(#660066, #111);
 +
background-image: -webkit-gradient(linear, left top, left bottom, from(#660066), to(#111));
 +
background-image: -webkit-linear-gradient(#660066, #111);
 +
background-image: -o-linear-gradient(#660066, #111);
 +
background-image: -ms-linear-gradient(#660066, #111);
 +
background-image: linear-gradient(#660066, #111);
 +
}
 +
#footercontain{
 +
    padding-top: 15px;
 +
    width: 1000px;
 +
    height: 90px;
 +
    margin: 0 auto;
 +
    background: transparent;
 +
    font-family: cambria;
 +
    color: #fff;
 +
}
 +
#footer-logo{
 +
    position: relative;
 +
    padding-left: 110px;
 +
    padding-top: 10.5px;
 +
    width:75px;
 +
    height: 90px;
 +
    float: left;
 +
    background: transparent;
 +
}
 +
#footer-hzau{
 +
    width:510px;
 +
    height: 90px;
 +
    float: left;
 +
    background: transparent;
 +
}
 +
#footer-contact{
 +
    border-left: solid 2px #fff;
 +
    padding-top: 10px;
 +
    padding-left: 40px;
 +
    width:240px;
 +
    height: 70px;
 +
    float: right;
 +
    background: transparent;
 +
}
 +
#footer h1{
 +
    font-size: 45px;
 +
    padding: 0;
 +
    margin: 0;
 +
}
 +
#footer h6{
 +
    font-size: 16.5px;
 +
    padding: 0;
 +
    margin: 0;
 +
}
 +
#footer p {
 +
    font-size: 15px;
 +
    padding: 0;
 +
    margin: 0;
 +
}
 +
</style>
 +
 +
<script type="text/javascript">
 +
<!--
 +
var timeout        = 500;
 +
var closetimer = 0;
 +
var ddmenuitem      = 0;
 +
// open hidden layer
 +
function mopen(id)
 +
{
 +
// cancel close timer
 +
mcancelclosetime();
 +
 +
// close old layer
 +
if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
 +
 +
// get new layer and show it
 +
ddmenuitem = document.getElementById(id);
 +
ddmenuitem.style.visibility = 'visible';
 +
 +
}
 +
// close showed layer
 +
function mclose()
 +
{
 +
if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
 +
}
 +
// go close timer
 +
function mclosetime()
 +
{
 +
closetimer = window.setTimeout(mclose, timeout);
 +
}
 +
// cancel close timer
 +
function mcancelclosetime()
 +
{
 +
if(closetimer)
 +
{
 +
window.clearTimeout(closetimer);
 +
closetimer = null;
 +
}
 +
}
 +
// close layer when click-out
 +
document.onclick = mclose;
 +
// -->
 +
</script>
 +
<style>
<style>
#bodycontent{
#bodycontent{
Line 46: Line 367:
}
}
</style>
</style>
 +
</head>
</head>
 +
<body>
<body>
 +
<div id="name">
 +
    <img src="https://static.igem.org/mediawiki/2014/f/fa/Hzau-test98.png" width="500px">   
 +
</div>
 +
 +
<div id="header">
 +
<div id="nav-bg">
 +
    <div id="nav-logo1">
 +
        <img src="https://static.igem.org/mediawiki/2014/c/ce/201407306.png" height="75px">
 +
    </div>
 +
   
 +
    <ul id="nav">
 +
    <li><a href="#" onmouseover="mopen('m1')" onmouseout="mclosetime()">Home</a></li>
 +
       
 +
    <li><a href="#" onmouseover="mopen('m2')" onmouseout="mclosetime()">Team</a>
 +
<div id="m2" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
 +
   
 +
</div>
 +
    </li>
 +
 +
    <li><a href="#" onmouseover="mopen('m3')" onmouseout="mclosetime()">Project</a>
 +
<div id="m3" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
 +
 
 +
    </div>
 +
</li>
 +
   
 +
    <li><a href="#" onmouseover="mopen('m4')" onmouseout="mclosetime()">Parts</a> </li>
 +
   
 +
    <li><a href="#" onmouseover="mopen('m5')" onmouseout="mclosetime()">Model</a>
 +
<div id="m5" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
 +
 
 +
</div>
 +
    </li>
 +
       
 +
    <li><a href="#" onmouseover="mopen('m6')" onmouseout="mclosetime()">Notebook</a>
 +
<div id="m6" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
 +
 
 +
</div>
 +
    </li>
 +
   
 +
    <li><a href="#" onmouseover="mopen('m7')" onmouseout="mclosetime()">Safety</a></li>
 +
   
 +
    <li><a href="#" onmouseover="mopen('m8')" onmouseout="mclosetime()">Outreach</a>
 +
<div id="m8" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
 +
 
 +
</div>
 +
    </li>
 +
    </ul>
 +
   
 +
    <div id="nav-logo2">
 +
        <img src="https://static.igem.org/mediawiki/2014/7/78/20147305.png" height="62px">
 +
    </div>
 +
</div>
 +
</div>
 +
<!--navigation-->
<div id="bodycontent">
<div id="bodycontent">
 +
     <div id="body-con">
     <div id="body-con">
         <h2>Abstract<h2>
         <h2>Abstract<h2>
Line 59: Line 437:
     </div>
     </div>
</div>
</div>
 +
 +
<div id="footer">
 +
<div id="footercontain">
 +
    <div id="footer-logo">
 +
        <img src="https://static.igem.org/mediawiki/2014/f/f7/%E7%99%BD%E5%AD%97LOGO.png" height="64px">
 +
    </div>
 +
    <div id="footer-hzau">
 +
        <h1>HZAU-China<h1>
 +
        <p>2014 Huazhong Agricultural University iGEM Team. All rights reserved.</p>
 +
    </div> 
 +
    <div id="footer-contact">
 +
        <h6><b>E-mail:</b> hzauigem@gmail.com</h6>
 +
        <h6><b>Twitter:</b> hzau_igem</h6>
 +
        <h6><b>Werchat:</b>  hzauigem</h6>
 +
    </div> 
 +
</div> 
 +
</div>
 +
<!--footer-->
</body>
</body>
</html>
</html>

Revision as of 14:12, 13 August 2014

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”> hzau-igem-2014

Abstract

Cells sense the environment, process information, and make response to the stimuli. To make cells work well in the complex natural environments, lots of processes have to be preset to react to various signals. However, when well-characterized modules are combined to construct higher order systems, unpredictable behaviors often occur because of the interplay of the modules. Another significant problem is that complex integrated systems composed of numerous parts may cause cell overload.

We propose an elegant method to design higher order systems. Instead of merely combining different functional modules, we construct one integrated processing module by utilizing the same structures between modules. The circuit we design is a rewirable one, the topological structure of the processing module can be altered to adapt to environmental change. The basic idea is to rewire the connections between parts and devices under the site-specific recombination system.

Based on the design principle we put forward, we build two circuits to verify our idea respectively. Each circuit has three modules including an input module, a processing module, and an output module. The input module is to receive environmental signal and trigger the rewiring of the processing module. The output module is to monitor real-time processes using fluorescence intensity.

Our design approach may lead to a revolutionary step towards system integration in synthetic biology. Potential fields of application include organism development, living therapeutics and environment improvement.