Biomod/2011/IITM/AcidArtists/Project

From OpenWetWare
Jump to: navigation, search

<html> <head> <style> /*

  1. bodyContent{text-align:center;}
  • /

ul.polaroids { width: 970px; margin: 0 0 18px -30px; } ul.polaroids li { display: inline; } ul.polaroids a{display: inline; float: left; margin: 0 0 27px 30px; width: auto; padding: 10px 10px 15px; text-align: center; font-family: "Marker Felt", sans-serif; text-decoration: none; color: #333; font-size: 18px; -webkit-transform: rotate(-2deg); -webkit-transition: -webkit-transform .15s linear; -moz-transform: rotate(-2deg); } ul.polaroids img { display: block; width: 300px; margin-bottom: 12px; -webkit-transform: rotate(-2deg); -webkit-transition: -webkit-transform .15s linear; -moz-transform: rotate(-2deg); }

  1. content{

color:#111; background:none; border:none; } .portlet .pBody { border:none; background:none; z-index:-1; } .portlet a{color:#white;} .pBody a{color:#white;}

  1. footer{background:none; border:none;}
  2. footer li{color:#333;;}
  3. footer li a {color:#333;;}


h1, h2, h3, h4, h5, h6, p, a, pre{color:#333;; font-family: 'Trebuchet MS', Helvetica, sans-serif;}

  1. menu ul{list-style:none;}
  2. menu ul li{float:left; width:125px; text-align:center; background:#234ade; margin:5px; cursor:pointer}
  1. content_container{width:1%;height:10px; background:#333; position:absolute; top:260px; display:none; left:495%; opacity:0.8;

border-radius:20px;-moz-border-radius:20px;-webkit-border-radius:20px; border:1px #AAA solid; }

  1. close_container{position:absolute;left:98.5%;top:5px;,cursor:pointer;}

.contents{float:none; position:absolute; width:89%; text-align:justify; top:280px; display:none; height:316px; overflow:auto; padding:16px;}

.slide_show_pic{ position:absolute; top:-40px; left:160px; display:none; height:400px; }

/*stack*/

.stack { position: fixed; bottom: 60px; right: 60px; } .stack > img { position: relative; cursor: pointer; padding-top: 35px; z-index: 2; left:20px;} .stack ul { list-style: none; position: absolute; top: 5px; cursor: pointer; z-index: 1; } .stack ul li { position: absolute; } .stack ul li img { border: 0; } .stack ul li span { display: none; } .stack .openStack li span {

   font-family: "Lucida Grande", Lucida, Verdana, sans-serif;  
   display:block;  
   height: 14px;  
   position:absolute;  
   top: 17px;  
   right:60px;  
   line-height: 14px;  
   border: 0;  
   background-color:#000;  
   padding: 3px 10px;  
   border-radius: 10px;  
   -webkit-border-radius: 10px;  
   -moz-border-radius: 10px;  
   color: #fcfcfc;  
   text-align: center;  
   text-shadow: #000 1px 1px 1px;  
   opacity: .85;  
   filter: alpha(opacity = 85);  

}

.stack img{width:50px;}

/* IE Fixes */ .stack { _position: absolute; } .stack ul { _z-index:-1; _top:-15px; } .stack ul li { *right:5px; }

/*stack close*/

  1. sidebar_bg{

width:150px; background:#000; opacity:0.6; height:830px; display:block; position:absolute; left:-156px; top:-50px; z-index:-100; }

.picture{width:200px;}

ul.polaroids a:after { content: attr(title); }

   /* By default, we tilt all our images -2 degrees */
   ul.polaroids a {
   -webkit-transform: rotate(-2deg);
   -moz-transform: rotate(-2deg);
   }
    
   /* Rotate all even images 2 degrees */
   ul.polaroids li:nth-child(even) a {
   -webkit-transform: rotate(2deg);
   -moz-transform: rotate(2deg);
   }
    
   /* Don't rotate every third image, but offset its position */
   ul.polaroids li:nth-child(3n) a {
   -webkit-transform: none;
   -moz-transform: none;
   position: relative;
   top: -5px;
   }
    
   /* Rotate every fifth image by 5 degrees and offset it */
   ul.polaroids li:nth-child(5n) a {
   -webkit-transform: rotate(5deg);
   -moz-transform: rotate(5deg);
   position: relative;
   right: 5px;
   }
    
   /* Keep default rotate for every eighth, but offset it */
   ul.polaroids li:nth-child(8n) a {
   position: relative;
   top: 8px;
   right: 5px;
   }
    
   /* Keep default rotate for every eleventh, but offset it */
   ul.polaroids li:nth-child(11n) a {
   position: relative;
   top: 3px;
   left: -5px;
   }
   /* Scale the images on hover, add transitions for smoothing things out, and ensure the hover appears on top */
   ul.polaroids img:hover {
   -webkit-transform: scale(1.25);
   -moz-transform: scale(1.25);
   position: relative;
   z-index: 5;
   }

hr{width:80%;}

.stuff_contents{ position:fixed; top:8%; left:13%; display:none; width:80%; color:white; z-index:101; }

  1. contents_stuff p{width:80%; }

</style> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"/></script> <script>

jQuery(function () {

   // Stack initialize  
   var openspeed = 300;  
   var closespeed = 300;  
   $('.stack>img').toggle(function(){  
       //reverse above  
       var $el=$(this);  
       $el.next().removeClass('openStack').children('li').animate({top: '55px', left: '-10px'}, closespeed);  
       $el.next().find('li a>img').animate({width: '50px', marginLeft: '0'}, closespeed);  
       $el.animate({paddingTop: '35'});  
   },function(){  
       var vertical = 0;  
       var horizontal = 0;  
       var $el=$(this);  
       $el.next().children().each(function(){  
           $(this).animate({top: '-' + vertical + 'px', left: horizontal + 'px'}, openspeed);  
           vertical = vertical + 55;  
           horizontal = (horizontal+.75)*2;  
       });  
       $el.next().animate({top: '-50px', left: '10px'}, openspeed).addClass('openStack')  
          .find('li a>img').animate({width: '50px', marginLeft: '9px'}, openspeed);  
       $el.animate({paddingTop: '0'});  
   }); 
 
   // Stacks additional animation  
   $('.stack li a').hover(function(){  
       $("img",this).animate({width: '56px'}, 100);  
       $("span",this).animate({marginRight: '30px'});  
   },function(){  
       $("img",this).animate({width: '50px'}, 100);  
       $("span",this).animate({marginRight: '0'});  
   });  

});

function open_menu(){ var openspeed = 300;

   var closespeed = 300; 

var vertical = 0;

       var horizontal = 0;  
       var $el=$('.stack>img');  
       $el.next().children().each(function(){  
           $(this).animate({top: '-' + vertical + 'px', left: horizontal + 'px'}, openspeed);  
           vertical = vertical + 75;  
           horizontal = (horizontal+.75)*2;  
       });  
       $el.next().animate({top: '-50px', left: '10px'}, openspeed).addClass('openStack')  
          .find('li a>img').animate({width: '50px', marginLeft: '9px'}, openspeed);  
       $el.animate({paddingTop: '0'});

}

jQuery(document).ready(function(){ var name; $(".picture").click(function(){ name="#"+$(this).attr("title"); $("#data_container").fadeIn(); $(name).fadeIn(); });

$("#close_dialog").click(function(){ $("#data_container").fadeOut(); $(name).fadeOut(); });

});

</script> </head>

<body onload="open_menu()">


<div class="stack"> <img src="http://openwetware.org/images/9/9f/Stack.png" alt="stack"> <ul id="stack">

<li><a href="http://openwetware.org/wiki/Biomod/2011/IITM/AcidArtists/Protocols"><span>Protocols</span><img src="http://openwetware.org/images/7/7b/Protocols_pr1.gif" alt="Overveiw"></a></li> <li><a href="http://openwetware.org/wiki/Biomod/2011/IITM/AcidArtists/Brain_storming"><span>Brain Stroming</span><img src="http://openwetware.org/images/3/3f/Brain.png" alt="Brain Storming"></a></li> <li><a href="http://openwetware.org/wiki/Biomod/2011/IITM/AcidArtists/Work_diary"><span>Work Diary</span><img src="http://openwetware.org/images/2/2a/Diary.png" alt="Work diary"></a></li>

<li><a href="http://openwetware.org/wiki/Biomod/2011/IITM/AcidArtists/Overveiw"><span>Overview</span><img src="http://openwetware.org/images/1/13/Papers.png" alt="Overveiw"></a></li>  

<li><a href="http://openwetware.org/wiki/Biomod/2011/IITM/AcidArtists"><span>Home</span><img src="http://openwetware.org/images/f/f0/Home-sm.png" alt="Project"></a></li> </ul> </div>


<div id="menu_desc" style="position:fixed; right:-38px; width:200px; text-align:center; bottom:36px; color:white; cursor:pointer"><b>Menu</b></div>

<div id="contents_stuff"> <h1>Project -- Reversible collection of nano-bots </h1><br/><br/> <h2>Abstract: </h2> <p>The project aims at designing a molecular construct consisting of appendages in the form of single stranded DNA molecules which bind with target molecules to form an aggregate that can be filtered from the containing solution. The appendage strands have DNA sequences complementary to those present on the molecules of interest thus enabling binding between them. The construct is designed using caDNAno and single strands are added to it by extending staple strands at specific locations. The aggregate dimensions are sufficient to be filtered by a porosity of 0.2 μm. The binding between molecules is reversible in nature so as to facilitate reuse of molecules, thereby enhancing cost effectiveness of the technique. The technique can be incorporated into DNA robotics wherein “nano-bots” can be withdrawn from their environment. The long-term objective of the proposed work is to develop similar DNA-origami constructs capable of high-affinity and high-selectivity bio-molecule targeting in vivo.</p><br/> <h2>Inspiration:</h2> <p>A major problem in India is the sanitary condition of water. While large substances can be filtered out using crude techniques; it is particles of smaller dimensions that are a cause of concern. We thought hard along the lines of purification of water. Our idea began with an aim to develop a DNA based nano-molecular structure that can bind to other structures of similar or smaller dimensions and can be filtered out in due time. On further exploration into the field we realized that we are restricting ourselves to only a part of a much wider spectrum and subsequently took our idea a step further. </p> <h2>Our Idea:</h2> <p><i>We recommend you to watch our <a href="#">video</a> in order to gain an insight into our idea</i></p> <p>Our idea primarily deals with the collection and retrieval of nano-robots from their working environment. However, the dimensions of these bots are too miniscule to be filtered out by any commercially existing filter. In order to separate them from their surroundings we need to affix them onto a larger molecule; whose dimensions are sufficient enough to enable filtration. The nanobots in question have single stranded DNA attached to them. These single strands are essential in facilitating the binding to the larger molecule. We have modeled this larger molecule with the assistance of CaDNAno; a software that is used to design nano-structures using DNA strands. This larger molecule is our primary construct. This construct contains DNA single strands as appendages. These strands are of sequences complementary to those on the strands attached Our idea primarily deals with the collection and retrieval of nano-robots from their working environment. However, the dimensions of these bots are too miniscule to be filtered out by any commercially existing filter. In order to separate them from their surroundings we need to affix them onto a larger molecule; whose dimensions are sufficient enough to enable filtration. The nanobots in question have single stranded DNA attached to them. These single strands are essential in facilitating the binding to the larger molecule. We have modeled this larger molecule with the assistance of CaDNAno; a software that is used to design nano-structures using DNA strands. This larger molecule is our primary construct. This construct contains DNA single strands as appendages. These strands are of sequences complementary to those on the strands attached to the nanobots existing in the environment. On addition of the agregator molecule the complementary strands begin binding to each other thereby increasing the dimensions of the aggregate. The aggregate must reach dimensions of atleast 0.2 microns in order to be filtered since that is the minimum pore size of commercially available filters. Further down the line we aspire to make the aforementioned binding reversible. This will facilitate the reuse of the nanobots as well as the agregator in future. The reuse of both components will enhance the cost effectiveness of the technique being employed. </p> <H2>Future Applications</H2> <p>We foresee a myriad of applications for the techniques we are using. Some of the applications we intend to pursue in future are 'Protein Purification' and 'Extraction of Heavy Metal Ions'. </p><br/> <ol> <li><b>Protein Purification</b><br/>On thorough reading of literature we identified protein purification as a potential application of our idea. The proteins we have in mind are those that have the amino acid, cysteine at an end terminal post translation. There are a certain species of enzymes that recognize and bind to a particular alkyl chain. The alkyl chain in question has an azide molecule (N3) at one end and "something???" at the other. On addition of the aforementioned enzyme and alkyl chain to a solution containing the target proteins a series of reactions take place following which we observe the attachment of the alkyl chain to a protein end terminus. Essentially we obtain a molecule which has a protein, an alkyl chain and an azide group bound to each other in that particular order. Subsequently we add single stranded DNA to the solution containing these aggregates. Due to their chemical properties these DNA single strands bind to the azide groups which provides us with DNA strands tagged with proteins. </li>

<li><b>Extraction of Heavy Metal Ions</b> <br/>Our idea can be easily extended into the process of metal ion extraction from solutions. Various metal ions interact with inorganic molecules. These molecules can be incorporated into a DNA based nano-structure following the binding with the metal ions. The nano-structure is analogous to the nano-robot mentioned in our central idea. It will contain DNA single strands with sequences complementary to those on the aggregator which will be added once there are sufficient nano-structures to be withdrawn from solution. </li>

</ol> </div>


</body> </html>