Team:OUC-China/Safety

From 2012.igem.org

(Difference between revisions)
 
(36 intermediate revisions not shown)
Line 1: Line 1:
<html>
<html>
-
<style type="text/css">                         /*change the original page*/
+
<head>
-
#search-controls,#p-logo{
+
<link rel="stylesheet" href="http://1.oucigem.sinaapp.com/oucigem2012-nav.css"><!--nav css-->
-
display:none;
+
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script><!--jquery js-->
 +
<script type="text/javascript" src="http://1.oucigem.sinaapp.com/OUC-nav.js"></script><!--nav js-->
 +
<link rel="stylesheet" href="http://1.oucigem.sinaapp.com/down-icon.css"><!--download pdf css-->
 +
<style>
 +
#back-top {
 +
position: fixed;
 +
bottom: 60px;
 +
margin-left: 1160px;
}
}
-
.right-menu li a { background:transparent;top:-6px;}
+
#back-top a {
-
.firstHeading{display:none;}                                                   /*demo.css*/
+
width:85px;
-
#content{width:100%;
+
display: block;
-
        padding:0px;       }
+
text-align: center;
-
#contentSub{display:none;}
+
font: 11px/100% Arial, Helvetica, sans-serif;
-
#top-section {
+
text-transform: uppercase;
-
        border-bottom:0px;
+
text-decoration: none;
-
height:0px;
+
color: #bbb;
-
background:transparent;
+
-webkit-transition: 1s;
-
        width:100%;
+
-moz-transition: 1s;
 +
transition: 1s;
 +
}
 +
#back-top a:hover {
 +
color: #000;
 +
}
 +
#back-top span {
 +
width: 85px;
 +
height: 85px;
 +
display: block;
 +
margin-bottom: 7px;
 +
background: #B9B7B7 url(https://static.igem.org/mediawiki/2012/5/5e/Ouc-2012-up-arrow.png) no-repeat center center;
 +
-webkit-border-radius: 15px;
 +
-moz-border-radius: 15px;
 +
border-radius: 15px;
 +
-webkit-transition: 1s;
 +
-moz-transition: 1s;
 +
transition: 1s;
 +
}
 +
#back-top a:hover span {
 +
background-color: #777;
 +
}
 +
*{
 +
margin:0;
 +
padding:0;
 +
}
 +
body{
 +
background:url("https://static.igem.org/mediawiki/2012/b/b5/Ouc-project-background.png") repeat;
 +
padding:0;
 +
margin:0;
 +
overflow-x:auto;
 +
font: 500 12px/1.625 "Helvetica Neue", Helvetica, Arial, sans-serif;
 +
}
 +
#page{
 +
margin-left:60px;
 +
}
 +
.article-list {
 +
width: 709px;
 +
float: left;
 +
display: inline;
 +
padding-left: 300px;
 +
height: auto!important;
 +
min-height: 610px;
 +
margin-bottom: 30px;
 +
padding-top:28px;
 +
}
 +
.article-list .list-box {
 +
width:805px;
 +
background: url(http://1.oucigem.sinaapp.com/content-bg.png) repeat-y;
 +
}
 +
.article-list .list-box .list-text{
 +
margin-left:30px;
 +
margin-right:30px;
 +
}
 +
.article-list .list-box h1{
 +
color:#444;
 +
margin-bottom: 18px;
 +
}
 +
.article-list .list-box h2{
 +
font-size: 18px;
 +
border-bottom: 1px solid #DDD;
 +
padding: 8px;
 +
margin-bottom: 3px;
 +
}
 +
.article-list .list-box h3{
 +
margin-top:6px;
 +
}
 +
.article-list .list-box p{
 +
font-family:Arial, sans-serif;
 +
font-size:16px;
 +
color: #222;
 +
}
 +
.article-list .list-text span{
 +
margin-left:15px;
 +
}
 +
.article-list .list-text sub{
 +
margin-left:90px;
 +
}
 +
.article-list .start{
 +
width:805px;
 +
background: url(http://1.oucigem.sinaapp.com/essay-start.png) no-repeat;
 +
height: 20px;
 +
}
 +
.article-list .end {
 +
width: 805px;
 +
background: url(https://static.igem.org/mediawiki/2012/7/7a/Ouc-Essay-end.png) no-repeat;
 +
height: 18px;
}
}
-
<body>
 
-
<div class="index_header_wrp">
 
-
    <div class="index_header">
 
-
        <a href="" class="login_logo"></a>
 
-
    </div>
 
-
</div>
 
-
<div class="index_bg">
 
-
<ul id="nav">
 
-
<li><a href="">Home</a></li>
 
-
<li><a href="">Team</a></li>
 
-
<li><a href="">Project</a></li>
 
-
<li><a href="">Modeling</a></li>
 
-
<li><a href="">Notebook</a></li>
 
-
<li><a href="">Safety</a></li>
 
-
</ul>
 
-
<div class="wrapper">
 
-
                <div id="ei-slider" class="ei-slider">
 
-
                    <ul class="ei-slider-large">
 
-
<li>
 
-
                            <img src="https://static.igem.org/mediawiki/2012/e/e2/OUC-China-KangLi.jpg" alt="Kang Li"/>
 
-
                            <div class="ei-title">
 
-
                                <h2>Captain </h2>
 
-
                                <h3>Kang Li</h3>
 
-
                            </div>
 
-
                        </li>
 
-
                        <li>
 
-
                            <img src="https://static.igem.org/mediawiki/2012/e/e2/OUC-China-KangLi.jpg" alt="image01" />
 
-
                            <div class="ei-title">
 
-
                                <h2>Creative</h2>
 
-
                                <h3>Geek</h3>
 
-
                            </div>
 
-
                        </li>
 
-
                        <li>
 
-
                            <img src="https://static.igem.org/mediawiki/2012/e/e2/OUC-China-KangLi.jpg" alt="image02" />
 
-
                            <div class="ei-title">
 
-
                                <h2>Friendly</h2>
 
-
                                <h3>Devil</h3>
 
-
                            </div>
 
-
                        </li>
 
-
                        <li>
 
-
                            <img src="https://static.igem.org/mediawiki/2012/e/e2/OUC-China-KangLi.jpg" alt="image03"/>
 
-
                            <div class="ei-title">
 
-
                                <h2>Tranquilent</h2>
 
-
                                <h3>Compatriot</h3>
 
-
                            </div>
 
-
                        </li>
 
-
                        <li>
 
-
                            <img src="https://static.igem.org/mediawiki/2012/e/e2/OUC-China-KangLi.jpg" alt="image04"/>
 
-
                            <div class="ei-title">
 
-
                                <h2>Insecure</h2>
 
-
                                <h3>Hussler</h3>
 
-
                            </div>
 
-
                        </li>
 
-
                        <li>
 
-
                            <img src="https://static.igem.org/mediawiki/2012/e/e2/OUC-China-KangLi.jpg" alt="image05"/>
 
-
                            <div class="ei-title">
 
-
                                <h2>Loving</h2>
 
-
                                <h3>Rebel</h3>
 
-
                            </div>
 
-
                        </li>
 
-
                        <li>
 
-
                            <img src="https://static.igem.org/mediawiki/2012/e/e2/OUC-China-KangLi.jpg" alt="image07"/>
 
-
                            <div class="ei-title">
 
-
                                <h2>Photography by</h2>
 
-
                                <h3>Peng Yong</a></h3>
 
-
                            </div>
 
-
                        </li>
 
-
                    </ul><!-- ei-slider-large -->
 
-
                    <ul class="ei-slider-thumbs">
 
-
                        <li class="ei-slider-element">Current</li>
 
-
<li><a href="#">Slide 6</a><img src="images/thumbs/6.jpg" alt="thumb06" /></li>
 
-
                        <li><a href="#">Slide 1</a><img src="images/thumbs/1.jpg" alt="thumb01" /></li>
 
-
                        <li><a href="#">Slide 2</a><img src="images/thumbs/2.jpg" alt="thumb02" /></li>
 
-
                        <li><a href="#">Slide 3</a><img src="images/thumbs/3.jpg" alt="thumb03" /></li>
 
-
                        <li><a href="#">Slide 4</a><img src="images/thumbs/4.jpg" alt="thumb04" /></li>
 
-
                        <li><a href="#">Slide 5</a><img src="images/thumbs/5.jpg" alt="thumb05" /></li>
 
-
                        <li><a href="#">Slide 7</a><img src="images/thumbs/7.jpg" alt="thumb07" /></li>
 
-
                    </ul><!-- ei-slider-thumbs -->
 
-
                </div><!-- ei-slider -->
 
-
            </div><!-- wrapper -->
 
-
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.0/jquery.min.js"></script>
+
#slidenav {
-
<script>
+
position: absolute;
-
    (function( window, $, undefined ) {
+
left: 140px;
-
+
top: 100px;
-
/*
+
height: 200px;
-
* smartresize: debounced resize event for jQuery
+
width: 200px;
-
*
+
}
-
* latest version and complete README available on Github:
+
#slidenav-bar{
-
* https://github.com/louisremi/jquery.smartresize.js
+
background: url("https://static.igem.org/mediawiki/igem.org/3/3b/Slidenav-background.png");
-
*
+
width: 224.4px;
-
* Copyright 2011 @louis_remi
+
height: 249px;
-
* Licensed under the MIT license.
+
margin-left: 1px;
-
*/
+
}
-
 
+
#slidenav  ul {  
-
var $event = $.event, resizeTimeout;
+
width: 145px;
-
 
+
margin: 0 auto;  
-
$event.special.smartresize = {
+
list-style: none;
-
setup: function() {
+
font-size: 0px;
-
$(this).bind( "resize", $event.special.smartresize.handler );
+
padding-top:20px;
-
},
+
}
-
teardown: function() {
+
#slidenav li a {
-
$(this).unbind( "resize", $event.special.smartresize.handler );
+
background: url(https://static.igem.org/mediawiki/2012/1/16/Ouc-slidenav-safety.png) no-repeat;  
-
},
+
background-position: -55px 0;
-
handler: function( event, execAsap ) {
+
display: block;
-
// Save the context
+
text-indent: -9999px;
-
var context = this,
+
margin-top: 15px;  
-
args = arguments;
+
-
 
+
-
// set correct event type
+
-
event.type = "smartresize";
+
-
 
+
-
if ( resizeTimeout ) { clearTimeout( resizeTimeout ); }
+
-
resizeTimeout = setTimeout(function() {
+
-
jQuery.event.handle.apply( context, args );
+
-
}, execAsap === "execAsap"? 0 : 100 );
+
}
}
-
};
+
#slidenav li a span {
-
 
+
background: url(https://static.igem.org/mediawiki/2012/1/16/Ouc-slidenav-safety.png) no-repeat;
-
$.fn.smartresize = function( fn ) {
+
display: block;
-
return fn ? this.bind( "smartresize", fn ) : this.trigger( "smartresize", ["execAsap"] );
+
width: 30px;
-
};
+
height: 32px;
 +
position: relative;
 +
z-index: 10;
 +
-webkit-transition: -webkit-transform 0.4s ease-out;
 +
-moz-transition: -moz-transform 0.4s ease-out;
 +
transition: transform 0.4s ease-out;
 +
}
 +
#slidenav li a:hover span {
 +
-webkit-transform: rotate(360deg);
 +
-moz-transform: rotate(360deg);
 +
transform: rotate(360deg);
 +
}
 +
#slidenav li.overview a { background-position: -55px 0; width: 140px; height: 32px; }
 +
#slidenav li.overview a span { background-position: 0 0; }
-
$.Slideshow = function( options, element ) {
+
#slidenav li.sensor a { background-position: -55px -50px; width: 180px; height: px; }
 +
#slidenav li.sensor a span { background-position: 0 -50px; }
-
this.$el = $( element );
+
#slidenav li.decision-making a { background-position: -55px -100px; width: 180px; height: 40px; }
-
+
#slidenav li.decision-making a span { background-position: 0 -100px; }
-
/***** images ****/
+
-
+
-
// list of image items
+
-
this.$list = this.$el.find('ul.ei-slider-large');
+
-
// image items
+
-
this.$imgItems = this.$list.children('li');
+
-
// total number of items
+
-
this.itemsCount = this.$imgItems.length;
+
-
// images
+
-
this.$images = this.$imgItems.find('img:first');
+
-
+
-
/***** thumbs ****/
+
-
+
-
// thumbs wrapper
+
-
this.$sliderthumbs = this.$el.find('ul.ei-slider-thumbs').hide();
+
-
// slider elements
+
-
this.$sliderElems = this.$sliderthumbs.children('li');
+
-
// sliding div
+
-
this.$sliderElem = this.$sliderthumbs.children('li.ei-slider-element');
+
-
// thumbs
+
-
this.$thumbs = this.$sliderElems.not('.ei-slider-element');
+
-
+
-
// initialize slideshow
+
-
this._init( options );
+
-
+
-
};
+
-
$.Slideshow.defaults = {
+
#slidenav li.gas-vesicle a { background-position: -55px -150px; width: 152px; height: 32px; }
-
// animation types:
+
#slidenav li.gas-vesicle a span { background-position: 0 -150px; }
-
// "sides" : new slides will slide in from left / right
+
-
// "center": new slides will appear in the center
+
-
animation : 'sides', // sides || center
+
-
// if true the slider will automatically slide, and it will only stop if the user clicks on a thumb
+
-
autoplay : false,
+
-
// interval for the slideshow
+
-
slideshow_interval : 3000,
+
-
// speed for the sliding animation
+
-
speed : 800,
+
-
// easing for the sliding animation
+
-
easing : '',
+
-
// percentage of speed for the titles animation. Speed will be speed * titlesFactor
+
-
titlesFactor : 0.60,
+
-
// titles animation speed
+
-
titlespeed : 800,
+
-
// titles animation easing
+
-
titleeasing : '',
+
-
// maximum width for the thumbs in pixels
+
-
thumbMaxWidth : 150
+
-
    };
+
-
$.Slideshow.prototype = {
+
#ouc-footer{
-
_init : function( options ) {
+
text-align:center;
-
+
margin-top:25px;
-
this.options = $.extend( true, {}, $.Slideshow.defaults, options );
+
margin-left:10x;
-
+
width:800px;
-
// set the opacity of the title elements and the image items
+
}
-
this.$imgItems.css( 'opacity', 0 );
+
#footer-box{
-
this.$imgItems.find('div.ei-title > *').css( 'opacity', 0 );
+
height: 50px;
-
+
-
// index of current visible slider
+
-
this.current = 0;
+
-
+
-
var _self = this;
+
-
+
-
// preload images
+
-
// add loading status
+
-
this.$loading = $('<div class="ei-slider-loading">Loading</div>').prependTo( _self.$el );
+
-
+
-
$.when( this._preloadImages() ).done( function() {
+
-
+
-
// hide loading status
+
-
_self.$loading.hide();
+
-
+
-
// calculate size and position for each image
+
-
_self._setImagesSize();
+
-
+
-
// configure thumbs container
+
-
_self._initThumbs();
+
-
+
-
// show first
+
-
_self.$imgItems.eq( _self.current ).css({
+
-
'opacity' : 1,
+
-
'z-index' : 10
+
-
}).show().find('div.ei-title > *').css( 'opacity', 1 );
+
-
+
-
// if autoplay is true
+
-
if( _self.options.autoplay ) {
+
-
+
-
_self._startSlideshow();
+
-
+
-
}
+
-
+
-
// initialize the events
+
-
_self._initEvents();
+
-
+
-
});
+
-
+
-
},
+
-
_preloadImages : function() {
+
-
+
-
// preloads all the large images
+
-
+
-
var _self = this,
+
-
loaded = 0;
+
-
+
-
return $.Deferred(
+
-
+
-
function(dfd) {
+
-
+
-
_self.$images.each( function( i ) {
+
-
+
-
$('<img/>').load( function() {
+
-
+
-
if( ++loaded === _self.itemsCount ) {
+
-
+
-
dfd.resolve();
+
-
+
-
}
+
-
+
-
}).attr( 'src', $(this).attr('src') );
+
-
+
-
});
+
-
+
-
}
+
-
+
-
).promise();
+
-
+
-
},
+
-
_setImagesSize : function() {
+
-
+
-
// save ei-slider's width
+
-
this.elWidth = this.$el.width();
+
-
+
-
var _self = this;
+
-
+
-
this.$images.each( function( i ) {
+
-
+
-
var $img = $(this);
+
-
imgDim = _self._getImageDim( $img.attr('src') );
+
-
+
-
$img.css({
+
-
width : imgDim.width,
+
-
height : imgDim.height,
+
-
marginLeft : imgDim.left,
+
-
marginTop : imgDim.top
+
-
});
+
-
+
-
});
+
-
+
-
},
+
-
_getImageDim : function( src ) {
+
-
+
-
var $img    = new Image();
+
-
+
-
$img.src    = src;
+
-
+
-
var c_w = this.elWidth,
+
-
c_h = this.$el.height(),
+
-
r_w = c_h / c_w,
+
-
+
-
i_w = $img.width,
+
-
i_h = $img.height,
+
-
r_i = i_h / i_w,
+
-
new_w, new_h, new_left, new_top;
+
-
+
-
if( r_w > r_i ) {
+
-
+
-
new_h = c_h;
+
-
new_w = c_h / r_i;
+
-
+
-
}
+
-
else {
+
-
+
-
new_h = c_w * r_i;
+
-
new_w = c_w;
+
-
+
-
}
+
-
+
-
return {
+
-
width : new_w,
+
-
height : new_h,
+
-
left : ( c_w - new_w ) / 2,
+
-
top : ( c_h - new_h ) / 2
+
-
};
+
-
+
-
},
+
-
_initThumbs : function() {
+
-
+
-
// set the max-width of the slider elements to the one set in the plugin's options
+
-
// also, the width of each slider element will be 100% / total number of elements
+
-
this.$sliderElems.css({
+
-
'max-width' : this.options.thumbMaxWidth + 'px',
+
-
'width' : 100 / this.itemsCount + '%'
+
-
});
+
-
+
-
// set the max-width of the slider and show it
+
-
this.$sliderthumbs.css( 'max-width', this.options.thumbMaxWidth * this.itemsCount + 'px' ).show();
+
-
+
-
},
+
-
_startSlideshow : function() {
+
-
+
-
var _self = this;
+
-
+
-
this.slideshow = setTimeout( function() {
+
-
+
-
var pos;
+
-
+
-
( _self.current === _self.itemsCount - 1 ) ? pos = 0 : pos = _self.current + 1;
+
-
+
-
_self._slideTo( pos );
+
-
+
-
if( _self.options.autoplay ) {
+
-
+
-
_self._startSlideshow();
+
-
+
-
}
+
-
+
-
}, this.options.slideshow_interval);
+
-
+
-
},
+
-
// shows the clicked thumb's slide
+
-
_slideTo : function( pos ) {
+
-
+
-
// return if clicking the same element or if currently animating
+
-
if( pos === this.current || this.isAnimating )
+
-
return false;
+
-
+
-
this.isAnimating = true;
+
-
+
-
var $currentSlide = this.$imgItems.eq( this.current ),
+
-
$nextSlide = this.$imgItems.eq( pos ),
+
-
_self = this,
+
-
+
-
preCSS = {zIndex : 10},
+
-
animCSS = {opacity : 1};
+
-
+
-
// new slide will slide in from left or right side
+
-
if( this.options.animation === 'sides' ) {
+
-
+
-
preCSS.left = ( pos > this.current ) ? -1 * this.elWidth : this.elWidth;
+
-
animCSS.left = 0;
+
-
+
-
}
+
-
+
-
// titles animation
+
-
$nextSlide.find('div.ei-title > h2')
+
-
  .css( 'margin-right', 50 + 'px' )
+
-
  .stop()
+
-
  .delay( this.options.speed * this.options.titlesFactor )
+
-
  .animate({ marginRight : 0 + 'px', opacity : 1 }, this.options.titlespeed, this.options.titleeasing )
+
-
  .end()
+
-
  .find('div.ei-title > h3')
+
-
  .css( 'margin-right', -50 + 'px' )
+
-
  .stop()
+
-
  .delay( this.options.speed * this.options.titlesFactor )
+
-
  .animate({ marginRight : 0 + 'px', opacity : 1 }, this.options.titlespeed, this.options.titleeasing )
+
-
+
-
$.when(
+
-
+
-
// fade out current titles
+
-
$currentSlide.css( 'z-index' , 1 ).find('div.ei-title > *').stop().fadeOut( this.options.speed / 2, function() {
+
-
// reset style
+
-
$(this).show().css( 'opacity', 0 );
+
-
}),
+
-
+
-
// animate next slide in
+
-
$nextSlide.css( preCSS ).stop().animate( animCSS, this.options.speed, this.options.easing ),
+
-
+
-
// "sliding div" moves to new position
+
-
this.$sliderElem.stop().animate({
+
-
left : this.$thumbs.eq( pos ).position().left
+
-
}, this.options.speed )
+
-
+
-
).done( function() {
+
-
+
-
// reset values
+
-
$currentSlide.css( 'opacity' , 0 ).find('div.ei-title > *').css( 'opacity', 0 );
+
-
_self.current = pos;
+
-
_self.isAnimating = false;
+
-
+
-
});
+
-
+
-
},
+
-
_initEvents : function() {
+
-
+
-
var _self = this;
+
-
+
-
// window resize
+
-
$(window).on( 'smartresize.eislideshow', function( event ) {
+
-
+
-
// resize the images
+
-
_self._setImagesSize();
+
-
+
-
// reset position of thumbs sliding div
+
-
_self.$sliderElem.css( 'left', _self.$thumbs.eq( _self.current ).position().left );
+
-
+
-
});
+
-
+
-
// click the thumbs
+
-
this.$thumbs.on( 'click.eislideshow', function( event ) {
+
-
+
-
if( _self.options.autoplay ) {
+
-
+
-
clearTimeout( _self.slideshow );
+
-
_self.options.autoplay = false;
+
-
+
-
}
+
-
+
-
var $thumb = $(this),
+
-
idx = $thumb.index() - 1; // exclude sliding div
+
-
+
-
_self._slideTo( idx );
+
-
+
-
return false;
+
-
+
-
});
+
-
+
-
}
+
-
};
+
-
var logError = function( message ) {
+
width:1349px;
-
+
margin-top:10px;
-
if ( this.console ) {
+
margin-bottom:-10px;
-
+
background-color:#1487DF;
-
console.error( message );
+
border:none;
-
+
padding-left:0;
-
}
+
padding-right:0;
-
+
}
-
};
+
#top-section{
 +
width:99%;
 +
}
 +
#footer a
 +
{
 +
color:#ffffff;
 +
        font-size:100%;
 +
}
-
$.fn.eislideshow = function( options ) {
 
-
if ( typeof options === 'string' ) {
+
    #ouc-tools ul li{
 +
    display: inline-block;
 +
    margin-right: 30px;
 +
    vertical-align: middle;
 +
}
 +
   
 +
input.searchButton {
 +
    font-size: 120%;
 +
    background: none;
 +
    border: none;
 +
    color: #45b8ef;
 +
    font-weight: bold;
 +
margin-right:10px;
 +
margin-bottom:0;
 +
magin-left:10px;
 +
    }
 +
    input.searchButton:hover {
 +
    color: #2d7ca3;
 +
}
 +
</style>
 +
</head>
 +
<body>
 +
<div id="menu-wrapper">
 +
<div id="logo">
 +
</div>
 +
<ul class="menu">
 +
<li> <a href="https://2012.igem.org/Team:OUC-China">Index</a> </li>
 +
<li> <a href="https://2012.igem.org/Team:OUC-China/Project/Overview">Project</a> </li>
 +
<li> <a href="https://2012.igem.org/Team:OUC-China/Modeling/Overview">Modeling</a> </li>
 +
<li> <a href="https://2012.igem.org/Team:OUC-China/HumanPractice/Overview">Human Practice</a> </li>
 +
<li> <a href="https://2012.igem.org/Team:OUC-China/Team/members">Team</a> </li>
 +
<li> <a href="https://2012.igem.org/Team:OUC-China/Parts">Parts</a> </li>
 +
<li> <a href="https://2012.igem.org/Team:OUC-China/Safety">Safety</a> </li>
 +
<li> <a href="https://2012.igem.org/Team:OUC-China/labnote">Note</a> </li>
 +
</ul>
 +
</div>
 +
<div id="submenu-wrapper">
 +
<ul class="submenu">
 +
<li>
 +
<a href="https://2012.igem.org/Team:OUC-China">
 +
<img src="https://static.igem.org/mediawiki/2012/a/af/Projectoverview.jpg" />
 +
Home
 +
</a>
 +
</li>
 +
<li>
 +
<a href="https://2012.igem.org/Team:OUC-China#hmo">
 +
<img src="https://static.igem.org/mediawiki/2012/4/49/Humanpracticeoverview.jpg" />
 +
HumanPractice index
 +
</a>
 +
</li>
 +
<li>
 +
<a href="https://2012.igem.org/Team:OUC-China/Judgingform">
 +
<img src="https://static.igem.org/mediawiki/2012/6/6e/Juding-form.jpg" />
 +
JudgingForm
 +
</a>
 +
</li>
 +
<li>
 +
<a href="https://2012.igem.org/Team:OUC-China/contactus">
 +
<img src="https://static.igem.org/mediawiki/2012/1/1e/Contact-us.jpg" />
 +
Contact Us
 +
</a>
 +
 +
</li>
 +
</ul>
 +
<ul class="submenu">
 +
<li>
 +
<a href="https://2012.igem.org/Team:OUC-China/Project/Overview">
 +
<img src="https://static.igem.org/mediawiki/2012/5/59/Ouc-nav-project-overview.jpg" />
 +
Project Overview
 +
</a>
 +
</li>
 +
<li>
 +
<a href="https://2012.igem.org/Team:OUC-China/Project/Sensor/AbstractandBackground">
 +
<img src="https://static.igem.org/mediawiki/2012/1/15/Ouc-nav-project-secsor.jpg" />
 +
Sensor
 +
</a>
 +
</li>
 +
<li>
 +
<a href="https://2012.igem.org/Team:OUC-China/Project/DesignMaking/Abstract">
 +
<img src="https://static.igem.org/mediawiki/2012/3/34/Ouc-nav-device.jpg" />
 +
Decision-making Device
 +
</a>
 +
</li>
 +
<li>
 +
<a href="https://2012.igem.org/Team:OUC-China/Project/GVP/GasandBackground">
 +
<img src="https://static.igem.org/mediawiki/2012/5/57/Ouc-nav-project-gvp.jpg" />
 +
Gas vesicle
 +
</a>
 +
</li>
 +
</ul>
 +
<ul class="submenu">
 +
<li>
 +
<a href="https://2012.igem.org/Team:OUC-China/Modeling/ODEModel">
 +
<img src="https://static.igem.org/mediawiki/2012/f/f6/Ouc-nav-modeling-ode.jpg" />
 +
ODEModel
 +
</a>
 +
</li>
 +
<li>
 +
<a href="https://2012.igem.org/Team:OUC-China/Modeling/ParameterSensitivityAnalysis">
 +
<img src="https://static.igem.org/mediawiki/2012/c/cf/Ouc-nav-modeling-sensertitive.jpg" />
 +
Parameter Sensitivity Analysis
 +
</a>
 +
</li>
 +
<li>
 +
<a href="https://2012.igem.org/Team:OUC-China/Modeling/ParameterSweep">
 +
<img src="https://static.igem.org/mediawiki/2012/0/07/Ouc-nav-modeling-sweep.jpg" />
 +
Parameter Sweep
 +
</a>
 +
</li>
 +
<li>
 +
<a href="https://2012.igem.org/Team:OUC-China/Modeling/NoiseAnalysis">
 +
<img src="https://static.igem.org/mediawiki/2012/0/04/Ouc-nav-modeling-noise.jpg" />
 +
Noise Analysis
 +
</a>
 +
</li>
 +
</ul>
 +
<ul class="submenu">
 +
<li>
 +
<a href="https://2012.igem.org/Team:OUC-China/HumanPractice/Overview">
 +
<img src="https://static.igem.org/mediawiki/2012/6/61/Ouc-nav-humanoverview.jpg" />
 +
HumanPractice Overview
 +
</a>
 +
</li>
 +
<li>
 +
<a href="https://2012.igem.org/Team:OUC-China/HumanPractice/Communication">
 +
<img src="https://static.igem.org/mediawiki/2012/c/cc/Ouc-nav-Communication.jpg" />
 +
Meeting and Academic Communication
 +
</a>
 +
</li>
 +
<li>
 +
<a href="https://2012.igem.org/Team:OUC-China/HumanPractice/Camps">
 +
<img src="https://static.igem.org/mediawiki/2012/8/8d/Ouc-nav-humcamp.jpg" />
 +
Camps, Class and Lectures
 +
</a>
 +
</li>
 +
<li>
 +
<a href="https://2012.igem.org/Team:OUC-China/HumanPractice/SpecialHM">
 +
<img src="https://static.igem.org/mediawiki/2012/b/b7/Ouc-nav-hmspcial.jpg" />
 +
Special HP
 +
</a>
 +
</li>
 +
</ul>
 +
<ul class="submenu">
 +
<li>
 +
<a href="https://2012.igem.org/Team:OUC-China/Team/members">
 +
<img src="https://static.igem.org/mediawiki/2012/6/6d/Ouc-nav-team.jpg" />
 +
Team Members
 +
</a>
 +
</li>
 +
<li>
 +
<a href="https://2012.igem.org/Team:OUC-China/Team/instructor">
 +
<img src="https://static.igem.org/mediawiki/2012/3/35/Ouc-nav-instructor.jpg" />
 +
Instructors
 +
</a>
 +
</li>
 +
<li>
 +
<a href="https://2012.igem.org/Team:OUC-China/Team/AcknowledgementandCooperation">
 +
<img src="https://static.igem.org/mediawiki/2012/a/a6/Ouc-nav-co.jpg" />
 +
Acknowledgement&Cooperation
 +
</a>
 +
</li>
 +
<li>
 +
<a href="https://2012.igem.org/Team:OUC-China/Team/Lab">
 +
<img src="https://static.igem.org/mediawiki/2012/a/a7/Ouc-nav-lab.jpg" />
 +
Lab
 +
</a>
 +
</li>
 +
</ul>
 +
<ul class="submenu">
 +
<li>
 +
<a href="https://2012.igem.org/Team:OUC-China/Parts">
 +
<img src="https://static.igem.org/mediawiki/2012/f/f9/Ouc-nav-parts.jpg" />
 +
Parts
 +
</a>
 +
</li>
 +
</ul>
 +
<ul class="submenu">
 +
<li>
 +
<a href="https://2012.igem.org/Team:OUC-China/Safety">
 +
<img src="https://static.igem.org/mediawiki/2012/5/5d/Ouc-nav-safety.jpg" />
 +
Safety
 +
</a>
 +
</li>
 +
</ul>
 +
<ul class="submenu">
 +
<li>
 +
<a href="https://2012.igem.org/Team:OUC-China/labnote">
 +
<img src="https://static.igem.org/mediawiki/2012/8/8b/Ouc-nav-labnote.jpg" />
 +
Labnote
 +
</a>
 +
</li>
 +
<li>
 +
<a href="https://skydrive.live.com/redir?resid=6A13E80E2A176A23!249&authkey=!AGsNOi9excznIt8">
 +
<img src="https://static.igem.org/mediawiki/2012/4/4e/Ouc-nav-modelingnote.jpg" />
 +
Modeling Note
 +
</a>
 +
</li>
 +
<li>
 +
<a href="https://2012.igem.org/Team:OUC-China/protocol">
 +
<img src="https://static.igem.org/mediawiki/2012/7/7d/Ouc-pro.png" />
 +
Protocols
 +
</a>
 +
</li>
 +
</ul>
 +
</div>
 +
    <!-- content -->
 +
    <div id="page">
 +
                 
 +
<div id="slidenav">
 +
<div id="slidenav-bar">
 +
<ul id="social" class="group">
-
var args = Array.prototype.slice.call( arguments, 1 );
+
<li class="overview"><a href="https://2012.igem.org/Team:OUC-China"><span>Back</span></a></li>
 +
 +
</ul>
 +
</div>
 +
<div id="button-wrapper">
 +
<a href="https://static.igem.org/mediawiki/2012/d/d8/OUC-Safety_Question.pdf" class="a-btn">
 +
<span class="a-btn-symbol"><img src="https://static.igem.org/mediawiki/2012/6/6b/Pdf-icon.png"/></span>
 +
<span class="a-btn-text">Download PDF</span>
 +
</a>
 +
</div>
 +
</div>
 +
<div class="article-list">
 +
<div class="start"></div>
 +
                <div class="list-box">
 +
<div class="list-text">
 +
<h1 style="border:none;">Safety Questions</h1>
 +
<p><strong>1. Would any of your project ideas raise safety issues in terms of: researcher safety, public safety, or environmental safety?</strong>
 +
<p><span></span>First of all, the safety of the researchers is guaranteed. In the molecular laboratory, many chemicals such as EB pose a threat to human beings, so we use chemicals with higher safety coefficients instead. For example, EB can be replaced by Gel Green and Gel Red. At the same time, we place and deal with the toxic chemicals in an isolated area in case we pollute other chemicals or laboratory items. Besides, we assign one person to do safety-checks every morning (before 8:00a.m.), every afternoon (12:00a.m.~1:30p.m.) and every night(after10:00p.m.) to reduce the possibility of safety problems.</p>
 +
<p><span></span>Secondly, we insure public safety when we do experiments. Because many chemicals are toxic and many bacteria are resistant to antibiotics, chemicals and bacteria are taken in and out of the laboratory carefully. Apart from garbage or necessary things, everything taken into laboratory can’t be taken out in order to prevent toxic substances and transgenic bacteria from coming out of the laboratory.</p>
 +
<p><span></span>Lastly, environmental safety is also considered. Before being discarded, all transgenic bacteria grown on the culture mediums is sterilized by autoclave so that transgenic bacteria won’t spread. Toxic garbage is dealt with carefully. All garbage is placed individually and recycled by a special department. There is someone who is responsible for storing and using antibiotics when they are needed and making sure that antibiotics aren’t taken out of the laboratory.</p>
 +
<br/>
 +
<p><strong>2. Do any of the new BioBrick parts (or devices) that you made this year raise any safety issues?</strong></p>
 +
  <p><span></span>All the frameworks of plasmids we use in iGEM are from MIT parts registry. Because there are antibiotic resistance genes on the plasmids, bacteria carrying the plasmids may recombine genes with other bacteria. This can result in bacteria with resistance to many antibiotics, so we pay special attention to transgenic bacteria. The transgenic bacteria to be eliminated need to be sterilized by autoclave, and the garbage is dealt with alone.</p>
 +
<p><span></span>The strains we use in this project are Planktothrix rubescens and Escherichia coli. In the studies about Synthetic Biology, Cyanobacteria and E. coli have been widely used. Some commercial strains, such as Top 10 strain, have been proved harmless to the human body. Although many species of Cyanobacteria and E. coli are toxic to human beings, the strains we chose are nontoxic. All the experiments are done in the laboratory, and the bacteria can’t be taken out of the laboratory. Our work will be able to decrease the possibility of biosafety problems of the public and the environment.</p>
 +
      <br/>
 +
<p><strong>3. Is there a local biosafety group, committee, or review board at your institution?</strong></p>
 +
<p><span></span>As for biosafety and laboratorial safety, our college has been formulated according to laboratory safety management regulations-laboratory safety system, which is aimed at our iGEM laboratory, iGEM team member experiment rules and laboratory management rules. In order to promote safety education in college, under the promotion of the students, the school has set up the compulsory course "experiment equipment use procedures and laboratory safety" for all freshmen. At the same time, our laboratory has established a complete safety management system, designed to ensure safety during the project progress in the laboratory, and to eliminate hidden dangers of the lab. As for waste in the experiment, our college has a special waste recycling mechanism to avoid the outflow of hazardous waste. Besides, the People’s Republic of China issued a document “Laboratories—General requirements for biosafety” (GB19489-2004) on April the 5th 2004. It can be viewed at <a href="http://www.iphy.ac.cn/aqzt/aqzt_xzzx/201105/P020110503609211780348.pdf"> here</a>!</p>
 +
<p><span></span>To further strengthen our laboratory safety management, we had been dedicated to Qingdao institution of Bioenergy and Bioprocess Technology Chinese Academic of Sciences professors The professors provided advice about the safety management of laboratory system, hoping to make improvements on our own safety management mechanism based on their advice and practice system. Also, we hope that the experts of the institution will make an assessment on the safety of the experimental project and make suggestions to ensure the safety of the biolab.</p>
 +
<p><span></span> In order to let more members be aware of the importance of biological safety and lab safety, we are going to set up our own community about promoting biological safety and laboratory safety. We hope to arouse attention to biological safety and laboratory safety in every laboratory in our college.</p>
 +
    <br/>
 +
<p><strong>4. Do you have any other ideas how to deal with safety issues that could be useful for future iGEM competitions? How could parts, devices and systems be made even safer through biosafety engineering?</strong></p>
 +
<p><span></span>Before our team took part in iGEM , our teachers educated us on the safety aspects of experiments, and all the members have learned about the safe use of instruments in order to proceed the experiment safely. We recommend that each laboratory write its own laboratory safety management manual. Our members do a safety check daily as special duty laboratory technicians. The laboratory also arranges a security officer to check the instruments and to manage the security of the laboratory.</p>
 +
<p><span></span>In order to ensure that genetically modified bacteria from the lab cannot survive in places where it shouldn’t, we suggest that the bacteria used in the experiment be nutritionally deficient and be developed in nutrition supplemented culture medium. As a result, leaked bacteria would die of nutrition deficiency. For instance, 2011 OUC-China iGEM team used auxotroph bacteria to achieve a multiple symbiotic system. The effect is that one colony is not able to live independently in the in the system of symbiosis. <a href="https://2011.igem.org/Team:OUC-China">(https://2011.igem.org/Team:OUC-China)</a></p>
 +
<p><span></span>As for the selection of strains, we suggest that each iGEM team replace pathogenic strains with non-pathogenic strains. Bacteria implanted with toxins genes can be added with LVA tags to speed up toxin protein degradation. </p>
 +
<p><span></span>In addition, we also suggest that some kind of characteristic sequence be added to standard plasmids, to make standard plasmid DNA easy to identify through DNA barcode technology. In this way we can determine whether or not a certain kind of bacteria has gone under standard plasmid reconstruction.</p>
 +
<p><strong>5. How to prevent the floating bacteria from turning into ecological disaster?</strong>
 +
<p><span></span>To prevent our floating biosensor from propagating to be a ecological disaster in ocean,here we adopt cell lysis system coupled with quorum sensing system as our cell density restrainer.
 +
<br/>
 +
When cell density overweighs a fixed value in biosensor, the self-lysis system will be induced by quorum-sensing signals such as AHL, initiating cell death program to restrain the propagation.
 +
</p>
-
this.each(function() {
+
<a href="https://2012.igem.org/Team:OUC-China/Team/Lab">
-
+
<img style="margin-left:50px" src="https://static.igem.org/mediawiki/2012/5/5c/Oucigem2012celllysis.png" />
-
var instance = $.data( this, 'eislideshow' );
+
-
if ( !instance ) {
+
</div>
-
logError( "cannot call methods on eislideshow prior to initialization; " +
+
-
"attempted to call method '" + options + "'" );
+
-
return;
+
-
}
+
-
if ( !$.isFunction( instance[options] ) || options.charAt(0) === "_" ) {
+
     
-
logError( "no such method '" + options + "' for eislideshow instance" );
+
   
-
return;
+
-
}
+
-
instance[ options ].apply( instance, args );
+
<div class="end"></div>
-
+
-
});
+
-
+
-
}
+
-
else {
+
-
+
-
this.each(function() {
+
-
+
-
var instance = $.data( this, 'eislideshow' );
+
-
if ( !instance ) {
+
-
$.data( this, 'eislideshow', new $.Slideshow( options, this ) );
+
-
}
+
-
+
-
});
+
-
+
-
}
+
-
+
-
return this;
+
-
+
-
};
+
-
})( window, jQuery );
+
</div>
-
</script>
+
<div id="ouc-footer">
 +
        <div id="ouc-tools">
 +
         
 +
            <ul>
 +
                <li id="ouc-clustrmaps-wrapper">
 +
                    <div id="clustrmaps-widget"></div><script type="text/javascript">var _clustrmaps = {'url' : 'https://2012.igem.org/Team:OUC-China', 'user' : 1034709, 'server' : '4', 'id' : 'clustrmaps-widget', 'version' : 1, 'date' : '2012-09-22', 'lang' : 'zh', 'corners' : 'square' };(function (){ var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = 'http://www4.clustrmaps.com/counter/map.js'; var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x);})();</script><noscript><a href="http://www4.clustrmaps.com/user/c56fc9d5"><img src="http://www4.clustrmaps.com/stats/maps-no_clusters/2012.igem.org-Team-OUC-China-thumb.jpg" alt="Locations of visitors to this page" /></a></noscript>
 +
                </li>
 +
                <li>
 +
<a href="http://www.renren.com/296396903/profile?ref=opensearch_normal"><img src="https://static.igem.org/mediawiki/2012/d/d2/Ouc-footer-cmlsast.jpg" alt="OUC CMLS AST" border="0"></a> 
 +
                </li>
 +
                <li>
 +
                    <a href="https://2012.igem.org/Team:OUC-China/contactus"><img src="https://static.igem.org/mediawiki/2012/5/5e/OUC-footer-contact.jpg" alt="Contact Us" border="0"></a>
 +
                </li>
 +
                <li style="width:160px;">
 +
<form action="/Special:Search" id="searchform" style=" border-color:#000;">
 +
<input id="searchInput" name="search" type="text" title="Search 2011.igem.org [f]" accesskey="f" value="">
 +
<input type='submit' name="go" class="searchButton" id="searchGoButton" value="Go" title="Go to a page with this exact name if exists" />&nbsp;
 +
<input type='submit' name="fulltext" class="searchButton" id="mw-searchButton" value="Search" title="Search the pages for this text" />
 +
</form>
 +
                </li>
 +
            </ul>
 +
        </div>
 +
</div>
 +
</div>
 +
</div>
 +
<p id="back-top">
 +
<a href="#top"><span></span>Back to Top</a>
 +
</p>
 +
</body>
<script>
<script>
-
jQuery.easing['jswing'] = jQuery.easing['swing'];
+
$(document).ready(function(){
 +
// hide #back-top first
 +
$("#back-top").hide();
 +
 +
// fade in #back-top
 +
$(function () {
 +
$(window).scroll(function () {
 +
if ($(this).scrollTop() > 100) {
 +
$('#back-top').fadeIn();
 +
} else {
 +
$('#back-top').fadeOut();
 +
}
 +
});
-
jQuery.extend( jQuery.easing,
+
// scroll body to 0px on click
-
{
+
$('#back-top a').click(function () {
-
def: 'easeOutQuad',
+
$('body,html').animate({
-
swing: function (x, t, b, c, d) {
+
scrollTop: 0
-
//alert(jQuery.easing.default);
+
}, 800);
-
return jQuery.easing[jQuery.easing.def](x, t, b, c, d);
+
return false;
-
},
+
});
-
easeInQuad: function (x, t, b, c, d) {
+
});
-
return c*(t/=d)*t + b;
+
-
},
+
-
easeOutQuad: function (x, t, b, c, d) {
+
-
return -c *(t/=d)*(t-2) + b;
+
-
},
+
-
easeInOutQuad: function (x, t, b, c, d) {
+
-
if ((t/=d/2) < 1) return c/2*t*t + b;
+
-
return -c/2 * ((--t)*(t-2) - 1) + b;
+
-
},
+
-
easeInCubic: function (x, t, b, c, d) {
+
-
return c*(t/=d)*t*t + b;
+
-
},
+
-
easeOutCubic: function (x, t, b, c, d) {
+
-
return c*((t=t/d-1)*t*t + 1) + b;
+
-
},
+
-
easeInOutCubic: function (x, t, b, c, d) {
+
-
if ((t/=d/2) < 1) return c/2*t*t*t + b;
+
-
return c/2*((t-=2)*t*t + 2) + b;
+
-
},
+
-
easeInQuart: function (x, t, b, c, d) {
+
-
return c*(t/=d)*t*t*t + b;
+
-
},
+
-
easeOutQuart: function (x, t, b, c, d) {
+
-
return -c * ((t=t/d-1)*t*t*t - 1) + b;
+
-
},
+
-
easeInOutQuart: function (x, t, b, c, d) {
+
-
if ((t/=d/2) < 1) return c/2*t*t*t*t + b;
+
-
return -c/2 * ((t-=2)*t*t*t - 2) + b;
+
-
},
+
-
easeInQuint: function (x, t, b, c, d) {
+
-
return c*(t/=d)*t*t*t*t + b;
+
-
},
+
-
easeOutQuint: function (x, t, b, c, d) {
+
-
return c*((t=t/d-1)*t*t*t*t + 1) + b;
+
-
},
+
-
easeInOutQuint: function (x, t, b, c, d) {
+
-
if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b;
+
-
return c/2*((t-=2)*t*t*t*t + 2) + b;
+
-
},
+
-
easeInSine: function (x, t, b, c, d) {
+
-
return -c * Math.cos(t/d * (Math.PI/2)) + c + b;
+
-
},
+
-
easeOutSine: function (x, t, b, c, d) {
+
-
return c * Math.sin(t/d * (Math.PI/2)) + b;
+
-
},
+
-
easeInOutSine: function (x, t, b, c, d) {
+
-
return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;
+
-
},
+
-
easeInExpo: function (x, t, b, c, d) {
+
-
return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b;
+
-
},
+
-
easeOutExpo: function (x, t, b, c, d) {
+
-
return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b;
+
-
},
+
-
easeInOutExpo: function (x, t, b, c, d) {
+
-
if (t==0) return b;
+
-
if (t==d) return b+c;
+
-
if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;
+
-
return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;
+
-
},
+
-
easeInCirc: function (x, t, b, c, d) {
+
-
return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b;
+
-
},
+
-
easeOutCirc: function (x, t, b, c, d) {
+
-
return c * Math.sqrt(1 - (t=t/d-1)*t) + b;
+
-
},
+
-
easeInOutCirc: function (x, t, b, c, d) {
+
-
if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b;
+
-
return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b;
+
-
},
+
-
easeInElastic: function (x, t, b, c, d) {
+
-
var s=1.70158;var p=0;var a=c;
+
-
if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;
+
-
if (a < Math.abs(c)) { a=c; var s=p/4; }
+
-
else var s = p/(2*Math.PI) * Math.asin (c/a);
+
-
return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
+
-
},
+
-
easeOutElastic: function (x, t, b, c, d) {
+
-
var s=1.70158;var p=0;var a=c;
+
-
if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;
+
-
if (a < Math.abs(c)) { a=c; var s=p/4; }
+
-
else var s = p/(2*Math.PI) * Math.asin (c/a);
+
-
return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;
+
-
},
+
-
easeInOutElastic: function (x, t, b, c, d) {
+
-
var s=1.70158;var p=0;var a=c;
+
-
if (t==0) return b;  if ((t/=d/2)==2) return b+c;  if (!p) p=d*(.3*1.5);
+
-
if (a < Math.abs(c)) { a=c; var s=p/4; }
+
-
else var s = p/(2*Math.PI) * Math.asin (c/a);
+
-
if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
+
-
return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b;
+
-
},
+
-
easeInBack: function (x, t, b, c, d, s) {
+
-
if (s == undefined) s = 1.70158;
+
-
return c*(t/=d)*t*((s+1)*t - s) + b;
+
-
},
+
-
easeOutBack: function (x, t, b, c, d, s) {
+
-
if (s == undefined) s = 1.70158;
+
-
return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;
+
-
},
+
-
easeInOutBack: function (x, t, b, c, d, s) {
+
-
if (s == undefined) s = 1.70158;
+
-
if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;
+
-
return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;
+
-
},
+
-
easeInBounce: function (x, t, b, c, d) {
+
-
return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b;
+
-
},
+
-
easeOutBounce: function (x, t, b, c, d) {
+
-
if ((t/=d) < (1/2.75)) {
+
-
return c*(7.5625*t*t) + b;
+
-
} else if (t < (2/2.75)) {
+
-
return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;
+
-
} else if (t < (2.5/2.75)) {
+
-
return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;
+
-
} else {
+
-
return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;
+
-
}
+
-
},
+
-
easeInOutBounce: function (x, t, b, c, d) {
+
-
if (t < d/2) return jQuery.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b;
+
-
return jQuery.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b;
+
-
}
+
});
});
 +
</script>
 +
<script src="http://www.google-analytics.com/urchin.js" type="text/javascript">
</script>
</script>
<script type="text/javascript">
<script type="text/javascript">
-
            $(function() {
+
_uacct = "UA-68528-29";
-
                $('#ei-slider').eislideshow({
+
urchinTracker();
-
animation : 'center',
+
</script>
-
autoplay : true,
+
-
slideshow_interval : 3000,
+
-
titlesFactor : 0
+
-
                });
+
-
            });
+
-
        </script>
+
-
</body>
+
</html>
</html>

Latest revision as of 02:13, 27 October 2012

Safety Questions

1. Would any of your project ideas raise safety issues in terms of: researcher safety, public safety, or environmental safety?

First of all, the safety of the researchers is guaranteed. In the molecular laboratory, many chemicals such as EB pose a threat to human beings, so we use chemicals with higher safety coefficients instead. For example, EB can be replaced by Gel Green and Gel Red. At the same time, we place and deal with the toxic chemicals in an isolated area in case we pollute other chemicals or laboratory items. Besides, we assign one person to do safety-checks every morning (before 8:00a.m.), every afternoon (12:00a.m.~1:30p.m.) and every night(after10:00p.m.) to reduce the possibility of safety problems.

Secondly, we insure public safety when we do experiments. Because many chemicals are toxic and many bacteria are resistant to antibiotics, chemicals and bacteria are taken in and out of the laboratory carefully. Apart from garbage or necessary things, everything taken into laboratory can’t be taken out in order to prevent toxic substances and transgenic bacteria from coming out of the laboratory.

Lastly, environmental safety is also considered. Before being discarded, all transgenic bacteria grown on the culture mediums is sterilized by autoclave so that transgenic bacteria won’t spread. Toxic garbage is dealt with carefully. All garbage is placed individually and recycled by a special department. There is someone who is responsible for storing and using antibiotics when they are needed and making sure that antibiotics aren’t taken out of the laboratory.


2. Do any of the new BioBrick parts (or devices) that you made this year raise any safety issues?

All the frameworks of plasmids we use in iGEM are from MIT parts registry. Because there are antibiotic resistance genes on the plasmids, bacteria carrying the plasmids may recombine genes with other bacteria. This can result in bacteria with resistance to many antibiotics, so we pay special attention to transgenic bacteria. The transgenic bacteria to be eliminated need to be sterilized by autoclave, and the garbage is dealt with alone.

The strains we use in this project are Planktothrix rubescens and Escherichia coli. In the studies about Synthetic Biology, Cyanobacteria and E. coli have been widely used. Some commercial strains, such as Top 10 strain, have been proved harmless to the human body. Although many species of Cyanobacteria and E. coli are toxic to human beings, the strains we chose are nontoxic. All the experiments are done in the laboratory, and the bacteria can’t be taken out of the laboratory. Our work will be able to decrease the possibility of biosafety problems of the public and the environment.


3. Is there a local biosafety group, committee, or review board at your institution?

As for biosafety and laboratorial safety, our college has been formulated according to laboratory safety management regulations-laboratory safety system, which is aimed at our iGEM laboratory, iGEM team member experiment rules and laboratory management rules. In order to promote safety education in college, under the promotion of the students, the school has set up the compulsory course "experiment equipment use procedures and laboratory safety" for all freshmen. At the same time, our laboratory has established a complete safety management system, designed to ensure safety during the project progress in the laboratory, and to eliminate hidden dangers of the lab. As for waste in the experiment, our college has a special waste recycling mechanism to avoid the outflow of hazardous waste. Besides, the People’s Republic of China issued a document “Laboratories—General requirements for biosafety” (GB19489-2004) on April the 5th 2004. It can be viewed at here!

To further strengthen our laboratory safety management, we had been dedicated to Qingdao institution of Bioenergy and Bioprocess Technology Chinese Academic of Sciences professors The professors provided advice about the safety management of laboratory system, hoping to make improvements on our own safety management mechanism based on their advice and practice system. Also, we hope that the experts of the institution will make an assessment on the safety of the experimental project and make suggestions to ensure the safety of the biolab.

In order to let more members be aware of the importance of biological safety and lab safety, we are going to set up our own community about promoting biological safety and laboratory safety. We hope to arouse attention to biological safety and laboratory safety in every laboratory in our college.


4. Do you have any other ideas how to deal with safety issues that could be useful for future iGEM competitions? How could parts, devices and systems be made even safer through biosafety engineering?

Before our team took part in iGEM , our teachers educated us on the safety aspects of experiments, and all the members have learned about the safe use of instruments in order to proceed the experiment safely. We recommend that each laboratory write its own laboratory safety management manual. Our members do a safety check daily as special duty laboratory technicians. The laboratory also arranges a security officer to check the instruments and to manage the security of the laboratory.

In order to ensure that genetically modified bacteria from the lab cannot survive in places where it shouldn’t, we suggest that the bacteria used in the experiment be nutritionally deficient and be developed in nutrition supplemented culture medium. As a result, leaked bacteria would die of nutrition deficiency. For instance, 2011 OUC-China iGEM team used auxotroph bacteria to achieve a multiple symbiotic system. The effect is that one colony is not able to live independently in the in the system of symbiosis. (https://2011.igem.org/Team:OUC-China)

As for the selection of strains, we suggest that each iGEM team replace pathogenic strains with non-pathogenic strains. Bacteria implanted with toxins genes can be added with LVA tags to speed up toxin protein degradation.

In addition, we also suggest that some kind of characteristic sequence be added to standard plasmids, to make standard plasmid DNA easy to identify through DNA barcode technology. In this way we can determine whether or not a certain kind of bacteria has gone under standard plasmid reconstruction.

5. How to prevent the floating bacteria from turning into ecological disaster?

To prevent our floating biosensor from propagating to be a ecological disaster in ocean,here we adopt cell lysis system coupled with quorum sensing system as our cell density restrainer.
When cell density overweighs a fixed value in biosensor, the self-lysis system will be induced by quorum-sensing signals such as AHL, initiating cell death program to restrain the propagation.

Back to Top