Team:HZAU-China

From 2014.igem.org

(Difference between revisions)
 
(126 intermediate revisions not shown)
Line 1: Line 1:
-
<!--DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"-->
+
<!DOCTYPE html>
-
<html xmlns=" http://www.w3.org/1999/xhtml">
+
<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;}
-
        width: 100%;  
+
#globalWrapper, #content { /*-- changes default wiki settings --*/
 +
width: 100%;  
height: 100%;
height: 100%;
border: 0px;
border: 0px;
background-color: transparent;
background-color: transparent;
margin: 0px;
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;
+
-
}
+
-
#visualClear{
+
-
    display: none;
+
-
}
+
-
/***hiding***/
+
-
body {
+
-
    margin:0;
+
-
    padding:0;
+
-
    color:#;
+
-
border: 0;
+
-
height: auto;
+
}
}
#top-section {
#top-section {
-
    height: 18px;
+
     background-color:#484848;
-
     background-color:#444;
+
     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 96: Line 76:
     color: white;
     color: white;
     text-decoration: underline;
     text-decoration: underline;
-
}
 
-
#content{
 
-
      width: 100%;
 
-
height: 100%;
 
-
border: 0px;
 
-
margin: 0px;
 
-
padding: 0px;
 
-
}
 
-
html, body, .wrapper { /*-- changes default wiki settings --*/
 
-
width: 100%;
 
-
height: 100%;
 
-
background-color: transparent;
 
-
}
 
-
<!---top section and hidden-->
 
-
#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>
</style>
 +
<meta charset="utf-8" />
-
<style>
+
<title>2014HZAU-China</title>
-
#footter{
+
-
    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{
+
-
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;
+
-
}
+
-
#footter h1{
+
-
    font-size: 45px;
+
-
    padding: 0;
+
-
    margin: 0;
+
-
line-height: 100%;
+
-
border-bottom:0;
+
-
color: #fff;
+
-
text-align:left;
+
-
}
+
-
#footter h6{
+
-
    font-size: 16.5px;
+
-
    padding: 0;
+
-
    margin: 0;
+
-
line-height: 100%;
+
-
border-bottom:0;
+
-
color: #fff;
+
-
text-align:left;
+
-
}
+
-
#footter p {
+
-
    font-size: 15px;
+
-
    padding: 0;
+
-
    margin: 0;
+
-
line-height: 100%;
+
-
border-bottom:0;
+
-
color: #fff;
+
-
text-align:left;
+
-
}
+
-
</style>
+
-
<script type="text/javascript">
+
<!-- ////////////////////////////////// -->
-
<!--
+
<!-- //      Stylesheets Files      // -->
-
var timeout        = 500;
+
<!-- ////////////////////////////////// -->
-
var closetimer = 0;
+
<link rel="stylesheet" href="https://2014.igem.org/Team:HZAU-China/base.css?action=raw&ctype=text/css" type="text/css" />
-
var ddmenuitem      = 0;
+
<link rel="stylesheet" href="https://2014.igem.org/Team:HZAU-China/framework.css?action=raw&ctype=text/css" type="text/css" />
-
// open hidden layer
+
<link rel="stylesheet" href="https://2014.igem.org/Team:HZAU-China/style.css?action=raw&ctype=text/css" type="text/css" />
-
function mopen(id)
+
<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"/>
-
{
+
-
// cancel close timer
+
-
mcancelclosetime();
+
-
// close old layer
+
 
-
if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
+
<!-- ////////////////////////////////// -->
 +
<!-- //    Google Webfont Files    // -->
 +
<!-- ////////////////////////////////// -->
-
// get new layer and show it
 
-
ddmenuitem = document.getElementById(id);
 
-
ddmenuitem.style.visibility = 'visible';
 
-
}
+
<!-- ////////////////////////////////// -->
-
// close showed layer
+
<!-- //       Favicon Files        // -->
-
function mclose()
+
<!-- ////////////////////////////////// -->
-
{
+
<link rel="shortcut icon" href="images/favicon.ico" />
-
if(ddmenuitem) ddmenuitem.style.visibility = 'hidden';
+
 
-
}
+
 
-
// go close timer
+
<!-- //     Javascript Files        // -->
-
function mclosetime()
+
 
-
{
+
<script src="https://2014.igem.org/Team:HZAU-China/jquery.min.js?action=raw&ctype=text/javascript"></script>
-
closetimer = window.setTimeout(mclose, timeout);
+
<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>
-
// cancel close timer
+
<script src="https://2014.igem.org/Team:HZAU-China/dropdown.js?action=raw&ctype=text/javascript" ></script>
-
function mcancelclosetime()
+
<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>
-
if(closetimer)
+
<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>
-
window.clearTimeout(closetimer);
+
<script src="https://2014.igem.org/Team:HZAU-China/jquery.ui.totop.min.js?action=raw&ctype=text/javascript" ></script>
-
closetimer = null;
+
<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>
-
}
+
<script src="https://2014.igem.org/Team:HZAU-China/jflickrfeed.min.js?action=raw&ctype=text/javascript"></script>
-
// close layer when click-out
+
<script src="https://2014.igem.org/Team:HZAU-China/faq-functions.js?action=raw&ctype=text/javascript" ></script>
-
document.onclick = mclose;
+
<script src="https://2014.igem.org/Team:HZAU-China/theme-functions.js?action=raw&ctype=text/javascript" ></script>
-
// -->
+
 
 +
<script>
 +
$(document).ready(function() {
 +
    //Camera Jquery
 +
    $('#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: 20px;
 
-
    padding-bottom: 5px;
 
-
    background: transparent;
 
-
    text-align: justify;
 
-
   
 
-
}
 
-
#body-con h2{
 
-
    font-family: cambria;
 
-
    font-size: 38px;
 
-
    color: #000;
 
-
    line-height: 100%;
 
-
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: 1.5em;
 
-
}
 
-
.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="https://2014.igem.org/Team:HZAU-China" 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>Project Description<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 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.</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 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.</p>
+
        </div>
-
        <p>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.</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="footter">
 
-
<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>Wechat:</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.

Are you interested in our project and hurrying to see our achievements?

We apply for a Gold Medal, Best Information Processing Project, Best Model, Best Policy &Practices Project.


Achievements

© 2014 Huazhong Agricultural University iGEM Team. All rights reserved.

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

Retrieved from "http://2014.igem.org/Team:HZAU-China"