Team:HZAU-China

From 2014.igem.org

(Difference between revisions)
 
(76 intermediate revisions not shown)
Line 1: Line 1:
 +
<!DOCTYPE html>
<html>
<html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
Line 22: Line 23:
}
}
#top-section {
#top-section {
-
     background-color:#000;
+
     background-color:#484848;
     border: 0 none;
     border: 0 none;
     width: 100%;
     width: 100%;
-
     height: 18px;
+
     height: 24px;
     z-index: 100;
     z-index: 100;
     top: 0;
     top: 0;
Line 31: Line 32:
}
}
#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 78: Line 79:
</style>
</style>
<meta charset="utf-8" />
<meta charset="utf-8" />
-
<meta name="viewport" content="width=device-width" />
+
 
<title>2014HZAU-China</title>
<title>2014HZAU-China</title>
Line 84: Line 85:
<!-- //      Stylesheets Files      // -->
<!-- //      Stylesheets Files      // -->
<!-- ////////////////////////////////// -->
<!-- ////////////////////////////////// -->
-
<link rel="stylesheet" href="https://2014.igem.org/Team:HZAU-China/base.css?action=raw&ctype=text/css" />
+
<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" />
+
<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" />
+
<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" media="screen,all" id="noscript"/>
+
<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"/>
 +
 
    
    
<!-- ////////////////////////////////// -->
<!-- ////////////////////////////////// -->
Line 132: Line 134:
<!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<![endif]-->
-
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
+
</head>
<body>
<body>
<!-- header start here -->
<!-- header start here -->
Line 139: Line 141:
         <!-- logo start here -->
         <!-- logo start here -->
         <div id="logo-left">
         <div id="logo-left">
-
             <a href="index.html"><img src="https://static.igem.org/mediawiki/2014/8/84/Hzauteamlogo.png" alt="HZAU-China" /></a>
+
             <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>
         </div>
         <!-- logo end here -->
         <!-- logo end here -->
Line 152: Line 154:
         <nav id="mainmenu">
         <nav id="mainmenu">
             <ul id="menu">
             <ul id="menu">
-
                 <li class="selected dropdown"><a href="index.html">home</a></li>
+
                 <li class="selected dropdown"><a href="https://2014.igem.org/Team:HZAU-China">home</a></li>
-
                 <li><a href="about.html">Team</a></li>
+
                 <li class="dropdown"><a href="https://2014.igem.org/Team:HZAU-China/Project">Project</a>
-
                <li><a href="services.html">Project</a></li>
+
    <ul>
-
                <li class="dropdown"><a href="#">Modeling</a>
+
                        <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>  
                     <ul>  
-
                         <li><a href="portfolio-2col.html"><span>-</span> portfolio 2 column</a></li>
+
                         <li><a href="https://2014.igem.org/Team:HZAU-China/Overview"><span>-</span>Overview</a></li>
-
                        <li><a href="portfolio-3col.html"><span>-</span> portfolio 3 column</a></li>
+
<li><a href="https://2014.igem.org/Team:HZAU-China/Construction"><span>-</span>Construction</a></li>
-
                         <li><a href="portfolio-4col.html"><span>-</span> portfolio 4 column</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>
                     </ul>
                 </li>
                 </li>
-
                 <li><a href="blog.html">Notebook</a></li>
+
                 <li class="dropdown"><a href="https://2014.igem.org/Team:HZAU-China/Modeling">Modeling</a>
-
                <li><a href="contact.html">Safety</a></li>
+
-
                <li class="dropdown"><a href="#">Outreach</a>
+
                     <ul>  
                     <ul>  
-
                         <li><a href="column.html"><span>-</span> column page</a></li>
+
                         <li><a href="https://2014.igem.org/Team:HZAU-China/MOverview"><span>-</span>Overview</a></li>
-
                         <li><a href="tables.html"><span>-</span> table page</a></li>
+
                         <li><a href="https://2014.igem.org/Team:HZAU-China/Biological"><span>-</span>Biological processes</a></li>
-
                         <li><a href="button-list.html"><span>-</span> button &amp; list page</a></li>
+
                         <li><a href="https://2014.igem.org/Team:HZAU-China/Comparison"><span>-</span>Comparison between different designs</a></li>
-
                         <li><a href="typhography.html"><span>-</span> typhography page</a></li>
+
<li><a href="https://2014.igem.org/Team:HZAU-China/Analysis"><span>-</span>Simulation and sensitivity analysis</a></li>
-
                         <li><a href="testimonials.html"><span>-</span> testimonials page</a></li>
+
                         <li><a href="https://2014.igem.org/Team:HZAU-China/Circuit"><span>-</span>Design principle of rewirable circuit</a></li>
-
                         <li><a href="pricing.html"><span>-</span> pricing page</a></li>
+
                    </ul>
-
                         <li><a href="faq.html"><span>-</span> faq page</a></li>
+
                </li>
-
                         <li><a href="single.html"><span>-</span> single page</a></li>
+
<li class="dropdown"><a href="https://2014.igem.org/Team:HZAU-China/Achievements">Achievements</a>
-
                         <li><a href="fullwidth.html"><span>-</span> fullwidth page</a></li>
+
    <ul>                       
-
                         <li><a href="404.html"><span>-</span> 404 page</a></li>                          
+
                         <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>
                     </ul>
                 </li>
                 </li>
Line 185: Line 217:
<!-- header end here -->
<!-- header end here -->
-
 
+
<!-- slideshow start here -->
-
 
+
<section id="slideshow-wrapper">
-
 
+
    <div class="camera_wrap" id="camera-slide">
 +
        <!-- 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>
 +
</section>
 +
<!-- slideshow end here -->
<!-- maincontent start here -->
<!-- maincontent start here -->
<section id="content-wrapper">
<section id="content-wrapper">
     <div class="row">
     <div class="row">
-
        <div class="three columns mobile-two">
+
 
-
            <h5>Make life happier &raquo;</h5>
+
<div class="six columns ">
 +
<div class="five columns">
             <div class="link-zoom">
             <div class="link-zoom">
-
                 <a class="fancybox" href="images/portfolio-big/pf-big.jpg" title="Hyperion">
+
                 <a href="https://2014.igem.org/Team:HZAU-China/Project" target="_self">
-
                     <img src="images/sample-images/front-img1.jpg" alt="" class="fade" />
+
                     <img src="https://static.igem.org/mediawiki/2014/a/aa/Hzau-home-06.png" alt="" class="fade" />
                 </a>
                 </a>
 +
             </div>
             </div>
-
        </div>
+
    <h5>Background &raquo;</h5>
-
        <div class="three columns mobile-two">
+
</div>
-
            <h5>Why we made it &raquo;</h5>
+
<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 class="six columns ">
 +
<div class="five columns">
             <div class="link-url">
             <div class="link-url">
-
                 <a href="http://www.cssmoban.com" target="_self">
+
                 <a href="https://2014.igem.org/Team:HZAU-China/Review" target="_self">
-
                     <img src="images/sample-images/front-img2.jpg" alt="" class="fade" />
+
                     <img src="https://static.igem.org/mediawiki/2014/a/a4/Hzau-home-05x.jpg" alt="" class="fade" />
                 </a>
                 </a>
             </div>
             </div>
 +
    <h5>Wetlab &raquo;</h5>
         </div>
         </div>
-
        <div class="three columns mobile-two">
+
<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>
-
            <h5>Known the process &raquo;</h5>
+
</div>
-
            <div class="link-more">
+
    </div>
-
                 <a href="about.html">
+
   
-
                     <img src="images/sample-images/front-img3.jpg" alt="" class="fade" />
+
    <div class="row">
 +
        <div class="six columns ">
 +
<div class="five columns">
 +
    <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>
                 </a>
             </div>
             </div>
 +
  <h5>Modeling &raquo;</h5>
         </div>
         </div>
-
        <div class="three columns mobile-two">
+
<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>
-
            <h5>Take a tour &raquo;</h5>
+
</br>  
-
             <div class="link-video">
+
</div>
-
                 <a class="fancybox" href="http://www.cssmoban.com" title="Hyperion Sample Video">
+
-
                     <img src="images/sample-images/front-img4.jpg" alt="" class="fade" />
+
 +
<div class="six columns ">
 +
        <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>
                 </a>
             </div>
             </div>
 +
    <h5>Outreach &raquo;</h5>
         </div>
         </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>
     </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="row">
         <div class="twelve columns">
         <div class="twelve columns">
             <div class="featured-box">
             <div class="featured-box">
                 <div class="nine columns">
                 <div class="nine columns">
-
                     <h5>Are you ready to Grow your business with Hyperion HTML Template?</h5>
+
                     <h5>Are you interested in our project and hurrying to see our achievements?</h5>
-
                     <p>Hyperion is a modern minimalist responsive HTML template created for business websites.</p>
+
                     <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>
                 <div class="three columns">
                 <div class="three columns">
-
                     <a href="#" class="button medium gray arrow-icon">ACHIEVEMENTS</a>
+
</br>
 +
                     <a href="https://2014.igem.org/Team:HZAU-China/Achievements" class="button large gray ">Achievements</a>
                 </div>
                 </div>
                 <div class="clear"></div>
                 <div class="clear"></div>
Line 267: Line 345:
     <div class="row">
     <div class="row">
         <div class="four columns mobile-one">
         <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"/>
+
             <img src="https://static.igem.org/mediawiki/2014/c/cc/Hazulogo-w.png" alt="" class="img-left" width="200px"/>
             <p class="copyright-text">&copy; 2014 Huazhong Agricultural University iGEM Team. All rights reserved.</p>
             <p class="copyright-text">&copy; 2014 Huazhong Agricultural University iGEM Team. All rights reserved.</p>
         </div>
         </div>
-
         <div class="four columns mobile-one">
+
         <div class="eight columns mobile-one">
-
            <h5>Contacts</h5>
+
    <h5>Contacts</h5>
-
             <ul>
+
             <div class="six columns mobile-one">
-
             <li class="address-icon">No.1,Shizishan Street, Hongshan District<br />Wuhan, Hubei Province<br />430070 P.R.China</li>
+
                <ul>              
-
             <li class="email-icon">Email : hzauigem@gmail.com</li>
+
             <li class="address-icon">No.1, Shizishan Street, Hongshan District<br />Wuhan, Hubei Province,<br />430070, P.R.China</li>
-
<li class="email-icon">Twitter : hzau_igem</li>
+
             <li class="email-icon">Email : hzauigem@gmail.com</li>         
-
<li class="email-icon">Wechat : hzauigem</li>
+
                </ul>
-
            </ul>
+
            </div>
-
        </div>
+
            <div class="six columns mobile-one">
-
        <div class="four columns mobile-one">
+
                <ul>
-
            <h5>Sponsors</h5>
+
<li class="twitter-icon">Twitter : hzau_igem</li>
-
            <ul>
+
<li class="wechat-icon">Wechat : hzauigem</li>
-
                 <li><img src="https://static.igem.org/mediawiki/2014/f/fe/Sky_logo.png" width="200px"></li>
+
<li class="qq-icon">QQ Group : 313297095</li>
-
                 <li><img src="https://static.igem.org/mediawiki/2014/4/44/CB.png" width="130px"></li>
+
                 <li class="y-icon">YouTube : hzauigem</li>
-
               
+
                 </ul>
-
             </ul>
+
             </div>
-
        </div>
+
</div>
     </div>
     </div>
</footer>
</footer>

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