Team:HIT-Harbin

From 2012.igem.org

(Difference between revisions)
 
(28 intermediate revisions not shown)
Line 4: Line 4:
-
<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"></script>
 +
<script type="text/javascript" src="https://2012.igem.org/Team:HIT-Harbin/script.js?action=raw&ctype=text/javascript"></script>
<script type="text/javascript">
<script type="text/javascript">
-
z
 
-
(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 223: 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="https://2012.igem.org/Team:HIT-Harbin/project/part1" 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="https://2012.igem.org/Team:HIT-Harbin/project/part2" 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="https://2012.igem.org/Team:HIT-Harbin/project/part3" 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="https://2012.igem.org/Team:HIT-Harbin/project/model" title="MODEL">MODEL</a></li>
+
<li class="page_item page-item-136"><a href="https://2012.igem.org/Team:HIT-Harbin/project/model" title="MODELING">MODELING</a></li>
<li class="page_item page-item-136"><a href="https://2012.igem.org/Team:HIT-Harbin/project/application" title="APPLICATION">APPLICATION</a></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>
Line 249: Line 71:
<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/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="SOFTRWARE">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>
+
 
</ul>
</ul>
</li>
</li>
Line 293: 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 337: 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 343: Line 165:
</ul>
</ul>
</div>
</div>
-
<ol id="controls"><li id="controls1" class="current"><a rel="0" href="javascript:void(0);">1</a></li><li id="controls2" class=""><a rel="1" href="javascript:void(0);">2</a></li><li id="controls3" class=""><a rel="2" href="javascript:void(0);">3</a></li><li id="controls4" class=""><a rel="3" href="javascript:void(0);">4</a></li><li id="controls5" class=""><a rel="4" href="javascript:void(0);">5</a></li><li id="controls6" class=""><a rel="5" href="javascript:void(0);">6</a></li></ol>
+
 
<div class="post-390 odd">
<div class="post-390 odd">
<div class="post-title">
<div class="post-title">
<a href = "https://2012.igem.org/Team:HIT-Harbin/project/part1">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 356: Line 178:
<a href = "https://2012.igem.org/Team:HIT-Harbin/project/part2">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>
Line 364: Line 186:
<a href = "https://2012.igem.org/Team:HIT-Harbin/project/part3">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 372: Line 194:
<a href = "https://2012.igem.org/Team:HIT-Harbin/project/application">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>
Line 382: Line 204:
</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 424: Line 246:
</div><!--post-content-->
</div><!--post-content-->
-
 
+
<p><a id="backtotop" href="https://2012.igem.org/Team:HIT-Harbin#header">Back to Top</a></p>
-
 
+
-
</div><!--post-390-->
+
-
 
+
</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