View source for Team:Jilin China/Lab Safety

{{Jilin_China}}

<html>

	<div class="banner"><div class="menu">Lab Safety</div><img src="https://static.igem.org/mediawiki/2017/b/b1/T--Jilin_China--_sec_bg_t.jpg"></div>
    
    <div class="sec_box">
    	<div class="h1_title">Project safety</div>
		<div class="h1_content">
			<p>
                           There are growing concerns about bio-safety around the world. Potential bio-threaten of genetically engineered microorganism to human health and ecology has drawn people’s attention over the years. 
                        </p><p>
                           Taking biosafety into major consideration, 2017 Jilin_China designed Geneguard system to achieve self-regulation of <i>E. coli</i> growth. Our Geneguard system was based on natural type IV toxin/antitoxin(TA) system. CbtA, the toxin, inhibits the polymerization of bacterial cytoskeletal proteins, MreB and FtsZ. On the contrary, CbeA, the antitoxin, binds to MreB and FtsZ and promotes the assembly of FtsZ and MreB filaments. The growth of engineered bacterium was suppressed when toxin was expressed. When antitoxin was induced, the toxicity could be blocked and the bacteria grew normally.
                        </p><p>
                            With the utilization of Geneguard system, risk of escaping of engineered bacteria can be reduced. 
                        </p>
		</div>
		
		<div class="h1_title">General Laboratory Safety</div>
		<div class="h1_content">
			<p>Prior to starting our wet lab work, all our team members learned the laboratory safety principle of our school and took a training about experimental equipment using. Those preparations allowed us to keep in mind the potential safety issues in the lab we were going to work in and what we should do to deal with emergency problems.</p>
			<p>The principle of laboratory safety could be summarized as following: </p>
			<p>- Protective equipment should be wore to avoid direct contact with pathogenic microorganism or toxic chemicals.</p>
			<p>- Keep in mind the location of emergency showers and eyewash, as well as the fire blanket and fire extinguisher.</p>
			<p>- Different classes of chemicals should be stored at appropriate condition.</p>
			<p>- Biological safety hazard waste should be collected and handled in specific ways.</p>
			<div align="center" width="100%">
				<img src="https://static.igem.org/mediawiki/2017/0/00/T--Jilin_China--lab_safety01.jpeg" width="48%" />
				<img src="https://static.igem.org/mediawiki/2017/6/60/T--Jilin_China--lab_safety02.jpeg"  width="48%"/><br /><br />
				<img src="https://static.igem.org/mediawiki/2017/f/fb/T--Jilin_China--lab_safety03.jpeg" width="35%" height="96%"/>
				<img src="https://static.igem.org/mediawiki/2017/2/28/T--Jilin_China--lab_safety04.jpeg" width="61%" height="102%"/><br /><br />
			</div>
		</div>

	</div>
	
<script>
$(function() {
	function DirectoryNav($h,config){
        this.opts = $.extend(true,{
            scrollThreshold:0.5,
            scrollSpeed:700,
            scrollTopBorder:400,
            easing: 'swing',
            delayDetection:200,
            scrollChange:function(){}
        },config);
        this.$win = $(window);
        this.$h = $h;
        this.$pageNavList = "";
        this.$pageNavListLis ="";
        this.$curTag = "";
        this.$pageNavListLiH = "";
        this.offArr = [];
        this.curIndex = 0;
        this.scrollIng = false;
        this.init();
    }
    DirectoryNav.prototype = {
        init:function(){
            this.make();
            var Thisss = this;
			setInterval(function(){
				Thisss.offArr = [];
	            Thisss.$h.each(function(){
	                var $This = $(this),
	                    offT = Math.round($This.offset().top);
	                Thisss.offArr.push(offT-200);
	            });
			},1000);
            this.bindEvent();
        },
        make:function(){
            $("body").append('<div class="directory-nav" id="directoryNav"><ul></ul><span class="cur-tag"></span><span class="c-top"></span><span class="c-bottom"></span><span class="line"></span></div>');
            var $hs = this.$h,
                $directoryNav = $("#directoryNav"),
                temp = [],
                index1 = 0,
                index2 = 0;
            $hs.each(function(index){
                var $this = $(this),
                        text = $this.text();
                if(!$this.hasClass("h2_title")){
                    index1++;
                    if(index1%2==0) index2 = 0;
                    temp.push('<li class="l1"><span class="c-dot"></span><a class="l1-text">'+text+'</a></li>');
                }else{
                    index2++;
                    temp.push('<li class="l2"><a class="l2-text">'+text+'</a></li>');
                }
            });
            $directoryNav.find("ul").html(temp.join(""));
            this.$pageNavList = $directoryNav;
            this.$pageNavListLis = this.$pageNavList.find("li");
            this.$curTag = this.$pageNavList.find(".cur-tag");
            this.$pageNavListLiH = this.$pageNavListLis.eq(0).height();
            if(!this.opts.scrollTopBorder){
                this.$pageNavList.show();
            }
        },
        posTag:function(top){
            this.$curTag.css({top:top+'px'});
        },
        ifPos:function(st){
            var offArr = this.offArr;
            var windowHeight = Math.round(this.$win.height());
            for(var i=0;i<offArr.length;i++){
                if((offArr[i] - windowHeight + 650) < st) {
                    var $curLi = this.$pageNavListLis.eq(i),
                        tagTop = $curLi.position().top;
                    $curLi.addClass("cur").siblings("li").removeClass("cur");
                    if($curLi.hasClass("l2")){
                    	this.$curTag.addClass("cur2");
                    }else{
                    	this.$curTag.removeClass("cur2");
                    }
                    this.curIndex = i;
                    this.posTag(tagTop-6);
                    this.opts.scrollChange.call(this);
                }
            }
        },
        bindEvent:function(){
            var This = this,
                show = false,
                timer = 0;
            this.$win.on("scroll",function(){
                var $this = $(this);
                clearTimeout(timer);
                timer = setTimeout(function(){
                    This.scrollIng = true;
                    if($this.scrollTop()>This.opts.scrollTopBorder){
                        if(!This.$pageNavListLiH) This.$pageNavListLiH = This.$pageNavListLis.eq(0).height();
                        if(!show){
                            This.$pageNavList.fadeIn();
                            show = true;
                        }
                        This.ifPos( $(this).scrollTop() );
                    }else{
                        if(show){
                            This.$pageNavList.fadeOut();
                            show = false;
                        }
                    }
                },This.opts.delayDetection);
            });
            this.$pageNavList.on("click","li",function(){
                var $this = $(this),
                    index = $this.index();
                This.scrollTo(This.offArr[index]);
            })
        },
        scrollTo: function(offset,callback) {
            var This = this;
            $('html,body').animate({
                scrollTop: offset
            }, this.opts.scrollSpeed, this.opts.easing, function(){
                This.scrollIng = false;
                if(callback){
                	if(this.tagName.toLowerCase()=='body'){
                		callback();
                	}
                }
            });
        }
    };
	var directoryNav = new DirectoryNav($(".h1_title,.h2_title"),{
        scrollTopBorder:400
    });
});
</script>
</html>