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

Line 8: Line 8:
  
 
<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://2015.igem.org/index.php?title=
 
−
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>
  
Line 115: Line 131:
  
 
   <div id="wrap">
 
   <div id="wrap">
−
  <div class="desc">
 
  
 
<style type="text/css">
 
<style type="text/css">
  
 
.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;}
 
.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;}
 +
 +
/*----- Accordion -----*/
 +
.accordion, .accordion * {
 +
-webkit-box-sizing:border-box;
 +
-moz-box-sizing:border-box;
 +
box-sizing:border-box;
 +
}
 +
 +
.accordion {
 +
overflow:hidden;
 +
box-shadow:0px 1px 3px rgba(0,0,0,0.25);
 +
border-radius:3px;
 +
background:#FFFFFF;
 +
}
 +
 +
/*----- Section Titles -----*/
 +
.accordion-section-title {
 +
width:100%;
 +
padding:15px;
 +
display:inline-block;
 +
border-bottom:1px solid #FFFFFF;
 +
background:#0D4D8C;
 +
transition:all linear 0.15s;
 +
 +
/* Type */
 +
font-size:1.200em;
 +
color:#fff;
 +
        text-align:center;
 +
}
 +
 +
.accordion-section-title.active, .accordion-section-title:hover {
 +
background:#5AB3E3;
 +
 +
/* 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:15px;
 +
}
  
 
</style>
 
</style>
Line 125: Line 189:
 
<center><div class="top_slogan">The Project</div></center>
 
<center><div class="top_slogan">The Project</div></center>
  
−
<h1>Background</h1></a>
+
 
−
+
<h2>Sodium Dodecyl Sulphide Polyacrylamide Gel Electrophoresis (SDS PAGE) is one of the most prominent techniques used in protein research. However, one of its limitations, more specifically the loss of an accurate point of reference post staining, is attributed to inefficiency and the wasting of time during the research process. From past observations, some proteins inherently produce certain colours post-silver staining. We hypothesized that certain configurations of amino acids produces specific colours when reacting with the reagents of silver staining. In the hopes of creating a new molecular weight ladder, our team designed sequences to code for novel proteins that produce colour. Coloured proteins can also pave the way for new types of colorimetric assays and a less expensive and more accessible counterpart to antibody tags in the future.</h2> <br>
−
<p style="font-size:15px">The structural and functional study of the proteins expressed by a genome is  
+
 
 +
<div class="accordion">
 +
<div class="accordion-section">
 +
<a class="accordion-section-title" href="#accordion-1">Background</a>
 +
<div id="accordion-1" class="accordion-section-content">
 +
The structural and functional study of the proteins expressed by a genome is  
  
 
called proteomics. This relatively novel science uses different methodologies in order to  
 
called proteomics. This relatively novel science uses different methodologies in order to  
Line 175: Line 244:
 
<center><img src="http://www.bio-rad.com/webroot/web/images/lsr/products/electrophoresis/product_overlay_content/global/lsr_biosafe_coomasie_gel.jpg"></center>
 
<center><img src="http://www.bio-rad.com/webroot/web/images/lsr/products/electrophoresis/product_overlay_content/global/lsr_biosafe_coomasie_gel.jpg"></center>
  
−
<br><br>
+
</div><!--end .accordion-section-content-->
 +
</div><!--end .accordion-section-->
  
−
<h1>The Problem </h1></a>
+
<div class="accordion-section">
−
 
+
<a class="accordion-section-title" href="#accordion-2">The Problem</a>
−
<p style="font-size:15px">Difficulties with silver staining arise when the molecular weight markers are re-
+
<div id="accordion-2" class="accordion-section-content">
 +
<p>Difficulties with silver staining arise when the molecular weight markers are re-
  
 
colored golden-brown in the staining process. Markers offer evenly distributed proteins  
 
colored golden-brown in the staining process. Markers offer evenly distributed proteins  
Line 196: Line 267:
  
 
<center><img src="http://labs.mmg.pitt.edu/gjoerup/silver_stain.jpg" width="750px"></center>
 
<center><img src="http://labs.mmg.pitt.edu/gjoerup/silver_stain.jpg" width="750px"></center>
 +
 +
</div><!--end .accordion-section-content-->
 +
</div><!--end .accordion-section-->
 +
 +
<div class="accordion-section">
 +
<a class="accordion-section-title" href="#accordion-3">Our Goal</a>
 +
<div id="accordion-3" class="accordion-section-content">
 +
<p>Our goal is to develop a marker that, when interacting with the reagents used in
 +
 +
the staining protocol, will develop colour bands in specific positions so as to help in the
 +
 +
identification of the protein(s) of interest post-staining. In order to do so, investigation of
 +
 +
how specific amino acids react with silver staining reagents is underway by our team.
 +
 +
This will have as an outcome the creation of novel proteins that contain an excess of a
 +
 +
particular amino acid and/or chemical modifications that will generate a specific colour
 +
 +
after treating it with silver staining reagents. To obtain such proteins, the introduction of
 +
 +
novel nucleotide sequences into a plasmid would be done first by in vitro transcription
 +
 +
translation and later by transforming E. coli cells with expression vectors.</p>
 +
 +
</div><!--end .accordion-section-content-->
 +
</div><!--end .accordion-section-->
 +
 +
<div class="accordion-section">
 +
<a class="accordion-section-title" href="#accordion-4">Our Solution</a>
 +
<div id="accordion-4" class="accordion-section-content">
 +
<p>Design novel protein sequences that will stain in colour.</p>
 +
 +
</div><!--end .accordion-section-content-->
 +
</div><!--end .accordion-section-->
 +
 +
 +
</div><!--end .accordion-->
 +
 
        
 
        
−
  </div>
 
 
   </div>
 
   </div>
  

Revision as of 18:08, 30 July 2015

Team NAIT 2015