Team:HZAU-China

From 2014.igem.org

(Difference between revisions)
 
(160 intermediate revisions not shown)
Line 1: Line 1:
-
<html xmlns=”http://www.w3.org/1999/xhtml”>
+
<!DOCTYPE html>
 +
<html>
 +
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
 +
<!--[if IE 7]>    <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
 +
<!--[if IE 8]>    <html class="no-js lt-ie9" lang="en"> <![endif]-->
 +
<!--[if gt IE 8]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
<head>
-
<title>hzau-igem-2014</title>
 
-
 
<style>
<style>
-
#globalWrapper {
+
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading, .visualClear{display: none;}
-
  padding: 0;
+
#globalWrapper, #content { /*-- changes default wiki settings --*/
 +
width: 100%;
 +
height: 100%;
 +
border: 0px;
 +
background-color: transparent;
 +
margin: 0px;
 +
padding: 0px;
}
}
-
#p-logo {
+
 
-
    display: none;
+
html, body, .wrapper { /*-- changes default wiki settings --*/
-
}
+
width: 100%;  
-
#search-controls {
+
height: 100%;  
-
    display: none;
+
background-color: transparent;
-
}
+
-
.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 {
#top-section {
-
     height: 18px;
+
     background-color:#484848;
-
     background:url(https://static.igem.org/mediawiki/2013/8/84/Px.png) transparent repeat;
+
     border: 0 none;
     width: 100%;
     width: 100%;
-
     border:0px;
+
     height: 24px;
 +
    z-index: 100;
 +
    top: 0;
 +
    position: fixed;
}
}
#menubar {
#menubar {
-
     top: -7px;
+
     top: 2px;
     font-family: Helvetica, Arial, Sans-serif;
     font-family: Helvetica, Arial, Sans-serif;
     font-size: 14px;
     font-size: 14px;
Line 85: Line 76:
     color: white;
     color: white;
     text-decoration: underline;
     text-decoration: underline;
-
}
 
-
#content{
 
-
    background: #fff;
 
-
 
 
-
    width: auto;
 
-
    border: 0px;
 
-
}
 
-
<!---top section and hidden-->
 
-
#name{
 
-
   
 
-
    width: 1000px;
 
-
    margin: 0 auto;
 
-
}
 
-
#name-pic{
 
-
    padding-left: 215px;
 
-
 
 
-
}
 
-
#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>
 +
<meta charset="utf-8" />
-
<style>
+
<title>2014HZAU-China</title>
-
#footer{
+
 
-
    margin-top: 20px;
+
<!-- ////////////////////////////////// -->
-
    width: 100%;
+
<!-- //      Stylesheets Files      // -->
-
    height: 110px;   
+
<!-- ////////////////////////////////// -->
-
    padding: 0;
+
<link rel="stylesheet" href="https://2014.igem.org/Team:HZAU-China/base.css?action=raw&ctype=text/css" type="text/css" />
-
background-color: #660066; 
+
<link rel="stylesheet" href="https://2014.igem.org/Team:HZAU-China/framework.css?action=raw&ctype=text/css" type="text/css" />
-
background-image: -moz-linear-gradient(#660066, #111);
+
<link rel="stylesheet" href="https://2014.igem.org/Team:HZAU-China/style.css?action=raw&ctype=text/css" type="text/css" />
-
background-image: -webkit-gradient(linear, left top, left bottom, from(#660066), to(#111));
+
<link rel="stylesheet" href="https://2014.igem.org/Team:HZAU-China/noscript.css?action=raw&ctype=text/css" type="text/css" media="screen,all" id="noscript"/>
-
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{
+
-
padding-top: 5px;
+
-
    width:510px;
+
-
    height: 90px;
+
-
    float: left;
+
-
    background: transparent;
+
-
}
+
-
#footer-contact{
+
-
padding-top: 3px;
+
-
    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;
+
-
line-height: 100%;
+
-
border-bottom:0;
+
-
color: #fff;
+
-
text-align:left;
+
-
}
+
-
#footer h6{
+
-
    font-size: 16.5px;
+
-
    padding: 0;
+
-
    margin: 0;
+
-
line-height: 100%;
+
-
border-bottom:0;
+
-
color: #fff;
+
-
text-align:left;
+
-
}
+
-
#footer p {
+
-
    font-size: 15px;
+
-
    padding: 0;
+
-
    margin: 0;
+
-
line-height: 100%;
+
-
border-bottom:0;
+
-
color: #fff;
+
-
text-align:left;
+
-
}
+
-
</style>
+
-
<script type="text/javascript">
+
 
-
<!--
+
<!-- ////////////////////////////////// -->
-
var timeout        = 500;
+
<!-- //     Google Webfont Files    // -->
-
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);
+
<!-- //        Favicon Files        // -->
-
ddmenuitem.style.visibility = 'visible';
+
<!-- ////////////////////////////////// -->
 +
<link rel="shortcut icon" href="images/favicon.ico" />
-
}
+
 
-
// close showed layer
+
<!-- //     Javascript Files        // -->
-
function mclose()
+
 
-
{
+
<script src="https://2014.igem.org/Team:HZAU-China/jquery.min.js?action=raw&ctype=text/javascript"></script>
-
if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
+
<script src="https://2014.igem.org/Team:HZAU-China/jquery.easing-1.3.min.js?action=raw&ctype=text/javascript"></script>
-
}
+
<script src="https://2014.igem.org/Team:HZAU-China/tooltip.js?action=raw&ctype=text/javascript" ></script>
-
// go close timer
+
<script src="https://2014.igem.org/Team:HZAU-China/dropdown.js?action=raw&ctype=text/javascript" ></script>
-
function mclosetime()
+
<script src="https://2014.igem.org/Team:HZAU-China/tinynav.min.js?action=raw&ctype=text/javascript" ></script>
-
{
+
<script src="https://2014.igem.org/Team:HZAU-China/camera.min.js?action=raw&ctype=text/javascript" ></script>
-
closetimer = window.setTimeout(mclose, timeout);
+
<script src="https://2014.igem.org/Team:HZAU-China/jquery.fancybox.js?action=raw&ctype=text/javascript"></script>
-
}
+
<script src="https://2014.igem.org/Team:HZAU-China/jquery.fancybox-media.js?action=raw&ctype=text/javascript" ></script>
-
// cancel close timer
+
<script src="https://2014.igem.org/Team:HZAU-China/jquery.ui.totop.min.js?action=raw&ctype=text/javascript" ></script>
-
function mcancelclosetime()
+
<script src="https://2014.igem.org/Team:HZAU-China/ddaccordion.js?action=raw&ctype=text/javascript" ></script>
-
{
+
<script src="https://2014.igem.org/Team:HZAU-China/jquery.twitter.js?action=raw&ctype=text/javascript" ></script>
-
if(closetimer)
+
<script src="https://2014.igem.org/Team:HZAU-China/jflickrfeed.min.js?action=raw&ctype=text/javascript"></script>
-
{
+
<script src="https://2014.igem.org/Team:HZAU-China/faq-functions.js?action=raw&ctype=text/javascript" ></script>
-
window.clearTimeout(closetimer);
+
<script src="https://2014.igem.org/Team:HZAU-China/theme-functions.js?action=raw&ctype=text/javascript" ></script>
-
closetimer = null;
+
 
-
}
+
<script>
-
}
+
$(document).ready(function() {
-
// close layer when click-out
+
    //Camera Jquery
-
document.onclick = mclose;
+
    $('#camera-slide').camera({
-
// -->
+
        thumbnails: false,
 +
        hover: false,
 +
        pagination: false,
 +
    });  
 +
});
</script>
</script>
-
<style>
 
-
#bodycontent{
 
-
    width: 1000px;
 
-
    height: auto;
 
-
    min-height: 500px;
 
-
    margin: 0 auto;
 
-
    margin-top: 45px;
 
-
margin-bottom: 10px;
 
-
    background: #eeeee0;
 
-
    border-radius: 15px;
 
-
}
 
-
#body-con{
 
-
    width: 900px;
 
-
    height: auto;
 
-
    margin: 0 auto;
 
-
    padding-top: 35px;
 
-
    padding-bottom: 5px;
 
-
    background: transparent;
 
-
    text-align: justify;
 
-
   
 
-
}
 
-
#body-con h2{
 
-
    font-family: cambria;
 
-
    font-size: 38px;
 
-
    color: #000;
 
-
    line-height: 0;
 
-
border-bottom: 0;
 
-
padding: 0;
 
-
}
 
-
#body-con p{
 
-
    border: hidden;
 
-
    font-family: times new roman;
 
-
    font-size: 19px;
 
-
    font-weight: 500;
 
-
    color: #000;
 
-
    line-height: 130%;
 
-
}
 
-
.underline-s {
 
-
    width: 100%;
 
-
    height: 4px;
 
-
    background-color: #ababab;
 
-
    margin: 0;
 
-
}
 
-
</style>
 
 +
<!-- IE Fix for HTML5 Tags -->
 +
<!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
 +
<![endif]-->
</head>
</head>
-
 
<body>
<body>
-
<div id="name">
+
<!-- header start here -->
-
    <div id="name-pic">
+
<header>
-
    <img src="https://static.igem.org/mediawiki/2014/f/fa/Hzau-test98.png" width="500px">  
+
    <div id="main-wrapper">
-
    </div>   
+
        <!-- logo start here -->
-
</div>
+
        <div id="logo-left">
 +
            <a href="https://igem.org/Team.cgi?year=2014&team_name=HZAU-China"><img src="https://static.igem.org/mediawiki/2014/4/4c/Hzau-home-lllogo.png" alt="HZAU-China" /></a>
 +
        </div>
 +
        <!-- logo end here -->
 +
 +
<!-- igemlogo start here -->
 +
<div id="logo-right">
 +
            <a href="https://2014.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2014/c/ce/Hzauigemlogo.png" alt="iGEM" /></a>
 +
        </div>
 +
        <!-- igemlogo end here -->
 +
 +
        <!-- mainmenu start here -->
 +
        <nav id="mainmenu">
 +
            <ul id="menu">
 +
                <li class="selected dropdown"><a href="https://2014.igem.org/Team:HZAU-China">home</a></li>
 +
                <li class="dropdown"><a href="https://2014.igem.org/Team:HZAU-China/Project">Project</a>
 +
    <ul>
 +
                        <li><a href="https://2014.igem.org/Team:HZAU-China/Design"><span>-</span>Overview</a></li>
 +
                        <li><a href="https://2014.igem.org/Team:HZAU-China/Background"><span>-</span>Background</a></li>
 +
<li><a href="https://2014.igem.org/Team:HZAU-China/Input"><span>-</span>Input module</a></li>
 +
<li><a href="https://2014.igem.org/Team:HZAU-China/Processing"><span>-</span>Processing module</a></li>
 +
<li><a href="https://2014.igem.org/Team:HZAU-China/Output"><span>-</span>Output module</a></li>
 +
<li><a href="https://2014.igem.org/Team:HZAU-China/Application"><span>-</span>Application</a></li>
 +
                    </ul>
 +
</li>
 +
<li class="dropdown"><a href="https://2014.igem.org/Team:HZAU-China/Review">Wetlab</a>
 +
                    <ul>
 +
                        <li><a href="https://2014.igem.org/Team:HZAU-China/Overview"><span>-</span>Overview</a></li>
 +
<li><a href="https://2014.igem.org/Team:HZAU-China/Construction"><span>-</span>Construction</a></li>
 +
<li><a href="https://2014.igem.org/Team:HZAU-China/Characterization"><span>-</span>Characterization</a></li>
 +
                        <li><a href="https://2014.igem.org/Team:HZAU-China/Help"><span>-</span>Help each other</a></li>
 +
                        <li><a href="https://2014.igem.org/Team:HZAU-China/Protocol"><span>-</span>Protocol</a></li>
 +
                        <li><a href="https://2014.igem.org/Team:HZAU-China/Labnotes"><span>-</span>Labnotes</a></li>   
 +
                    </ul>
 +
                </li>
 +
                <li class="dropdown"><a href="https://2014.igem.org/Team:HZAU-China/Modeling">Modeling</a>
 +
                    <ul>
 +
                        <li><a href="https://2014.igem.org/Team:HZAU-China/MOverview"><span>-</span>Overview</a></li>
 +
                        <li><a href="https://2014.igem.org/Team:HZAU-China/Biological"><span>-</span>Biological processes</a></li>
 +
                        <li><a href="https://2014.igem.org/Team:HZAU-China/Comparison"><span>-</span>Comparison between different designs</a></li>
 +
<li><a href="https://2014.igem.org/Team:HZAU-China/Analysis"><span>-</span>Simulation and sensitivity analysis</a></li>
 +
                        <li><a href="https://2014.igem.org/Team:HZAU-China/Circuit"><span>-</span>Design principle of rewirable circuit</a></li> 
 +
                    </ul>
 +
                </li>
 +
<li class="dropdown"><a href="https://2014.igem.org/Team:HZAU-China/Achievements">Achievements</a>
 +
    <ul>                       
 +
                        <li><a href="https://2014.igem.org/Team:HZAU-China/Achievements"><span>-</span>Judgement</a></li>
 +
<li><a href="https://2014.igem.org/Team:HZAU-China/Parts"><span>-</span>Parts</a></li>
 +
                    </ul>
 +
</li>
 +
<li class="dropdown"><a href="https://2014.igem.org/Team:HZAU-China/Team">Team</a>
 +
    <ul>
 +
                        <li><a href="https://2014.igem.org/Team:HZAU-China/Team"><span>-</span>Members</a></li>
 +
<li><a href="https://2014.igem.org/Team:HZAU-China/Attributions"><span>-</span>Attributions</a></li>
 +
                        <li><a href="https://2014.igem.org/Team:HZAU-China/Gallery"><span>-</span>Gallery</a></li>   
 +
                        <li><a href="https://2014.igem.org/Team:HZAU-China/acknowledgment"><span>-</span>Acknowledgment</a></li>   
 +
                    </ul>
 +
</li>
 +
                <li class="dropdown"><a href="https://2014.igem.org/Team:HZAU-China/Outreach">Outreach</a>
 +
                    <ul>
 +
<li><a href="https://2014.igem.org/Team:HZAU-China/Collaboration"><span>-</span>Collaboration</a></li>
 +
                        <li><a href="https://2014.igem.org/Team:HZAU-China/Meetup"><span>-</span>Meetup</a></li>
 +
                        <li><a href="https://2014.igem.org/Team:HZAU-China/Humanities"><span>-</span>Humanities</a></li>
 +
                        <li><a href="https://2014.igem.org/Team:HZAU-China/Economics"><span>-</span>Social Sciences</a></li>
 +
                        <li><a href="https://2014.igem.org/Team:HZAU-China/Pubic outreach"><span>-</span>Public outreach</a></li>
 +
                        <li><a href="https://2014.igem.org/Team:HZAU-China/Safety"><span>-</span>Safety</a></li>
 +
                        <li><a href="https://2014.igem.org/Team:HZAU-China/Social media"><span>-</span>Social media</a></li> 
 +
                        <li><a href="https://2014.igem.org/Team:HZAU-China/Other"><span>-</span>Other dream</a></li>
 +
                    </ul>
 +
                </li>
 +
            </ul>
 +
        </nav>
 +
        <!-- mainmenu end here -->   
 +
    </div>
 +
</header>
 +
<!-- header end here -->
-
<div id="header">
+
<!-- slideshow start here -->
-
<div id="nav-bg">
+
<section id="slideshow-wrapper">
-
    <div id="nav-logo1">
+
    <div class="camera_wrap" id="camera-slide">
-
         <img src="https://static.igem.org/mediawiki/2014/c/ce/201407306.png" height="75px">
+
        <!-- slide 01 here -->
 +
        <div data-src="https://static.igem.org/mediawiki/2014/3/3c/Hzaubg-slide4.jpg">               
 +
            <div class="caption-type4 moveFromBottom">
 +
                <img src="https://static.igem.org/mediawiki/2014/1/1b/Hzau-test6.png" alt="" />
 +
            </div>
 +
         </div>
 +
 +
<!-- slide 02 here -->
 +
        <div data-src="https://static.igem.org/mediawiki/2014/7/79/Hzaubg-slide3.jpg">
 +
            <div class="caption-type3 moveFromLeft">
 +
                <img src="https://static.igem.org/mediawiki/2014/5/57/Hzau-test3.png" alt="" />
 +
            </div>
 +
            <div class="caption-type3 moveFromRight">
 +
                <h1>Integration by rewiring!</h1>
 +
                <p>If the synthetic circuits can be rewired, we will be able to reuse the existing modules to implement another function.  In our project, we alter the topological structure of regulatory pathway to process information according to the environmental change.</p>
 +
            </div>               
 +
        </div>
 +
 +
<!-- slide 03 here -->
 +
        <div data-src="https://static.igem.org/mediawiki/2014/7/79/Hzaubg-slide3.jpg">
 +
            <div class="caption-type3 moveFromLeft">
 +
                <img src="https://static.igem.org/mediawiki/2014/9/9e/Hzau-test4.png" alt="" />
 +
            </div>
 +
            <div class="caption-type3 moveFromRight">
 +
                <h3 style="padding-left:20px;"> Balance of biology and engineering!</h3>
 +
                <p>Modules in engineering are always independent while modules in biology are overlapping and closely related. Our integrated module is simplified as the biological module and independent as the engineering module. It can perform different function at different time. </p>
 +
            </div>               
 +
        </div>
 +
 +
        <!-- slide 04 here -->
 +
        <div data-src="https://static.igem.org/mediawiki/2014/c/c2/Hzaubg-slide1.jpg">
 +
            <div class="caption-type1 moveFromLeft">
 +
                <h1>Super Transformer!</h1>
 +
                <p>As the development of synthetic biology, we believe our rewirable curcuits will significantly contribute to creating smart biological information processing systems. One day the cells we create will not only serve as cars to bring convenience to life, but also serve as Autobots to save the world.</p>
 +
            </div>
 +
            <div class="caption-type1 moveFromRight">
 +
                <img src="https://static.igem.org/mediawiki/2014/3/3f/Hzau-test-7.png" alt="" />
 +
            </div>
 +
        </div>
 +
           
     </div>
     </div>
-
   
+
</section>
-
    <ul id="nav">
+
<!-- slideshow end here -->
-
     <li><a href="#" onmouseover="mopen('m1')" onmouseout="mclosetime()">Home</a></li>
+
 
-
       
+
<!-- maincontent start here -->
-
    <li><a href="#" onmouseover="mopen('m2')" onmouseout="mclosetime()">Team</a>
+
<section id="content-wrapper">
-
<div id="m2" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
+
     <div class="row">
-
   
+
 
 +
<div class="six columns ">
 +
<div class="five columns">
 +
            <div class="link-zoom">
 +
                <a href="https://2014.igem.org/Team:HZAU-China/Project" target="_self">
 +
                    <img src="https://static.igem.org/mediawiki/2014/a/aa/Hzau-home-06.png" alt="" class="fade" />
 +
                </a>
 +
 +
            </div>
 +
    <h5>Background &raquo;</h5>
 +
</div>
 +
<p class="firsttext">When combining parts and modules to create larger scale systems, crosstalk and host overload often get in the way. In our project, we propose an elegant method to implement system integration. </p>
 +
</br>
</div>
</div>
-
    </li>
 
-
    <li><a href="#" onmouseover="mopen('m3')" onmouseout="mclosetime()">Project</a>
+
<div class="six columns ">
-
<div id="m3" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
+
<div class="five columns">
-
 
+
            <div class="link-url">
-
    </div>
+
                <a href="https://2014.igem.org/Team:HZAU-China/Review" target="_self">
-
</li>
+
                    <img src="https://static.igem.org/mediawiki/2014/a/a4/Hzau-home-05x.jpg" alt="" class="fade" />
 +
                </a>
 +
            </div>
 +
    <h5>Wetlab &raquo;</h5>
 +
        </div>
 +
<p class="firsttext">To realize our idea of rewirable circuit, we should conduct experiments to construct circuits, verify assumptions and test our devices to see if they work as expected.</p>
 +
</div>
 +
    </div>
      
      
-
     <li><a href="#" onmouseover="mopen('m4')" onmouseout="mclosetime()">Parts</a> </li>
+
     <div class="row">
-
   
+
        <div class="six columns ">
-
    <li><a href="#" onmouseover="mopen('m5')" onmouseout="mclosetime()">Model</a>
+
<div class="five columns">
-
<div id="m5" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
+
    <div class="link-more">
-
 
+
                <a href="https://2014.igem.org/Team:HZAU-China/Modeling" target="_self">
 +
                    <img src="https://static.igem.org/mediawiki/2014/7/7f/Hzau-home-01x.png" alt="" class="fade" />
 +
                </a>
 +
            </div>
 +
  <h5>Modeling &raquo;</h5>
 +
        </div>
 +
<p class="firsttext">Mathematic model not only has its application in the prediction and analysis of phenomena, but also contributes to the design of genetic circuits. We hope our model can prove to be insightful and of reference value to other circuit designers.</p>
 +
</br>
</div>
</div>
-
    </li>
+
-
          
+
-
    <li><a href="#" onmouseover="mopen('m6')" onmouseout="mclosetime()">Notebook</a>
+
<div class="six columns ">
-
<div id="m6" onmouseover="mcancelclosetime()" onmouseout="mclosetime()">
+
         <div class="five columns">
-
 
+
            <div class="link-url">
 +
                <a href="https://2014.igem.org/Team:HZAU-China/Outreach" target="_self">
 +
                    <img src="https://static.igem.org/mediawiki/2014/3/3a/HUANG4%2B%2B2.jpg" alt="" class="fade" />
 +
                </a>
 +
            </div>
 +
    <h5>Outreach &raquo;</h5>
 +
        </div>
 +
<p class="firsttext">We devote ourselves to the enhancement of iGEM community. Besides many forms of collaboration, this year we tried to understand it in another way: Humanities and Social Sciences.
 +
</p>
</div>
</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>
+
    <div class="row">
-
</div>
+
        <div class="twelve columns">
-
<!--navigation-->
+
            <div class="featured-box">
 +
                <div class="nine columns">
 +
                    <h5>Are you interested in our project and hurrying to see our achievements?</h5>
 +
                    <p class="highlighttext" style="color: #979797;">We apply for a Gold Medal, Best Information Processing Project, Best Model, Best Policy &Practices Project.</p>
 +
                </div>
 +
                <div class="three columns">
 +
</br>
 +
                    <a href="https://2014.igem.org/Team:HZAU-China/Achievements" class="button large gray ">Achievements</a>
 +
                </div>
 +
                <div class="clear"></div>
 +
            </div>
 +
        </div>
 +
    </div>
 +
</section>
 +
<!-- maincontent end here -->
-
<div id="bodycontent">
+
<!-- footer start here -->
-
 
+
<footer>
-
    <div id="body-con">
+
    <div class="row">
-
        <h2>Abstract<h2>
+
        <div class="four columns mobile-one">
-
         <div class="underline-s"></div>
+
            <img src="https://static.igem.org/mediawiki/2014/c/cc/Hazulogo-w.png" alt="" class="img-left" width="200px"/>
-
        <p>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.</p>
+
            <p class="copyright-text">&copy; 2014 Huazhong Agricultural University iGEM Team. All rights reserved.</p>
-
        <p>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.</p>
+
        </div>
-
        <p>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.</p>
+
         <div class="eight columns mobile-one">
-
        <p>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.</p>
+
    <h5>Contacts</h5>
 +
            <div class="six columns mobile-one">
 +
                <ul>              
 +
            <li class="address-icon">No.1, Shizishan Street, Hongshan District<br />Wuhan, Hubei Province,<br />430070, P.R.China</li>
 +
            <li class="email-icon">Email : hzauigem@gmail.com</li>         
 +
                </ul>
 +
            </div>
 +
            <div class="six columns mobile-one">
 +
                <ul>
 +
<li class="twitter-icon">Twitter : hzau_igem</li>
 +
<li class="wechat-icon">Wechat : hzauigem</li>
 +
<li class="qq-icon">QQ Group : 313297095</li>
 +
                <li class="y-icon">YouTube : hzauigem</li>
 +
                </ul>
 +
            </div>
 +
</div>
     </div>
     </div>
-
</div>
+
</footer>
 +
<!-- footer end here -->
 +
     
 +
<script>$('#noscript').remove();</script>
-
<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>

Latest revision as of 08:54, 14 May 2015

<!DOCTYPE html> 2014HZAU-China

Integration by rewiring!

If the synthetic circuits can be rewired, we will be able to reuse the existing modules to implement another function. In our project, we alter the topological structure of regulatory pathway to process information according to the environmental change.

Balance of biology and engineering!

Modules in engineering are always independent while modules in biology are overlapping and closely related. Our integrated module is simplified as the biological module and independent as the engineering module. It can perform different function at different time.

Super Transformer!

As the development of synthetic biology, we believe our rewirable curcuits will significantly contribute to creating smart biological information processing systems. One day the cells we create will not only serve as cars to bring convenience to life, but also serve as Autobots to save the world.

Background »

When combining parts and modules to create larger scale systems, crosstalk and host overload often get in the way. In our project, we propose an elegant method to implement system integration.


Wetlab »

To realize our idea of rewirable circuit, we should conduct experiments to construct circuits, verify assumptions and test our devices to see if they work as expected.

Modeling »

Mathematic model not only has its application in the prediction and analysis of phenomena, but also contributes to the design of genetic circuits. We hope our model can prove to be insightful and of reference value to other circuit designers.


Outreach »

We devote ourselves to the enhancement of iGEM community. Besides many forms of collaboration, this year we tried to understand it in another way: Humanities and Social Sciences.

Contacts
  • No.1, Shizishan Street, Hongshan District
    Wuhan, Hubei Province,
    430070, P.R.China
  • Wechat : hzauigem
  • QQ Group : 313297095
  • YouTube : hzauigem