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

Line 69: Line 69:
 
   }
 
   }
  
−
  .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 114:
 
     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;}
 
</style>
 
</style>
  
 
<body>
 
<body>
 
<!-- Navbar -->
 
<!-- Navbar -->
−
<div class="navbar">
+
<nav class="navbar navbar-default">
−
   <!-- 1 -->
+
   <div class="navbar-inner">
−
   <a 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="asd.html">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 class="w3-bar-item w3-light-green" 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/HumanPractices">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/HumanPractices#collapse1">Campus Campaign</a></li>
−
        <a href="https://2018.igem.org/Team:UI_Indonesia/Model#">Overview</a>
+
            <li><a href="https://2018.igem.org/Team:UI_Indonesia/HumanPractices#collapse2">Social Work</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/HumanPractices#collapse3">Biosafety & Biosecurity Training</a></li>
−
        <a href="https://2018.igem.org/Team:UI_Indonesia/Model#">Results and Discussions</a>
+
<li><a href="https://2018.igem.org/Team:UI_Indonesia/HumanPractices#collapse4">Human Practice Catalogue</a></li>
−
      </div> -->
+
          </ul>
−
  </div>
+
        </li>
−
  <!-- 7 -->
+
<li class="navbar-improve"><a href="https://2018.igem.org/Team:UI_Indonesia/Improve">Improve</a></li>
−
  <div class="dropdown">
+
<li class="navbar-team"><a href="https://2018.igem.org/Team:UI_Indonesia/Team">Team</a></li>
−
    <a href="https://2018.igem.org/Team:UI_Indonesia/HumanPractices">Human Practices▾</a>
+
<li class="navbar-collaborations"><a href="https://2018.igem.org/Team:UI_Indonesia/Collaborations">Collaborations</a></li>
−
      <div class="dropdown-content">
+
<li class="navbar-attributions"><a href="https://2018.igem.org/Team:UI_Indonesia/Attributions">Attributions</a></li>
−
        <a href="https://2018.igem.org/Team:UI_Indonesia/HumanPractices#campuscampaign">Campus Campaign</a>
+
       </ul>
−
        <a href="https://2018.igem.org/Team:UI_Indonesia/HumanPractices#socialwork">Social Work</a>
+
    </div>
−
        <a href="https://2018.igem.org/Team:UI_Indonesia/HumanPractices#biotraining">Biosafety & Biosecurity Training</a>
+
−
        <a href="https://2018.igem.org/Team:UI_Indonesia/HumanPractices#catalogue">Human Practice Catalogue</a>
+
−
      </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) -->

Revision as of 14:04, 10 October 2018

SAFETY AND SECURITY ASPECTS
In accordance to the iGEM safety rules, our team used a cellular organism classified in the Risk Group 1. For the purpose of cloning and expression, Escherichia coli K-12-strain derivates were primarily applied in the lab as the main experimental subjects. Standard plasmids with standard antibiotic resistance markers were designed to enhance functions of recombinants selection. To ensure the safety of ourselves and the project, we worked in a BSL-1 (Biosafety type 1) laboratory, following standard safety protocols (e.g. masks, gloves, googles, and 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 working in a “dirty” area. For instance, entering PCR room is forbidden after working with DNA isolation or bacterial cultures in DNA room.

One of our project’s part which raised concern about biosecurity is the synthetic hand-made Affitoxin (i.e. the binding domain of AB diphtheria exotoxin) design. The details regarding this part would be discussed in this page. The fact that this part originates from the modification of diphtheria toxin raises concern about safety and security, including the possibilities of dual-use research. Regarding safety issues, the main purpose of the creation of this 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 only isolated the necessary domains needed for binding assays. The full sequence could be used to construct another chimeric protein in which the Affitoxin is linked to a more harmful toxin or material and used to deliver that harmful part into the cytoplasm of human cells containing HB-EGF surface receptor. To handle this, our team are required to comply with rules of iGEM safety committee to be allowed to not publish the full sequence in the iGEM UI 2018 Wiki pages.