Difference between revisions of "Team:Worldshaper-XSHS/safety.html"

Line 1: Line 1:
 
<html>
 
<html>
 
<style type="text/css">
 
<style type="text/css">
    html body{
 
        font-family:purista  !important;
 
    }
 
    p{
 
        font-family: arial
 
    }
 
 
     .dropdown .dropdown-menu > ul {
 
     .dropdown .dropdown-menu > ul {
         background-color: rgba(132,176,110,0.6)!important
+
         background-color: #212121!important
 
     }  
 
     }  
    .myheader{
+
    figure .img-wrapper img {
         box-shadow:none !important;
+
         width: 100%;
         background:rgba(132,176,110,0.6) !important;
+
         height:300px
        border:none !important;
+
 
     }
 
     }
     .positiontitle{
+
           
 +
    figure figcaption{
 +
        padding: 20px 25px;
 +
        margin-top: 0;
 +
        color: #333;
 +
        height: 330px
 +
    }
 +
    .dropdown-menu > ul{
 +
        background-color: #09b0ff!important
 +
    }
 +
 
 +
     .positiontitle {
 
         position: relative;
 
         position: relative;
         top:500px;
+
         top: 500px;
 
         font-size: 68px;
 
         font-size: 68px;
         color:#fff;
+
         color: #fff;
 
         z-index: 100;
 
         z-index: 100;
 
         letter-spacing: 0.0588235em;
 
         letter-spacing: 0.0588235em;
 
     }
 
     }
     .colul .colactive a{
+
 
         font-size:22px;
+
     .colul .colactive a {
 +
         font-size: 22px;
 
         color: #00746b !important;
 
         color: #00746b !important;
 
     }
 
     }
     .v1{
+
 
         font-family: purista !important;
+
     .v1 {
 +
         font-family: proxima-nova !important;
 
         font-weight: 600 !important;
 
         font-weight: 600 !important;
 
         font-style: normal !important;
 
         font-style: normal !important;
Line 37: Line 43:
 
         color: #4a4a4a !important;
 
         color: #4a4a4a !important;
 
     }
 
     }
     #top_menu_14{
+
 
         height:auto !important;
+
     #top_menu_14 {
 +
         height: auto !important;
 
     }
 
     }
    .colul a:hover{
 
  
         color: #00746b !important;  
+
    .colul a:hover {
 +
         color: #00746b !important;
 
     }
 
     }
     .colul li a{
+
 
 +
     .colul li a {
 
         font-family: adobe-garamond-pro !important;
 
         font-family: adobe-garamond-pro !important;
         font-weight: 400;
+
         font-weight: 400 !important;
         font-style: normal;
+
         font-style: normal !important;
         font-size: 18px;
+
         font-size: 18px !important;
         letter-spacing: 0px;
+
         letter-spacing: 0px !important;
         text-transform: none;
+
         text-transform: none !important;
         text-decoration: none;
+
         text-decoration: none !important;
         line-height: 1.2em;
+
         line-height: 1.2em !important;
         color: rgba(26,26,26,.7);
+
         color: rgba(26, 26, 26, .7) !important;
         margin-bottom: .5em;
+
         margin-bottom: .5em !important;
     
+
 
 
     }
 
     }
 +
 
     .ulfixed {
 
     .ulfixed {
 
         position: fixed !important;
 
         position: fixed !important;
       
 
 
         top: 90px;
 
         top: 90px;
 
     }
 
     }
     .myheader{
+
 
         box-shadow:none !important;
+
     .myheader {
         background:rgba(132,176,110,0.4) !important;
+
         box-shadow: none !important;
         border:none !important;
+
         background: rgba(0, 0, 0, .4) !important;
 +
         border: none !important;
 
     }
 
     }
     .itemstyle{
+
 
         font-family: arial !important;
+
     .itemstyle {
         font-weight: 600 !important;
+
         font-family: adobe-garamond-pro !important;
 +
         font-weight: 400 !important;
 
         font-style: normal !important;
 
         font-style: normal !important;
     
 
 
         letter-spacing: 0px !important;
 
         letter-spacing: 0px !important;
 
         line-height: 1.6em !important;
 
         line-height: 1.6em !important;
         color: rgba(26,26,26,.7) !important;
+
         color: rgba(26, 26, 26, .7) !important;
        text-align: center!important;
+
 
     }
 
     }
  
        }
+
     .footer {
     .footer{
+
         background: rgba(0, 0, 0, 1) !important;
         background:rgba(12, 61, 12, 0.8509803921568627) !important;
+
 
     }
 
     }
 
     #back-to-top{
 
     #back-to-top{
 
         position:fixed;
 
         position:fixed;
 +
        z-index: 10000;
 +
        bottom:100px;
 +
        left:80px;
 
     }
 
     }
 
     #back-to-top a{
 
     #back-to-top a{
Line 107: Line 117:
 
         -o-transition:background 1s;
 
         -o-transition:background 1s;
 
     }
 
     }
     @font-face
+
      
{
+
    font-family: purista;
+
    src: url('https://static.igem.org/mediawiki/2018/4/44/T--worldshaper-XSHS--semibold.otf'),
+
    url('https://static.igem.org/mediawiki/2018/4/44/T--worldshaper-XSHS--semibold.otf');
+
}
+
 
</style>
 
</style>
    <link rel='stylesheet' type='text/css' href='http://igem2017.worldshaper.cn/XSHS/css/wiki_edit.css' />
+
<link rel="stylesheet" type="text/css" href="http://igem2017.worldshaper.cn/XSHS/css/wiki_edit.css">
    <link rel="stylesheet" type='text/css' href="http://igem2017.worldshaper.cn/XSHS/css/bootstrap.min.css">
+
<link rel="stylesheet" type="text/css" href="http://igem2017.worldshaper.cn/XSHS/css/bootstrap.min.css">
    <link rel="stylesheet" type='text/css' href="http://igem2017.worldshaper.cn/XSHS/css/ionicons.min.css">
+
<link rel="stylesheet" type="text/css" href="http://igem2017.worldshaper.cn/XSHS/css/ionicons.min.css">
    <link rel="stylesheet" type='text/css' href="http://igem2017.worldshaper.cn/XSHS/css/animate.css">
+
<link rel="stylesheet" type="text/css" href="http://igem2017.worldshaper.cn/XSHS/css/animate.css">
    <link rel="stylesheet" type='text/css' href="http://igem2017.worldshaper.cn/XSHS/css/slider.css">
+
<link rel="stylesheet" type="text/css" href="http://igem2017.worldshaper.cn/XSHS/css/slider.css">
    <link rel="stylesheet" type='text/css' href="http://igem2017.worldshaper.cn/XSHS/css/owl.carousel.css">
+
<link rel="stylesheet" type="text/css" href="http://igem2017.worldshaper.cn/XSHS/css/owl.carousel.css">
    <link rel="stylesheet" type='text/css' href="http://igem2017.worldshaper.cn/XSHS/css/owl.theme.css">
+
<link rel="stylesheet" type="text/css" href="http://igem2017.worldshaper.cn/XSHS/css/owl.theme.css">
    <link rel="stylesheet" type='text/css' href="http://igem2017.worldshaper.cn/XSHS/css/jquery.fancybox.css">
+
<link rel="stylesheet" type="text/css" href="http://igem2017.worldshaper.cn/XSHS/css/jquery.fancybox.css">
    <link rel="stylesheet" type='text/css' href="http://igem2017.worldshaper.cn/XSHS/css/main.css">
+
<link rel="stylesheet" type="text/css" href="http://igem2017.worldshaper.cn/XSHS/css/main.css">
    <link rel="stylesheet" type='text/css' href="http://igem2017.worldshaper.cn/XSHS/css/responsive.css">
+
<link rel="stylesheet" type="text/css" href="http://igem2017.worldshaper.cn/XSHS/css/responsive.css">
    <script src="http://igem2017.worldshaper.cn/XSHS/js/vendor/modernizr-2.6.2.min.js"></script>
+
<script src="http://igem2017.worldshaper.cn/XSHS/js/vendor/modernizr-2.6.2.min.js"></script>
    <script src="http://igem2017.worldshaper.cn/XSHS/js/jquery.min.js"></script>
+
<script src="http://igem2017.worldshaper.cn/XSHS/js/jquery.min.js"></script>
    <script src="http://igem2017.worldshaper.cn/XSHS/js/owl.carousel.min.js"></script>
+
<script src="http://igem2017.worldshaper.cn/XSHS/js/owl.carousel.min.js"></script>
    <script src="http://igem2017.worldshaper.cn/XSHS/js/bootstrap.min.js"></script>
+
<script src="http://igem2017.worldshaper.cn/XSHS/js/bootstrap.min.js"></script>
    <script src="http://igem2017.worldshaper.cn/XSHS/js/wow.min.js"></script>
+
<script src="http://igem2017.worldshaper.cn/XSHS/js/wow.min.js"></script>
    <script src="http://igem2017.worldshaper.cn/XSHS/js/slider.js"></script>
+
<script src="http://igem2017.worldshaper.cn/XSHS/js/slider.js"></script>
    <script src="http://igem2017.worldshaper.cn/XSHS/js/jquery.fancybox.js"></script>
+
<script src="http://igem2017.worldshaper.cn/XSHS/js/jquery.fancybox.js"></script>
    <script src="http://igem2017.worldshaper.cn/XSHS/js/main.js"></script>
+
<script src="http://igem2017.worldshaper.cn/XSHS/js/main.js"></script>
    <header id="top-bar" class="navbar-fixed-top animated-header"style="background:#09b0ff!important">
+
        <div class="container">
+
            <div class="navbar-header">
+
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+
                    <span class="sr-only">Toggle navigation</span>
+
                    <span class="icon-bar"></span>
+
                    <span class="icon-bar"></span>
+
                    <span class="icon-bar"></span>
+
                </button>
+
                <div class="navbar-brand">
+
                    <a href="https://2018.igem.org/Team:Worldshaper-XSHS">
+
                        worldshaper- <b>XSHS</b>
+
                    </a>
+
                </div>
+
            </div>
+
            <nav class="collapse navbar-collapse navbar-right" role="navigation">
+
                <div class="main-menu">
+
                    <ul class="nav navbar-nav navbar-right">
+
                        <li>
+
                            <a href="https://2018.igem.org/Team:Worldshaper-XSHS">Home</a>
+
                        </li>
+
                        <li class="dropdown">
+
                            <a class="dropdown-toggle" data-toggle="dropdown">
+
                                Team
+
                                <span class="caret"></span>
+
                            </a>
+
                            <div class="dropdown-menu">
+
                                <ul>
+
                                    <li>
+
                                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/aboutus.html">about us</a>
+
                                    </li>
+
                                    <li>
+
                                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Team">Members</a>
+
                                    </li>
+
                                    <li>
+
                                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Collaborations">Collaborations</a>
+
                                    </li>
+
                                </ul>
+
                            </div>
+
                        </li>
+
                        <li class="dropdown">
+
                            <a class="dropdown-toggle" data-toggle="dropdown">
+
                                Project
+
                                <span class="caret"></span>
+
                            </a>
+
                            <div class="dropdown-menu">
+
                                <ul>
+
                                    <li>
+
                                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Background.html">Background</a>
+
                                    </li>
+
                                    <li>
+
                                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/design.html">Design</a>
+
                                    </li>
+
                                    <li>
+
                                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Protocols-methods.html">Protocols and methods</a>
+
                                    </li>
+
                                    <li>
+
                                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/result.html">Results</a>
+
                                    </li>
+
                                    <li>
+
                                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Future-plans.html">Future plans</a>
+
                                    </li>
+
                                    <li>
+
                                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Attributions">Attributions</a>
+
                                    </li>
+
                                    <li>
+
                                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/InterLab">Interlab</a>
+
                                    </li>
+
                                    <li>
+
                                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Model">Model</a>
+
                                    </li>
+
                                    <li>
+
                                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Demonstrate">Demonstrate</a>
+
                                    </li>
+
  
                                </ul>
+
<script type="text/javascript">
                            </div>
+
    $(function () {
                        </li>
+
        //当点击跳转链接后,回到页面顶部位置
                        <li>
+
        $("#back-to-top").hide();
                            <a href="https://2018.igem.org/Team:Worldshaper-XSHS/parts.html">Parts</a>
+
        window.onscroll = function () {
                        </li>
+
            var t = document.documentElement.scrollTop || document.body.scrollTop;  //获取距离页面顶部的距离
                        <li class="dropdown">
+
            var $x = $('#standards').offset().top
                            <a class="dropdown-toggle" data-toggle="dropdown">
+
            if (t >= $x - 80) {
                                HUMAN PRACTICES
+
                console.log(t, $x)
                                <span class="caret"></span>
+
                $('.colul').addClass('ulfixed')
                            </a>
+
                $("#back-to-top").fadeIn(1500);
                            <div class="dropdown-menu">
+
            } else {
                                <ul>
+
                $('.colul').removeClass('ulfixed')
                                    <li>
+
                $("#back-to-top").fadeOut(1500);
                                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/HP/Silver">Silver</a>
+
            }
                                    </li>
+
        }
                                    <li>
+
        $("#back-to-top").click(function () {
                                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/HP/Gold_Integrated">Integrated and Gold</a>
+
            $('body,html').animate({ scrollTop: 0 }, 1000);
                                    </li>
+
            return false;
                                    <li>
+
        });
                                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Engagement">Engagement</a>
+
        $('.colul li').click(function () {
                                    </li>
+
            $(this).siblings().removeClass('colactive')
                                </ul>
+
            $(this).addClass('colactive')
                            </div>
+
        })
                        </li>
+
    })
                        <li>
+
</script>
                            <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Applied_Design">Applied Design</a>
+
<p id="back-to-top">
                        </li>
+
    <a href="#top">
                        <li class="dropdown">
+
        <img src="https://static.igem.org/mediawiki/2018/e/e5/T--worldshaper-XSHS--back.png">
                            <a class="dropdown-toggle" data-toggle="dropdown">
+
To Top
                                Achievement
+
    </a>
                                <span class="caret"></span>
+
</p>
                            </a>
+
<header id="top-bar" class="navbar-fixed-top animated-header  navbar navbar-default myheader">
                            <div class="dropdown-menu">
+
    <div class="container">
                                <ul>
+
        <div class="navbar-header">
                                    <li>
+
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Medal-requirements.html">Medal requirements</a>
+
                <span class="sr-only">Toggle navigation</span>
                                    </li>
+
                <span class="icon-bar"></span>
                                </ul>
+
                <span class="icon-bar"></span>
                            </div>
+
                <span class="icon-bar"></span>
                        </li>
+
            </button>
                        <li>
+
            <div class="navbar-brand " style="display:block;color:#fff;margin-left:15px;font-size:20px">
                            <a href="https://2018.igem.org/Team:Worldshaper-XSHS/safety.html">Safety</a>
+
                <a href="https://2018.igem.org/Team:Worldshaper-XSHS">
                        </li>
+
                    Worldshaper-
                     </ul>
+
                     <b>XSHS</b>
                 </div>
+
                 </a>
             </nav>
+
             </div>
 
         </div>
 
         </div>
    </header>
+
        <nav class="collapse navbar-collapse navbar-right" role="navigation">
 +
            <div class="main-menu">
 +
                <ul class="nav navbar-nav navbar-right">
 +
                    <li>
 +
                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS">Home</a>
 +
                    </li>
 +
                    <li class="dropdown">
 +
                        <a class="dropdown-toggle" data-toggle="dropdown">
 +
                            Team
 +
                            <span class="caret"></span>
 +
                        </a>
 +
                        <div class="dropdown-menu">
 +
                            <ul>
 +
                                <li>
 +
                                    <a href="https://2018.igem.org/Team:Worldshaper-XSHS/aboutus.html">about us</a>
 +
                                </li>
 +
                                <li>
 +
                                    <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Team">Members</a>
 +
                                </li>
 +
                                <li>
 +
                                    <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Collaborations">Collaborations</a>
 +
                                </li>
 +
                            </ul>
 +
                        </div>
 +
                    </li>
 +
                    <li class="dropdown">
 +
                        <a class="dropdown-toggle" data-toggle="dropdown">
 +
                            Project
 +
                            <span class="caret"></span>
 +
                        </a>
 +
                        <div class="dropdown-menu">
 +
                            <ul>
 +
                                <li>
 +
                                    <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Background.html">Background</a>
 +
                                </li>
 +
                                <li>
 +
                                    <a href="https://2018.igem.org/Team:Worldshaper-XSHS/design.html">Design</a>
 +
                                </li>
 +
                                <li>
 +
                                    <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Protocols-methods.html">Protocols and methods</a>
 +
                                </li>
 +
                                <li>
 +
                                    <a href="https://2018.igem.org/Team:Worldshaper-XSHS/result.html">Results</a>
 +
                                </li>
 +
                                <li>
 +
                                    <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Future-plans.html">Future plans</a>
 +
                                </li>
 +
                                <li>
 +
                                    <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Attributions">Attributions</a>
 +
                                </li>
 +
                                <li>
 +
                                    <a href="https://2018.igem.org/Team:Worldshaper-XSHS/InterLab">Interlab</a>
 +
                                </li>
 +
                                <li>
 +
                                    <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Model">Model</a>
 +
                                </li>
 +
                                <li>
 +
                                    <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Demonstrate">Demonstrate</a>
 +
                                </li>
  
    <section class="global-page-header">
+
                            </ul>
        <div class="container">
+
                        </div>
            <div class="row">
+
                    </li>
                <div class="col-md-12">
+
                    <li>
                    <div class="block">
+
                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/parts.html">Parts</a>
                         <h2>Safety</h2>
+
                    </li>
                     </div>
+
                    <li class="dropdown">
                 </div>
+
                        <a class="dropdown-toggle" data-toggle="dropdown">
 +
                            HUMAN PRACTICES
 +
                            <span class="caret"></span>
 +
                        </a>
 +
                        <div class="dropdown-menu">
 +
                            <ul>
 +
                                <li>
 +
                                    <a href="https://2018.igem.org/Team:Worldshaper-XSHS/HP/Silver">Silver</a>
 +
                                </li>
 +
                                <li>
 +
                                    <a href="https://2018.igem.org/Team:Worldshaper-XSHS/HP/Gold_Integrated">Integrated and Gold</a>
 +
                                </li>
 +
                                <li>
 +
                                    <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Engagement">Engagement</a>
 +
                                </li>
 +
                            </ul>
 +
                        </div>
 +
                    </li>
 +
                    <li>
 +
                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Applied_Design">Applied Design</a>
 +
                    </li>
 +
                    <li class="dropdown">
 +
                        <a class="dropdown-toggle" data-toggle="dropdown">
 +
                            Achievement
 +
                            <span class="caret"></span>
 +
                        </a>
 +
                        <div class="dropdown-menu">
 +
                            <ul>
 +
                                <li>
 +
                                    <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Medal-requirements.html">Medal requirements</a>
 +
                                </li>
 +
                            </ul>
 +
                         </div>
 +
                    </li>
 +
                    <li>
 +
                        <a href="https://2018.igem.org/Team:Worldshaper-XSHS/safety.html">Safety</a>
 +
                     </li>
 +
                 </ul>
 
             </div>
 
             </div>
         </div>
+
         </nav>
     </section>
+
     </div>
 +
</header>
  
    <section class="pageInHere">
+
<section class="visual wow fadeInLeft text-center animated" data-wow-duration="500ms" data-wow-delay="200ms" style="visibility: visible; animation-duration: 500ms; animation-delay: 200ms; animation-name: fadeInLeft;">
        <div class="container">
+
    <strong class="positiontitle">Background</strong>
            <div class="row">
+
    <!-- 这里是大图的标题 -->
                <div class="col-md-12">
+
    <img src="https://static.igem.org/mediawiki/2018/e/e6/T--worldshaper-XSHS--a001.png" alt="" class=" bg-stretch" style="width:100%">
                    <div class="xshs-box3">
+
    <!-- 这里是大图的图片链接 -->
                        <h2>STANDARDS</h2>
+
</section>
                        <p><b>1.Safety standards</b></p>
+
                        <p>Usually pose a minimal potential threat to laboratory workers and the environment. </p>
+
                        <p>Do not cause any diseases in healthy people.</p>
+
                        <p>Do not pollute the environment.</p>
+
                        <p>Not harmful to the experiment itself.</p>
+
  
                         <p><b>2.Safe lab</b></p>
+
<section class="pageInHere">
                        <p>Labs are not usually isolated from the general buildings or the traffic, which don’t do harm to surrounding.</p>
+
    <div class="container">
                        <p>Do use biological safety cabinet and laminar flow cabinets.</p>
+
        <div class="row">
 +
            <div class="col-xs-2 xshs-box3  ">
 +
                <ul class="colul text-left">
 +
                    <li class="colactive mt-1">
 +
                         <a href="#standards">Safety standards</a>
 +
                    </li>
 +
                    <li class="mt-1">
 +
                        <a href="#lab">Safety lab</a>
 +
                    </li>
 +
                    <li class="mt-1">
 +
                        <a href="#lab">Safety lab</a>
 +
                    </li>
 +
                    <li class="mt-1">
 +
                        <a href="#safety">Training for safety</a>
 +
                    </li>
 +
                    <li class="mt-1">
 +
                        <a href="#Practices">Practices</a>
 +
                    </li>
 +
                    <li class="mt-1">
 +
                        <a href="#protection">Self-protection</a>
 +
                    </li>
 +
                    <li class="mt-1">
 +
                        <a href="#Environment">Environment-protection</a>
 +
                    </li>
 +
                    <!-- 这里是页面定位锚点  href 对应代码的 “id属性  例如 id='xxx'  ”-->
 +
                </ul>
 +
            </div>
 +
            <div class="col-xs-10">
 +
                <div class="xshs-box3">
 +
                    <h2 >STANDARDS</h2>
 +
                    <p id="standards">
 +
                        <b>1.Safety standards</b>
 +
                    </p>
 +
                    <p>Usually pose a minimal potential threat to laboratory workers and the environment. </p>
 +
                    <p>Do not cause any diseases in healthy people.</p>
 +
                    <p>Do not pollute the environment.</p>
 +
                    <p>Not harmful to the experiment itself.</p>
  
                        <p><b>3.Training for safety</b></p>
+
                    <p id="lab">
                        <p>Training on the specific procedures to handle the biomaterials.</p>
+
                        <b>2.Safe lab</b>
                        <p>Supervised by a trained microbiologist or scientist.</p>
+
                    </p>
                        <p>Learn some safe instructions before every time do an experiment.</p>
+
                    <p>Labs are not usually isolated from the general buildings or the traffic, which don’t do harm to surrounding.</p>
                        <p>As high school students, we did not have access to this level of biological experiments or biological laboratories before participating in the igem competition, so we had more systematic and professional laboratory teaching and training before conducting the research, and these courses were taught by professional teacher. After several training and pre-experimental safety guidance, the players are more skilled to master the laboratory of various types of instruments of experimental methods and safety precautions. After that, we carry out research on the subject, so there is a better activity guarantee in the safety of the whole research </p>
+
                    <p>Do use biological safety cabinet and laminar flow cabinets.</p>
  
                        <p><b>4.To Implemented Standard Microbiology Practices</b></p>
+
                    <p id="safety">
                        <p>Our experimental personnel are not supposed to drink water, eat or other activities which probably cause experiment negligence. There is a special waste tank which has some diffidence from normal garbage can on the experiment table, reagents and drugs have their own vessels and placements. There is also a special operating space for dangerous toxic drugs, besides things whether are in the space or not will be avoided direct or in direct contact. </p>
+
                        <b>3.Training for safety</b>
 +
                    </p>
 +
                    <p>Training on the specific procedures to handle the biomaterials.</p>
 +
                    <p>Supervised by a trained microbiologist or scientist.</p>
 +
                    <p>Learn some safe instructions before every time do an experiment.</p>
 +
                    <p>As high school students, we did not have access to this level of biological experiments or biological
 +
                        laboratories before participating in the igem competition, so we had more systematic and professional
 +
                        laboratory teaching and training before conducting the research, and these courses were taught by
 +
                        professional teacher. After several training and pre-experimental safety guidance, the players are
 +
                        more skilled to master the laboratory of various types of instruments of experimental methods and
 +
                        safety precautions. After that, we carry out research on the subject, so there is a better activity
 +
                        guarantee in the safety of the whole research </p>
  
                         <p><b>5. Self-protection:</b></p>
+
                    <p id="Practices">
                        <p>We wear latex gloves and white gowns at normal innocuous reagent operations in order to make sure that the body is isolated from reagents. The laboratory is well equipped with fire extinguishing and eye washing equipment. The operations about gel electrophoresis are all process in the zone, we wear one more plastic gloves out of the latex gloves and wear a mask. Special instruments, reagents and vessels in using space are not allowed to be brought out this space. </p>
+
                         <b>4.To Implemented Standard Microbiology Practices</b>
                       
+
                    </p>
                        <p><b>6.Environment-protection:</b></p>
+
                    <p>Our experimental personnel are not supposed to drink water, eat or other activities which probably cause
                        <p>The microorganism we used in the experiment (colon bacillus DH5alpha) hardly does harm to healthy individuals, and it is heterotrophic, so it will die soon without deliberately cultivating.All the experimental drugs and reagents will be replaced after experiment avoiding mistakes.Experiment personnel washing their hands with liquid soap at living area pool.</p>
+
                        experiment negligence. There is a special waste tank which has some diffidence from normal garbage
                    </div>
+
                        can on the experiment table, reagents and drugs have their own vessels and placements. There is also
                    <div class="xshs-box2">
+
                        a special operating space for dangerous toxic drugs, besides things whether are in the space or not
                        <p>
+
                        will be avoided direct or in direct contact. </p>
                            <img class="img-responsive" alt="" src="https://static.igem.org/mediawiki/2018/c/cb/T--worldshaper-XSHS--s001.png" style="width: 133.3%;height: 133.3%" />
+
 
                         </p>
+
                    <p id="protection">
                     </div>
+
                        <b>5. Self-protection:</b>
 +
                    </p>
 +
                    <p>We wear latex gloves and white gowns at normal innocuous reagent operations in order to make sure that
 +
                        the body is isolated from reagents. The laboratory is well equipped with fire extinguishing and eye
 +
                        washing equipment. The operations about gel electrophoresis are all process in the zone, we wear
 +
                        one more plastic gloves out of the latex gloves and wear a mask. Special instruments, reagents and
 +
                        vessels in using space are not allowed to be brought out this space. </p>
 +
 
 +
                    <p id="Environment">
 +
                        <b>6.Environment-protection:</b>
 +
                    </p>
 +
                    <p>The microorganism we used in the experiment (colon bacillus DH5alpha) hardly does harm to healthy individuals,
 +
                        and it is heterotrophic, so it will die soon without deliberately cultivating.All the experimental
 +
                        drugs and reagents will be replaced after experiment avoiding mistakes.Experiment personnel washing
 +
                        their hands with liquid soap at living area pool.</p>
 +
                </div>
 +
                <div class="xshs-box2">
 +
                    <p>
 +
                        <img class="img-responsive" alt="" src="https://static.igem.org/mediawiki/2018/c/cb/T--worldshaper-XSHS--s001.png" style="width: 133.3%;height: 133.3%"
 +
                         />
 +
                     </p>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
     </section>
+
     </div>
 +
</section>
 +
 
  
    <footer>
 
        <div class="container">
 
            <div class="foot-box">
 
                <ul class="clearfix">
 
                    <li class="foot-box-c1"><img src="https://static.igem.org/mediawiki/2017/7/71/T-worldshaper-XSHS-logoxshs.jpeg" alt="" /></li>
 
                    <li class="foot-box-c2"><img src="https://static.igem.org/mediawiki/2017/c/ce/T-worldshaper-igemlogo.jpeg" alt="" /></li>
 
                    <li class="foot-box-c3">
 
                        <p>Worldshaper-XSHS, Xiaoshan High School</p>
 
                        <p>Adress: No.538,Gongxiu Road,Xiaoshan District,Hangzhou,Zhejiang Province,China</p>
 
                    </li>
 
                    <li class="foot-box-c4"><img src="https://static.igem.org/mediawiki/2017/3/32/T-Worldshaper-XSHS-weixin.jpeg" alt="" /></li>
 
                </ul>
 
            </div>
 
        </div>
 
    </footer>
 
  
 +
 +
 +
<footer class="footer">
 +
    <div class="container">
 +
        <div class="foot-box">
 +
            <ul class="clearfix">
 +
                <li class="foot-box-c1">
 +
                    <img src="https://static.igem.org/mediawiki/2017/7/71/T-worldshaper-XSHS-logoxshs.jpeg" alt="">
 +
                </li>
 +
                <li class="foot-box-c2">
 +
                    <img src="https://static.igem.org/mediawiki/2017/c/ce/T-worldshaper-igemlogo.jpeg" alt="">
 +
                </li>
 +
                <li class="foot-box-c3">
 +
                    <p>Worldshaper-XSHS, Xiaoshan High School</p>
 +
                    <p>
 +
                        Adress: No.538,Gongxiu Road,Xiaoshan District,Hangzhou,Zhejiang Province,China
 +
                    </p>
 +
                </li>
 +
                <li class="foot-box-c4">
 +
                    <img src="https://static.igem.org/mediawiki/2017/3/32/T-Worldshaper-XSHS-weixin.jpeg" alt="">
 +
                </li>
 +
            </ul>
 +
        </div>
 +
    </div>
 +
</footer>
  
 
</html>
 
</html>

Revision as of 04:25, 13 October 2018

To Top

Background

STANDARDS

1.Safety standards

Usually pose a minimal potential threat to laboratory workers and the environment.

Do not cause any diseases in healthy people.

Do not pollute the environment.

Not harmful to the experiment itself.

2.Safe lab

Labs are not usually isolated from the general buildings or the traffic, which don’t do harm to surrounding.

Do use biological safety cabinet and laminar flow cabinets.

3.Training for safety

Training on the specific procedures to handle the biomaterials.

Supervised by a trained microbiologist or scientist.

Learn some safe instructions before every time do an experiment.

As high school students, we did not have access to this level of biological experiments or biological laboratories before participating in the igem competition, so we had more systematic and professional laboratory teaching and training before conducting the research, and these courses were taught by professional teacher. After several training and pre-experimental safety guidance, the players are more skilled to master the laboratory of various types of instruments of experimental methods and safety precautions. After that, we carry out research on the subject, so there is a better activity guarantee in the safety of the whole research

4.To Implemented Standard Microbiology Practices

Our experimental personnel are not supposed to drink water, eat or other activities which probably cause experiment negligence. There is a special waste tank which has some diffidence from normal garbage can on the experiment table, reagents and drugs have their own vessels and placements. There is also a special operating space for dangerous toxic drugs, besides things whether are in the space or not will be avoided direct or in direct contact.

5. Self-protection:

We wear latex gloves and white gowns at normal innocuous reagent operations in order to make sure that the body is isolated from reagents. The laboratory is well equipped with fire extinguishing and eye washing equipment. The operations about gel electrophoresis are all process in the zone, we wear one more plastic gloves out of the latex gloves and wear a mask. Special instruments, reagents and vessels in using space are not allowed to be brought out this space.

6.Environment-protection:

The microorganism we used in the experiment (colon bacillus DH5alpha) hardly does harm to healthy individuals, and it is heterotrophic, so it will die soon without deliberately cultivating.All the experimental drugs and reagents will be replaced after experiment avoiding mistakes.Experiment personnel washing their hands with liquid soap at living area pool.

  • Worldshaper-XSHS, Xiaoshan High School

    Adress: No.538,Gongxiu Road,Xiaoshan District,Hangzhou,Zhejiang Province,China