Difference between revisions of "Team:SKLMT-China/Material"

(Replaced content with "<html> <div class="container" id="section-2"> <div class="paragraph shadow"> <h2 class="title">Material</h2> <p>test</p>...")
Line 1: Line 1:
 
<html>
 
<html>
     <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: 20px; margin-bottom: 10px;}
+
 
+
#mw-content-text > p{margin:0; padding: 0;}
+
li { list-style: none; }
+
#menu a { text-decoration: none; }
+
#menu a:link, a:visited, a:active { color: white; }
+
#menu a:hover { color: #c1d9ff; }
+
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;
+
    }
+
 
+
    .inner p {
+
        font-size: 2em !important;
+
        font-family: Algerian !important;
+
    }
+
 
+
    .container .paragraph h2 {
+
        font-size: 3em !important;
+
        margin: 1em 0 1em 0;
+
        font-family: Algerian;
+
    }
+
 
+
    .container .paragraph h2.title {
+
        border-left: solid #000099 5px;
+
        padding-left: 10px;
+
    }
+
 
+
    .container p {
+
        font-size: 1.35em !important;
+
    }
+
 
+
    .container .paragraph p {
+
        margin: 2em 0 1em 0;
+
    }
+
 
+
    .container .paragraph.shadow {
+
    }
+
 
+
    .container .paragraph.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/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">
+
 
+
    <!-- Start Navbar -->
+
    <nav class="navbar navbar-default navbar-transparent navbar-fixed dark bootsnav" style="top: 11px">
+
 
+
        <div class="container">
+
 
+
            <div class="navbar-header">
+
 
+
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-menu">
+
                    <i class="fa fa-bars"></i>
+
                </button>
+
 
+
                <!-- LOGO
+
                    <a class="navbar-brand" href="#brand"><img src="images/nav-logo.jpg" class="logo" alt=""></a>
+
                -->
+
                <div class="navbar-brand" href="index"><a>SKLMT</a></div>
+
 
+
            </div>
+
 
+
            <div class="collapse navbar-collapse" id="navbar-menu">
+
                <ul class="nav navbar-nav navbar-right" data-in="fadeInDown" data-out="fadeInUp">
+
                    <li class="dropdown">
+
                        <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>
+
                        </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="Protocol">Protocol</a>
+
                            </li>
+
                            <li>
+
                                <a href="Results">Results</a>
+
                            </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 Part</a>
+
                            </li>
+
                            <li>
+
                                <a href="Composite_Part">Composite Part</a>
+
                            </li>
+
                            <li>
+
                                <a href="Best_Part">Best Part</a>
+
                            </li>
+
                            <li>
+
                                <a href="Improved_Part">Improved Part</a>
+
                            </li>
+
                            <li>
+
                                <a href="Part_Collection">Part Collection</a>
+
                            </li>
+
                        </ul>
+
                    </li>
+
                    <li>
+
                      <a href="#">Software</a>
+
                    </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="Promoter_Strength">Promoter Strength</a>
+
                            </li>
+
                        </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="HP_Silver">HP Silver</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>
+
    </nav>
+
    <!-- End Navbar -->
+
 
+
    <section class="index-banner" style="background-image: url(https://static.igem.org/mediawiki/2018/b/b7/T--SKLMT-China--banner1.jpg)">
+
        <div class="inner">
+
            <header>
+
                <h2>SKLMT</h2>
+
            </header>
+
            <p>This is <strong>SKLMT-China</strong> SPEKING
+
            <footer>
+
                <ul class="buttons stacked">
+
                    <li><a href="#section-2" class="actions scrolly-middle">Learn More</a></li>
+
                </ul>
+
            </footer>
+
        </div>
+
    </section>
+
 
+
 
+
 
     <div class="container" id="section-2">
 
     <div class="container" id="section-2">
  
 
         <div class="paragraph shadow">
 
         <div class="paragraph shadow">
             <h2 class="title">REAGENTS</h2>
+
             <h2 class="title">Material</h2>
             <p>QIAquick Gel Extraction Kit (Qiagen, cat. no. 28704)</p>
+
             <p>test</p>
<p>QIAquick PCR Purification Kit (Qiagen, cat. no. 28104) </p>
+
<p>Qiagen Plasmid Mini Kit (Qiagen, cat. no. 12123) </p>
+
<p>Tryptone (Oxoid, cat. no. LP0042) </p>
+
<p>Yeast extract (Oxoid, cat. no. LP0021) </p>
+
<p>NaCl (Sangon Biotec, cat. no. SB0476) </p>
+
<p>Agar (Solarbio, cat. no. A8190) </p>
+
<p>NaOH (Sigma-Aldrich, cat. no. S8045) </p>
+
<p>Autoclaved ddH2O kept at room temperature (RT, 18–22 °C) and on ice</p>
+
  
<p>Sodium acetate trihydrate (NaOAc•3H2O; Sinopharm, cat. no. 10018718) </p>
+
         
<p>Lysozyme (Sigma-Aldrich, cat. no. 62970) </p>
+
<p>Proteinase K (Roche, cat. no. 03115879001) </p>
+
<p>Trizma base (Sigma-Aldrich, cat. no. T6066) </p>
+
<p>Na2EDTA (Sigma-Aldrich, cat. no. E5134) </p>
+
<p>HCl (Sinopharm, cat. no. 10011008) Sodium dodecyl sulfate (SDS; Sigma-Aldrich, cat. no. L3771) </p>
+
<p>Phenol–chloroform–isoamyl alcohol mixture (25:24:1; Sigma-Aldrich,cat. no. 77617) </p>
+
<p>Isopropanol (Sinopharm, cat. no. 80109218) </p>
+
<p>Ethanol, absolute (Sinopharm, cat. no. 10009218) </p>
+
<p>70% (vol/vol) ethanol</p>
+
<p>RNase A (10 mg ml − 1; DNase and protease free; Thermo Scientific,cat. no. EN0531) </p>
+
<p>l-Arabinose (Sigma-Aldrich, cat. no. A3256) </p>
+
<p>l-Rhamnose (Sigma-Aldrich, cat. no. 83650) </p>
+
<p>1-kb DNA ladder (New England BioLabs, cat. no. N3232) </p>
+
<p>Restriction enzymes (New England BioLabs) </p>
+
<p>PrimeSTAR Max DNA Polymerase (Takara, cat. no. R045B) </p>
+
<p>10× Tris/boric acid/EDTA (TBE) buffer (Bio-Rad, cat. no. 161-070) </p>
+
<p>Ethidium bromide solution (10 mg/ml; Dingguo, cat. no. NEP028-1) </p>
+
<p>Agarose (Takara, cat. no. 5261) </p>
+
<p>Buffer P1 (Qiagen, cat. no. 19051) </p>
+
<p>Buffer P2 (Qiagen, cat. no. 19052) </p>
+
<p>Buffer P3 (Qiagen, cat. no. 19053) </p>
+
  
 
            <h2 class="title">EQUIPMENT</h2>
 
            <p>Benchtop centrifuge, kept at 2 °C (Eppendorf, model 5424R,cat. no. 5404000.014) </p>
 
<p>Benchtop centrifuge, kept at RT (Eppendorf, model 5424R,cat. no. 5424000.010) </p>
 
<p>Centrifuge (Eppendorf, model 5810R, cat. no. 5811000.398) </p>
 
<p>Electroporation cuvettes with 1-mm gap, kept on ice (Eppendorf,cat. no. 940001005) </p>
 
<p>Electroporator (Eppendorf, model 2510, cat. no. 940000009) </p>
 
<p>Thermomixer (Eppendorf, model F1.5, cat. no. 5384000.071) </p>
 
<p>MixMate (Eppendorf, cat. no. 022674226) </p>
 
<p>Vortex (Scientific Industries, cat. no. G560E) </p>
 
<p>50-ml centrifuge tubes (sterile, DNase/RNase-Free; Sangon Biotec,cat. no. CT788-GS) </p>
 
<p>Petri dishes, 94 mm × 16 mm (Greiner Bio-One, cat. no. 633180) </p>
 
<p>Digital gel imaging system (GelDoc XR + , Bio-Rad) </p>
 
<p>UV spectrophotometer (NanoDrop 2000c, Thermo Scientific) </p>
 
<p>UV-visible spectrophotometer (T6 New Century, Purkinje General Instrument) </p>
 
<p>Syringe needle, 25-gauge 5/8, 0.5 mm × 16 mm (BD Medical, cat. no. 301805) </p>
 
<p>Multipette (Eppendorf, cat. no. 4981000.019) </p>
 
<p>10-ml Combitips (Eppendorf, cat. no. 0030089.464) </p>
 
<p>Gel electrophoresis apparatus (Beijing Junyi, cat. no. JY300C) </p>
 
<p>Incubators kept at 30 and 37 °C (Ningbo Jiangnan, cat. no. HWS-0288) </p>
 
<p>Sterile 10-ul inoculation loop (Sangon Biotec, cat. no. IL311-10-S-Q) </p>
 
<p>Sterile 1-ul inoculation loop (Sangon Biotec, cat. no. IL311-1-S) </p>
 
<p>0.2-um syringe filter (Pall, cat. no. PN4612) </p>
 
<p>Self-made tissue rollers or cotton swabs (available from most grocery stores) </p>
 
<p>37 °C and 50 °C water baths</p>
 
            <h2 class="title">REAGENT SETUP</h2>
 
<p>LB medium: For 1 liter, dissolve 10 g of tryptone, 5g of yeast extract and 5g of NaCl in ~800 ml of ddH2O, adjust the pH to 7.0 (adjust the pH to 8.0 with NaOH for low-salt LB) and bring the final volume to 1 liter. Transfer 100-ml aliquots to a glass stock bottle and autoclave. The medium can be kept at RT for several months. Add antibiotics before use. </p>
 
<p>LB agar plates: Transfer 200-ml aliquots of LB medium to a glass stock bottle, add 2.4 g of agar and autoclave the medium. Pour molten medium into sterile Petri dishes. If antibiotics are required, add them when the autoclaved medium has cooled to 50 °C. Plates should dry for at least 15 min in a sterile hood with lid off to reduce condensation. Before use, remove prepared plates from the refrigerator and keep them at RT for at least 10 min to avoid condensation and cold shock to the cells. </p>
 
<p>0.8% (wt/vol) Agarose gels: For 100 ml, add 0.8 g of agarose to 100 ml of 1× Tris/boric acid/EDTA (TBE) buffer. Completely melt the agarose gel in a microwave and then cool it to ~60 °C. Add 5ul of ethidium bromide solution (10 mg ml−1), mix it thoroughly, pour the gel into a mold with an appropriate comb and let it solidify. The agarose gels should be freshly prepared before use. </p>
 
 
<p>3 M Sodium acetate pH 7.5: For 100 ml, dissolve 40.8 g of sodium acetate trihydrate in ~80 ml of ddH2O, and bring it to a final volume of 100 ml. The pH should be ~7.5 without the addition of acetic acid. Transfer the solution to a glass stock bottle and autoclave. The solution can be stored at RT for at least 12 months. </p>
 
<p>10% (wt/vol) l-Arabinose and 10% (wt/vol) l-rhamnose: For 50 ml, dissolve 5 g of sugar powder in ~40 ml of ddH2O and bring it to a final volume of 50 ml. Pass the solution through 0.2-um syringe filters to sterilize it inside a sterile laminar hood. Prepare 1-ml aliquots in sterile 1.5-ml tubes. The stock solution can be stored at − 20 °C for at least 12 months. </p>
 
<p>1× TBE electrophoresis buffer: Dilute 10× TBE buffer in ddH2O to a 1× working solution, and store it at RT for several months. </p>
 
<p>10% (wt/vol) SDS: For 100 ml, add 10 g of SDS to ~80 ml of autoclaved ddH2O. Stir until SDS is dissolved, and bring it to a final volume of 100 ml. Transfer the solution to a glass stock bottle. The solution can be stored at RT for at least 12 months. </p>
 
<p>Proteinase K (20 mg ml − 1): We usually purchase 100-mg vials of ProteinaseK. Add 5 ml of autoclaved ddH2O to each 100-mg vial to make a final concentration of 20 mg ml − 1. The solution can be stored in the vials at − 20 °C for several months. </p>
 
<p>1.0 M Tris-HCl (pH 8.0): For 1 liter, add 121.1 g of Trizma base to ~800 ml of ddH2O. Stir until dissolved. Adjust the pH to 8.0 with concentrated HCl and bring it to a final volume of 1,000 ml. Transfer the solution to glass stock bottles and autoclave. The solution can be stored at RT for at least 12 months. </p>
 
<p>10 mM Tris-HCl (pH 8.0): For 1 liter, add 10 ml of 1.0 M Tris-HCl (pH 8.0) to 990 ml of autoclaved ddH2O. Stir to mix the contents and transfer the solution to a glass stock bottle. The buffer can be stored at RT for at least 12 months. </p>
 
<p>0.5 M EDTA (pH 8.0): For 1 liter, add 186.1 g of Na2EDTA to ~800 ml of ddH2O. Stir until the contents have dissolved. Adjust the pH to 8.0 with NaOH (~20 g pellets) and bring to a final volume of 1,000 ml. Transfer the solution to glass stock bottles and autoclave. The solution can be stored at RT for at least 12 months. </p>
 
<p>5 M NaCl: For 100 ml, dissolve 29.2 g of NaCl in ~80 ml of ddH2O, and bring to a final volume of 100 ml. Transfer the solution to a glass stock bottle  and autoclave it. The solution can be stored at RT for at least 12 months. </p>
 
<p>SET (75 mM NaCl, 25 mM EDTA, 20 mM Tris, pH 8.0): For 100 ml, add 1.5 ml of 5 M NaCl, 5 ml of 0.5 M EDTA (pH 8.0) and 2 ml of 1.0 M Tris-HCl (pH 8.0) to 91.5 ml of autoclaved ddH2O. Stir to mix and transfer the solution to a glass stock bottle. The buffer can be stored at RT for at least 12 months. </p>
 
<h2 class="title">antibiotics</h2>
 
<p>this part needs standard picture and form</p>
 
 
         </div>
 
         </div>
 
     </div>
 
     </div>
  
     <section id="page-footer">
+
      
        <div class="container">
+
            <div class="row">
+
                <div class="col-md-12" style="padding-top: 2.5em;">
+
                    <h2><strong>SKLMT</strong></h2>
+
                </div>
+
            </div>
+
            <div class="row">
+
                <div class="col-md-4">
+
                    <h3>Useful <strong>&thinsp;Links</strong></h3>
+
                    <p>
+
                    <a href="https://igem.org/Main_Page">Main Page</a>
+
                    </p>
+
                    <p>
+
                    <a href="https://igem.org/Special:SpecialPages">Special pages</a>
+
                    </p>
+
                </div>
+
                <div class="col-md-4">
+
                    <h3><strong>Contact&thinsp;</strong> us</h3>
+
                    <br>
+
                    <i class = "fa fa-envelope-o fa-lg">&thinsp;&thinsp;SKLMT.iGEM.China@gmail.com</i>
+
                </div>
+
                <div class="col-md-4">
+
                    <h3><strong>Address</strong></h3>
+
                    <br>
+
                    <i class="fa fa-map-marker fa-lg">&thinsp;&thinsp;Qingdao, Shandong<br><br><br>266200 Shandong University</i>
+
                </div>
+
            </div>
+
        </div>
+
    </section>
+
 
+
    <script type="text/javascript" src="https://2018.igem.org/Template:SKLMT-China/html5shiv_js?action=raw&ctype=text/javascript"></script>
+
    <script type="text/javascript" src="https://2018.igem.org/Template:SKLMT-China/respond_js?action=raw&ctype=text/javascript"></script>
+
    <script type="text/javascript" src="https://2018.igem.org/Template:SKLMT-China/jquery_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>
+
 
+
 
</html>
 
</html>
 +
{{SKLMT-China/footer}}

Revision as of 16:51, 12 October 2018

Material

test