|
|
Line 1: |
Line 1: |
| + | {{Template:HZAU-China/background-head}} |
| + | |
| <!--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>
| |
- |
| |
| <style> | | <style> |
- | #contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading, .visualClear{display: none;} /*-- hides default wiki settings --*/
| |
- | #top-section {
| |
- | background-color:#000;
| |
- | border: 0 none;
| |
- | width: 100%;
| |
- | height: 18px;
| |
- | z-index: 100;
| |
- | top: 0;
| |
- | position: fixed;
| |
- | }
| |
- | #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;
| |
- | }
| |
- | <!---top section and hidden-->
| |
- |
| |
- | body {
| |
- | background-color: #fff;
| |
- | }
| |
- |
| |
- | #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;
| |
- | }
| |
- |
| |
- | #name{
| |
- |
| |
- | width: 1000px;
| |
- | margin: 0 auto;
| |
- | }
| |
- | #name-pic{
| |
- | width: 750px;
| |
- | padding-left: 10px;
| |
- | 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>
| |
- |
| |
- | <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>
| |
- |
| |
| #body-content{ | | #body-content{ |
| width: 1000px; | | width: 1000px; |
Line 300: |
Line 46: |
| background-color: #ababab; | | background-color: #ababab; |
| margin: 0; | | margin: 0; |
- | } | + | } |
| + | |
| </style> | | </style> |
| </head> | | </head> |
| | | |
| <body> | | <body> |
- | <div id="name">
| |
- | <div id="name-pic">
| |
- | <img src="https://static.igem.org/mediawiki/2014/f/fa/Hzau-test98.png" width="500px">
| |
- | </div>
| |
- | </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="https://2014.igem.org/Team:HZAU-China" 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="body-content"> | | <div id="body-content"> |
| | | |
Line 373: |
Line 63: |
| </div> | | </div> |
| </div> | | </div> |
- | </body></html> | + | </body> |
| + | |
| + | </html> |
Project Description
Cells sense the environment, process information, and make response to stimuli. To make cells work well in 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 between 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 with fewer parts by utilizing the common structures between modules. The circuit we designed is a rewirable one and 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 to implement multiple functions with the help of the site-specific recombination systems.
Based on the design principle we put forward, we built two circuits to verify our idea. Each circuit has three modules including an input module, a processing module, and an output module. The input module receives environmental signal and triggers the rewiring of the processing module. The output module monitors 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.