Biomod/2012/Potsdam/DnanoPROT/Overview

From OpenWetWare
Jump to: navigation, search

<html> <head> <style type="text/css">

html,body {height:100%;margin:0;padding:0;}


body {

      /*background-image: url(http://openwetware.org/images/e/ee/UP12_background.jpg);
       background-repeat:repeat-y repeat-x; */       

} .gradient_golden {

  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#0e8cd0, endColorstr=#104871)";
  background-image: -ms-linear-gradient(top, #0e8cd0 0%, #104871 100%);
  background-image: -moz-linear-gradient(top, #0e8cd0 0%, #104871 100%);
  background-image: -o-linear-gradient(top, #0e8cd0 0%, #104871 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0e8cd0), color-stop(1, #104871));
  background-image: -webkit-linear-gradient(top, #0e8cd0 0%, #104871 100%);
  background-image: linear-gradient(to bottom, #0e8cd0 0%, #104871 100%);

}

  1. sidebar-main{
visibility:hidden;

}

  1. content {
   left: 50%;
   margin-left: -480px;
   width: 975px;

}

  1. igem_home {
  font-size: 95%;
  left: 425px;
  position: absolute;
  top: -4px;

}

.gradient_grey{

  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#E6E6E6)";
  background-image: -ms-linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%);
  background-image: -moz-linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%);
  background-image: -o-linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #E6E6E6)); 
  background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%);
  background-image: linear-gradient(to bottom, #FFFFFF 0%, #E6E6E6 100%);

}

.white_bg {

 background-color: white;

}

.box_round {

  width: 955px;
  padding: 5px;
  border-radius: 5px;
  box-shadow:5px 5px 5px #666;

}

.box_round p {

  text-align:justify;

}

.no_padding {

  padding: 0px;

}

.nav_menu {

  width: 965px;
  height: 35px;
  box-shadow:5px 5px 5px #666;

}

  1. menu .selected {
  background-color:#B41111;
  height: 27px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;

}

  1. menu {
 display: block;
 margin: 0px;
 padding: 8px;
 position:relative;
 left: 50%;
 text-align: center;

}

  1. menu ul {
 margin: 0px;

}

  1. menu li {
 list-style: none outside none;
 float:left;
 padding-left: 15px;
 padding-right: 15px;
 margin-right:25px;
 margin-left:25px;
 font-weight: 900;

}

  1. menu li ul{
 list-style: none outside none;
 display:none;
 position: absolute; 
 margin : 0px;
 padding: 0px;

}

  1. menu ul ul {
 padding: 0px;

}

  1. menu li ul li{
 margin : 0px;
 width:inherit;
 font-weight: normal;

}

  1. menu li ul li:hover {
 height:auto;
 float:none;
 text-align:left;

}


  1. menu ul li {
 clear: both;

}

  1. menu a {
 display: block;
 color: white;

}

  1. menu a:hover {
  text-decoration:none;

}

  1. menu li:hover {
  background-color:#B41111;
  height: 27px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;

}


  1. menu li:hover ul {
   display:block;

}

.box_round table {

 background-color: transparent;

}

.block {

display: inline-block;
width : 350px;
height : 200px;

}

table {

 background-color: transparent;

}

table th {

 padding-left: 5px;
 padding-right: 5px;

}

  1. content {
 border: none;
 background-color: transparent;

}

  1. catlinks {
 border:none;
 background-color: transparent;

}


  1. footer-box {
 border:none;
 background-color: transparent;

}

  1. footer {
background-color: transparent;
border: none;

} .center_box {

  text-align: center;

}

  1. p-logo {
 display:none;

}

  1. top-section {
border: none;
height:0px;

}

.firstHeading{

display: none;
padding:0px;

}

  1. banner-wrap {
 padding: 0px;

}

  1. portfolio {
z-index: -200;
height: 280px;

}

  1. portfolio img{
 box-shadow:5px 5px 5px #666;
 width:965px;
 height: 280px;

}

.rollover {

  width: 975px;
  text-align: center;

}

.rollover a{

  display: inline-block;  
  width : 200px;
  margin: 20px;
  height : 200px;
  border-radius : 12px;
  margin: 20px 20px 20px 20px;
  box-shadow:5px 5px 5px #666;

}


  1. rollover-image {
  background-image:url(http://openwetware.org/images/7/77/UP12_Video1.jpg);
  background-position: -0px -0px; 

}

  1. rollover-image:hover {
  background-image:url(http://openwetware.org/images/4/46/UP12_Video2.jpg);
  background-position: 0px -0px;

}

  1. rollover-image-2 {
  background-image:url(http://openwetware.org/images/6/6d/Project1.jpg);
  background-position: 200px -0px;

}

  1. rollover-image-2:hover {
  background-image:url(http://openwetware.org/images/d/d1/Project2.jpg);
  background-position: 200px -0px; 

}

  1. rollover-image-3 {
 background-image:url(http://openwetware.org/images/9/94/UP12_Lab1.jpg);
 background-position: 400px -0px;

}

  1. rollover-image-3:hover {
 background-image:url(http://openwetware.org/images/5/58/Up12_Lab2.jpg);
 background-position: 400px -000px; 

}

  1. rollover-image-8 {
 background-image:url(http://openwetware.org/images/c/cf/UP12_Team1.jpg);
 background-position: 600px -0px;

}

  1. rollover-image-8:hover {
 background-image:url(http://openwetware.org/images/5/5c/UP12_Team2.jpg); */
 background-position: 600px -0px;

}

  1. totop {
 /* background-image:url(http://2012.igem.org/wiki/images/0/0d/Pfeil.png); */
  filter:alpha(opacity=50);
  height: 76px;
  width: 75px;
  position: fixed;
  right: 10px;
  z-index: -20;

}

  1. search-controls {
  width: auto;
  top: -4px;
  right: 200px;
  z-index: 15;

}

input.searchButton {

  color: #ffffff;

}

  1. menu_center {
  float:right;
  position:relative;
  left:-50%;
  text-align:left;

}

input.searchButton:hover {

  color: #B41111;

}

</style> </head> </html> <html> <head> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> <script type="text/javascript"> (function($) {

   $.fn.innerfade = function(options) {
       return this.each(function() {   
           $.innerfade(this, options);
       });
   };
   $.innerfade = function(container, options) {
       var settings = {
       		'animationtype':    'fade',
           'speed':            'normal',
           'type':             'sequence',
           'timeout':          1000,
           'containerheight':  'auto',
           'runningclass':     'innerfade',
           'children':         null
       };
       if (options)
           $.extend(settings, options);
       if (settings.children === null)
           var elements = $(container).children();
       else
           var elements = $(container).children(settings.children);
       if (elements.length > 1) {
           $(container).css('position', 'relative').css('height', settings.containerheight).addClass(settings.runningclass);
           for (var i = 0; i < elements.length; i++) {
               $(elements[i]).css('z-index', String(elements.length-i)).css('position', 'absolute').hide();
           };
           if (settings.type == "sequence") {
               setTimeout(function() {
                   $.innerfade.next(elements, settings, 1, 0);
               }, settings.timeout);
               $(elements[0]).show();
           } else if (settings.type == "random") {
           		var last = Math.floor ( Math.random () * ( elements.length ) );
               setTimeout(function() {
                   do { 

current = Math.floor ( Math.random ( ) * ( elements.length ) ); } while (last == current ); $.innerfade.next(elements, settings, current, last);

               }, settings.timeout);
               $(elements[last]).show();

} else if ( settings.type == 'random_start' ) { settings.type = 'sequence'; var current = Math.floor ( Math.random () * ( elements.length ) ); setTimeout(function(){ $.innerfade.next(elements, settings, (current + 1) % elements.length, current); }, settings.timeout); $(elements[current]).show(); } else { alert('Innerfade-Type must either be \'sequence\', \'random\' or \'random_start\''); } }

   };
   $.innerfade.next = function(elements, settings, current, last) {
       if (settings.animationtype == 'slide') {
           $(elements[last]).slideUp(settings.speed);
           $(elements[current]).slideDown(settings.speed);
       } else if (settings.animationtype == 'fade') {
           $(elements[last]).fadeOut(settings.speed);
           $(elements[current]).fadeIn(settings.speed, function() {

removeFilter($(this)[0]); });

       } else
           alert('Innerfade-animationtype must either be \'slide\' or \'fade\'');
       if (settings.type == "sequence") {
           if ((current + 1) < elements.length) {
               current = current + 1;
               last = current - 1;
           } else {
               current = 0;
               last = elements.length - 1;
           }
       } else if (settings.type == "random") {
           last = current;
           while (current == last)
               current = Math.floor(Math.random() * elements.length);
       } else
           alert('Innerfade-Type must either be \'sequence\', \'random\' or \'random_start\'');
       setTimeout((function() {
           $.innerfade.next(elements, settings, current, last);
       }), settings.timeout);
   };

})(jQuery);

// **** remove Opacity-Filter in ie **** function removeFilter(element) { if(element.style.removeAttribute){ element.style.removeAttribute('filter'); } }

$(document).ready( function(){

$('#portfolio').innerfade({ speed: 'slow', timeout: 8000, type: 'sequence', containerheight: '280px' });

$('.fade').innerfade({ speed: 'slow', timeout: 1000, type: 'sequence', containerheight: '1.5em' }); } );


</script> </head> </html>


<html> <div id="banner-wrap"> <div id="portfolio"> <a href="http://openwetware.org/wiki/Biomod/2012/Potsdam/DnanoPROT"><img src="http://openwetware.org/images/8/8c/Header3.jpg"/></a> <a href="http://openwetware.org/wiki/Biomod/2012/Potsdam/DnanoPROT"><img src="http://openwetware.org/images/e/e8/Header1.jpg"/></a> <a href="http://openwetware.org/wiki/Biomod/2012/Potsdam/DnanoPROT"><img src="http://openwetware.org/images/2/20/Header2.jpg"/></a> <a href="http://openwetware.org/wiki/Biomod/2012/Potsdam/DnanoPROT"><img src="http://openwetware.org/images/e/e8/Header4.jpg"/></a> <a href="http://openwetware.org/wiki/Biomod/2012/Potsdam/DnanoPROT"><img src="http://openwetware.org/images/0/09/UP12_header.jpg"/></a> </div> </div> <div class="clearfix"> </div> </html> <html> <div class="nav_menu gradient_golden"> <div id="menu_center"> <ul id="menu"> <li><a href="http://openwetware.org/index.php?title=Biomod/2012/Potsdam/DnanoPROT">Home</a></li> <li><a href="http://openwetware.org/wiki/Biomod/2012/Potsdam/DnanoPROT/Overview">Overview</a> <li><a href="http://openwetware.org/wiki/Biomod/2012/Potsdam/DnanoPROT/Project">Project</a> <li><a href="http://openwetware.org/wiki/Biomod/2012/Potsdam/DnanoPROT/Lab">Lab</a> <li><a href="http://openwetware.org/wiki/Biomod/2012/Potsdam/DnanoPROT/Team">Team</a> </ul> </div> </div> </html>

Project Overview

Project goals and motivation

Designing 100-nm scale structures with DNA origami is a rational approach with a very high success rate. However, at a smaller scale DNA falls short on structural plasticity and chemical versatility, features which in nature are provided by proteins. Hence it is very desirable to combine DNA structuring with functional protein units. Consequently, the first part of our project is devoted to two ideas on how to combine DNA origami with proteins such that the DNA origami 'carries' the protein.

Reading on DNA origami, we realized that several groups propose to use DNA structures to encapsulate other molecules small and large in order to deliver them to cells for pharmacological purposes. Again, nature has already developed powerful mechanisms to do so. Viruses are versatile nano-structures with a proven track record to deliver DNA or RNA to cells from unicellular organisms to humans. Compared to our above mentioned idea of proteins on DNA, we found this conceptually intriguing, because a virus is protein nano-structure which 'carries' a DNA. One should also not forget that DNA origami are based on a viral DNA (M13 phage) which in nature is delivered by proteins. Therefore, the second part of our project is devoted to the idea to attach proteins to a viral nano-structure.

The two parts of our project (part I: protein on DNA nano-structure; part II: protein on viral nano-structure) are linked by our attempt to use the same coupling principles. Our idea was to use peptide ligation to attach a protein either to a small peptide, which is azide modified for additional click chemistry, or directly to the virus shell. Conceptually, a peptide adapter can also be ligated to the virus capsid enabling the chemical coupling of the virus to DNA. We envisioned to use the enzyme sortase for peptide ligation, which mediates the linkage of a C-terminal amino-acid tag with the sequence ‘LPXTG’ to the N-terminal amino-acid tag G5 (penta Gly). The azide modified peptide is coupled to an alkyne modified DNA by a 'click' reaction (Huisgen cyclization). The respective oligonucleotide can be hybridized to our origami structures.

For the ‘protein on DNA nano structure’ part we also used chemically modified oligonucleotides which are recognized by monoclonal antibodies. We wanted to test how this can be used to generate two dimensional DNA origami patterns and to train our DNA origami and AFM skills. We used triangular origami presenting the modification either at the corners or at the center of the outer legs.

Project achievement overview

  • We generated triangular DNA origami based on Rothemund’s design. We modified these DNA origami with A- and T-tail oligonucleotide pairs, which added biotin to the corner or the middle of the structure. Using a bivalent anti-biotin IgG antibody, we obtained two dimensional DNA origami patterns.
  • We designed an alkyne modified oligonucleotide and an azide modified penta-Gly peptide and tested their cycloaddition.
  • We cloned and produced in HEK 293 cells a recombinant AAV virus with a penta-Gly motif at the N-terminus of a capsid protein. Using this virus particle to deliver a gene coding for a cyan fluorescent protein, we demonstrated that the modified rAAV can still infect a human cell line.
  • We cloned and expressed in E. coli a protein with an N-terminal LPXTG motif.

Project video

<html> <center> <iframe width="640" height="360" src="http://www.youtube.com/embed/VdWIB7bJxoc?feature=player_detailpage" frameborder="0" allowfullscreen></iframe>

</center>

</html>