Difference between revisions of "Team:UI Indonesia/Safety"

 
(26 intermediate revisions by 5 users not shown)
Line 10: Line 10:
 
   <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato">
 
   <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Lato">
 
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
 
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
 +
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
 
</head>
 
</head>
  
Line 69: Line 70:
 
   }
 
   }
  
−
  .navbar {
 
−
    background-color: #4CAF50;
 
−
    position: fixed;
 
−
    top: 10px ;
 
−
    width: 100%;
 
−
    z-index:50;
 
−
  }
 
−
 
−
  .navbar a {
 
−
    float: left;
 
−
    color: white;
 
−
    text-align: center;
 
−
    padding-top: 20px;
 
−
    padding-bottom: 10px;
 
−
    padding-right: 10px;
 
−
    padding-left: 10px;
 
−
    text-decoration: none;
 
−
    font-size: 16px;
 
−
  }
 
−
 
−
  .dropdown {
 
−
    float: left;
 
−
    overflow: hidden;
 
−
  }
 
−
 
−
  .dropdown .dropbtn {
 
−
    font-size: 8px;   
 
−
    border: none;
 
−
    outline: none;
 
−
    color: #f9c89b;
 
−
    padding: 15px 10px;
 
−
    background-color: inherit;
 
−
  }
 
−
 
−
  .navbar a:hover, .dropdown:hover .dropbtn {
 
−
    background-color: #8bc34a;
 
−
  }
 
−
 
−
  .dropdown-content {
 
−
    display: none;
 
−
    position: absolute;
 
−
    background-color: #ddffdd;
 
−
    min-width: 160px;
 
−
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 
−
    z-index: 100;
 
−
    top: 60px;
 
−
    font-size: 8 px;
 
−
  }
 
−
 
−
  .dropdown-content a {
 
−
    float: none;
 
−
    color: black;
 
−
    padding: 12px 18px;
 
−
    text-decoration: none;
 
−
    display: block;
 
−
    text-align: left;
 
−
  }
 
−
 
−
  .dropdown-content a:hover {
 
−
    background-color: #8bc34a;
 
−
  }
 
−
 
−
  .dropdown:hover .dropdown-content {
 
−
    display: block;
 
−
    position: fixed;
 
−
  }
 
  
 
   .container {
 
   .container {
Line 180: Line 115:
 
     text-align: center;
 
     text-align: center;
 
   }
 
   }
 +
  <!---- MT NAVBAR --->
 +
.sidebar-nav {
 +
  padding: 9px 0;
 +
}
  
 +
.dropdown-menu .sub-menu {
 +
  left: 100%;
 +
  position: absolute;
 +
  top: 0;
 +
  visibility: hidden;
 +
  margin-top: -1px;
 +
}
 +
 +
.dropdown-menu li:hover .sub-menu {
 +
  visibility: visible;
 +
}
 +
 +
.dropdown:hover .dropdown-menu {
 +
  display: block;
 +
}
 +
 +
.nav-tabs .dropdown-menu,
 +
.nav-pills .dropdown-menu,
 +
.navbar .dropdown-menu {
 +
  margin-top: 0;
 +
}
 +
 +
.navbar .sub-menu:before {
 +
  border-bottom: 7px solid transparent;
 +
  border-left: none;
 +
  border-right: 7px solid rgba(0, 0, 0, 0.2);
 +
  border-top: 7px solid transparent;
 +
  left: -7px;
 +
  top: 10px;
 +
}
 +
 +
.navbar .sub-menu:after {
 +
  border-top: 6px solid transparent;
 +
  border-left: none;
 +
  border-right: 6px solid #fff;
 +
  border-bottom: 6px solid transparent;
 +
  left: 10px;
 +
  top: 11px;
 +
  left: -6px;
 +
}
 +
 +
.dropdown>ul{
 +
background-color:#ddffdd;
 +
}
 +
 +
.dropdown:hover{
 +
background-color:#9ff99f;
 +
}
 +
.navbar-header:hover{
 +
background-color:#4CAF50;
 +
}
 +
.dropdown-menu>li>a:hover{
 +
background-color:#4CAF50; 
 +
}
 +
.navbar-nav>li:hover{
 +
background-color:#4CAF50;
 +
}
 +
 +
.navbar-default{
 +
background-color:#1F2421}
 +
border-color:none;
 +
}
 +
.navbar-default .navbar-brand:focus, .navbar-default .navbar-brand:hover{
 +
color:white;}
 +
.navbar-default .navbar-brand{
 +
color:white;}
 +
.navbar-default .navbar-nav>li>a{
 +
color:white;
 +
}
 +
 +
.dropdown-menu{
 +
background-color:#ddffdd;
 +
}
 +
.current{
 +
    background-color:#4CAF50; 
 +
}
 +
.navbar-default .navbar-nav>.open>a{
 +
background-color:1F2421;color:white;}
 +
 +
.navbar{
 +
margin:0px;border:0px;}
 +
 +
h5{
 +
font-size:20px;
 +
text-align:justify;
 +
}
 +
h6{
 +
font-size:16px;
 +
}
 +
.ref{
 +
font-size:18px;
 +
}
 +
#myBtn {
 +
  display: none;
 +
  position: fixed;
 +
  bottom: 20px;
 +
  right: 30px;
 +
  z-index: 99;
 +
  font-size: 18px;
 +
  border: none;
 +
  outline: none;
 +
  background-color:transparent;
 +
  color: white;
 +
  cursor: pointer;
 +
  padding: 15px;
 +
  border-radius: 4px;
 +
}
 +
 +
#myBtn:hover {
 +
  background-color: #555;
 +
}
 
</style>
 
</style>
  
 
<body>
 
<body>
 +
<button onclick="topFunction()" id="myBtn" title="Go to top"><img src="https://image.flaticon.com/icons/png/512/14/14747.png" style="width:50px;height:50px;"></button>
 +
 
<!-- Navbar -->
 
<!-- Navbar -->
−
<div class="navbar">
+
<nav class="navbar navbar-default">
−
   <!-- 1 -->
+
  <div class="navbar-inner">
−
  <a class="w3-bar-item w3-light-green" href="https://2018.igem.org/Team:UI_Indonesia">Home</a>
+
   <div class="container-fluid">
−
  <!-- 2 -->
+
    <div class="navbar-header">
−
  <div class="dropdown">
+
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
−
    <a href="https://2018.igem.org/Team:UI_Indonesia/Project">Project▾</a>
+
        <span class="icon-bar"></span>
−
      <div class="dropdown-content">
+
        <span class="icon-bar"></span>
−
        <a href="https://2018.igem.org/Team:UI_Indonesia/Project#overview">Overview</a>
+
        <span class="icon-bar"></span>                       
−
        <a href="https://2018.igem.org/Team:UI_Indonesia/Project#ourproject">Our Project</a>
+
      </button>
−
        <a href="https://2018.igem.org/Team:UI_Indonesia/Project#resultsanddiscuccions">Results and Discussions</a>
+
      <a class="navbar-brand" href="https://2018.igem.org/Team:UI_Indonesia">Home</a>
−
      </div>
+
    </div>
−
  </div>
+
    <div class="collapse navbar-collapse" id="myNavbar">
−
  <!-- 3 -->
+
      <ul class="nav navbar-nav navbar-right">
−
  <div class="dropdown">
+
        <li class="dropdown navbar-project">
−
    <a href="https://2018.igem.org/Team:UI_Indonesia/Parts">Parts</a>
+
          <a href="https://2018.igem.org/Team:UI_Indonesia/Project">Project<span class="caret"></span></a>
−
<!--      <div class="dropdown-content">
+
          <ul class="dropdown-menu">
−
        <a href="https://2018.igem.org/Team:UI_Indonesia/Parts#">Overview</a>
+
            <li><a href="https://2018.igem.org/Team:UI_Indonesia/Project#">Overview</a></li>
−
        <a href="https://2018.igem.org/Team:UI_Indonesia/Parts#">Our Project</a>
+
            <li><a href="https://2018.igem.org/Team:UI_Indonesia/Project#ourproject">Our Project</a></li>
−
        <a href="https://2018.igem.org/Team:UI_Indonesia/Parts#">Results and Discussions</a>
+
            <li><a href="https://2018.igem.org/Team:UI_Indonesia/Project#resultsanddiscuccions">Results and Discussions</a></li>
−
      </div> -->
+
          </ul>
−
  </div>
+
        </li>
−
  <!-- 4 -->
+
        <li class="navbar-parts"><a href="https://2018.igem.org/Team:UI_Indonesia/Parts">Parts</a></li>
−
  <a href="https://2018.igem.org/Team:UI_Indonesia/Safety">Safety</a>
+
    <li class="navbar-safety current"><a href="https://2018.igem.org/Team:UI_Indonesia/Safety">Safety</a></li>
−
  <!-- 5 -->
+
    <li class="dropdown navbar-interlab">
−
  <div class="dropdown">
+
          <a href="https://2018.igem.org/Team:UI_Indonesia/InterLab">InterLab<span class="caret"></span></a>
−
    <a href="https://2018.igem.org/Team:UI_Indonesia/InterLab"">InterLab▾</a>
+
          <ul class="dropdown-menu">
−
      <div class="dropdown-content">
+
            <li><a href="https://2018.igem.org/Team:UI_Indonesia/InterLab#intro">Introduction</a></li>
−
        <a href="https://2018.igem.org/Team:UI_Indonesia/InterLab#intro">Introduction</a>
+
            <li><a href="https://2018.igem.org/Team:UI_Indonesia/InterLab#materials">Materials and Equipment</a></li>
−
        <a href="https://2018.igem.org/Team:UI_Indonesia/InterLab#materials">Materials and Equipment</a>
+
            <li><a href="https://2018.igem.org/Team:UI_Indonesia/InterLab#methods">Methods</a></li>
−
        <a href="https://2018.igem.org/Team:UI_Indonesia/InterLab#methods">Methods</a>
+
      <li><a href="https://2018.igem.org/Team:UI_Indonesia/InterLab#results">Results and Discussions</a></li>
−
        <a href="https://2018.igem.org/Team:UI_Indonesia/InterLab#results">Results and Discussions</a>
+
      <li><a href="https://2018.igem.org/Team:UI_Indonesia/InterLab#conclusions">Conclusions</a></li>
−
        <a href="https://2018.igem.org/Team:UI_Indonesia/InterLab#conclusions">Conclusions</a>
+
          </ul>
−
      </div>
+
        </li>
−
  </div>
+
    <li class="navbar-model"><a href="https://2018.igem.org/Team:UI_Indonesia/Model">Model</a></li>
−
  <!-- 6 -->
+
    <li class="dropdown navbar-humanpractice">
−
  <div class="dropdown">
+
          <a href="https://2018.igem.org/Team:UI_Indonesia/Human_Practices">Human Practices<span class="caret"></span></a>
−
    <a href="https://2018.igem.org/Team:UI_Indonesia/Model">Model</a>
+
          <ul class="dropdown-menu">
−
<!--      <div class="dropdown-content">
+
            <li><a href="https://2018.igem.org/Team:UI_Indonesia/Human_Practices">Integrated Human Practice</a></li>
−
        <a href="https://2018.igem.org/Team:UI_Indonesia/Model#">Overview</a>
+
            <li><a href="https://2018.igem.org/Team:UI_Indonesia/Public_Engagement">Education and Public Engagement</a></li>
−
        <a href="https://2018.igem.org/Team:UI_Indonesia/Model#">Our Project</a>
+
            <li><a href="https://2018.igem.org/Team:UI_Indonesia/Human_Practices#catalogue">Human Practice Catalogue</a></li>
−
        <a href="https://2018.igem.org/Team:UI_Indonesia/Model#">Results and Discussions</a>
+
          </ul>
−
      </div> -->
+
    </li>
−
  </div>
+
    <li class="navbar-improve"><a href="https://2018.igem.org/Team:UI_Indonesia/Improve">Improve</a></li>
−
  <!-- 7 -->
+
    <li class="navbar-team"><a href="https://2018.igem.org/Team:UI_Indonesia/Team">Team</a></li>
−
  <div class="dropdown">
+
    <li class="navbar-collaborations"><a href="https://2018.igem.org/Team:UI_Indonesia/Collaborations">Collaborations</a></li>
−
    <a href="https://2018.igem.org/Team:UI_Indonesia/HumanPractices">Human Practices▾</a>
+
        <li class="dropdown navbar-attributions">
−
      <div class="dropdown-content">
+
          <a href="https://2018.igem.org/Team:UI_Indonesia/Attributions">Attributions<span class="caret"></span></a>
−
        <a href="https://2018.igem.org/Team:UI_Indonesia/HumanPractices#campuscampaign">Campus Campaign</a>
+
          <ul class="dropdown-menu">
−
        <a href="https://2018.igem.org/Team:UI_Indonesia/HumanPractices#socialwork">Social Work</a>
+
            <li><a href="https://2018.igem.org/Team:UI_Indonesia/MedalCriteria">Medal Criteria</a></li>
−
        <a href="https://2018.igem.org/Team:UI_Indonesia/HumanPractices#biotraining">Biosafety & Biosecurity Training</a>
+
          </ul>
−
        <a href="https://2018.igem.org/Team:UI_Indonesia/HumanPractices#catalogue">Human Practice Catalogue</a>
+
         </li>
−
      </div>
+
      </ul>
−
  </div>
+
    </div>
−
  <!-- 8 -->
+
−
  <div class="dropdown">
+
−
    <a href="https://2018.igem.org/Team:UI_Indonesia/Improve">Improve</a>
+
−
<!--      <div class="dropdown-content">
+
−
        <a href="https://2018.igem.org/Team:UI_Indonesia/Improve#">Overview</a>
+
−
        <a href="https://2018.igem.org/Team:UI_Indonesia/Improve#">Our Project</a>
+
−
         <a href="https://2018.igem.org/Team:UI_Indonesia/Improve#">Results and Discussions</a>
+
−
      </div> -->
+
 
   </div>
 
   </div>
−
  <!-- 9 -->
 
−
  <a href="https://2018.igem.org/Team:UI_Indonesia/Team">Team</a>
 
−
  <!-- 10 -->
 
−
  <a href="https://2018.igem.org/Team:UI_Indonesia/Collaborations">Collaborations</a>
 
−
  <!-- 11 -->
 
−
  <div class="dropdown">
 
−
    <a href="https://2018.igem.org/Team:UI_Indonesia/Attributions">Attributions</a>
 
−
<!--      <div class="dropdown-content">
 
−
        <a href="https://2018.igem.org/Team:UI_Indonesia/Attributions#">Overview</a>
 
−
        <a href="https://2018.igem.org/Team:UI_Indonesia/Attributions#">Our Project</a>
 
−
        <a href="https://2018.igem.org/Team:UI_Indonesia/Attributions#">Results and Discussions</a>
 
−
      </div> -->
 
 
   </div>
 
   </div>
−
</div>
+
</nav>
  
 
<!-- Container (Introduction Section) -->
 
<!-- Container (Introduction Section) -->
Line 270: Line 302:
  
 
<div class="w3-content w3-container w3-padding-64">
 
<div class="w3-content w3-container w3-padding-64">
 +
<h5>In accordance to the iGEM safety rules, our team used organism classified in the Risk Group 1, such as Escherichia coli K-12-strain derivates. To ensure the safety of ourselves and the project, our lab team worked in a BSL-1 (Biosafety Level 1) laboratory, certified internationally by WHO and CEN, in the Institute of Human Virology and Cancer Biology of the Faculty of Medicine, University of Indonesia. The safety criteria of this lab include risk assessment for each project, safety trainings, and standard operational procedures. Several lab administrative strategies are available such as medical surveillance and vaccination for those working with potentially infected human tissues, accident report, and safety drills.</h5> 
 +
<br>
 +
<div align = "center">
 +
<img src = "https://static.igem.org/mediawiki/2018/6/62/T--UI_Indonesia--genlab.png"</img>
 +
</div>
 +
<br>
  
−
<h5> In accordance to the iGEM safety rules, our team used a cellular
+
<h5> One of our part which raised concern about security is the DiphTox part. The details regarding this part is discussed in <a href ="http://parts.igem.org/Part:BBa_K2607000" style="color:blue">http://parts.igem.org/Part:BBa_K2607000</a> Regarding safety issues, one of the main purposes of the creation of this part is to eliminate the toxic domain of the protein, leaving only the binding domain to be used as test device for HB-EGF/Tar chimeric receptor. In managing the data, our laboratory had applied several safeguards, such as restricted informational access or password-locked computer. We have also discussed this matter with our PI, dr. Budiman Bela, and also with the Lab Biosafety Officer, Mrs. Aroem Naroeni, which also shared the safety aspects of our laboratory.</h5>
−
  organism classified in the <i>Risk Group</i> 1. For the purpose of cloning and
+
 
−
  expression, <i>Escherichia coli</i> K-12-strain derivates were primarily
+
<br>
−
  applied in the lab as the main experimental subjects. Standard plasmids
+
<img src = "https://static.igem.org/mediawiki/2018/8/8d/T--UI_Indonesia--safety1.jpg" width="700"></img>
−
  with standard antibiotic resistance markers were designed to enhance
+
<h6 align ="center"><b>Figure 1</b>. One of our lab member (<i>Left</i>) interviews Mrs. Aroem (<i>Right</i>) for asking any advices and suggestions regarding team’s project and lab safety.</h5>
−
  functions of recombinants selection. To ensure the safety of ourselves and
+
<br><br>
−
  the project, we worked in a BSL-1 (<i>Biosafety type 1</i>) laboratory,
+
 
−
  following standard safety protocols (e.g. masks, gloves, googles, and
+
<h5>As a part of the development of biosafety and biosecurity, iGEM UI team had recently been given the chance to be a speaker in a training conducted by the Indonesian Biorisk Association together with the Federal Bureau Interagency, regarding the potential of dual-use in our project. We planned to consult with the FBI experts about future usage of DiphTox part in this seminar by the end of October 2018.</h5>
−
  protective clothing). The lab also includes the “clean-to-dirty” workflow
+
 
−
  area, which means that lab staffs do not return to a “clean” area after
+
</h5>
−
  working in a “dirty” area. For instance, entering PCR room is forbidden
+
</div>
−
  after working with DNA isolation or bacterial cultures in DNA room.
+
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
−
 
+
   <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
−
  <br><br>
+
<script>
−
 
+
// When the user scrolls down 20px from the top of the document, show the button
−
  One of our project’s part which raised concern about biosecurity is the  
+
window.onscroll = function() {scrollFunction()};
−
  synthetic hand-made <i>Affitoxin</i> (i.e. the binding domain of AB diphtheria
+
 
−
  exotoxin) design. The details regarding this part would be discussed in  
+
function scrollFunction() {
−
  <b>this page</b> (<i><a href = http://parts.igem.org/Part:BBa_K2607000> http://parts.igem.org/Part:BBa_K2607000)</a></i>. The fact
+
    if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
−
  that this part originates from the modification of diphtheria toxin raises
+
        document.getElementById("myBtn").style.display = "block";
−
  concern about safety and security, including the possibilities of dual-use
+
    } else {
−
  research. Regarding safety issues, the main purpose of the creation of this  
+
        document.getElementById("myBtn").style.display = "none";
−
  part is to eliminate the toxic domain of the exotoxin, leaving only the binding  
+
    }
−
  domain to be used to test our chimeric HB-EGF/Tar receptor. However, this
+
}
−
  condition still leaves a security issue regarding dual-use possibilities.  
+
 
−
  Additionally, the creation of this part, if successful, means that we have
+
// When the user clicks on the button, scroll to the top of the document
−
  only isolated the necessary domains needed for binding assays. The full
+
function topFunction() {
−
  sequence could be used to construct another chimeric protein in which the  
+
    document.body.scrollTop = 0;
−
  <i>Affitoxin</i> is linked to a more harmful toxin or material and used to  
+
    document.documentElement.scrollTop = 0;
−
  deliver that harmful part into the cytoplasm of human cells containing
+
}
−
   HB-EGF surface receptor. To handle this, our team are required to comply
+
</script>
−
   with rules of iGEM safety committee to be allowed to not publish the full
+
<!-- Footer -->
−
   sequence in the iGEM UI 2018 Wiki pages.
+
<footer class="w3-center w3-green w3-padding-64 w3-opacity w3-hover-opacity-off">
 +
   <div class="w3-xlarge w3-section">Team UI Indonesia<br>
 +
    <i class="fa fa-envelope w3-hover-opacity"></i>&ensp; igemui2018@gmail.com
 +
  </div>
 +
</footer>
 +
</body>
 +
</html>

Latest revision as of 03:42, 18 October 2018

SAFETY AND SECURITY ASPECTS
In accordance to the iGEM safety rules, our team used organism classified in the Risk Group 1, such as Escherichia coli K-12-strain derivates. To ensure the safety of ourselves and the project, our lab team worked in a BSL-1 (Biosafety Level 1) laboratory, certified internationally by WHO and CEN, in the Institute of Human Virology and Cancer Biology of the Faculty of Medicine, University of Indonesia. The safety criteria of this lab include risk assessment for each project, safety trainings, and standard operational procedures. Several lab administrative strategies are available such as medical surveillance and vaccination for those working with potentially infected human tissues, accident report, and safety drills.


One of our part which raised concern about security is the DiphTox part. The details regarding this part is discussed in http://parts.igem.org/Part:BBa_K2607000 Regarding safety issues, one of the main purposes of the creation of this part is to eliminate the toxic domain of the protein, leaving only the binding domain to be used as test device for HB-EGF/Tar chimeric receptor. In managing the data, our laboratory had applied several safeguards, such as restricted informational access or password-locked computer. We have also discussed this matter with our PI, dr. Budiman Bela, and also with the Lab Biosafety Officer, Mrs. Aroem Naroeni, which also shared the safety aspects of our laboratory.

Figure 1. One of our lab member (Left) interviews Mrs. Aroem (Right) for asking any advices and suggestions regarding team’s project and lab safety.


As a part of the development of biosafety and biosecurity, iGEM UI team had recently been given the chance to be a speaker in a training conducted by the Indonesian Biorisk Association together with the Federal Bureau Interagency, regarding the potential of dual-use in our project. We planned to consult with the FBI experts about future usage of DiphTox part in this seminar by the end of October 2018.
Team UI Indonesia
  igemui2018@gmail.com