Difference between revisions of "Team:CSU CHINA/Safety"

 
(4 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 
{{CSU_CHINA}}
 
{{CSU_CHINA}}
 
<html>
 
<html>
−
 
 
<head>
 
<head>
 +
 
     <meta charset="utf-8">
 
     <meta charset="utf-8">
−
    <title>CSU_CHINA_TEAM</title>
+
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
−
     <meta name="viewport" content="width=device-width, initial-scale=1">
+
     <meta name="author" content="ZhangB">
−
     <link rel="stylesheet" href="https://2019.igem.org/Template:CSU_CHINA/CSS/Team?action=raw&ctype=text/css" type="text/css">
+
 
 +
    <title>SAFETY</title>
 
</head>
 
</head>
−
<style>
+
 
−
     /*--背景图片--*/
+
<body>
−
    .background {
+
     <style>
−
        background: url(images/bg.jpg) no-repeat;
+
        #ZBB{
−
        background-size: cover;
+
            height: 300px;
−
        -webkit-background-size: cover;
+
            display: -webkit-flex;
−
        -moz-background-size: cover;
+
            display: flex;
−
        -o-background-size: cover;
+
            background-image: url('https://static.igem.org/mediawiki/2019/9/9e/T--CSU_CHINA--HandBackgrounm.jpg');
−
        -moz-background-size: cover;
+
            background-size: cover;
−
        min-height: 300px;
+
            background-repeat: no-repeat;
−
    }
+
            background-position: center;
−
    /*-- portfolio-inner-page --*/
+
            justify-content: center;
−
    .portfolio h4 {
+
             align-items: center;
−
        color: #000;
+
−
        font-size: 18px;
+
−
    }
+
−
    label.portfolio-line {
+
−
        display: block;
+
−
        background-color: #000;
+
−
        width: 10%;
+
−
        margin: 15px auto;
+
−
        height: 2px;
+
−
    }
+
−
    .portfolio h6 {
+
−
        width: 50%;
+
−
        margin: 0 auto 20px auto;
+
−
        font-size: 14px;
+
−
        line-height: 30px;
+
−
    }
+
−
    .portfolio-grid1,
+
−
    .portfolio-grid2,
+
−
    .portfolio-grid3,
+
−
    .portfolio-grid6,
+
−
    .portfolio-grid4,
+
−
    .portfolio-grid5 {
+
−
        margin-bottom: 20px;
+
−
    }
+
−
    /*--SAP--*/
+
−
    .sap_tabs {
+
−
        clear: both;
+
−
        padding: 0;
+
−
    }
+
−
    .tab_box {
+
−
        background: #fd926d;
+
−
        padding: 2em;
+
−
    }
+
−
    .top1 {
+
−
        margin-top: 2%;
+
−
    }
+
−
    .resp-tabs-list {
+
−
        list-style: none;
+
−
        padding: 0 0 3em;
+
−
        margin: 0 auto;
+
−
        text-align: center;
+
−
    }
+
−
    .resp-tab-item {
+
−
        color: #333;
+
−
        font-size: 1.1em;
+
−
        font-weight: 500;
+
−
        cursor: pointer;
+
−
        display: inline-block;
+
−
        margin: 0;
+
−
        text-align: center;
+
−
        list-style: none;
+
−
        outline: none;
+
−
        -webkit-transition: all 0.3s;
+
−
        -moz-transition: all 0.3s;
+
−
        -ms-transition: all 0.3s;
+
−
        -o-transition: all 0.3s;
+
−
        transition: all 0.3s;
+
−
        text-transform: uppercase;
+
−
        margin: 0 0.3em 0;
+
−
        border-bottom: 2px solid #fff;
+
−
        color: #000;
+
−
        padding: 10px 15px;
+
−
        border: 2px solid #23b684;
+
−
    }
+
−
    .resp-tab-active {
+
−
        background-color: #23b684;
+
−
        color: #fff;
+
−
    }
+
−
    .resp-tabs-container {
+
−
        padding: 0px;
+
−
        clear: left;
+
−
    }
+
−
    h2.resp-accordion {
+
−
        cursor: pointer;
+
−
        padding: 5px;
+
−
        display: none;
+
−
    }
+
−
    .resp-tab-content {
+
−
        display: none;
+
−
    }
+
−
    .resp-content-active,
+
−
    .resp-accordion-active {
+
−
        display: block;
+
−
    }
+
−
    .tab_img {
+
−
        padding: 2em 0 0;
+
−
        display: inline-block;
+
−
    }
+
−
    .portfolio-grids {
+
−
        float: left;
+
−
    }
+
−
    .portfolio-grids a {
+
−
        display: block;
+
−
        overflow: hidden;
+
−
        position: relative;
+
−
    }
+
−
    .portfolio-grids img.img-responsive {
+
−
        width: 100%;
+
−
    }
+
−
    .b-wrapper {
+
−
        background: rgba(0, 0, 0, 0.7);
+
−
        position: absolute;
+
−
        width: 100%;
+
−
        height: 100%;
+
−
        bottom: 0%;
+
−
        left: 0;
+
−
        -webkit-transition: .5s all;
+
−
        -moz-transition: .5s all;
+
−
        transition: .5s all;
+
−
        -webkit-transform: scale(0);
+
−
        -moz-transform: scale(0);
+
−
        transform: scale(0);
+
−
        -o-transform: scale(0);
+
−
        -ms-transform: scale(0);
+
−
    }
+
−
    .portfolio-grids a:hover .b-wrapper {
+
−
        -webkit-transform: scale(1);
+
−
        -moz-transform: scale(1);
+
−
        transform: scale(1);
+
−
        -o-transform: scale(1);
+
−
        -ms-transform: scale(1);
+
−
    }
+
−
    .b-wrapper h5,
+
−
    .b-wrapper h2 {
+
−
        font-size: 2.5em;
+
−
        color: #fff;
+
−
        text-align: center;
+
−
        padding: 30% 0;
+
−
        font-weight: 300;
+
−
    }
+
−
    img.zoom-img {
+
−
        -webkit-transform: scale(1, 1);
+
−
        transform: scale(1, 1);
+
−
        -moz-transform: scale(1, 1);
+
−
        -ms-transform: scale(1, 1);
+
−
        -o-transform: scale(1, 1);
+
−
        transition-timing-function: ease-out;
+
−
        -webkit-transition-timing-function: ease-out;
+
−
        -moz-transition-timing-function: ease-out;
+
−
        -ms-transition-timing-function: ease-out;
+
−
        -o-transition-timing-function: ease-out;
+
−
        -webkit-transition-duration: 2s !important;
+
−
        -moz-transition-duration: 2s !important;
+
−
        transition-duration: 2s !important;
+
−
    }
+
−
    img.zoom-img:hover,
+
−
    .portfolio-grids:hover img.zoom-img {
+
−
        -webkit-transform: scale(1.2);
+
−
        transform: scale(1.2);
+
−
        -moz-transform: scale(1.2);
+
−
        -ms-transform: scale(1.2);
+
−
        -o-transform: scale(1.2);
+
−
        overflow: hidden;
+
−
    }
+
−
    /*-- //portfolio-inner-page --*/
+
−
    @media(max-width: 991px) {
+
−
        button.navbar-toggler {
+
−
             background: #fff;
+
−
            border-radius: 0px;
+
 
         }
 
         }
−
         .resp-tab-item {
+
         #ZB p{
−
             padding: 10px 38px;
+
             font-size: 20px;
−
             margin-bottom: 0.5em;
+
            font-family: Times New Roman;
 +
             text-align: justify;  
 
         }
 
         }
−
    }
+
        #ZB p:first-of-type::first-letter{
−
</style>
+
            font-family: Georgia;
 +
            font-size: 39px;
 +
            margin: 0px 5px;
 +
            float: left;
 +
        }
 +
        #ZB li{
 +
            font-size:  18px;
 +
            font-family: Times New Roman;
 +
            margin: 10px 0px;
 +
        }
 +
        #ZBB h1{
 +
            font-family: Arial Black;
 +
            text-shadow: 5px 5px 8px white;
 +
        }
 +
        #ZB h2{
 +
            padding: 20px 0px;
 +
            border-bottom: 1px solid #2487eb;
 +
        }
 +
        #ZB a:hover{
 +
            cursor: pointer;
 +
        }
 +
        #ZB img{
 +
            width: 100%;
 +
            height: auto;
 +
        }
 +
        #toTOP{
 +
            position:fixed;
 +
            right:2%;
 +
            bottom:2%;
 +
            border-radius:25%;
 +
            z-index: 100;
 +
        }
 +
        @media screen and (max-width: 700px) {
 +
            #ZBB h1{ font-size: 50px; }
 +
        }
 +
    </style>
 +
    <div id="Top"></div>
 +
    <div class="container-fluid px-0" id="ZBB">
 +
        <div class="row">
 +
            <div class="col-*-12">
 +
                <h1 class="display-1">SAFETY</h1>
 +
            </div>
 +
        </div>
 +
    </div>
  
−
<body>
+
<div class="container shadow my-3" id="ZB">
−
    <div class="background"></div>
+
        <!-- 第一行 -->
−
    <div id="portfolio" class="portfolio">
+
        <div class="row">
−
        <div class="heading">
+
            <div class="col-lg-3">
−
             <h3>TEAM</h3>
+
                <div class="row">
 +
                    <div class="col-md-12">
 +
                        <img src="https://static.igem.org/mediawiki/2019/f/f7/T--CSU_CHINA--SchoolGate.jpg" alt="" class="rounded">
 +
                    </div>
 +
                    <div class="col-md-12">
 +
                        <h2>General</h2>
 +
                        <p>In Central South University, our school issues the laws of laboratory safety rules governing the biosafety, which follows the rules of Biological safety management regulations for pathogenic microorganisms Laboratory issued by China State Council. </p>
 +
                    </div>
 +
                </div>
 +
                </div>
 +
             <div class="col-lg-9">
 +
                <h2>Biosafety rules and documents</h2>
 +
                <p>Our lab follows China National Institute of Pathogenic Microorganisms Biosafety Management and Central South University Laboratory Safety Rules as these aspects below.</p>
 +
                <ul>
 +
                    <li>Lab access and rules (those 3 rules below are specially supposed to remember for daily lab life)
 +
                        <ol>
 +
                            <li>Eating and drinking are not allowed inside the working area.</li>
 +
                            <li>Anyone who is participating in the experiment is supposed to wear lab coats and protective goggles.</li>
 +
                            <li>You are not allowed to wear protective goggles to touch any resting area or somewhere outside the lab.</li>
 +
                        </ol>
 +
                    </li>
 +
                    <li>Correct disposal of biological wastes and lab consumables</li>
 +
                    <li>Differences between biosafety levels</li>
 +
                    <li>Biosafety equipment and chemical safety(such as biosafety cabinets and chemical fume hood)</li>
 +
                    <li>Fire, water and electrical safety(We have fixed using time of large-scale scientific instruments and for sterilization)</li>
 +
                    <li>Disinfection and sterilization</li>
 +
                    <li>Transport rules</li>
 +
                    <li>Emergency procedures</li>
 +
                    <li>Responsible individuals (such as lab or departmental specialist or institutional biosafety officer)</li>
 +
                    <li>Good microbial technique (such as lab practices)</li>
 +
                </ul>
 +
            </div>
 
         </div>
 
         </div>
−
         <div class="container">
+
        <!-- 第二行 -->
−
             <div class="sap_tabs">
+
         <div class="row">
−
                 <div id="horizontalTab">
+
             <div class="col-lg-5 col-md-7">
−
                     <ul class="resp-tabs-list">
+
                 <div class="row">
−
                         <li class="resp-tab-item"><span>Student Members</span>
+
                     <div class="col-md-12">
−
                         </li>
+
                         <h2>Lab Biosafety Level </h2>
−
                        <li class="resp-tab-item"><span>Team Leader</span>
+
                        <p>The iGEM CSU_CHINA team of 2019 were working mainly in the BSL-1 lab at the Department of Life Science, Central South University for our project.</p>
−
                        </li>
+
                    </div>
−
                        <li class="resp-tab-item"><span>Instructors</span>
+
                    <div class="col-md-12">
−
                         </li>
+
                        <h2>Biosafety Training</h2>
−
                         <li class="resp-tab-item"><span>  Advisors  </span>
+
                         <p>All the team members followed a lab safety training and signed relevant safety documents prior to entering the lab at Central South University. A thorough and comprehensive lab safety training was provided by the biosafety offices of the universities and the departmental specialists. And the biosafety training also has an Internet-based test and values 1 academic point for bachelor students. </p>
−
                         </li>
+
                    </div>
 +
                </div>
 +
            </div>
 +
            <div class="col-lg-7 col-md-5">
 +
                <h2>Personal protective equipment</h2>
 +
                <p>Team members were equipped with lab coats, protective goggles, and disposable nitrile gloves. No other protective equipment was necessary according to the lab biosafety guidelines.</p>
 +
           
 +
                <div id="demo1" class="carousel slide" data-ride="carousel">
 +
 
 +
                    <!-- 指示符 -->
 +
                    <ul class="carousel-indicators">
 +
                         <li data-target="#demo1" data-slide-to="0" class="active"></li>
 +
                         <li data-target="#demo1" data-slide-to="1"></li>
 +
                         <li data-target="#demo1" data-slide-to="2"></li>
 
                     </ul>
 
                     </ul>
−
                     <div class="clearfix"></div>
+
                      
−
                     <div class="resp-tabs-container">
+
                     <!-- 轮播图片 -->
−
                        <div class="tab-1 resp-tab-content row">
+
                    <div class="carousel-inner shadow">
−
                            <div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid1">
+
                        <div class="carousel-item active">
−
                                <a href="https://static.igem.org/mediawiki/2018/5/53/T--CSU_CHINA--TM_SQX.jpg" data-lightbox="example-set" data-title="My name is Qingxin Shi, a 20-year-old boy from Central South University. My major is life science and now I’m a junior student. This year is my first time to enjoy myself in iGEM and I am in charge of the online submission of our team CSU_CHINA and doing experiments. I’m so glad to master many new skills to make me be better and make many outstanding new friends. iGEM makes my life more colorful and I want to meet more interesting friends. Let’s do our best here! ">
+
                             <img src="https://static.igem.org/mediawiki/2019/4/41/T--CSU_CHINA--glove.png">
−
                                    <img src="https://static.igem.org/mediawiki/2018/5/53/T--CSU_CHINA--TM_SQX.jpg" class="img-responsive zoom-img" alt="" />
+
−
                                    <div class="b-wrapper">
+
−
                                        <h2>Shi Qingxin</h2>
+
−
                                    </div>
+
−
                                </a>
+
−
                            </div>
+
−
                            <div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid2">
+
−
                                <a href="https://static.igem.org/mediawiki/2018/5/53/T--CSU_CHINA--TM_SQX.jpg" data-lightbox="example-set" data-title="My name is Shangcheng Yu, a 21-year-old boy, currently studying at Central South University majored in biological science. I’m mainly in charge of the experiment part of our whole IGEM project. In my spare time, I enjoy listening to music and watching cartoons. Discussing research progress and exchanging ideas about science especially in the field of immunology is also my favor. I’m outgoing and willing to make friends. For any related question, you can feel free to contact my e-mail below.
+
−
cell_ysc@foxmail.com ">
+
−
                                    <img src="https://static.igem.org/mediawiki/2018/5/53/T--CSU_CHINA--TM_SQX.jpg" class="img-responsive zoom-img" alt="" />
+
−
                                    <div class="b-wrapper">
+
−
                                        <h5>Yu Shangcheng</h5>
+
−
                                    </div>
+
−
                                </a>
+
−
                             </div>
+
−
                            <div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid3">
+
−
                                <a href="https://static.igem.org/mediawiki/2018/5/53/T--CSU_CHINA--TM_SQX.jpg" data-lightbox="example-set" data-title="Dong Yufan, the junior undergraduate majored in biological sciences, acts as a member of the CSU_CHINA in 2018 iGEM. St.Dong is dedicated in studying the molecular mechanism of special gene related to certain genetic diseases during these two years, as well as participating in several kinds of social activities like the student union, communication in the institution of neurobiology, summer school in HKU, and so forth.
+
−
Besides, st.Dong has a great passion on music esp piano, and all kinds of sports. ">
+
−
                                    <img src="https://static.igem.org/mediawiki/2018/5/53/T--CSU_CHINA--TM_SQX.jpg" class="img-responsive zoom-img" alt="" />
+
−
                                    <div class="b-wrapper">
+
−
                                        <h5>Dong Yufan</h5>
+
−
                                    </div>
+
−
                                </a>
+
−
                            </div>
+
−
                            <div class="col-md-4 col-sm-4 portfolio-grids portfolio-grid4">
+
−
                                <a href="https://static.igem.org/mediawiki/2018/5/53/T--CSU_CHINA--TM_SQX.jpg" data-lightbox="example-set" data-title="My name is Yao Keyu. I am 20 years old now ，but in my heart,forever 18. I am currently a junior student of Central South University. My major is Detection, guidance and control technology.I'm honored to participate in this competition. In the CSU-CHINA team ,I am an art designer.I spend most of my time on designing the poster 、website design and so on. I have lots of interest, such as singing, dancing, drawing and so on.On vacation,I usually like to have the Volunteer Travel. ">
+
−
                                    <img src="https://static.igem.org/mediawiki/2018/5/53/T--CSU_CHINA--TM_SQX.jpg" class="img-responsive zoom-img" alt="" />
+
−
                                    <div class="b-wrapper">
+
−
                                        <h5>Yao Keyu</h5>
+
−
                                    </div>
+
−
                                </a>
+
−
                            </div>
+
−
                            <div class="clearfix"></div>
+
 
                         </div>
 
                         </div>
−
                         <div class="tab-1 resp-tab-content">
+
                         <div class="carousel-item ">
−
 
+
                             <img src="https://static.igem.org/mediawiki/2019/1/17/T--CSU_CHINA--DYFexperiment.jpg">
−
                             <div class="clearfix"></div>
+
 
                         </div>
 
                         </div>
−
                         <div class="tab-1 resp-tab-content">
+
                         <div class="carousel-item ">
−
                             <div class="clearfix"></div>
+
                             <img src="https://static.igem.org/mediawiki/2019/c/cb/T--CSU_CHINA--LZJexperiment.jpg">
 
                         </div>
 
                         </div>
−
                         <div class="tab-1 resp-tab-content">
+
                    </div>
 +
                   
 +
                    <!-- 左右切换按钮 -->
 +
                    <a class="carousel-control-prev" href="#demo1" data-slide="prev">
 +
                         <span class="carousel-control-prev-icon"></span>
 +
                    </a>
 +
                    <a class="carousel-control-next" href="#demo1" data-slide="next">
 +
                        <span class="carousel-control-next-icon"></span>
 +
                    </a>
 +
                   
 +
                </div>
 +
            </div>
 +
        </div>
 +
        <!-- 第三行 -->
 +
        <div class="row">
 +
            <div class="col-lg-5 col-md-4">
 +
                <div class="row">
 +
                    <div class="col-md-12">
 +
                        <h2>Work areas</h2>
 +
                        <p>Which work areas do you use to handle biological materials?</p>
 +
                   
 +
                        <div id="demo2" class="carousel slide" data-ride="carousel">
  
−
                             <div class="clearfix"></div>
+
                            <!-- 指示符 -->
 +
                            <ul class="carousel-indicators">
 +
                                <li data-target="#demo2" data-slide-to="0" class="active"></li>
 +
                                <li data-target="#demo2" data-slide-to="1"></li>
 +
                                <li data-target="#demo2" data-slide-to="2"></li>
 +
                            </ul>
 +
                           
 +
                            <!-- 轮播图片 -->
 +
                             <div class="carousel-inner shadow">
 +
                                <div class="carousel-item  active">
 +
                                    <img src="https://static.igem.org/mediawiki/2019/c/cf/T--CSU_CHINA--Lab.jpg">
 +
                                </div>
 +
                                <div class="carousel-item ">
 +
                                    <img src="https://static.igem.org/mediawiki/2019/9/92/T--CSU_CHINA--LabEnviron.jpg">
 +
                                </div>
 +
                                <div class="carousel-item ">
 +
                                    <img src="https://static.igem.org/mediawiki/2019/e/e6/T--CSU_CHINA--pocket.png">
 +
                                </div>
 +
                            </div>
 +
 
 +
                            <!-- 左右切换按钮 -->
 +
                            <a class="carousel-control-prev" href="#demo2" data-slide="prev">
 +
                                <span class="carousel-control-prev-icon"></span>
 +
                            </a>
 +
                            <a class="carousel-control-next" href="#demo2" data-slide="next">
 +
                                <span class="carousel-control-next-icon"></span>
 +
                            </a>
 +
                           
 
                         </div>
 
                         </div>
 +
                    </div>
 +
                    <div class="col-md-12">
 +
                        <h2>Chassis</h2>
 +
                        <p>We have worked with the strain of the biosafety level 1 approved.</p>
 +
                        <ul>
 +
                            <li>cell lines: MDA-MB-231, MDA-MB-453, HBL-100, MCF-7, HCC-1806, HEK293T</li>
 +
                            <li>organisms: Escherichia coli DH5alpha</li>
 +
                        </ul>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
            <div class="col-lg-7 col-md-8">
 +
                <div class="row">
 +
                    <div class="col-md-12">
 +
                        <h2>Specific risks</h2>
 +
                        <p>Our project does not include gene drives, nor have we worked with animals. All species names (including strains) have been listed in the safety form.</p>
 +
                        <p>The E. coli strains DH5alpha we use in this project are 1st-Risk-Group organisms which has little safety risk to the environment.</p>
 +
                        <p>Human cancer-derived cell lines we use are 2nd-Risk-Group organism which are in principle cancerous. Malignant degree of them depends on the type of cancer cells, type of tissue exposed, the host's immunity and many other things. The possibility of getting a cancer through direct exposure (which should and would be avoid of course) to these cell lines is quite low. If they escape the lab, they are unlikely to survive.</p>
 +
                        <p>Our project is generally performed with very low risks, as no pathogenic bacteria or hazardous chemical reagent is used. However, some common risks are still inevitable, for example, get contaminated while using nucleic dye, get burned while using spirit lamp especially in the super clean bench, also some reagents are toxic like DMSO, ethidium bromide. At the same time, MDA-MB-231, MDA-MB-453, MCF-7 and HCC-1806 is in principle cancerous.</p>
 +
                    </div>
 +
                    <div class="col-md-12 my-5 d-flex justify-content-center">
 +
                        <h4>
 +
                            <a href="https://2019.igem.org/File:T--CSU_CHINA--Safety2019_Spreadsheet.xls" class="text-primary">
 +
                                Click here to see our safety form
 +
                            </a>
 +
                        </h4>
 
                     </div>
 
                     </div>
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
−
    </div>
 
−
    <!--script for portfolio-->
 
−
    <script src="https://2018.igem.org/Template:Valencia_UPV/lightboxminJS?action=raw&amp;ctype=text/javascript">
 
−
    </script>
 
−
    <script>
 
−
        (function ($) {
 
−
            $.fn.extend({
 
−
                easyResponsiveTabs: function (options) {
 
−
                    //Set the default values, use comma to separate the settings, example:
 
−
                    var defaults = {
 
−
                            type: 'default', //default, vertical, accordion;
 
−
                            width: 'auto',
 
−
                            fit: true
 
−
                        }
 
−
                        //Variables
 
−
                    var options = $.extend(defaults, options);
 
−
                    var opt = options,
 
−
                        jtype = opt.type,
 
−
                        jfit = opt.fit,
 
−
                        jwidth = opt.width,
 
−
                        vtabs = 'vertical',
 
−
                        accord = 'accordion';
 
−
 
−
                    //Main function
 
−
                    this.each(function () {
 
−
                        var $respTabs = $(this);
 
−
                        $respTabs.find('ul.resp-tabs-list li').addClass('resp-tab-item');
 
−
                        $respTabs.css({
 
−
                            'display': 'block',
 
−
                            'width': jwidth
 
−
                        });
 
−
 
−
                        $respTabs.find('.resp-tabs-container > div').addClass('resp-tab-content');
 
−
                        jtab_options();
 
−
                        //Properties Function
 
−
                        function jtab_options() {
 
−
                            if (jtype == vtabs) {
 
−
                                $respTabs.addClass('resp-vtabs');
 
−
                            }
 
−
                            if (jfit == true) {
 
−
                                $respTabs.css({
 
−
                                    width: '100%',
 
−
                                    margin: '0px'
 
−
                                });
 
−
                            }
 
−
                            if (jtype == accord) {
 
−
                                $respTabs.addClass('resp-easy-accordion');
 
−
                                $respTabs.find('.resp-tabs-list').css('display', 'none');
 
−
                            }
 
−
                        }
 
−
 
−
                        //Assigning the h2 markup
 
−
                        var $tabItemh2;
 
−
                        $respTabs.find('.resp-tab-content').before("<h2 class='resp-accordion' role='tab'><span class='resp-arrow'></span></h2>");
 
  
−
                        var itemCount = 0;
+
    </div>
−
                        $respTabs.find('.resp-accordion').each(function () {
+
    <a href="#Top" class="btn btn-info" id="toTOP" role="button">▲</a>
−
                            $tabItemh2 = $(this);
+
−
                            var innertext = $respTabs.find('.resp-tab-item:eq(' + itemCount + ')').text();
+
−
                            $respTabs.find('.resp-accordion:eq(' + itemCount + ')').append(innertext);
+
−
                            $tabItemh2.attr('aria-controls', 'tab_item-' + (itemCount));
+
−
                            itemCount++;
+
−
                        });
+
−
 
+
−
                        //Assigning the 'aria-controls' to Tab items
+
−
                        var count = 0,
+
−
                            $tabContent;
+
−
                        $respTabs.find('.resp-tab-item').each(function () {
+
−
                            $tabItem = $(this);
+
−
                            $tabItem.attr('aria-controls', 'tab_item-' + (count));
+
−
                            $tabItem.attr('role', 'tab');
+
−
 
+
−
                            //First active tab                 
+
−
                            $respTabs.find('.resp-tab-item').first().addClass('resp-tab-active');
+
−
                            $respTabs.find('.resp-accordion').first().addClass('resp-tab-active');
+
−
                            $respTabs.find('.resp-tab-content').first().addClass('resp-tab-content-active').attr('style', 'display:block');
+
−
 
+
−
                            //Assigning the 'aria-labelledby' attr to tab-content
+
−
                            var tabcount = 0;
+
−
                            $respTabs.find('.resp-tab-content').each(function () {
+
−
                                $tabContent = $(this);
+
−
                                $tabContent.attr('aria-labelledby', 'tab_item-' + (tabcount));
+
−
                                tabcount++;
+
−
                            });
+
−
                            count++;
+
−
                        });
+
−
 
+
−
                        //Tab Click action function
+
−
                        $respTabs.find("[role=tab]").each(function () {
+
−
                            var $currentTab = $(this);
+
−
                            $currentTab.click(function () {
+
−
 
+
−
                                var $tabAria = $currentTab.attr('aria-controls');
+
−
 
+
−
                                if ($currentTab.hasClass('resp-accordion') && $currentTab.hasClass('resp-tab-active')) {
+
−
                                    $respTabs.find('.resp-tab-content-active').slideUp('', function () {
+
−
                                        $(this).addClass('resp-accordion-closed');
+
−
                                    });
+
−
                                    $currentTab.removeClass('resp-tab-active');
+
−
                                    return false;
+
−
                                }
+
−
                                if (!$currentTab.hasClass('resp-tab-active') && $currentTab.hasClass('resp-accordion')) {
+
−
                                    $respTabs.find('.resp-tab-active').removeClass('resp-tab-active');
+
−
                                    $respTabs.find('.resp-tab-content-active').slideUp().removeClass('resp-tab-content-active resp-accordion-closed');
+
−
                                    $respTabs.find("[aria-controls=" + $tabAria + "]").addClass('resp-tab-active');
+
−
 
+
−
                                    $respTabs.find('.resp-tab-content[aria-labelledby = ' + $tabAria + ']').slideDown().addClass('resp-tab-content-active');
+
−
                                } else {
+
−
                                    $respTabs.find('.resp-tab-active').removeClass('resp-tab-active');
+
−
                                    $respTabs.find('.resp-tab-content-active').removeAttr('style').removeClass('resp-tab-content-active').removeClass('resp-accordion-closed');
+
−
                                    $respTabs.find("[aria-controls=" + $tabAria + "]").addClass('resp-tab-active');
+
−
                                    $respTabs.find('.resp-tab-content[aria-labelledby = ' + $tabAria + ']').addClass('resp-tab-content-active').attr('style', 'display:block');
+
−
                                }
+
−
                            });
+
−
                            //Window resize function                 
+
−
                            $(window).resize(function () {
+
−
                                $respTabs.find('.resp-accordion-closed').removeAttr('style');
+
−
                            });
+
−
                        });
+
−
                    });
+
−
                }
+
−
            });
+
−
        })(jQuery);
+
−
    </script>
+
−
    <script type="text/javascript">
+
−
        $(document).ready(function () {
+
−
            $('#horizontalTab').easyResponsiveTabs({
+
−
                type: 'default', //Types: default, vertical, accordion         
+
−
                width: 'auto', //auto or any width like 600px
+
−
                fit: true // 100% fit in a container
+
−
            });
+
−
        });
+
−
    </script>
+
−
    <!--//script for portfolio-->
+
 
</body>
 
</body>
−
 
 
</html>
 
</html>
 +
{{CSU_CHINA/footer}}

Latest revision as of 23:00, 21 October 2019

loading……

SAFETY

SAFETY

General

In Central South University, our school issues the laws of laboratory safety rules governing the biosafety, which follows the rules of Biological safety management regulations for pathogenic microorganisms Laboratory issued by China State Council.

Biosafety rules and documents

Our lab follows China National Institute of Pathogenic Microorganisms Biosafety Management and Central South University Laboratory Safety Rules as these aspects below.

  • Lab access and rules (those 3 rules below are specially supposed to remember for daily lab life)
    1. Eating and drinking are not allowed inside the working area.
    2. Anyone who is participating in the experiment is supposed to wear lab coats and protective goggles.
    3. You are not allowed to wear protective goggles to touch any resting area or somewhere outside the lab.
  • Correct disposal of biological wastes and lab consumables
  • Differences between biosafety levels
  • Biosafety equipment and chemical safety(such as biosafety cabinets and chemical fume hood)
  • Fire, water and electrical safety(We have fixed using time of large-scale scientific instruments and for sterilization)
  • Disinfection and sterilization
  • Transport rules
  • Emergency procedures
  • Responsible individuals (such as lab or departmental specialist or institutional biosafety officer)
  • Good microbial technique (such as lab practices)

Lab Biosafety Level

The iGEM CSU_CHINA team of 2019 were working mainly in the BSL-1 lab at the Department of Life Science, Central South University for our project.

Biosafety Training

All the team members followed a lab safety training and signed relevant safety documents prior to entering the lab at Central South University. A thorough and comprehensive lab safety training was provided by the biosafety offices of the universities and the departmental specialists. And the biosafety training also has an Internet-based test and values 1 academic point for bachelor students.

Personal protective equipment

Team members were equipped with lab coats, protective goggles, and disposable nitrile gloves. No other protective equipment was necessary according to the lab biosafety guidelines.

Work areas

Which work areas do you use to handle biological materials?

Chassis

We have worked with the strain of the biosafety level 1 approved.

  • cell lines: MDA-MB-231, MDA-MB-453, HBL-100, MCF-7, HCC-1806, HEK293T
  • organisms: Escherichia coli DH5alpha

Specific risks

Our project does not include gene drives, nor have we worked with animals. All species names (including strains) have been listed in the safety form.

The E. coli strains DH5alpha we use in this project are 1st-Risk-Group organisms which has little safety risk to the environment.

Human cancer-derived cell lines we use are 2nd-Risk-Group organism which are in principle cancerous. Malignant degree of them depends on the type of cancer cells, type of tissue exposed, the host's immunity and many other things. The possibility of getting a cancer through direct exposure (which should and would be avoid of course) to these cell lines is quite low. If they escape the lab, they are unlikely to survive.

Our project is generally performed with very low risks, as no pathogenic bacteria or hazardous chemical reagent is used. However, some common risks are still inevitable, for example, get contaminated while using nucleic dye, get burned while using spirit lamp especially in the super clean bench, also some reagents are toxic like DMSO, ethidium bromide. At the same time, MDA-MB-231, MDA-MB-453, MCF-7 and HCC-1806 is in principle cancerous.

Click here to see our safety form

▲ footer