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

Line 1: Line 1:
−
<div class="container">
+
 
 +
<html lang="zh-CN">
 +
  <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/Team:ZJU-China/cs/font?action=raw&ctype=text/css' rel='stylesheet' type='text/css'>
 +
<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/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">
 +
 
 +
<script>
 +
  var _hmt = _hmt || [];
 +
</script>
 +
  </head>
 +
 
 +
 
 +
<style>
 +
/*Override default CSS*/
 +
#sideMenu, #top_title {display:none;}
 +
#content { padding:0px; width:100%; margin-top:-7px; margin-left:0px;background-color: transparent;}
 +
 
 +
 
 +
/* 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 {
 +
    margin: 0;
 +
    padding: 0;
 +
    border: 0;
 +
    outline: 0;
 +
    font-size: 100%;
 +
    vertical-align: baseline;
 +
    background: transparent;
 +
}
 +
 
 +
#globalWrapper {
 +
    margin: 0;
 +
    padding: 0;
 +
    border: 0;
 +
    outline: 0;
 +
    font-size: 100%;
 +
    vertical-align: baseline;
 +
    background: transparent;
 +
}
 +
 
 +
 
 +
/* set page to fill window*/
 +
html{
 +
  height: 100%;
 +
}
 +
body {
 +
  min-height: 100%;
 +
  background-color: #FFFFFF;
 +
}
 +
 
 +
 
 +
#content_wrapper {
 +
    position: relative;
 +
  top: 0px;
 +
  left: 0px; 
 +
  margin: 0px;
 +
    width: 100%;
 +
    height: 100%;
 +
  text-align:center;
 +
    background-color: #FFFFFF;
 +
}
 +
 
 +
#content_wrapper p {
 +
    font-family: 'Tempus Sans ITC',Tahoma, Geneva, sans-serif;
 +
}
 +
 
 +
#content_wrapper a {
 +
    color:#004789;
 +
}
 +
 
 +
 
 +
#footer {
 +
    position:absolute;   
 +
    bottom: 0px;
 +
    left: 0px;
 +
    width: 100%;
 +
    margin-top: 0px;
 +
    margin-bottom: 20px;
 +
    background-color: #FFFFFF;
 +
    text-align: center;
 +
}
 +
 
 +
.center {
 +
  width: 60%;
 +
    margin-top: 16px;
 +
  min-width: 500px;
 +
    padding-bottom:32px;
 +
  display: inline-block;       
 +
}
 +
 
 +
.TextContent { 
 +
  text-align: left;
 +
  vertical-align: baseline;
 +
  font-size: 0.875em;
 +
  font-family:'Tempus Sans ITC', verdana, sans-serif;
 +
}
 +
 
 +
.TextContent h1{
 +
  text-align: center;
 +
  font-size: 1.5rem;
 +
  margin-bottom: 1em;
 +
  margin-top: 0.2em;
 +
  color: #3399ff;
 +
  font-family:'Tempus Sans ITC', verdana, sans-serif;
 +
}
 +
 
 +
.TextContent h2{
 +
  line-height: 1.6;
 +
  margin-bottom: 0em;
 +
  margin-top: 1em;
 +
  text-align: left;
 +
  font-family:'Tempus Sans ITC', verdana, sans-serif;
 +
}
 +
 
 +
.TextContent p{
 +
  margin-bottom: 1.2em;
 +
  font-family:'Tempus Sans ITC', verdana, sans-serif;
 +
}
 +
 
 +
.Page_Wide { 
 +
  width:100%;
 +
}
 +
 
 +
.Quarter_Image {
 +
  width:25%;
 +
  max-height:250px;
 +
  float:left;
 +
}
 +
 
 +
.Quarter_Image img {
 +
    display:block;
 +
    margin:auto;
 +
    max-height: 250px; 
 +
    width: auto;
 +
}
 +
 
 +
.SocialMediaIconWrapper {
 +
    width:100%;
 +
}
 +
 
 +
.SocialMediaIcon {
 +
    width:4%;
 +
    height:auto;
 +
    margin-left:20px;
 +
    display: inline-block;
 +
    float:left;
 +
 
 +
}
 +
 
 +
.SocialMediaIcon img{
 +
    max-width:100%;
 +
  height:auto
 +
}
 +
 
 +
.TeamImage {
 +
  width:100%;
 +
}
 +
 
 +
.TeamImage img { 
 +
    max-width:100%;
 +
  height:auto
 +
}
 +
 
 +
.sponsors {
 +
  width: 100%; 
 +
}
 +
 
 +
.sponsor_row {   
 +
  width: 100%;
 +
}
 +
 
 +
.sponsor_img {   
 +
  width: 16.6666667%;
 +
  float:left;   
 +
}
 +
 
 +
.sponsor_img img{ 
 +
  max-width:100%;
 +
  height:auto
 +
}
 +
 
 +
.clear {
 +
    clear:both;
 +
}
 +
 
 +
.clear.extra_space {
 +
    height: 20px;
 +
}
 +
 
 +
.line_divider {
 +
    border-top: 1px solid #d3d3d3;
 +
    width: 98%;
 +
    margin: auto;
 +
}
 +
 
 +
.copyright{
 +
  color: #888888;
 +
  font-size: 13px;
 +
  text-align: center !important;
 +
}
 +
 
 +
 
 +
.copyright a{
 +
  color: #d2ebe3;
 +
  border-bottom: dotted 1px #a5d8c7;
 +
}
 +
 
 +
/*文中自定义*/
 +
.CuteButton:active {
 +
    -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);
 +
    box-shadow: 0px 3px 0px rgba(0,52,63,1), 0px 3px 6px rgba(0,0,0,.9);
 +
    position: relative;
 +
    top: 6px;
 +
}
 +
 
 +
.YellowCB {
 +
    background-color: rgba(254,196,62,1);
 +
    -webkit-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(245,253,202,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);
 +
}
 +
 
 +
.GreenCB {
 +
    background-color: rgba(25,148,117,1);
 +
    -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(4,77,34,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);
 +
}
 +
 
 +
.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;
 +
}
 +
 
 +
.PP{
 +
  font-family:Tahoma, Geneva, sans-serif !important;
 +
  font-size: 20px !important;
 +
  font-weight: 100 !important;
 +
  text-align: left !important;
 +
    margin-bottom: 20px !important;
 +
}
 +
 
 +
 
 +
.Retract{
 +
  padding-left: 50px;
 +
}
 +
 
 +
.GreenAH{
 +
  color: #56A36C;
 +
}
 +
 
 +
.YellowAH{
 +
  color: #FEC43E;
 +
}
 +
 
 +
.contentLi{
 +
    margin:0;
 +
    font-size:17px;
 +
    line-height: 27px;
 +
    padding-bottom: 20px;
 +
    color: #111111;
 +
}
 +
 
 +
.greyTable
 +
{
 +
    font-color:black !important;
 +
  /*background-color: #979797 !important;*/
 +
}
 +
 
 +
.yellowTable th
 +
{
 +
    font-color:#000 !important;
 +
    background-color: #CD9B1D !important;
 +
}
 +
 
 +
.yellowTable th
 +
{
 +
    font-color:#000 !important;
 +
    background-color: #CD9B1D !important;
 +
}
 +
 
 +
h2{
 +
  font-family: 'Tempus Sans ITC';
 +
  font-weight: 500;
 +
  font-size: 35px;
 +
  text-align: left;
 +
}
 +
 
 +
h3{
 +
  font-family: 'Tempus Sans ITC';
 +
  font-weight: 500;
 +
  font-size: 32px;
 +
  text-align: left;
 +
}
 +
 
 +
h4{
 +
  font-family: 'Tempus Sans ITC';
 +
  font-weight: 500;
 +
  font-size: 28px;
 +
  text-align: left;
 +
}
 +
 
 +
h5{
 +
  font-family: 'Tempus Sans ITC';
 +
  font-weight: 500;
 +
  font-size: 25px;
 +
  text-align: left;
 +
}
 +
 
 +
p{
 +
  margin:0;
 +
  font-size:17px;
 +
  line-height: 30px;
 +
  /*padding-bottom: 20px;*/
 +
  color: #111111;
 +
}
 +
 
 +
.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;
 +
}
 +
 
 +
.nonStyleTable
 +
{
 +
    background: transparent !important;
 +
    border:none !important;
 +
}
 +
 
 +
.textimg{
 +
    width:70% !important;
 +
    /*margin-top: 20px;*/
 +
    /*padding-bottom: 20px;*/
 +
    text-align: center;
 +
}
 +
 
 +
.capture
 +
{
 +
    color: #7f7f7f !important;
 +
    font-size:15px !important;
 +
}
 +
 
 +
/*文中自定义*/
 +
</style>
 +
 
 +
  <body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
 +
  <div class="page-loader"></div>
 +
      <!-- Docs master nav -->
 +
                  <!-- <h1><a class="navbar-brand" href="index.html">MuMei Lab</a></h1> -->
 +
 
 +
  <div class="container">
 
       <!-- header -->
 
       <!-- header -->
 
       <div class="header-w3layouts">
 
       <div class="header-w3layouts">
Line 105: Line 494:
 
       </div>
 
       </div>
 
   </div>
 
   </div>
 +
<p></p>
 +
<div style="margin-top:0;padding-top:0">
 +
  <!--<img src="https://static.igem.org/mediawiki/2017/b/bf/ZJU_China_Project_TP_Head2.jpg" width="100%">-->
 +
    <img src="https://static.igem.org/mediawiki/2017/9/9d/ZJU_China_head_safety.jpg" width="100%">
 +
</div>
 +
 +
 +
<div class="container zjuContent">
 +
  <div class="col-md-3"></div>
 +
    <div class="col-md-9" role="main">
 +
      <div class="bs-docs-section">
 +
 +
          <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>
 +
 +
          <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="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>
 +
          <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 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="Waste" class="PP col-md-11" style="display: inline;"><strong>Waste</strong>: waste containers, sharps disposal containers, autoclaving methods.</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 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>
 +
 +
          <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="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>
 +
 +
          <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="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>
 +
 +
          <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="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>
 +
 +
 +
 +
      </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="#Wearing">Wearing</a></li>
 +
        <li><a href="#Storage">Storage</a></li>
 +
        <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>
 +
 +
    </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>
 +
<!-- 右侧监听结束 -->
 +
<!-- footer开始 -->
 +
<div class="footer"  style="background-color: #000000">
 +
  <div class="copyright container text-center">
 +
      <p><br></p>
 +
    <p class="copyright">Copyright &copy; 2017 ZJU-IGEM | <a href="http://www.zju.edu.cn/">Zhejiang University</a> |</p>
 +
    <p><br></p>
 +
  </div>
 +
</div>
 +
<!-- footer结束 -->
 +
 +
 +
<script src="https://code.jquery.com/jquery-2.1.4.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="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/3/32/ZJUChina_docs.min.txt"></script>
 +
  <script src="https://static.igem.org/mediawiki/2017/e/e0/ZJUChina_button.txt"></script>
 +
 +
  <!--<script src="js/scrolling-nav.js"></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>
 +
 +
  </body>
 +
</html>

Revision as of 05:49, 30 October 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 |