Team:BIT-China/index.html

From 2013.igem.org

(Difference between revisions)
 
(32 intermediate revisions not shown)
Line 1: Line 1:
-
{{Team:BIT-China/MainHeader}}
 
<html>
<html>
<head>
<head>
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
-
     <link rel="stylesheet" href="./css/base.min.css?action=raw&ctype=text/css" type="text/css">
+
      
-
     <link rel="stylesheet" href="./css/base_purple.min.css?action=raw&ctype=text/css" type="text/css">
+
     <link rel="stylesheet" href="./css/base.css?action=raw&ctype=text/css" type="text/css">
-
     <link rel="stylesheet" href="./css/base_white.min.css?action=raw&ctype=text/css" type="text/css">
+
     <link rel="stylesheet" href="./css/photobox.css?action=raw&ctype=text/css" type="text/css">
     <link rel="stylesheet" href="./css/homepage2013.min.css?action=raw&ctype=text/css" type="text/css">
     <link rel="stylesheet" href="./css/homepage2013.min.css?action=raw&ctype=text/css" type="text/css">
 +
    <link rel="stylesheet" href="./css/animation.css?action=raw&ctype=text/css" type="text/css">
 +
    <link rel="stylesheet" href="./css/style.css?action=raw&ctype=text/css" type="text/css">
 +
    <link href='http://fonts.googleapis.com/css?family=Capriola' rel='stylesheet' type='text/css'>
     <title>HOME | BIT-CHINA IGEM2013</title>
     <title>HOME | BIT-CHINA IGEM2013</title>
-
     <script src="./js/jquery.min.js?action=raw"></script>
+
     <script type="text/javascript" src="./js/jquery.min.js?action=raw"></script>
-
     <script src="./js/jquery.nicescroll.min.js?action=raw"></script>
+
     <script type="text/javascript" src="./js/nav.js?action=raw"></script>
-
     <script src="./js/jquery.stellar.min.js?action=raw"></script>
+
    <script type="text/javascript" src="./js/index.js?action=raw"></script>
-
     <script src="./js/jquery.backstretch.min.js?action=raw"></script>
+
     <script type="text/javascript" src="./js/bootstrap.js?action=raw"></script>
-
     <script src="./js/nav.js?action=raw"></script>
+
     <script type="text/javascript" src="./js/infobox_packed.js?action=raw"></script>
-
     <script>
+
     <script type="text/javascript" src="./js/photobox.js?action=raw"></script>
-
         $(function(){
+
     <script type="text/javascript">
-
             $.stellar({
+
         $(document).ready(function() {
-
                 horizontalScrolling: false,
+
             $("p").filter( function() {
-
                verticalOffset: 40
+
                 return $.trim($(this).html()) == '';
-
             });
+
             }).remove()
         });
         });
-
       
 
     </script>
     </script>
-
   
+
 
</head>
</head>
<body>
<body>
 +
 +
<a id="pointer" class="floating" href="javascript:void(0)" title="Next Page" onclick="flipdown()"></a>
 +
<div id="wrapper">
<div id="wrapper">
         <div class="world">
         <div class="world">
Line 32: Line 36:
                     <div id="header">
                     <div id="header">
-
                         <a href="./index.html"><img src="https://static.igem.org/mediawiki/2013/3/36/BIT-China_logo.png" alt="logo"></a>
+
                         <a href="./index.html"><img src="https://static.igem.org/mediawiki/2013/5/57/BIT-China_Logo.jpg" alt="logo"></a>
                     </div>
                     </div>
-
<div id="navigation" class>
+
<div id="navigation">
-
    <div class="navigation">
+
        <div class="navigation">
-
        <div class="centering">
+
            <div class="centering">
-
            <ul class="topnav" id="topnav">
+
                <ul class="topnav" id="topnav">
-
                <li class="navitem1">
+
                    <li class="navitem1">
-
                    <a href="./index.html">HOME</a>
+
                        <a href="./index.html">HOME</a>
-
                </li>
+
                    </li>
-
                <li class="navitem2">
+
                    <li class="navitem2">
-
                    <a href="./team.html">TEAM</a>
+
                        <a href="./project.html">PROJECT</a>
-
                    <ul class="subnav">
+
                        <ul class="subnav">
-
                        <ul>
+
                            <li><a href="./project.html#overview">Overview</a></li>
-
                             <li><a href="#">Members</a></li>
+
                             <li><a href="./project.html#HR">Heat-resistant system</a></li>
-
                             <li><a href="#">Official Profile</a></li>
+
                             <li><a href="./project.html#QC">Quorum-control system</a></li>
-
                             <li><a href="#">The University</a></li>
+
                             <li><a href="./project.html#parts">Parts</a></li>
-
                             <li><a href="#">Outtakes</a></li>
+
                             <li><a href="./project.html#co">Cooperation</a></li>
-
                             <li><a href="#">Contact Us</a></li>
+
                             <li><a href="./project.html#safety">Safety</a></li>
                         </ul>
                         </ul>
-
                     </ul>
+
                     </li>
-
                </li>
+
                    <li class="navitem3">
-
                <li class="navitem3">
+
                        <a href="./team.html">TEAM</a>
-
                    <a href="./project.html">PROJECT</a>
+
                        <ul class="subnav">
-
                    <ul class="subnav">
+
                            <ul>
-
                        <li><a href="#">Overview</a></li>
+
                                <li><a href="./team.html#team_members">Members</a></li>
-
                        <li><a href="#">Human Practices</a></li>
+
                                <li><a href="https://igem.org/Team.cgi?id=1117">Official Profile</a></li>
-
                        <li><a href="#">CTS</a></li>
+
                                <li><a href="./team.html#About_the_University">About the University</a></li>
-
                        <li><a href="#">IQQRS</a></li>
+
                         
-
                    </ul>
+
                             </ul>
-
                </li>
+
-
                <li class="navitem4">
+
-
                    <a href="./parts.html">PARTS</a>
+
-
                </li>
+
-
                <li class="navitem5">
+
-
                    <a href="./modeling.html">MODELING</a>
+
-
                    <ul class="subnav">
+
-
                        <ul>
+
-
                            <li><a href="#">Overview</a></li>
+
-
                            <li><a href="#">Derivations</a></li>
+
-
                             <li><a href="#">Matlab</a></li>
+
                         </ul>
                         </ul>
-
                     </ul>
+
                     </li>
-
                </li>
+
                   
-
                <li class="navitem6">
+
                   
-
                    <a href="./notebook.html">NOTEBOOK</a>
+
                    <li class="navitem4">
-
                    <ul class="subnav">
+
                        <a href="./modeling.html">MODELING</a>
-
                        <ul>
+
                        <ul class="subnav">
-
                            <li><a href="#">Journal</a></li>
+
                            <ul>
-
                            <li><a href="#">Protocols</a></li>
+
                                <li><a href="./modeling.html#overview">Overview</a></li>
 +
                                <li><a href="./modeling.html#Noise_in_the_cell">Noise in the cell</a></li>
 +
                                <li><a href="./modeling.html#Heat_Resistant_system">Heat Resistant system</a></li>
 +
                                <li><a href="./modeling.html#Quorum_Control_system">Quorum-control system</a></li>
 +
                               
 +
                            </ul>
                         </ul>
                         </ul>
-
                     </ul>
+
                     </li>
-
                </li>
+
                    <li class="navitem5">
-
                <li class="navitem7">
+
                        <a href="./humanpractice.html">HUMAN PRACTICE</a>
-
                     <a href="./safety.html">SAFETY</a>
+
                        <ul class="subnav">
-
                </li>
+
                            <ul>
-
                <li class="navitem8">
+
                                <li><a href="./humanpractice.html#Meaning">Meaning</a></li>
-
                    <a href="https://2013.igem.org">IGEM</a>
+
                                <li><a href="./humanpractice.html#C">Communication</a></li>
-
                </li>
+
                                <li><a href="./humanpractice.html#pro">Promotion</a></li>
-
            </ul>
+
                            </ul>
 +
                        </ul>
 +
                    </li>
 +
                    <li class="navitem6">
 +
                        <a href="./notebook.html">NOTEBOOK</a>
 +
                        <ul class="subnav">
 +
                            <ul>
 +
                                <li><a href="./notebook.html#">Journal</a></li>
 +
                               
 +
                            </ul>
 +
                        </ul>
 +
                     </li>
 +
                    <li class="navitem7">
 +
                        <a href="./sponser.html">SPONSER</a>
 +
                    </li>
 +
                    <li class="navitem8">
 +
                        <a href="https://2013.igem.org">IGEM</a>
 +
                    </li>
 +
                </ul>
 +
            </div>
         </div>
         </div>
     </div>
     </div>
-
</div>
+
</div><!-- .white_header -->
-
                    </div><!-- .white_header -->
+
                 </div><!-- .header_bar -->
                 </div><!-- .header_bar -->
-
                <div class="page_content" style="position:relative; z-index:1;">
+
<div class="page_content" style="position:relative; z-index:1;">
-
                    <div class="home ready">
+
    <div class="home ready">
-
                        <div class="top-section">
+
        <section id="cover">
-
                            <div class="parallax" data-stellar-ratio="0.3">
+
        <div id='hkphoto'>
-
                                <div class="content arrows">
+
<div class='hktext'>
-
                                    <div class="arrow left">
+
<p>Having been through a happy period in Hong Kong, we get our certification to MIT. Every team worked so hard, and everybody are all so friendly. Of course it is important that we get a gold medal and the certification to go to American, but what really matters is what we saw, who we met, and what we had been through. The whole competition had become a great celebration for every member of iGEM and synthetic biology.</p>
-
                                        <div class="sprite arrow-left"></div>
+
</div>
-
                                    </div>
+
<ul id='gallery'>
-
                                    <div class="arrow right">
+
<li class='loaded'><a href="https://static.igem.org/mediawiki/2013/d/d8/BIT-China_HK_1.JPG">
-
                                        <div class="sprite arrow-right"></div>
+
<img src="https://static.igem.org/mediawiki/2013/2/2e/BIT-China-HK_1.JPG" alt="gold medal">
-
                                    </div>
+
</a></li>
-
                                </div>
+
<li class='loaded'><a href="https://static.igem.org/mediawiki/2013/f/f8/BIT-China_HK_2.JPG">
-
                                <div style="margin-top:60px">
+
<img src="https://static.igem.org/mediawiki/2013/6/68/BIT-CHinaHK_2.JPG" alt="gold medal">
-
                                    <div class="heroes">
+
-
                                        <div class="hero segmentation current">
+
-
                                            <div class="content">
+
-
                                                <div class="text">
+
-
                                                    <h1>BIT-CHINA</h1>
+
-
                                                    <p>IGEM 2013</p>
+
-
                                                    <div class="buttons">
+
-
                                                        <a href="./project.html" class="action-button purple">Learn More</a>
+
-
                                                    </div>
+
-
                                                </div>
+
-
                                                <div class="subtle-animation">
+
-
                                                    <div class="bg"></div>
+
-
                                                </div>
+
-
                                            </div>
+
-
                                        </div>
+
-
                                       
+
-
                                        <div class="hero notifications">
+
-
                                            <div class="background"></div>
+
-
                                            <div class="content">
+
-
                                                <div class="text">
+
-
                                                    <h1>a possibility of automatic style</h1>
+
-
                                                    <p>for the whole ferment industry.</p>
+
-
                                                    <a href="#" class="action-button purple">Learn More</a>
+
-
                                                </div>
+
-
                                                <img class="phone" src="img/phone.png"></div>
+
-
                                            </div>
+
-
                                        </div>
+
-
                                    </div>
+
-
                                </div>
+
-
                            </div>
+
-
                            <div class="workmap">
+
</a></li>
-
                                <div class="title">
+
<li class='loaded'><a href="https://static.igem.org/mediawiki/2013/3/3b/BIT-China_HK_3.JPG">
-
                                    <h2>WORKMAP</h2>
+
<img src="https://static.igem.org/mediawiki/2013/e/e8/BIT-CHINA-HK_3.JPG" alt="gold medal">
-
                                </div>
+
</a></li>
-
                                <div class="modules">
+
<li class='loaded'><a href="https://static.igem.org/mediawiki/2013/b/b9/BIT-China_HK_4.JPG">
-
                                    <div class="content">
+
<img src="https://static.igem.org/mediawiki/2013/9/9a/BIT-CHINA-HK_4.JPG" alt="gold medal">
-
                                        <div class="blocks">
+
</a></li>
-
                                            <div class="block lavendar">
+
       
-
                                                <div class="igem-logo team"></div>
+
        <li class='loaded'><a href="https://static.igem.org/mediawiki/2013/1/12/BIT-China_HK_9.JPG">
-
                                                <blockquote>
+
            <img src="https://static.igem.org/mediawiki/2013/d/df/BIT-CHINA-HK_9.JPG" alt="gold medal">
-
                                                    <div class="quote">Who are we? What did we do? Where is this Calgary place, anyway? Click here to read our team profiles!</div>
+
        </a></li>
-
                                                    <div class="author">TEAM</div>
+
        <li class='loaded'><a href="https://static.igem.org/mediawiki/2013/1/1f/BIT-China_HK_8.JPG">
-
                                                </blockquote>
+
            <img src="https://static.igem.org/mediawiki/2013/a/af/BIT-CHINA-HK_8.JPG" alt="gold medal">
-
                                                <a class="case-study-link" href="./team.html">View Detail <div class="sprite arrow-case-study"></div></a>
+
        </a></li>
-
                                            </div>
+
        <li class='loaded'><a href="https://static.igem.org/mediawiki/2013/1/18/BIT-China_HK_7.JPG">
-
                                            <div class="block">
+
            <img src="https://static.igem.org/mediawiki/2013/1/16/BIT-CHINA-HK_7.JPG" alt="gold medal">
-
                                                <div class="igem-logo project"></div>
+
        </a></li>
-
                                                <blockquote>
+
        <li class='loaded'><a href="https://static.igem.org/mediawiki/2013/e/e2/BIT-China_HK_6.JPG">
-
                                                    <div class="quote small">Here is a collection of our major summer work and a interesting simulation game for you to get familiar with our project, just try it!</div><div class="author">PROJECT</div>
+
            <img src="https://static.igem.org/mediawiki/2013/e/e4/BIT-CHINA-HK_6.JPG" alt="gold medal">
-
                                                </blockquote>
+
        </a></li>
-
                                                <a class="case-study-link" href="./project.html">View Detail <div class="sprite arrow-case-study"></div></a>
+
        <li class='loaded'><a href="https://static.igem.org/mediawiki/2013/b/b5/BIT-China_HK_5.JPG">
-
                                            </div>
+
            <img src="https://static.igem.org/mediawiki/2013/7/77/BIT-CHINA-HK_5.JPG" alt="gold medal">
-
                                            <div class="block orange">
+
        </a></li>
-
                                                <div class="igem-logo parts"></div>
+
        <li class='loaded'><a href="https://static.igem.org/mediawiki/2013/3/3e/BIT-China_HK_10.JPG">
-
                                                <blockquote>
+
            <img src="https://static.igem.org/mediawiki/2013/3/34/BIT-CHINA-HK_10.JPG" alt="gold medal">
-
                                                    <div class="quote">Here is a collection of all the parts we have submitted over the course of this project.</div>
+
        </a></li>
-
                                                    <div class="author">PARTS</div>
+
        <li class='loaded'><a href="https://static.igem.org/mediawiki/2013/e/ef/BIT-China_HK_11.JPG">
-
                                                </blockquote>
+
            <img src="https://static.igem.org/mediawiki/2013/6/6a/BIT-CHINA-HK_11.JPG" alt="gold medal">
-
                                                <a class="case-study-link" href="./parts.html">View Detail <div class="sprite arrow-case-study"></div></a>
+
        </a></li>
-
                                            </div>
+
-
                                            <div class="block">
+
-
                                                <div class="igem-logo model"></div>
+
-
                                                <blockquote>
+
-
                                                    <div class="quote">Here is a replay of our modeling work, you can experience our brain stormming by reading this section!</div>
+
-
                                                    <div class="author">modeling</div>
+
-
                                                </blockquote>
+
-
                                                <a class="case-study-link" href="./modeling.html">View Detail <div class="sprite arrow-case-study"></div></a>
+
-
                                            </div>
+
-
                                            <div class="block cyan">
+
-
                                                <div class="igem-logo notebook"></div>
+
-
                                                <blockquote>
+
-
                                                    <div class="quote">Here is a record of our summer's work. We also want to thank everybody who helped us along the way!</div>
+
-
                                                    <div class="author">NOTEBOOK</div>
+
-
                                                </blockquote>
+
-
                                                <a class="case-study-link" href="./notebook.html">View Detail <div class="sprite arrow-case-study"></div></a>
+
-
                                            </div>
+
-
                                            <div class="block">
+
-
                                                <div class="igem-logo safety"></div>
+
-
                                                <blockquote>
+
-
                                                    <div class="quote">Here are some possible safety problems, and our solvement to it.</div>
+
-
                                                    <div class="author">SAFETY</div>
+
-
                                                </blockquote>
+
-
                                                <a class="case-study-link" href="./safety.html">View Detail <div class="sprite arrow-case-study"></div></a>
+
-
                                            </div>
+
-
                                        </div>
+
-
                                    </div>
+
-
                                </div>
+
-
                            </div>
+
-
                            <div class="sponsers">
+
    </ul>
-
                                <div class="content">
+
</div>
-
                                    <h2>SPONSERS</h2>
+
            <div class="wrap">
-
                                </div>
+
 
-
                                <div class="companies" align="center">
+
                <div id="laptop-screen">
-
                                    <a class="block" href="http://www.mathworks.com/academia/student-competitions/">
+
                    <div id="display-img-idea">
-
                                        <img class="company" src="img/sponsers/mathworks.png" width="300">
+
                        <img src="https://static.igem.org/mediawiki/2013/3/3f/BIT-China-bt-Idea.png">
-
                                    </a>
+
 
-
                                    <a class="block" href="http://www.bit.edu.cn/">
+
                        <p>Before our team was founded, we heard that a great deal of energy and money has been consumed in fermentation to cool down the fermenter. There are almost 100,000,000 Yuan wasted every year all around China. So, we planned to design a chassis host which can work in higher temperature with the production of heat controlled.</p>  
-
                                        <img class="company" src="img/sponsers/BIT.png">
+
                          
-
                                    </a>
+
-
                                    <a class="block" href="http://www.idt.com/">
+
-
                                        <img class="company" src="img/sponsers/IDT_logo_trans.png" width="300">
+
-
                                    </a>
+
-
                                </div>
+
-
                            </div>
+
-
                         </div>
+
                     </div>
                     </div>
 +
 +
                    <div id="display-img-advantage">
 +
                        <img src="https://static.igem.org/mediawiki/2013/5/54/BIT-China-bt-Advantage.png">
 +
 +
                        <p>We have extracted new heat shock proteins (HSPs) from thermophilic bacteria. Then we combine it with an RNA thermometer, letting the HSPs be translated at a suitable temperature to release the burden of the cell in its logarithmic phase.</p>
 +
                       
 +
                    </div>
 +
 +
                    <div id="display-img-description">
 +
                        <img src="https://static.igem.org/mediawiki/2013/3/3e/BIT-China-bt-IMHere.png">
 +
                   
 +
 +
                        <p>BIT-China is founded in 28th Feb and our slogan is ‘for one green earth’. To settle the problem of energy consumption of cooling system in fermentation, we set up two artificial systems with the method of synthetic biology.</p>
 +
                       
 +
                    </div>
 +
 +
                    <div id="display-img-charactors">
 +
                   
 +
 +
                        <div class="int"> <img src="https://static.igem.org/mediawiki/2013/6/62/BIT-China-bt-Gem1.png"><p>Coco, an outgoing guy, is a workaholic and his favorite food is LB. </p> </div>
 +
                        <div class="int"> <img src="https://static.igem.org/mediawiki/2013/c/c2/BIT-China-bt-Gem2.png"><p> Dr. Iloc is a nice man who likes to help bacteria. </p> </div>
 +
                        <div class="int"> <img src="https://static.igem.org/mediawiki/2013/d/d5/BIT-China-btmw-Gem3.png"><p>E is a powerful electrical assistant created by Dr. Iloc.</p> </div>
 +
                        <div id="teamphoto"></div>
 +
                    </div>
 +
 +
                    <div id="display-img-extend">
 +
                      <div style="width:300px;float:left;"><p>Here is our team uniform:</p></div>
 +
                      <div style="float:right;"><img src="https://static.igem.org/mediawiki/2013/c/c9/BIT-China-bt-IGEM-pi.png" style="width:230px;margin-right:40px;"></div>
 +
                        <div style="width:397px;float:left;"><img src="https://static.igem.org/mediawiki/2013/5/58/BIT-China-bt-IGEM-shirt.png" style="width:397px;">
 +
                        <p style="padding-left:20px;">We designed many souvenirs for our team. There will be a surprise waiting for you during the poster jamboree. </p>
 +
                        </div>                     
 +
                        <div style="float:right;width:300px;"><p>Scan this QR code and visit our wechat-public account:
 +
                        </p> </div>
                 </div>
                 </div>
 +
                </div>
 +
                <div id="laptop"></div>
 +
 +
                <nav id="introduction">
 +
                    <div id="idea"></div>
 +
                    <div id="advantage"></div>
 +
                    <div id="description"></div>
 +
                    <div id="charactors"></div>
 +
                    <div id="extend"></div>
 +
                </nav>
             </div>
             </div>
-
             <div id="footer_bg">
+
 
-
                 <div id="footer">
+
             <div id="award" class="tossing"></div>
-
                     © Copyright BIT iGEM Team 2013, All Rights Reserved.
+
 
 +
            <a id="leftarrow" class="left carousel-control" href="javascript:void(0);" onclick="swipeLeft()">‹</a>
 +
            <a id="rightarrow" class="right carousel-control" href="javascript:void(0);" onclick="swipeRight()">›</a>
 +
        </section>
 +
 
 +
        <section id="sitemap">
 +
            <div class="header-icon">
 +
                 <div class="tossing icon-sitemap visible" style="opacity: 1;"><img src="https://static.igem.org/mediawiki/2013/f/fa/BIT-China-bt-Wikimap.png" /></div>
 +
            </div>
 +
 
 +
            <div class="wrap">
 +
                <h1 style="transition: all 0s ease; -webkit-transition: all 0s ease; margin-left: 284px; opacity: 0;">The WikiMap</h1>
 +
                <h2 style="transition: all 0s ease; -webkit-transition: all 0s ease; margin-left: 284px; opacity: 0;">What's currently brewing in our wikis!</h2>
 +
 
 +
                <section id="project"><a href="./project.html" title="Open this section!" target="_blank" data-tooltip="">
 +
                     <div class="icon-project"><img src="https://static.igem.org/mediawiki/2013/0/06/BIT-China-bt-P.png" /></div>
 +
 
 +
                    <div>
 +
                        <h1><a href="./project.html" title="Open this section!" target="_blank" data-tooltip="">PROJECT</a></h1>
 +
                        <h2 style="white-space: pre-wrap;">The detailed study of our Igem subject</h2>
 +
                    </div></a>
 +
                </section>
 +
 
 +
                <section id="team"><a href="./team.html" title="Open this section!" target="_blank" data-tooltip="">
 +
                    <div class="icon-team"><img src="https://static.igem.org/mediawiki/2013/2/28/BIT-China-bt-T.png" /></div>
 +
 
 +
                    <div>
 +
                        <h1><a href="./team.html" title="Open this section!" target="_blank" data-tooltip="">TEAM</a></h1>
 +
                        <h2 style="white-space: pre-wrap;">Everyone contributing to the works</h2>
 +
                    </div></a>
 +
                </section>
 +
 
 +
                <section id="modeling">
 +
                    <a href="./modeling.html" title="Open this section!" target="_blank" data-tooltip="">
 +
                    <div class="icon-modeling"><img src="https://static.igem.org/mediawiki/2013/3/3f/BIT-China-bt-M.png" /></div>
 +
 
 +
                    <div>
 +
                        <h1><a href="./modeling.html" title="Open this section!" target="_blank" data-tooltip="">MODELING</a></h1>
 +
                        <h2 style="white-space: pre-wrap;">The vital step in our project</h2>
 +
                    </div></a>
 +
                </section>
 +
 
 +
                <section id="human-practice">
 +
                    <a href="./humanpractice.html" title="Open this section!" target="_blank" data-tooltip="">
 +
                    <div class="icon-human-practice"><img src="https://static.igem.org/mediawiki/2013/2/28/BIT-China-bt-HP.png" /></div>
 +
 
 +
                    <div>
 +
                        <h1><a href="./humanpractice.html" title="Open this section!" target="_blank" data-tooltip="">HUMAN PRACTICE</a></h1>
 +
                        <h2 style="white-space: pre-wrap;">Coorperation and Communication</h2>
 +
                    </div></a>
 +
                </section>
 +
 
 +
                <section id="notebook"><a href="./notebook.html" title="Open this section!" target="_blank" data-tooltip="">
 +
                    <div class="icon-notebook"><img src="https://static.igem.org/mediawiki/2013/a/a7/BIT-China-bt-N.png" /></div>
 +
 
 +
                    <div>
 +
                        <h1><a href="./notebook.html" title="Open this section!" target="_blank" data-tooltip="">NOTEBOOK</a></h1>
 +
                        <h2 style="white-space: pre-wrap;">Records and Documents</h2>
 +
                    </div></a>
 +
                </section>
 +
 
 +
                <section id="sponser"><a href="./sponser.html" title="Open this section!" target="_blank" data-tooltip="">
 +
                    <div class="icon-sponser"><img src="https://static.igem.org/mediawiki/2013/1/1b/BIT-China-bt-S.png" /></div>
 +
 
 +
                    <div>
 +
                        <h1><a href="./sponser.html" title="Open this section!" target="_blank" data-tooltip="">SPONSER</a></h1>
 +
                        <h2 style="white-space: pre-wrap;">We are obliged to them</h2>
 +
                    </div></a>
 +
                </section>
 +
               
 +
                <p>
 +
                    <i class="icon icon-256 icon-tv"></i>
 +
                    <strong></strong>
 +
                </p>
 +
            </div>
 +
        </section>
 +
 
 +
        <section id="story">
 +
            <div id="myCarousel" class="carousel slide">
 +
              <div class="carousel-inner">
 +
                <div class="item active" data-slide-to="0">
 +
                  <img src="https://static.igem.org/mediawiki/2013/f/f6/BIT-China-bt-Story1.jpg" alt="" id=0>
 +
                  <div class="container">
 +
                    <div class="blackbar"></div>
 +
                    <div class="carousel-caption">
 +
                      <h1>Part 1: Hardworking Coco</h1>
 +
                      <p class="lead">Once upon a time, there was a hard working guy called Coco. He was always busy working in his office. As time went by, He got more and more colleague. The workplace become crowd, everyone in the office could not work well.</p>
 +
                    </div>
 +
                    <div id="story1_sun" class="floating"></div>
 +
                    <div id="story1_gem"></div>
 +
                  </div>
 +
                </div>
 +
                <div class="item" data-slide-to="1">
 +
                  <img src="https://static.igem.org/mediawiki/2013/1/1e/BIT-China-bt-Story2.jpg" alt="" id=1>
 +
                  <div class="container">
 +
                    <div class="blackbar"></div>
 +
                    <div class="carousel-caption">
 +
                      <h1>Part 2: The bothering of warming</h1>
 +
                      <p class="lead">So he set an air-conditioner. That stuff cost him a lot of money for electricity. But that was not ended, the electricity consumed by air-conditioner came from the fossil fuel. As a result, the burning of fossil fuel not only damaged the earth but also made everyone outside the house suffer in hot.</p>
 +
                    </div>
 +
                    <div id="story2_sun" class="floating"></div>
 +
                    <div id="story2_gem"></div>
 +
                  </div>
 +
                </div>
 +
                <div class="item" data-slide-to="2">
 +
                  <img src="https://static.igem.org/mediawiki/2013/f/f0/BIT-China-bt-Story3.jpg" alt="" id=2>
 +
                  <div class="container">
 +
                    <div class="blackbar"></div>
 +
                    <div class="carousel-caption">
 +
                      <h1>Part 3: Help from the doctor</h1>
 +
                      <p class="lead">To find a way, Coco found the Doctor for help. The doctor, who has knowledge of synthetic biology, performed an operation on Coco. With the help of the Doctor, Coco did not feel hot at all in the office where he had used to feel scorched. And he found that there were not so many colleagues, but he didn’t lack any, either.</p>
 +
                    </div>
 +
                  </div>
 +
                </div>
 +
                <div class="item" data-slide-to="3">
 +
                    <img src="https://static.igem.org/mediawiki/2013/2/28/BIT-China-bt-Story4.jpg" alt="" id=3>
 +
                    <div class="container">
 +
                    <div class="blackbar"></div>
 +
                    <div class="carousel-caption">
 +
                      <h1>Part 4: The arrival of happiness</h1>
 +
                      <p class="lead">According to this, Coco could work without the air-conditioner. There was no sweat from heat, nor conflicts from crowd. Coco and his colleague work happily day by day, and produce a lot of happiness to the world. </p>
 +
                    </div>
 +
                    <div id="story4_sun" class="floating"></div>
 +
                    <div id="story4_gem"></div>
 +
                  </div>
 +
                </div>
 +
              </div>
 +
              <a class="left carousel-control" href="javascript:void(0);" onclick="scrollLefty()">‹</a>
 +
              <a class="right carousel-control" href="javascript:void(0);" onclick="scrollRight()">›</a>
 +
              <!-- BEGIN .navigation -->
 +
                <div class="count">
 +
                    <a href="javascript:void(0);" id="aktuals1_btn" class="active" onclick="change(1)"></a>
 +
                    <a href="javascript:void(0);" id="aktuals2_btn" onclick="change(2)"></a>
 +
                    <a href="javascript:void(0);" id="aktuals3_btn" onclick="change(3)"></a>
 +
                    <a href="javascript:void(0);" id="aktuals4_btn" onclick="change(4)"></a>
 +
                <!-- END .navigation -->
 +
                </div>
 +
 
 +
            </div><!-- /.carousel -->
 +
 
 +
 
 +
        </section>
 +
 
 +
 +
 
 +
        <section id="contact">
 +
            <div class="header-icon">
 +
                <div class="tossing icon-sitemap visible" style="opacity: 1;"><img src="https://static.igem.org/mediawiki/2013/b/b1/BIT-China-bt-Contact.png" /></div>
 +
            </div>
 +
 
 +
            <div id="world">
 +
                <div id="sky">
 +
                    <div id="moon"></div>
 +
 
 +
                </div>
 +
 
 +
                <div id="city">
 +
                    <div class="parallax"></div>
 +
                    <div class="parallax2"></div>
 +
 
 +
                    <div id="road"><div></div></div>
 +
                    <div id="taxi"><div><i id="taxi_headlights"></i></div></div>
 +
                </div>
 +
            </div>
 +
 
 +
            <div class="wrap">
 +
                <h1>You can contact us with no obligation.</h1>
 +
                <h2>Feel free to drop us a line or just to say hello!</h2>
 +
 
 +
                <a id="get-in-touch" href="mailto:lichun@bit.edu.cn?subject=Saying%20Hello!" title="Contact us!" data-nudge="235">Get in Touch!</a>
 +
            </div>
 +
        </section>
 +
 
 +
 
 +
                        </div>
 +
                    </div>
                 </div>
                 </div>
             </div>
             </div>
         </div>
         </div>
-
     <script src="./js/empty.js?action=raw"></script>
+
     <script>
 +
        $('#gallery').photobox('a');
 +
        // or with a fancier selector and some settings, and a callback:
 +
        $('#gallery').photobox('a:first', { thumbs:false, time:0 }, imageLoaded);
 +
        function imageLoaded(){
 +
            console.log('image has been loaded...');
 +
        }
 +
    </script>
 +
    <script type="text/javascript" src="./js/empty.js?action=raw"></script>
 +
</body>
</body>
</html>
</html>

Latest revision as of 18:28, 28 October 2013

HOME | BIT-CHINA IGEM2013

Having been through a happy period in Hong Kong, we get our certification to MIT. Every team worked so hard, and everybody are all so friendly. Of course it is important that we get a gold medal and the certification to go to American, but what really matters is what we saw, who we met, and what we had been through. The whole competition had become a great celebration for every member of iGEM and synthetic biology.

Before our team was founded, we heard that a great deal of energy and money has been consumed in fermentation to cool down the fermenter. There are almost 100,000,000 Yuan wasted every year all around China. So, we planned to design a chassis host which can work in higher temperature with the production of heat controlled.

We have extracted new heat shock proteins (HSPs) from thermophilic bacteria. Then we combine it with an RNA thermometer, letting the HSPs be translated at a suitable temperature to release the burden of the cell in its logarithmic phase.

BIT-China is founded in 28th Feb and our slogan is ‘for one green earth’. To settle the problem of energy consumption of cooling system in fermentation, we set up two artificial systems with the method of synthetic biology.

Coco, an outgoing guy, is a workaholic and his favorite food is LB.

Dr. Iloc is a nice man who likes to help bacteria.

E is a powerful electrical assistant created by Dr. Iloc.

Here is our team uniform:

We designed many souvenirs for our team. There will be a surprise waiting for you during the poster jamboree.

Scan this QR code and visit our wechat-public account:

The WikiMap

What's currently brewing in our wikis!

PROJECT

The detailed study of our Igem subject

TEAM

Everyone contributing to the works

MODELING

The vital step in our project

HUMAN PRACTICE

Coorperation and Communication

NOTEBOOK

Records and Documents

SPONSER

We are obliged to them

You can contact us with no obligation.

Feel free to drop us a line or just to say hello!

Get in Touch!