Difference between revisions of "Team:Pittsburgh/Project Overview"

Line 1: Line 1:
 
{{Pittsburgh}}
 
{{Pittsburgh}}
 
<html>
 
<html>
 +
   
 +
<style>
 +
   
 +
    .DNAzyme {
 +
        /*height:165px;
 +
        width:140px;*/
 +
        background: url("https://static.igem.org/mediawiki/2016/0/0f/T--Pittsburgh--Overview_DNAzyme_static.jpg");
 +
        /*margin:auto; /*position the [div] on the center*/*/
 +
    }
 +
    /*this is the hover event trigger*/
 +
    .DNAzyme:hover {
 +
        cursor:pointer;
 +
        background:url("https://static.igem.org/mediawiki/2016/e/e1/T--Pittsburgh--Overview_DNAzyme.gif");
 +
    }
 +
 +
    .imgWrap {
 +
        position:relative;
 +
        height:135px;
 +
        width:135px;
 +
        float:left;
 +
        display: inline-block;
 +
    }
 +
   
 +
    .imgDescription {
 +
        position: absolute;
 +
        bottom:0px;
 +
        left:5px;
 +
        right:5px;
 +
        bottom:5px;
 +
        padding: 5px;
 +
        background: gray;
 +
        color: #fff;
 +
        text-align: center;
 +
        font-size:15px;
 +
        line-height:1em;
 +
 +
        visibility: hidden;
 +
        opacity: 0;
 +
        -webkit-transition: all 0.2s ease;
 +
-moz-transition: all 0.2s ease;
 +
-ms-transition: all 0.2s ease;
 +
-o-transition: all 0.2s ease;
 +
transition: all 0.2s ease;
 +
        }
 +
 +
 +
    .imgWrap:hover .imgDescription {
 +
        visibility: visible;
 +
        opacity: 1;
 +
    }
 +
   
 +
</style>   
 +
   
 +
   
 +
<div style="max-width:1000px; margin:0 auto; padding:0px 10px 10px 10px;">
 +
<div class="column full_size">
 +
<p>Learn more about how Hot Metal Switch works</p>
 +
</div>
 +
 +
<div class="table column full_size" style="padding-top:0;">
 +
<h2 style="color=rgb(0,0,128); padding-top:0;">Contents</h2>
 +
<ul class="table">
 +
    <li><a href="#intro" class="table">Hot Metal Switch</a></li>
 +
    <li><a href="#in_vitro" class="table"><i>In Vitro</i> Protein Synthesis</a></li>
 +
    <li><a href="#circuit" class="table">Genetic Circuit</a></li>
 +
   
 +
    <div class="imgWrap">
 +
    <a href="#DNAzyme" class="table"><img src="" alt="DNAzyme" style="width:125px;padding:5px;"></a><span class="imgDescription">DNAzyme</span></div>
 +
   
 +
    <div class="imgWrap">
 +
    <a href="#switch" class="table"><img src="" alt="Switch" style="width:125px;padding:5px;"></a><span class="imgDescription">Toehold Switch</span></div>
 +
   
 +
    <div class="imgWrap">
 +
    <a href="#reporter" class="table"><img src="" alt="Reporter" style="width:125px;padding:5px;"></a><span class="imgDescription">Reporter</span></div>
 +
   
 +
    <div class="imgWrap">
 +
    <a href="#amplifier" class="table"><img src="" alt="Amplifier" style="width:125px;padding:5px;"></a><span class="imgDescription">Amplifier</span></div>
 +
   
 +
</ul>
 +
</div>
 +
 +
<div style="clear:both;" class="notebook column full_size">
 +
    <span class="anchor" id="intro"></span>
 +
    <h1>Hot Metal Switch</h1>
 +
    <p>Hot Metal Switch is a cell-free sensor that conditionally expresses <i>lacZ</i> only in the presence of the target metal, either lead or thallium. The metal ion detection is based on specific DNAzymes that are cleaved in the presence of their target metal. The released DNA strand activates a toehold switch regulated by the T7 promoter system, which will promote transcription of T3 RNA polymerase. The T3 RNA polymerase will activate the expression of <i>lacZ</i>, which will produce a color change visible to the naked eye. The T3 RNA polymerase will also activate additional expression of itself to amplify the original signal from the DNAzyme cleavage.</p>
 +
   
 +
  <span class="anchor" id="in_vitro"></span>
 +
    <h1><i>In Vitro</i> Protein Synthesis</h1>
 +
   
 +
    <span class="anchor" id="circuit"></span>
 +
    <h1>Genetic Circuit</h1>
 +
   
 +
    <span class="anchor" id="DNAzyme"></span>
 +
    <h2>DNAzyme</h2>
 +
   
 +
    <span class="anchor" id="switch"></span>
 +
    <h2>Toehold Switch</h2>
 +
   
 +
    <span class="anchor" id="reporter"></span>
 +
    <h2>Reporter</h2>
 +
   
 +
    <span class="anchor" id="amplifier"></span>
 +
    <h2>Amplifier</h2>
 +
 +
   
 +
   
 +
   
 +
</div> 
 +
   
 +
   
 +
   
 +
    </div>
 +
   
 
</html>
 
</html>

Revision as of 02:36, 4 September 2016

Thank you to our sponsors!

Office of the Provost Department of Bioengineering Department of Biological Sciences Department of Chemistry Swanson School of Engineering
IDT NEB Experiment

Learn more about how Hot Metal Switch works

Contents

Hot Metal Switch

Hot Metal Switch is a cell-free sensor that conditionally expresses lacZ only in the presence of the target metal, either lead or thallium. The metal ion detection is based on specific DNAzymes that are cleaved in the presence of their target metal. The released DNA strand activates a toehold switch regulated by the T7 promoter system, which will promote transcription of T3 RNA polymerase. The T3 RNA polymerase will activate the expression of lacZ, which will produce a color change visible to the naked eye. The T3 RNA polymerase will also activate additional expression of itself to amplify the original signal from the DNAzyme cleavage.

In Vitro Protein Synthesis

Genetic Circuit

DNAzyme

Toehold Switch

Reporter

Amplifier