Team:Nanjing NFLS/safety.html

From 2014hs.igem.org

(Difference between revisions)
m (correct the links of project menupage (grammar error";;"))
 
(16 intermediate revisions not shown)
Line 1: Line 1:
<html xmlns="http://www.w3.org/1999/xhtml">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<head>
-
<title>索引按钮竖向排放jquery图片切换</title>
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 +
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
 +
<script type="text/javascript" src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
 +
<title>Safety | iGEM Nanjing_NFLS</title>
<style type="text/css">
<style type="text/css">
-
 
+
#linkp {
 +
position: absolute;
 +
width: 613px;
 +
height: 27px;
 +
z-index: 1;
 +
font-family: calibri;
 +
left: 400px;
 +
top: 612px;
 +
}
#menubar {
#menubar {
font-size: 12px
font-size: 12px
Line 34: Line 45:
background-color: #E3E3E3;
background-color: #E3E3E3;
line-height: normal;
line-height: normal;
-
     width: 1200px;
+
     width: 1350px;
     border-left-width:0px;
     border-left-width:0px;
     border-right-width:0px;
     border-right-width:0px;
Line 76: Line 87:
#footer-box{display:none;}
#footer-box{display:none;}
#catlinks{display:none;}
#catlinks{display:none;}
-
*{margin:0;padding:0;list-style-type:none;}
+
body {
-
a,img{border:0;}body {
+
background-color: #E3E3E3;
background-color: #E3E3E3;
-
font: century ;
+
width: 100%;
-
width: 1350px;
+
padding: 0px;
padding: 0px;
margin: 0px;
margin: 0px;
Line 95: Line 104:
position: absolute;
position: absolute;
width: 1350px;
width: 1350px;
-
height: 648px;
+
height: 697px;
-
z-index: 0;
+
z-index: 1;
left: 0px;
left: 0px;
top: 0px;
top: 0px;
Line 109: Line 118:
left: 32px;
left: 32px;
top: 1px;
top: 1px;
 +
}
 +
#banner {
 +
position: absolute;
 +
width: 1350px;
 +
height: 100px;
 +
z-index: 19;
 +
left: 282px;
 +
top: 0px;
 +
opacity: 0.6;
}
}
#primary-nav {
#primary-nav {
position: absolute;
position: absolute;
-
width: 1095px;
+
width: 1800px;
-
height: 60px;
+
height: 50px;
z-index: 2;
z-index: 2;
-
right: 0px;
+
left:271px;
-
top: 102px;
+
top: 112px;
}
}
#primary-nav li{
#primary-nav li{
Line 151: Line 169:
position: absolute;
position: absolute;
width: 160px;
width: 160px;
-
height: 256px;
+
height: 216px;
left: -500px;
left: -500px;
top: 136px;
top: 136px;
Line 202: Line 220:
z-index: 19;
z-index: 19;
}
}
-
#bottom {
+
#mainframe {
position: absolute;
position: absolute;
-
width: 100%;
+
top: 182px;
-
height: 50px;
+
left: 0px;
left: 0px;
-
top: 598px;
+
height: 465px;
-
opacity: 0.6;
+
width: 1350px;
 +
z-index:1;
}
}
-
#banner {
+
#leftarrow {
position: absolute;
position: absolute;
-
width: 1350px;
+
top: 168px;
 +
left: 0px;
 +
width: 100px;
height: 100px;
height: 100px;
-
z-index: 19;
+
opacity: 0.5;
-
left: 278px;
+
z-index:5;
 +
}
 +
#rightarrow {
 +
position: absolute;
 +
top: 168px;
 +
right: 0px;
 +
width: 100px;
 +
height: 100px;
 +
opacity: 0.5;
 +
z-index:6;
 +
}
 +
#slide1 {
 +
margin-left: 125px;
 +
margin-right: 125px;
 +
position: absolute;
 +
left: 0px;
top: 0px;
top: 0px;
 +
height: 465px;
 +
width: 1100px;
 +
z-index: 3;
 +
font-size: 22px;
 +
 +
}
 +
#slide2 {
 +
margin-left: 125px;
 +
margin-right: 125px;
 +
position: absolute;
 +
left: 1350px;
 +
top: 0px;
 +
height: 465px;
 +
width: 1100px;
 +
z-index: 3;
 +
font-size: 22px;
 +
}
 +
#bottom {
 +
position: absolute;
 +
width: 1350px;
 +
height: 50px;
 +
left: 0px;
 +
top: 647px;
opacity: 0.6;
opacity: 0.6;
 +
z-index:100;
}
}
-
.fl{float:left}
 
-
a{text-decoration:none;color:black;}
 
-
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
 
-
.clearfix{display:inline-block}
 
-
*html .clearfix{height:1%}
 
-
.clearfix{display:block}
 
-
/* m-banner */
 
-
.m-banner{padding:200px 10px 10px 150px;height:239px;width:755px;margin:20px auto;}
 
-
.mb-news{width:270px;padding:0 15px;line-height:1.8}
 
-
.mb-news h4 a{font-size:24px;color:#8c3608;line-height:1.6;word-break:break-all;word-wrap:break-word}
 
-
.mb-news p{font-size:18px;color:#444;margin-top:0px;}
 
-
 
-
.mb-img{width:455px;height:239px;}
 
-
.mb-inav{width:10px;margin-right:1px;top:100px;}
 
-
.mb-inav li{width:10px;height:79px;margin-bottom:1px;}
 
-
.mb-inav li a{display:block;width:10px;height:79px;background:#bdbdbd;}
 
-
.mb-inav li a.cur{background:#671900;top: 200px;left:180px;}
 
-
.mb-ibox{width:444px;height:239px;position:relative; top:400px;}
 
-
.mb-ibox a{width:600px;height:239px;position:absolute;top:-650px;left:155px;z-index:10;text-decoration:none;display:none;font-size:16px;}
 
</style>
</style>
-
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.1.min.js"></script>
 
-
<script type="text/javascript" src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
 
<script type="text/javascript">
<script type="text/javascript">
function mousePosition(ev){
function mousePosition(ev){
Line 250: Line 288:
         y:ev.clientY + document.body.scrollTop - document.body.clientTop
         y:ev.clientY + document.body.scrollTop - document.body.clientTop
     };
     };
-
}  
+
};
-
$(function(ev){
+
 
 +
$(document).ready(function(ev){
   var menu1 = $("div.menuPlist");
   var menu1 = $("div.menuPlist");
   var menu2 = $("div.menuNlist");
   var menu2 = $("div.menuNlist");
-
   $("#menuProject").css("height", "0px");
+
   var cont = new Array("<p><div style=\"color:#FF0000\">Q1:</div> Would any of your project ideas raise safety issues in terms of researcher safety, public safety, or environmental safety?</p><p>The biological materials used in our project are not related to pathogenicity and/or toxicity. The organism that we worked with in this project include non-pathogenic strains of E. coli, DH5α, which belongs to Risk Group 1 (no or low individual and community risk): a microorganism that is unlikely to cause human or animal disease. E. coli, DH5α has been widely used in the field of synthetic biology and its safety has long been proved. In order to test the tool system we developed, we also work on CHO cells, Chinese Hamster Ovary cells, which is widely used in genetic engineering and pharmaceutical field and proved to be safe. The coding that we inserted in to the CHO cells are basic standardized parts of GFP and RFP, which will not in any way raise safety concerns.</p>", "<p>All personnel working in the project have been trained with sufficient knowledge of laboratory safety and follow the safety regulations the university lab we worked in strictly. The entire process did not pose any danger on the researchers and shall not in case of accidental leakage.</p><p>All tissues and cells are inactivated before being disposed. The standard method of inactivation is exposure to 96% formic acid overnight. The disposed materials do not in any way pose danger to either the public or the environment. In accidental leakage of the inactivated material, no serious safety problem will be caused because the tissues and non-pathogenic bacteria will only survive under strict laboratory environment inn theory. </p>", "<p><div style=\"color:#FF0000\">Q2:</div>Do any of the new BioBrick parts (or devices) that you made this year raise safety issues?</p><p>&nbsp;</p><p>No, all new BioBrick parts, including CRISPR-Cas9 enzyme, guide-RNA and homologous arms, do not raised safety issues even under the case of accidental leakage. The enzyme will not pose danger by editing genes of any species unless are maliciously designed.</p>", "<p><div style=\"color:#FF0000\">Q3:</div>Is there a local biosafety group, committee, or review board at your institution?</p><p>&nbsp;</p><p>Our high school, Nanjing Foreign Language School, does not have its biosafety committee or group. However, it has strict regulations regarding biosafety and laboratory safety, which are accordingly followed by all members participating this iGEM project.</p><p>The China Pharmaceutical University, in which the laboratory experiments of this project is carried out, has its special office responsible for biosafety inspection. It is well aware of the ongoing of our project and has approved all usage of bio materials and equipment.</p><p>We also follow the National Accreditation Criteria for Laboratory Bio-safety.</p>", "<p><div style=\"color:#FF0000\">Q4:</div>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?</p><p>&nbsp;</p><p>The gene editing tool kit that we designed can be applied into the deletion and knock-out of stably integrated gene system.</p><p>From a biosafety perspective, this tool kit can be used to remove genetic engineering research and development projects to filter the use of antibiotic resistance genes, thereby preventing the gene spread in subsequent research and applications, improve the safety of resistance genes used.</p>"
-
   $("#menuNotebook").css("height", "0px");
+
 
 +
 
 +
);
 +
   var now = 0;
 +
  var anchorsl = location.hash;
 +
  if (anchorsl != "") {
 +
  anchorsl = parseInt(anchorsl.substring(1, anchorsl.length + 1));
 +
  now = anchorsl;
 +
  };
 +
  $("#slide1").html(cont[now]);
   $("#nav-notebook").mouseover(function(){
   $("#nav-notebook").mouseover(function(){
  if ($("#menuNotebook").hasClass("cur")) {
  if ($("#menuNotebook").hasClass("cur")) {
Line 382: Line 430:
  };
  };
   });
   });
-
// 图片轮播
+
  $("#leftarrow").click(function(){
-
bannerRotate.bannerInit();
+
  if (now > 0) {
 +
      if ($("#slide1").hasClass("cur")) {
 +
      return;
 +
      };
 +
      $("#slide1").addClass("cur");
 +
  now -= 1;
 +
  $("#slide2").html(cont[now]);
 +
      $("#slide2").css("left", -1350);
 +
  $("#slide1").animate({"left":1350}, 1000);
 +
      $("#slide2").animate({"left":0}, 1000, function() {
 +
          $("#slide1").html(cont[now]);
 +
          $("#slide1").css("left", 0);
 +
          $("#slide2").css("left", -1350);
 +
  $("#slide1").removeClass("cur");
 +
          });
 +
  }
 +
  });
 +
  $("#rightarrow").click(function(){
 +
  if (now < cont.length - 1) {
 +
      if ($("#slide1").hasClass("cur")) {
 +
      return;
 +
      };
 +
      $("#slide1").addClass("cur");
 +
  now += 1;
 +
  $("#slide2").html(cont[now]);
 +
      $("#slide2").css("left", 1350);
 +
  $("#slide1").animate({"left":-1350}, 1000);
 +
      $("#slide2").animate({"left":0}, 1000, function() {
 +
          $("#slide1").html(cont[now]);
 +
          $("#slide1").css("left", 0);
 +
          $("#slide2").css("left", 1350);
 +
  $("#slide1").removeClass("cur");
 +
          });
 +
  }
 +
  });
});
});
-
var bannerRotate = {
 
-
_time: 3000,
 
-
_fade: 200,
 
-
_i: 0,
 
-
_interval: null,
 
-
_navId: "#mb-inav",
 
-
_navBox: "#mb-ibox",
 
-
_navTxt: "#mb-itxt",
 
-
bannerShow: function() {
 
-
$(this._navId).find("li a").removeClass("cur");
 
-
$(this._navId).find("li:eq("+this._i+")").find("a").addClass("cur");
 
-
 
-
$(this._navBox).find("a").fadeOut(this._fade);
 
-
$(this._navBox).find("a:eq("+this._i+")").fadeIn(this._fade);
 
-
 
-
$(this._navTxt).find("div").hide();
 
-
$(this._navTxt).find("div:eq("+this._i+")").fadeIn(this._fade);
 
-
},
 
-
bannerStart:function() {
 
-
var _this = this;
 
-
_this._interval = setInterval(function() {
 
-
if(_this._i >= 2) {
 
-
_this._i = 0;
 
-
}
 
-
else {
 
-
_this._i++;
 
-
}
 
-
_this.bannerShow();
 
-
}, _this._time);
 
-
},
 
-
bannerInit: function() {
 
-
var _this = this;
 
-
_this.bannerStart();
 
-
$(_this._navId).find("li a").bind("mouseover", function() {
 
-
clearInterval(_this._interval);
 
-
_this._i = $(this).parent().index();
 
-
_this.bannerShow();
 
-
_this.bannerStart();
 
-
});
 
-
}
 
-
};
 
</script>
</script>
</head>
</head>
-
<body>
 
 +
<body topmargin="0">
<div id="page">
<div id="page">
<div id="logo"><img src="https://static.igem.org/mediawiki/2014hs/7/73/NFLSLOGONEW.jpg" width="250" height="157" alt="iGEM_NFLS" /></div>
<div id="logo"><img src="https://static.igem.org/mediawiki/2014hs/7/73/NFLSLOGONEW.jpg" width="250" height="157" alt="iGEM_NFLS" /></div>
-
  <div id="banner"><img src="https://static.igem.org/mediawiki/2014hs/3/31/NFLS_banner.jpg" width="1350" height="100" alt="banner" /></div>
+
<div id="banner"><img src="https://static.igem.org/mediawiki/2014hs/3/31/NFLS_banner.jpg" width="1350" height="100" alt="banner" /></div>
<div id="primary-nav">
<div id="primary-nav">
   <ul>
   <ul>
-
   <li class="selected" id="nav-main" ><a href="https://2014hs.igem.org/Team:Nanjing_NFLS">MAIN</a></li>
+
   <li id="nav-main" ><a href="https://2014hs.igem.org/Team:Nanjing_NFLS">MAIN</a></li>
   <li id="nav-project"><a href="https://2014hs.igem.org/Team:Nanjing_NFLS/project.html">PROJECT</a></li>
   <li id="nav-project"><a href="https://2014hs.igem.org/Team:Nanjing_NFLS/project.html">PROJECT</a></li>
   <li id="nav-biobricks"><a href="https://2014hs.igem.org/Team:Nanjing_NFLS/biobricks.html">BIOBRICKS</a></li>
   <li id="nav-biobricks"><a href="https://2014hs.igem.org/Team:Nanjing_NFLS/biobricks.html">BIOBRICKS</a></li>
   <li id="nav-notebook"><a href="https://2014hs.igem.org/Team:Nanjing_NFLS/notebook.html">NOTEBOOK</a></li>
   <li id="nav-notebook"><a href="https://2014hs.igem.org/Team:Nanjing_NFLS/notebook.html">NOTEBOOK</a></li>
-
   <li id="nav-safety"><a href="https://2014hs.igem.org/Team:Nanjing_NFLS/safety.html">SAFETY</a></li>
+
   <li class="selected" id="nav-safety"><a href="https://2014hs.igem.org/Team:Nanjing_NFLS/safety.html">SAFETY</a></li>
   <li id="nav-humanpractice"><a href="https://2014hs.igem.org/Team:Nanjing_NFLS/humanpractice.html">HUMAN PRACTICE</a></li>
   <li id="nav-humanpractice"><a href="https://2014hs.igem.org/Team:Nanjing_NFLS/humanpractice.html">HUMAN PRACTICE</a></li>
   <li id="nav-team"><a href="https://2014hs.igem.org/Team:Nanjing_NFLS/team.html">TEAM</a></li>
   <li id="nav-team"><a href="https://2014hs.igem.org/Team:Nanjing_NFLS/team.html">TEAM</a></li>
Line 451: Line 492:
   <div id="menuPbar3" class="menuPlist" style="top:96px" onclick="document.location.href='https://2014hs.igem.org/Team:Nanjing_NFLS/biobricks.html';">FUNCTION</div>
   <div id="menuPbar3" class="menuPlist" style="top:96px" onclick="document.location.href='https://2014hs.igem.org/Team:Nanjing_NFLS/biobricks.html';">FUNCTION</div>
   <div id="menuPbar4" class="menuPlist" style="top:136px" onclick="document.location.href='https://2014hs.igem.org/Team:Nanjing_NFLS/project.html#9';">ADVANTAGE</div>
   <div id="menuPbar4" class="menuPlist" style="top:136px" onclick="document.location.href='https://2014hs.igem.org/Team:Nanjing_NFLS/project.html#9';">ADVANTAGE</div>
-
   <div id="menuPbar5" class="menuPlist" style="top:176px" onclick="document.location.href='https://2014hs.igem.org/Team:Nanjing_NFLS/notebook.html#design';;">DESIGN</div>
+
   <div id="menuPbar5" class="menuPlist" style="top:176px" onclick="document.location.href='https://2014hs.igem.org/Team:Nanjing_NFLS/notebook.html#design';">DESIGN</div>
   <div id="menuPbar6" class="menuPlist" style="top:216px" onclick="document.location.href='https://2014hs.igem.org/Team:Nanjing_NFLS/notebook.html#buildup';">BUILD UP</div>
   <div id="menuPbar6" class="menuPlist" style="top:216px" onclick="document.location.href='https://2014hs.igem.org/Team:Nanjing_NFLS/notebook.html#buildup';">BUILD UP</div>
   <div id="menuP-hbar1" class="menuP-hbar" style="top:55px"></div>
   <div id="menuP-hbar1" class="menuP-hbar" style="top:55px"></div>
Line 466: Line 507:
   <div id="menuN-hbar2" class="menuN-hbar" style="top:95px"></div>
   <div id="menuN-hbar2" class="menuN-hbar" style="top:95px"></div>
</div>
</div>
 +
 
 +
  <div id="mainframe">
 +
    <div id="leftarrow">
 +
      <img src="https://static.igem.org/mediawiki/2014hs/9/97/LeftArrow.png" width="100" height="100" alt="leftArrow" />
 +
    </div>
 +
    <div id="slide1">
 +
    </div>
 +
    <div id="slide2">
 +
    </div>
 +
    <div id="rightarrow">
 +
        <img src="https://static.igem.org/mediawiki/2014hs/c/cc/RightArrow.png" width="100" height="100" alt="rightArrow" />
 +
    </div>
 +
  </div>
</div>
</div>
-
 
+
<div id="bottom" style="text-align:center;"><img src="https://static.igem.org/mediawiki/2014hs/a/a2/NFLS_bottom.png" width="1350" height="50" alt="bottomimage" /></div>
-
<div class="m-banner">
+
-
<div id="mb-itxt" class="mb-news fl">
+
-
<div style="display:block;">
+
-
<h4><a href="/">Q1</a></h4>
+
-
<p>Would any of your project ideas raise safety issues in terms of: researcher safety, public safety, or environmental safety?
+
-
</p>
+
-
</div>
+
-
<div style="display:none;">
+
-
<h4><a href="/">Q2&Q3</a></h4>
+
-
<p>Q2:Do any of the new BioBrick parts (or devices) that you made this year raise safety issues? </p>
+
-
                        <p>Q3:Is there a local biosafety group, committee, or review board at your institution? </p>
+
-
</div>
+
-
<div style="display:none;">
+
-
<h4><a href="/">Q4</a></h4>
+
-
<p>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?</p>
+
-
</div>
+
-
</div>
+
-
<div class="mb-img fl clearfix">
+
-
<ul id="mb-inav" class="mb-inav fl">
+
-
<li><a class="cur"></a></li>
+
-
<li><a></a></li>
+
-
<li><a></a></li>
+
-
</ul>
+
-
<div id="mb-ibox" class="mb-ibox fl">
+
-
<a  style="display:block;">The biological materials used in our project are not related to pathogenicity and/or toxicity. The organism that we worked with in this project include non-pathogenic strains of E. coli, DH5α, which belongs to Risk Group 1 (no or low individual and community risk): a microorganism that is unlikely to cause human or animal disease. E. coli, DH5α has been widely used in the field of synthetic biology and its safety has long been proved. In order to test the tool system we developed, we also work on CHO cells, Chinese Hamster Ovary cells, which is widely used in genetic engineering and pharmaceutical field and proved to be safe. The coding that we inserted in to the CHO cells are basic standardized parts of GFP and RFP, which will not in any way raise safety concerns.
+
-
All personnel working in the project have been trained with sufficient knowledge of laboratory safety and follow the safety regulations the university lab we worked in strictly. The entire process did not pose any danger on the researchers and shall not in case of accidental leakage.
+
-
All tissues and cells are inactivated before being disposed. The standard method of inactivation is exposure to 96% formic acid overnight. The disposed materials do not in any way pose danger to either the public or the environment. In accidental leakage of the inactivated material, no serious safety problem will be caused because the tissues and non-pathogenic bacteria will only survive under strict laboratory environment inn theory.
+
-
 
+
-
</a>
+
-
<a ><p>Answer2: No, all new BioBrick parts, including CRISPR-Cas9 enzyme, guide-RNA and homologous arms, do not raised safety issues even under the case of accidental leakage. The enzyme will not pose danger by editing genes of any species unless are maliciously designed.</p>
+
-
    <p>Answer3: Our high school, Nanjing Foreign Language School, does not have its biosafety committee or group. However, it has strict regulations regarding biosafety and laboratory safety, which are accordingly followed by all members participating this iGEM project.
+
-
The China Pharmaceutical University, in which the laboratory experiments of this project is carried out, has its special office responsible for biosafety inspection. It is well aware of the ongoing of our project and has approved all usage of bio materials and equipment.
+
-
We also follow the National Accreditation Criteria for Laboratory Bio-safety. </p>
+
-
</a>
+
-
<a>The gene editing tool kit that we designed can be applied into the deletion and knock-out of stably integrated gene system.
+
-
From a biosafety perspective, this tool kit can be used to remove genetic engineering research and development projects to filter the use of antibiotic resistance genes, thereby preventing the gene spread in subsequent research and applications, improve the safety of resistance genes used.
+
-
</a>
+
-
</div>
+
-
</div>  
+
</div>
</div>
-
<div style="text-align:center;clear:both">
+
<div id="linkp"><a href="https://static.igem.org/mediawiki/2014hs/a/af/NFLSBioSafe.pdf">National Accreditation Criteria for Laboratory Bio-safety.</a></div>
-
</div>
+
-
 
+
-
<div id="bottom" style="text-align:center;"><img src="https://static.igem.org/mediawiki/2014hs/a/a2/NFLS_bottom.png" width="1350" height="50" alt="bottomimage" /></div>
+
-
 
+
</body>
</body>
</html>
</html>

Latest revision as of 02:38, 21 June 2014

Safety | iGEM Nanjing_NFLS

leftArrow
rightArrow
bottomimage