Team:BIT-China/index.html
From 2013.igem.org
Singlewindy (Talk | contribs) |
|||
(20 intermediate revisions not shown) | |||
Line 4: | Line 4: | ||
<link rel="stylesheet" href="./css/base.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/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/animation.css?action=raw&ctype=text/css" type="text/css"> | ||
Line 13: | Line 14: | ||
<script type="text/javascript" src="./js/index.js?action=raw"></script> | <script type="text/javascript" src="./js/index.js?action=raw"></script> | ||
<script type="text/javascript" src="./js/bootstrap.js?action=raw"></script> | <script type="text/javascript" src="./js/bootstrap.js?action=raw"></script> | ||
- | |||
<script type="text/javascript" src="./js/infobox_packed.js?action=raw"></script> | <script type="text/javascript" src="./js/infobox_packed.js?action=raw"></script> | ||
+ | <script type="text/javascript" src="./js/photobox.js?action=raw"></script> | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
$(document).ready(function() { | $(document).ready(function() { | ||
Line 35: | Line 36: | ||
<div id="header"> | <div id="header"> | ||
- | <a href="./index.html"><img src=" | + | <a href="./index.html"><img src="https://static.igem.org/mediawiki/2013/5/57/BIT-China_Logo.jpg" alt="logo"></a> |
</div> | </div> | ||
Line 115: | Line 116: | ||
<div class="home ready"> | <div class="home ready"> | ||
<section id="cover"> | <section id="cover"> | ||
+ | <div id='hkphoto'> | ||
+ | <div class='hktext'> | ||
+ | <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> | ||
+ | <ul id='gallery'> | ||
+ | <li class='loaded'><a href="https://static.igem.org/mediawiki/2013/d/d8/BIT-China_HK_1.JPG"> | ||
+ | <img src="https://static.igem.org/mediawiki/2013/2/2e/BIT-China-HK_1.JPG" alt="gold medal"> | ||
+ | </a></li> | ||
+ | <li class='loaded'><a href="https://static.igem.org/mediawiki/2013/f/f8/BIT-China_HK_2.JPG"> | ||
+ | <img src="https://static.igem.org/mediawiki/2013/6/68/BIT-CHinaHK_2.JPG" alt="gold medal"> | ||
+ | |||
+ | </a></li> | ||
+ | <li class='loaded'><a href="https://static.igem.org/mediawiki/2013/3/3b/BIT-China_HK_3.JPG"> | ||
+ | <img src="https://static.igem.org/mediawiki/2013/e/e8/BIT-CHINA-HK_3.JPG" alt="gold medal"> | ||
+ | </a></li> | ||
+ | <li class='loaded'><a href="https://static.igem.org/mediawiki/2013/b/b9/BIT-China_HK_4.JPG"> | ||
+ | <img src="https://static.igem.org/mediawiki/2013/9/9a/BIT-CHINA-HK_4.JPG" alt="gold medal"> | ||
+ | </a></li> | ||
+ | |||
+ | <li class='loaded'><a href="https://static.igem.org/mediawiki/2013/1/12/BIT-China_HK_9.JPG"> | ||
+ | <img src="https://static.igem.org/mediawiki/2013/d/df/BIT-CHINA-HK_9.JPG" alt="gold medal"> | ||
+ | </a></li> | ||
+ | <li class='loaded'><a href="https://static.igem.org/mediawiki/2013/1/1f/BIT-China_HK_8.JPG"> | ||
+ | <img src="https://static.igem.org/mediawiki/2013/a/af/BIT-CHINA-HK_8.JPG" alt="gold medal"> | ||
+ | </a></li> | ||
+ | <li class='loaded'><a href="https://static.igem.org/mediawiki/2013/1/18/BIT-China_HK_7.JPG"> | ||
+ | <img src="https://static.igem.org/mediawiki/2013/1/16/BIT-CHINA-HK_7.JPG" alt="gold medal"> | ||
+ | </a></li> | ||
+ | <li class='loaded'><a href="https://static.igem.org/mediawiki/2013/e/e2/BIT-China_HK_6.JPG"> | ||
+ | <img src="https://static.igem.org/mediawiki/2013/e/e4/BIT-CHINA-HK_6.JPG" alt="gold medal"> | ||
+ | </a></li> | ||
+ | <li class='loaded'><a href="https://static.igem.org/mediawiki/2013/b/b5/BIT-China_HK_5.JPG"> | ||
+ | <img src="https://static.igem.org/mediawiki/2013/7/77/BIT-CHINA-HK_5.JPG" alt="gold medal"> | ||
+ | </a></li> | ||
+ | <li class='loaded'><a href="https://static.igem.org/mediawiki/2013/3/3e/BIT-China_HK_10.JPG"> | ||
+ | <img src="https://static.igem.org/mediawiki/2013/3/34/BIT-CHINA-HK_10.JPG" alt="gold medal"> | ||
+ | </a></li> | ||
+ | <li class='loaded'><a href="https://static.igem.org/mediawiki/2013/e/ef/BIT-China_HK_11.JPG"> | ||
+ | <img src="https://static.igem.org/mediawiki/2013/6/6a/BIT-CHINA-HK_11.JPG" alt="gold medal"> | ||
+ | </a></li> | ||
+ | |||
+ | </ul> | ||
+ | </div> | ||
<div class="wrap"> | <div class="wrap"> | ||
<div id="laptop-screen"> | <div id="laptop-screen"> | ||
<div id="display-img-idea"> | <div id="display-img-idea"> | ||
- | <img src=" | + | <img src="https://static.igem.org/mediawiki/2013/3/3f/BIT-China-bt-Idea.png"> |
- | <p>Before our team | + | <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> |
</div> | </div> | ||
<div id="display-img-advantage"> | <div id="display-img-advantage"> | ||
- | <img src=" | + | <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 RNA thermometer, letting HSPs | + | <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> | ||
<div id="display-img-description"> | <div id="display-img-description"> | ||
- | <img src=" | + | <img src="https://static.igem.org/mediawiki/2013/3/3e/BIT-China-bt-IMHere.png"> |
Line 143: | Line 187: | ||
- | <div class="int"> <img src=" | + | <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=" | + | <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=" | + | <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> | ||
<div id="display-img-extend"> | <div id="display-img-extend"> | ||
- | + | <div style="width:300px;float:left;"><p>Here is our team uniform:</p></div> | |
- | <img src=" | + | <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 surprise waiting for you during the poster jamboree. </p> | + | <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: | + | <div style="float:right;width:300px;"><p>Scan this QR code and visit our wechat-public account: |
</p> </div> | </p> </div> | ||
- | + | </div> | |
- | + | ||
- | + | ||
</div> | </div> | ||
<div id="laptop"></div> | <div id="laptop"></div> | ||
Line 171: | Line 214: | ||
</div> | </div> | ||
+ | <div id="award" class="tossing"></div> | ||
+ | |||
+ | <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> | ||
<section id="sitemap"> | <section id="sitemap"> | ||
<div class="header-icon"> | <div class="header-icon"> | ||
- | <div class="tossing icon-sitemap visible" style="opacity: 1;"><img src="./ | + | <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> | ||
Line 183: | Line 230: | ||
<section id="project"><a href="./project.html" title="Open this section!" target="_blank" data-tooltip=""> | <section id="project"><a href="./project.html" title="Open this section!" target="_blank" data-tooltip=""> | ||
- | <div class="icon-project"><img src="./ | + | <div class="icon-project"><img src="https://static.igem.org/mediawiki/2013/0/06/BIT-China-bt-P.png" /></div> |
<div> | <div> | ||
<h1><a href="./project.html" title="Open this section!" target="_blank" data-tooltip="">PROJECT</a></h1> | <h1><a href="./project.html" title="Open this section!" target="_blank" data-tooltip="">PROJECT</a></h1> | ||
- | <h2>The detailed study of our Igem subject</h2> | + | <h2 style="white-space: pre-wrap;">The detailed study of our Igem subject</h2> |
</div></a> | </div></a> | ||
</section> | </section> | ||
<section id="team"><a href="./team.html" title="Open this section!" target="_blank" data-tooltip=""> | <section id="team"><a href="./team.html" title="Open this section!" target="_blank" data-tooltip=""> | ||
- | <div class="icon-team"><img src="./ | + | <div class="icon-team"><img src="https://static.igem.org/mediawiki/2013/2/28/BIT-China-bt-T.png" /></div> |
<div> | <div> | ||
<h1><a href="./team.html" title="Open this section!" target="_blank" data-tooltip="">TEAM</a></h1> | <h1><a href="./team.html" title="Open this section!" target="_blank" data-tooltip="">TEAM</a></h1> | ||
- | <h2>Everyone contributing to the works</h2> | + | <h2 style="white-space: pre-wrap;">Everyone contributing to the works</h2> |
</div></a> | </div></a> | ||
</section> | </section> | ||
Line 202: | Line 249: | ||
<section id="modeling"> | <section id="modeling"> | ||
<a href="./modeling.html" title="Open this section!" target="_blank" data-tooltip=""> | <a href="./modeling.html" title="Open this section!" target="_blank" data-tooltip=""> | ||
- | <div class="icon-modeling"><img src="./ | + | <div class="icon-modeling"><img src="https://static.igem.org/mediawiki/2013/3/3f/BIT-China-bt-M.png" /></div> |
<div> | <div> | ||
<h1><a href="./modeling.html" title="Open this section!" target="_blank" data-tooltip="">MODELING</a></h1> | <h1><a href="./modeling.html" title="Open this section!" target="_blank" data-tooltip="">MODELING</a></h1> | ||
- | <h2>The vital step in our project</h2> | + | <h2 style="white-space: pre-wrap;">The vital step in our project</h2> |
</div></a> | </div></a> | ||
</section> | </section> | ||
Line 212: | Line 259: | ||
<section id="human-practice"> | <section id="human-practice"> | ||
<a href="./humanpractice.html" title="Open this section!" target="_blank" data-tooltip=""> | <a href="./humanpractice.html" title="Open this section!" target="_blank" data-tooltip=""> | ||
- | <div class="icon-human-practice"><img src="./ | + | <div class="icon-human-practice"><img src="https://static.igem.org/mediawiki/2013/2/28/BIT-China-bt-HP.png" /></div> |
<div> | <div> | ||
<h1><a href="./humanpractice.html" title="Open this section!" target="_blank" data-tooltip="">HUMAN PRACTICE</a></h1> | <h1><a href="./humanpractice.html" title="Open this section!" target="_blank" data-tooltip="">HUMAN PRACTICE</a></h1> | ||
- | <h2>Coorperation and Communication</h2> | + | <h2 style="white-space: pre-wrap;">Coorperation and Communication</h2> |
</div></a> | </div></a> | ||
</section> | </section> | ||
<section id="notebook"><a href="./notebook.html" title="Open this section!" target="_blank" data-tooltip=""> | <section id="notebook"><a href="./notebook.html" title="Open this section!" target="_blank" data-tooltip=""> | ||
- | <div class="icon-notebook"><img src="./ | + | <div class="icon-notebook"><img src="https://static.igem.org/mediawiki/2013/a/a7/BIT-China-bt-N.png" /></div> |
<div> | <div> | ||
<h1><a href="./notebook.html" title="Open this section!" target="_blank" data-tooltip="">NOTEBOOK</a></h1> | <h1><a href="./notebook.html" title="Open this section!" target="_blank" data-tooltip="">NOTEBOOK</a></h1> | ||
- | <h2>Records and Documents</h2> | + | <h2 style="white-space: pre-wrap;">Records and Documents</h2> |
</div></a> | </div></a> | ||
</section> | </section> | ||
<section id="sponser"><a href="./sponser.html" title="Open this section!" target="_blank" data-tooltip=""> | <section id="sponser"><a href="./sponser.html" title="Open this section!" target="_blank" data-tooltip=""> | ||
- | <div class="icon-sponser"><img src="./ | + | <div class="icon-sponser"><img src="https://static.igem.org/mediawiki/2013/1/1b/BIT-China-bt-S.png" /></div> |
<div> | <div> | ||
<h1><a href="./sponser.html" title="Open this section!" target="_blank" data-tooltip="">SPONSER</a></h1> | <h1><a href="./sponser.html" title="Open this section!" target="_blank" data-tooltip="">SPONSER</a></h1> | ||
- | <h2>We are obliged to them</h2> | + | <h2 style="white-space: pre-wrap;">We are obliged to them</h2> |
</div></a> | </div></a> | ||
</section> | </section> | ||
Line 249: | Line 296: | ||
<div class="carousel-inner"> | <div class="carousel-inner"> | ||
<div class="item active" data-slide-to="0"> | <div class="item active" data-slide-to="0"> | ||
- | <img src=" | + | <img src="https://static.igem.org/mediawiki/2013/f/f6/BIT-China-bt-Story1.jpg" alt="" id=0> |
<div class="container"> | <div class="container"> | ||
<div class="blackbar"></div> | <div class="blackbar"></div> | ||
<div class="carousel-caption"> | <div class="carousel-caption"> | ||
- | <h1>Hardworking Coco</h1> | + | <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> | <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> | ||
Line 261: | Line 308: | ||
</div> | </div> | ||
<div class="item" data-slide-to="1"> | <div class="item" data-slide-to="1"> | ||
- | <img src=" | + | <img src="https://static.igem.org/mediawiki/2013/1/1e/BIT-China-bt-Story2.jpg" alt="" id=1> |
<div class="container"> | <div class="container"> | ||
<div class="blackbar"></div> | <div class="blackbar"></div> | ||
<div class="carousel-caption"> | <div class="carousel-caption"> | ||
- | <h1>The bothering of warming</h1> | + | <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> | <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> | ||
Line 273: | Line 320: | ||
</div> | </div> | ||
<div class="item" data-slide-to="2"> | <div class="item" data-slide-to="2"> | ||
- | <img src=" | + | <img src="https://static.igem.org/mediawiki/2013/f/f0/BIT-China-bt-Story3.jpg" alt="" id=2> |
<div class="container"> | <div class="container"> | ||
<div class="blackbar"></div> | <div class="blackbar"></div> | ||
<div class="carousel-caption"> | <div class="carousel-caption"> | ||
- | <h1>Help from the doctor</h1> | + | <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> | <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> | ||
Line 283: | Line 330: | ||
</div> | </div> | ||
<div class="item" data-slide-to="3"> | <div class="item" data-slide-to="3"> | ||
- | <img src=" | + | <img src="https://static.igem.org/mediawiki/2013/2/28/BIT-China-bt-Story4.jpg" alt="" id=3> |
<div class="container"> | <div class="container"> | ||
<div class="blackbar"></div> | <div class="blackbar"></div> | ||
<div class="carousel-caption"> | <div class="carousel-caption"> | ||
- | <h1>The arrival of happiness</h1> | + | <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> | <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> | ||
Line 311: | Line 358: | ||
</section> | </section> | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
<section id="contact"> | <section id="contact"> | ||
<div class="header-icon"> | <div class="header-icon"> | ||
- | <div class="tossing icon-sitemap visible" style="opacity: 1;"><img src="./ | + | <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> | ||
Line 364: | Line 395: | ||
</div> | </div> | ||
- | <script type="text/javascript" src="./js/empty.js"></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
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: