Team:BAU-Indonesia/Safety

From 2012.igem.org

(Difference between revisions)
 
(19 intermediate revisions not shown)
Line 1: Line 1:
{{Team:BAU-Indonesia/css}}
{{Team:BAU-Indonesia/css}}
 +
{{Team:BAU-Indonesia/nivo-slider}}
{{Team:BAU-Indonesia/css_gone}}
{{Team:BAU-Indonesia/css_gone}}
-
__NOTOC__
 
-
<html>
 
 +
<html xmlns="http://www.w3.org/1999/xhtml">
 +
    <head>
 +
   
 +
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
 +
        <title>Metamorphosis Design Free Css Templates</title>
 +
        <meta name="keywords" content="" />
 +
        <meta name="description" content="" />
 +
        <link href="styles.css" rel="stylesheet" type="text/css" media="screen" />
 +
<link rel="stylesheet" href="nivo-slider.css" type="text/css" media="screen" />
 +
       
 +
    </head>
 +
   
 +
    <script type="text/javascript" src="https://sites.google.com/site/mariozoner/gb-mario/jquery-1.3.2.js"></script>
-
<style>
+
<script type="text/javascript">
-
h1.firstHeading { display: none; }
+
$(function() {
-
 
+
var d=300;
-
p {text-align: justify;}
+
$('#navigation a').each(function(){
-
 
+
$(this).stop().animate({
-
a:link { color: #00b0e6; text-decoration: none}
+
'marginTop':'-80px'
-
a:visited { color:#00b0e6; text-decoration: none}
+
},d+=150);
-
a:hover { color:#f29400; text-decoration: none}
+
});
-
a:active { color:#f29400; text-decoration: none}
+
-
 
+
-
#bodyContent { padding: 10px auto; width: 910px; margin: auto; clear: none; }
+
-
 
+
-
table#team_members { text-align: justify; border: 0; }
+
-
table#team_members h2, table#team_members h3 { clear: both; }
+
-
 
+
-
 
+
-
/*-----------------------------------------------------------------------------------------------*/
+
-
div.MenuBar ul li ul.DropDownMenu {
+
-
  display: none; /* Hides all drop-down menus. */
+
 +
$('#navigation > li').hover(
 +
function () {
 +
$('a',$(this)).stop().animate({
 +
'marginTop':'-2px'
 +
},200);
 +
},
 +
function () {
 +
$('a',$(this)).stop().animate({
 +
'marginTop':'-80px'
 +
},200);
}
}
-
/*
+
);
-
li:hover works in IE7 and FF2.
+
});
-
a:hover works in IE6 and FF2.
+
</script>
-
a:hover breaks li:hover in FF2.
+
-
*/
+
-
div.MenuBar ul li:hover ul.DropDownMenu li ul.SideMenu,
+
-
div.MenuBar ul li a:hover ul.DropDownMenu li a ul.SideMenu {
+
-
  display: none; /* Hides all side menus. */
+
-
}
+
-
/*------------------------------------------------------------------------------------- Menu Bar */
+
-
div.MenuBar {
+
-
  font: arial, helvetica, sans-serif;
+
-
  height: 30px;
+
-
  width: 910px;
+
-
  /*width: 100%*/
+
-
  margin: 0;
+
-
  border-top: 0;
+
-
  border-right: 0;
+
-
  border-left: 0;
+
-
  padding: 0;
+
-
  background: black;
+
-
 
+
-
}
+
-
div.MenuBar ul {
+
-
  font: arial, helvetica, sans-serif;
+
-
  text-align: center;
+
-
  list-style-type: none;
+
-
  margin: 0.5em auto;
+
-
  border: 0;
+
-
  padding: 0;
+
-
  background: black;
+
-
}
+
-
div.MenuBar ul li {
+
-
  font: arial, helvetica, sans-serif;
+
-
  display: block;
+
-
  padding: 0;
+
-
  margin: 0;
+
-
  font-size: 1.3em;
+
-
  float: left;
+
-
  background: black;
+
-
  text-align: center;
+
-
  width: 107px;
+
-
  position: relative; /* Sets the positioning context for each drop-down menu. */
+
-
}
+
-
div.MenuBar ul li a {
+
<style>
-
  font: arial, helvetica, sans-serif;
+
*Navigasi*/
-
  display: block;
+
ul#navigation { position:fixed; margin:0px; padding:0px; top:-20px; left:370px; list-style:none; z-index:999999; width:675px; font:normal 16px Electrolize,Sans-Serif bold; -webkit-animation:2s fxhompinav ease-in-out; -moz-animation:2s fxhompinav ease-in-out; -ms-animation:2s fxhompinav ease-in-out; animation:2s fxhompinav ease-in-out; }  
-
  background: black;
+
-
  height: 22px; /* Keep height + padding-top + padding-bottom sync with the menu bar height. */
+
-
  color: #ffffff;
+
-
  padding-top: 4px;
+
-
  padding-bottom: 4px;
+
-
  padding-left: 1em; /* Sets the left space between top-level items. */
+
-
  padding-right: 1em; /* Sets the right space between top-level items. */
+
-
  text-decoration: none;
+
-
}
+
-
/*------------------------------------------------------------------------------ Drop-Down Menus */
+
ul#navigation li { width:95px; display:inline; float:left; margin:0 0 0 2px; }
-
div.MenuBar ul li:hover ul.DropDownMenu,
+
ul#navigation li a { display:block; float:left; margin-top:-74px; width:95px; height:28px; background-color: rgba(0, 0, 0, 0.6);
-
div.MenuBar ul li a:hover ul.DropDownMenu {
+
background: rgba(0, 0, 0, 0.6);
-
  display: block;
+
color: rgba(0, 0, 0, 0.6); background-repeat:no-repeat; background-position:50% 150px; border:2px solid #b9b9b9; -webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.5); -moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.5); box-shadow:0 1px 2px rgba(0, 0, 0, 0.5); -moz-border-radius:0px 0px 10px 10px; -webkit-border-bottom-right-radius:10px; -webkit-border-bottom-left-radius:10px; -khtml-border-bottom-right-radius:10px; -khtml-border-bottom-left-radius:10px; border-radius:0px 0px 10px 10px; color:#333333; text-decoration:none; text-align:center;color:#f1f1f1; text-shadow:0 1px 1px #000; padding-top:95px; -webkit-transition:margin-top 0.3s ease-in-out,background-position 0.4s ease-out; -moz-transition:margin-top 0.3s ease-in-out,background-position 0.4s ease-out; -o-transition:margin-top 0.3s ease-in-out,background-position 0.4s ease-out; transition:margin-top 0.3s ease-in-out,background-position 0.4s ease-out; }
-
  width: 10em; /* Drop-down menu width.
+
-
                  Use MenuTailor.css to customize. */
+
-
  height: 1em;
+
-
  padding: 1px; /* Sets the drop-down menu "effective border" width. */
+
-
  position: absolute;  
+
-
  top: 23px; /* Places the drop-down menu under the menu bar.
+
-
                Keep it sync with the menu bar height. */
+
-
  left: 0; /* Aligns the drop-down menu to its top-level item. */
+
-
  background-color: black; /* Selected item. */
+
-
  color: #FFFFFF;
+
-
}
+
ul#navigation li a:hover { margin-top:-3px; background-position:100% -5px; color:#7b7b7b; position:relative; }  
-
div.MenuBar ul li:hover ul.DropDownMenu li a,
+
-
div.MenuBar ul li a:hover ul.DropDownMenu li a {
+
-
  width: 10em; /* Keep it sync with the drop-down menu width.
+
-
                            Use MenuTailor.css to customize. */
+
-
  height: 1em;
+
-
  padding-left: 0;
+
-
  padding-right: 0;
+
-
  background-color: black; /* Selected item. */
+
-
  color: #FFFFFF;
+
-
}
+
-
ul.DropDownMenu li a span {
+
-
  display: block;
+
-
  padding-left: 0.75em; /* Sets the left space of each drop-down menu item. */
+
-
  padding-right: 0.25em; /* Sets the right space of each drop-down menu item. */
+
-
  text-align: right; /* Aligns the >> symbol to the right. */
+
-
}
+
-
ul.DropDownMenu li a span span {
+
-
  float: left; /* Aligns the text (back) to the left. */
+
-
  font: 12px arial, helvetica, sans-serif; /* Required for IE55. */
+
-
  height: 20px;
+
-
  color: #FFFFFF;
+
-
}
+
-
/*----------------------------------------------------------------------------------- Side Menus */
+
-
div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu,
+
-
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu {
+
-
  display: block;
+
-
  width: 11em; /* Side menu width.
+
-
                  Use MenuTailor.css to customize. */
+
-
  padding: 1px; /* Sets the side menu "effective border" width. */
+
-
  position: absolute;
+
-
  top: -1px; /* Aligns the side menu to its drop-down menu item.
+
-
                Keep it sync with the side menu "effective border" width. */
+
-
  left: 13em; /* Places the side menu to the right of the drop-down menu.
+
-
                            Keep it sync with the drop-down menu width.
+
-
                            Use MenuTailor.css to customize. */
+
-
}
+
-
div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a,
+
-
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a {
+
-
  width: 11em; /* Keep it sync with the side menu width.
+
-
                            Use MenuTailor.css to customize. */
+
-
  font: 12px arial, helvetica, sans-serif; /* Required for IE55. */
+
-
  left: 13em; /* Places the side menu to the right of the drop-down menu.
+
-
                            Keep it sync with the drop-down menu width.
+
-
                            Use MenuTailor.css to customize. */
+
-
}
+
-
div.MenuBar ul li ul.DropDownMenu li ul.SideMenu li a span {
+
-
  padding-left: 1.5em; /* Sets the left space of each side menu item. */
+
-
  padding-right: 0.5em; /* Sets the right space of each side menu item. */
+
-
  text-align: left;
+
-
  font: 12px arial, helvetica, sans-serif; /* Required for IE55. */
+
-
  left: 13em; /* Places the side menu to the right of the drop-down menu.
+
-
                            Keep it sync with the drop-down menu width.
+
-
                            Use MenuTailor.css to customize. */
+
-
}
+
-
/*----------------------------------------------------------------------------- Browser Specific */
+
-
* html div.MenuBar ul li a {
+
-
  float: left; /* Required for IE55 and IE6.
+
-
                            Breaks O9.
+
-
                            Hidden (* html) from non-IE browsers. */
+
-
}
+
-
* html ul.DropDownMenu li a:hover {
+
-
  cursor: hand; /* Required for IE55.
+
-
                  Hidden (* html) from non-IE browsers. */
+
-
}
+
-
ul.DropDownMenu li a:hover {
+
-
  cursor: pointer; /* Required for IE6 and IE7.
+
-
                      Hidding it (* html) from non-IE browsers breaks IE7!
+
-
}
+
-
* html div.MenuBar a:hover {
+
-
  text-decoration: none; /* Required for IE55 and IE6.
+
-
                            Hidden (* html) from non-IE browsers. */
+
-
}
+
-
* html div.MenuBar ul li table,
+
-
* html div.MenuBar ul li table td {
+
-
  border: 0; /* Required for IE55 and IE6.
+
-
                Hidden (* html) from non-IE browsers. */
+
-
}
+
-
/*------------------------------------------------------------------------------- Default Colors */
+
-
div.MenuBar {
+
-
  background-color: Menu;
+
-
  border-bottom: 1px solid ButtonShadow;
+
-
}
+
-
div.MenuBar a {
+
-
  background-color: Menu; /* Top-level unselected items. */
+
-
  color: MenuText;
+
-
}
+
-
div.MenuBar ul li:hover a,
+
-
div.MenuBar ul li a:hover {
+
-
  color: #ea7f16;
+
-
  background-color: Highlight; /* Top-level selected item. */
+
-
  color: HighlightText;
+
-
}
+
-
/*...............................................................................................*/
+
-
div.MenuBar ul li:hover ul.DropDownMenu,
+
-
div.MenuBar ul li a:hover ul.DropDownMenu {
+
-
  background-color: ButtonShadow; /* Sets the drop-down menu "effective border" color. */
+
-
}
+
-
div.MenuBar ul li:hover ul.DropDownMenu li a,
+
-
div.MenuBar ul li a:hover ul.DropDownMenu li a {
+
-
  background-color: Menu;  Drop-down menu unselected items.
+
-
                            Sets the drop-down menu "effective background" color. */
+
-
  color: MenuText;
+
-
}
+
-
div.MenuBar ul li:hover ul.DropDownMenu li:hover a,
+
-
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover {
+
-
  background-color: Highlight; /* Drop-down menu selected item. */
+
-
  color: HighlightText;
+
-
}
+
-
/*...............................................................................................*/
+
-
div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu,
+
-
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu {
+
-
  background-color: ButtonShadow; /* Sets the side menu "effective border" color. */
+
-
}
+
-
div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a,
+
-
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a {
+
-
  background-color: Menu; /* Side menu unselected items.
+
-
                            Sets the side menu "effective background" color. */
+
-
  color: MenuText;
+
-
}
+
-
div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a:hover,
+
-
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a:hover {
+
-
  background-color: Highlight; /* Side menu selected item. */
+
-
  color: HighlightText;
+
-
}
+
-
/*-----------------------------------------------------------------------------------------------*/
+
-
/*Script-Free 3-Level Menu 1.2 Tailor
+
-
  www.CesarDaniel.info
+
-
/*-------------------------------------------------------------------------------------- General */
+
-
body {
+
-
  background: white;
+
-
  color: black;
+
-
  margin: 0;
+
-
  border: 0;
+
-
  padding: 0;
+
-
}
+
 +
ul#navigation li a:hover:after { content:""; width:0px; height:0px; position:absolute; top:100%; left:45%; margin-top:2px; border-width:5px; border-style:solid; border-color:transparent transparent lime transparent; }
-
div.MenuBar {
+
ul#navigation li:nth-child(1) a { background-image:url(https://static.igem.org/mediawiki/2012/c/cb/Asyu.png); }
-
  font: 13px arial, helvetica, sans-serif;
+
ul#navigation li:nth-child(2) a { background-image:url(https://static.igem.org/mediawiki/2012/b/be/Asyu2.png); }
-
}
+
ul#navigation li:nth-child(3) a {background-image:url(https://static.igem.org/mediawiki/2012/1/18/Pr.jpg); }
-
div.MenuBar ul {
+
ul#navigation li:nth-child(4) a { background-image:url(https://static.igem.org/mediawiki/2012/d/da/Icon_dna.png); }
-
  font: 13px arial, helvetica, sans-serif; /* Required for IE55. */
+
ul#navigation li:nth-child(5) a { background-image:url(https://static.igem.org/mediawiki/2012/6/68/Edu-science-icon.png); }
-
}
+
ul#navigation li:nth-child(6) a { background-image:url(https://static.igem.org/mediawiki/2012/0/00/Asyu5.png); }
-
/*--------------------------------------------------------------------------------------- Colors */
+
ul#navigation li:nth-child(7) a { background-image:url(https://static.igem.org/mediawiki/2012/1/19/Attributions2.png); }
-
div.MenuBar {
+
ul#navigation li:nth-child(8) a { background-image:url(https://static.igem.org/mediawiki/2012/0/0a/Medal-icon.png);
-
  background-color: black; /* Selected item. */
+
}
-
  color: #FFFFFF;
+
-
  border-bottom: 1px solid ButtonShadow;
+
-
}
+
-
div.MenuBar a,
+
-
div.MenuBar ul li:hover ul.DropDownMenu li a,
+
-
div.MenuBar ul li a:hover ul.DropDownMenu li a,
+
-
div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a,
+
-
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a {
+
-
  background-color: black; /* Selected item. */
+
-
  color: #FFFFFF;
+
-
}
+
-
div.MenuBar ul li:hover a,
+
-
div.MenuBar ul li a:hover,
+
-
div.MenuBar ul li:hover ul.DropDownMenu li:hover a,
+
-
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover,
+
-
div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a:hover,
+
-
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a:hover {
+
-
  background-color: #00b0e6; /* Selected item. */
+
-
  color: #FFFFFF;
+
-
}
+
-
div.MenuBar ul li:hover ul.DropDownMenu,
+
-
div.MenuBar ul li a:hover ul.DropDownMenu,
+
-
div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu,
+
-
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu {
+
-
  background-color: ButtonShadow; /* Sets the drop-down and side menus "effective border" color. */
+
-
}
+
-
/*--------------------------------------------------------------------------------------- Widths */
+
-
/*
+
-
/*
+
@-webkit-keyframes fxhompinav { from{margin-right:-1000px;} to {margin-right:0px;} } @-moz-keyframes fxhompinav { from{margin-right:-1000px;} to {margin-right:0px;} } @-ms-keyframes fxhompinav { from{margin-right:-1000px;} to {margin-right:0px;} } @keyframes fxhompinav { from{margin-right:-1000px;} to {margin-right:0px;}
-
Menu Bar 1
+
/*Navigasi*/  
-
Drop-Down Menu #2
+
-
*/
+
-
div.MenuBar#navi ul li:hover ul.DropDownMenu#MB1-DDM4,
+
-
div.MenuBar#navi ul li a:hover ul.DropDownMenu#MB1-DDM4,
+
-
div.MenuBar#navi ul li:hover ul.DropDownMenu#MB1-DDM4 li a,
+
-
div.MenuBar#navi ul li a:hover ul.DropDownMenu#MB1-DDM4 li a {
+
-
  width: 11em; /* Drop-down menu width. */
+
-
}
+
-
div.MenuBar#navi ul li:hover ul.DropDownMenu#MB1-DDM5,
+
-
div.MenuBar#navi ul li a:hover ul.DropDownMenu#MB1-DDM5,
+
-
div.MenuBar#navi ul li:hover ul.DropDownMenu#MB1-DDM5 li a,
+
-
div.MenuBar#navi ul li a:hover ul.DropDownMenu#MB1-DDM5 li a {
+
-
  width: 12em; /* Drop-down menu width. */
+
-
}
+
-
 
+
-
/*...............................................................................................*/
+
-
/*
+
-
Menu Bar 1
+
-
Drop-Down Menu #2
+
-
Side Menu #1
+
-
*/
+
-
div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM1,
+
-
div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM1 {
+
-
  left: 15.5em !important; /* Places the side menu to the right of the drop-down menu.
+
-
                            Keep it sync with the drop-down menu width. */
+
-
}
+
-
div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM1,
+
-
div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM1,
+
-
div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM1 li a,
+
-
div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM1 li a {
+
-
  width: 10em; /* Side menu width. */
+
-
}
+
-
/*...............................................................................................*/
+
-
/*
+
-
Menu Bar 1
+
-
Drop-Down Menu #2
+
-
Side Menu #2
+
-
*/
+
-
div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM2,
+
-
div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM2 {
+
-
  left: 15.5em  !important; /* Places the side menu to the right of the drop-down menu.
+
-
                            Keep it sync with the drop-down menu width. */
+
-
}
+
-
div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM2,
+
-
div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM2,
+
-
div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM2 li a,
+
-
div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM2 li a {
+
-
  width: 10em; /* Side menu width. */
+
-
}
+
-
/*...............................................................................................*/
+
-
/*
+
-
Menu Bar 1
+
-
Drop-Down Menu #2
+
-
Side Menu #3
+
-
*/
+
-
div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM3,
+
-
div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM3 {
+
-
  left: 15.5em  !important; /* Places the side menu to the right of the drop-down menu.
+
-
                            Keep it sync with the drop-down menu width. */
+
-
}
+
-
div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM3,
+
-
div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM3,
+
-
div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM3 li a,
+
-
div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM3 li a {
+
-
  width: 10em; /* Side menu width. */
+
-
}
+
-
/*...............................................................................................*/
+
</style>
</style>
 +
   
 +
<script language='javascript' src='https://sites.google.com/site/tutorialseoblogger/file/jquery_mini.js'></script>
 +
<script language='javascript' src='https://sites.google.com/site/tutorialseoblogger/file/jquery.dimensions.js'></script>
 +
 +
    <body>
 +
        <div id="bg_top">
 +
        <div id="wrap_bg">
 +
   
 +
              <div id='floatMenu'>
 +
<ul class='menu1'>
 +
<img src="https://static.igem.org/mediawiki/2012/1/19/Maskot_tim_iGEM_IPB.png"/>
 +
<li><a href='https://2012.igem.org/Team:BAU-Indonesia/ProjectDesc' target="_blank" title='projectdesc'> Project Description </a></li>
 +
<li><a href='https://2012.igem.org/Team:BAU-Indonesia/Safety' target="_blank" title='abstract'> Safety </a></li>
 +
<li><a href='#' onclick='MGJS.goTop();return false;'> Back to top </a></li>
 +
</ul>
-
<body>
+
<script language='javascript'>  
-
<div id="header"><img src="https://static.igem.org/mediawiki/2012/9/90/BAU-Indonesia_logo.png" alt="Team Heidelberg" /></div>
+
var name = "#floatMenu";
-
<div class='MenuBar' id="navi">
+
var menuYloc = null;
-
<ul>
+
$(document).ready(function(){
-
<li>
+
menuYloc = parseInt($(name).css("top").substring(0,$(name).css("top").indexOf("px")))
-
<a href="https://2012.igem.org/Team:BAU-Indonesia" style="color: white">Home
+
$(window).scroll(function () {
-
<!--[if gt IE 6]><!--></a><!--<![endif]-->
+
offset = menuYloc+$(document).scrollTop()+"px";
-
<!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
+
$(name).animate({top:offset},{duration:500,queue:false});
-
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
+
});
-
</li>
+
});
-
<li>
+
</script>
-
<a href="https://2012.igem.org/Team:BAU-Indonesia/Team" style="color: white">Team<!--[if gt IE 6]><!--></a><!--<![endif]-->
+
-
<!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
+
-
+
-
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
+
-
</li>
+
-
<li>
+
-
<a href="https://2012.igem.org/Team:BAU-Indonesia/Project" style="color: white">Project<!--[if gt IE 6]><!--></a><!--<![endif]-->
+
-
<!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
+
-
+
-
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
+
-
</li>
+
-
 
+
-
<li>
+
-
<a href="https://2012.igem.org/Team:BAU-Indonesia/Parts" style="color: white">Parts<!--[if gt IE 6]><!--></a><!--<![endif]-->
+
-
<!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
+
-
+
-
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
+
-
</li>
+
-
<li>
+
-
<a href="https://2012.igem.org/Team:BAU-Indonesia/Modeling" style="color: white">Modeling<!--[if gt IE 6]><!--></a><!--<![endif]-->
+
-
<!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
+
-
+
-
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
+
-
</li>
+
-
<li>
+
-
<a href="https://2012.igem.org/Team:BAU-Indonesia/Notebook" style="color: white">Notebook<!--[if gt IE 6]><!--></a><!--<![endif]-->
+
-
<!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
+
-
+
-
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
+
-
</li>
+
-
<li>
+
-
<a href="https://2012.igem.org/Team:BAU-Indonesia/Safety" style="color: white">Safety<!--[if gt IE 6]><!--></a><!--<![endif]-->
+
-
<!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
+
-
+
-
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
+
-
</li>
+
-
        <li>
+
-
<a "href=https://2012.igem.org/Team:BAU-Indonesia/Attributions" style="color: white">Attributions<!--[if gt IE 6]><!--></a><!--<![endif]-->
+
-
<!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
+
-
+
-
<!--[if lte IE 6]></td></tr></table></a><![endif]-->
+
-
</li>
+
-
</ul>
+
-
 
+
</div>
</div>
-
<div id="header_bottom"><img src="https://static.igem.org/mediawiki/2008/e/ef/Navi_bg.gif" alt="" / ></div>
+
           
-
</body>
+
      <ul id="navigation" style="margin:40px 0 0 220px">
-
</html>
+
<li class="nav1"><a href="https://2012.igem.org/Team:BAU-Indonesia">Home</a></li>
 +
<li class="nav2"><a href="https://2012.igem.org/Team:BAU-Indonesia/Team">Team</a></li>
 +
<li class="nav3"><a href="https://2012.igem.org/Team:BAU-Indonesia/Project">Project</a></li>
 +
<li class="nav4"><a href="https://2012.igem.org/Team:BAU-Indonesia/Parts">Parts</a></li>
 +
<li class="nav5"><a href="https://2012.igem.org/Team:BAU-Indonesia/Modeling">Modeling</a></li>
 +
<li class="nav6"><a href="https://2012.igem.org/Team:BAU-Indonesia/Notebook">Notebook</a></li>
 +
<li class="nav7"><a href="https://2012.igem.org/Team:BAU-Indonesia/Attributions">Attributions</a></li>
 +
<li class="nav8"><a href="https://2012.igem.org/Team:BAU-Indonesia/Achievements">Achievement</a></li>
 +
</ul>
 +
            <img style="margin-left:-900px" src="https://static.igem.org/mediawiki/2012/archive/9/90/20120909091254%21BAU-Indonesia_logo.png" />
 +
            <div id="wrap">
 +
        <div id="header">
 +
 +
<div id="prew_box">
 +
<div id="wrapper">
 +
        <div id="slider-wrapper">       
 +
            <div id="slider" class="nivoSlider">
 +
<img src="https://static.igem.org/mediawiki/2012/b/bd/Header2projek_copy.jpg" alt="" />
 +
<img src="https://static.igem.org/mediawiki/2012/d/d4/Header1_tim.jpg" alt="" />
 +
                <img src=" https://static.igem.org/mediawiki/2012/e/e8/Header1.jpg" alt="" />
 +
                <img src="https://static.igem.org/mediawiki/2012/4/48/Header9.jpg" alt=""/>
 +
                <img src="https://static.igem.org/mediawiki/2012/e/e8/Header4.jpg" alt="" />
 +
<img src="https://static.igem.org/mediawiki/2012/8/8c/Header3.jpg" alt="" />
 +
                <img src="https://static.igem.org/mediawiki/2012/0/07/Header8.jpg" alt="" />
-
====1. Would any of your project ideas raise safety issues in terms of:====
+
            </div>       
-
'''*Researcher Safety''' <br>
+
        </div>
-
We have isolated and cultured the bacteria sample from landfill at Galuga, West Java Indonesia. To prevent contamination by some harmfull bacteria, we have followed the instruction of safety procedure, such as using sensigloves, mask, and washing hand after sampling. Hazardous chemicals that we used are aclrilamide and ethidium bromyde. Acrylamide (or acrylic amide) is a simple organic compound with the chemical formula C3H5NO. It’s potentially hazardous to health (cancer or carcinogenic). Acrylamide can form long polymer chains known as polyacrylamide, which is also carcinogenic. Inhalation: irritation, disorientation, burning, convulsions. Contact with skin: irritation, disorientation. Eye contact: irritation, a burning sensation of the eyes, eye damage.
+
<script type="text/javascript" src="http://wiki-rian.googlecode.com/files/jquery-1.4.3.min.js"></script>
-
Ethidium bromide will reduce the rate of migration of linear DNA molecules by 15%. This solution is extremely dangerous and carcinogenic. All solutions which contained ethidium bromide should be decontaminated before disposal. Ethidium Bromide (EtBr) will fluoresce under UV exposure. These dyes can be added to the gel and buffer so there is no staining after electrophoresis process. The advantage is more practical, but the possibility of EtBr contamination is greater. Due to the carcinogenic factor, it must be avoided for direct contact.<br> <br>
+
-
'''*Public Safety''' <br>
+
    <script type="text/javascript" src="http://wiki-rian.googlecode.com/files/jquery.nivo.slider.pack.js"></script>
-
We have ethics to minimize the danger possibility to public. We usually wear single-used gloves, covered shoes, lab coat, and mask so the accumulation of materials and impurities are not exposed to participant directly. We have a liquid discharge valves which equipped with running water, so it won’t settle. We also have a separated solid waste disposal for potentially hazardous materials. Those ethics are rules in our work on this project. <br> <br>
+
   
 +
    <script type="text/javascript">
 +
    $(window).load(function() {
 +
        $('#slider').nivoSlider();
 +
    });
 +
    </script>
 +
</div>
 +
-
'''*Environmental Safety''' <br>
+
</div>
-
No harmful effect on our enzyme product. E. coli bacteria which inserted by  Cutinase gene has been set for its life period by sonicator so there’ll no blooming act in nature. Destruction of PET by using our products is done at indoor laboratory so the waste does not impact to the environment directly. The enzyme does not cause further effect especially for chemical / physical danger.No harmful effect on our enzyme product. E. coli bacteria which inserted by  Cutinase gene has been set for its life period by sonicator so there’ll no blooming act in nature. Destruction of PET by using our products is done at indoor laboratory so the waste does not impact to the environment directly. The enzyme does not cause further effect especially for chemical / physical danger.
+
 +
</div> <div style="clear: both"></div>
 +
<div id="content" style="background:url(https://static.igem.org/mediawiki/2012/6/67/A.jpg)">
 +
<!--                   
 +
<div class="verticalaccordion">
 +
<ul>
 +
    <li>
 +
      <h3>Daftar isi</h3>
 +
        <div id="isinya">isi konten di sini bisa juga dengan java script atau yang lainnya</div>
 +
    </li>
 +
    <li>
 +
      <h3>F1</h3>
 +
        <div id="isinya">pokonya apa saja isi di sini terserah mau di isi apa</div>
 +
    </li>
 +
    <li>
 +
      <h3>Free Dfloaf</h3>
 +
        <div id="isinya">isi apa saja terserah sobat</div>
 +
    </li>
 +
    <li>
 +
      <h3>Free Dosfs</h3>
 +
        <div id="isinya">isi konten  di sini bisa dengan gambar atau yang lainnya</div>
 +
    </li>
 +
</ul>
 +
</div>
 +
      --> 
 +
<div id="left_column" style="width:auto">
 +
<!-- Start left news box -->
 +
<div class="left_news_box">
 +
<div class="left_news_top"></div>
 +
<div class="left_news_bg">
 +
<h2><b>Safety</b></h2>
 +
<div class="text">
 +
  <h3>
 +
    <strong>1. Would any of your project ideas raise safety issues in
 +
   
 +
    terms of:
 +
                                       
 +
                                        </strong>
 +
  </h3><br>                                     
 +
  <h4><strong>Researcher Safety</strong><br></h4>
 +
    <h4>We have isolated and cultured the bacteria sample from landfill
 +
   
 +
    at Galuga, West Java Indonesia. To prevent contamination by some
 +
   
 +
    harmfull bacteria, we have followed the instruction of safety
 +
   
 +
    procedure, such as using sensigloves, mask, and washing hand
 +
   
 +
    after sampling. Hazardous chemicals that we used are aclrilamide
 +
   
 +
    and ethidium bromyde. Acrylamide (or acrylic amide) is a simple
 +
   
 +
    organic compound with the chemical formula C3H5NO. It's
 +
   
 +
    potentially hazardous to health (cancer or carcinogenic).
 +
   
 +
    Acrylamide can form long polymer chains known as polyacrylamide,
 +
   
 +
    which is also carcinogenic. Inhalation: irritation,
 +
   
 +
    disorientation, burning, convulsions. Contact with skin:
 +
   
 +
    irritation, disorientation. Eye contact: irritation, a burning
 +
   
 +
    sensation of the eyes, eye damage.
 +
    Ethidium bromide will reduce the rate of migration of linear DNA
 +
   
 +
    molecules by 15%. This solution is extremely dangerous and
 +
   
 +
    carcinogenic. All solutions which contained ethidium bromide
 +
   
 +
    should be decontaminated before disposal. Ethidium Bromide
 +
   
 +
    (EtBr) will fluoresce under UV exposure. These dyes can be added
 +
   
 +
    to the gel and buffer so there is no staining after
 +
   
 +
    electrophoresis process. The advantage is more practical, but
 +
   
 +
    the possibility of EtBr contamination is greater. Due to the
 +
   
 +
    carcinogenic factor, it must be avoided for direct contact.<br> </h4>
 +
   
 +
 +
   
 +
    <h4><strong>Public Safety</strong><br></h4>
 +
    <h4>We have ethics to minimize the danger possibility to public. We
 +
   
 +
    usually wear single-used gloves, covered shoes, lab coat, and
 +
   
 +
    mask so the accumulation of materials and impurities are not
 +
   
 +
    exposed to participant directly. We have a liquid discharge
 +
   
 +
    valves which equipped with running water, so it won't settle. We
 +
   
 +
    also have a separated solid waste disposal for potentially
 +
   
 +
    hazardous materials. Those ethics are rules in our work on this
 +
   
 +
    project. </h4>
 +
                                        <br>
 +
   
 +
    <h4><strong>Environmental Safety</strong><br></h4>
 +
  <h4> No harmful effect on our enzyme product. E. coli bacteria which
 +
   
 +
    inserted by  Cutinase gene has been set for its life period by
 +
   
 +
    sonicator so there'll no blooming act in nature. Destruction of
 +
   
 +
    PET by using our products is done at indoor laboratory so the
 +
   
 +
    waste does not impact to the environment directly. The enzyme
 +
   
 +
    does not cause further effect especially for chemical / physical
 +
   
 +
    danger.No harmful effect on our enzyme product. E. coli bacteria
 +
   
 +
    which inserted by  Cutinase gene has been set for its life
 +
   
 +
    period by sonicator so there'll no blooming act in nature.
 +
   
 +
    Destruction of PET by using our products is done at indoor
 +
   
 +
    laboratory so the waste does not impact to the environment
 +
   
 +
    directly. The enzyme does not cause further effect especially
 +
   
 +
      for chemical / physical danger.
 +
  </h4>                                      <br>
 +
  <h3> <strong>2. Do any of the new BioBrick parts (or devices) that you
 +
   
 +
    made this year raise safety issues? If yes, Did you document these issues in the Registry?</strong> </h3><br>
 +
    <h4>No, we didn't document the safety issue to the registry, but our
 +
   
 +
    procedure was according the Standard Operational Procedure of
 +
   
 +
    Molecular Biology Laboratory and Microbiology laboratory in IPB
 +
   
 +
    (Bogor Agricultural University). So we think our project hasn't
 +
   
 +
    any safety risk during we follow the procedure carefully.</h4><br>
 +
   
 +
 
 +
    <h4><strong>How did you manage to handle the safety issue?</strong></h4><br>
 +
  <h4> To handle the security issue of our work, we always consult with
 +
   
 +
    the team advisor and instructor who handle the laboratory
 +
   
 +
    security work in IPB. Our security is guaranteed by following
 +
   
 +
    the standard operating procedures which provided in each
 +
   
 +
    laboratory. As a mechanism to ensure the safety of our work,
 +
   
 +
    first of all we started it by product testing step in the
 +
   
 +
    laboratory before applying it in nature, so when the result is
 +
   
 +
    guaranteed safely, it can be applied in nature.</h4><br>
 +
    <h4><strong>How could other teams learn from your experience?</strong></h4><br>
 +
  <h4> Other teams can learn from the procedure that we have used. We
 +
   
 +
    use the common procedure that is used by molecular researchers
 +
   
 +
    at the laboratory, so its safety has been tested (as long as we
 +
   
 +
      follow the standard operation procedure had been given).                                     
 +
      </h4><br>
 +
   
 +
   
 +
    <h3><strong>3. Is there a local biosafety group, committee, or review
 +
   
 +
    board at your institution? </strong><h3> <br>
 +
     
 +
      <h4><strong>Which specific biosafety rules or guidelines do you have to
 +
   
 +
    consider in your country?</strong></h4><br>
 +
  <h4> We have no local biosafety committee at our institution but
 +
   
 +
    there are Biosafety rules or guidelines in our country. Please
 +
   
 +
    see below :<br>
 +
    1. Regulation Law No. 32 of 2009 about Environmental
 +
   
 +
    Protection & Management<br>
 +
    2. Law No. 7 of 1996 on Food<br>
 +
    3. Law No. 18 of 2002 on National System
 +
   
 +
    Research,Development and Application of Science and
 +
   
 +
    Technology<br>
 +
    4. Law No. 18 of 2004 on Plantation<br>
 +
    5. Law No. 23 of 1992 on Health<br>
 +
    6. Law No. 23 of 1992 on Animal, Fish, and Plant
 +
   
 +
    Quarantine<br>
 +
    7. Law No. 41 of 1999 on Forestry<br>
 +
    8. Government Regulation No. 21 of 2005 on Biosafety of
 +
   
 +
    Genetically Engineered Product<br>
 +
    9. Presidential Decree 39 of 2010 on Biosafety Commision of
 +
   
 +
    Genetically Engineered Product.<br>
 +
    10. INSTITUTIONAL ARRANGEMENT Biosafety Commision
 +
   
 +
    Established by Presidential Decree No. 39/2010 <br>
 +
    11. Biosafety Technical Team In the establishment
 +
   
 +
    process.<br>
 +
    12. Biosafety Clearing House Regarding Article 20 of the
 +
   
 +
    Cartagena Protocol, Indonesia has been establish a Biosafety
 +
   
 +
    Clearing House to facilitate the exchange of scientific,
 +
   
 +
    technical , environmental and legalinformation on LMO. BCH is
 +
   
 +
    coordinated by Ministry of Environment in cooperation with
 +
   
 +
    Indonesia Institute of Science Secretariat of Biosafety
 +
   
 +
    Commission.<br>
 +
    13. Law 32/2009. Every activities may create important risk
 +
   
 +
    on environment, biodiversity and human healthand human safety
 +
   
 +
    have to carry out Environmental Risk Analysis, Risk Assessment,
 +
   
 +
      Risk Management, Risk Communication.                                                                                                                   
 +
      </h4><br>
 +
       
 +
       
 +
        <h3><strong>4. 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? </strong>
 +
      </h3>                                      <br>
 +
      <h4>To ensure the biosafety, it will be better to give more
 +
       
 +
        certification letter about the safety of materials which
 +
       
 +
        provided to the participants. Each institution must have their
 +
       
 +
        own fire fighters and laboratory clinic centre.
 +
        To minimize the hazardous chemicals we can use the synthetic
 +
       
 +
        biology engineered system. The equipment which is used is fairly
 +
       
 +
        easy to control for these biosafety ethics. The example of
 +
       
 +
        recommended system that has better security is JSA (Job Safety
 +
       
 +
        Analyst).</h4>
 +
       
 +
       
 +
              </div>
 +
<div class="clear"></div>
 +
</div>
 +
<div class="left_news_bot"></div>
 +
</div>
 +
<!-- End left news box -->
 +
 +
 +
</div>
 +
 +
<div class="clear"></div>
 +
</div>
 +
 +
<div id="footer">
 +
<!--footer begins -->
-
----
+
<div class="row-top">
-
 
+
<div class="row-padding">
-
====2. Do any of the new BioBrick parts (or devices) that you made this year raise safety issues? If yes, ====
+
<div class="wrapper">
-
'''*Did you document these issues in the Registry?''' <br>
+
-
No, we didn’t document the safety issue to the registry, but our procedure was according the Standard Operational Procedure of Molecular Biology Laboratory and Microbiology laboratory in IPB (Bogor Agricultural University). So we think our project hasn’t any safety risk during we follow the procedure carefully.<br> <br>
+
<div class="col-3">
-
'''*How did you manage to handle the safety issue?''' <br>
+
<h2><b>Follow Us: <b/></h2>
-
To handle the security issue of our work, we always consult with the team advisor and instructor who handle the laboratory security work in IPB. Our security is guaranteed by following the standard operating procedures which provided in each laboratory. As a mechanism to ensure the safety of our work, first of all we started it by product testing step in the laboratory before applying it in nature, so when the result is guaranteed safely, it can be applied in nature.<br> <br>
+
<ul class="list-services">
-
'''*How could other teams learn from your experience?'''<br>
+
-
Other teams can learn from the procedure that we have used. We use the common procedure that is used by molecular researchers at the laboratory, so its safety has been tested (as long as we follow the standard operation procedure had been given).<br>
+
<li class="item-2"><a href="https://twitter.com/BAU_INDONESIA" target="_blank">Twitter (BAU-INDOESIA)</a></li>
-
 
+
-
 
+
</ul>
-
----
+
</div>
-
 
+
-
====3. Is there a local biosafety group, committee, or review board at your institution? ====
+
-
'''*Which specific biosafety rules or guidelines do you have to consider in your country?'''<br>
+
</div>
-
We have no local biosafety committee at our institution but there are Biosafety rules or guidelines in our country. Please see below :<br>
+
</div><div class="clear"></div>
-
1. Regulation Law No. 32 of 2009 about Environmental Protection & Management<br>  
+
-
2. Law No. 7 of 1996 on Food<br>
+
  </div>
-
3. Law No. 18 of 2002 on National System Research,Development and Application of Science and Technology<br>
+
</div>
-
4. Law No. 18 of 2004 on Plantation<br>
+
-
5. Law No. 23 of 1992 on Health<br>
+
  </div>
-
6. Law No. 23 of 1992 on Animal, Fish, and Plant Quarantine<br>
+
        </div>
-
7. Law No. 41 of 1999 on Forestry<br>
+
        </div>
-
8. Government Regulation No. 21 of 2005 on Biosafety of Genetically Engineered Product<br>
+
    </body>
-
9. Presidential Decree 39 of 2010 on Biosafety Commision of Genetically Engineered Product.<br>
+
</html>
-
10. INSTITUTIONAL ARRANGEMENT Biosafety Commision Established by Presidential Decree No. 39/2010 <br>
+
-
11. Biosafety Technical Team In the establishment process.<br>
+
-
12. Biosafety Clearing House Regarding Article 20 of the Cartagena Protocol, Indonesia has been establish a Biosafety Clearing House to facilitate the exchange of scientific, technical , environmental and legalinformation on LMO. BCH is coordinated by Ministry of Environment in cooperation with Indonesia Institute of Science Secretariat of Biosafety Commission.<br>
+
-
13. Law 32/2009. Every activities may create important risk on environment, biodiversity and human healthand human safety have to carry out Environmental Risk Analysis, Risk Assessment, Risk Management, Risk Communication.<br>
+
-
 
+
-
 
+
-
----
+
-
 
+
-
====4. 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? ====
+
-
To ensure the biosafety, it will be better to give more certification letter about the safety of materials which provided to the participants. Each institution must have their own fire fighters and laboratory clinic centre.
+
-
To minimize the hazardous chemicals we can use the synthetic biology engineered system. The equipment which is used is fairly easy to control for these biosafety ethics. The example of recommended system that has better security is JSA (Job Safety Analyst).
+

Latest revision as of 22:38, 26 September 2012


Metamorphosis Design Free Css Templates

Safety

1. Would any of your project ideas raise safety issues in terms of:


Researcher Safety

We have isolated and cultured the bacteria sample from landfill at Galuga, West Java Indonesia. To prevent contamination by some harmfull bacteria, we have followed the instruction of safety procedure, such as using sensigloves, mask, and washing hand after sampling. Hazardous chemicals that we used are aclrilamide and ethidium bromyde. Acrylamide (or acrylic amide) is a simple organic compound with the chemical formula C3H5NO. It's potentially hazardous to health (cancer or carcinogenic). Acrylamide can form long polymer chains known as polyacrylamide, which is also carcinogenic. Inhalation: irritation, disorientation, burning, convulsions. Contact with skin: irritation, disorientation. Eye contact: irritation, a burning sensation of the eyes, eye damage. Ethidium bromide will reduce the rate of migration of linear DNA molecules by 15%. This solution is extremely dangerous and carcinogenic. All solutions which contained ethidium bromide should be decontaminated before disposal. Ethidium Bromide (EtBr) will fluoresce under UV exposure. These dyes can be added to the gel and buffer so there is no staining after electrophoresis process. The advantage is more practical, but the possibility of EtBr contamination is greater. Due to the carcinogenic factor, it must be avoided for direct contact.

Public Safety

We have ethics to minimize the danger possibility to public. We usually wear single-used gloves, covered shoes, lab coat, and mask so the accumulation of materials and impurities are not exposed to participant directly. We have a liquid discharge valves which equipped with running water, so it won't settle. We also have a separated solid waste disposal for potentially hazardous materials. Those ethics are rules in our work on this project.


Environmental Safety

No harmful effect on our enzyme product. E. coli bacteria which inserted by Cutinase gene has been set for its life period by sonicator so there'll no blooming act in nature. Destruction of PET by using our products is done at indoor laboratory so the waste does not impact to the environment directly. The enzyme does not cause further effect especially for chemical / physical danger.No harmful effect on our enzyme product. E. coli bacteria which inserted by Cutinase gene has been set for its life period by sonicator so there'll no blooming act in nature. Destruction of PET by using our products is done at indoor laboratory so the waste does not impact to the environment directly. The enzyme does not cause further effect especially for chemical / physical danger.


2. Do any of the new BioBrick parts (or devices) that you made this year raise safety issues? If yes, Did you document these issues in the Registry?


No, we didn't document the safety issue to the registry, but our procedure was according the Standard Operational Procedure of Molecular Biology Laboratory and Microbiology laboratory in IPB (Bogor Agricultural University). So we think our project hasn't any safety risk during we follow the procedure carefully.


How did you manage to handle the safety issue?


To handle the security issue of our work, we always consult with the team advisor and instructor who handle the laboratory security work in IPB. Our security is guaranteed by following the standard operating procedures which provided in each laboratory. As a mechanism to ensure the safety of our work, first of all we started it by product testing step in the laboratory before applying it in nature, so when the result is guaranteed safely, it can be applied in nature.


How could other teams learn from your experience?


Other teams can learn from the procedure that we have used. We use the common procedure that is used by molecular researchers at the laboratory, so its safety has been tested (as long as we follow the standard operation procedure had been given).


3. Is there a local biosafety group, committee, or review board at your institution?


Which specific biosafety rules or guidelines do you have to consider in your country?


We have no local biosafety committee at our institution but there are Biosafety rules or guidelines in our country. Please see below :
1. Regulation Law No. 32 of 2009 about Environmental Protection & Management
2. Law No. 7 of 1996 on Food
3. Law No. 18 of 2002 on National System Research,Development and Application of Science and Technology
4. Law No. 18 of 2004 on Plantation
5. Law No. 23 of 1992 on Health
6. Law No. 23 of 1992 on Animal, Fish, and Plant Quarantine
7. Law No. 41 of 1999 on Forestry
8. Government Regulation No. 21 of 2005 on Biosafety of Genetically Engineered Product
9. Presidential Decree 39 of 2010 on Biosafety Commision of Genetically Engineered Product.
10. INSTITUTIONAL ARRANGEMENT Biosafety Commision Established by Presidential Decree No. 39/2010
11. Biosafety Technical Team In the establishment process.
12. Biosafety Clearing House Regarding Article 20 of the Cartagena Protocol, Indonesia has been establish a Biosafety Clearing House to facilitate the exchange of scientific, technical , environmental and legalinformation on LMO. BCH is coordinated by Ministry of Environment in cooperation with Indonesia Institute of Science Secretariat of Biosafety Commission.
13. Law 32/2009. Every activities may create important risk on environment, biodiversity and human healthand human safety have to carry out Environmental Risk Analysis, Risk Assessment, Risk Management, Risk Communication.


4. 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?


To ensure the biosafety, it will be better to give more certification letter about the safety of materials which provided to the participants. Each institution must have their own fire fighters and laboratory clinic centre. To minimize the hazardous chemicals we can use the synthetic biology engineered system. The equipment which is used is fairly easy to control for these biosafety ethics. The example of recommended system that has better security is JSA (Job Safety Analyst).