|
|
(42 intermediate revisions by 2 users not shown) |
Line 1: |
Line 1: |
− | {{NAIT_Edmonton/CSS2}} | + | {{NAIT_Edmonton/CSS6}} |
| <html> | | <html> |
| | | |
Line 9: |
Line 9: |
| <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&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> |
| | | |
− | </head>
| |
| | | |
− | <body> | + | <!-----------https://static.igem.org/mediawiki/2015/d/d8/El_Capitan_.ttf-------------------> |
| | | |
| | | |
| | | |
− | <div id="header">
| |
− | <div class="header">
| |
| | | |
− | <style type="text/css"> | + | </head> |
| | | |
− | .header_mobile {
| + | <body> |
− | display:none;
| + | |
− | position: absolute;
| + | |
− | background-color:transparent;
| + | |
− | width:65px;
| + | |
− | top: 90px;
| + | |
− | left:50px;
| + | |
− | height:65px;
| + | |
− | z-index:999;
| + | |
− | position:fixed;}
| + | |
| | | |
− | .header_mobile ul {list-style:none; position:absolute;float:right;margin:0;padding-right:125px}
| + | <div class="header"> |
− | .header_mobile ul * {margin:0; padding:0;}
| + | <div class="header_c"> |
− | .header_mobile a {display:block;color:#159CD8;text-decoration:none;padding:15px 50px}
| + | <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> |
− | .header_mobile li {position:relative;float:left; padding:5px 5px 5px 5px} | + | </div> |
− | .header_mobile li a {font-family:'Source Sans Pro', sans-serif;color:#ffffff;font-size:20px;} | + | </div> |
− | .header_mobile li.current-menu-item {background:#5AB3E3}
| + | |
− | .header_mobile ul ul{display:none; position:absolute; top:77%; left:30%; background:#0D4D8C; padding:0 0px 0 0}
| + | |
− | .header_mobile ul ul li:hover{background:#159CD8} | + | |
− | .header_mobile ul ul li{float:none; width:120px} | + | |
− | .header_mobile ul ul a {line-height:100%; padding:0 20px 0 0; font-size:15px } | + | |
− | .header_mobile ul ul ul {top:0; left:200%}
| + | |
− | .header_mobile ul li.selected a{color:#8BC5EB}
| + | |
− | .header_mobile ul li:hover > ul{display:block;}
| + | |
| | | |
| | | |
− | @media screen and (max-width:1000px){
| + | <div class="nav"> |
| | | |
− | .header_left{display:none;}
| |
− | .header_right{display:none;}
| |
− | .header_mobile{display:block;}
| |
| | | |
− | }
| + | <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> |
| | | |
− | </style> | + | <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 90: |
Line 92: |
| </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 99: |
Line 98: |
| <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> |
| | | |
| + | <div id="wrap"> |
| + | <div class="wrapper"> |
| | | |
− | <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;} |
| + | |
| + | #flowchart { |
| + | width: 580px; |
| + | text-align: center; |
| + | font-family: Arial, Helvetica sans-serif; |
| + | font-size: 1.0em; |
| + | margin: auto; |
| + | } |
| + | |
| + | .line1 { |
| + | width: 1px; |
| + | height: 20px; |
| + | background-color: #000; |
| + | margin: 0 auto; |
| + | } |
| + | .clear { |
| + | clear:both; |
| + | } |
| + | |
| + | } |
| + | |
| + | /*----- Accordion -----*/ |
| + | .accordion, .accordion * { |
| + | -webkit-box-sizing:border-box; |
| + | -moz-box-sizing:border-box; |
| + | box-sizing:border-box; |
| + | |
| + | } |
| + | |
| + | .accordion { |
| + | overflow:hidden; |
| + | background:#FFFFFF; |
| + | } |
| + | |
| + | /*----- Section Titles -----*/ |
| + | .accordion-section-title { |
| + | width:100%; |
| + | display:inline-block; |
| + | transition:all linear 0.15s; |
| + | padding:15px; |
| + | margin-right:auto; |
| + | margin-left:auto; |
| + | border-bottom:8px solid #ffffff; |
| + | |
| + | |
| + | /* 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> |
| | | |
− | <center><div class="top_slogan">The Project</div></center> | + | <center><div class="top_slogan">Development and Characterization of Protein Motifs to Generate Colours upon Interaction with Silver Staining Reagents</div></center> |
| | | |
− | <h1>Background</h1></a> | + | |
− |
| + | <h2><b>Abstract: </b>SDS-PAGE is a very popular technique used to separate proteins based on their size. Embedded proteins, invisible to the naked eye, are then visualized by staining. Among the various staining techniques, silver staining is easy to perform and highly sensitive. However, the outcome is a series of monochromatic protein bands. Previously, we observed that some proteins inherently produce different hues post-staining. We hypothesized that specific amino acid configurations yield coloured bands after reacting with silver staining reagents. To test our hypothesis, we created numerous amino acid motifs to elucidate the sequences that would generate specific colours following silver staining. Our findings will let us generate a molecular weight marker with the innate capacity of providing users colour-coded bands post-staining without the use of impregnating dyes. Our technology will also pave the way for new types of colorimetric assays using synthetic proteins</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" style="background-color:#f96040">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 149: |
Line 237: |
| <br> | | <br> |
| | | |
− | <center><img src="http://upload.wikimedia.org/wikipedia/commons/4/46/SDS-PAGE_Electrophoresis.png" width="750px"></center> | + | <center><img src="https://static.igem.org/mediawiki/2015/b/bb/NAIT_SDSPAGE.png" width="750px"></center> |
| + | <p style="font-size:10px">Source: http://upload.wikimedia.org/wikipedia/commons/4/46/SDS-PAGE_Electrophoresis.png</p> |
| | | |
| <br> | | <br> |
Line 173: |
Line 262: |
| <br> | | <br> |
| | | |
− | <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="https://static.igem.org/mediawiki/2015/b/b0/Lsr_biosafe_coomasie_gel.jpg"></center> |
| + | <p><font size="1px">[1] Bio-rad.com, 'Coomassie Stains', 2015. [Online]. Available: http://www.bio-rad.com/webroot/web/images/lsr/products/electrophoresis/product_overlay_content/global/lsr_biosafe_coomasie_gel.jpg. [Accessed: 14- Jun- 2015].</font></p> |
| | | |
− | <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" style="background-color:#FBB252">The Problem</a> |
| + | <div id="accordion-2" class="accordion-section-content"> |
| + | <p>However, there are limitations to using the silver staining technique. The primary issue with the technique is that the users lose the ability to use the color coded molecular weight marker as a reference post-staining. To combat this issue, researchers poke holes into the polyacrylamide gel so that they can retain their molecular weight ladder reference points. However, by doing this we ruin the integrity of the gel making the staining process much more likely to damage or destroy the fragile gel. </p> |
| | | |
− | <p style="font-size:15px">Difficulties with silver staining arise when the molecular weight markers are re- | + | <br> |
| | | |
− | colored golden-brown in the staining process. Markers offer evenly distributed proteins
| + | <center><img src="https://static.igem.org/mediawiki/2015/a/a9/NAIT_SilverStain.jpeg" width="750px"> |
| + | <p style="font-size:10px">Source:http://labs.mmg.pitt.edu/gjoerup/silver_stain.jpg</p> |
| + | </center><br> |
| | | |
− | that show bands of equal intensity and known size. Researchers can compare these
| + | <p>Researchers who have used the technique in the past have also expressed concerns on the time it takes to develop the gel and stain; the possibility of “over-staining” the gel, and the generation of false positives due to the sensitivity of the technique. (An example would be the solutions reacting with particles in the air to provide an unneeded background on the gel) </p> |
| | | |
− | bands with their sample and identify the protein they are looking for based on its size. A
| + | </div><!--end .accordion-section-content--> |
| + | </div><!--end .accordion-section--> |
| | | |
− | subset of these markers has color-coded standard proteins to facilitate the identification
| + | <div class="accordion-section"> |
| + | <a class="accordion-section-title" href="#accordion-3" style="background-color: #f7e133">Our Goal and Solution</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 stain in colour and in specific positions. This technology will aid in the identification of the protein(s) of interest post-staining. In order to do so, we will investigate how specific amino acids react with silver staining reagents. After determining specific motifs, we aim to create novel proteins that contain an excess of that motif, particular amino acid and/or chemical modifications that will generate a specific color after treating it with silver staining reagents. To obtain such proteins, we will introduce novel nucleotide sequences into a plasmid by in vitro transcription translation. <i>E. coli</i> cells with expression vectors will then be transformed with the new plasmids.</p> <br> |
| | | |
− | of each band. Post-silver staining, the users lose the ability to use the color code as a
| + | <p>By testing different techniques to develop and stain the gels we hope to see if the expressed concerns are still an issue, namely time taken to develop the gels and stain them effectively. To investigate this we will use BioRad’s recommended protocol, our protocol developed in-house, and a technique documented in <i>Electrophoresis.</i></p> |
| | | |
− | reference.</p>
| + | </div><!--end .accordion-section-content--> |
| + | </div><!--end .accordion-section--> |
| | | |
− | <br> | + | <div class="accordion-section"> |
| + | <a class="accordion-section-title" href="#accordion-5" style="background-color:#afcf64">Why Does this Matter?</a> |
| + | <div id="accordion-5" class="accordion-section-content"> |
| + | <p>With the current technique used today, researchers poke holes into the PA gel so that they can retain their molecular weight ladder reference points. Not only does this take time to do, but it also ruins the integrity of the gel making the staining process much more likely to damage the fragile gel.</p> |
| | | |
− | <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>
| + | |
− | </div>
| + | |
| | | |
− | <div class="clear"></div>
| + | </div><!--end .accordion--> |
| | | |
| | | |
− | <div class="header_mobile"> | + | |
− | <ul>
| + | <div class="push"></div> |
− | <li><a href="">menu</a>
| + | |
− | <ul>
| + | |
− | <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Team">team</a>
| + | |
− | <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Project">project</a>
| + | |
− | <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Human">human practices</a>
| + | |
− | <li><a href="https://2015.igem.org/Team:NAIT_Edmonton/Notebook">notebook</a>
| + | |
− | </ul>
| + | |
− | </li>
| + | |
− |
| + | |
− | </ul>
| + | |
− | </div> | + | |
− |
| + | |
− | | + | |
| </div> | | </div> |
| + | |
| + | </div> |
| | | |
| | | |
| + | <div class="clear"></div> |
| + | |
| + | |
| | | |
− | <div class="footer">
| + | <div class="footer"> |
| <div class="footer_content"> | | <div class="footer_content"> |
| <div class="footer_left"> | | <div class="footer_left"> |
Line 238: |
Line 332: |
| <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 243: |
Line 338: |
| </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>
| |
| | | |
| </body> | | </body> |
− |
| |
− | <!----------
| |
− |
| |
− | _ __ _
| |
− | ;' '',)
| |
− | /;6 , ;/
| |
− | (Y)_:., |
| |
− | `-', :; \
| |
− | |; ,.:\
| |
− | /:.; ;;)
| |
− | |:;,.'| :/
| |
− | / |: / ; /
| |
− | /:;\ `| "//
| |
− | /_,: | |./,|
| |
− | _/: \.'|,|/| |
| |
− | /:.,:.|,|"| |:|
| |
− | /:;:|:,/;|:| |'|
| |
− | eduardo |',:| \_ \ |_|;\_
| |
− | /;\_ /\_)) \_))\_))
| |
− | (;(________
| |
− | '''''`'''~`
| |
− |
| |
− | ------------------>
| |
− |
| |
| | | |
| </html> | | </html> |