Difference between revisions of "Team:NAIT Edmonton/Protocols"

 
(230 intermediate revisions by 3 users not shown)
Line 1: Line 1:
{{NAIT_Edmonton/CSS2}}
+
{{NAIT_Edmonton/CSS6}}
 
+
 
<html>
 
<html>
  
 
<head>
 
<head>
  
 +
 +
<title>Team NAIT 2015</title>
  
 
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro' rel='stylesheet' type='text/css'>
 
<link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro' rel='stylesheet' type='text/css'>
 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript" src="https://2015.igem.org/index.php?title=
+
<script type="text/javascript" src="https://2015.igem.org/Team:NAIT_Edmonton/jquery.flexslider-min?action=raw&amp;ctype=text/javascript"></script>
Template:NAIT_Edmonton/js/jquery.flexslider"></script>
+
  
<script type="text/javascript" charset="utf-8">
+
<script type="text/javascript">
 +
 
 +
jQuery(document).ready(function() {
 +
function close_accordion_section() {
 +
jQuery('.accordion .accordion-section-title').removeClass('active');
 +
jQuery('.accordion .accordion-section-content').slideUp(300).removeClass('open');
 +
}
 +
 
 +
jQuery('.accordion-section-title').click(function(e) {
 +
// Grab current anchor value
 +
var currentAttrValue = jQuery(this).attr('href');
 +
 
 +
if(jQuery(e.target).is('.active')) {
 +
close_accordion_section();
 +
}else {
 +
close_accordion_section();
 +
 
 +
// Add active class to section title
 +
jQuery(this).addClass('active');
 +
// Open up the hidden content panel
 +
jQuery('.accordion ' + currentAttrValue).slideDown(300).addClass('open');
 +
}
 +
 
 +
e.preventDefault();
 +
});
 +
});
  
var $ = jQuery.noConflict();
 
  $(window).load(function() {
 
    $('.flexslider').flexslider({
 
          animation: "slide"
 
    });
 
  });
 
 
</script>
 
</script>
 +
 +
 +
<!-----------https://static.igem.org/mediawiki/2015/d/d8/El_Capitan_.ttf------------------->
  
  
Line 26: Line 48:
 
<body>
 
<body>
  
 +
<div class="header">
 +
<div class="header_c">
 +
<a href="https://2015.igem.org/Team:NAIT_Edmonton"><img style="margin-top:15px;" src="https://static.igem.org/mediawiki/2015/2/2f/NAIT_Imagine.png" height="95px"></a>
 +
</div>
 +
</div>
  
  
  
<div id="header">
+
<div class="nav">
<div class="header">
+
 
 +
<div tabindex="0" class="onclick-menu">
 +
    <ul class="onclick-menu-content" style="list-style:none;">
 +
        <li><a href="https://2015.igem.org/Team:NAIT_Edmonton">home</a></li>
 +
        <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Team">team</a></li>
 +
        <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Project">project</a></li>
 +
        <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Human">human practices</a></li>
 +
        <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Notebook">notebook</a></li>
 +
    </ul>
 +
</div>
 +
 
 +
 
 +
<div class="navigation">
 +
<ul>
 +
 
 +
                <li><a href="https://2015.igem.org/Team:NAIT_Edmonton"><img
 +
                src="https://static.igem.org/mediawiki/2015/a/a9/NAIT_home.png" width="25px"></a></li>
  
    <div class="logo"><a href="https://2015.igem.org/Team:NAIT_Edmonton">
 
            <img style="padding-left:6px" src="https://static.igem.org/mediawiki/2015/c/c7/NAIT_IGEM_Separated.png" height="185px"></a>
 
    </div>
 
    <div class="header_left">
 
        <ul>
 
               
 
 
                 <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Team">team</a>
 
                 <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Team">team</a>
 
                     <ul>
 
                     <ul>
 
                       <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Bios">bios</a></li>
 
                       <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Bios">bios</a></li>
 
                       <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Attributions">attributions</a></li>
 
                       <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Attributions">attributions</a></li>
                       <li><a href="https://igem.org/Team.cgi">official team profile</a>
+
                       <li><a href="https://igem.org/Team.cgi?id=1787">official team profile</a>
 
                     </ul>
 
                     </ul>
 
                 </li>
 
                 </li>
 +
 
                 <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Project">project</a>
 
                 <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Project">project</a>
 
                     <ul>
 
                     <ul>
Line 53: Line 91:
 
                     </ul>
 
                     </ul>
 
                 </li>
 
                 </li>
            </ul>
+
 
    </div>
+
    <div class="header_right">
+
        <ul>
+
 
                 <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Human">human practices</a>
 
                 <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Human">human practices</a>
 
                 <ul>
 
                 <ul>
Line 62: Line 97:
 
                       <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Practices">policy and practices</a></li>
 
                       <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Practices">policy and practices</a></li>
 
                       <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Collaborations">collaborations</a></li>
 
                       <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Collaborations">collaborations</a></li>
                       <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Entrepreneurship">entrepreneurship</a></li>
+
                        
 
                     </ul>
 
                     </ul>
 
                 </li>
 
                 </li>
 +
 
                 <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Notebook">notebook</a>
 
                 <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Notebook">notebook</a>
 
                 <ul>
 
                 <ul>
 
                     <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Safety">lab safety</a></li>
 
                     <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Safety">lab safety</a></li>
                       <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Measurement">measurement</a></li>
+
                       <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Achievements">achievements</a></li>
 
                       <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Logbook">log book</a></li>
 
                       <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Logbook">log book</a></li>
 
                 </ul>
 
                 </ul>
 
                 </li>
 
                 </li>
        </ul>
+
 
</div>
+
            </ul>
 +
 
 
</div>
 
</div>
  
 +
</div>
 +
 +
 +
 +
</style>
 +
 
 
<div id="wrap">
 
<div id="wrap">
  
<style type"text/css">
 
  
/*Protocols*/
 
  
.silverstain {background: url(https://static.igem.org/mediawiki/2015/e/ef/NAIT_Tip_Icon.png);position:absolute;top:600px;margin-left:500px;z-index:15;}
+
<style type="text/css">
.silverstain:hover {background: url(https://2015.igem.org/File:NAIT_Tip_Icon_Glow.png)}
+
  
.sdspage {display:inline-block;background: url(https://static.igem.org/mediawiki/2015/e/ef/NAIT_Tip_Icon.png);}
+
.top_slogan {text-align:center; font-family: 'Source Sans Pro', sans-serif; color:#0D4D8C; font-size:30px; padding: 40px 0px 40px 0px; font-style:strong; line-height:40px;}
.sdspage:hover {background: url(https://2015.igem.org/File:NAIT_Tip_Icon_Glow.png)}
+
  
 +
#flowchart {
 +
    width: 580px;
 +
    text-align: center;
 +
    font-family: Arial, Helvetica sans-serif;
 +
    font-size: 1.0em;
 +
    margin: auto;
 +
}
  
.sampleprep {display:inline-block;background: url(https://static.igem.org/mediawiki/2015/e/ef/NAIT_Tip_Icon.png);}
+
.line1 {
.sampleprep:hover {background: url(https://2015.igem.org/File:NAIT_Tip_Icon_Glow.png)}
+
    width: 1px;
 +
    height: 20px;
 +
    background-color: #000;
 +
    margin: 0 auto;
 +
}  
 +
.clear {
 +
    clear:both;
 +
}
  
 +
}
  
.doubledigest {display:inline-block;background: url(https://static.igem.org/mediawiki/2015/e/ef/NAIT_Tip_Icon.png);}
+
/*----- Accordion -----*/
.doubledigest:hover {background: url(https://2015.igem.org/File:NAIT_Tip_Icon_Glow.png)}
+
.accordion, .accordion * {
 +
-webkit-box-sizing:border-box;  
 +
-moz-box-sizing:border-box;  
 +
box-sizing:border-box;
  
 +
}
  
 +
.accordion {
 +
overflow:hidden;
 +
background:#FFFFFF;
 +
}
  
/* Modal */
+
/*----- Section Titles -----*/
.modal {opacity: 0;visibility: hidden;position: fixed;top: 0;right: 0;bottom: 0;left: 0;text-align: left;background: rgba(0,0,0, .9);transition: opacity .25s ease;z-index:999;}
+
.accordion-section-title {
.modal__bg {position: absolute;top: 0;right: 0;bottom: 0;left: 0;cursor: pointer;}
+
width:100%;
.modal-state { display: none;}
+
display:inline-block;
.modal-state:checked + .modal {opacity: 1;visibility: visible;}
+
transition:all linear 0.15s;
.modal-state:checked + .modal .modal__inner {top: 0;}
+
        padding:15px;
.modal__inner {transition: top .25s ease;position: absolute;top: -20%; right: 0;bottom: 0;left: 0;width: 750px;margin: auto;overflow: auto;background:#FFFFFF;border-radius: 0px;padding: 1em 2em;height: 458px;}
+
        margin-right:auto;
.modal__close {position: absolute;right: 1em;top: 1em;width: 1.1em;height: 1.1em;cursor: pointer;}
+
        margin-left:auto;
.modal__close:after,
+
border-bottom:8px solid #ffffff;
.modal__close:before {content: '';position: absolute;width: 2px;height: 1.5em;background: #ccc;display: block;transform: rotate(45deg);left: 50%;margin: -3px 0 0 -1px;top: 0;}
+
.modal__close:hover:after,
+
.modal__close:hover:before {background: #aaa;}
+
.modal__close:before {transform: rotate(-45deg);}
+
  
  
 +
/* Type */
 +
font-size:1.8000em;
 +
color:#fff;
 +
        text-align:center;
 +
        font-weight: 600;
 +
        font-family:'Source Sans Pro', sans-serif;
 +
}
 +
 +
.accordion-section-title.active, .accordion-section-title:hover {
 +
background:#9BD1EE;
 +
 +
 +
/* Type */
 +
text-decoration:none;
 +
        color:#0D4D8C;
 +
}
 +
 +
 +
.accordion-section:last-child .accordion-section-title {
 +
border-bottom:none;
 +
}
 +
 +
/*----- Section Content -----*/
 +
.accordion-section-content {
 +
padding:20px 80px 20px 80px;
 +
display:none;
 +
        font-size:18px;
 +
}
 +
 +
.protocol {background-color:#6087c2; width:390px;margin:0 auto;    -webkit-border-radius: 5px;
 +
-moz-border-radius:5px; -ms-border-radius:5px; -0-border-radius:5px;
 +
border-radius: 5px;padding:15px;}
 +
.protocol:hover {background-color:#56aacc; width:390px;margin:0 auto;    -webkit-border-radius: 5px;
 +
-moz-border-radius:5px; -ms-border-radius:5px; -0-border-radius:5px;
 +
border-radius: 5px;padding:15px;}
  
 
</style>
 
</style>
 +
 
<style type="text/css">
 
<style type="text/css">
 +
.tg  {border-collapse:collapse;border-spacing:0;border-width:1px;border-color:black;}
 +
.tg td{font-family:Arial, sans-serif;font-size:14px;padding:10px 5px;border-style:solid;border-
 +
                width:1px;overflow:hidden;word-break:normal;}
 +
.tg th{font-family:Arial, sans-serif;font-size:14px;font-weight:normal;padding:10px 5px;border-
 +
                style:solid;border-width:1px;overflow:hidden;word-break:normal;}
 +
.tg .tg-s6z2{text-align:center}
 +
.tg .tg-hgcj{font-weight:bold;text-align:center}
 +
</style>
 +
 +
<center><div class="top_slogan">Experimental Design</div></center>
 +
 +
<center>
 +
<h2> Go through our interactive experimental design flow chart! Many of our protocols are manufacturer specicfied; however, some are customized by us! Click on the flow chart boxes if the hand cursor appears to read more about our customized protocols. <br><br> A PDF of all our protocols can also be found <a href="https://static.igem.org/mediawiki/2015/a/a2/NAIT_Protocols.pdf"><font color="#f96040">here.</font></a></h2> </center>
 +
 +
 +
<div class="accordion">
 +
<div class="accordion-section">
 +
<a class="accordion-section-title" style="background-color:#f96040" href="#accordion-1">Theorizing our Sequences</a>
 +
<div id="accordion-1" class="accordion-section-content">
 +
<div id="flowchart">
 +
 +
    <div class="protocol"><font color="#FFFFFF">Literature has shown certain proteins   
 +
    inherently stain in colour.</font></div>
 +
 +
    <div class="line1"></div>
 +
 +
    <div class="protocol"><font color="#FFFFFF">Looked up characteristics of said proteins</font></div>
 +
 +
    <div class="line1"></div>
 +
 +
    <div class="protocol"><font color="White">Isolated and identified the unique characteristics of said proteins so that we can
 +
    manually write our own sequences and generate custom proteins.</font></div>
 +
 +
</div>
 +
 +
</div><!--end .accordion-section-content-->
 +
</div><!--end .accordion-section-->
 +
 +
<div class="accordion-section">
 +
<a class="accordion-section-title" style="background-color:#FBB252" href="#accordion-2">Writing our Sequences</a>
 +
<div id="accordion-2" class="accordion-section-content">
 +
 +
<div id="flowchart">
 +
 +
    <div class="protocol"><font color="#FFFFFF">Went down to base pair level and wrote out our
 +
    sequences with the defining characteristics identified in literature. </font></div>
 +
 +
    <div class="line1"></div>
 +
 +
    <label class="btn" for="IDT"><div class="protocol"><font color="#FFFFFF">Ordered custom gBlocks from Integrated DNA Technologies (IDT).</font></div></label>
 +
 +
 +
</div>
 +
 +
</div><!--end .accordion-section-content-->
 +
</div><!--end .accordion-section-->
 +
 +
<div class="accordion-section">
 +
<a class="accordion-section-title" style="background-color: #f7e133" href="#accordion-3">PCR</a>
 +
<div id="accordion-3" class="accordion-section-content">
 +
 +
 +
<div id="flowchart">
 +
 +
    <label class="btn" for="MasterMix"><div class="protocol"><font color="#FFFFFF">Make a PCR Master Mix</font></div></label>
 +
 +
    <div class="line1"></div>
 +
 +
    <label class="btn" for="IndividualRxn"><div class="protocol"><font color="#FFFFFF">Set up individual reactions</font></div>   
 +
    </label>
 +
 +
    <div class="line1"></div>
 +
 +
    <label class="btn" for="PCR"><div class="protocol"><font color="white">Run PCR <br> (click for specific conditions)</font>
 +
    </div></label>
 +
 +
    <div class="line1"></div>
 +
 +
    <label class="btn" for="agarg"><div class="protocol"><font color="white">Run agarose gel electrophoresis to confirm that PCR was successful</font>
 +
    </div></label>
 +
 +
    <div class="line1"></div>
 +
 +
    <label class="btn" for="PCRPurification"><div class="protocol"><font color="white">QIAquick PCR Purification</font>
 +
    </div></label>
 +
 +
 +
 +
</div>
 +
 +
</div><!--end .accordion-section-content-->
 +
</div><!--end .accordion-section-->
 +
 +
<div class="accordion-section">
 +
<a class="accordion-section-title" href="#accordion-4" style="background-color:#afcf64">Digestion and Ligation</a>
 +
<div id="accordion-4" class="accordion-section-content">
 +
 +
 +
<div id="flowchart">
 +
 +
    <label class="btn" for="VectorDigest"><div class="protocol"><font color="#FFFFFF">Digest Vectors and Inserts.</font></div></label>
 +
 +
    <div class="line1"></div>
 +
 +
    <label class="btn" for="rSAP"><div class="protocol"><font color="#FFFFFF">
 +
    Remove Phosphorylated Ends</font></div></label>
 +
 +
    <div class="line1"></div>
 +
 +
    <label class="btn" for="ligate"><div class="protocol"><font color="#FFFFFF">Ligation of Vectors and Inserts</font>
 +
    </div></label>
 +
 +
</div>
 +
 +
</div><!--end .accordion-section-content-->
 +
</div><!--end .accordion-section-->
 +
 +
<div class="accordion-section">
 +
<a class="accordion-section-title" href="#accordion-5" style="background-color:#89cdb6">Transforming Bacteria</a>
 +
<div id="accordion-5" class="accordion-section-content">
 +
 +
 +
<div id="flowchart">
 +
 +
    <label class="btn" for="Transformation"><div class="protocol"><font color="#FFFFFF">Introduce DNA to Competent Cells</font></div></label>
 +
 +
   
 +
</div>
 +
 +
</div><!--end .accordion-section-content-->
 +
</div><!--end .accordion-section-->
 +
 +
<div class="accordion-section">
 +
<a class="accordion-section-title" href="#accordion-6" style="background-color:#56aacc">Validating the Transformation</a>
 +
<div id="accordion-6" class="accordion-section-content">
 +
 +
 +
<div id="flowchart">
 +
 +
    <label class="btn" for="colonyPCR"><div class="protocol"><font color="#FFFFFF">Colony PCR</font></div></label>
 +
 +
    <div class="line1"></div>
 +
 +
    <label class="btn" for="agarg"><div class="protocol"><font color="#FFFFFF">Agarose Gel Preparation</font></div></label>
 +
 +
    <div class="line1"></div>
 +
 +
    <label class="btn" for="reviewa"><div class="protocol"><font color="#FFFFFF">Review Results</font></div></label>
 +
 +
</div>
 +
 +
</div><!--end .accordion-section-content-->
 +
</div><!--end .accordion-section-->
 +
 +
<div class="accordion-section">
 +
<a class="accordion-section-title" href="#accordion-7" style="background-color:#6087c2">Protein Isolation and Purification</a>
 +
<div id="accordion-7" class="accordion-section-content">
 +
 +
 +
<div id="flowchart">
 +
 +
    <label class="btn" for="proex"><div class="protocol"><font color="#FFFFFF">Protein Expression</font></div></label>
 +
 +
    <div class="line1"></div>
 +
 +
    <label class="btn" for="propure"><div class="protocol"><font color="#FFFFFF">Purification of Protien</font></div></label>
 +
 +
   
 +
</div>
 +
 +
</div><!--end .accordion-section-content-->
 +
</div><!--end .accordion-section-->
 +
 +
<div class="accordion-section">
 +
<a class="accordion-section-title" href="#accordion-8" style="background-color:#9b73af">SDS PAGE and Silver Staining</a>
 +
<div id="accordion-8" class="accordion-section-content">
 +
 +
<div id="flowchart">
 +
 +
    <label class="btn" for="PAGel"><div class="protocol"><font color="#FFFFFF">Make PA Gel</font></div></label>
 +
 +
    <div class="line1"></div>
 +
 +
    <label class="btn" for="SDSPAGE"><div class="protocol"><font color="#FFFFFF">Run Electrophoresis</font></div></label>
 +
 +
    <div class="line1"></div>
 +
 +
    <label class="btn" for="SILVER"><div class="protocol"><font color="#FFFFFF">Silver Stain Plus</font></div></label>
 +
 +
</div>
 +
 +
 +
 +
</div><!--end .accordion-section-content-->
 +
</div><!--end .accordion-section-->
 +
 +
</div><!--end .accordion-->
 +
 +
 +
<!-------------------------------------MODALS FOR PROTOCOLS------------------------------------------------->
 +
 +
<!-------- TEMPLATE MODAL (DO NOT EDIT THIS ONE, COPY AND PASTE IT AND EDIT THE PASTED VERSION)----->
 +
 +
<input class="modal-state" id="modal-1" type="checkbox" />
 +
<div class="modal">
 +
  <label class="modal__bg" for="modal-1"></label>
 +
  <div class="modal__inner">
 +
 +
        <center><h1>UNDER CONSTRUCTION!</h1></center><br><br>
 +
      <center><h2>Content coming soon... </h2></center>
 +
 +
  </div>
 +
</div>
 +
 +
<!-------------------------------------------END TEMPLATE MODAL---------------------------------->
 +
 +
 +
 +
<input class="modal-state" id="PAGel" type="checkbox" />
 +
<div class="modal">
 +
  <label class="modal__bg" for="PAGel"></label>
 +
  <div class="modal__inner">
 +
 +
        <center><h1>Polyacrylamide Gel</h1></center>
 +
      <center><img src="https://static.igem.org/mediawiki/2015/4/47/NAIT_Slider_Apparatus.jpg" alt="" width="500px" height="300px"/></center>
 +
    <br>
 +
    <p style="font-size:18px"><b>Separating Gel</b></p><br>
 +
 +
<ol type="1">
 +
  <li>Level glass plates in the casting frame and place the frame within the casting stand. Ensure the plates are locked into
 +
      place.</li> 
 +
  <li>Place the following solutions in a 50 mL falcon tube:<br>
 +
          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<b>Mix:</b><br>
 +
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;- 4.2 mL dH2O<br>
 +
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;- 2.5 mL TRIS 4X Buffer<br>
 +
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;- 3.3 mL Polyacrylamide Solution.
 +
  </li>
 +
  <li>Mix and invert six times.</li>
 +
  <li>Add 33.3 μl of APS ( Ammonium Persulfate ) into the falcon tube.</li>
 +
  <li>Mix and invert six times.</li>
 +
  <li>Add 6.7 μl of TEMED to the falcon tube. <br>
 +
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<b>NOTE:</b> Must be done in a fumehood. TEMED is toxic.
 +
  </li>
 +
  <li>Mix and invert six times. Solution will harden in roughly 15 minutes.</li>
 +
  <li>Add solution in between glass plates using a pipette aid roughly 3/4 the way up the front plate.</li>
 +
  <li>Fill remaining space with ethanol to ensure an even, level gel. Ethanol also gets rid of SDS bubbles.</li>
 +
  <li>Once gel is solidified, remove the ethanol using a Kim Wipe ensuring the area in between the plates is now dry.</li>
 +
 +
 +
</ol>
 +
 +
<br><br>
 +
 +
    <p style="font-size:18px"><b>Stacking Gel</b>:<br></p><br>
 +
 +
<ol type="1">
 +
  <li>Place the following solutions in a 50ml falcon tube:<br>
 +
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<b>Mix:</b><br>
 +
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;- 3.05 mL dH2O<br>
 +
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;- 1.25 mL Stacking Buffer Solution<br>
 +
                    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;- 650 µL Polyacrylamide Solution
 +
  </li>
 +
  <li>Mix and invert six times.</li>
 +
  <li>Add 25 μl of APS ( Ammonium Persulfate ) into the falcon tube.</li>
 +
  <li>Mix and invert six times.</li>
 +
  <li> Add 5 μl of TEMED to the falcon tube.<br>
 +
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<b>NOTE:</b> Must be done in a fumehood. TEMED is toxic.
 +
  </li>
 +
  <li>Mix and invert six times.</li>
 +
  <li>Fill in the remaining area in between the glass plates with the stacking solution and place comb inside.</li>
 +
  <li>After gel is solidified, remove from casting frame and place in plastic wrap. Store in the fridge.</li>
 +
  <li>READY FOR USE!</li>
 +
 +
 +
</ol>
 +
 +
  </div>
 +
</div>
 +
 +
<input class="modal-state" id="SDSPAGE" type="checkbox" />
 +
<div class="modal">
 +
  <label class="modal__bg" for="SDSPAGE"></label>
 +
  <div class="modal__inner">
 +
 +
        <center><h1>SDS-PAGE</h1></center>
 +
        <center><h3>Sodium Dodecyl Sulphate Poly-Acrylamide Gel Electrophoresis</h3></center>
 +
        <center><img src="https://static.igem.org/mediawiki/2015/c/cf/NAIT_PAGEApparatus.jpg"></center><br>
 +
 +
<ol type="1">
 +
 +
    <li>Prepare samples that will be ran in the gel electrophoresis.</li>
 +
    <li>Mix 15μl of each sample with 5μl of sample buffer solution. A 3 to 1 ratio is used. A maximum of 30μl can be inserted
 +
        into each well.</li>
 +
    <li>Place glass plates in the electrode assembly and into the tank cell.</li>
 +
    <li>Fill tank with 1X electro buffer solution. Using a loading pipette and tips, load desired samples into wells along with
 +
        a molecular weight ladder sample.</li>
 +
    <li>Connect the lid to the tank and place the correct cables onto the tank lid. Run gel at 120 volts for 60-90 minutes or
 +
        until desired bands are about the length of the gel.</li>
 +
   
 +
</ol>
 +
 +
 +
  </div>
 +
</div>
 +
 +
<input class="modal-state" id="SILVER" type="checkbox" />
 +
<div class="modal">
 +
  <label class="modal__bg" for="SILVER"></label>
 +
  <div class="modal__inner">
 +
 +
    <center><h1>Silver Stain Plus Protocol</h1></center>
 +
  <center><img src="https://static.igem.org/mediawiki/2015/a/a4/NAIT_SilverStainBottles.jpeg" width="500px"></center>
 +
    <br><br>
 +
    <ol type="1">
 +
 +
<li>Once SDS-PAGE is complete, remove gels from the glass plates and remove the stacking gel layer using a paper towel.
 +
        </li>
 +
<li>Place gel in a glass container, wash with 200ml distilled water for 5 minutes. Repeat the wash step 4X. (shake gel
 +
        back and forth in shaker) Decant water into waste container. </li>
 +
<li>Mix a solution with 90ml of 10% acetic acid and 90ml of 10% methanol in a clean beaker. Add 10ml of fixative enhancer
 +
        solution into the beaker and pour over the gel. Let sit for 20 minutes on shaker, or up to a maximum of overnight,
 +
        depending on the desired sensitivity of the gel.</li>
 +
<li>Decant solution into a proper waste container.</li>
 +
<li>Wash gel once again with 200ml of distilled water for 5 minutes on shaker. Repeat 4X. Decant water into waste
 +
        container.</li>
 +
<li>Mix both parts of stain solution into two separate falcon tubes.
 +
<ul><b>Mix 1</b>
 +
<li>2.5 mL of Silver Complex Solution</li>
 +
<li>2.5 mL of Reduction Moderator Solution</li>
 +
<li>2.5 mL of Image Development Reagent</li>
 +
<li>17.5 mL of DH20 </li>
 +
</ul>
 +
 +
<ul><b>Mix 2</b>
 +
<li>1.25 g of Development Accelerator</li>
 +
<li>25mL of DH20 </li>
 +
 +
</ul>
 +
</li><br>
 +
 +
<li>Mix both solutions together until each are dissolved, pour over gel. Let sit for up to 20 minutes or until desired
 +
        bands show. </li>
 +
<li>Decant solution into proper waste container. </li>
 +
<li>Prepare a stop solution containing 90ml of 10% acetic acid and 90ml of 10% methanol. Pour over gel and shake for 15-
 +
        20 minutes.</li>
 +
<li>Decant solution into proper waste container. </li>
 +
<li>Wash gel with 200ml of DH20 for 5 minutes on shaker. Repeat 2X.</li>
 +
</ol> <br>
 +
 +
GELS ARE STAINED!
 +
 +
 +
  </div>
 +
</div>
 +
 +
<input class="modal-state" id="IDT" type="checkbox" />
 +
<div class="modal">
 +
  <label class="modal__bg" for="IDT"></label>
 +
  <div class="modal__inner">
 +
 +
    <center><h1>Ordering with IDT</h1></center>
 +
    <center><img src="https://static.igem.org/mediawiki/2015/b/ba/NAIT_IDTScreenshot.png" width="750px"></center> <br>
 +
    <p>Ordering with IDT was tricky because we could not order sequences that were highly repetitive. Unfortunately, the unique characteristics we found in the colour producing proteins in literature involved high concentrations of specific amino acids. </p> <br>
 +
    <p>To overcome this limitation, we had to insert amino acids that we believed had no colour in between the amino acid of choice.</p>
 +
  </div>
 +
</div>
 +
 +
 +
 +
 +
<input class="modal-state" id="MasterMix" type="checkbox" />
 +
<div class="modal">
 +
  <label class="modal__bg" for="MasterMix"></label>
 +
  <div class="modal__inner">
 +
 +
    <center><h1>PCR Master Mix Protocol</h1></center><br>
 +
 +
    <p><b>Before beginning, ensure all reaction components and properly thawed and mixed.</b></p><br>
 +
    <p>Calculate the required volumes of each component based on the following table:</p><br>
 +
 +
<table class="tg">
 +
  <tr>
 +
    <th class="tg-hgcj">Component</th>
 +
    <th class="tg-hgcj">50 µL Reaction</th>
 +
    <th class="tg-hgcj">Final Concentration</th>
 +
  </tr>
 +
  <tr>
 +
    <td class="tg-s6z2">PCR Grade Water</td>
 +
    <td class="tg-s6z2">Up to 50 µL</td>
 +
    <td class="tg-s6z2">N/A</td>
 +
  </tr>
 +
  <tr>
 +
    <td class="tg-s6z2">2X KAPA HiFi HS</td>
 +
    <td class="tg-s6z2">25.0 µL</td>
 +
    <td class="tg-s6z2">1 X</td>
 +
  </tr>
 +
  <tr>
 +
    <td class="tg-s6z2">10 µM Forward Primer</td>
 +
    <td class="tg-s6z2">1.5 µL</td>
 +
    <td class="tg-s6z2">0.3 µM</td>
 +
  </tr>
 +
  <tr>
 +
    <td class="tg-s6z2">10 µM Reverse Primer</td>
 +
    <td class="tg-s6z2">1.5 µL</td>
 +
    <td class="tg-s6z2">0.3 µM</td>
 +
  </tr>
 +
  <tr>
 +
    <td class="tg-s6z2">Template DNA</td>
 +
    <td class="tg-s6z2">As Required</td>
 +
    <td class="tg-s6z2">As Required</td>
 +
  </tr>
 +
</table> <br>
 +
 +
<p>- Reaction Volumes may be adjusted between 10 - 50 µL<br>
 +
- < 1 ng less complex DNA (0.1 to 1.0 ng) per 50 ╡L </p>
 +
 +
 +
 +
  </div>
 +
</div>
 +
 +
 +
<input class="modal-state" id="IndividualRxn" type="checkbox" />
 +
<div class="modal">
 +
  <label class="modal__bg" for="IndividualRxn"></label>
 +
  <div class="modal__inner">
 +
 +
    <center><h1>Set Up Individual Reactions</h1></center>
 +
    <p>1. Transfer the appropriate volumes of PCR master mix template and primer to individual PCR tubes<br>
 +
      2. Cap or seal individual reactions.<br>
 +
      3. Mix and centrifuge briefly.</p>
 +
  </div>
 +
</div>
 +
 +
 +
 +
 +
<input class="modal-state" id="PCR" type="checkbox" />
 +
<div class="modal">
 +
  <label class="modal__bg" for="PCR"></label>
 +
  <div class="modal__inner">
 +
 +
    <center><h1>Run PCR</h1></center>
 +
    <p><b>NOTE:</b>A PCR gradient was conducted to determine the optimal annealing temperature needed for best results. We observed that the best annealing temperature was 61°C.</p>
 +
    <br>
 +
    <p>1. Perform PCR with the following Cycle Protocol</p><br>
 +
 +
<table class="tg">
 +
  <tr>
 +
    <th class="tg-hgcj">Step</th>
 +
    <th class="tg-hgcj">Temperature</th>
 +
    <th class="tg-hgcj">Duration</th>
 +
    <th class="tg-hgcj">Cycles</th>
 +
  </tr>
 +
  <tr>
 +
    <td class="tg-s6z2">Initial Denaturation</td>
 +
    <td class="tg-s6z2">95°C</td>
 +
    <td class="tg-s6z2">3 min</td>
 +
    <td class="tg-s6z2">1</td>
 +
  </tr>
 +
  <tr>
 +
    <td class="tg-s6z2">Denaturation</td>
 +
    <td class="tg-s6z2">98°C</td>
 +
    <td class="tg-s6z2">20 sec</td>
 +
    <td class="tg-s6z2" rowspan="3"><br><br>25</td>
 +
  </tr>
 +
  <tr>
 +
    <td class="tg-s6z2">Annealing</td>
 +
    <td class="tg-s6z2">61°C</td>
 +
    <td class="tg-s6z2">30 sec</td>
 +
  </tr>
 +
  <tr>
 +
    <td class="tg-s6z2">Extension</td>
 +
    <td class="tg-s6z2">72°C</td>
 +
    <td class="tg-s6z2">15 sec</td>
 +
  </tr>
 +
  <tr>
 +
    <td class="tg-s6z2">Final Extension</td>
 +
    <td class="tg-s6z2">72°C</td>
 +
    <td class="tg-s6z2">1 min</td>
 +
    <td class="tg-s6z2">1</td>
 +
  </tr>
 +
</table><br>
 +
 +
<p><b>NOTE:</b> PCR products can be left overnight at 4°C</p>
 +
 +
  </div>
 +
</div>
 +
 +
<input class="modal-state" id="PCRPurification" type="checkbox" />
 +
<div class="modal">
 +
  <label class="modal__bg" for="PCRPurification"></label>
 +
  <div class="modal__inner">
 +
 +
    <center><h1>QIAquick PCR Purification</h1></center>
 +
 +
<ol type="1">
 +
  <li>Add 5X Buffer PB to 1X of the PCR reaction and mix into a separate 1.5 mL microcentrifuge tube. If the colour of the 
 +
  mixture is orange or violet, add 10 µK 3M sodium acetate, pH 5.0 and mix. The colour of the mixture will turn yellow</li>
 +
  <li>Place a QIAquick column into a provided 2 mL collection tube and then place into centrifuge and transfer mix</li>
 +
  <li>To bind DNA, apply the samples to the QIAquick colum and centrifuge at 13 000 rpm from 60s. Discard the fluid that is in
 +
  the collection tube (aka the flow-through). Place column back into the same tube.</li>
 +
  <li>Centrifuge the column once more in the provided 2 mL collection tube for 1 minute to remove residual wash buffer</li>
 +
  <li>Dab the bottom of the column on Kim Wipe tissue.</li>
 +
  <li>Place each column in a clean 1.5 mL microcentrifuge tube</li>
 +
  <li>Add 50 µL of EB to the column (Aim for the center of the membrane inside the column)</li>
 +
  <li>Centrifuge at 13 000 RPM for 60 s</li>
 +
  <li><b>DO NOT THROW OUT FLOW THROUGH.</b> Using a micropipette, set at 65 µL, take flow through and add it once more to the
 +
  column</li>
 +
  <li>Centrifuge again (13 000 RPM, 60s)</li>
 +
  <li>Dispose of column (Purified DNA should now be in the 1.5 mL microfuge tube)</li>
 +
 +
 +
</ol>
 +
 +
 +
  </div>
 +
</div>
  
.top_slogan {text-align:center; font-family: 'Source Sans Pro', sans-serif; color:#0D4D8C; font-size:30px; padding: 40px 0px 40px 0px; font-style:strong; line-height:40px;}
 
  
</style>
 
  
<center><div class="top_slogan">Our Experimental Design</div></center>
+
<input class="modal-state" id="VectorDigest" type="checkbox" />
 +
<div class="modal">
 +
  <label class="modal__bg" for="VectorDigest"></label>
 +
  <div class="modal__inner">
  
<div class="main_content">
+
        <center><h1>Digestion of Vectors and Inserts</h1></center><br><br>
 +
      Two enzymes are needed in order to cut the DNA stands at specific restriction sites<br>
 +
        1. Find the protocol of restriction enzymes being used<br><br>
 +
        2. Mix the following components<br>
 
<center>
 
<center>
<h2> This flowchart is not final! Our project is still developing so changes will continually be made.</h2>
+
<table class="tg">
 +
<tr>
 +
<strong>
 +
<th class="tg-hgcj">Component</th>
 +
<th class="tg-hgcj">Amount</th>
 +
</strong>
 +
</tr>
 +
<tr>
 +
<td class="tg-s6z2">Enzyme 1</td>
 +
<td class="tg-s6z2">1µL</td>
 +
</tr>
 +
<tr>
 +
<td class="tg-s6z2">Enzyme 2</td>
 +
<td class="tg-s6z2">1µL</td>
 +
</tr>
 +
<tr>
 +
<td class="tg-s6z2">DNA</td>
 +
<td class="tg-s6z2">1µg</td>
 +
</tr>
 +
<tr>
 +
<td class="tg-s6z2">Buffer</td>
 +
<td class="tg-s6z2">5µL</td>
 +
</tr>
 +
<tr>
 +
<td class="tg-s6z2">Nuclease Free H<sub>2</sub>O</td>
 +
<td class="tg-s6z2">Up to 50µL</td>
 +
</tr>
  
<img src="https://static.igem.org/mediawiki/2015/5/5a/NAIT_Flow_Chart.png">
+
</table>
<img data-sr="reset" src="https://static.igem.org/mediawiki/2015/a/a4/Transformation.gif" style="position:absolute;margin-left:420px; top:1800px;" height="125px">
+
<img data-sr="reset" src="https://static.igem.org/mediawiki/2015/1/15/NAIT_Anim_Bacteria.gif" style="position:absolute;margin-left:250px;top:2010px;z-index:10">
+
<img data-sr="reset" src="http://p3.storage.canalblog.com/34/35/1329650/101565689.gif" style="position:absolute;margin-left:450px;top:3700x">
+
<img src="https://static.igem.org/mediawiki/2015/4/49/NAIT_Tip.png" style="margin-left:50px;position:absolute;top:400px;">
+
<img src="https://static.igem.org/mediawiki/2015/6/66/NAIT_Tip_Icon_Glow.png" style="position:absolute;top:600px;margin-left:450px;">
+
  
 +
*Ratio of enzymes to DNA is 1:1 and water is added to maintain the concentration based on each enzyme
 +
<br><br>
 +
3. Let reaction occur for 1 hour
  
    <label class="btn" for="modal-1"><div class="silverstain"></div></label>
 
  
 +
<center></center>
 +
<center></center>
 +
<center></center>
 +
  </div>
 +
</div>
  
  
</center>
+
<input class="modal-state" id="rSAP" type="checkbox" />
 +
<div class="modal">
 +
  <label class="modal__bg" for="rSAP"></label>
 +
  <div class="modal__inner">
 +
 
 +
        <center><h1>rSAP Protocol</h1></center>
 +
      <center><h2>Removal of Phosphorylated Ends<br>Preformed after digestion of psB1C3 </h2></center>
 +
<br>
 +
Protocol<br>
 +
1. Prepare sample using the following<br>
 +
<table class="tg">
 +
<tr>
 +
<strong>
 +
<th class="tg-hgcj">Component</th>
 +
<th class="tg-hgcj">Amount</th>
 +
</strong>
 +
</tr>
 +
<tr>
 +
<td class="tg-s6z2">rSAP</td>
 +
<td class="tg-s6z2">1 unit</td>
 +
</tr>
 +
<tr>
 +
<td class="tg-s6z2">DNA</td>
 +
<td class="tg-s6z2">1pmol of DNA ends</td>
 +
</tr>
 +
<tr>
 +
<td class="tg-s6z2">Nuclease Free H<sub>2</sub>O</td>
 +
<td class="tg-s6z2">Up to 20µL</td>
 +
</tr>
 +
<tr>
 +
<td class="tg-s6z2">CutSmart Buffer(10X)*</td>
 +
<td class="tg-s6z2">2µL</td>
 +
</tr>
 +
 
 +
</table>
 +
*Provided with rSAP<br>
 +
Total volume should equal 20 µL<br><br>
 +
2. Incubate at 37°C for 30 minutes<br>
 +
3. Stop the reaction by heat inactivation ay 65°C for 5 minutes
 +
  </div>
 +
</div>
 +
 
 +
 
 +
 
 +
<input class="modal-state" id="ligate" type="checkbox" />
 +
<div class="modal">
 +
  <label class="modal__bg" for="ligate"></label>
 +
  <div class="modal__inner">
 +
 
 +
        <center><h1>Ligation of Vectors and Inserts</h1></center>
 +
      <br>
 +
1. Set up the following reaction mixture on ice:
 +
<table class="tg">
 +
<tr>
 +
<strong>
 +
<th class="tg-hgcj">Component</th>
 +
<th class="tg-hgcj">20µL Reaction</th>
 +
</strong>
 +
</tr>
 +
<tr>
 +
<td class="tg-s6z2">10X T4 Ligase Buffer</td>
 +
<td class="tg-s6z2">2µL</td>
 +
</tr>
 +
<tr>
 +
<td class="tg-s6z2">Vector DNA (4kb)</td>
 +
<td class="tg-s6z2">50ng (0.020pmol)</td>
 +
</tr>
 +
<tr>
 +
<td class="tg-s6z2">Insert DNA (1kb)</td>
 +
<td class="tg-s6z2">37.5ng (0.60pmol)</td>
 +
</tr>
 +
<tr>
 +
<td class="tg-s6z2">Nuclease Free H<sub>2</sub>O</td>
 +
<td class="tg-s6z2">Up to 20µL</td>
 +
</tr>
 +
<tr>
 +
<td class="tg-s6z2">T4 DNA Ligase</td>
 +
<td class="tg-s6z2">1µL</td>
 +
</tr>
 +
 
 +
</table>
 +
 
 +
 
 +
 
 +
 
 +
2. Gently mix the reaction by pipetting up and down and microfuge briefly<br>
 +
3. For cohesive ends, incubate at 16°C overnight or at room temperature for 10 minutes<br>
 +
4. For blunt ends or single base overhangs, incubate at 16°C overnight or room temperature for 2 hours<br>
 +
5. Heat inactivate at 65°C for 10 minutes<br>
 +
6. Chill on ice and transform 1-5 µL if the reaction into 50 µL competent Cells<br>
 +
 
 +
 
 +
  </div>
 +
</div>
 +
 
 +
<input class="modal-state" id="Transformation" type="checkbox" />
 +
<div class="modal">
 +
  <label class="modal__bg" for="Transformation"></label>
 +
  <div class="modal__inner">
 +
 
 +
        <center><h1>Transforming the Bacteria</h1></center><br><br>
 +
1. Thaw tube of BL21 (DE3) competent E. coli cells on ice for 10 min<br>
 +
2. Add 1-5 µL containing 1pg-100ng of plasmid DNA to the cell mixture. Carefully flick the tube 4-5 times to mix cells and DNA. <font color="#FF0000">(DO NOT VORTEX)</font><br>
 +
3. Place the mixture on ice for 30 minutes<font color="#FF0000"> (DO NOT MIX)</font><br>
 +
4. Heat shock at exactly 42°C for exactly 10 seconds. <font color="#FF0000"> (DO NOT MIX)</font><br>
 +
5. Place on ice for 5 Minutes.<font color="#FF0000"> (DO NOT MIX)</font><br>
 +
6. Pipette 950µL of room temperature SOC into the mixture.<br>
 +
7. Place at 37°C for 60 minutes. Shake vigorously (250RPM) or rotate<br>
 +
8. Warm selection plates to 37°C<br>
 +
9. Mix the cells thoroughly by flicking the tube and inverting, then perform several 10-fold serial dilutions in SOC<br>
 +
10. Spread 50-100µL of each dilution onto a selection plate and incubate overnight at 37°C. alternatively, incubate at 30°C for 24-36 hours or 25°C for 48 hours<br>
 +
 
 +
 
 +
  </div>
 +
</div>
 +
 
 +
 
 +
<input class="modal-state" id="colonyPCR" type="checkbox" />
 +
<div class="modal">
 +
  <label class="modal__bg" for="colonyPCR"></label>
 +
  <div class="modal__inner">
 +
 
 +
        <center><h1>Colony PCR</h1></center>
 +
      <center><h2>KAPA HiFi Hotstart</h2></center><br>
 +
 
 +
1. Prepare the PCR master mix using the following<br>
 +
<table class="tg">
 +
<tr>
 +
<strong>
 +
<th class="tg-hgcj">Component</th>
 +
<th class="tg-hgcj">50µL Reaction*</th>
 +
<th class="tg-hgcj">Final Concentration</th>
 +
</strong>
 +
</tr>
 +
<tr>
 +
<td class="tg-s6z2">PCR Grade H<sub>2</sub>O</td>
 +
<td class="tg-s6z2">Up to 50µL</td>
 +
<td class="tg-s6z2">N/A</td>
 +
</tr>
 +
<tr>
 +
<td class="tg-s6z2">2X KAPA HiFi HS</td>
 +
<td class="tg-s6z2">25µL</td>
 +
<td class="tg-s6z2">1X</td>
 +
</tr>
 +
<tr>
 +
<td class="tg-s6z2">10µM Forward Primer**</td>
 +
<td class="tg-s6z2">1.5µL</td>
 +
<td class="tg-s6z2">0.3µL</td>
 +
</tr>
 +
<tr>
 +
<td class="tg-s6z2">10µM Reverse Primer**</td>
 +
<td class="tg-s6z2">1.5µL</td>
 +
<td class="tg-s6z2">0.3µL</td>
 +
</tr>
 +
<tr>
 +
<td class="tg-s6z2">Colony DNA</td>
 +
<td class="tg-s6z2">As Required</td>
 +
<td class="tg-s6z2">As Required</td>
 +
</tr>
 +
 
 +
</table>
 +
* Reaction Volumes may be adjusted between 10 - 50 µL<br>
 +
** Provided by iGem<br><br>
 +
2. Transfer the appropriate volumes of PCR master mix and colony DNA to individual PCR tubes<br>
 +
3. Cap or seal individual reactions.<br>
 +
4. Mix and centrifuge briefly.<br>
 +
5. Preform PCR using the following cycle protocol<br>
 +
<table class="tg">
 +
<tr>
 +
<strong>
 +
<th class="tg-hgcj">Step</th>
 +
<th class="tg-hgcj">Temperature</th>
 +
<th class="tg-hgcj">Duration</th>
 +
<th class="tg-hgcj">Cycles</th>
 +
</strong>
 +
</tr>
 +
<tr>
 +
<td class="tg-s6z2">Initial Denaturing</td>
 +
<td class="tg-s6z2">95°C</td>
 +
<td class="tg-s6z2">3 min</td>
 +
<td class="tg-s6z2">1</td>
 +
</tr>
 +
<tr>
 +
<td class="tg-s6z2">Denaturing</td>
 +
<td class="tg-s6z2">98°C</td>
 +
<td class="tg-s6z2">20 sec</td>
 +
<td class="tg-s6z2">25</td>
 +
</tr>
 +
<tr>
 +
<td class="tg-s6z2">Annealing</td>
 +
<td class="tg-s6z2">61°C</td>
 +
<td class="tg-s6z2">30 sec</td>
 +
<td class="tg-s6z2">25</td>
 +
</tr>
 +
<tr>
 +
<td class="tg-s6z2">Initial Denaturing</td>
 +
<td class="tg-s6z2">72°C</td>
 +
<td class="tg-s6z2">15 sec</td>
 +
<td class="tg-s6z2">25</td>
 +
</tr>
 +
<tr>
 +
<td class="tg-s6z2">Initial Denaturing</td>
 +
<td class="tg-s6z2">72°C</td>
 +
<td class="tg-s6z2">1 min</td>
 +
<td class="tg-s6z2">1</td>
 +
</tr>
 +
 
 +
</table>
 +
 
 +
 
 +
 
 +
  </div>
 +
</div>
 +
 
 +
 
 +
 
 +
<input class="modal-state" id="agarg" type="checkbox" />
 +
<div class="modal">
 +
  <label class="modal__bg" for="agarg"></label>
 +
  <div class="modal__inner">
 +
 
 +
        <center><h1>Agarose Gel Protocol</h1></center>
 +
      <br>
 +
1. Mix 99mL of TA buffer with 1g of Agarose and mix on a hotplate until boil<br>
 +
2. Add 10µL of ethidium bromide after boil and pour into Agarose casting tray<br>
 +
3. Insert comb at desired depth<br>
 +
4. Let stand until gel is formed<br>
 +
5. Add samples into well of desire on Agarose gel<br>
 +
6. Run gel at 70V for desired time<br><br>
 +
 
 +
<h2>Sample Prep</h2>
 +
 
 +
1. Add 10µL sample with 2µL sample buffer for each well. ~1:5 ratio<br>
 +
<strong>NOTE:</strong> allow for excess reagents if needed
 +
 
 +
 
 +
 
 +
  </div>
 +
</div>
 +
 
 +
 
 +
<input class="modal-state" id="reviewa" type="checkbox" />
 +
<div class="modal">
 +
  <label class="modal__bg" for="reviewa"></label>
 +
  <div class="modal__inner">
 +
 
 +
        <center><h1>Review Results</h1></center><br><br>
 +
      1. Any samples under 339 base pairs in length were determined to be unsuccessful as they had no insert
 +
 
 +
  </div>
 +
</div>
 +
 
 +
 
 +
 
 +
 
 +
<input class="modal-state" id="propure" type="checkbox" />
 +
<div class="modal">
 +
  <label class="modal__bg" for="propure"></label>
 +
  <div class="modal__inner">
 +
 
 +
        <center><h1>Protein Purification under Denaturing</h1></center>
 +
      <center><h2>Ni-NTA Spin Kit</h2></center>
 +
<strong>NOTE:</strong> due to dissociation of urea used pH values of buffers will need to be check and if necessary adjusted <br>
 +
<strong>NOTE:</strong> this protocol is suitable for use with frozen cell pellets. Cell pellets frozen for at least 30 minutes at -20°C can be lysed by re-suspending in lysis buffer and adding Benzonase Nuclease (3units/mL culture volume). Fresh pellets require sonication or homogenization in addition. To the addition of 3 units/mL culture volume Benzonase Nuclease and 1mg/mL culture volume lysozyme.<br><br><br>
 +
 
 +
1. Thaw cells for 15 minutes and re-suspend in 700µL buffer B-7M urea and add 3 units/mL culture volume Benzonase Nuclease <br>
 +
<strong>NOTE:</strong> Cells from 5 mL cultures are usually used, but culture volume used depends on protein expression level. Re-suspending pellet in 700µL buffer will allow recovery volume of cleared lysate of approx. 600µL<br><br>
 +
2. Incubate cells with agitation for 15 minutes at room temperature. Solution should become translucent when lysis is complete. <br>
 +
<strong>NOTE:</strong> buffer B is the preferred lysis buffer, as the cell lysate can be analyzed directly by SDS-PAGE. If the cells or the protein do not solubilize buffer A must be used.<br><br>
 +
3. Centrifuge lysate at 12,000xg for 15-30 minutes at room temperature to pellet the cellular debris. Collect supernatant.<br>
 +
<strong>NOTE:</strong> save 20µL of the cleared lysate for SDS-PAGE analysis<br><br>
 +
4. Equilibrate a Ni-NTA spin column with 600µL buffer B-7M urea. Centrifuge for 2 minutes at 890xg (2900RPM).<br>
 +
<strong>NOTE:</strong> the spin columns should be centrifuged with an open lid to ensure that the centrifugation step is completed after 2 minutes.<br><br>
 +
5. Load up to 600µL of the cleared lysate supernatant containing the GxHis-tagged protein onto a pre-equilibrated Ni-NTA spin column. Centrifuge for 5 minutes at 270xg (1600RPM), and collect the flow-through<br>
 +
<strong>NOTE:</strong> to ensure sufficient binding, it is important not to exceed 270xg (1600RPM) when centrifuging Ni-NTA spin columns<br><br>
 +
6. Wash Ni-NTA spin column with 600µL buffer C. Centrifuge for 2 minutes at 890xg (2900RPM)<br>
 +
7. Repeat step 6<br>
 +
8. Elute the protein with 200µL buffer E. Centrifuge for 2 minutes at 890xg (2900RPM) and collect the elute<br>
 +
9. Repeat step 8<br>
 +
 
 +
 
 +
  </div>
 +
</div>
 +
 
 +
<input class="modal-state" id="proex" type="checkbox" />
 +
<div class="modal">
 +
  <label class="modal__bg" for="proex"></label>
 +
  <div class="modal__inner">
 +
 
 +
        <center><h1>Protein expression using BL21(DE3)</h1></center>
 +
1. Transform expression plasmid into BL21 (DE3). Plate on antibiotic selection plates and incubate overnight at 37°C<br>
 +
2. Re-suspend a single successful colony (determined from validating the transformation in 10mL liquid culture with antibiotic<br>
 +
3. Incubate at 37°C until optical density reaches an absorbance of 0.4-0.8<br>
 +
4. Induce with 4 or 40µL of 100mM stock of IPTG (final concentration of 40 or 400µM) and induce for 3 to 5 hours at 37°C <br>
 +
5. For large scale, inoculate 1L of liquid medium (with anitboitic) with freshly grown colony or 10 mL of freshly grown culture. Incubate at 37°C until optical density reaches an absorbance of 0.4-0.8. Add 40 or 400µM IPTG and express protein using optimal time and temperature determined in small scale trial<br>
 +
 
 +
 
 +
  </div>
 +
</div>
 +
<!----------------------------------------------------END MODALS--------------------------------------------------------->
 +
 
 +
 
 +
</div>  
  
  </div>
 
  </div>
 
  
 
   <div class="clear"></div>  
 
   <div class="clear"></div>  
Line 149: Line 1,093:
 
</div>
 
</div>
  
        <div class="footer">
+
 
 +
 
 +
</div>
 +
 
 +
  <div class="clear"></div>
 +
 
 +
 
 +
 
 +
<div class="footer">
 
         <div class="footer_content">
 
         <div class="footer_content">
 
             <div class="footer_left">
 
             <div class="footer_left">
Line 165: Line 1,117:
 
                 <li><a href="http://www.facebook.com/pages/IGEM-2015-NAIT-Edmonton/884025281659292"><img src="https://static.igem.org/mediawiki/2015/a/a3/NAIT_Icon_facebook.png" alt="" title="" /></a></li>
 
                 <li><a href="http://www.facebook.com/pages/IGEM-2015-NAIT-Edmonton/884025281659292"><img src="https://static.igem.org/mediawiki/2015/a/a3/NAIT_Icon_facebook.png" alt="" title="" /></a></li>
 
                 <li><a href="http://www.twitter.com/TeamNAIT2015"><img src="https://static.igem.org/mediawiki/2015/6/64/NAIT_Icon_twitter.png" alt="" title="" /></a></li>
 
                 <li><a href="http://www.twitter.com/TeamNAIT2015"><img src="https://static.igem.org/mediawiki/2015/6/64/NAIT_Icon_twitter.png" alt="" title="" /></a></li>
 +
                <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/ContactUs"><img src="https://static.igem.org/mediawiki/2015/2/29/NAIT_Icon_contact.png" width="20px" alt="" title="" /></a></li>
 
                 </ul>
 
                 </ul>
 
             </div>
 
             </div>
Line 170: Line 1,123:
 
           </div>
 
           </div>
 
         </div>
 
         </div>
</div>
 
  
<style type="text/css">
 
 
#footer {z-index:15;}
 
.footer {position: relative; padding:20px 0 40px 0; margin: -25px 0 0 0; clear:both; width:100%; background-color:#0D4D8C; height:25px;}
 
.footer_content {margin:auto;width:1000px;}
 
.footer_left { float:left; padding:0 0 0 0px;}
 
.footer_right{ float:right; padding:0 0px 0 0;}
 
ul.social_icons { margin:0px; padding:0px; list-style:none;}
 
ul.social_icons li{ float:left;}
 
ul.social_icons li a{width:30px;height:30px;display:block;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;-khtml-border-radius:15px;float:left;margin:0px 0 0px 5px;background-color:#ADD3F0;text-align:center;}
 
ul.social_icons li a#top{width:30px;height:30px;display:block;border-radius:15px;-moz-border-radius:15px;-webkit-border-radius:15px;-khtml-border-radius:15px;float:left;margin:0px 0 0px 5px;background-color:#ADD3F0;text-align:center;}
 
ul.social_icons li a:hover{ background-color:#5AB3E3;}
 
ul.social_icons li a img{ width:60%; display:block; margin:5px auto;}
 
 
ul.footer_menu{ padding:10px 0 0 0; margin:0px; list-style:none;}
 
ul.footer_menu li{ float:left; padding:0 15px 0 0;}
 
ul.footer_menu li a{ background:url(https://static.igem.org/mediawiki/2015/1/17/NAIT_Bullet.png) no-repeat left; padding:0 0 0 12px;}
 
 
 
</style>
 
 
<script type="text/javascript" src="https://2015.igem.org/Team:NAIT_Edmonton/js/scrollReveal.min.js?action=raw&amp;ctype=text/javascript"></script>
 
 
<script type="text/javascript">
 
 
      window.sr = new scrollReveal();
 
 
</script>
 
  
  
 
</body>
 
</body>
 
  
 
</html>
 
</html>

Latest revision as of 11:08, 18 September 2015

Team NAIT 2015

Experimental Design

Go through our interactive experimental design flow chart! Many of our protocols are manufacturer specicfied; however, some are customized by us! Click on the flow chart boxes if the hand cursor appears to read more about our customized protocols.

A PDF of all our protocols can also be found here.

Theorizing our Sequences
Literature has shown certain proteins inherently stain in colour.
Looked up characteristics of said proteins
Isolated and identified the unique characteristics of said proteins so that we can manually write our own sequences and generate custom proteins.
Writing our Sequences
Went down to base pair level and wrote out our sequences with the defining characteristics identified in literature.
PCR
Digestion and Ligation
Transforming Bacteria
Validating the Transformation
Protein Isolation and Purification
SDS PAGE and Silver Staining