Difference between revisions of "Team:Oxford/protocols"

 
(22 intermediate revisions by 3 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">Experiments</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 35: Line 39:
 
         <div class="row">
 
         <div class="row">
 
           <div class=".col-md-8 .offset-md-2">
 
           <div class=".col-md-8 .offset-md-2">
<h2>Protocols <br><br></h2>
 
  
 
<p> 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. </p>
 
<p> 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. </p>
Line 44: 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 56: 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 68: 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>"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>
 
       </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 153: 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 165: 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 188: 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 220: 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.