Team:HZAU-China

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<!DOCTYPE html>
+
{{Template：HZAU-China/background-head}}
-
<!--[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]-->
+
 +
<!--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">
 +
<link href="https://2014.igem.org/Template:Template%EF%BC%9AHZAU-China/background-head?action=raw&ctype=text/css" rel="stylesheet">
<head>
<head>
-
<meta charset="utf-8" />
 
-
<meta name="viewport" content="width=device-width" />
 
-
<title>2014HZAU-China</title>
 
-
 
-
<!-- ////////////////////////////////// -->
 
-
<!-- //      Stylesheets Files      // -->
 
-
<!-- ////////////////////////////////// -->
 
-
<link rel="stylesheet" href="https://2014.igem.org/Team:HZAU-China/base.css?action=raw&ctype=text/css" type="text/css" />
 
-
<link rel="stylesheet" href="https://2014.igem.org/Team:HZAU-China/framework.css?action=raw&ctype=text/css" type="text/css" />
 
-
<link rel="stylesheet" href="https://2014.igem.org/Team:HZAU-China/style.css?action=raw&ctype=text/css" type="text/css" />
 
-
<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"/>
 
-
 
 
-
<!-- ////////////////////////////////// -->
 
-
<!-- //    Google Webfont Files    // -->
 
-
<!-- ////////////////////////////////// -->
 
-
 
-
 
-
<!-- ////////////////////////////////// -->
 
-
<!-- //        Favicon Files        // -->
 
-
<!-- ////////////////////////////////// -->
 
-
<link rel="shortcut icon" href="images/favicon.ico" />
 
-
 
-
 
-
<!-- //      Javascript Files        // -->
 
-
 
-
<script src="js/jquery.min.js"></script>
 
-
<script src="https://2014.igem.org/Team:HZAU-China/jquery.easing-1.3.min.js?action=raw&ctype=text/javascript" type="text/javascript"></script>
 
-
<script src="https://2014.igem.org/Team:HZAU-China/tooltip.js?action=raw&ctype=text/javascript" type="text/javascript"></script>
 
-
<script src="https://2014.igem.org/Team:HZAU-China/dropdown.js?action=raw&ctype=text/javascript" type="text/javascript"></script>
 
-
<script src="https://2014.igem.org/Team:HZAU-China/tinynav.min.js?action=raw&ctype=text/javascript" type="text/javascript"></script>
 
-
<script src="https://2014.igem.org/Team:HZAU-China/camera.min.js?action=raw&ctype=text/javascript" type="text/javascript"></script>
 
-
<script src="https://2014.igem.org/Team:HZAU-China/jquery.fancybox.js?v=2.0.6?action=raw&ctype=text/javascript" type="text/javascript"></script>
 
-
<script src="https://2014.igem.org/Team:HZAU-China/jquery.fancybox-media.js?v=1.0.3?action=raw&ctype=text/javascript" type="text/javascript"></script>
 
-
<script src="https://2014.igem.org/Team:HZAU-China/jquery.ui.totop.min.js?action=raw&ctype=text/javascript" type="text/javascript"></script>
 
-
<script src="https://2014.igem.org/Team:HZAU-China/ddaccordion.js?action=raw&ctype=text/javascript" type="text/javascript"></script>
 
-
<script src="https://2014.igem.org/Team:HZAU-China/jquery.twitter.js?action=raw&ctype=text/javascript" type="text/javascript"></script>
 
-
<script src="https://2014.igem.org/Team:HZAU-China/jflickrfeed.min.js?action=raw&ctype=text/javascript" type="text/javascript"></script>
 
-
<script src="https://2014.igem.org/Team:HZAU-China/faq-functions.js?action=raw&ctype=text/javascript" type="text/javascript"></script>
 
-
<script src="https://2014.igem.org/Team:HZAU-China/theme-functions.js?action=raw&ctype=text/javascript" type="text/javascript"></script>
 
-
 
-
<script>
 
-
$(document).ready(function() {
 
-
    //Camera Jquery
 
-
    $('#camera-slide').camera({
 
-
        thumbnails: false,
 
-
        hover: false,
 
-
        pagination: false,
 
-
    });  
 
-
});
 
-
</script>
 
<style>
<style>
-
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading, .visualClear{display: none;} /*-- hides default wiki settings --*/
+
#body-content{
-
#top-section {
+
    width: 1000px;
-
     background-color:#000;
+
     height: auto;
-
     border: 0 none;
+
     min-height: 500px;
-
     width: 100%;
+
     margin: 0 auto;
-
     height: 18px;
+
     margin-top: 45px;
-
    z-index: 100;
+
margin-bottom: 10px;
-
     top: 0;
+
     background: #eeeee0;
-
     position: fixed;
+
     border-radius: 15px;
}
}
-
#menubar {
+
#body-con{
-
     top: -7px;
+
     width: 900px;
-
     font-family: Helvetica, Arial, Sans-serif;
+
     height: auto;
-
     font-size: 14px;
+
    margin: 0 auto;
 +
    padding-top: 20px;
 +
    padding-bottom: 5px;
 +
     background: transparent;
 +
    text-align: justify;
 +
   
}
}
-
.left-menu,.left-menu a {
+
#body-con h2{
-
     color: white;
+
     font-family: cambria;
-
     left: 0;
+
     font-size: 38px;
-
     text-align: left;
+
     color: #000;
-
     text-transform: capitalize;
+
     line-height: 100%;
 +
border-bottom: 0;
 +
padding: 0;
}
}
-
.right-menu,.right-menu a {
+
#body-con p{
-
     color: white;
+
     border: hidden;
-
     right: 0;
+
     font-family: times new roman;
-
     text-align: right;
+
     font-size: 19px;
 +
    font-weight: 500;
 +
    color: #000;
 +
    line-height: 1.5em;
}
}
-
.right-menu:hover, .left-menu:hover {
+
.underline-s {
-
     background-color: transparent;
+
     width: 100%;
-
}
+
     height: 4px;
-
.right-menu:hover a {
+
     background-color: #ababab;
-
     color: white;
+
     margin: 0;
-
}
+
}  
-
.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-->
+
</style>
</style>
 +
</head>
-
<!-- IE Fix for HTML5 Tags -->
 
-
<!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
 
-
<![endif]-->
 
-
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
 
<body>
<body>
-
<!-- header start here -->
+
<div id="body-content">
-
<header>
+
-
    <div id="main-wrapper">
+
-
        <!-- logo start here -->
+
-
        <div id="logo-left">
+
-
            <a href="index.html"><img src="https://static.igem.org/mediawiki/2014/8/84/Hzauteamlogo.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="index.html">home</a></li>
+
-
                <li><a href="about.html">Team</a></li>
+
-
                <li><a href="services.html">Project</a></li>
+
-
                <li class="dropdown"><a href="#">Modeling</a>
+
-
                    <ul>
+
-
                        <li><a href="portfolio-2col.html"><span>-</span> portfolio 2 column</a></li>
+
-
                        <li><a href="portfolio-3col.html"><span>-</span> portfolio 3 column</a></li>
+
-
                        <li><a href="portfolio-4col.html"><span>-</span> portfolio 4 column</a></li>   
+
-
                    </ul>
+
-
                </li>
+
-
                <li><a href="blog.html">Notebook</a></li>
+
-
                <li><a href="contact.html">Safety</a></li>
+
-
                <li class="dropdown"><a href="#">Outreach</a>
+
-
                    <ul>
+
-
                        <li><a href="column.html"><span>-</span> column page</a></li>
+
-
                        <li><a href="tables.html"><span>-</span> table page</a></li>
+
-
                        <li><a href="button-list.html"><span>-</span> button &amp; list page</a></li>
+
-
                        <li><a href="typhography.html"><span>-</span> typhography page</a></li>
+
-
                        <li><a href="testimonials.html"><span>-</span> testimonials page</a></li> 
+
-
                        <li><a href="pricing.html"><span>-</span> pricing page</a></li>
+
-
                        <li><a href="faq.html"><span>-</span> faq page</a></li>
+
-
                        <li><a href="single.html"><span>-</span> single page</a></li> 
+
-
                        <li><a href="fullwidth.html"><span>-</span> fullwidth page</a></li>
+
-
                        <li><a href="404.html"><span>-</span> 404 page</a></li>                         
+
-
                    </ul>
+
-
                </li>
+
-
            </ul>
+
-
        </nav>
+
-
        <!-- mainmenu end here -->   
+
-
    </div>
+
-
</header>
+
-
<!-- header end here -->
+
-
<!-- slideshow start here -->
+
     <div id="body-con">
-
<section id="slideshow-wrapper">
+
         <h2>Project Description<h2>
-
     <div class="camera_wrap" id="camera-slide">
+
        <div class="underline-s"></div>
-
   
+
        <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>
-
         <!-- slide 1 here -->
+
        <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 data-src="images/slideshow/bg-slide1.jpg">
+
         <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="caption-type1 moveFromLeft">
+
         <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>
-
                <h1>We build rock solid Responsive website</h1>
+
-
                <p>Used by thousands of creative freelancers and companies worldwide, Hyperion gives you everything you need to run your small business.</p>
+
-
                <a href="#" class="button-slide medium gray">Let's start something</a>
+
-
            </div>
+
-
            <div class="caption-type1 moveFromRight">
+
-
                <img src="images/slideshow/slide1.png" alt="" />
+
-
            </div>
+
-
        </div>
+
-
       
+
-
        <!-- slide 2 here -->
+
-
        <div data-src="images/slideshow/bg-slide2.jpg">
+
-
            <div class="caption-type2 moveFromTop">
+
-
                <h1>We build rock solid Responsive website</h1>
+
-
                <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium voluptatum deleniti atque corrupti quos dolores et quas molestias excepturi sint occaecati cupiditate non provident similique sunt in culpa qui officia deserunt</p>
+
-
            </div>
+
-
            <div class="caption-type2 moveFromBottom">
+
-
                <img src="images/slideshow/slide2.png" alt="" />
+
-
            </div>
+
-
         </div>
+
-
       
+
-
        <!-- slide 3 here -->
+
-
        <div data-src="images/slideshow/bg-slide3.jpg">
+
-
            <div class="caption-type3 moveFromLeft">
+
-
                <img src="images/slideshow/slide3.png" alt="" />
+
-
            </div>
+
-
            <div class="caption-type3 moveFromRight">
+
-
                <h1>Latest web technology</h1>
+
-
                <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium totam rem aperiam eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.</p>
+
-
                <img src="images/slideshow/slide3a.png" alt="" class="html-badge" />
+
-
            </div>               
+
-
         </div>
+
-
       
+
-
        <!-- slide 4 here -->
+
-
        <div data-src="images/slideshow/bg-slide4.jpg">               
+
-
            <div class="caption-type4 moveFromBottom">
+
-
                <img src="images/slideshow/slide4.png" alt="" />
+
-
            </div>
+
-
        </div>  
+
     </div>
     </div>
-
    <div id="slideshow-noscript"><h4>Hi, your javascript is off..!! for optimal results on this site please enable javascript in your browser</h4></div>
+
</div>
-
</section>
+
</body>
-
<!-- slideshow end here -->  
+
-
<!-- featured client start here -->
 
-
<section id="featured-wrapper">
 
-
    <div id="featured-logo-list">
 
-
        <div class="row">
 
-
            <div class="two columns mobile-two mobile-view">
 
-
                <h6 class="featured-client">featured clients :</h6>
 
-
            </div>
 
-
            <div class="two columns mobile-two mobile-view">
 
-
                <img src="images/sample-images/client1.png" alt="client-image" />
 
-
            </div>
 
-
            <div class="two columns mobile-two mobile-view">
 
-
                <img src="images/sample-images/client2.png" alt="client-image" />
 
-
            </div>
 
-
            <div class="two columns mobile-two mobile-view">
 
-
                <img src="images/sample-images/client3.png" alt="client-image" />
 
-
            </div>
 
-
            <div class="two columns mobile-two mobile-view">
 
-
                <img src="images/sample-images/client4.png" alt="client-image" />
 
-
            </div>
 
-
            <div class="two columns mobile-two mobile-view">
 
-
                <img src="images/sample-images/client5.png" alt="client-image" />
 
-
            </div>
 
-
        </div>
 
-
    </div>
 
-
</section>
 
-
<!-- featured client end here -->
 
-
 
-
<!-- maincontent start here -->
 
-
<section id="content-wrapper">
 
-
    <div class="row">
 
-
        <div class="three columns mobile-two">
 
-
            <h5>Make life happier &raquo;</h5>
 
-
            <div class="link-zoom">
 
-
                <a class="fancybox" href="images/portfolio-big/pf-big.jpg" title="Hyperion">
 
-
                    <img src="images/sample-images/front-img1.jpg" alt="" class="fade" />
 
-
                </a>
 
-
            </div>
 
-
        </div>
 
-
        <div class="three columns mobile-two">
 
-
            <h5>Why we made it &raquo;</h5>
 
-
            <div class="link-url">
 
-
                <a href="http://www.cssmoban.com" target="_self">
 
-
                    <img src="images/sample-images/front-img2.jpg" alt="" class="fade" />
 
-
                </a>
 
-
            </div>
 
-
        </div>
 
-
        <div class="three columns mobile-two">
 
-
            <h5>Known the process &raquo;</h5>
 
-
            <div class="link-more">
 
-
                <a href="about.html">
 
-
                    <img src="images/sample-images/front-img3.jpg" alt="" class="fade" />
 
-
                </a>
 
-
            </div>
 
-
        </div>
 
-
        <div class="three columns mobile-two">
 
-
            <h5>Take a tour &raquo;</h5>
 
-
            <div class="link-video">
 
-
                <a class="fancybox" href="http://www.cssmoban.com" title="Hyperion Sample Video">
 
-
                    <img src="images/sample-images/front-img4.jpg" alt="" class="fade" />
 
-
                </a>
 
-
            </div>
 
-
        </div>
 
-
    </div>
 
-
   
 
-
    <div id="featured-wrapper2">
 
-
        <div class="row front-feature-icon">
 
-
            <div class="four columns mobile-one">
 
-
                <img src="images/sample-images/front-icon1.png" alt="" class="img-center" />
 
-
                <h5>We made Responsive design</h5>
 
-
                <p>Lorem ipsum dolor sit amet consectetur incididunt ut labore et dolore magna aliqua adipisicing elit seddo eiusmod tempor.</p>
 
-
            </div>
 
-
            <div class="four columns mobile-one">
 
-
                <img src="images/sample-images/front-icon2.png" alt="" class="img-center" />
 
-
                <h5>Complete pack of business idea</h5>
 
-
                <p>Lorem ipsum dolor sit amet consectetur incididunt ut labore et dolore magna aliqua adipisicing elit seddo eiusmod tempor.</p>
 
-
            </div>
 
-
            <div class="four columns mobile-one">
 
-
                <img src="images/sample-images/front-icon3.png" alt="" class="img-center" />
 
-
                <h5>Simple, Efficient, and Low cost</h5>
 
-
                <p>Lorem ipsum dolor sit amet consectetur incididunt ut labore et dolore magna aliqua adipisicing elit seddo eiusmod tempor.</p>
 
-
            </div>
 
-
        </div>
 
-
    </div>
 
-
   
 
-
    <div class="row">
 
-
        <div class="twelve columns">
 
-
            <div class="featured-box">
 
-
                <div class="nine columns">
 
-
                    <h5>Are you ready to Grow your business with Hyperion HTML Template?</h5>
 
-
                    <p>Hyperion is a modern minimalist responsive HTML template created for business websites.</p>
 
-
                </div>
 
-
                <div class="three columns">
 
-
                    <a href="#" class="button medium gray arrow-icon">ACHIEVEMENTS</a>
 
-
                </div>
 
-
                <div class="clear"></div>
 
-
            </div>
 
-
        </div>
 
-
    </div>
 
-
</section>
 
-
<!-- maincontent end here -->
 
-
 
-
<!-- footer start here -->
 
-
<footer>
 
-
    <div class="row">
 
-
        <div class="four columns mobile-one">
 
-
            <img src="https://static.igem.org/mediawiki/2014/0/0e/Hzauteamlogo-w.png" alt="" class="img-left" width="200px"/>
 
-
            <p class="copyright-text">&copy; 2014 Huazhong Agricultural University iGEM Team. All rights reserved.</p>
 
-
        </div>
 
-
        <div class="four columns mobile-one">
 
-
            <h5>Contacts</h5>
 
-
            <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>
 
-
<li class="email-icon">Twitter : hzau_igem</li>
 
-
<li class="email-icon">Wechat : hzauigem</li>
 
-
            </ul>
 
-
        </div>
 
-
        <div class="four columns mobile-one">
 
-
            <h5>Sponsors</h5>
 
-
            <ul>
 
-
                <li><img src="https://static.igem.org/mediawiki/2014/f/fe/Sky_logo.png" width="200px"></li>
 
-
                <li><img src="https://static.igem.org/mediawiki/2014/4/44/CB.png" width="130px"></li>
 
-
               
 
-
            </ul>
 
-
        </div>
 
-
    </div>
 
-
</footer>
 
-
<!-- footer end here -->
 
-
     
 
-
<script>$('#noscript').remove();</script>
 
-
 
-
</body>
 
</html>
</html>

Revision as of 07:20, 17 September 2014

hzau-igem-2014-new

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.

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