Difference between revisions of "Template:SKLMT-China/footer"

Line 1: Line 1:
 
<html>
 
<html>
  
−
     <section class="article-banner" style="background-image: url(https://static.igem.org/mediawiki/2018/3/31/T--SKLMT-China--prj-banner-6.jpg)">
+
     <!--[if lt ie 9]>
−
         <div class="banner-content">
+
        <script type="text/javascript" src="https://2018.igem.org/Template:SKLMT-China/html5shiv_js?action=raw&ctype=text/javascript"></script>
−
             <h2 class="title">Safety</h2>
+
        <script type="text/javascript" src="https://2018.igem.org/Template:SKLMT-China/respond_js?action=raw&ctype=text/javascript"></script>
−
             <p class="content">Who are we?</p>
+
    <![endif]-->
 +
 
 +
    <style>
 +
 
 +
#top_menu_under,#home_logo, #sideMenu,#top,.logo_2018,#firstHeading ,#top_title, .patrollink { display:none; }
 +
.mediawiki,#globalWrapper,#content,#HQ_page,#bodyContent,#mw-content-text { width:100%; padding: 0;  margin: 0; }
 +
#HQ_page h1, #HQ_page h2, #HQ_page h3, #HQ_page h4, #HQ_page h5, #HQ_page h6 { margin-top: 0px; margin-bottom: 0px;}
 +
.mw-content-ltr ol, .mw-content-rtl .mw-content-ltr ol {margin: 0; padding 0;}
 +
#HQ_page p {font-size: unset;}
 +
 
 +
#mw-content-text > p{margin:0; padding: 0;}
 +
#menu a { text-decoration: none; }
 +
#menu a:link, a:visited, a:active { color: unset; }
 +
img { margin: 10px auto; }
 +
table { margin: 0 auto; }
 +
td { text-align: center }
 +
 
 +
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, #sideMenu, #menubar, .logo_2018, .printfooter, .firstHeading,.visualClear {display: none;} /*-- hides default wiki settings --*/
 +
 
 +
#top-section {
 +
    border: 0 none;
 +
    height: 14px;
 +
    z-index: 100;
 +
    top: 0;
 +
    position: fixed;
 +
    width: 975px;
 +
    left: 50%;
 +
    margin-left: -487px;
 +
}
 +
 
 +
    #globalWrapper, #content {
 +
        width: 100%;
 +
        height: 100%;
 +
        border: 0px;
 +
        background-color: transparent;
 +
        margin: 0px;
 +
        padding: 0px;
 +
        font-size: 100%;
 +
    }
 +
 
 +
    html, body, .wrapper {
 +
        width: 100%;
 +
        height: 100%;
 +
        background-color: transparent;
 +
        font-family: Lato, Roboto, Source Sans Pro, Helvetica, sans-serif;
 +
    }
 +
 
 +
    #HQ_page p {
 +
        font-family: Lato, Roboto, Source Sans Pro, Helvetica, sans-serif;
 +
        text-align: unset;
 +
    }
 +
 
 +
    .index-banner .inner p {
 +
        font-size: 2em !important;
 +
        font-family: Algerian !important;
 +
    }
 +
 
 +
    .container .paragraph h2 {
 +
        font-size: 3em !important;
 +
        margin: 1em 0;
 +
        font-family: Algerian;
 +
    }
 +
 
 +
    .container .paragraph h2.title {
 +
        border-left: solid #000099 8px;
 +
        padding-left: 20px;
 +
    }
 +
 
 +
    .container .paragraph h3 {
 +
        margin-top: 1em !important;
 +
        margin-bottom: 1em !important;
 +
    }
 +
 
 +
    .container .paragraph h3.title {
 +
        border-left: solid #99004C 6px;
 +
        padding-left: 20px;
 +
    }
 +
 
 +
    .container .paragraph p {
 +
        font-size: 1.35em !important;
 +
    }
 +
 
 +
    .container .paragraph p {
 +
        margin: 2em 0 1em 0;
 +
    }
 +
 
 +
    .shadow {
 +
        box-shadow: 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12), 0 2px 4px -1px rgba(0,0,0,.2);
 +
    }
 +
 
 +
    </style>
 +
 
 +
    <link rel="stylesheet" type="text/css"  href="https://2018.igem.org/wiki/index.php?title=Template:SKLMT-China/normalize_css&amp;action=raw&amp;ctype=text/css">
 +
 
 +
    <link rel="stylesheet" type="text/css"  href="https://2018.igem.org/wiki/index.php?title=Template:SKLMT-China/fontawesome_css&amp;action=raw&amp;ctype=text/css">
 +
 
 +
 
 +
    <link rel="stylesheet" type="text/css"  href="https://2018.igem.org/wiki/index.php?title=Template:SKLMT-China/template_css&amp;action=raw&amp;ctype=text/css">
 +
 
 +
    <link rel="stylesheet" type="text/css"  href="https://2018.igem.org/wiki/index.php?title=Template:SKLMT-China/text_css&amp;action=raw&amp;ctype=text/css">
 +
 
 +
    <link rel="stylesheet" type="text/css"  href="https://2018.igem.org/wiki/index.php?title=Template:SKLMT-China/bootstrap_css&amp;action=raw&amp;ctype=text/css">
 +
 
 +
    <link rel="stylesheet" type="text/css"  href="https://2018.igem.org/wiki/index.php?title=Template:SKLMT-China/navbar_css&amp;action=raw&amp;ctype=text/css">
 +
 
 +
    <link rel="stylesheet" type="text/css"  href="https://2018.igem.org/wiki/index.php?title=Template:SKLMT-China/modal_css&amp;action=raw&amp;ctype=text/css">
 +
 
 +
    <!-- Start Navbar -->
 +
 
 +
    <div id="loading">
 +
         <div id="loading-center">
 +
             <div id="loading-one">
 +
                <div class="object-one"></div>
 +
                <div class="object-one"></div>
 +
                <div class="object-one"></div>
 +
                <div class="object-one"></div>
 +
                <div class="object-one"></div>
 +
                <div class="object-one"></div>
 +
                <div class="object-one"></div>
 +
                <div class="object-one"></div>
 +
                <div class="object-one"></div>
 +
             </div>
 +
            <div id="loading-two">
 +
                <div class="object-two"></div>
 +
                <div class="object-two"></div>
 +
                <div class="object-two"></div>
 +
                <div class="object-two"></div>
 +
                <div class="object-two"></div>
 +
                <div class="object-two"></div>
 +
                <div class="object-two"></div>
 +
                <div class="object-two"></div>
 +
                <div class="object-two"></div>
 +
            </div>
 
         </div>
 
         </div>
 +
    </div>
 +
 +
    <nav class="navbar navbar-default navbar-transparent navbar-fixed dark bootsnav" style="top: 11px">
 +
 
         <div class="container">
 
         <div class="container">
  
−
             <div class="row">
+
             <div class="navbar-header">
−
                <ol class="breadcrumb">
+
−
                    <li><a href="https://2018.igem.org/Team:SKLMT-China"><i class="fa fa-home">&thinsp;&thinsp;Home</i></a></li>
+
−
                    <li><a href="Project"><i class="fa fa-file">&thinsp;&thinsp;Project</i></a></li>
+
  
−
                     <li class="active dropdown">
+
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-menu">
 +
                     <i class="fa fa-bars"></i>
 +
                </button>
  
−
                        <!-- Catalog -->
+
                <!-- LOGO
−
                        <div class="dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+
                    <a class="navbar-brand" href="#brand"><img src="images/nav-logo.jpg" class="logo" alt=""></a>
−
                            <i class="fa fa-code">
+
                -->
−
                                &thinsp;&thinsp;Safety
+
                <div class="navbar-brand" href="https://2018.igem.org/Team:SKLMT-China"><a>SKLMT</a></div>
−
                            </i>
+
 
−
                         </div>
+
            </div>
−
                         <ul class="dropdown-menu">
+
 
−
                             <li><a href="#s1" class="scrolly">OverView</a></li>
+
            <div class="collapse navbar-collapse" id="navbar-menu">
−
                             <li><a href="#s2" class="scrolly">Safe Project Design</a></li>
+
                <ul class="nav navbar-nav navbar-right" data-in="fadeInDown" data-out="fadeInUp">
−
                             <li><a href="#s3" class="scrolly">Safe Lab Work</a></li>
+
                    <li class="dropdown">
−
                             <li><a href="#s2" class="scrolly">Safe Project Design</a></li>
+
                         <a href="Team" class="dropdown-toggle" data-toggle="dropdown">Team</a>
 +
                         <ul class="dropdown-menu animated fadeInUp" style="display: none; opacity: 1;">
 +
                             <li>
 +
                                <a href="Members">Members</a>
 +
                            </li>
 +
                             <li>
 +
                                <a href="Attributions">Attributions</a>
 +
                            </li>
 +
                             <li>
 +
                                <a href="Sponsor">Sponsors</a>
 +
                            </li>
 +
                             <li>
 +
                                <a href="Judging">Judging</a>
 +
                            </li>
 
                         </ul>
 
                         </ul>
 +
                    </li>
 +
                    <li class="dropdown">
 +
                        <a href="Project" class="dropdown-toggle" data-toggle="dropdown">Project</a>
 +
                        <ul class="dropdown-menu animated fadeInUp" style="display: none; opacity: 1;">
 +
                            <li>
 +
                                <a href="Project_Overview">Overview</a>
 +
                            </li>
 +
                            <li>
 +
                                <a href="Design">Design</a>
 +
                            </li>
 +
                            <li>
 +
                                <a href="Red_ET">Red/ET</a>
 +
                            </li>
 +
                            <li>
 +
                                <a href="Demonstrate">Results & Demonstration</a>
 +
                            </li>
 +
                            </li>
 +
                            <li>
 +
                                <a href="Safety">Safety</a>
 +
                            </li>
 +
                        </ul>
 +
                    </li>
 +
                    <li>
 +
                        <a href="InterLab">InterLab</a>
 +
                    </li>
 +
                    <li class="dropdown">
 +
                        <a href="Parts" class="dropdown-toggle" data-toggle="dropdown">Parts</a>
 +
                        <ul class="dropdown-menu animated fadeInUp" style="display: none; opacity: 1;">
 +
                           
 +
                            <li>
 +
                                <a href="Basic_Part">Basic Parts</a>
 +
                            </li>
 +
                            <li>
 +
                                <a href="Composite_Part">Composite Parts</a>
 +
                            </li>
 +
                           
 +
                            <li>
 +
                                <a href="Part_Collection">Part Collection</a>
 +
                            </li>
 +
                            <li>
 +
                                <a href="Improve">Improved part</a>
 +
                            </li>
 +
                        </ul>
 +
                    </li>
 +
                   
 +
                    <li class="dropdown">
 +
                        <a href="Model" class="dropdown-toggle" data-toggle="dropdown">Model</a>
 +
                        <ul class="dropdown-menu animated fadeInUp" style="display: none; opacity: 1;">
 +
                            <li>
 +
                                <a href="Model_Overview">Overview</a>
 +
                            </li>
 +
                            <li>
 +
                                <a href="Model_Process">Process</a>
 +
                            </li>
 +
                            <li>
 +
                                <a href="Model_Results">Results</a>
 +
                            </li>
  
 +
                        </ul>
 
                     </li>
 
                     </li>
−
                 </ol>
+
                    <li class="dropdown">
 +
                        <a href="Software" class="dropdown-toggle" data-toggle="dropdown">Software</a>
 +
                        <ul class="dropdown-menu animated fadeInUp" style="display: none; opacity: 1;">
 +
                            <li>
 +
                                <a href="SoftWare_Overview">Introduction</a>
 +
                            </li>
 +
                            <li>
 +
                                <a href="Principle">Principle</a>
 +
                           
 +
                        </ul>
 +
                    </li>
 +
                    <li class="dropdown">
 +
                        <a href="Human_Practices" class="dropdown-toggle" data-toggle="dropdown">Human Practices</a>
 +
                        <ul class="dropdown-menu animated fadeInUp" style="display: none; opacity: 1;">
 +
                            <li>
 +
                                <a href="HP_Overview">Overview</a>
 +
                            </li>
 +
                            <li>
 +
                                <a href="Integrated_Gold">Integrated & Gold</a>
 +
                            </li>
 +
                            <li>
 +
                                <a href="Collaborations">Collaborations</a>
 +
                            </li>
 +
                        </ul>
 +
                    </li>
 +
                    <li class="dropdown">
 +
                        <a href="Notebook" class="dropdown-toggle" data-toggle="dropdown">Notebook</a>
 +
                        <ul class="dropdown-menu animated fadeInUp" style="display: none; opacity: 1;">
 +
                            <li>
 +
                                <a href="Notebook_Overview">Overview</a>
 +
                            </li>
 +
                            <li>
 +
                                <a href="Notebook_Protocol">Protocol</a>
 +
                            </li>
 +
                            <li>
 +
                                <a href="Material">Material</a>
 +
                            </li>
 +
                            <li>
 +
                                <a href="Data_Base">Data Base</a>
 +
                            </li>
 +
                        </ul>
 +
                    </li>
 +
                 </ul>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
−
     </section>
+
     </nav>
−
     <div class="container" id="section-2">
+
     <!-- End Navbar -->
  
−
        <div class="paragraph shadow">
 
−
            <h2 class="title" id="s1">OVERVIEW</h2>
 
−
            <p>This year, team <i>SKLMT-China</i> proposed a promoter library for <latin>pseudomonas fluorescence </latin>and use it to heterologously express the nicotine degradation gene. The biosafety level is well recognized and the protocol for experimental manipulation is well established. Although nicotine we used is toxic, we made sure that every step is under rigid control so that no hazardous chemical will be let out. We consulted the PI from labs that have been studying nicotine degradation for a relatively long time for safety protocol when working with it.
 
  
−
            </p>
+
    <script type="text/javascript" src="https://2018.igem.org/Template:SKLMT-China/jquery_js?action=raw&ctype=text/javascript"></script>
−
            <p>Safe though it may seem, there still could have been unsolicited consequences if no attention for safe experiments is heeded. In order to minimize any unwanted accident, we received proper training and adopted several safety regulations in the laboratory. Now we’d like to share our experiences with safety control.</p>
+
    <script type="text/javascript" src="https://2018.igem.org/Template:SKLMT-China/scrolly_js?action=raw&ctype=text/javascript"></script>
 +
    <script type="text/javascript" src="https://2018.igem.org/Template:SKLMT-China/scrollex_js?action=raw&ctype=text/javascript"></script>
 +
    <script type="text/javascript" src="https://2018.igem.org/Template:SKLMT-China/browser_js?action=raw&ctype=text/javascript"></script>
 +
    <script type="text/javascript" src="https://2018.igem.org/Template:SKLMT-China/breakpoints_js?action=raw&ctype=text/javascript"></script>
 +
    <script type="text/javascript" src="https://2018.igem.org/Template:SKLMT-China/bootstrap_js?action=raw&ctype=text/javascript"></script>
 +
    <script type="text/javascript" src="https://2018.igem.org/Template:SKLMT-China/navbar_js?action=raw&ctype=text/javascript"></script>
 +
    <script type="text/javascript" src="https://2018.igem.org/Template:SKLMT-China/std_js?action=raw&ctype=text/javascript"></script>
 +
    <script>$(window).on('load', (function() {$("#loading").fadeOut(1000);}))</script>
  
−
            <h2 class="title" id="s2">Safe Project Design</h2>
+
</script>
−
            <h3 class="title">Choosing a non-pathogenic chassis</h3>
+
−
            <p>In our project, non-pathogenic strains of <latin>E. coli </latin>were the chassis used to perform molecular cloning. The other chassis used to perform protein expression is <latin>Pseudomonas fluorescence pf-5</latin>. This strain belongs to the Risk Group 1 microorganisms according to iGEM white list. It is not pathogenic to mammals and has passed the acute toxicity test of the <b>Ministry of Agriculture of China</b>.</p>
+
−
            <h3 class="title">Choosing parts that will be environmentally friendly</h3>
+
−
 
+
−
            <p>Harmful parts are not allowed in our project. The parts in our project are most commonly used recombinases and expression control units (such as terminators and promoters widely used in research) so that none of our parts would raise any safety issues according to current professional knowledge.</p>
+
−
            <h2 class="title" id="s3">Safe Lab Work</h2>
+
−
            <p>Before we carried out our experiments, all of our team members had received strict lab safety training, including standard experimental protocols, proper disposal of biological and chemical waste, information on hazardous chemicals and use of biosafety cabinets given by PI in the lab. Such guidance was documented on the online portal in detail. Team members involved in bench works had all went through orientations with mentors or managers in charge of specific equipment used before gaining access to the lab.
+
−
            According to the requirements of iGEM policy, in our daily bench work, we never performed any dangerous experiments or faced any unusual safety issues. Our bench work followed some basic regulations as follows:</p>
+
−
            <p>1. Duplicating a key to the laboratory without permission is strictly prohibited.</p>
+
−
            <p>2. Participants need to understand the experiment completely.</p>
+
−
            <p>3. All experiments are done with rubber gloves.</p>
+
−
            <p>4. Steps with any probability of contamination should be performed in a biosafety cabinet.</p>
+
−
            <p>5. Fire, electric heaters, and microwave ovens should never be left unattended.</p>
+
−
            <p>6. All wastes should go through a rigid disposal process before discarding.</p>
+
−
            <p>7. Sanitize the lab using UV-light every week.</p>
+
−
            <p>8. The last person to leave the lab should make sure that water, electricity, gas, and air conditioners have been turned off, and doors and windows have been locked before leaving.
+
−
            </p>
+
−
            <h2 class="title" id="s4">Safe Project Design</h2>
+
−
            <p>As mentioned above, our DNA parts are absolutely safe because of they are common-used recombinases and expression control units(promoter) or those encode safe proteins. The DNA parts are safely contained within 96 well plates as the Parts registry requires.</p>
+
−
        </div>
+
−
    </div>
+
  
 
</html>
 
</html>
−
{{SKLMT-China/footer}}
 

Revision as of 16:26, 17 October 2018