Difference between revisions of "Team:Oxford/protocols"

 
(32 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 43: Line 46:
 
     <div class="panel-heading">
 
     <div class="panel-heading">
 
       <h4 class="panel-title">
 
       <h4 class="panel-title">
−
         <a data-toggle="collapse" href="#profile">Cell Culturing</a>
+
         <a data-toggle="collapse" href="#culture">Cell Culturing</a>
 
       </h4>
 
       </h4>
 
     </div>
 
     </div>
−
     <div id="profile" 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 class="panel-group">
 +
  <div class="panel panel-default">
 +
    <div class="panel-heading">
 +
      <h4 class="panel-title">
 +
        <a data-toggle="collapse" href="#competent">Competent Cells</a>
 +
      </h4>
 +
    </div>
 +
    <div id="competent" class="panel-collapse collapse">
 +
      <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 class="panel-group">
 +
  <div class="panel panel-default">
 +
    <div class="panel-heading">
 +
      <h4 class="panel-title">
 +
        <a data-toggle="collapse" href="#colony">Colony PCR</a>
 +
      </h4>
 +
    </div>
 +
    <div id="colony" class="panel-collapse collapse">
 +
      <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 class="panel-group">
 +
  <div class="panel panel-default">
 +
    <div class="panel-heading">
 +
      <h4 class="panel-title">
 +
        <a data-toggle="collapse" href="#dilution">Dilution of g-Blocks and primers</a>
 +
      </h4>
 +
    </div>
 +
    <div id="dilution" class="panel-collapse collapse">
 +
      <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 class="panel-group">
 +
  <div class="panel panel-default">
 +
    <div class="panel-heading">
 +
      <h4 class="panel-title">
 +
        <a data-toggle="collapse" href="#digests">DNA Digests</a>
 +
      </h4>
 +
    </div>
 +
    <div id="digests" class="panel-collapse collapse">
 +
      <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 class="panel-group">
 +
  <div class="panel panel-default">
 +
    <div class="panel-heading">
 +
      <h4 class="panel-title">
 +
        <a data-toggle="collapse" href="#ligation">DNA Ligation</a>
 +
      </h4>
 +
    </div>
 +
    <div id="ligation" class="panel-collapse collapse">
 +
      <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 class="panel-group">
 +
  <div class="panel panel-default">
 +
    <div class="panel-heading">
 +
      <h4 class="panel-title">
 +
        <a data-toggle="collapse" href="#transformation">DNA Transformation</a>
 +
      </h4>
 +
    </div>
 +
    <div id="transformation" class="panel-collapse collapse">
 +
      <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 class="panel-group">
 +
  <div class="panel panel-default">
 +
    <div class="panel-heading">
 +
      <h4 class="panel-title">
 +
        <a data-toggle="collapse" href="#analysis">Gel Analysis</a>
 +
      </h4>
 +
    </div>
 +
    <div id="analysis" class="panel-collapse collapse">
 +
      <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 class="panel-group">
 +
  <div class="panel panel-default">
 +
    <div class="panel-heading">
 +
      <h4 class="panel-title">
 +
        <a data-toggle="collapse" href="#extraction">Gel Extraction</a>
 +
      </h4>
 +
    </div>
 +
    <div id="extraction" class="panel-collapse collapse">
 +
      <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 class="panel-group">
 +
  <div class="panel panel-default">
 +
    <div class="panel-heading">
 +
      <h4 class="panel-title">
 +
        <a data-toggle="collapse" href="#loading">Gel Loading</a>
 +
      </h4>
 +
    </div>
 +
    <div id="loading" class="panel-collapse collapse">
 +
      <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 class="panel-group">
 +
  <div class="panel panel-default">
 +
    <div class="panel-heading">
 +
      <h4 class="panel-title">
 +
        <a data-toggle="collapse" href="#prep">Gel Preparation</a>
 +
      </h4>
 +
    </div>
 +
    <div id="prep" class="panel-collapse collapse">
 +
      <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 class="panel-group">
 +
  <div class="panel panel-default">
 +
    <div class="panel-heading">
 +
      <h4 class="panel-title">
 +
        <a data-toggle="collapse" href="#oePCR">oePCR</a>
 +
      </h4>
 +
    </div>
 +
    <div id="oePCR" class="panel-collapse collapse">
 +
      <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 class="panel-group">
 +
  <div class="panel panel-default">
 +
    <div class="panel-heading">
 +
      <h4 class="panel-title">
 +
        <a data-toggle="collapse" href="#standard">Standard PCR</a>
 +
      </h4>
 +
    </div>
 +
    <div id="standard" class="panel-collapse collapse">
 +
      <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 54: Line 222:
 
         <div class="row">
 
         <div class="row">
  
−
       <!-- Protocols Row -->
+
        
−
        <div class="col-lg-3 col-sm-4 text-center mb-4 team-profile">
+
−
          <img class="rounded-circle img-fluid d-block mx-auto" src="http://placehold.it/200x200" alt="">
+
−
          <div class="protocol-header">Competent cells</div>
+
−
        </div>
+
−
        <div class="col-lg-3 col-sm-4 text-center mb-4 team-profile">
+
−
          <img class="rounded-circle img-fluid d-block mx-auto" src="http://placehold.it/200x200" alt="">
+
−
          <div class="protocol-header">Culturing cells</div>
+
−
        </div>
+
−
        <div class="col-lg-3 col-sm-4 text-center mb-4 team-profile">
+
−
          <img class="rounded-circle img-fluid d-block mx-auto" src="http://placehold.it/200x200" alt="">
+
−
          <div class="protocol-header">Colony PCR</div>
+
−
        </div>
+
−
        <div class="col-lg-3 col-sm-4 text-center mb-4 team-profile">
+
−
          <img class="rounded-circle img-fluid d-block mx-auto" src="http://placehold.it/200x200" alt="">
+
−
          <div class="protocol-header">Dilutions- gBlocks/ primers</div>
+
−
        </div>
+
−
        <div class="col-lg-3 col-sm-4 text-center mb-4 team-profile">
+
−
          <img src="https://static.igem.org/mediawiki/2018/1/10/T--Oxford--Digestionpng.png" alt="Forest" style="width:50%"></a>
+
−
          <div class="protocol-header">Digests (DNA)</div>
+
−
        </div>
+
−
        <div class="col-lg-3 col-sm-4 text-center mb-4 team-profile">
+
−
          <img class="rounded-circle img-fluid d-block mx-auto" src="http://placehold.it/200x200" alt="">
+
−
          <div class="protocol-header">Gel preparation</div>
+
−
        </div>
+
−
        <div class="col-lg-3 col-sm-4 text-center mb-4 team-profile">
+
−
          <img src="https://static.igem.org/mediawiki/2018/2/2d/T--Oxford--Gelelectrophoresis.png" alt="Forest" style="width:50%"></a>
+
−
          <div class="protocol-header">Gel loading</div>
+
−
        </div>
+
−
        <div class="col-lg-3 col-sm-4 text-center mb-4 team-profile">
+
−
          <img class="rounded-circle img-fluid d-block mx-auto" src="http://placehold.it/200x200" alt="">
+
−
          <div class="protocol-header">Gel analysis and extraction</div>
+
−
        </div>
+
−
        <div class="col-lg-3 col-sm-4 text-center mb-4 team-profile">
+
−
          <img class="rounded-circle img-fluid d-block mx-auto" src="http://placehold.it/200x200" alt="">
+
−
          <div class="protocol-header">Ligation (DNA)</div>
+
−
        </div>
+
−
      <div class="col-lg-3 col-sm-4 text-center mb-4 team-profile">
+
−
          <img src="https://static.igem.org/mediawiki/2018/8/85/T--Oxford--oePCR.png" alt="Forest" style="width:50%"></a>
+
−
          <div class="protocol-header">oePCR</div>
+
−
        </div>
+
−
      <div class="col-lg-3 col-sm-4 text-center mb-4 team-profile">
+
−
          <img src="https://static.igem.org/mediawiki/2018/e/ed/T--Oxford--PCR.png" alt="Forest" style="width:50%"></a>
+
−
          <div class="protocol-header">PCR</div>
+
−
    <div>
+
−
        <div class="col-lg-3 col-sm-4 text-center mb-4 team-profile">
+
−
            <img src="https://static.igem.org/mediawiki/2018/4/45/T--Oxford--Transformation.png" alt="Forest" style="width:50%"></a> 
+
−
          <div class="protocol-header">Transformation</div>
+
−
      </div>
+
−
 
+
 
</div>
 
</div>
 
</div>
 
</div>
Line 124: 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.

Cell Culturing

Competent Cells

Colony PCR

Dilution of g-Blocks and primers

DNA Digests

DNA Ligation

DNA Transformation

Gel Analysis

Gel Extraction

Gel Loading

Gel Preparation

oePCR

Standard PCR