Team:SEU A/Safety

From 2012.igem.org

(Difference between revisions)
Line 1: Line 1:
<html>
<html>
<head>
<head>
-
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
+
<meta charset="utf-8">
-
<meta name="description" content="Pretty Simple Content Slider with jQuery and CSS3" />
+
<meta name="viewport" content="width=device-width, initial-scale=1.0">
-
<meta name="keywords" content="jquery,css3, content slider, slide, auto-play"/>
+
<title>iGEM 2012 SEU_A</title>
-
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen"/>
+
<link href="http://fonts.googleapis.com/css?family=Arvo" rel="stylesheet" type="text/css" />
 +
<link href="css/styles.css" rel="stylesheet" type="text/css" />
 +
<script src="js/jquery-1.7.1.min.js"></script>
 +
<script src="js/jquery.flexslider-min.js"></script>
 +
</head>
<style>
<style>
-
* {  
+
* {
-
margin:0;  
+
margin:0;
-
padding:0;  
+
padding:0;
}
}
-
body {  
+
body {  
background:#FFF;
background:#FFF;
         position:relative;
         position:relative;
         width:100%;   
         width:100%;   
-
font-family:font-family:Tahoma, Geneva, sans-serif;
 
}
}
#content {  
#content {  
-
top:-120px;
+
top:-160px;
position:relative;
position:relative;
width:100%;
width:100%;
-
height:1900px;
+
height:1350px;
margin:0px 0px 0px auto;
margin:0px 0px 0px auto;
-
background-color:#FFF;  
+
background-image:url('https://static.igem.org/mediawiki/2012/1/1f/Background.jpg');
 +
background-repeat:repeat-x repeat-y;
}
}
-
.reference {  
+
a {
-
clear:both;  
+
color:#000;
-
width:1000px;
+
text-decoration:none;
-
margin:0px auto;  
+
}
}
-
.reference p a {  
+
p {
-
text-transform:uppercase;
+
line-height:140%;
-
text-shadow:1px 1px 1px #fff;
+
-
color:#666;
+
-
text-decoration:none;
+
-
font-size:10px;  
+
}
}
-
.reference p a:hover {  
+
h2 {
-
color:#333;  
+
font-size:30px;
 +
color:#160000;
 +
padding:0 0 10px 0;
}
}
-
 
+
h3 {
-
.word1{
+
font-size:18px;
-
color:#000;
+
color:#160000;
-
font-family:"Times New Roman", Times, serif;
+
padding:0 0 10px 0;
-
font-size:28px;
+
}
 +
h4 {
 +
color:#9e9e9e;
 +
font-size:18px;
 +
}
 +
.container {
 +
width: 960px;
 +
margin: 0 auto;
 +
}
 +
header h1 {
 +
padding:25px 0 0 0;
 +
}
 +
header h1 a {
 +
font-size: 42px;
 +
color:#160000;
 +
text-decoration:none;
 +
}
 +
.title1{
position:relative;
position:relative;
-
margin:110px 220px 30px;
+
margin:120px 0px 0px;
 +
}
 +
.titleword{
 +
    position:relative;
 +
    margin:120px auto;
 +
    font-size:40px;
 +
    color:#000;
 +
    text-align:center;
}
}
.word2{
.word2{
Line 52: Line 77:
font-size:18px;
font-size:18px;
position:relative;
position:relative;
-
margin:10px 220px;
+
margin:10px 0px;
}
}
.word3{
.word3{
Line 59: Line 84:
font-size:16px;
font-size:16px;
position:relative;
position:relative;
-
margin:40px 220px;
+
margin:40px 0px;
}
}
-
.rotator{
+
.mainContent {
-
    background-color:#222;
+
float: right;  
-
    width:1000px;
+
width: 660px;
-
    height:375px;
+
padding:20px 0 20px 0;
-
    margin:0px auto;
+
-
    position:relative;
+
-
    font-family:'Myriad Pro',Arial,Helvetica,sans-serif;
+
-
    color:#fff;
+
-
    text-transform:uppercase;
+
-
    letter-spacing:-1px;
+
-
    border:3px solid #f0f0f0;
+
-
    overflow:hidden;
+
-
    -moz-box-shadow:0px 0px 10px #222;
+
-
    -webkit-box-shadow:0px 0px 10px #222;
+
-
    box-shadow:0px 0px 10px #222;
+
}
}
-
img.bg{
+
.post {
-
    position:absolute;
+
border-bottom: 1px  dashed #4b4b4b;
-
     top:0px;
+
     box-shadow: 0 1px #F2F2F2;
-
    left:0px;
+
margin-bottom:40px;
}
}
-
.rotator ul{
+
.post p {
-
    list-style:none;
+
padding:10px 0;
-
    position:absolute;
+
-
    right:0px;
+
-
    top:0px;
+
-
    margin-top:6px;
+
-
    z-index:999999;
+
}
}
-
.rotator ul li{
+
.date {
-
    display:block;
+
float:left;
-
    float:left;
+
-
    clear:both;
+
-
    width:260px;
+
}
}
-
.rotator ul li a{
+
.author {
-
    width:230px;
+
float:right;
-
    float:right;
+
-
    clear:both;
+
-
    padding-left:10px;
+
-
    text-decoration:none;
+
-
    display:block;
+
-
    height:52px;
+
-
    line-height:52px;
+
-
    background-color:#222;
+
-
    margin:1px -20px 1px 0px;
+
-
    opacity:0.7;
+
-
    color:#f0f0f0;
+
-
    font-size:20px;
+
-
    border:2px solid #000;
+
-
    border-right:none;
+
-
    outline:none;
+
-
    text-shadow:-1px 1px 1px #000;
+
-
    -moz-border-radius:10px 0px 0px 20px;
+
-
    -webkit-border-top-left-radius:10px;
+
-
    -webkit-border-bottom-left-radius:20px;
+
-
    border-top-left-radius:10px;
+
-
    border-bottom-left-radius:20px;
+
}
}
-
.rotator ul li a:hover{
+
.readmore {
-
      text-shadow:0px 0px 2px #fff;
+
padding:0 0 20px 0;
}
}
-
.rotator .heading{
+
.sidebar1 {  
-
    position:absolute;
+
margin: 0 690px 0 0;
-
    top:0px;
+
padding:20px 0 20px 0;
-
    left:0px;
+
border-right: 1px solid #BBBBBB;
-
     width:500px;
+
     box-shadow: 1px 0px #ffffff;
}
}
-
.rotator .heading h1{
+
.sidebar1 p {
-
    text-shadow:-1px 1px 1px #555;
+
width:220px;
-
    font-weight:normal;
+
-
    font-size:46px;
+
-
    padding:20px;
+
}
}
-
.rotator .description{
+
input {
-
    width:500px;
+
vertical-align:middle;
-
    height:80px;
+
font-weight:normal;
-
    position:absolute;
+
padding:5px 5px 5px 5px;
-
    bottom:0px;
+
margin:0;
-
    left:0px;
+
background:#fff;
-
    padding:20px;
+
outline:none;
-
    background-color:#222;
+
border:1px solid #cacaca;;
-
    -moz-border-radius:0px 10px 0px 0px;
+
width:220px;  
-
    -webkit-border-top-right-radius:10px;
+
box-shadow: 0px 2px 4px 0px #828282;
-
    border-top-right-radius:10px;
+
-
    opacity:0.7;
+
-
    border-top:2px solid #000;
+
-
    border-right:2px solid #000;
+
}
}
-
.rotator .description p{
+
.sidebar1Separator {
-
    text-shadow:-1px 1px 1px #000;
+
height:50px;
-
    text-transform:none;
+
-
    letter-spacing:normal;
+
-
    line-height:26px;
+
}
}
-
a.more{
+
 
-
    color:orange;
+
footer {
-
    text-decoration:none;
+
border-top:1px solid #bbbbbb;
-
    text-transform:uppercase;
+
background:#e1e1e1;
-
    font-size:10px;
+
}
 +
footer p {
 +
text-align:center;
 +
padding:30px;
}
}
-
a.more:hover{
+
.clearfloat {  
-
     color:#fff;
+
clear:both;
 +
    height:0;
 +
    font-size: 1px;
 +
     line-height: 0px;
}
}
 +
/*--------------------------------------------------------------------------------------------*/
 +
/********* begin MAIN NAV ********/
 +
/*--------------------------------------------------------------------------------------------*/
 +
.navcontainer ul {
 +
padding: 20px 0;
 +
margin: 0;
 +
list-style-type: none;
 +
background:#000;
 +
color: #FFF;
 +
width: 100%;
 +
text-align: center;
 +
box-shadow: 0px 6px 7px 0px #828282;
 +
}
 +
.navcontainer li {
 +
display: inline;
 +
}
 +
.navcontainer li a {
 +
text-decoration: none;
 +
color: #9c9b9b;
 +
padding: 20px 10px;
 +
text-shadow: none;
 +
text-transform:uppercase;
 +
font-weight:bold;
 +
font-size:18px;
 +
}
 +
.navcontainer li a:hover {
 +
background:url(../images/activeMenuGradient.jpg) repeat-x;
 +
color: #fff;
 +
}
 +
.navcontainer #active a {
 +
background:url(../images/activeMenuGradient.jpg) repeat-x;
 +
color: #fff;
 +
}
 +
/*--------------------------------------------------------------------------------------------*/
 +
/********* end MAIN NAV ********/
</style>
</style>
-
</head>
 
<body>
<body>
-
<div id="content"> <a class="back" href=""></a>
+
<div class="navcontainer">
-
<div class="word1">
+
    <ul class="navlist">
-
iGEM 2012 Safety</br></br>
+
        <li><a href="https://2012.igem.org/Team:SEU_A">Home</a></li>
-
By Southeast University Team A
+
        <li><a href="https://2012.igem.org/Team:SEU_A/Project">Project</a></li>
 +
        <li><a href="https://2012.igem.org/Team:SEU_A/Modeling">Modeling</a></li>
 +
        <li><a href="https://2012.igem.org/Team:SEU_A/Notebook">Notebook</a></li>
 +
        <li id="active"><a href="https://2012.igem.org/Team:SEU_A/Safety">Safety</a></li>
 +
        <li><a href="https://2012.igem.org/Team:SEU_A/Attributions">Human Practice</a></li>
 +
        <li><a href="https://2012.igem.org/Team:SEU_A/Team">About Us</a></li>
 +
    </ul>
 +
</div>
 +
<div class="container">
 +
    <header>
 +
    <div class="title1">
 +
<img src="https://static.igem.org/mediawiki/2012/a/af/Seua_title.png">
</div>
</div>
-
      <div class="word2">
+
    <div class="titleword">
 +
    Safety
 +
    </div>
 +
    </header>
 +
  <Index>
 +
        <h7 style="font-size:24px; font-weight:bold;">
 +
          Index
 +
        </h7>
 +
      </Index>
 +
      <Article>
 +
      <div class="word2">
Bio-safety</br></br>
Bio-safety</br></br>
1.1 Biosafety</br></br>
1.1 Biosafety</br></br>
Line 187: Line 223:
</div>
</div>
     <div class="word3">
     <div class="word3">
 +
        <h8 style="font-size:24px; font-weight:bold;">
 +
          Content
 +
        </h8>
1.1Biosafety</br>
1.1Biosafety</br>
</br>
</br>
Line 230: Line 269:
</br>
</br>
In addition, we have meticulously refer to the rules made by Experiment Center of Biomaterial and Biotechnology. For further information of this set of rules, please visit the website:</br>
In addition, we have meticulously refer to the rules made by Experiment Center of Biomaterial and Biotechnology. For further information of this set of rules, please visit the website:</br>
-
 
-
</br>
 
-
<a href="http://www.lmbe.seu.edu.cn/cailiao/guizhangzhidu.html">http://http://www.lmbe.seu.edu.cn/cailiao/guizhangzhidu.html</a></br>
 
-
 
-
</br>
 
</br>
</br>
 +
<a href="http://www.lmbe.seu.edu.cn/cailiao/guizhangzhidu.html">http:www.lmbe.seu.edu.cn/cailiao/guizhangzhidu.html</a></br>
 +
      </Article>
</div>
</div>
-
 
+
<footer>
-
</div>
+
    <p>
-
 
+
        Copyright &copy; Southeast University, All rights reserved. Designed by iGEM 2012 SEU_A
-
<!-- The JavaScript -->
+
    </p>
-
<script type="text/javascript"
+
</footer>
-
 
+
-
src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
+
-
<script type="text/javascript">
+
-
jQuery.easing['jswing'] = jQuery.easing['swing'];
+
-
 
+
-
jQuery.extend( jQuery.easing,
+
-
{
+
-
def: 'easeOutQuad',
+
-
swing: function (x, t, b, c, d) {
+
-
//alert(jQuery.easing.default);
+
-
return jQuery.easing[jQuery.easing.def](x, t, b, c, d);
+
-
},
+
-
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;
+
-
}
+
-
});
+
-
/*
+
-
*
+
-
* TERMS OF USE - EASING EQUATIONS
+
-
*
+
-
* Open source under the BSD License.
+
-
*
+
-
* Copyright © 2001 Robert Penner
+
-
* All rights reserved.
+
-
*
+
-
* Redistribution and use in source and binary forms, with or without modification,
+
-
* are permitted provided that the following conditions are met:
+
-
*
+
-
* Redistributions of source code must retain the above copyright notice, this list of
+
-
* conditions and the following disclaimer.
+
-
* Redistributions in binary form must reproduce the above copyright notice, this list
+
-
* of conditions and the following disclaimer in the documentation and/or other materials
+
-
* provided with the distribution.
+
-
*
+
-
* Neither the name of the author nor the names of contributors may be used to endorse
+
-
* or promote products derived from this software without specific prior written permission.
+
-
*
+
-
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
+
-
 
+
-
AND ANY
+
-
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
+
-
 
+
-
WARRANTIES OF
+
-
* MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO
+
-
 
+
-
EVENT SHALL THE
+
-
*  COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT,
+
-
 
+
-
INCIDENTAL, SPECIAL,
+
-
*  EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO,
+
-
 
+
-
PROCUREMENT OF SUBSTITUTE
+
-
*  GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION)
+
-
 
+
-
HOWEVER CAUSED
+
-
* AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
+
-
 
+
-
(INCLUDING
+
-
*  NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
+
-
 
+
-
SOFTWARE, EVEN IF ADVISED
+
-
* OF THE POSSIBILITY OF SUCH DAMAGE.
+
-
*
+
-
*/
+
-
</script>
+
-
<script type="text/javascript">
+
-
            $(function() {
+
-
                var current = 1;
+
-
               
+
-
                var iterate = function(){
+
-
                    var i = parseInt(current+1);
+
-
                    var lis = $('#rotmenu').children('li').size();
+
-
                    if(i>lis) i = 1;
+
-
                    display($('#rotmenu li:nth-child('+i+')'));
+
-
                }
+
-
                display($('#rotmenu li:first'));
+
-
                var slidetime = setInterval(iterate,3000);
+
-
+
-
                $('#rotmenu li').bind('click',function(e){
+
-
                    clearTimeout(slidetime);
+
-
                    display($(this));
+
-
                    e.preventDefault();
+
-
                });
+
-
+
-
                function display(elem){
+
-
                    var $this = elem;
+
-
                    var repeat = false;
+
-
                    if(current == parseInt($this.index() + 1))
+
-
                        repeat = true;
+
-
+
-
                    if(!repeat)
+
-
                        $this.parent().find('li:nth-child('+current+') a').stop(true,true).animate
+
-
 
+
-
({'marginRight':'-20px'},300,function(){
+
-
                            $(this).animate({'opacity':'0.7'},700);
+
-
                        });
+
-
+
-
                    current = parseInt($this.index() + 1);
+
-
+
-
                    var elem = $('a',$this);
+
-
                   
+
-
                        elem.stop(true,true).animate({'marginRight':'0px','opacity':'1.0'},300);
+
-
+
-
                    var info_elem = elem.next();
+
-
                    $('#rot1 .heading').animate({'left':'-420px'}, 500,'easeOutCirc',function(){
+
-
                        $('h1',$(this)).html(info_elem.find('.info_heading').html());
+
-
                        $(this).animate({'left':'0px'},400,'easeInOutQuad');
+
-
                    });
+
-
+
-
                    $('#rot1 .description').animate({'bottom':'-270px'},500,'easeOutCirc',function(){
+
-
                        $('p',$(this)).html(info_elem.find('.info_description').html());
+
-
                        $(this).animate({'bottom':'0px'},400,'easeInOutQuad');
+
-
                    })
+
-
                    $('#rot1').prepend(
+
-
                    $('<img/>',{
+
-
                        style : 'opacity:0',
+
-
                        className : 'bg'
+
-
                    }).load(
+
-
                    function(){
+
-
                        $(this).animate({'opacity':'1'},600);
+
-
                        $('#rot1 img:first').next().animate({'opacity':'0'},700,function(){
+
-
                            $(this).remove();
+
-
                        });
+
-
                    }
+
-
                ).attr('src','images/'+info_elem.find('.info_image').html()).attr('width','1000').attr
+
-
 
+
-
('height','375')
+
-
                );
+
-
                }
+
-
            });
+
-
        </script>
+
</body>
</body>
</html>
</html>

Revision as of 02:07, 12 September 2012

iGEM 2012 SEU_A

Safety
Index
Bio-safety

1.1 Biosafety

   1.1.1 Key words

   1.1.2 Researcher safety

   1.1.3 Public safety

   1.1.4 Environment safety

1.2 Laboratory biosafety

   1.2.1 Health risks and personal safety

1.3 BioBrick safety

1.4 Local biosafety group\committee

1.5 Biosafety @ SEU
Content 1.1Biosafety

   1.1.1 Key words

Biosafety is used to describe efforts to reduce and eliminate the potential risks resulting from biotechnology and its products. It has similarly been defined as “the avoidance of risk to human health and safety, and to the conservation of the environment, as a result of the use for research and commerce of infectious or genetically modified organisms” (Zaid, 2001).

   1.1.2 Researcher safety

It is impossible to work in a laboratory environment without its risks, so we took a variety of steps to make sure the safety of our team during our lab work. All our team members are students in the school of life sciences and are well trained through teaching and lab rotations. Protective measures involve gloves, masks and lab coats. The labs we use are equipped with safety facilities, so researcher safety is guaranteed.

   1.1.3 Public safety

We just use the common competent cells: BL21 ,DH5αwhich we gain them from invetrogen and HB101 strain from the military medicine research institution in china, all of them are harmless to the public. National standards link:

http://www.cnca.gov.cn/cnca/zwxx/xwdt/zxtz/images/20080310/3873.pdf


Also, the plasmids and DNA fragments that we use are mostly provided by iGEM. Furthermore, all the stuff will be autoclaved sterilization before we discard them. None of these parts involves direct interaction with the public, so there is little risk to public safety from our project.

   1.1.4 Environment safety

There is no way that our experiment bacteria can spread outside our laboratory. Thus, the external environment will not be contaminated by our experiment bacteria. This is actually a common feature in many other researches. Plus, all plates will be boiled thoroughly to kill the bacteria before disposal. So, our project does not pose a risk to environmental safety.

1.2 Laboratory biosafety

   1.2.1 Health risks and personal safety

Working in the lab always has implicit risks, but we have taken action to minimize them. Everyone engages in the experiment must wear biohazard gloves and mouth-muffles, on one hand to protect themselves, on other hand to prevent the unnecessary enzymes. Before leaving the laboratory, the instructors will guide us to check all the experimental facilities including sterile the various containers, take off the water bath and other risky facilities. We also be required to washing our hands with the disinfectant to ensure the personal safety.

1.3 BioBrick safety

Our project consider about exploiting new methods to deal with the antibiotic issues, the biobrick safety matters that we may involved in is that we construct a plasmid with the conjugation function in order to spread our target DNA fragment. For the sake of preventing the plasmid broadcast some unknown function genes, we ensure that every used liquid medium and gel solid medium are sterile before disposal. Well, all the other DNA fragments no matter we used or modified are achieved from the kit plates or commonly employed in laboratory.

1.4 Local biosafety group\committee

In China, the main concerns for biosafety are pathogenic microbes and the genetically modified crops. Our experiment is designed and carried out following the standards of national biosafety office, therefore no laws or regulations regarding the biosafety issue are violated.

http://www.cnca.gov.cn/cnca/zwxx/xwdt/zxtz/images/20080310/3873.pdf


The laboratory that we worked in is the State Key Laboratory of Bioelectronics which has a serious biosafety constitution. And all new experiments would be weighed on safety by experienced teachers before execution.

In addition, we have meticulously refer to the rules made by Experiment Center of Biomaterial and Biotechnology. For further information of this set of rules, please visit the website:

http:www.lmbe.seu.edu.cn/cailiao/guizhangzhidu.html

Copyright © Southeast University, All rights reserved. Designed by iGEM 2012 SEU_A

Retrieved from "http://2012.igem.org/Team:SEU_A/Safety"