Team:HIT-Harbin

From 2012.igem.org

(Difference between revisions)
Line 1: Line 1:
-
{{tempalte:HIT-Harbin}}
 
<html>
<html>
 +
<style>
 +
* {padding:0; margin:0;}
 +
body {background:url(body-bg.gif) repeat-x #575757; font-family:helvetica, arial; font-size:15px; color:#4e4e4e;}
 +
a {outline:none; color:#5f5f5f; font-weight:bold; text-decoration:none;}
 +
a:hover {color:#ea0101; }
 +
a img {border:none;}
 +
 +
.alignright {float:right;}
 +
.alignleft {float:left;}
 +
.alignnone {clear:both;}
 +
.aligncenter {margin-left: auto; margin-right: auto;}
 +
 +
 +
 +
#wrap {width:938px; background:url(WRAP-BG2.png) repeat-x top left #edebeb; margin:0 auto; overflow:hidden; clear:both; border-top:1px solid #c9c9c9; border-left:1px solid #c9c9c9; border-right:1px solid #c9c9c9; padding-bottom:30px;}
 +
#wrap-inner {width:820px; margin:34px 0 0 30px; padding:0 30px 0 30px; overflow:hidden; background:url(TITLE-AREA-BG.jpg) no-repeat top left;}
 +
#wrap-inner-withslide {width:820px; margin:34px 0 0 30px; padding:0 30px 0 30px; background: url(SLIDER-BG.png) no-repeat top left; overflow:hidden; }
 +
 +
/*header*/
 +
#header {height:134px; width:940px; border-top:8px solid #fff; text-align:left; margin:0 auto; }
 +
 +
#nav {float:right;}
 +
#nav ul li.page_item {float:left; list-style:none; padding:3px 8px 6px 8px; line-height:18px; height:18px; background: url(ul-bg.png) repeat-x bottom left; margin-right:2px;}
 +
#nav ul li.current_page_item {background:#000000; }
 +
#nav ul li.current_page_item a {color:#fff;}
 +
#nav ul li.page_last{float:left; list-style:none; padding-right:0; padding:3px 8px 6px 8px; line-height:18px; height:18px; background: url(ul-bg.png) repeat-x bottom left;}
 +
#nav ul li a {font-weight:bold; text-decoration:none; color:#fff; font-family:'Lucida Grande','Lucida Sans Unicode','Trebuchet MS', verdana, georgia; text-shadow:0 1px 0 #000;}
 +
#nav ul li a:hover {color:#999999;}
 +
.logo-area {padding-top:5px; clear:both; overflow:visible; height:220px;}
 +
a.logo {padding:5px 0 0 0; display:block; width:940px; height:220px; overflow:visible; float:left;}
 +
a#HIT-logo {text-indent:0px; background:url(background.png) no-repeat;}\
 +
 +
a.portfolio-image {display:block; width:400px; height:26px; position:relative; top:16px; left:-8px; z-index:2;}
 +
img.large-thumbs {position:relative; z-index:1; padding-bottom:10px;}
 +
.large-image{background:url(../images/LARGE-IMG.png) no-repeat bottom left; width:400px; height:316px; float:left; margin-bottom:10px; padding-bottom:18px; }
 +
.large-image.odd {margin-right:20px;}
 +
.large-image .post-title-small{clear:both; padding:0 20px 0 20px; font-family:'Lucida Grande','Lucida Sans Unicode','Trebuchet MS', verdana, georgia; text-align:center;}
 +
.large-image .post-title-small a{font-size:13px; font-weight:bold; letter-spacing:0;line-height:16px; color:#333333; text-shadow:0 1px 0 #fff; }
 +
.large-image .post-title-small a:hover {color:#5f5f5f; }
 +
 +
 +
#nav2 li ul {position: absolute; width: 15em; left: -999em; padding-top:1px;}
 +
#nav2 li:hover ul, #nav2 li.sfhover ul {left: auto; z-index:1000;}
 +
#nav2 li ul li {border-bottom:1px solid #dedbd1; border-left:1px solid #dedbd1; border-right:1px solid #dedbd1; line-height:30px; width:15em;}
 +
#nav2 li:hover, #nav2 li.hover {position: static;}
 +
#nav2 li ul ul {margin: -22px 0 0 15em;}
 +
#nav2 li:hover ul ul, #nav2 li.sfhover ul ul {left: -999em;}
 +
#nav2 li:hover ul, #nav2 li li:hover ul, #nav2 li.sfhover ul, #nav2 li li.sfhover ul {left: auto;}
 +
#nav2 li:hover ul ul, #nav2 li:hover ul ul ul, #nav2 li.sfhover ul ul, #nav2 li.sfhover ul ul ul {left: -999em;}
 +
#nav2 li:hover ul, #nav2 li li:hover ul, #nav2 li li li:hover ul, #nav2 li.sfhover ul, #nav2 li li.sfhover ul, #nav2 li li li.sfhover ul {left: auto;}
 +
 +
 +
/*index*/
 +
.title-area {clear:both; height:100px; overflow:hidden; text-align:left; letter-spacing:-1px; text-transform:capitalize; margin-bottom:38px; font-size:40px; font-weight:bold; text-transform:capitalize; line-height:100px;text-shadow:0 2px 0 #000; color:#e1e1e1;}
 +
#main-container {text-align:left; width:800px; overflow:hidden; line-height:22px; float:left; min-height:500px;}
 +
.post-title {font-size:20px; line-height:29px; letter-spacing:-1px; text-transform:none; text-shadow:0 1px 0 #fff; padding-bottom:7px; margin-bottom:9px; background:url(horiz.gif) repeat-x bottom left; color:#000000;}
 +
.post-titlee {font-size:22px; line-height:29px; letter-spacing:-1px; text-transform:none; text-shadow:0 1px 0 #fff; padding-bottom:7px; margin-bottom:9px; background:url(horiz.gif) repeat-x bottom left;}
 +
.post-title a {font-weight:bolder;}
 +
.post-meta {font-family:'Lucida Grande','Lucida Sans Unicode','Trebuchet MS', verdana, georgia; font-size:11.5px; padding:2px 0 10px 0; margin-bottom:20px;}
 +
span.author {font-weight:bold; text-transform:capitalize; background:url(user.png) no-repeat top left; padding-left:19px; }
 +
span.the-date{background:url(calendar.png) no-repeat top left; padding-left:19px; font-weight:bold; color:#a2a2a2; margin-left:8px;}
 +
span.the-comments {background:url(balloon.png) no-repeat top left; padding-left:19px; margin-left:8px; color:#891111; font-family:'Lucida Grande','Lucida Sans Unicode','Trebuchet MS', verdana, georgia; font-size:11.5px; }
 +
.post-excerpt {padding-bottom:30px; min-height:50px; overflow:hidden; clear:both;}
 +
.post-excerpte {font-size:18px; padding-bottom:30px; min-height:50px; overflow:hidden; clear:both;line-height:29px;}
 +
.post-excerpt a {color:#4E4E4E; background:#FFF5C0; text-shadow:0 1px 0 #fff;}
 +
.post-excerpt a:hover {color:#828282;}
 +
.post-excerpt img.alignright {display:inline; margin:8px 0 5px 20px;}
 +
.post-excerpt img.alignleft {display:inline; margin:8px 20px 5px 0;}
 +
.post-excerpt img.aligncenter {clear:both; margin:10px auto; display:block; }
 +
.post-excerpt img.alignnone {clear:both; margin:10px auto; display:block; }
 +
.post-excerpt a img.alignright {display:inline; margin:8px 0 5px 20px;}
 +
.post-excerpt a img.alignleft {display:inline; margin:8px 20px 5px 0;}
 +
.post-excerpt a img.aligncenter {clear:both; margin:10px auto; display:block; }
 +
.post-excerpt a img.alignnone {clear:both; margin:10px auto; display:block;}
 +
.post-excerpt h1, .post-excerpt h2, .post-excerpt h3, .post-excerpt h4, .post-excerpt h5, .post-excerpt h6 {font-size:20px; line-height:18px; margin-bottom:10px; color:#000000; letter-spacing:-1px;}
 +
.post-excerpt ol {padding:10px 10px 10px 15px; margin-left:10px;}
 +
.post-excerpt ol li ol {padding-left:20px;}
 +
.post-excerpt ol li ul {padding-left:20px;}
 +
.post-excerpt ul {padding:10px 10px 10px 15px; margin-left:10px;}
 +
.post-excerpt ul li ol {padding-left:20px;}
 +
.post-excerpt ul li ul {padding-left:20px;}
 +
a.more-link {color:#fff; font-family:verdana, georgia; text-align:right; text-shadow:0 1px 0 #000;  font-size:10px; font-family:Verdana; background:#ab0303; padding:3px; position:relative; top:-25px;  clear:both;}
 +
a:hover.more-link{color:#000; text-shadow: none;}
 +
#post-navigation {clear:both; margin:45px 0 10px 0; padding:3px; background:#999999; text-align:center;}
 +
#post-navigation a {color:#fff; text-shadow:0 1px 0 #000;}
 +
#post-navigation a:hover {color:#000; text-shadow:0 1px 0 #fff;}
 +
/*home page with slider*/
 +
/* Easy Slider */
 +
#slider{position:relative; text-align:left; }
 +
#slider ul, #slider li {margin:0; padding:0; list-style:none;}
 +
#slider li {width:820px; height:376px; overflow:hidden; background: url(slider-li-bg.png) no-repeat; color:#FFFFFF; position:relative; }
 +
#slider .left-container {float:left; width:380px; height:210px; overflow:hidden; line-height:36px; margin-top:53px;}
 +
#slider .post-title-large {margin-bottom:22px;}
 +
#slider .post-title-large a {display:inline; font-size:40px; font-weight:bold; text-transform:capitalize; line-height:40px;text-shadow:0 2px 0 #000; color:#e1e1e1;}
 +
#slider .post-title a:hover {color:#ffffff; text-shadow:none;}
 +
#slider .post-excerpt {font-size:20px; font-weight:bold; color:#FFFFFF;}
 +
ol#controls{margin:1em 0; padding:0; height:28px; position:relative; top:-90px;}
 +
ol#controls li{margin:0 10px 0 0; padding:0; float:left; list-style:none; height:23px; line-height:23px;}
 +
ol#controls li a{float:left; height:23px; line-height:23px; background: url(contols-white.png) repeat-x bottom left; color:#000;  text-shadow:0 1px 0 #fff; padding:0 8px; text-decoration:none; -moz-border-radius-bottomleft:4px; -moz-border-radius-bottomright:4px; -moz-border-radius-topleft:4px; -moz-border-radius-topright:4px; }
 +
ol#controls li.current a{background:#ab0303; color:#fff; text-shadow:none;}
 +
ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
 +
 +
 +
.slider-image-container{position:relative; width:400px; height:300px; float:right; margin-top:28px; }
 +
.post-390 {width:390px; float:left; margin-bottom:20px; text-align:left;}
 +
.post-390.odd {margin-right:40px;}
 +
.post-390 .post-excerpt {line-height:24px;}
 +
.post-390 a.more-link {position:relative; top:-15px;}
 +
.post-391 {width:800px; float:left; margin-bottom:20px; text-align:left;}
 +
.post-391.odd {margin-right:40px;}
 +
.post-391 .post-excerpt {line-height:24px;}
 +
 +
 +
 +
/*footer*/
 +
 +
#footer-wrap {background:url(../images/jacopo/footer-wrap-bg.gif) repeat-x; height:222px; margin:0 auto;}
 +
#footer {width:940px; margin:0 auto; background:url(footer.png) no-repeat; height:222px;}
 +
img.footer-logo {width:251px; height:58px; overflow:hidden; padding:80px 0 0 25px; }
 +
#nav-in-footer {padding:5px 0 0 35px;}
 +
#nav-in-footer ul li{float:left; list-style:none; padding:0 10px 0 0; }
 +
#nav-in-footer ul li a {font-family:verdana; font-size:11px; color:#000; text-shadow:0 1px 0 #fff; font-weight:normal;}
 +
#nav-in-footer ul li a:hover {color:#999999;}
 +
#copyright {clear:both; text-align:center; position:relative; top:32px;}
 +
#copyright p {font-family:verdana; font-size:11px; color:#fff; text-shadow:0 1px 0 #000; text-transform:capitalize;}
 +
a#backtotop {display:block; background:url(arrow-up.png) no-repeat top right; height:30px; width:80px; float:right; padding:5px 32px 0 0; margin:120px 25px 0 0; text-align:right; text-shadow:0 1px 0 #fff;}
 +
a:hover#backtotop {text-shadow:none;}
 +
 +
 +
</style>
 +
<body>
<body>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
Line 258: Line 388:
<div id="slider" style="width: 820px; height: 376px; overflow: hidden; ">
<div id="slider" style="width: 820px; height: 376px; overflow: hidden; ">
<ul style="width: 7380px; margin-left: 0px; ">
<ul style="width: 7380px; margin-left: 0px; ">
-
 
<li style="float: left; ">
<li style="float: left; ">
<div class="left-container">
<div class="left-container">
-
<div class="post-title-large"><a href="http://mc.fearlessflyer.com/archives/122" title="Temporibus autem quibusdam et aut officiis">Discussion Scene</a></div>
+
<div class="post-title-large"><a>History of HIT</a></div>
   
   
-
<div class="post-excerpt"><p>There is a tough problem need to be settled.</p>
+
<div class="post-excerpt"><p>This is the oldest building of Harbin Institute of Technology</p>
</div>  
</div>  
</div>  
</div>  
<div class="slider-image-container">
<div class="slider-image-container">
-
<a class="portfolio-image" href="http://mc.fearlessflyer.com/wp-content/uploads/2009/09/207206_9370.jpg"><img src="magnifyy.png"></a>
+
<a>
-
<a href="http://mc.fearlessflyer.com/wp-content/uploads/2009/09/207206_9370.jpg">
+
<img src="https://static.igem.org/mediawiki/2012/2/23/Shouye1.jpg">
-
<img src="https://static.igem.org/mediawiki/2012/6/6f/Shouye4.jpg">
+
</a>
</a>
</div>  
</div>  
Line 275: Line 403:
<li style="float: left; ">
<li style="float: left; ">
<div class="left-container">
<div class="left-container">
-
<div class="post-title-large"><a href="http://mc.fearlessflyer.com/archives/112" title="Dignissimos ducimus qui blanditiis equal praesentium">Dignissimos ducimus qui blanditiis equal praesentium</a></div>
+
<div class="post-title-large"><a>Centre Street in Snow</a></div>
   
   
-
<div class="post-excerpt"><p>On the other hand, we denounce with righteous indignation and dislike men who are so beguiled and demoralized by the charms of pleasure of the moment, so blinded by desire, that they cannot foresee the pain and trouble that are [...]</p>
+
<div class="post-excerpt"><p>The most famous street with historical buildings</p>
</div>  
</div>  
</div>  
</div>  
<div class="slider-image-container">
<div class="slider-image-container">
-
<a class="portfolio-image" href="http://mc.fearlessflyer.com/wp-content/uploads/2009/09/426208_27083288.jpg"><img src="magnifyy.png"></a>
+
<a>
-
<a href="http://mc.fearlessflyer.com/wp-content/uploads/2009/09/426208_27083288.jpg">
+
<img src="https://static.igem.org/mediawiki/2012/d/da/Shouye2.jpg">
<img src="https://static.igem.org/mediawiki/2012/d/da/Shouye2.jpg">
</a>
</a>
</div>  
</div>  
</li>
</li>
 +
<li style="float: left; ">
<li style="float: left; ">
<div class="left-container">
<div class="left-container">
-
<div class="post-title-large"><a href="http://mc.fearlessflyer.com/archives/84" title="Where Does it Come From?">Where Does it Come From?</a></div>
+
<div class="post-title-large"><a>Project Overview</a></div>
   
   
-
<div class="post-excerpt"><p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, [...]</p>
+
<div class="post-excerpt"><p>A visual description of the whole work we've done</p>
</div>  
</div>  
</div>  
</div>  
<div class="slider-image-container">
<div class="slider-image-container">
-
<a class="portfolio-image" href="http://mc.fearlessflyer.com/wp-content/uploads/2009/09/491329_57132646.jpg"><img src="magnifyy.png"></a>
+
<a>
-
<a href="http://mc.fearlessflyer.com/wp-content/uploads/2009/09/491329_57132646.jpg">
+
<img src="https://static.igem.org/mediawiki/2012/1/14/Shouye3.jpg">
<img src="https://static.igem.org/mediawiki/2012/1/14/Shouye3.jpg">
</a>
</a>
Line 303: Line 430:
<li style="float: left; ">
<li style="float: left; ">
<div class="left-container">
<div class="left-container">
-
<div class="post-title-large"><a href="http://mc.fearlessflyer.com/archives/77" title="Finibus Bonorum et Malorum">Finibus Bonorum et Malorum</a></div>
+
<div class="post-title-large"><a>Discussion Scene</a></div>
   
   
-
<div class="post-excerpt"><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 mollitia animi, id est laborum [...]</p>
+
<div class="post-excerpt"><p>There is a tough problem need to be settled</p>
</div>  
</div>  
</div>  
</div>  
<div class="slider-image-container">
<div class="slider-image-container">
-
<a class="portfolio-image" href="http://mc.fearlessflyer.com/wp-content/uploads/2009/09/825627_12412582.jpg"><img src="magnifyy.png"></a>
+
<a>
-
<a href="http://mc.fearlessflyer.com/wp-content/uploads/2009/09/825627_12412582.jpg">
+
<img src="https://static.igem.org/mediawiki/2012/6/6f/Shouye4.jpg">
 +
</a>
 +
</div>
 +
</li>
 +
<li style="float: left; ">
 +
<div class="left-container">
 +
<div class="post-title-large"><a>Enjoy Dinner</a></div>
 +
 +
<div class="post-excerpt"><p>For the birthday celebration of our former team leader</p>
 +
</div>
 +
</div>
 +
<div class="slider-image-container">
 +
<a>
<img src="https://static.igem.org/mediawiki/2012/a/aa/Shouye5.jpg">
<img src="https://static.igem.org/mediawiki/2012/a/aa/Shouye5.jpg">
 +
</a>
 +
</div>
 +
</li>
 +
<li style="float: left; ">
 +
<div class="left-container">
 +
<div class="post-title-large"><a>HIT iGEM</a></div>
 +
 +
<div class="post-excerpt"><p>We have a wonderful experience in the lab this summer</p>
 +
</div>
 +
</div>
 +
<div class="slider-image-container">
 +
<a>
 +
<img src="https://static.igem.org/mediawiki/2012/8/8c/Shouye6.jpg.jpg">
</a>
</a>
</div>  
</div>  
Line 317: Line 469:
</ul>
</ul>
</div>
</div>
-
<p><br><br><br></p>
 
<div class="post-390 odd">
<div class="post-390 odd">
<div class="post-title">
<div class="post-title">

Revision as of 05:04, 24 September 2012

Detecting Device

We use engineered E. coli.to detect the existence of S.aureus in the environment through sensing the AIPs secreted only from S.aureus, and the report will be shown by the expression of GFP.

Killing Device

The second type is designed to eradicate S.aureus through the production of lysostaphin, which would be released till a certain concentration.

Biofilm Formation Device

In order to increase bactericidal effect, we enhance biofilm formation by over-expression of yddV, a di-guanylate cyclase, which catalyzes GTP into c-di-GMP.

Application

The system we have designed can be applied to the pools which contain flowing water with existence of S.aureus. For further application, this device can developed for medical use.

About us

The HIT-Harbin team is composed of 15 motivated students across a wide range of academic backgrounds this year: from freshman to senior, from biology to electromechanics. The identical dream makes us together to share a passion for science, stay-up late in the lab and learn. We're currently taking great efforts to make it and enjoying the happiness and sadness it bring to us.

Sponsors

Retrieved from "http://2012.igem.org/Team:HIT-Harbin"