Difference between revisions of "Team:ZJU-China/Safety/Lab"

 
(3 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
<html lang="zh-CN">
 
<html lang="zh-CN">
−
<head>
+
  <head>
  
−
    <link href="https://2017.igem.org/Zju/css/bootstrap?action=raw&ctype=text/css" rel="stylesheet" media="screen" />
+
 
−
    <link href="https://2017.igem.org/Zju/css/bootstraptheme?action=raw&ctype=text/css" rel="stylesheet" id="bs-theme-stylesheet">
+
<link href="https://2017.igem.org/Zju/css/bootstrap?action=raw&ctype=text/css" rel="stylesheet" media="screen" />
−
    <link href="https://2017.igem.org/Zju/css/docs/min?action=raw&ctype=text/css" rel="stylesheet" type="text/css"/>
+
<link href="https://2017.igem.org/Zju/css/bootstraptheme?action=raw&ctype=text/css" rel="stylesheet" id="bs-theme-stylesheet">
−
    <!-- <link href="css/doc-style.css" rel="stylesheet" type="text/css"/> -->
+
<link href='https://2017.igem.org/Team:ZJU-China/cs/font?action=raw&ctype=text/css' rel='stylesheet' type='text/css'>
−
    <link href="https://2017.igem.org/Zju/css/doc-style?action=raw&ctype=text/css" rel="stylesheet">
+
<link href="https://2017.igem.org/Zju/css/docs/min?action=raw&ctype=text/css" rel="stylesheet" type="text/css"/>
−
    <link href="https://2017.igem.org/Zju/css/responsive/min?action=raw&ctype=text/css" rel="stylesheet">
+
<link href="https://2017.igem.org/Zju/css/doc-style?action=raw&ctype=text/css" rel="stylesheet">
−
    <!-- 按钮的字体 -->
+
<link href="https://2017.igem.org/Zju/css/responsive/min?action=raw&ctype=text/css" rel="stylesheet">
−
    <link href='https://2017.igem.org/Team:ZJU-China/cs/font?action=raw&ctype=text/css' rel='stylesheet' type='text/css'>
+
 
−
    <!-- 按钮的字体end -->
+
<script>
−
    <script>
+
  var _hmt = _hmt || [];
−
        var _hmt = _hmt || [];
+
</script>
−
    </script>
+
  </head>
−
    <script src="https://static.igem.org/mediawiki/2017/8/85/ZJUChina_js_docsmin.txt?action=raw&ctype=text/javascript"></script>
+
−
</head>
+
  
  
 
<style>
 
<style>
−
    /*Override default CSS*/
+
/*Override default CSS*/
−
    #sideMenu, #top_title {display:none;}
+
#sideMenu, #top_title {display:none;}
−
    #content { padding:0px; width:100%; margin-top:-7px; margin-left:0px;background-color: transparent;}
+
#content { padding:0px; width:100%; margin-top:-7px; margin-left:0px;background-color: transparent;}
  
  
−
    /* set all basic objects to neutral formatting*/
+
/* set all basic objects to neutral formatting*/
−
    html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption {
+
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption {
−
        margin: 0;
+
    margin: 0;
−
        padding: 0;
+
    padding: 0;
−
        border: 0;
+
    border: 0;
−
        outline: 0;
+
    outline: 0;
−
        font-size: 100%;
+
    font-size: 100%;
−
        vertical-align: baseline;
+
    vertical-align: baseline;
−
        background: transparent;
+
    background: transparent;
−
    }
+
}
  
−
    #globalWrapper {
+
#globalWrapper {
−
        margin: 0;
+
    margin: 0;
−
        padding: 0;
+
    padding: 0;
−
        border: 0;
+
    border: 0;
−
        outline: 0;
+
    outline: 0;
−
        font-size: 100%;
+
    font-size: 100%;
−
        vertical-align: baseline;
+
    vertical-align: baseline;
−
        background: transparent;
+
    background: transparent;
−
    }
+
}
  
  
−
    /* set page to fill window*/
+
/* set page to fill window*/
−
    html{
+
html{
−
        height: 100%;
+
  height: 100%;
−
    }
+
}
−
    body {
+
body {
−
        min-height: 100%;
+
  min-height: 100%;
−
        background-color: #FFFFFF;
+
  background-color: #FFFFFF;  
−
    }
+
}
  
  
−
    #content_wrapper {
+
#content_wrapper {
−
        position: relative;
+
    position: relative;
−
        top: 0px;
+
  top: 0px;
−
        left: 0px;
+
  left: 0px;
−
        margin: 0px;
+
  margin: 0px;
−
        width: 100%;
+
    width: 100%;  
−
        height: 100%;
+
    height: 100%;  
−
        text-align:center;
+
  text-align:center;
−
        background-color: #FFFFFF;
+
    background-color: #FFFFFF;
−
    }
+
}
  
−
    #content_wrapper p {
+
#content_wrapper p {
−
        font-family: 'Yanone Kaffeesatz',Tahoma, Geneva, sans-serif;
+
    font-family: 'Tempus Sans ITC',Tahoma, Geneva, sans-serif;
−
    }
+
}
  
−
    #content_wrapper a {
+
#content_wrapper a {  
−
        color:#004789;
+
    color:#004789;
−
    }
+
}
  
  
−
    #footer {
+
#footer {  
−
        position:absolute;
+
    position:absolute;  
−
        bottom: 0px;
+
    bottom: 0px;
−
        left: 0px;
+
    left: 0px;
−
        width: 100%;
+
    width: 100%;
−
        margin-top: 0px;
+
    margin-top: 0px;
−
        margin-bottom: 20px;
+
    margin-bottom: 20px;
−
        background-color: #FFFFFF;
+
    background-color: #FFFFFF;
−
        text-align: center;
+
    text-align: center;
−
    }
+
}
  
−
    .center {
+
.center {  
−
        width: 60%;
+
  width: 60%;  
−
        margin-top: 16px;
+
    margin-top: 16px;
−
        min-width: 500px;
+
  min-width: 500px;
−
        padding-bottom:32px;
+
    padding-bottom:32px;
−
        display: inline-block;
+
  display: inline-block;      
−
    }
+
}
  
−
    .TextContent {
+
.TextContent {
−
        text-align: left;
+
  text-align: left;
−
        vertical-align: baseline;
+
  vertical-align: baseline;
−
        font-size: 0.875em;
+
  font-size: 0.875em;
−
        font-family:'Yanone Kaffeesatz', verdana, sans-serif;
+
  font-family:'Tempus Sans ITC', verdana, sans-serif;
−
    }
+
}
  
−
    .TextContent h1{
+
.TextContent h1{  
−
        text-align: center;
+
  text-align: center;
−
        font-size: 1.5rem;
+
  font-size: 1.5rem;
−
        margin-bottom: 1em;
+
  margin-bottom: 1em;
−
        margin-top: 0.2em;
+
  margin-top: 0.2em;
−
        color: #3399ff;
+
  color: #3399ff;
−
        font-family:'Yanone Kaffeesatz', verdana, sans-serif;
+
  font-family:'Tempus Sans ITC', verdana, sans-serif;
−
    }
+
}
  
−
    .TextContent h2{
+
.TextContent h2{
−
        line-height: 1.6;
+
  line-height: 1.6;
−
        margin-bottom: 0em;
+
  margin-bottom: 0em;
−
        margin-top: 1em;
+
  margin-top: 1em;
−
        text-align: left;
+
  text-align: left;
−
        font-family:'Yanone Kaffeesatz', verdana, sans-serif;
+
  font-family:'Tempus Sans ITC', verdana, sans-serif;
−
    }
+
}
  
−
    .TextContent p{
+
.TextContent p{
−
        margin-bottom: 1.2em;
+
  margin-bottom: 1.2em;
−
        font-family:'Yanone Kaffeesatz', verdana, sans-serif;
+
  font-family:'Tempus Sans ITC', verdana, sans-serif;
−
    }
+
}
  
−
    .Page_Wide {
+
.Page_Wide {
−
        width:100%;
+
  width:100%;  
−
    }
+
}
  
−
    .Quarter_Image {
+
.Quarter_Image {
−
        width:25%;
+
  width:25%;
−
        max-height:250px;
+
  max-height:250px;
−
        float:left;
+
  float:left;
−
    }
+
}
  
−
    .Quarter_Image img {
+
.Quarter_Image img {
−
        display:block;
+
    display:block;
−
        margin:auto;
+
    margin:auto;
−
        max-height: 250px;
+
    max-height: 250px;
−
        width: auto;
+
    width: auto;
−
    }
+
}
  
−
    .SocialMediaIconWrapper {
+
.SocialMediaIconWrapper {
−
        width:100%;
+
    width:100%;
−
    }
+
}
  
−
    .SocialMediaIcon {
+
.SocialMediaIcon {
−
        width:4%;
+
    width:4%;
−
        height:auto;
+
    height:auto;
−
        margin-left:20px;
+
    margin-left:20px;
−
        display: inline-block;
+
    display: inline-block;
−
        float:left;
+
    float:left;
  
−
    }
+
}
  
−
    .SocialMediaIcon img{
+
.SocialMediaIcon img{
−
        max-width:100%;
+
    max-width:100%;
−
        height:auto
+
  height:auto
−
    }
+
}
  
−
    .TeamImage {
+
.TeamImage {
−
        width:100%;
+
  width:100%;  
−
    }
+
}
  
−
    .TeamImage img {
+
.TeamImage img {
−
        max-width:100%;
+
    max-width:100%;
−
        height:auto
+
  height:auto
−
    }
+
}
  
−
    .sponsors {
+
.sponsors {
−
        width: 100%;
+
  width: 100%;
−
    }
+
}
  
−
    .sponsor_row {
+
.sponsor_row {  
−
        width: 100%;
+
  width: 100%;
−
    }
+
}
  
−
    .sponsor_img {
+
.sponsor_img {  
−
        width: 16.6666667%;
+
  width: 16.6666667%;  
−
        float:left;
+
  float:left;  
−
    }
+
}
  
−
    .sponsor_img img{
+
.sponsor_img img{  
−
        max-width:100%;
+
  max-width:100%;
−
        height:auto
+
  height:auto
−
    }
+
}
  
−
    .clear {
+
.clear {
−
        clear:both;
+
    clear:both;
−
    }
+
}
  
−
    .clear.extra_space {
+
.clear.extra_space {
−
        height: 20px;
+
    height: 20px;
−
    }
+
}
  
−
    .line_divider {
+
.line_divider {
−
        border-top: 1px solid #d3d3d3;
+
    border-top: 1px solid #d3d3d3;
−
        width: 98%;
+
    width: 98%;
−
        margin: auto;
+
    margin: auto;
−
    }
+
}
  
−
    .copyright{
+
.copyright{
−
        color: #888888;
+
  color: #888888;
−
        font-size: 13px;
+
  font-size: 13px;
−
        text-align: center !important;
+
  text-align: center !important;
−
    }
+
}
  
  
−
    .copyright a{
+
.copyright a{
−
        color: #d2ebe3;
+
  color: #d2ebe3;
−
        border-bottom: dotted 1px #a5d8c7;
+
  border-bottom: dotted 1px #a5d8c7;
−
    }
+
}
  
−
    /*文中自定义*/
+
/*文中自定义*/
−
    .CuteButton:active {
+
.CuteButton:active {
−
        color:white !important;
+
    -webkit-box-shadow: 0px 3px 0px rgba(0,52,63,1), 0px 3px 6px rgba(0,0,0,.9);
−
        -webkit-box-shadow: 0px 3px 0px rgba(0,52,63,1), 0px 3px 6px rgba(0,0,0,.9);
+
    -moz-box-shadow: 0px 3px 0px rgba(0,52,63,1), 0px 3px 6px rgba(0,0,0,.9);
−
        -moz-box-shadow: 0px 3px 0px rgba(0,52,63,1), 0px 3px 6px rgba(0,0,0,.9);
+
    box-shadow: 0px 3px 0px rgba(0,52,63,1), 0px 3px 6px rgba(0,0,0,.9);
−
        box-shadow: 0px 3px 0px rgba(0,52,63,1), 0px 3px 6px rgba(0,0,0,.9);
+
    position: relative;
−
        position: relative;
+
    top: 6px;
−
        top: 6px;
+
}  
−
    }
+
  
−
    .CuteButton:visited {
+
.YellowCB {
−
        color:white !important;
+
    background-color: rgba(254,196,62,1);
−
        -webkit-box-shadow: 0px 3px 0px rgba(0,52,63,1), 0px 3px 6px rgba(0,0,0,.9);
+
    -webkit-box-shadow: 0px 9px 0px rgba(245,253,202,1), 0px 9px 25px rgba(0,0,0,.7);
−
        -moz-box-shadow: 0px 3px 0px rgba(0,52,63,1), 0px 3px 6px rgba(0,0,0,.9);
+
    -moz-box-shadow: 0px 9px 0px rgba(245,253,202,1), 0px 9px 25px rgba(0,0,0,.7);
−
        box-shadow: 0px 3px 0px rgba(0,52,63,1), 0px 3px 6px rgba(0,0,0,.9);
+
    box-shadow: 0px 9px 0px rgba(245,253,202,1), 0px 9px 25px rgba(0,0,0,.7);
−
        position: relative;
+
}
−
        top: 6px;
+
−
    }
+
  
−
    .YellowCB {
+
.GreenCB {
−
        background-color: rgba(254,196,62,1);
+
    background-color: rgba(25,148,117,1);
−
        -webkit-box-shadow: 0px 9px 0px rgba(245,253,202,1), 0px 9px 25px rgba(0,0,0,.7);
+
    -webkit-box-shadow: 0px 9px 0px rgba(4,77,34,1), 0px 9px 25px rgba(0,0,0,.7);
−
        -moz-box-shadow: 0px 9px 0px rgba(245,253,202,1), 0px 9px 25px rgba(0,0,0,.7);
+
    -moz-box-shadow: 0px 9px 0px rgba(4,77,34,1), 0px 9px 25px rgba(0,0,0,.7);
−
        box-shadow: 0px 9px 0px rgba(245,253,202,1), 0px 9px 25px rgba(0,0,0,.7);
+
    box-shadow: 0px 9px 0px rgba(4,77,34,1), 0px 9px 25px rgba(0,0,0,.7);
−
    }
+
}
  
−
    .GreenCB {
+
.SmallCB {
−
        background-color: rgba(25,148,117,1);
+
    font-size: 1.5em;
−
        -webkit-box-shadow: 0px 9px 0px rgba(4,77,34,1), 0px 9px 25px rgba(0,0,0,.7);
+
    margin-left: 2px;
−
        -moz-box-shadow: 0px 9px 0px rgba(4,77,34,1), 0px 9px 25px rgba(0,0,0,.7);
+
    padding: 2px 10px ;
−
        box-shadow: 0px 9px 0px rgba(4,77,34,1), 0px 9px 25px rgba(0,0,0,.7);
+
    width: 100px;
−
    }
+
}
  
−
    .SmallCB {
 
−
        font-size: 1.5em;
 
−
        margin-left: 2px;
 
−
        padding: 2px 10px ;
 
−
        width: 100px;
 
−
    }
 
  
 +
.ArticleHead{
 +
  font-family: 'Tempus Sans ITC',georgia !important;
 +
  font-size: 40px !important;
 +
  font-weight: 800 !important;
 +
  color: #56A36C !important;
 +
  text-align: center !important;
 +
    margin-bottom: 0 !important;
 +
    /*margin-top: .6em !important;*/
 +
}
  
 +
.H3Head{
 +
  font-family: 'Tempus Sans ITC',georgia !important;
 +
  color: #FEC43E !important;
 +
  font-size: 25px !important;
 +
  font-weight: 400 !important;
 +
  text-align: left !important;
 +
    margin-bottom: 0 !important;
 +
    margin-top:.6em !important;
 +
}
  
−
    .ArticleHead{
+
.PP{
−
        font-family: 'Tempus Sans ITC',georgia !important;
+
  font-family:Tahoma, Geneva, sans-serif !important;
−
        font-size: 40px !important;
+
  font-size: 20px !important;
−
        font-weight: 800 !important;
+
  font-weight: 100 !important;
−
        color: #56A36C !important;
+
  text-align: left !important;
−
        text-align: center !important;
+
    margin-bottom: 20px !important;
−
        margin-bottom: 0 !important;
+
}
−
        margin-top: .6em !important;
+
−
    }
+
  
−
    .H3Head{
 
−
        font-family: 'Tempus Sans ITC',georgia !important;
 
−
        color: #FEC43E !important;
 
−
        font-size: 25px !important;
 
−
        font-weight: 400 !important;
 
−
        text-align: left !important;
 
−
        margin-bottom: 0 !important;
 
−
        margin-top:.6em !important;
 
−
    }
 
  
−
    .PP{
+
.Retract{
−
        font-family:Tahoma, Geneva, sans-serif !important;
+
  padding-left: 50px;
−
        font-size: 20px !important;
+
}
−
        font-weight: 100 !important;
+
−
        text-align: left !important;
+
−
        margin-bottom:20px !important;
+
−
    }
+
  
 +
.GreenAH{
 +
  color: #56A36C;
 +
}
  
−
    .Retract{
+
.YellowAH{
−
        padding-left: 50px;
+
  color: #FEC43E;
−
    }
+
}
  
−
    .GreenAH{
+
.contentLi{
−
        color: #56A36C;
+
    margin:0;
−
    }
+
    font-size:17px;
 +
    line-height: 27px;
 +
    padding-bottom: 20px;
 +
    color: #111111;
 +
}
  
−
    .YellowAH{
+
.greyTable
−
        color: #FEC43E;
+
{
−
    }
+
    font-color:black !important;
 +
  /*background-color: #979797 !important;*/
 +
}
  
−
    .contentLi{
+
.yellowTable th
−
        margin:0;
+
{
−
        font-size:17px;
+
    font-color:#000 !important;
−
        line-height: 27px;
+
    background-color: #CD9B1D !important;
−
        padding-bottom: 20px;
+
}
−
        color: #111111;
+
−
    }
+
  
−
    .blueTable
+
.yellowTable th
−
    {
+
{
−
        color: #1E90FF;
+
    font-color:#000 !important;
−
     }
+
     background-color: #CD9B1D !important;
 +
}
  
−
    .yellowTable
+
h2{
−
    {
+
  font-family: 'Tempus Sans ITC';
−
        color: #CD9B1D;
+
  font-weight: 500;
−
    }
+
  font-size: 35px;
 +
  text-align: left;
 +
}
  
−
    h2{
+
h3{
−
        font-family: 'Tempus Sans ITC';
+
  font-family: 'Tempus Sans ITC';
−
        font-weight: 500;
+
  font-weight: 500;
−
        font-size: 35px;
+
  font-size: 32px;
−
        text-align: left;
+
  text-align: left;
−
    }
+
}
  
−
    h3{
+
h4{
−
        font-family: 'Tempus Sans ITC';
+
  font-family: 'Tempus Sans ITC';
−
        font-weight: 500;
+
  font-weight: 500;
−
        font-size: 32px;
+
  font-size: 28px;
−
        text-align: left;
+
  text-align: left;
−
    }
+
}
  
−
    h4{
+
h5{
−
        font-family: 'Tempus Sans ITC';
+
  font-family: 'Tempus Sans ITC';
−
        font-weight: 500;
+
  font-weight: 500;
−
        font-size: 28px;
+
  font-size: 25px;
−
        text-align: left;
+
  text-align: left;
−
    }
+
}
  
−
    h5{
+
p{
−
        font-family: 'Tempus Sans ITC';
+
  margin:0;
−
        font-weight: 500;
+
  font-size:17px;
−
        font-size: 25px;
+
  line-height: 30px;
−
        text-align: left;
+
  /*padding-bottom: 20px;*/
−
    }
+
  color: #111111;
 +
}
  
−
    p{
+
.bs-docs-sidenav
−
        margin:0;
+
{
−
        font-size:17px;
+
    font-family:Tahoma, Geneva, sans-serif !important;
−
        line-height: 30px;
+
    font-size: 20px !important;
−
        /*padding-bottom: 20px;*/
+
    font-weight: 100 !important;
−
        color: #111111;
+
    text-align: left !important;
−
    }
+
}
  
−
    .bs-docs-sidenav
 
−
    {
 
−
        font-family:Tahoma, Geneva, sans-serif !important;
 
−
        font-size: 20px !important;
 
−
        font-weight: 100 !important;
 
−
        text-align: left !important;
 
−
    }
 
  
 +
.textli li{
 +
    font-family:Tahoma, Geneva, sans-serif !important;
 +
    font-size: 20px !important;
 +
    font-weight: 100 !important;
 +
    text-align: left !important;
 +
}
  
−
    .textli li{
+
.nonStyleTable
−
        font-family:Tahoma, Geneva, sans-serif !important;
+
{
−
        font-size: 20px !important;
+
    background: transparent !important;
−
        font-weight: 100 !important;
+
    border:none !important;
−
        text-align: left !important;
+
}
−
    }
+
  
−
    .textimg
+
.textimg{
−
    {
+
    width:70% !important;
−
        width:60% !important;
+
     /*margin-top: 20px;*/
−
     }
+
    /*padding-bottom: 20px;*/
−
     /*文中自定义*/
+
    text-align: center;
 +
}
 +
 
 +
.capture
 +
{
 +
     color: #7f7f7f !important;
 +
    font-size:15px !important;
 +
}
 +
 
 +
/*文中自定义*/
 
</style>
 
</style>
  
−
<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
+
  <body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
−
<div class="page-loader"></div>
+
  <div class="page-loader"></div>
−
<!-- Docs master nav -->
+
      <!-- Docs master nav -->
−
<!-- <h1><a class="navbar-brand" href="index.html">MuMei Lab</a></h1> -->
+
                  <!-- <h1><a class="navbar-brand" href="index.html">MuMei Lab</a></h1> -->
 +
 
 
   <div class="container">
 
   <div class="container">
 
       <!-- header -->
 
       <!-- header -->
Line 421: Line 432:
 
                               <li><a href="https://2017.igem.org/Team:ZJU-China/Project/conclusion">Conclusions</a></li>
 
                               <li><a href="https://2017.igem.org/Team:ZJU-China/Project/conclusion">Conclusions</a></li>
 
                               <li><a href="https://2017.igem.org/Team:ZJU-China/Notebook">Notebook</a></li>
 
                               <li><a href="https://2017.igem.org/Team:ZJU-China/Notebook">Notebook</a></li>
 +
                              <li><a href="https://2017.igem.org/Team:ZJU-China/Protocols">Protocols</a></li>
 
                           </ul>
 
                           </ul>
 
                       </li>
 
                       </li>
Line 448: Line 460:
 
                       </li>
 
                       </li>
  
−
                       <li><a href="https://2017.igem.org/Team:ZJU-China/Hardware">Hardware</a></li>
+
                       <li class="m_nav_item dropdown" >
 +
                          <a href="#" class="dropdown-toggle link" data-toggle="dropdown">Hardware<b class="caret"></b></a>
 +
                          <ul class="dropdown-menu ">
 +
                              <li><a href="https://2017.igem.org/Team:ZJU-China/Hardware">Overview</a></li>
 +
                              <li><a href="https://2017.igem.org/Team:ZJU-China/Hardware/Device">Device</a></li>
 +
                              <li><a href="https://2017.igem.org/Team:ZJU-China/Hardware/Improvements">Improvements</a></li>
 +
                              <li><a href="https://2017.igem.org/Team:ZJU-China/Hardware/MediumWave">Medium Wave</a></li>
 +
                          </ul>
 +
                      </li>
  
 
                       <li class="m_nav_item dropdown" >
 
                       <li class="m_nav_item dropdown" >
Line 481: Line 501:
 
           </nav>
 
           </nav>
 
       </div>
 
       </div>
−
   </div><p></p>
+
   </div>
−
<!--<div style="margin-top:0;padding-top:0">-->
+
<p></p>
−
<!--<img id="partsPage" src="https://static.igem.org/mediawiki/2017/b/be/ZJUChina_interlab_banner.jpg" width="100%">-->
+
<div style="margin-top:0;padding-top:0">
−
<!--&lt;!&ndash; <img src="images/HP_temp/banner.jpg" width="100%"> &ndash;&gt;-->
+
  <!--<img src="https://static.igem.org/mediawiki/2017/b/bf/ZJU_China_Project_TP_Head2.jpg" width="100%">-->
−
<!--</div>-->
+
    <img src="https://static.igem.org/mediawiki/2017/9/9d/ZJU_China_head_safety.jpg" width="100%">
−
 
+
</div>
−
 
+
  
  
−
<div style="width: 100%" class="container zjuContent">
+
<div style="width:100%;" class="container zjuContent">
−
    <div class="col-md-3"></div>
+
  <div class="col-md-3"></div>
 
     <div class="col-md-9" role="main">
 
     <div class="col-md-9" role="main">
−
        <p class="bs-docs-section">
+
      <div class="bs-docs-section">
  
−
            <div style="height: 50px;"></div>
+
          <h1 id="safety" class="page-header ArticleHead GreenAH">Safety - Laboratory<br></h1>
 +
          <br><br>
 +
          <div class="imgdiv"><img class="textimg"  style="width: 60% !important;" src="https://static.igem.org/mediawiki/2017/3/31/ZJU_China_safety_s5.jpg"></div>
  
 +
          <div style="display:inline;height: 20px !important; width: 20px !important;"><img class="col-md-1" style="margin-bottom: 0 !important;height: 1.4em; width: auto;" src="https://static.igem.org/mediawiki/2017/6/63/ZJU_China_yes.png"></div>
 +
          <p id="Wearing" class="PP col-md-11" style="display: inline;"><strong>Wearing</strong>: protective lab coat, enclosed leather shoes, gloves and safety glasses.</p>
  
−
            <h1 id="humanpractice" class="page-header ArticleHead GreenAH">Human Practice: Gold</h1>
+
          <div style="display:inline;height: 20px !important; width: 20px !important;"><img class="col-md-1" style="margin-bottom: 0 !important;height: 1.4em; width: auto;" src="https://static.igem.org/mediawiki/2017/6/63/ZJU_China_yes.png"></div>
−
        <p class="PP"><br><br>Tobacco is an important economic crop in the global world. In China alone, the planting ares of tobacco can reach 16 million mu (about 10600 km<sup>2</sup>). In 2015, the GDP(Gross Domestic Product) in China is totally 676,70 billion yuan, while the cigarette sales reached 142,2 billion yuan, making up to 4.7% of the total retail sales of consumer goods, which was 300,93 billion yuan. This shows that tobacco has high economic value. </p>
+
          <p id="Storage" class="PP col-md-11" style="display: inline;"><strong>Storage</strong>: the chemical and biological reagents are stored in the proper place and suitable temperature.</p>
−
        <p class="PP">However, due to the black shank caused by Phytophtora, tobacco yield reduces a lot every year. In China, Hunan province, there's nearly 2.5 million mu of tobacco planting area. There are 5%-10% tobacco affected by the disrase each year. Through a simple calculation, the whole country loses nearly 100 billion yuan of tobacco in a single year. The traditional method for control is spraying pesticide in all the plant in the certain field after tocacco infected black bank is found. Nevertheless, the sicken rate is stabilized at 5%-10%. In another word, the traditional method shows a lot of defects in cost and effect. Therefore, we chose tobacco as our testing plants and decided to go out of the lab to gain firsthand information.</p>
+
          <div class="imgdiv col-md-6 col-sm-6"><img class="textimg"  style="height: 240px !important;width: auto !important;" src="https://static.igem.org/mediawiki/2017/d/d9/ZJU_China_safety_s7.jpg"></div>
 +
          <div class="imgdiv col-md-6 col-sm-6"><img class="textimg"  style="height: 240px !important;width: auto !important;" src="https://static.igem.org/mediawiki/2017/4/47/ZJU_China_safety_s1.jpg"></div>
  
−
        <!--<div class="imgdiv col-md-6 col-sm-6"><img class="textimg" style="height: 230px !important; width: auto !important;"  src=""></div>-->
+
          <div style="display:inline;height: 20px !important; width: 20px !important;"><img class="col-md-1" style="margin-bottom: 0 !important;height: 1.4em; width: auto;" src="https://static.igem.org/mediawiki/2017/6/63/ZJU_China_yes.png"></div>
−
        <!--<div class="imgdiv col-md-6 col-sm-6"><img class="textimg" style="height: 230px !important; width: auto !important;"  src=""></div>-->
+
          <p id="Waste" class="PP col-md-11" style="display: inline;"><strong>Waste</strong>: waste containers, sharps disposal containers, autoclaving methods.</p>
−
        <div class="imgdiv col-md-6 col-sm-6"><img class="textimg"  style="height: 30% !important; width: auto !important;" src="https://static.igem.org/mediawiki/2017/e/ef/ZJU_China_Gold_1.png"></div>
+
−
        <div class="imgdiv col-md-6 col-sm-6"><img class="textimg"  style="height: 30% !important; width: auto !important;" src="https://static.igem.org/mediawiki/2017/d/db/ZJU_China_Gold_2.png"></div>
+
  
 +
          <div style="display:inline;height: 20px !important; width: 20px !important;"><img class="col-md-1" style="margin-bottom: 0 !important;height: 1.4em; width: auto;" src="https://static.igem.org/mediawiki/2017/6/63/ZJU_China_yes.png"></div>
 +
          <p id="Training" class="PP col-md-11" style="display: inline;"><strong>Training</strong>: key to the ongoing safe operation of the laboratory facility.</p>
 +
          <div class="imgdiv col-md-4 col-sm-4"><img class="textimg"  style="height: 200px !important;width: auto !important;" src="https://static.igem.org/mediawiki/2017/1/13/ZJU_China_safety_s6.jpg"></div>
 +
          <div class="imgdiv col-md-4 col-sm-4"><img class="textimg"  style="height: 200px !important;width: auto !important;" src="https://static.igem.org/mediawiki/2017/4/43/ZJU_China_safety_s3.jpg"></div>
 +
          <div class="imgdiv col-md-4 col-sm-4"><img class="textimg"  style="height: 200px !important;width: auto !important;" src="https://static.igem.org/mediawiki/2017/3/3f/ZJU_China_safety_s2.jpg"></div>
  
−
        <h2 class="H2Head" id="afieldstudy">A Field Study at the Midpoint</h2>
+
          <div style="display:inline;height: 20px !important; width: 20px !important;"><img class="col-md-1" style="margin-bottom: 0 !important;height: 1.4em; width: auto;" src="https://static.igem.org/mediawiki/2017/6/63/ZJU_China_yes.png"></div>
−
            <p class="PP">Tobaccos are a kind of main cash crop for Huayuan County, Xiangxi Tujia&Miao Autonomous. Meanwhile, tobacco black shank is an annual disease there. </p>
+
          <p id="People" class="PP col-md-11" style="display: inline;"><strong>People</strong>: Educators, staff and management must be engaged in working to reduce the likelihood of accidents, injuries and potential litigation.</p>
−
            <h3 class="H3Head" id="whatwesaw">What we saw</h3>
+
−
        <div class="imgdiv"><img class="textimg" src="https://static.igem.org/mediawiki/2017/a/ae/ZJU_China_HPGold_313.jpg"></div>
+
−
            <p class="PP">Rows of tobacco plants with straight stems, green large leaves welcomed us, but when we walked into the field, we found some sick plants with yellow leaves and black shanks. What’s more, some plants seemed healthy, but after we broke them up, the <em>Phytophthora nicotianae</em> can be seen inner their stem.</p>
+
−
            <p class="PP">Then we knew that there are large acres of tobacco planted in Huayuan County, many farmers rely on exporting tobacco to earn the bread. However, when rains and high temperature comes along in summer, tobacco black shank spreads from one plant to another, which makes economical loss annually.</p>
+
  
−
            <h3 class="H3Head" id="conversation">What we talked about</h3>
+
          <div style="display:inline;height: 20px !important; width: 20px !important;"><img class="col-md-1" style="margin-bottom: 0 !important;height: 1.4em; width: auto;" src="https://static.igem.org/mediawiki/2017/6/63/ZJU_China_yes.png"></div>
−
                <div class="imgdiv"><img class="textimg" src="https://static.igem.org/mediawiki/2017/4/4e/ZJU_China_HPGold_105.jpg"></div>
+
          <p id="Monitors" class="PP col-md-11" style="display: inline;"><strong>Monitors</strong>:Efforts are made to ensure laboratory safety videos are both relevant and engaging.</p>
 +
          <div class="imgdiv col-md-6 col-sm-6"><img class="textimg"  style="width: 90% !important;" src="https://static.igem.org/mediawiki/2017/4/4a/ZJU_China_safety_s4.jpg"></div>
 +
          <div class="imgdiv col-md-6 col-sm-6"><img class="textimg"  style="width: 90% !important;" src="https://static.igem.org/mediawiki/2017/e/ec/ZJU_China_safety_s8.jpg"></div>
  
−
                <p class="PP">The officials in the tobacco planting base told us that when the tobacco black shank happened they usually sprayed insecticides to the whole field, but it didn’t work very well, not to mention the chemical influence on the environment. Also, the <em>Phytophthora nicotianae</em> would stay in the soil for a long time. Therefore, the tobacco black shank caused by <em>Phytophthora nicotianae</em> is a serious headache.</p>
+
          <div style="display:inline;height: 20px !important; width: 20px !important;"><img class="col-md-1" style="margin-bottom: 0 !important;height: 1.4em; width: auto;" src="https://static.igem.org/mediawiki/2017/6/63/ZJU_China_yes.png"></div>
−
                <p class="PP">After visiting the farmland we had a meeting with them and introduced our project to them, which might solve their problem to some extent.</p>
+
          <p id="Learning" class="PP col-md-11" style="display: inline;"><strong>Learning</strong>: Development and Application of Study and Examination System Through Internet for Laboratory Safety Lesson</p>
−
                <p class="PP">The officials showed interest in our project, and they gave us some useful suggestions:</p>
+
−
                <p class="PP">First, they hoped that a warning system could be designed, since when they found the tobacco black shank, it might be too late to control it. What could help them a lot is a device which could monitor the condition in the field and report the disease immediately, or even better, help controlling the disease from spreading.</p>
+
−
                <p class="PP">Second, they suggested that the <em>Trichoderma</em> could be inoculated during the seedling stage of tobacco, and they would not be infected after being planted into the field.</p>
+
−
                <p class="PP">Finally, if we choose to inoculate <em>Trichoderma</em> in the field instead of during the seedling stage, a handy way is to spray <em>Trichoderma</em> on the farmland before the black shank season comes.</p>
+
  
−
            <h3 id="whatwedid" class="H3Head">What we did</h3>
 
−
                <p class="PP">After the conversation, we reflected on our project seriously.</p>
 
−
                <p class="PP">For the first suggestion, we searched for the warning method. We found that the plant and microorganisms around it would emit VOC (volatile organic compounds),and the VOC from healthy plants and ill ones are different. Therefore, we used sensors to detect the gas around plants, and used machine learning to able the system to define whether the plant is healthy. We also added an accumulating part so that it could apply in the practical farmland better.</p>
 
−
                <p class="PP">To achieve the second suggestion mentioned above, the lasting time of <em>Trichoderma</em> has to be considered——they should survive and be "active" until the wet and hot black shank season ends.</p>
 
−
                <p class="PP">When it comes to the third one, spraying the <em>Trichoderma</em>, whether it could get access to the tobacco is a problem. Thus, the more complicated soil microecology will be involved. However, we have to consider these topics in the future due to the time limit.</p>
 
−
                <p class="PP">By visiting the tobacco field as well as communicating with the officials in the tobacco company, we got useful suggestions and inspirations. Then we designed our VOC device and modified our "wetlab" work.</p>
 
−
                <div class="imgdiv"><img class="textimg" src="https://static.igem.org/mediawiki/2017/6/6f/ZJU_China_HPGold_000.jpg"></div>
 
−
        <p class="PP"> This communication also inspired us to improve our wet-labs and refine our design on practical application. Since the officials worried <em>P.nicotianae</em> exploded in field and biocontrol agents might not work in time, we later connected with UESTC for testing the <em>T.atroviride</em> effects in plants.They thought our signal transduction process was very meaningful and encouraged us combined it with modern automatic agriculture like using unscrewed vehicle to monitor a large of field dynamically instead of many settled devices.</p>
 
  
−
        <h2 id="design" class="H2Head">Our Design</h2>
 
−
            <p class="PP">We also focus on building access between biology-synthesis fans as well as between researchers and public.</p>
 
  
−
            <p class="PP">Our design is based on our project of Trichoderma as well as our college. Since Trichoderma is basically green, with quantities of sections of hyphae, we choose green as our logo’s apparent color. It’s a special cartoon image with four arms, which stand for Trichoderma’s hyphae. Besides, it looks a little like the "Qiushi Ji" of our school, which is a fluffy yellow chick. We just hope that our logo can not only be combined with both our project and our school, but also keep cute and interesting at the same time. At the base of this design, we have created two sets of color themes, one is in red and green-based colors, the other is in blue and yellow-based colors. The bulb in the former pattern represents inspiration, while the gear in the latter pattern is closely related to the logo of iGEM. The use of multiple colors makes our design more colorful and appealing.</p>
+
      </div>
−
            <p class="PP">Once we have determined our logo, we then designed some derivative products, such as postcard, key chain, badge, notebook, stickers, etc. Their main logos are those two designs we mentioned before, added with different colors and creativity. We sincerely hope that these gifts designed for the project can get everyone’s favor during intercollegiate communication.</p>
+
−
            <div class="imgdiv"><img class="textimg" src="https://static.igem.org/mediawiki/2017/7/75/ZJU_China_HP_zb.jpg"></div>
+
  
−
        <h2 id="miniprogram" class="H2Head">iGEM Index: Mini Program Helps Gaining Inspiration</h2>
+
<!-- 右侧监听开始 -->
−
                            <p class="PP">When a new iGEM team starts, the first thing is to come up with a good idea, and we may gain inspiration by taking a look at team wikis from previous years. However, sometimes we may troubled by finding a team in a specific track, region, award etc., or don’t get a laptop with you to visit the iGEM website. Under that condition, we designed and programmed a mini program in Wechat to help solve the problem.</p>
+
<div class="col-md-3 disappear-on-top" role="complementary">
−
                <p class="PP">For example, you can choose "track: environment, region: North America, year: 2015, award: All, medal: gold", and the qualified teams’ information will show up immediately. What’s more, you can search by key words.</p>
+
  <nav  style="position: fixed; top: 100px ; left:50px; " class="bs-docs-sidebar hidden-print hidden-xs hidden-sm">
−
                <p class="PP">We hope this program can help other iGEM teams to get resources faster, and come up with more and more fascinating projects.</p>
+
    <ul class="nav bs-docs-sidenav shorterli">
−
         <div style="height: 280px !important;" class="imgdiv col-md-3 col-sm-3"><img class="textimg" style="height: 230px !important; width: auto !important;"  src="https://static.igem.org/mediawiki/2017/4/40/ZJU_China_HP_gold_igemindex.png"></div>
+
        <li><a href="#Wearing">Wearing</a></li>
−
         <div style="height: 280px !important;" class="imgdiv col-md-3 col-sm-3"><img class="textimg" style="height: 230px !important; width: auto !important;"  src="https://static.igem.org/mediawiki/2017/9/91/ZJU_China_HP_gold_igemindex2.png"></div>
+
        <li><a href="#Storage">Storage</a></li>
−
         <div style="height: 280px !important;" class="imgdiv col-md-6 col-sm-6"><img class="textimg" style="height: 230px !important; width: auto !important;"  src="https://static.igem.org/mediawiki/2017/1/15/ZJU_China_Notebook_27.jpg"></div>
+
        <li><a href="#Waste">Waste</a></li>
 +
         <li><a href="#Training">Training</a></li>
 +
        <li><a href="#People">People</a></li>
 +
         <li><a href="#Monitors">Monitors</a></li>
 +
         <li><a href="#Learning">Learning</a></li>
  
−
        <h2 id="td2w" class="H2Head">a<em>Trichoderma</em> Defense War</h2>
+
    </ul>
−
        <p id="tdw" class="H2Head" style="font-size: 30px !important;">a<em>Trichoderma</em> Defense War</p>
+
 
−
            <p class="PP">We designed a computer game to introduce knowledge related to our project in a relaxing way.</p>
+
  <a class="back-to-top" href="#top">
−
            <p class="PP">In that game, you should protect the little plant from danger and get as much biomass as you can. Different transferred genes into <em>Trichoderma</em> can enable the plant to prevent from pests, virus or freezing damage. Remember that you should evaluate the circumstance and make clever decisions.</p>
+
  <!--  <i class="fa fa-arrow-up nav_icon"></i> -->
 +
    <img style="width: 50px;" src="https://static.igem.org/mediawiki/2017/d/da/ZJU_China_UP.png">
 +
  </a>
  
−
            <h2 id="public" class="H2Head">Public</h2>
 
−
            <p class="PP">Apart from the "virtual" game, we also make effort on the interaction with public in the "real world". We held a "garden party" in the Zhejiang Science and Technology Museum.</p>
 
 
              
 
              
−
        <div style="text-align: center;"><br><br>
+
          </nav>
−
            <a class="CuteButton YellowCB" href="https://2017.igem.org/Team:ZJU-China/Engagement">More About Public Engagement Page...</a>
+
−
            <br><br><br><br><br><br>
+
 
         </div>
 
         </div>
−
 
+
          
−
         </div>
+
      </div>
−
 
+
−
        <!-- 右侧监听开始 -->
+
−
        <div class="col-md-3 disappear-on-top" role="complementary">
+
−
            <nav  style="position: fixed; top: 100px ; left:50px;" class="bs-docs-sidebar hidden-print hidden-xs hidden-sm">
+
−
                <ul class="nav bs-docs-sidenav shorterli">
+
−
 
+
−
                    <li>
+
−
                        <a href="#afieldstudy">A Field Study</a>
+
−
                        <ul class="nav">
+
−
                            <li><a href="#whatwesaw">What We Saw</a></li>
+
−
                            <li><a href="#conversation">What We Talked About</a></li>
+
−
                            <li><a href="#whatwedid">What We Did</a></li>
+
−
                        </ul>
+
−
                    </li>
+
−
                    <li><a href="#design">Our Design</a></li>
+
−
                    <li><a href="#miniprogram">iGEM Index: Mini Program</a></li>
+
−
                    <li><a href="#tdw">Trichoderma Defense War</a></li>
+
−
                    <li><a href="#public">Public</a></li>
+
−
 
+
−
 
+
−
 
+
−
                </ul>
+
−
 
+
−
                <a class="back-to-top" href="#top">
+
−
                    <!--  <i class="fa fa-arrow-up nav_icon"></i> -->
+
−
                    <img style="width: 50px;" src="https://static.igem.org/mediawiki/2017/d/da/ZJU_China_UP.png">
+
−
                </a>
+
−
 
+
−
 
+
−
            </nav>
+
−
        </div>
+
−
 
+
−
    </div>
+
 
</div>
 
</div>
 
<!-- 右侧监听结束 -->
 
<!-- 右侧监听结束 -->
 
<!-- footer开始 -->
 
<!-- footer开始 -->
 
<div class="footer"  style="background-color: #000000">
 
<div class="footer"  style="background-color: #000000">
−
    <div class="copyright container text-center">
+
  <div class="copyright container text-center">
−
        <p class="copyright"><br></p>
+
      <p><br></p>
−
        <p class="copyright">Copyright &copy; 2017 ZJU-IGEM | <a href="http://www.zju.edu.cn/">Zhejiang University</a> |
+
    <p class="copyright">Copyright &copy; 2017 ZJU-IGEM | <a href="http://www.zju.edu.cn/">Zhejiang University</a> |</p>
−
        </p>
+
    <p><br></p>
−
        <!--<p class="copyright">Contact us:<a class="copyright" href="">WeChat</a></p>-->
+
  </div>
−
        <p class="copyright"><br></p>
+
−
    </div>
+
 
</div>
 
</div>
 
<!-- footer结束 -->
 
<!-- footer结束 -->
Line 612: Line 588:
  
 
<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
 
<script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
−
<!--script src="js/bootstrap.min.js"></script-->
+
  <!--script src="js/bootstrap.min.js"></script-->
−
<script src="https://static.igem.org/mediawiki/2017/8/85/ZJUChina_js_docsmin.txt"></script>
+
  <script src="https://static.igem.org/mediawiki/2017/8/85/ZJUChina_js_docsmin.txt"></script>
−
<!--script src="js/button.js"></script-->
+
  <!--script src="js/button.js"></script-->
−
<script src="https://static.igem.org/mediawiki/2017/2/22/ZJUChina_bootstrap.min.txt"></script>
+
  <script src="https://static.igem.org/mediawiki/2017/2/22/ZJUChina_bootstrap.min.txt"></script>
−
<script src="https://static.igem.org/mediawiki/2017/3/32/ZJUChina_docs.min.txt"></script>
+
  <script src="https://static.igem.org/mediawiki/2017/3/32/ZJUChina_docs.min.txt"></script>
−
<script src="https://static.igem.org/mediawiki/2017/e/e0/ZJUChina_button.txt"></script>
+
  <script src="https://static.igem.org/mediawiki/2017/e/e0/ZJUChina_button.txt"></script>
  
−
<script src="https://2017.igem.org/Team:ZJU-China/js/scrollingnavnonPic?action=raw&ctype=text/javascript"></script>
+
  <!--<script src="js/scrolling-nav.js"></script>-->
−
<!--<script src="https://static.igem.org/mediawiki/2017/9/92/ZJUChina_scrolling-nav.txt"></script>  -->
+
  <script src="https://2017.igem.org/Zju/js/scrollingnav?action=raw&ctype=text/javascript"></script>
−
<script src="https://static.igem.org/mediawiki/2017/c/c0/ZJUChina_txtSmoothScroll.min.txt"></script>
+
  <script src="https://static.igem.org/mediawiki/2017/c/c0/ZJUChina_txtSmoothScroll.min.txt"></script>
  
−
</body>
+
  </body>
 
</html>
 
</html>

Latest revision as of 15:06, 1 November 2017

Safety - Laboratory



Wearing: protective lab coat, enclosed leather shoes, gloves and safety glasses.

Storage: the chemical and biological reagents are stored in the proper place and suitable temperature.

Waste: waste containers, sharps disposal containers, autoclaving methods.

Training: key to the ongoing safe operation of the laboratory facility.

People: Educators, staff and management must be engaged in working to reduce the likelihood of accidents, injuries and potential litigation.

Monitors:Efforts are made to ensure laboratory safety videos are both relevant and engaging.

Learning: Development and Application of Study and Examination System Through Internet for Laboratory Safety Lesson


Copyright © 2017 ZJU-IGEM | Zhejiang University |