Edwinlawisan (Talk | contribs) |
|||
(30 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: | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
.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"> |
− | < | + | <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> |
+ | <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> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</div> | </div> | ||
− | + | </nav> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | </ | + | |
<!-- Container (Introduction Section) --> | <!-- Container (Introduction Section) --> | ||
<div class="bgimg-1 w3-display-container w3-opacity-min" id="intro"> | <div class="bgimg-1 w3-display-container w3-opacity-min" id="intro"> | ||
<div class="w3-display-middle" style="white-space:nowrap;"> | <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"> | + | <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> | ||
<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> 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> | |
− | + | ||
− | + | <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> | |
− | + | ||
− | + | </h5> | |
− | + | </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>  igemui2018@gmail.com | ||
+ | </div> | ||
+ | </footer> | ||
+ | </body> | ||
+ | </html> |
Latest revision as of 03:42, 18 October 2018
SAFETY AND SECURITY ASPECTS