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

(Prototype team page)
 
 
(31 intermediate revisions by 5 users not shown)
Line 1: Line 1:
−
{{UI_Indonesia}}
+
{{Template:UI_Indonesia/css}}
−
<html>
+
  
 +
<html lang="en">
  
−
<div class="column full_size">
+
<head>
 +
  <meta charset="UTF-8">
 +
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
 +
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
 +
  <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
 +
  <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://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
 +
</head>
  
−
<h1> Safety </h1>
+
<style>
−
<p>Please visit the <a href="https://2018.igem.org/Safety">Safety Hub</a> to find this year's safety requirements & deadlines, and to learn about safe & responsible research in iGEM.</p>
+
  body,h1,h2,h3,h4,h5,h6 {font-family: "Lato", sans-serif;}
 +
  body, html {
 +
      height: 100%;
 +
      color: #777;
 +
      line-height: 1.5;
 +
  }
 +
  a {
 +
    color: white;
 +
  }
  
−
<p>On this page of your wiki, you should write about how you are addressing any safety issues in your project. The wiki is a place where you can <strong>go beyond the questions on the safety forms</strong>, and write about whatever safety topics are most interesting in your project. (You do not need to copy your safety forms onto this wiki page.)</p>
+
  img {
 +
    display: block;
 +
    margin-left: auto;
 +
    margin-right: auto;
 +
}
  
−
</div>
+
  .mySlides {display: none}
  
 +
  .bgimg-1, .bgimg-2, .bgimg-3, .bgimg-4, .bgimg-5 {
 +
      background-attachment: fixed;
 +
      background-position: center;
 +
      background-repeat: no-repeat;
 +
      background-size: cover;
 +
  }
  
−
<div class="column two_thirds_size">
+
  .bgimg-1 {
−
<h3>Safe Project Design</h3>
+
      background-image: url("https://static.igem.org/mediawiki/2018/0/07/T--UI_Indonesia--bacteria.jpg");
 +
      min-height: 400px;
 +
  }
  
−
<p>Does your project include any safety features? Have you made certain decisions about the design to reduce risks? Write about them here! For example:</p>
+
  .bgimg-2 {
 +
      background-image: url("https://static.igem.org/mediawiki/2018/0/07/T--UI_Indonesia--bacteria.jpg");
 +
      min-height: 400px;
 +
  }
  
−
<ul>
+
  .bgimg-3 {
−
<li>Choosing a non-pathogenic chassis</li>
+
      background-image: url("https://static.igem.org/mediawiki/2018/0/07/T--UI_Indonesia--bacteria.jpg");
−
<li>Choosing parts that will not harm humans / animals / plants</li>
+
      min-height: 400px;
−
<li>Substituting safer materials for dangerous materials in a proof-of-concept experiment</li>
+
  }
−
<li>Including an "induced lethality" or "kill-switch" device</li>
+
−
</ul>
+
  
 +
  .bgimg-4 {
 +
      background-image: url("https://static.igem.org/mediawiki/2018/0/07/T--UI_Indonesia--bacteria.jpg");
 +
      min-height: 400px;
 +
  }
 +
 +
  .bgimg-5 {
 +
      background-image: url("https://static.igem.org/mediawiki/2018/0/07/T--UI_Indonesia--bacteria.jpg");
 +
      min-height: 400px;
 +
  }
 +
 +
  @media only screen and (max-device-width: 1024px) {
 +
      .bgimg-3, .bgimg-4, .bgimg-5 {
 +
          background-attachment: scroll;
 +
      }
 +
  }
 +
 +
 +
  .container {
 +
    position: relative;
 +
    display: block;
 +
    margin-left: auto;
 +
    margin-right: auto;
 +
  }
 +
 +
  .image {
 +
    display: block;
 +
    width: 40%;
 +
    height: auto;
 +
  }
 +
 +
  .overlay {
 +
    position: absolute;
 +
    top: 0;
 +
    bottom: 0;
 +
    left: 0;
 +
    right: 0;
 +
    height: auto;
 +
    width: 40%;
 +
    opacity: 0;
 +
    transition: .5s ease;
 +
    background-color: #4CAF50;
 +
    display: block;
 +
    margin-left: auto;
 +
    margin-right: auto;
 +
  }
 +
 +
  .container:hover .overlay {
 +
    opacity: 0.8;
 +
  }
 +
 +
  .text {
 +
    color: white;
 +
    font-size: 20px;
 +
    position: absolute;
 +
    top: 50%;
 +
    left: 50%;
 +
    -webkit-transform: translate(-50%, -50%);
 +
    -ms-transform: translate(-50%, -50%);
 +
    transform: translate(-50%, -50%);
 +
    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>
 +
 +
<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 -->
 +
<nav class="navbar navbar-default">
 +
  <div class="navbar-inner">
 +
  <div class="container-fluid">
 +
    <div class="navbar-header">
 +
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
 +
        <span class="icon-bar"></span>
 +
        <span class="icon-bar"></span>
 +
        <span class="icon-bar"></span>                       
 +
      </button>
 +
      <a class="navbar-brand" href="https://2018.igem.org/Team:UI_Indonesia">Home</a>
 +
    </div>
 +
    <div class="collapse navbar-collapse" id="myNavbar">
 +
      <ul class="nav navbar-nav navbar-right">
 +
        <li class="dropdown navbar-project">
 +
          <a href="https://2018.igem.org/Team:UI_Indonesia/Project">Project<span class="caret"></span></a>
 +
          <ul class="dropdown-menu">
 +
            <li><a href="https://2018.igem.org/Team:UI_Indonesia/Project#">Overview</a></li>
 +
            <li><a href="https://2018.igem.org/Team:UI_Indonesia/Project#ourproject">Our Project</a></li>
 +
            <li><a href="https://2018.igem.org/Team:UI_Indonesia/Project#resultsanddiscuccions">Results and Discussions</a></li>
 +
          </ul>
 +
        </li>
 +
        <li class="navbar-parts"><a href="https://2018.igem.org/Team:UI_Indonesia/Parts">Parts</a></li>
 +
    <li class="navbar-safety current"><a href="https://2018.igem.org/Team:UI_Indonesia/Safety">Safety</a></li>
 +
    <li class="dropdown navbar-interlab">
 +
          <a href="https://2018.igem.org/Team:UI_Indonesia/InterLab">InterLab<span class="caret"></span></a>
 +
          <ul class="dropdown-menu">
 +
            <li><a href="https://2018.igem.org/Team:UI_Indonesia/InterLab#intro">Introduction</a></li>
 +
            <li><a href="https://2018.igem.org/Team:UI_Indonesia/InterLab#materials">Materials and Equipment</a></li>
 +
            <li><a href="https://2018.igem.org/Team:UI_Indonesia/InterLab#methods">Methods</a></li>
 +
      <li><a href="https://2018.igem.org/Team:UI_Indonesia/InterLab#results">Results and Discussions</a></li>
 +
      <li><a href="https://2018.igem.org/Team:UI_Indonesia/InterLab#conclusions">Conclusions</a></li>
 +
          </ul>
 +
        </li>
 +
    <li class="navbar-model"><a href="https://2018.igem.org/Team:UI_Indonesia/Model">Model</a></li>
 +
    <li class="dropdown navbar-humanpractice">
 +
          <a href="https://2018.igem.org/Team:UI_Indonesia/Human_Practices">Human Practices<span class="caret"></span></a>
 +
          <ul class="dropdown-menu">
 +
            <li><a href="https://2018.igem.org/Team:UI_Indonesia/Human_Practices">Integrated Human Practice</a></li>
 +
            <li><a href="https://2018.igem.org/Team:UI_Indonesia/Public_Engagement">Education and Public Engagement</a></li>
 +
            <li><a href="https://2018.igem.org/Team:UI_Indonesia/Human_Practices#catalogue">Human Practice Catalogue</a></li>
 +
          </ul>
 +
    </li>
 +
    <li class="navbar-improve"><a href="https://2018.igem.org/Team:UI_Indonesia/Improve">Improve</a></li>
 +
    <li class="navbar-team"><a href="https://2018.igem.org/Team:UI_Indonesia/Team">Team</a></li>
 +
    <li class="navbar-collaborations"><a href="https://2018.igem.org/Team:UI_Indonesia/Collaborations">Collaborations</a></li>
 +
        <li class="dropdown navbar-attributions">
 +
          <a href="https://2018.igem.org/Team:UI_Indonesia/Attributions">Attributions<span class="caret"></span></a>
 +
          <ul class="dropdown-menu">
 +
            <li><a href="https://2018.igem.org/Team:UI_Indonesia/MedalCriteria">Medal Criteria</a></li>
 +
          </ul>
 +
        </li>
 +
      </ul>
 +
    </div>
 +
  </div>
 +
  </div>
 +
</nav>
 +
 +
<!-- Container (Introduction Section) -->
 +
<div class="bgimg-1 w3-display-container w3-opacity-min" id="intro">
 +
  <div class="w3-display-middle" style="white-space:nowrap;">
 +
    <span class="w3-center w3-padding-large w3-black w3-xlarge w3-wide w3-animate-opacity">SAFETY AND SECURITY ASPECTS</span>
 +
  </div>
 
</div>
 
</div>
  
−
<div class="column third_size">
+
<div class="w3-content w3-container w3-padding-64">
−
<h3>Safe Lab Work</h3>
+
<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>
  
−
<p>What safety procedures do you use every day in the lab? Did you perform any unusual experiments, or face any unusual safety issues? Write about them here!</p>
+
<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>
  
 +
<br>
 +
<img src = "https://static.igem.org/mediawiki/2018/8/8d/T--UI_Indonesia--safety1.jpg" width="700"></img>
 +
<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>
 +
<br><br>
  
−
<h3>Safe Shipment</h3>
+
<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>
  
−
<p>Did you face any safety problems in sending your DNA parts to the Registry? How did you solve those problems?</p>
+
</h5>
 
</div>
 
</div>
 +
  <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>
 +
<script>
 +
// When the user scrolls down 20px from the top of the document, show the button
 +
window.onscroll = function() {scrollFunction()};
  
 +
function scrollFunction() {
 +
    if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
 +
        document.getElementById("myBtn").style.display = "block";
 +
    } else {
 +
        document.getElementById("myBtn").style.display = "none";
 +
    }
 +
}
  
 +
// When the user clicks on the button, scroll to the top of the document
 +
function topFunction() {
 +
    document.body.scrollTop = 0;
 +
    document.documentElement.scrollTop = 0;
 +
}
 +
</script>
 +
<!-- Footer -->
 +
<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>
 
</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