Difference between revisions of "Team:Oxford/protocols"

 
(19 intermediate revisions by 2 users not shown)
Line 18: Line 18:
 
     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous">
 
     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous">
  
<body>
+
  </head>
  
  <header class="py-5 background-img" style="background-image: url('https://static.igem.org/mediawiki/2018/a/af/T--Oxford--lab8.jpg'); background-size: cover; background-position: center; ">
+
<body>
      <div class="translucent-back" style="height: 500px;">
+
    <header class="py-5 background-img parent" style="height: 400px;">
<h1 class="header-text">Protocols</h1>
+
      <a href="#n1"style="text-decoration : none; color:white;">
</div>
+
        <div class="child background-img" style="background-image: url('https://static.igem.org/mediawiki/2018/a/af/T--Oxford--lab8.jpg'); background-size: cover;">
 +
              <div class="translucent-back" style="height: 400px;">
 +
                    <h1 class="header-text2">Protocols</h1>
 +
              </div>
 +
        </div>
 +
      </a>
 
     </header>
 
     </header>
  
  </head>
 
  
  <body>
+
 
  
  
Line 43: Line 47:
 
       <h4 class="panel-title">
 
       <h4 class="panel-title">
 
         <a data-toggle="collapse" href="#culture">Cell Culturing</a>
 
         <a data-toggle="collapse" href="#culture">Cell Culturing</a>
       </h4> <object data="https://static.igem.org/mediawiki/2018/9/95/T--Oxford--policyproposal.pdf" type="application/pdf" width="100%" height="600px"></object>
+
       </h4>
     </div>  <br>
+
     </div>
 
     <div id="culture" class="panel-collapse collapse">
 
     <div id="culture" class="panel-collapse collapse">
       <div class="panel-body"><figure>
+
       <center><div class="panel-body"><object data="https://static.igem.org/mediawiki/2018/3/31/T--Oxford--_aculture.pdf" type="application/pdf" width="100%" height="600px"></object></div></center>
 
     </div>
 
     </div>
 
   </div>
 
   </div>
 
</div>
 
</div>
 +
 
<div class="panel-group">
 
<div class="panel-group">
 
   <div class="panel panel-default">
 
   <div class="panel panel-default">
Line 55: Line 60:
 
       <h4 class="panel-title">
 
       <h4 class="panel-title">
 
         <a data-toggle="collapse" href="#competent">Competent Cells</a>
 
         <a data-toggle="collapse" href="#competent">Competent Cells</a>
       </h4><object data="https://static.igem.org/mediawiki/2018/9/9b/T--Oxford--a_Cells_competency.pdf" type="application/pdf" width="100%" height="600px"></object>
+
       </h4>
     </div> <br>
+
     </div>
 
     <div id="competent" class="panel-collapse collapse">
 
     <div id="competent" class="panel-collapse collapse">
       <div class="panel-body"><figure>
+
       <center><div class="panel-body"><object data="https://static.igem.org/mediawiki/2018/9/9b/T--Oxford--a_Cells_competency.pdf" type="application/pdf" type="application/pdf" width="100%" height="600px"></object></div></center>
 
     </div>
 
     </div>
 
   </div>
 
   </div>
 
</div>
 
</div>
 +
 
<div class="panel-group">
 
<div class="panel-group">
 
   <div class="panel panel-default">
 
   <div class="panel panel-default">
Line 67: Line 73:
 
       <h4 class="panel-title">
 
       <h4 class="panel-title">
 
         <a data-toggle="collapse" href="#colony">Colony PCR</a>
 
         <a data-toggle="collapse" href="#colony">Colony PCR</a>
       </h4> <object data="https://static.igem.org/mediawiki/2018/d/d0/T--Oxford--a_Colony.pdf" type="application/pdf" width="100%" height="600px"></object>
+
       </h4>
     </div> <br>
+
     </div>
 
     <div id="colony" class="panel-collapse collapse">
 
     <div id="colony" class="panel-collapse collapse">
       <div class="panel-body"><figure>
+
       <center><div class="panel-body"><object data="https://static.igem.org/mediawiki/2018/d/d0/T--Oxford--a_Colony.pdf" type="application/pdf" type="application/pdf" width="100%" height="600px"></object></div></center>
 
     </div>
 
     </div>
 
   </div>
 
   </div>
 
</div>
 
</div>
 +
 
<div class="panel-group">
 
<div class="panel-group">
 
   <div class="panel panel-default">
 
   <div class="panel panel-default">
 
     <div class="panel-heading">
 
     <div class="panel-heading">
 
       <h4 class="panel-title">
 
       <h4 class="panel-title">
         <a data-toggle="collapse" href="#dilution">Dilution of g-Blocks and Primers</a>
+
         <a data-toggle="collapse" href="#dilution">Dilution of g-Blocks and primers</a>
       </h4><object data="https://static.igem.org/mediawiki/2018/e/e5/T--Oxford--a_Dilution.pdf" type="application/pdf" width="100%" height="600px"></object>
+
       </h4>
     </div> <br>
+
     </div>
 
     <div id="dilution" class="panel-collapse collapse">
 
     <div id="dilution" class="panel-collapse collapse">
       <div class="panel-body"><figure>
+
       <center><div class="panel-body"><object data="https://static.igem.org/mediawiki/2018/e/e5/T--Oxford--a_Dilution.pdf" type="application/pdf" type="application/pdf" width="100%" height="600px"></object></div></center>
 
     </div>
 
     </div>
 
   </div>
 
   </div>
 
</div>
 
</div>
 +
 
<div class="panel-group">
 
<div class="panel-group">
 
   <div class="panel panel-default">
 
   <div class="panel panel-default">
 
     <div class="panel-heading">
 
     <div class="panel-heading">
 
       <h4 class="panel-title">
 
       <h4 class="panel-title">
         <a data-toggle="collapse" href="#digest">DNA- Digests</a>
+
         <a data-toggle="collapse" href="#digests">DNA Digests</a>
       </h4> <object data="https://static.igem.org/mediawiki/2018/6/6e/T--Oxford--a_Digest.pdf" type="application/pdf" width="100%" height="600px"></object>
+
       </h4>
    </div> <br>
+
    </div>
    <div id="digest" class="panel-collapse collapse">
+
    <div id="digests" class="panel-collapse collapse">
      <div class="panel-body"><figure>
+
      <center><div class="panel-body"><object data="https://static.igem.org/mediawiki/2018/6/6e/T--Oxford--a_Digest.pdf" type="application/pdf" type="application/pdf" type="application/pdf" width="100%" height="600px"></object></div></center>
 
     </div>
 
     </div>
 
   </div>
 
   </div>
 
</div>
 
</div>
 +
 
<div class="panel-group">
 
<div class="panel-group">
 
   <div class="panel panel-default">
 
   <div class="panel panel-default">
 
     <div class="panel-heading">
 
     <div class="panel-heading">
 
       <h4 class="panel-title">
 
       <h4 class="panel-title">
         <a data-toggle="collapse" href="#ligation">DNA- ligation</a>
+
         <a data-toggle="collapse" href="#ligation">DNA Ligation</a>
       </h4><object data="https://static.igem.org/mediawiki/2018/5/51/T--Oxford--a_ligations.pdf" type="application/pdf" width="100%" height="600px"></object>
+
       </h4>
     </div> <br>
+
     </div>
 
     <div id="ligation" class="panel-collapse collapse">
 
     <div id="ligation" class="panel-collapse collapse">
       <div class="panel-body"><figure>
+
       <center><div class="panel-body"><object data="https://static.igem.org/mediawiki/2018/5/51/T--Oxford--a_ligations.pdf" type="application/pdf" type="application/pdf" type="application/pdf" type="application/pdf" width="100%" height="600px"></object></div></center>
 
     </div>
 
     </div>
 
   </div>
 
   </div>
 
</div>
 
</div>
 +
 
<div class="panel-group">
 
<div class="panel-group">
 
   <div class="panel panel-default">
 
   <div class="panel panel-default">
 
     <div class="panel-heading">
 
     <div class="panel-heading">
 
       <h4 class="panel-title">
 
       <h4 class="panel-title">
         <a data-toggle="collapse" href="#transformations">DNA- transformations</a>
+
         <a data-toggle="collapse" href="#transformation">DNA Transformation</a>
       </h4><object data="https://static.igem.org/mediawiki/2018/6/62/T--Oxford--_a_transformations.pdf" type="application/pdf" width="100%" height="600px"></object>
+
       </h4>
    </div> <br>
+
    </div>
    <div id="transformations" class="panel-collapse collapse">
+
    <div id="transformation" class="panel-collapse collapse">
      <div class="panel-body"><figure>
+
      <center><div class="panel-body"><object data="https://static.igem.org/mediawiki/2018/6/62/T--Oxford--_a_transformations.pdf" type="application/pdf" type="application/pdf" type="application/pdf" type="application/pdf" width="100%" height="600px"></object></div></center>
 
     </div>
 
     </div>
 
   </div>
 
   </div>
 
</div>
 
</div>
 +
 
<div class="panel-group">
 
<div class="panel-group">
 
   <div class="panel panel-default">
 
   <div class="panel panel-default">
 
     <div class="panel-heading">
 
     <div class="panel-heading">
 
       <h4 class="panel-title">
 
       <h4 class="panel-title">
         <a data-toggle="collapse" href="#a">Gel Analysis</a>
+
         <a data-toggle="collapse" href="#analysis">Gel Analysis</a>
       </h4><object data= "https://static.igem.org/mediawiki/2018/e/e7/T--Oxford--_a_analysis.pdf" type="application/pdf" width="100%" height="600px"></object>
+
       </h4>
    </div> <br>
+
    </div>
    <div id="a" class="panel-collapse collapse">
+
    <div id="analysis" class="panel-collapse collapse">
      <div class="panel-body"><figure>
+
      <center><div class="panel-body"><object data="https://static.igem.org/mediawiki/2018/e/e7/T--Oxford--_a_analysis.pdf" type="application/pdf" type="application/pdf" type="application/pdf" type="application/pdf" type="application/pdf" width="100%" height="600px"></object></div></center>
 
     </div>
 
     </div>
 
   </div>
 
   </div>
 
</div>
 
</div>
 +
 
<div class="panel-group">
 
<div class="panel-group">
 
   <div class="panel panel-default">
 
   <div class="panel panel-default">
 
     <div class="panel-heading">
 
     <div class="panel-heading">
 
       <h4 class="panel-title">
 
       <h4 class="panel-title">
         <a data-toggle="collapse" href="#extraction">Gel extraction</a>
+
         <a data-toggle="collapse" href="#extraction">Gel Extraction</a>
 
       </h4>
 
       </h4>
     </div> <br>
+
     </div>
 
     <div id="extraction" class="panel-collapse collapse">
 
     <div id="extraction" class="panel-collapse collapse">
       <div class="panel-body"><figure>
+
       <center><div class="panel-body"><object data="https://static.igem.org/mediawiki/2018/1/13/T--Oxford--_a_gel_extraction.pdf" type="application/pdf" type="application/pdf" type="application/pdf" type="application/pdf" type="application/pdf" width="100%" height="600px"></object></div></center>
 
     </div>
 
     </div>
 
   </div>
 
   </div>
 
</div>
 
</div>
 +
 +
 +
 
<div class="panel-group">
 
<div class="panel-group">
 
   <div class="panel panel-default">
 
   <div class="panel panel-default">
Line 152: Line 167:
 
         <a data-toggle="collapse" href="#loading">Gel Loading</a>
 
         <a data-toggle="collapse" href="#loading">Gel Loading</a>
 
       </h4>
 
       </h4>
     </div> <br>
+
     </div>
 
     <div id="loading" class="panel-collapse collapse">
 
     <div id="loading" class="panel-collapse collapse">
       <div class="panel-body"><figure>
+
       <center><div class="panel-body"><object data="https://static.igem.org/mediawiki/2018/3/33/T--Oxford--_a_gel_loading.pdf" type="application/pdf" type="application/pdf" type="application/pdf" type="application/pdf" type="application/pdf" width="100%" height="600px"></object></div></center>
 
     </div>
 
     </div>
 
   </div>
 
   </div>
 
</div>
 
</div>
 +
 +
 
<div class="panel-group">
 
<div class="panel-group">
 
   <div class="panel panel-default">
 
   <div class="panel panel-default">
Line 164: Line 181:
 
         <a data-toggle="collapse" href="#prep">Gel Preparation</a>
 
         <a data-toggle="collapse" href="#prep">Gel Preparation</a>
 
       </h4>
 
       </h4>
     </div> <br>
+
     </div>
 
     <div id="prep" class="panel-collapse collapse">
 
     <div id="prep" class="panel-collapse collapse">
       <div class="panel-body"><figure>
+
       <center><div class="panel-body"><object data="https://static.igem.org/mediawiki/2018/8/89/T--Oxford--_agelprep.pdf" type="application/pdf" type="application/pdf" type="application/pdf" type="application/pdf" type="application/pdf" width="100%" height="600px"></object></div></center>
 
     </div>
 
     </div>
 
   </div>
 
   </div>
 
</div>
 
</div>
 +
 
<div class="panel-group">
 
<div class="panel-group">
 
   <div class="panel panel-default">
 
   <div class="panel panel-default">
 
     <div class="panel-heading">
 
     <div class="panel-heading">
 
       <h4 class="panel-title">
 
       <h4 class="panel-title">
         <a data-toggle="collapse" href="#oe">oePCR</a>
+
         <a data-toggle="collapse" href="#oePCR">oePCR</a>
 
       </h4>
 
       </h4>
     </div> <br>
+
     </div>
     <div id="oe" class="panel-collapse collapse">
+
     <div id="oePCR" class="panel-collapse collapse">
       <div class="panel-body"><figure>
+
       <center><div class="panel-body"><object data="https://static.igem.org/mediawiki/2018/5/55/T--Oxford--_aoePCR.pdf" type="application/pdf" type="application/pdf" type="application/pdf" type="application/pdf" type="application/pdf" width="100%" height="600px"></object></div></center>
 
     </div>
 
     </div>
 
   </div>
 
   </div>
 
</div>
 
</div>
 +
 +
 
<div class="panel-group">
 
<div class="panel-group">
 
   <div class="panel panel-default">
 
   <div class="panel panel-default">
Line 187: Line 207:
 
       <h4 class="panel-title">
 
       <h4 class="panel-title">
 
         <a data-toggle="collapse" href="#standard">Standard PCR</a>
 
         <a data-toggle="collapse" href="#standard">Standard PCR</a>
       </h4><object data="https://static.igem.org/mediawiki/2018/b/b2/T--Oxford--a_Standard_PCR.pdf" type="application/pdf" width="100%" height="600px"></object>
+
       </h4>
     </div> <br>
+
     </div>
 
     <div id="standard" class="panel-collapse collapse">
 
     <div id="standard" class="panel-collapse collapse">
       <div class="panel-body"><figure>
+
       <center><div class="panel-body"><object data="https://static.igem.org/mediawiki/2018/b/b2/T--Oxford--a_Standard_PCR.pdf" type="application/pdf" type="application/pdf" type="application/pdf" type="application/pdf" width="100%" height="600px"></object></div></center>
 +
    </div>
 +
  </div>
 +
</div>
 +
 
 
   
 
   
  
Line 219: Line 243:
 
     <!-- Bootstrap core JavaScript -->
 
     <!-- Bootstrap core JavaScript -->
 
     <script src="vendor/jquery/jquery.min.js"></script>
 
     <script src="vendor/jquery/jquery.min.js"></script>
     <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
+
     <script src="https://2018.igem.org/Team:Oxford/scripts/bootstrapminjs?action=raw&ctype=text/javascript"></script>
  
 
   </body>
 
   </body>
  
 
</html>
 
</html>

Latest revision as of 21:55, 17 October 2018

Full Width Pics - Start Bootstrap Template

Protocols

We used the website Benchling to write down all of our protocols to make sure they were easily accessible to all members of the team. Below are some of the most commonly used protocols over this project.