Difference between revisions of "Team:CMUQ/protocols"

 
(29 intermediate revisions by the same user not shown)
Line 5: Line 5:
 
     <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
 
     <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
  
−
     <link href="//2015.igem.org/Team:Oxford/Assets/Bootstrap?action=raw&ctype=text/css" rel="stylesheet">
+
      
−
    <link href="//2015.igem.org/Team:Oxford/Assets/stylesheet?action=raw&ctype=text/css" rel="stylesheet">
+
−
    <link rel="stylesheet" href="//2015.igem.org/Team:Oxford/Assets/Font-Awesome?action=raw&ctype=text/css">
+
−
    <script type="text/javascript" src="//2015.igem.org/Team:Oxford/Assets/Bootstrapj?action=raw&ctype=text/javascript"></script>
+
−
    <script type="text/javascript" src="//2015.igem.org/Team:Oxford/Assets/contents?action=raw&ctype=text/javascript"></script>
+
−
 
+
−
    <script src="https://2015.igem.org/common/MathJax-2.5-latest/MathJax.js?config=TeX-AMS-MML_HTMLorMML"></script>
+
  
 
<link rel='stylesheet prefetch' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css'>
 
<link rel='stylesheet prefetch' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css'>
Line 19: Line 13:
  
 
<style>
 
<style>
−
hr {  
+
@media (min-width: 768px) {
 +
    .dropdown:hover .dropdown-menu {
 
     display: block;
 
     display: block;
−
     margin-top: 5px;
+
     }
−
     margin-bottom: 15px;
+
}
 +
.footer{
 +
    display: table;
 +
     text-align: center;
 
     margin-left: auto;
 
     margin-left: auto;
 
     margin-right: auto;
 
     margin-right: auto;
−
   
+
}
−
    border-width: 1px;
+
−
 
+
−
}  
+
−
 
+
−
 
+
−
  .container-fluid {
+
−
      padding: 60px 50px;
+
−
  }
+
−
 
+
−
  .panel-footer .btn:hover {
+
−
      border: 1px solid #f4511e;
+
−
      background-color: #fff !important;
+
−
      color: #f4511e;
+
−
  }
+
−
 
+
−
  .panel-footer {
+
−
      background-color: white !important;
+
−
  }
+
−
  .panel-footer h3 {
+
−
      font-size: 32px;
+
−
  }
+
−
  .panel-footer h4 {
+
−
      color: #aaa;
+
−
      font-size: 14px;
+
−
  }
+
−
  .panel-footer .btn {
+
−
      margin: 15px 0;
+
−
      background-color: #f4511e;
+
−
      color: #fff;
+
−
  }
+
−
 
+
−
  footer .glyphicon {
+
−
      font-size: 20px;
+
−
      margin-bottom: 20px;
+
−
      color: #f4511e;
+
−
  }
+
−
  @media screen and (max-width: 768px) {
+
−
    .col-sm-4 {
+
−
      text-align: center;
+
−
      margin: 25px 0;
+
−
    }
+
−
  }
+
−
 
+
 
body, html {
 
body, html {
 
     height: 100%;
 
     height: 100%;
Line 75: Line 30:
 
.main{
 
.main{
 
     /* The image used */
 
     /* The image used */
−
     background-image: url('#');
+
     background-image: url('https://static.igem.org/mediawiki/2017/e/eb/IMG_0041.jpg');
  
 
     /* Full height */
 
     /* Full height */
Line 87: Line 42:
 
   opacity: 0.9;
 
   opacity: 0.9;
 
      
 
      
 +
}
 +
.centered {
 +
    position: absolute;
 +
    top: 200px;
 +
    left: 250px;
 +
 +
  color: white;
 
}
 
}
  
Line 177: Line 139:
 
        padding: 0;
 
        padding: 0;
 
        background-color: white;
 
        background-color: white;
 +
margin-top: 9px;
 
        /* Add additional styles here for the COLLAPSED state */
 
        /* Add additional styles here for the COLLAPSED state */
 
      }
 
      }
Line 455: Line 418:
 
                 <a class="dropdown-toggle" data-toggle="dropdown" href="#">PROJECT <span class="caret"> </span></a>
 
                 <a class="dropdown-toggle" data-toggle="dropdown" href="#">PROJECT <span class="caret"> </span></a>
 
                 <ul class="dropdown-menu">
 
                 <ul class="dropdown-menu">
−
                            <li><a href="https://2017.igem.org/Team:CMUQ/descritpion">Description</a></li>
+
  <li><a href="https://2017.igem.org/Team:CMUQ/Description">Description</a></li>
−
                             <li><a href="https://2017.igem.org/Team:CMUQ/design">Design</a></li>
+
                             <li><a href="https://2017.igem.org/Team:CMUQ/Design">Design</a></li>
−
                             <li><a href="https://2017.igem.org/Team:CMUQ/safety">Safety</a></li>
+
                             <li><a href="https://2017.igem.org/Team:CMUQ/Safety">Safety</a></li>
 
                             <li><a href="https://2017.igem.org/Team:CMUQ/Demonstrate">Demonstrate</a></li>
 
                             <li><a href="https://2017.igem.org/Team:CMUQ/Demonstrate">Demonstrate</a></li>
−
                             <li><a href="https://2017.igem.org/Team:CMUQ/Model">Model</a></li>
+
                             <li><a href="https://2017.igem.org/Team:CMUQ/Parts">Parts</a></li>
 
                             <li><a href="https://2017.igem.org/Team:CMUQ/Collaborations">Collaborations</a></li>
 
                             <li><a href="https://2017.igem.org/Team:CMUQ/Collaborations">Collaborations</a></li>
−
                             <li><a href="https://2017.igem.org/Team:CMUQ/achievments">Achievements</a></li>
+
                             <li><a href="https://2017.igem.org/Team:CMUQ/JudgingForm">Judging Form </a></li>
 +
                           
 
                 </ul>
 
                 </ul>
 
             </li>
 
             </li>
 
             <li class="dropdown">
 
             <li class="dropdown">
−
                 <a class="dropdown-toggle" data-toggle="dropdown" href="#"> PRACTICES <span class="caret"> </span></a>
+
                 <a class="dropdown-toggle" data-toggle="dropdown" href="#"> COMMUNITY INVOLVEMENT <span class="caret"> </span></a>
 
                 <ul class="dropdown-menu">
 
                 <ul class="dropdown-menu">
 
                             <li><a href="https://2017.igem.org/Team:CMUQ/humanpractices">Human Practices</a></li>
 
                             <li><a href="https://2017.igem.org/Team:CMUQ/humanpractices">Human Practices</a></li>
 
                             <li><a href="https://2017.igem.org/Team:CMUQ/HP/Silver"> Silver HP </a></li>
 
                             <li><a href="https://2017.igem.org/Team:CMUQ/HP/Silver"> Silver HP </a></li>
 +
                            <li><a href="https://2017.igem.org/Team:CMUQ/HP/Gold_Integrated"> Gold HP </a></li>
 +
                            <li><a href="https://2017.igem.org/Team:CMUQ/Engagement"> Outreach</a></li>
 
                 </ul>
 
                 </ul>
 
             </li>
 
             </li>
 
             <li class="dropdown">
 
             <li class="dropdown">
−
                 <a class="dropdown-toggle" data-toggle="dropdown" href="#"> WET LAB <span class="caret"> </span></a>
+
                 <a class="dropdown-toggle" data-toggle="dropdown" href="#"> LAB WORK <span class="caret"> </span></a>
 
                 <ul class="dropdown-menu">
 
                 <ul class="dropdown-menu">
−
                             <li><a href="https://2017.igem.org/Team:CMUQ/results">Overview & Results</a></li>
+
                              
−
                             <li><a href="https://2017.igem.org/Team:CMUQ/notebook">Notebook</a></li>
+
                             <li><a href="https://2017.igem.org/Team:CMUQ/Notebook">Notebook</a></li>
−
                             <li><a href="https://2017.igem.org/Team:CMUQ/protocols">Protocols</a></li>
+
                             <li><a href="https://2017.igem.org/Team:CMUQ/protocols">Procedures</a></li>
−
                             <li><a href="https://2017.igem.org/Team:CMUQ/InterLab">InterLab</a></li>
+
                             <li><a href="https://2017.igem.org/Team:CMUQ/InterLab">InterLab Study</a></li>
−
                </ul>
+
                            <li><a href="https://2017.igem.org/Team:CMUQ/Results">Results</a></li>
−
            </li>
+
−
            <li class="dropdown">
+
−
                <a class="dropdown-toggle" data-toggle="dropdown" href="#">DRY LAB<span class="caret"> </span></a>
+
−
                <ul class="dropdown-menu">
+
−
                    <li><a href="https://2017.igem.org/Team:CMUQ/modelling">Modelling</a></li>
+
 
                 </ul>
 
                 </ul>
 
             </li>
 
             </li>
 +
           
 
             <li class="dropdown">
 
             <li class="dropdown">
 
                 <a class="dropdown-toggle" data-toggle="dropdown" href="#"> TEAM <span class="caret"> </span></a>
 
                 <a class="dropdown-toggle" data-toggle="dropdown" href="#"> TEAM <span class="caret"> </span></a>
 
                 <ul class="dropdown-menu">
 
                 <ul class="dropdown-menu">
−
                     <li><a href="https://2017.igem.org/Team:CMUQ/team">Team</a></li>
+
                     <li><a href="https://2017.igem.org/Team:CMUQ/Team">Team</a></li>
−
                             <li><a href="https://2017.igem.org/Team:CMUQ/attributions">Attributions</a></li>
+
                             <li><a href="https://2017.igem.org/Team:CMUQ/Attributions">Attributions</a></li>
 
                 </ul>
 
                 </ul>
 
             </li>
 
             </li>
Line 503: Line 465:
  
 
<div class="main">
 
<div class="main">
−
 
+
<div class="centered"> <h1>Protocols </h1> </div>
 
</div>
 
</div>
  
 
<body>
 
<body>
  
 +
<div>
 +
<button type="button" class="btn btn-default btn-lg btn-block" style= "font-size: 35px;"><a href="https://2017.igem.org/Team:CMUQ/BioSensor_Lab"> BioSensor Lab<a/></button>
 +
<button type="button" class="btn btn-default btn-lg btn-block" style= "font-size: 35px;"><a href="https://2017.igem.org/Team:CMUQ/Dspb_Lab">DspB Lab<a/></button>
 +
<button type="button" class="btn btn-default btn-lg btn-block" style= "font-size: 35px;"><a href="https://2017.igem.org/Team:CMUQ/Biofilm_Formation_Lab">Biofilm Formation Lab<a/></button>
 +
<button type="button" class="btn btn-default btn-lg btn-block" style= "font-size: 35px;"><a href="https://2017.igem.org/Team:CMUQ/InterLab">Interlab<a/></button>
 +
 +
 +
 +
</div>
  
−
<div class = "division" style = "padding: 35px;">
+
<div class="footer">
  
−
<h3>A1: T7 salt sensor </h3>
+
<span class="glyphicon glyphicon-chevron-up"></span>
−
<hr>
+
−
<h4> Introduction </h4>
+
−
<p> The goal is to amplify T7 salt sensor, digest it along with pSB1C3 plasmid with EcoRI and PstI</p>
+
−
<h4>Materials </h4>
+
−
<ul>
+
−
<li> Polymerase: Fusion Taq or Ampli tas (gold) </li>
+
−
<li>Primers: PrefixF  and SuffixR  </li>
+
−
<li>Nuclease free H2O </li>
+
−
<li>5xHF PCR Buffer </li>
+
−
<li>gBlock DNA </li>
+
−
<li> dNTPs</li>
+
−
<li>PCR tubes </li>
+
−
</ul>
+
−
 
+
−
<h4> Procedure </h4>
+
−
<p style= "font-size: 20px;"> Preparation of reagents </p>
+
−
 
+
−
<ol>
+
−
<li> Resuspend gBLOCK in 20µL nuclease free dH2O</li>
+
−
<li> Resuspend primers to make 100µM stock then dilute to make a 10µM stock</li>
+
−
<li>Add the following reagents to a PCR tube: </li>
+
−
<img src="https://static.igem.org/mediawiki/2017/e/ef/Table_a1.png" width = 30% position="center">
+
−
<li>Run the PCR machine </li>
+
−
<img src="https://static.igem.org/mediawiki/2017/2/21/A1_table2.png" width = 50% position="center">
+
−
<li> Digest amplified sequence with EcoRI and PstI </li>
+
−
<li> Digest pSB1C3 vector with EcoRI and PstI</li>
+
−
<li> If you clone into a vector that expresses a fluorescent protein, other than red since you are cloning in red, then colonies that still express that fluorescent protein will be negative clones and the red or white colonies will be the ones that you want.</li>
+
−
<li>Run on an agarose gel, cut out the bands and purify.  </li>
+
−
<li> Send clones for sequencing  </li>
+
−
</ol>
+
−
 
+
−
 
+
−
<h3>A2: PCR Purification </h3>
+
−
<hr>
+
−
<h4> Introduction </h4>
+
−
<p> Adapted from: <a href="https://www.qiagen.com/us/resources/download.aspx?id=390a728a-e6fc-43f7-bf59-b12091cc4380&lang=en">Here </a> </p>
+
−
<h4>Materials </h4>
+
−
<p>The QIAquick PCR Purification Kit (cat. nos. 28104 and 28106) can be stored at room temperature (15–25°C) for up to 12 months. </p>
+
−
 
+
−
<h4> Procedure </h4>
+
−
<h4 style= "padding: 10px;">Notes before starting: </h4>
+
−
<ol>
+
−
<li> Add ethanol (96–100%) to Buffer PE before use (see bottle label for volume).</li>
+
−
 
+
−
<li> All centrifugation steps are carried out at 17,900 x g (13,000 rpm) in a conventional table-top microcentrifuge at room temperature.</li>
+
−
<li>Add 1:250 volume pH indicator I to Buffer PB. The yellow color of Buffer PB with pH indicator I indicates a pH of ≤7.5. If the purified PCR product is to be used in sensitive microarray applications, it may be beneficial to use Buffer PB without the addition of pH indicator I. Do not add pH indicator I to buffer aliquots. </li>
+
−
</ol>
+
−
<h4> Protocol </h4>
+
−
<ol>
+
−
 
+
−
<li>Add 5 volumes Buffer PB to 1 volume of the PCR reaction and mix. If the color of the mixture is orange or violet, add 10 μl 3 M sodium acetate, pH 5.0, and mix. The color of the mixture will turn yellow.</li>
+
−
 
+
−
<li>Place a QIAquick column in 􀁓 a provided 2 ml collection tube or into a vacuum manifold. For details on how to set up a vacuum manifold, refer to the QIAquick Spin Handbook.</li>
+
−
<li> To bind DNA, apply the sample to the QIAquick column and 􀁓 centrifuge for 30–60 s or 􀁺 apply vacuum to the manifold until all the samples have passed through the column. 􀁓 Discard flow-through and place the QIAquick column back in the same tube.</li>
+
−
 
+
−
<li> To wash, add 0.75 ml Buffer PE to the QIAquick column 􀁓 centrifuge for 30–60 s or 􀁺 apply vacuum. 􀁓 Discard flow-through and place the QIAquick column back in the same tube.</li>
+
−
<li>Centrifuge the QIAquick column once more in the provided 2 ml collection tube for 1 min to remove residual wash buffer. </li>
+
−
<li> Place each QIAquick column in a clean 1.5 ml microcentrifuge tube. </li>
+
−
<li>To elute DNA, add 50 μl Buffer EB (10 mM Tris·Cl, pH 8.5) or water (pH 7.0– 8.5) to the center of the QIAquick membrane and centrifuge the column for 1 min. For increased DNA concentration, add 30 μl elution buffer to the center of the QIAquick membrane, let the column stand for 1 min, and then centrifuge. </li>
+
−
<li>If the purified DNA is to be analyzed on a gel, add 1 volume of Loading Dye to 5 volumes of purified DNA. Mix the solution by pipetting up and down before loading the gel. </li>
+
−
</ol>
+
−
 
+
−
 
+
−
 
+
−
<h3>A3: Gel Extraction </h3>
+
−
<hr>
+
−
<h4> Introduction </h4>
+
−
<p> Adapted from: <a href="https://www.qiagen.com/us/resources/download.aspx?id=8a1e1b5f-70be-480b-bc9d-8eb444ff7b63&lang=en">Here</a> </p>
+
−
<h4>Materials </h4>
+
−
<p>The QIAEX II Gel Extraction Kit (cat. nos. 20021 and 20051) can be stored at
+
−
room temperature (15–25°C) for up to 12 months. </p>
+
−
 
+
−
<h4> Procedure </h4>
+
−
 
+
−
<h4 style= "padding: 10px;">Notes before starting: </h4>
+
−
<ol>
+
−
<li> Add ethanol (96–100%) to Buffer PE before use (see bottle label for volume).</li>
+
−
 
+
−
<li> All centrifugation steps are carried out at 17,900 x g (13,000 rpm) in a conventional table-top microcentrifuge at room temperature.</li>
+
−
<li>Add 1:250 volume pH indicator I to Buffer PB. The yellow color of Buffer PB with pH indicator I indicates a pH of ≤7.5. If the purified PCR product is to be used in sensitive microarray applications, it may be beneficial to use Buffer PB without the addition of pH indicator I. Do not add pH indicator I to buffer aliquots. </li>
+
−
</ol>
+
−
<h4> Protocol </h4>
+
−
<ol>
+
−
 
+
−
<li>Add 5 volumes Buffer PB to 1 volume of the PCR reaction and mix. If the color of the mixture is orange or violet, add 10 μl 3 M sodium acetate, pH 5.0, and mix. The color of the mixture will turn yellow.</li>
+
−
 
+
−
<li>Place a QIAquick column in 􀁓 a provided 2 ml collection tube or into a vacuum manifold. For details on how to set up a vacuum manifold, refer to the QIAquick Spin Handbook.</li>
+
−
<li> To bind DNA, apply the sample to the QIAquick column and 􀁓 centrifuge for 30–60 s or 􀁺 apply vacuum to the manifold until all the samples have passed through the column. 􀁓 Discard flow-through and place the QIAquick column back in the same tube.</li>
+
−
 
+
−
<li> To wash, add 0.75 ml Buffer PE to the QIAquick column 􀁓 centrifuge for 30–60 s or 􀁺 apply vacuum. 􀁓 Discard flow-through and place the QIAquick column back in the same tube.</li>
+
−
<li>Centrifuge the QIAquick column once more in the provided 2 ml collection tube for 1 min to remove residual wash buffer. </li>
+
−
<li> Place each QIAquick column in a clean 1.5 ml microcentrifuge tube. </li>
+
−
<li>To elute DNA, add 50 μl Buffer EB (10 mM Tris·Cl, pH 8.5) or water (pH 7.0– 8.5) to the center of the QIAquick membrane and centrifuge the column for 1 min. For increased DNA concentration, add 30 μl elution buffer to the center of the QIAquick membrane, let the column stand for 1 min, and then centrifuge. </li>
+
−
<li>If the purified DNA is to be analyzed on a gel, add 1 volume of Loading Dye to 5 volumes of purified DNA. Mix the solution by pipetting up and down before loading the gel. </li>
+
−
</ol>
+
  
 +
</br>
 +
<img src = "https://static.igem.org/mediawiki/2017/e/e5/Occidental_Logo..png" width = "15%;" >
 +
<img src = "https://static.igem.org/mediawiki/2017/6/66/Logo_w-o_bg_green_mangroves.png" width = "20%;" >
 +
<img src = "https://static.igem.org/mediawiki/2017/f/fa/IDT_logo.cmuq.png" width = "20%;" >
 +
<img src = "https://static.igem.org/mediawiki/2017/5/53/Benchling-logo.png" width = "20%; " >
 
</div>
 
</div>
−
 
−
 
−
 
  
  

Latest revision as of 01:41, 2 November 2017

Protocols