Team:HIT-Harbin

From 2012.igem.org

(Difference between revisions)
 
(58 intermediate revisions not shown)
Line 1: Line 1:
 +
{{tempalte:HIT-Harbin}}
<html>
<html>
-
<style>
+
<body>
-
* {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;}
 
-
 
+
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
-
 
+
<script type="text/javascript" src="https://2012.igem.org/Team:HIT-Harbin/script.js?action=raw&ctype=text/javascript"></script>
-
#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>
+
-
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
+
<script type="text/javascript">
<script type="text/javascript">
-
 
-
(function($) {
 
-
    $.fn.easySlider = function(options) {
 
-
        var defaults = {
 
-
            prevId: 'prevBtn',
 
-
            prevText: 'Previous',
 
-
            nextId: 'nextBtn',
 
-
            nextText: 'Next',
 
-
            controlsShow: true,
 
-
            controlsBefore: '',
 
-
            controlsAfter: '',
 
-
            controlsFade: true,
 
-
            firstId: 'firstBtn',
 
-
            firstText: 'First',
 
-
            firstShow: false,
 
-
            lastId: 'lastBtn',
 
-
            lastText: 'Last',
 
-
            lastShow: false,
 
-
            vertical: false,
 
-
            speed: 400,
 
-
            auto: false,
 
-
            pause: 2000,
 
-
            continuous: false,
 
-
            numeric: false,
 
-
            numericId: 'controls'
 
-
        };
 
-
        var options = $.extend(defaults, options);
 
-
        this.each(function() {
 
-
            var obj = $(this);
 
-
            var s = $("li", obj).length;
 
-
            var w = $("li", obj).width();
 
-
            var h = $("li", obj).height();
 
-
            var clickable = true;
 
-
            obj.width(w);
 
-
            obj.height(h);
 
-
            obj.css("overflow", "hidden");
 
-
            var ts = s - 1;
 
-
            var t = 0;
 
-
            $("ul", obj).css('width', s * w);
 
-
            if (options.continuous) {
 
-
                $("ul", obj).prepend($("ul li:last-child", obj).clone().css("margin-left", "-" + w + "px"));
 
-
                $("ul", obj).append($("ul li:nth-child(2)", obj).clone());
 
-
                $("ul", obj).css('width', (s + 1) * w);
 
-
            };
 
-
            if (!options.vertical) $("li", obj).css('float', 'left');
 
-
            if (options.controlsShow) {
 
-
                var html = options.controlsBefore;
 
-
                if (options.numeric) {
 
-
                    html += '<ol id="' + options.numericId + '"></ol>';
 
-
                } else {
 
-
                    if (options.firstShow) html += '<span id="' + options.firstId + '"><a href=\"javascript:void(0);\">' + options.firstText + '</a></span>';
 
-
                    html += ' <span id="' + options.prevId + '"><a href=\"javascript:void(0);\">' + options.prevText + '</a></span>';
 
-
                    html += ' <span id="' + options.nextId + '"><a href=\"javascript:void(0);\">' + options.nextText + '</a></span>';
 
-
                    if (options.lastShow) html += ' <span id="' + options.lastId + '"><a href=\"javascript:void(0);\">' + options.lastText + '</a></span>';
 
-
                };
 
-
                html += options.controlsAfter;
 
-
                $(obj).after(html);
 
-
            };
 
-
            if (options.numeric) {
 
-
                for (var i = 0; i < s; i++) {
 
-
                    $(document.createElement("li")).attr('id', options.numericId + (i + 1)).html('<a rel=' + i + ' href=\"javascript:void(0);\">' + (i + 1) + '</a>').appendTo($("#" + options.numericId)).click(function() {
 
-
                        animate($("a", $(this)).attr('rel'), true);
 
-
                    });
 
-
                };
 
-
            } else {
 
-
                $("a", "#" + options.nextId).click(function() {
 
-
                    animate("next", true);
 
-
                });
 
-
                $("a", "#" + options.prevId).click(function() {
 
-
                    animate("prev", true);
 
-
                });
 
-
                $("a", "#" + options.firstId).click(function() {
 
-
                    animate("first", true);
 
-
                });
 
-
                $("a", "#" + options.lastId).click(function() {
 
-
                    animate("last", true);
 
-
                });
 
-
            };
 
-
            function setCurrent(i) {
 
-
                i = parseInt(i) + 1;
 
-
                $("li", "#" + options.numericId).removeClass("current");
 
-
                $("li#" + options.numericId + i).addClass("current");
 
-
            };
 
-
            function adjust() {
 
-
                if (t > ts) t = 0;
 
-
                if (t < 0) t = ts;
 
-
                if (!options.vertical) {
 
-
                    $("ul", obj).css("margin-left", (t * w * -1));
 
-
                } else {
 
-
                    $("ul", obj).css("margin-left", (t * h * -1));
 
-
                }
 
-
                clickable = true;
 
-
                if (options.numeric) setCurrent(t);
 
-
            };
 
-
            function animate(dir, clicked) {
 
-
                if (clickable) {
 
-
                    clickable = false;
 
-
                    var ot = t;
 
-
                    switch (dir) {
 
-
                    case "next":
 
-
                        t = (ot >= ts) ? (options.continuous ? t + 1 : ts) : t + 1;
 
-
                        break;
 
-
                    case "prev":
 
-
                        t = (t <= 0) ? (options.continuous ? t - 1 : 0) : t - 1;
 
-
                        break;
 
-
                    case "first":
 
-
                        t = 0;
 
-
                        break;
 
-
                    case "last":
 
-
                        t = ts;
 
-
                        break;
 
-
                    default:
 
-
                        t = dir;
 
-
                        break;
 
-
                    };
 
-
                    var diff = Math.abs(ot - t);
 
-
                    var speed = diff * options.speed;
 
-
                    if (!options.vertical) {
 
-
                        p = (t * w * -1);
 
-
                        $("ul", obj).animate({
 
-
                            marginLeft: p
 
-
                        },
 
-
                        {
 
-
                            queue: false,
 
-
                            duration: speed,
 
-
                            complete: adjust
 
-
                        });
 
-
                    } else {
 
-
                        p = (t * h * -1);
 
-
                        $("ul", obj).animate({
 
-
                            marginTop: p
 
-
                        },
 
-
                        {
 
-
                            queue: false,
 
-
                            duration: speed,
 
-
                            complete: adjust
 
-
                        });
 
-
                    };
 
-
                    if (!options.continuous && options.controlsFade) {
 
-
                        if (t == ts) {
 
-
                            $("a", "#" + options.nextId).hide();
 
-
                            $("a", "#" + options.lastId).hide();
 
-
                        } else {
 
-
                            $("a", "#" + options.nextId).show();
 
-
                            $("a", "#" + options.lastId).show();
 
-
                        };
 
-
                        if (t == 0) {
 
-
                            $("a", "#" + options.prevId).hide();
 
-
                            $("a", "#" + options.firstId).hide();
 
-
                        } else {
 
-
                            $("a", "#" + options.prevId).show();
 
-
                            $("a", "#" + options.firstId).show();
 
-
                        };
 
-
                    };
 
-
                    if (clicked) clearTimeout(timeout);
 
-
                    if (options.auto && dir == "next" && !clicked) {;
 
-
                        timeout = setTimeout(function() {
 
-
                            animate("next", false);
 
-
                        },
 
-
                        diff * options.speed + options.pause);
 
-
                    };
 
-
                };
 
-
            };
 
-
            var timeout;
 
-
            if (options.auto) {;
 
-
                timeout = setTimeout(function() {
 
-
                    animate("next", false);
 
-
                },
 
-
                options.pause);
 
-
            };
 
-
            if (options.numeric) setCurrent(0);
 
-
            if (!options.continuous && options.controlsFade) {
 
-
                $("a", "#" + options.prevId).hide();
 
-
                $("a", "#" + options.firstId).hide();
 
-
            };
 
-
        });
 
-
    };
 
-
})(jQuery);
 
-
 
$(document).ready(function(){
$(document).ready(function(){
$("#slider").easySlider({
$("#slider").easySlider({
Line 334: Line 28:
if (window.attachEvent) window.attachEvent("onload", sfHover);
if (window.attachEvent) window.attachEvent("onload", sfHover);
</script>
</script>
 +
 +
<div id="header">
-
<div id="header">
 
<div id="nav">
<div id="nav">
<ul id="nav2">
<ul id="nav2">
-
<li class="page_item page-item-14 current_page_item"><a href="https://2012.igem.org/Team:HIT-Harbin" title="Alternate Home Page">Home</a></li>
+
<li class="page_item page-item-14 current_page_item"><a href="https://2012.igem.org/Team:HIT-Harbin" title="Home">Home</a></li>
-
<li class="page_item page-item-39 "><a href="https://2012.igem.org/Team:HIT-Harbin/team" title="TEAM">TEAM</a>
+
<li class="page_item page-item-39 "><a href="https://2012.igem.org/Team:HIT-Harbin/team" title="Alternate Home Page">TEAM</a>
<ul class="children">
<ul class="children">
-
<li class="page_item page-item-136"><a href="https://2012.igem.org/Team:HIT-Harbin/team" title="OVERVIEW">OVERVIEW</a>
+
<li class="page_item page-item-136"><a href="https://2012.igem.org/Team:HIT-Harbin/team" title="OVERVIEW">OVERVIEW</a></li>
<li class="page_item page-item-136"><a href="https://2012.igem.org/Team:HIT-Harbin/team/undergraduates" title="UNDERGRADUATES">UNDERGRADUATES</a></li>
<li class="page_item page-item-136"><a href="https://2012.igem.org/Team:HIT-Harbin/team/undergraduates" title="UNDERGRADUATES">UNDERGRADUATES</a></li>
<li class="page_item page-item-136"><a href="https://2012.igem.org/Team:HIT-Harbin/team/facilitators" title="FACILITATORS">FACILITATORS</a></li>
<li class="page_item page-item-136"><a href="https://2012.igem.org/Team:HIT-Harbin/team/facilitators" title="FACILITATORS">FACILITATORS</a></li>
-
<li class="page_item page-item-136"><a href="https://2012.igem.org/Team:HIT-Harbin/team/abouttheuniversity" title="ABOUT THE UNIVERSITY">ABOUT THE UNIVERSITY</a>
+
<li class="page_item page-item-136"><a href="https://2012.igem.org/Team:HIT-Harbin/team/abouttheuniversity" title="ABOUT THE UNIVERSITY">ABOUT THE UNIVERSITY</a></li>
-
</li>
+
</ul>
</ul>
</li>
</li>
Line 351: Line 45:
<ul class="children">
<ul class="children">
<li class="page_item page-item-136"><a href="https://2012.igem.org/Team:HIT-Harbin/project" title="OVERVIEW">OVERVIEW</a></li>
<li class="page_item page-item-136"><a href="https://2012.igem.org/Team:HIT-Harbin/project" title="OVERVIEW">OVERVIEW</a></li>
-
<li class="page_item page-item-136"><a href="PROJECT.PART 1.html" title="PART 1">PART 1</a></li>
+
<li class="page_item page-item-136"><a href="https://2012.igem.org/Team:HIT-Harbin/project/part1" title="BIOSENSOR">BIOSENSOR</a></li>
-
<li class="page_item page-item-136"><a href="PROJECT.PART 2.html" title="PART 2">PART 2</a></li>
+
<li class="page_item page-item-136"><a href="https://2012.igem.org/Team:HIT-Harbin/project/part2" title="BIOKILLER">BIOKILLER</a></li>
-
<li class="page_item page-item-136"><a href="PROJECT.PART 3.html" title="PART 3">PART 3</a></li>
+
<li class="page_item page-item-136"><a href="https://2012.igem.org/Team:HIT-Harbin/project/part3" title="BIOFILM">BIOFILM</a></li>
-
<li class="page_item page-item-136"><a href="PROJECT.Application.html" title="Application">Application</a>
+
<li class="page_item page-item-136"><a href="https://2012.igem.org/Team:HIT-Harbin/project/model" title="MODELING">MODELING</a></li>
-
</li>
+
<li class="page_item page-item-136"><a href="https://2012.igem.org/Team:HIT-Harbin/project/application" title="APPLICATION">APPLICATION</a></li>
</ul>
</ul>
</li>
</li>
-
<li class="page_item page-item-39 c"><a href="PARTS.html" title="PARTS<">PARTS</a>
+
 
-
</li>
+
<li class="page_item page-item-39 "><a href="https://2012.igem.org/Team:HIT-Harbin/parts" title="PARTS">PARTS</a></li>
-
<li class="page_item page-item-39 "><a href="https://2012.igem.org/Team:HIT-Harbin/team/safety" title="SAFETY">SAFETY </a>
+
 
-
</li>
+
<li class="page_item page-item-39 "><a href="https://2012.igem.org/Team:HIT-Harbin/team/safety" title="SAFETY">SAFETY </a></li>
 +
 
 +
 
<li class="page_item page-item-39 "><a href="https://2012.igem.org/Team:HIT-Harbin/project/notebook/diary" title="Alternate Home Page">NOTEBOOK</a>
<li class="page_item page-item-39 "><a href="https://2012.igem.org/Team:HIT-Harbin/project/notebook/diary" title="Alternate Home Page">NOTEBOOK</a>
<ul class="children">
<ul class="children">
<li class="page_item page-item-136"><a href="https://2012.igem.org/Team:HIT-Harbin/project/notebook/diary" title="DIARY">DIARY</a></li>
<li class="page_item page-item-136"><a href="https://2012.igem.org/Team:HIT-Harbin/project/notebook/diary" title="DIARY">DIARY</a></li>
-
<li class="page_item page-item-136"><a href="NOTEBOOK.PROTOCOL.html" title="PROTOCOL">PROTOCOL</a></li>
+
<li class="page_item page-item-136"><a href="https://2012.igem.org/Team:HIT-Harbin/notebook/protocol" title="PROTOCOL">PROTOCOL</a></li>
-
<li class="page_item page-item-136"><a href="NOTEBOOK.Attributions.html" title="Attributions<">Attributions</a></li>
+
<li class="page_item page-item-136"><a href="https://2012.igem.org/Team:HIT-Harbin/notebook/attribution" title="ATTRIBUTION">ATTRIBUTION</a></li>
-
</li>
+
</ul>
</ul>
</li>
</li>
 +
 +
<li class="page_item page-item-39 "><a href="https://2012.igem.org/Team:HIT-Harbin/humanpractice/lecture" title="HUMAN PRACTICE">HUMAN PRACTICE</a>
<li class="page_item page-item-39 "><a href="https://2012.igem.org/Team:HIT-Harbin/humanpractice/lecture" title="HUMAN PRACTICE">HUMAN PRACTICE</a>
<ul class="children">
<ul class="children">
-
<li class="page_item page-item-136"><a href="https://2012.igem.org/Team:HIT-Harbin/humanpractice/lecture" title="LECTURE">LECTURE</a>
+
<li class="page_item page-item-136"><a href="https://2012.igem.org/Team:HIT-Harbin/humanpractice/lecture" title="LECTURE">LECTURE</a></li>
-
<li class="page_item page-item-136"><a href="https://2012.igem.org/Team:HIT-Harbin/humanpractice/software" title="THE SOFTRWARE">THE SOFTRWARE</a></li>
+
<li class="page_item page-item-136"><a href="https://2012.igem.org/Team:HIT-Harbin/humanpractice/software" title="SOFTRWARE">SOFTRWARE</a></li>
-
<li class="page_item page-item-136"><a href="https://2012.igem.org/Team:HIT-Harbin/humanpractice/song" title="THE SONG">THE SONG</a></li>
+
 
-
</li>
+
</ul>
</ul>
</li>
</li>
Line 381: Line 77:
</ul>
</ul>
</div>  
</div>  
-
</div>
+
</div>  
-
 
+
   
   
<div id="wrap">
<div id="wrap">
Line 388: Line 83:
<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">
Line 419: Line 115:
<div class="post-title-large"><a>Project Overview</a></div>
<div class="post-title-large"><a>Project Overview</a></div>
   
   
-
<div class="post-excerpt"><p>A visual description of the whole work we've done</p>
+
<div class="post-excerpt"><p>A visual description of the whole lab work we've done</p>
</div>  
</div>  
</div>  
</div>  
<div class="slider-image-container">
<div class="slider-image-container">
<a>
<a>
-
<img src="https://static.igem.org/mediawiki/2012/1/14/Shouye3.jpg">
+
<img src="https://static.igem.org/mediawiki/2012/8/83/Shouye33.png">
</a>
</a>
</div>  
</div>  
Line 463: Line 159:
<div class="slider-image-container">
<div class="slider-image-container">
<a>
<a>
-
<img src="https://static.igem.org/mediawiki/2012/8/8c/Shouye6.jpg.jpg">
+
<img src="https://static.igem.org/mediawiki/2012/8/8c/Shouye6.jpg">
</a>
</a>
</div>  
</div>  
Line 469: Line 165:
</ul>
</ul>
</div>
</div>
 +
<div class="post-390 odd">
<div class="post-390 odd">
<div class="post-title">
<div class="post-title">
-
<a>Detecting Device</a>
+
<a href = "https://2012.igem.org/Team:HIT-Harbin/project/part1">Detecting Device</a>
</div>
</div>
-
<div class="post-excerpt">
+
<div class="post-excerpte">
<p>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.</p>
<p>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.</p>
</div>
</div>
Line 479: Line 176:
<div class="post-390 even">
<div class="post-390 even">
<div class="post-title">
<div class="post-title">
-
<a>Killing Device</a>
+
<a href = "https://2012.igem.org/Team:HIT-Harbin/project/part2">Killing Device</a>
</div>
</div>
-
<div class="post-excerpt">
+
<div class="post-excerpte">
-
<p>The second type is designed to eradicate S.aureus through the production of lysostaphin, which would be released till a certain concentration.</p>
+
<p>The construct is designed to eradicate S.aureus through the production of lysostaphin, which would be released till a certain concentration.</p>
</div>
</div>
</div>
</div>
<div class="post-390 odd">
<div class="post-390 odd">
<div class="post-title">
<div class="post-title">
-
<a>Biofilm Formation Device</a>
+
<a href = "https://2012.igem.org/Team:HIT-Harbin/project/part3">Biofilm Formation Device</a>
</div>
</div>
-
<div class="post-excerpt">
+
<div class="post-excerpte">
<p>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. </p>
<p>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. </p>
</div>
</div>
Line 495: Line 192:
<div class="post-390 even">
<div class="post-390 even">
<div class="post-title">
<div class="post-title">
-
<a>Application</a>
+
<a href = "https://2012.igem.org/Team:HIT-Harbin/project/application">Application</a>
</div>
</div>
-
<div class="post-excerpt">
+
<div class="post-excerpte">
<p>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.</p>
<p>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.</p>
</div>
</div>
</div>
</div>
-
 
-
 
-
 
-
 
<div class="post-391 odd">
<div class="post-391 odd">
<div class="post-title">
<div class="post-title">
-
<a title="About us">About us</a>
+
<a href="https://2012.igem.org/Team:HIT-Harbin/team" title="About us">About us</a>
</div><!--post-title-->
</div><!--post-title-->
-
<div class="post-excerpt">
+
<div class="post-excerpte">
-
<p>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.</p>
+
<p>&nbsp;&nbsp;&nbsp;&nbsp;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.</p>
</div><!--post-content-->
</div><!--post-content-->
Line 519: Line 212:
<div class="post-391 odd">
<div class="post-391 odd">
<div class="post-titlee">
<div class="post-titlee">
-
<a  title="About us">Sponsors</a>
+
<a  title="SPONSORS">SPONSORS</a>
</div><!--post-title-->
</div><!--post-title-->
<div class="post-excerpt">
<div class="post-excerpt">
-
<a href="https://static.igem.org/mediawiki/2012/c/c8/HIT-logo.jpg">
+
 
 +
<a href="http://www.hit.edu.cn/">
<img  src="https://static.igem.org/mediawiki/2012/c/c8/HIT-logo.jpg">
<img  src="https://static.igem.org/mediawiki/2012/c/c8/HIT-logo.jpg">
</a>
</a>
-
<a href="https://static.igem.org/mediawiki/2012/1/13/HIT-Food.jpg">
+
<a href="http://food.hit.edu.cn/">
<img  src="https://static.igem.org/mediawiki/2012/1/13/HIT-Food.jpg">
<img  src="https://static.igem.org/mediawiki/2012/1/13/HIT-Food.jpg">
</a>
</a>
-
</div><!--post-content-->
+
<a href="http://hituc.hit.edu.cn:2011/out.do?viewType=outViewIndex">
 +
<img  src="https://static.igem.org/mediawiki/2012/c/c5/J1.JPG">
 +
</a>
 +
<a href="http://www.international.hit.edu.cn/">
 +
<img  src="https://static.igem.org/mediawiki/2012/9/97/J2.JPG">
 +
</a>
 +
<a href="http://syxy.hit.edu.cn/">
 +
<img  src="https://static.igem.org/mediawiki/2012/9/9c/J3.JPG">
 +
</a>
 +
<a href="http://student.hit.edu.cn/">
 +
<img  src="https://static.igem.org/mediawiki/2012/8/87/J4.JPG">
 +
</a>
 +
<a href="http://www.hlje.net/">
 +
<img  src="https://static.igem.org/mediawiki/2012/d/d8/J5.JPG">
 +
</a>
 +
<a href="http://jcxb.hit.edu.cn/">
 +
<img  src="https://static.igem.org/mediawiki/2012/e/e5/J6.JPG">
 +
</a>
-
</div><!--post-390-->
+
</div><!--post-content-->
 +
<p><a id="backtotop" href="https://2012.igem.org/Team:HIT-Harbin#header">Back to Top</a></p>
</div>  
</div>  
</div>  
</div>  
 +
</div>
 +
</div>
</body>
</body>
</html>
</html>

Latest revision as of 13:59, 17 September 2013

HIT-Harbin

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 construct 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

Back to Top

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