Team:Nanjing NFLS/safety.html

From 2014hs.igem.org

(Difference between revisions)
Line 1: Line 1:
-
{{Template:NFLSIndex}}
 
-
<html>
 
-
<div id="primary-nav">
 
-
  <ul>
 
-
  <li  id="nav-main" ><a href="https://2014hs.igem.org/Team:Nanjing_NFLS/main.html">MAIN</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-notebook"><a href="https://2014hs.igem.org/Team:Nanjing_NFLS/notebook.html">NOTEBOOK</a></li>
 
-
  <li id="nav-safety" class="selected"><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-team"><a href="https://2014hs.igem.org/Team:Nanjing_NFLS/team.html">TEAM</a></li>
 
-
  <li id="av-ourpartners"><a href="https://2014hs.igem.org/Team:Nanjing_NFLS/ourpartners.html">OUR PARTNERS</a></li>
 
-
  <li id="nav-contactus"><a href="mailto:shushutaishuaile@outlook.com">CONTACT US</a></li>
 
-
  </ul>
 
-
</div>
 
-
</html>
 
<html xmlns="http://www.w3.org/1999/xhtml">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<head>
<title>索引按钮竖向排放jquery图片切换</title>
<title>索引按钮竖向排放jquery图片切换</title>
<style type="text/css">
<style type="text/css">
 +
 +
#menubar {
 +
font-size: 12px
 +
}
 +
p{
 +
line-height:100%
 +
}
 +
div#contentSub{
 +
    display: none;
 +
    position: absolute;
 +
    left: 0px;
 +
    top: 0px;
 +
}
 +
div#top-section{
 +
    background: url() no repeat;
 +
    background-color:#E3E3E3;
 +
    color: #D1E9E9;
 +
    height: 0px;
 +
    width:  100%;
 +
    border: 0px;
 +
 +
}
 +
#content
 +
{
 +
border:none;
 +
height: 100%;
 +
margin:0 0 0 0px;
 +
padding:0;
 +
position: absolute;
 +
background-color: #E3E3E3;
 +
line-height: normal;
 +
    width: 1350px;
 +
    border-left-width:0px;
 +
    border-right-width:0px;
 +
    padding:0px;
 +
}
 +
 +
#p-logo {
 +
    height:0px; overflow:hidden; display: none;
 +
}
 +
#top-section {
 +
    background-color: #444444;
 +
    height: 0px;
 +
    border-width:0px;
 +
    border-top-width:0px;
 +
}
 +
 +
#contentSub {
 +
display: none;
 +
}
 +
 +
.firstHeading {
 +
    display: none;
 +
}
 +
div#catlinks {
 +
    visibility: hidden;
 +
    height: 0px;
 +
}
 +
#searchInput
 +
{
 +
    position:relative;
 +
    height:0px;
 +
    margin-bottom:0em;
 +
    visibility:hidden;
 +
}
 +
input.searchButton
 +
{
 +
    height:0px;
 +
    margin-bottom:0em;
 +
    visibility:hidden;
 +
}
 +
#footer-box{display:none;}
 +
#catlinks{display:none;}
*{margin:0;padding:0;list-style-type:none;}
*{margin:0;padding:0;list-style-type:none;}
-
a,img{border:0;}
+
a,img{border:0;}body {
-
body{font:12px "Helvetica Neue",Helvetica,STheiti,微软雅黑,黑体,Arial,Tahoma,sans-serif,serif; }
+
background-color: #E3E3E3;
-
body{background:#E3E3E3}
+
font: century ;
 +
width: 1350px;
 +
padding: 0px;
 +
margin: 0px;
 +
border: 0px;
 +
}
 +
body,td,th {
 +
font-size: large;
 +
color: #000;
 +
font-family: "Century Gothic";
 +
}
 +
#page {
 +
margin-left:auto;
 +
margin-right:auto;
 +
position: absolute;
 +
width: 1350px;
 +
height: 648px;
 +
z-index: 0;
 +
left: 0px;
 +
top: 0px;
 +
overflow: hidden;
 +
font-size: 16px;
 +
}
 +
#logo {
 +
position: absolute;
 +
width: 250px;
 +
height: 157px;
 +
z-index: 1;
 +
left: 32px;
 +
top: 1px;
 +
}
 +
#primary-nav {
 +
position: absolute;
 +
width: 1095px;
 +
height: 60px;
 +
z-index: 2;
 +
right: 0px;
 +
top: 102px;
 +
}
 +
#primary-nav li{
 +
display: inline;
 +
list-style-type: none;
 +
overflow: hidden;
 +
}
 +
#primary-nav li a{
 +
margin-right: 15px;
 +
padding-top: 4px;
 +
overflow: hidden;
 +
color: #000;
 +
padding-top: 4px;
 +
text-decoration: none;
 +
border-top-width: 4px;
 +
border-top-style: solid;
 +
border-top-color: #E3E3E3;
 +
}
 +
#nav-contactus a{
 +
border-top-color: #000 !important;
 +
margin-left: 80px;
 +
}
 +
#nav-contactus a:hover{
 +
border-top-color: #2080C0 !important;
 +
}
 +
#primary-nav li a:hover{
 +
color: #2080C0;
 +
}
 +
#primary-nav li.selected a{
 +
border-top-color: #2080C0;
 +
color: #2080C0;
 +
}
 +
#menuProject{
 +
position: absolute;
 +
width: 160px;
 +
height: 256px;
 +
left: -500px;
 +
top: 136px;
 +
z-index: 18;
 +
cursor: pointer;
 +
}
 +
.menuPlist{
 +
position: absolute;
 +
padding-left: 20px;
 +
line-height: 40px;
 +
width: 140px;
 +
height: 40px;
 +
left: 0px;
 +
color: #FFF;
 +
background: rgba(50, 50, 50, 0.5);
 +
}
 +
.menuP-hbar {
 +
position: absolute;
 +
left: 20px;
 +
width: 110px;
 +
height: 3px;
 +
background-color: #0D7DBC;
 +
z-index: 19;
 +
}
 +
#menuNotebook{
 +
position: absolute;
 +
width: 160px;
 +
height: 136px;
 +
left: -500px;
 +
top: 136px;
 +
z-index: 18;
 +
cursor: pointer;
 +
}
 +
.menuNlist{
 +
position: absolute;
 +
padding-left: 20px;
 +
line-height: 40px;
 +
width: 140px;
 +
height: 40px;
 +
left: 0px;
 +
color: #FFF;
 +
background: rgba(50, 50, 50, 0.5);
 +
}
 +
.menuN-hbar {
 +
position: absolute;
 +
left: 20px;
 +
width: 110px;
 +
height: 3px;
 +
background-color: #0D7DBC;
 +
z-index: 19;
 +
}
 +
#bottom {
 +
position: absolute;
 +
width: 100%;
 +
height: 50px;
 +
left: 0px;
 +
top: 598px;
 +
opacity: 0.6;
 +
}
 +
#banner {
 +
position: absolute;
 +
width: 1350px;
 +
height: 100px;
 +
z-index: 19;
 +
left: 282px;
 +
top: 0px;
 +
opacity: 0.6;
 +
}
.fl{float:left}
.fl{float:left}
a{text-decoration:none;color:black;}
a{text-decoration:none;color:black;}
Line 43: Line 239:
.mb-ibox a{width:600px;height:239px;position:absolute;top:-650px;left:155px;z-index:10;text-decoration:none;display:none;font-size:16px;}
.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 src="/ajaxjs/jquery-1.9.1.min.js" type="text/javascript"></script>
+
<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(){
+
function mousePosition(ev){
 +
    if(ev.pageX || ev.pageY){
 +
        return {x:ev.pageX, y:ev.pageY};
 +
    }
 +
    return {
 +
        x:ev.clientX + document.body.scrollLeft - document.body.clientLeft,
 +
        y:ev.clientY + document.body.scrollTop - document.body.clientTop
 +
    };
 +
}
 +
$(function(ev){
 +
  var menu1 = $("div.menuPlist");
 +
  var menu2 = $("div.menuNlist");
 +
  $("#menuProject").css("height", "0px");
 +
  $("#menuNotebook").css("height", "0px");
 +
  $("#nav-notebook").mouseover(function(){
 +
  if ($("#menuNotebook").hasClass("cur")) {
 +
  return;
 +
  };
 +
  $("#menuNotebook").addClass("cur");
 +
  $("#menuNotebook").css("left", "532px");
 +
  $("#menuNotebook").animate({height:'136px'}, 500, function(){
 +
  $("#menuNotebook").removeClass("cur");
 +
  });
 +
  });
 +
  $("#nav-notebook").mouseout(function(ev){
 +
  $("#menuNotebook").addClass("cur");
 +
  var mousePos = mousePosition(ev);
 +
  if (mousePos.y < 136) {
 +
  $("#menuNotebook").animate({height:'0px'}, 500, function(){
 +
  $("#menuNotebook").css("left", "-500px");
 +
          $("#menuNotebook").removeClass("cur");
 +
  });
 +
  }
 +
  else {
 +
      $("#menuNotebook").removeClass("cur");
 +
  };
 +
  });
 +
  $("#menuNotebook").mouseleave(function(ev){
 +
  $(this).addClass("cur");
 +
  var mousePos = mousePosition(ev);
 +
  if ((mousePos.y > 136) || (mousePos.x > 640) || (mousePos.x < 553)) {
 +
          $("#menuNotebook").animate({height:'0px'}, 500, function(){
 +
      $("#menuNotebook").css("left", "-500px");
 +
  $("#menuNotebook").removeClass("cur");
 +
      });
 +
  }
 +
  else {
 +
      $("#menuNotebook").removeClass("cur");
 +
  };
 +
  });
 +
  $("div.menuNlist").mouseover(function(){
 +
  var i = $.inArray(this, menu2);
 +
  if ($(this).hasClass("cur")) {
 +
  return;
 +
  };
 +
  $(this).addClass("cur");
 +
  $("#" + this.id).animate({left:'-20px', width:'220px', backgroundColor:'rgba(13, 125, 188, 1)'}, 300);
 +
  if (i > 0) {
 +
    $("#menuN-hbar" + String(i)).animate({opacity:'0'}, 200);
 +
  };
 +
  if (i < 2) {
 +
    $("#menuN-hbar" + String(i + 1)).animate({opacity:'0'}, 200);
 +
  };
 +
  });
 +
  $("div.menuNlist").mouseout(function(){
 +
  var i = $.inArray(this, menu2);
 +
  var f = 0;
 +
  $("#" + this.id).animate({left:'0px', width:'140px', backgroundColor:'rgba(50, 50, 50, 0.5)'}, 300, function(){
 +
      $(this).removeClass("cur");
 +
  });
 +
  if (i > 0) {
 +
    $("#menuN-hbar" + String(i)).animate({opacity:'1'}, 200);
 +
  };
 +
  if (i < 2) {
 +
    $("#menuN-hbar" + String(i + 1)).animate({opacity:'1'}, 200);
 +
  };
 +
  });
 +
  $("#nav-project").mouseover(function(){
 +
  if ($("#menuProject").hasClass("cur")) {
 +
  return;
 +
  };
 +
  $("#menuProject").addClass("cur");
 +
  $("#menuProject").css("left", "340px");
 +
  $("#menuProject").animate({height:'256px'}, 500, function(){
 +
  $("#menuNotebook").removeClass("cur");
 +
  });
 +
  });
 +
  $("#nav-project").mouseout(function(ev){
 +
  $("#menuProject").addClass("cur");
 +
  var mousePos = mousePosition(ev);
 +
  if (mousePos.y < 136) {
 +
      $("#menuProject").animate({height:'0px'}, 500, function(){
 +
  $("#menuProject").css("left", "-500px");
 +
          $("#menuProject").removeClass("cur");
 +
  });
 +
  }
 +
  else {
 +
      $("#menuProject").removeClass("cur");
 +
  };
 +
  });
 +
  $("#menuProject").mouseleave(function(ev){
 +
  $(this).addClass("cur");
 +
  var mousePos = mousePosition(ev);
 +
  if ((mousePos.y > 136) || (mousePos.x > 430) || (mousePos.x < 361)) {
 +
          $("#menuProject").animate({height:'0px'}, 500, function(){
 +
      $("#menuProject").css("left", "-500px");
 +
  $("#menuProject").removeClass("cur");
 +
      });
 +
  }
 +
  else {
 +
      $("#menuProject").removeClass("cur");
 +
  };
 +
  });
 +
  $("div.menuPlist").mouseover(function(){
 +
  var i = $.inArray(this, menu1);
 +
  if ($(this).hasClass("cur")) {
 +
  return;
 +
  };
 +
  $(this).addClass("cur");
 +
  $("#" + this.id).animate({left:'-20px', width:'220px', backgroundColor:'rgba(13, 125, 188, 1)'}, 300);
 +
  if (i > 0) {
 +
    $("#menuP-hbar" + String(i)).animate({opacity:'0'}, 200);
 +
  };
 +
  if (i < 5) {
 +
    $("#menuP-hbar" + String(i + 1)).animate({opacity:'0'}, 200);
 +
  };
 +
  });
 +
  $("div.menuPlist").mouseout(function(){
 +
  var i = $.inArray(this, menu1);
 +
  var f = 0;
 +
  $("#" + this.id).animate({left:'0px', width:'140px', backgroundColor:'rgba(50, 50, 50, 0.5)'}, 300, function(){
 +
      $(this).removeClass("cur");
 +
  });
 +
  if (i > 0) {
 +
    $("#menuP-hbar" + String(i)).animate({opacity:'1'}, 200);
 +
  };
 +
  if (i < 5) {
 +
    $("#menuP-hbar" + String(i + 1)).animate({opacity:'1'}, 200);
 +
  };
 +
  });
// 图片轮播
// 图片轮播
bannerRotate.bannerInit();
bannerRotate.bannerInit();
Line 93: Line 429:
</head>
</head>
<body>
<body>
 +
 +
<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="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">
 +
  <ul>
 +
  <li class="selected" 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-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-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-team"><a href="https://2014hs.igem.org/Team:Nanjing_NFLS/team.html">TEAM</a></li>
 +
  <li id="nav-ourpartners"><a href="https://2014hs.igem.org/Team:Nanjing_NFLS/ourpartners.html">OUR PARTNERS</a></li>
 +
  <li id="nav-contactus"><a href="mailto:shushutaishuaile@outlook.com">CONTACT US</a></li>
 +
  </ul>
 +
</div>
 +
<div id="menuProject">
 +
  <div id="menuPbar1" class="menuPlist" style="top:16px" onclick="document.location.href='https://2014hs.igem.org/Team:Nanjing_NFLS/project.html#0';">ABSTRACT</div>
 +
  <div id="menuPbar2" class="menuPlist" style="top:56px" onclick="document.location.href='https://2014hs.igem.org/Team:Nanjing_NFLS/project.html#1';">TOOKIT</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="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="menuP-hbar1" class="menuP-hbar" style="top:55px"></div>
 +
  <div id="menuP-hbar2" class="menuP-hbar" style="top:95px"></div>
 +
  <div id="menuP-hbar3" class="menuP-hbar" style="top:135px"></div>
 +
  <div id="menuP-hbar4" class="menuP-hbar" style="top:175px"></div>
 +
  <div id="menuP-hbar5" class="menuP-hbar" style="top:215px"></div>
 +
</div>
 +
<div id="menuNotebook">
 +
  <div id="menuNbar1" class="menuNlist" style="top:16px" onclick="document.location.href='https://2014hs.igem.org/Team:Nanjing_NFLS/notebook.html#prove';">PROVE</div>
 +
  <div id="menuNbar2" class="menuNlist" style="top:56px" onclick="document.location.href='https://2014hs.igem.org/Team:Nanjing_NFLS/notebook.html#buildup';">BUILD UP</div>
 +
  <div id="menuNbar3" class="menuNlist" style="top:96px" onclick="document.location.href='https://2014hs.igem.org/Team:Nanjing_NFLS/notebook.html';">EXAMINE</div>
 +
  <div id="menuN-hbar1" class="menuN-hbar" style="top:55px"></div>
 +
  <div id="menuN-hbar2" class="menuN-hbar" style="top:95px"></div>
 +
</div>
 +
</div>
 +
<div class="m-banner">
<div class="m-banner">
<div id="mb-itxt" class="mb-news fl">
<div id="mb-itxt" class="mb-news fl">
Line 135: Line 510:
<div style="text-align:center;clear:both">
<div style="text-align:center;clear:both">
</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>
{{Template:NFLSIndex}}
{{Template:NFLSIndex}}

Revision as of 15:57, 20 June 2014

索引按钮竖向排放jquery图片切换

Q1

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

Q2&Q3

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

Q3:Is there a local biosafety group, committee, or review board at your institution?

Q4

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?

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.

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.

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.

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.
bottomimage
iGEM Nanjing_NFLS

Retrieved from "http://2014hs.igem.org/Team:Nanjing_NFLS/safety.html"