Difference between revisions of "Biomod/2011/TUM/TNT/Home"

From OpenWetWare
Jump to: navigation, search
 
(28 intermediate revisions by 8 users not shown)
Line 1: Line 1:
 
{{TUMNanUHeader}}
 
{{TUMNanUHeader}}
<html>
 
<head>
 
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
 
  <script type="text/javascript">
 
  $(document).ready(function(){
 
    $('#lside1').mouseover(function() {
 
    $('#lside1').stop().animate({backgroundPosition: '0px 0px'}, 1000);
 
    });
 
    $('#lside1').mouseleave(function() {
 
    $('#lside1').stop().animate({backgroundPosition: '-250px 0px'}, 1000);
 
    });
 
    $('#lside2').mouseover(function() {
 
    $('#lside2').stop().animate({backgroundPosition: '0px 0px'}, 1000);
 
    });
 
    $('#lside2').mouseleave(function() {
 
    $('#lside2').stop().animate({backgroundPosition: '-250px 0px'}, 1000);
 
    });
 
    $('#lside3').mouseover(function() {
 
    $('#lside3').stop().animate({backgroundPosition: '0px 0px'}, 1000);
 
    });
 
    $('#lside3').mouseleave(function() {
 
    $('#lside3').stop().animate({backgroundPosition: '-250px 0px'}, 1000);
 
    });
 
  });
 
  </script>
 
 
<style type="text/css">
 
  #side1 {
 
    width: 250px;
 
    height: 100px;
 
    position: relative;
 
    top: 0px;
 
    left: 20px;}
 
 
  #lside1 {
 
    width: 250px;
 
    height: 100px;
 
    background: url(http://www.tftshop.net/Testbild_100ppi.jpg) -250px 0px no-repeat;
 
    position: absolute;
 
    top: 0px;
 
    left: 0px;}
 
 
  #side2 {
 
    width: 250px;
 
    height: 100px;
 
    position: relative;
 
    top: 0px;
 
    left: 20px;}
 
 
  #lside2 {
 
    width: 250px;
 
    height: 100px;
 
    background: url(http://www.tftshop.net/Testbild_100ppi.jpg) -250px 0px no-repeat;
 
    position: absolute;
 
    top: 0px;
 
    left: 0px;}
 
 
  #side3 {
 
    width: 250px;
 
    height: 100px;
 
    position: relative;
 
    top: 0px;
 
    left: 20px;}
 
 
  #lside3 {
 
    width: 250px;
 
    height: 100px;
 
    background: url(http://www.tftshop.net/Testbild_100ppi.jpg) -250px 0px no-repeat;
 
    position: absolute;
 
    top: 0px;
 
    left: 0px;}
 
 
  </style>
 
 
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
 
<script type="text/javascript">
 
$(document).ready(function(){
 
 
 
  $('#mainpic').attr('src',
 
'http://openwetware.org/images/4/45/Team_700_600.png');
 
 
 
$("#but1").mouseenter(function() {
 
  $('#mainpic').attr('src', 'http://openwetware.org/images/4/45/Team_700_600.png');
 
  });
 
  $("#but2").mouseenter(function() {
 
  $('#mainpic').attr('src',
 
'http://openwetware.org/images/0/02/U.png');
 
  });
 
  $("#but3").mouseenter(function() {
 
  $('#mainpic').attr('src',
 
'http://openwetware.org/images/d/d7/2011.10.07_theU_BM2_0.42uM_Spermin_A4031.png');
 
  });
 
  $("#but4").mouseenter(function() {
 
  $('#mainpic').attr('src',
 
'http://openwetware.org/images/c/ce/TIRF.png');
 
  });
 
 
});
 
</script>
 
<style type="text/css">
 
#maincon {
 
  width:700px;
 
  height: 492px;
 
  position: relative;
 
  align: center;}
 
#mainpic {
 
  width:700px;
 
  height: 492px;
 
  align: center;}
 
#but1 {
 
  width:80px;
 
  height:60px;
 
  position:absolute;
 
  left:20px;
 
  top:530px;
 
  z-index:2;
 
  background-image:url('http://openwetware.org/images/e/ea/Thumb_Team.png');}
 
#but2 {
 
  width:80px;
 
  height:60px;
 
  position:absolute;
 
  left:120px;
 
  top:530px;
 
  z-index:2;
 
  background-image:url('http://openwetware.org/images/4/4b/Thumb_U.png');}
 
#but3 {
 
  width:80px;
 
  height:60px;
 
  position:absolute;
 
  left:220px;
 
  top:530px;
 
  z-index:2;
 
  background-image:url('http://openwetware.org/images/7/77/Thumb_2011.10.07_theU_BM2_0.42uM_Spermin_A4031.png');}
 
#but4 {
 
  width:80px;
 
  height:60px;
 
  position:absolute;
 
  left:320px;
 
  top:530px;
 
  z-index:2;
 
  background-image:url('http://openwetware.org/images/f/fc/Thumb_TIRF.png');}
 
</style>
 
</head>
 
</html>
 
 
<html>
 
<html>
 
<body>
 
<body>
 
<div id="abstractandlinks">
 
<div id="abstractandlinks">
  <div id="abstract">
+
<div id="abstract">
  <h1>Welcome</h1>
+
<h1>Welcome</h1>
 +
Welcome to the TUM Biomod project 2011! On this page we will present a DNA origami which is used as a biosensor for DNA small molecule interactions. We would like to give you an overview about this project, how we got there, which difficulties we had to face and of course you also have the chance to get to know us a little bit.</br>
 +
<br>
 +
To find out more about <i>The U</i> we highly recommend watching the video.
 +
<br>
 +
<h1>Abstract</h1>
  
Welcome to the TUM Biomod project 2011! On this page we will present a DNA origami which is used as a biosensor for DNA small molecule interactions. We would like to give you an overview about this project, how we got there, which difficulties we had to face and of course you also have the chance to get to know us a little bit.</br>
+
<b>DNA-Origami device to investigate conformational changes of DNA due to interactions with small molecules</b>
</br>
+
<br>
It is known that small DNA-binding molecules including intercalators and groove binders cause changes in the geometry of double-helical DNA. The challenge is that there are changes in length as well as in the twist of the helix. 
+
<br>
</br>
 
</br>
 
Basically our strategy was to design an origami which could be investigated with a TEM and was also suitable for FRET experiments performed both as bulk and single molecule measurements.
 
</br>  
 
</br>  
 
To find out more about <i>The U</i> we highly recommend to watch the video. In case afterwards you are even more interested in our <i>U</i> take the tour and browse this page...
 
</br>
 
</br>
 
  </div>
 
  
 +
Small DNA-binding molecules including intercalators and groove binders cause changes in the geometry of double-helical DNA which may affect transcriptional regulation and nuclease activity. Elucidating the structural changes imposed on DNA including changes in pitch and length can shed light on functional mechanisms in the case of compounds that show selective toxicity such as antibiotic and antiviral activity. Here we report on our efforts in developing a self-assembled DNA-Origami device that can be used both in a fluorometric assay and for transmission electron microscopy with the aim to classify whether a DNA binding molecule is an intercalator or groove binder, and that reports quantitatively on changes in pitch and length caused by DNA-binding molecules. We have tested our device with different DNA binders, spermine, ethidium bromide and DAPI, in different concentrations. In accordance with structure simulations, the local deformations caused by addition of these small molecules led to observable global structural changes.
 +
</div>
 
   <div id="links">
 
   <div id="links">
 
   <h1>Links</h1>
 
   <h1>Links</h1>
  
       <div id="side1" align="center"> <a href='#' id='lside1'></a></div>
+
       <div id="side1" align="center"> <a href='http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Project' id='lside1'></a></div>
       <div id="side2" align="center"> <a href='#' id='lside2'></a></div>
+
       <div id="side2" align="center"> <a href='http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Results' id='lside2'></a></div>
       <div id="side3" align="center"> <a href='#' id='lside3'></a></div>
+
       <div id="side3" align="center"> <a href='http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Methods' id='lside3'></a></div>
 +
      <div id="side4" align="center"> <a href='http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Team' id='lside4'></a></div>
 +
      <div id="side5" align="center"> <a href='http://openwetware.org/wiki/Biomod/2011/TUM/TNT/LabbookA' id='lside5'></a></div>
 +
     
  
  
 
     </div>
 
     </div>
 
<div class="clear"></div>
 
<div class="clear"></div>
 
+
<div id="abstractandlinks">
 
 
</div>
 
 
 
<div id="struktur">
 
 
<h1>Video</h1>
 
<h1>Video</h1>
<iframe width="560" height="315" src="http://www.youtube.com/embed/A6rRGlAUx3k" frameborder="0" allowfullscreen></iframe>
+
<center><iframe width="800" height="450" src="http://www.youtube.com/embed/cv4mFGpLC_w" frameborder="0" allowfullscreen></iframe></center>
</div>
 
 
 
<div id="struktur">
 
  <center><div id="maincon">
 
      <img id="mainpic" />
 
      <div id="but1"></div>
 
 
 
      <div id="but2"></div>
 
 
      <div id="but3"></div>
 
 
      <div id="but4"></div>
 
 
</div>
 
</center>
 
 
 
</div>
 
 
 
 
 
 
<div id="abstractandlinks">
 
  <div id="abstract">
 
  <h1>About Biomod</h1>
 
 
 
Biomod is an international competition around bionanotechnology. Student teams are given the opportunity to develop their own projects. Starting with nothing but a bunch of ideas which are developed to a more detailed concept, experiments have to be designed, performed and evaluated. Finally the teams present their results at a jamboree at Harvard University.
 
 
 
  </div>
 
 
 
  <div id="links">
 
  <h1>Sponsors</h1>
 
 
 
 
 
<p>
 
<center>
 
<table align="center" cellspacing="0" border="0" bgcolor="#f5f5f5" bordercolor="#f5f5f5">
 
 
 
  <tr bgcolor="#f5f5f5">
 
    <a href="http://asta.fs.tum.de/"> <img align="center" src="http://openwetware.org/images/b/b9/AStA-TU-Muenchen.png" scale=0.7 /></a>
 
  </tr>
 
 
 
<tr bgcolor="#f5f5f5">
 
    <p>
 
  </tr>
 
 
 
    <tr bgcolor="#f5f5f5">
 
<a href="http://www.sfb863.de/"><img src="http://openwetware.org/images/1/12/SFB863a.png" width="280px" align="center"/></a>
 
  </tr>
 
 
 
 
</table>
 
</center>
 
<p>
 
 
 
 
 
</div>
 
<div class="clear"></div>
 
 
</div>
 
</div>
 
</body>
 
</body>
 
</html>
 
</html>
 
__TOC__
 
__TOC__

Latest revision as of 23:42, 2 November 2011

<html> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
 <script type="text/javascript">
  $(document).ready(function(){
   $('#lside1').mouseover(function() {
    $('#lside1').stop().animate({backgroundPosition: '0px 0px'}, 1000);
   });
   $('#lside1').mouseleave(function() {
    $('#lside1').stop().animate({backgroundPosition: '-250px 0px'}, 1000);
   });
   $('#lside2').mouseover(function() {
    $('#lside2').stop().animate({backgroundPosition: '0px 0px'}, 1000);
   });
   $('#lside2').mouseleave(function() {
    $('#lside2').stop().animate({backgroundPosition: '-250px 0px'}, 1000);
   });
   $('#lside3').mouseover(function() {
    $('#lside3').stop().animate({backgroundPosition: '0px 0px'}, 1000);
   });
   $('#lside3').mouseleave(function() {
    $('#lside3').stop().animate({backgroundPosition: '-250px 0px'}, 1000);
   });
     $('#lside4').mouseover(function() {
    $('#lside4').stop().animate({backgroundPosition: '0px 0px'}, 1000);
   });
   $('#lside4').mouseleave(function() {
    $('#lside4').stop().animate({backgroundPosition: '-250px 0px'}, 1000);
   });
    $('#lside5').mouseover(function() {
    $('#lside5').stop().animate({backgroundPosition: '0px 0px'}, 1000);
   });
   $('#lside5').mouseleave(function() {
    $('#lside5').stop().animate({backgroundPosition: '-250px 0px'}, 1000);
   });
  });
 </script>

<style type="text/css">

  #side1 {
   width: 250px;
   height: 100px;
   position: relative;
   top: 0px;
   left: 20px;}
  #lside1 {
   width: 250px;
   height: 100px;
   background: url(http://openwetware.org/images/e/ee/1project.png) -250px 0px no-repeat;
   position: absolute;
   top: 0px;
   left: 0px;}
  #side2 {
   width: 250px;
   height: 100px;
   position: relative;
   top: 0px;
   left: 20px;}
  #lside2 {
   width: 250px;
   height: 100px;
   background: url(http://openwetware.org/images/6/68/2results.png) -250px 0px no-repeat;
   position: absolute;
   top: 0px;
   left: 0px;}
  #side3 {
   width: 250px;
   height: 100px;
   position: relative;
   top: 0px;
   left: 20px;}
  #lside3 {
   width: 250px;
   height: 100px;
   background: url(http://openwetware.org/images/f/f5/3methods.png) -250px 0px no-repeat;
   position: absolute;
   top: 0px;
   left: 0px;}
  #side4 {
   width: 250px;
   height: 100px;
   position: relative;
   top: 0px;
   left: 20px;}
  #lside4 {
   width: 250px;
   height: 100px;
   background: url(http://openwetware.org/images/8/8f/4team.png) -250px 0px no-repeat;
   position: absolute;
   top: 0px;
   left: 0px;}
 #side5 {
   width: 250px;
   height: 100px;
   background: url(http://openwetware.org/images/f/f5/3methods.png) -250px 0px no-repeat;
   position: relative;
   top: 0px;
   left: 20px;}
  #lside5 {
   width: 250px;
   height: 100px;
   background: url(http://openwetware.org/images/1/11/5labbook.png) -250px 0px no-repeat;
   position: absolute;
   top: 0px;
   left: 0px;}
 </style>
  <style>
  1. column-one { display:none; width:0px;}

.container{background-color: #f5f5f5; margin-top:50px} .OWWNBcpCurrentDateFilled {display: none;}

  1. content { width: 0px; margin: 0 auto auto 0; padding: 1em 1em 1em 1em; align: center;}
  1. column-content {width: 0px; float: left; margin: 0 0 0 0;padding: 0;}

.firstHeading {display:none; width:0px;}

  1. globalWrapper{ width:1280px;}
  1. column-one {display:none; width:0px;background-color: #ffffff;}
  1. content{ margin: 0 0 0 0; padding: 1em 1em 1em 1em; position: center; width: 800px;background-color: #f5f5f5; }

.container{ width: 800px; margin: auto; background-color: #ffffff; text-align:justify; font-family: helvetica, arial, sans-serif; color:#555555; margin-top:25px; }

  1. bodyContent{ width: 1267px; align: center; background-color: #ffffff;}
  1. column-content{width: 1280px;background-color: #f5f5f5;}

.firstHeading { display:none;width:0px;background-color: #ffffff;}

  1. header{position: center; width: 800px;background-color: #ffffff;}
  1. footer{position: center;}

div.tright { border-bottom-width: 0em; border-left-width: 0px; border-right-width: 0px; border-top-width: 0em; clear: right; float: right;

}

<style type="text/css"> body {

   font-family: helvetica, arial, sans-serif;
   color: black;

background:#f5f5f5;

 }
ul#topnav {

margin: 0 0 0 0px ; padding: 0 0 0 0px; float: left; width: 800px; list-style: none; position: relative;

       font-family: helvetica, arial, sans-serif;

font-size: 12px; background: #f5f5f5;

       height: 5px;

} ul#topnav li { float: left; margin: 0; padding: 0; border-right: 1px solid #ffffff; /*--Divider for each parent level links--*/ } ul#topnav li a { padding: 11px 15px; display: block; color: #333333; text-decoration: none; } ul#topnav li:hover { background: #f5f5f5;} /*--Notice the hover color is on the list item itself, not on the link. This is so it can stay highlighted even when hovering over the subnav--*/

ul#topnav li span { float: left; padding: 15px 0; position: absolute; left: 0; top:30px; display: none; /*--Hide by default--*/ width: 800px; background: #cccccc; color: #333333; /*--Bottom right rounded corner--*/ -moz-border-radius-bottomright: 5px; -khtml-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; /*--Bottom left rounded corner--*/ -moz-border-radius-bottomleft: 5px; -khtml-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; }


  1. abstractandlinks{

display:block; width:800px; background-color:#f5f5f5; text-align:justify;font-family: helvetica, arial, sans-serif; color:#555555; margin-top:0px; }

  1. innerBox

{ display: block; padding: 5px; }

  1. abstract{

font-family: helvetica, arial, sans-serif; width: 490px; margin-top: 20px; padding:0px 5px; float: left;background-color:#f5f5f5; ; }

  1. links{

font-family: helvetica, arial, sans-serif; width: 290px; margin-top: 20px; padding:0px 5px; float: left; background-color:#f5f5f5;; } .clear { clear:both; }

  1. struktur{

font-family: helvetica, arial, sans-serif; width: 790px; padding:0px 5px; float: left;background:#f5f5f5; }

  1. toctitle {align: left; text-align: left; }
  2. table.toc {background-color:"#5f5f5f";align: left; text-align: left;}
  3. toc #toctitle, .toc #toctitle, #toc .toctitle, .toc .toctitle {

text-align: left;

}
  1. toc, .toc, .mw-warning {

background-color: #f5f5f5; border-bottom-color: rgb(170, 170, 170); border-bottom-style: solid; border-bottom-width: 0px; border-left-color: rgb(170, 170, 170); border-left-style: solid; border-left-width: 0px; border-right-color: rgb(170, 170, 170); border-right-style: solid; border-right-width: 0px; border-top-color: rgb(170, 170, 170); border-top-style: solid; border-top-width: 0px; font-size: 105%; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px; align: left; text-align: left; display: left

}


</style>

<head>

<script type="text/javascript"> var fullDates = new Array('08/11/2011','08/12/2011','08/16/2011','08/17/2011','08/23/2011','08/24/2011','08/25/2011','08/29/2011','08/30/2011','08/31/2011','09/01/2011','09/02/2011','09/06/2011','09/12/2011','09/13/2011','09/14/2011','09/15/2011','09/16/2011','09/19/2011','09/20/2011','09/21/2011','09/27/2011','09/28/2011','09/29/2011','09/30/2011','10/05/2011','10/06/2011','10/07/2011','10/10/2011','10/12/2011','10/13/2011','10/14/2011','10/17/2011','10/18/2011','10/19/2011','10/20/2011','10/21/2011','10/26/2011','10/27/2011','10/28/2011','10/30/2011');

$(document).ready(function() {

$("ul#topnav li").hover(function() { //Hover over event on list item $(this).css({ 'background' : '#cccccc'}); //Add background color and image on hovered list item $(this).find("span").show(); //Show the subnav

} ,

$("ul#topnav li").oneclick(function() { //Hover over event on list item $(this).css({ 'background' : '#cccccc'; 'display' : 'inline'}); //Add background color and image on hovered list item $(this).find("span").show(); //Show the subnav

} ,

function() { //on hover out...


$(this).css({ 'background' : 'none'}); //Ditch the background

//$(this).find("span").hide(); //Hide the subnav });

}); </script>


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




<title>

       TUM NanU - Home   

</title> </head>

<body background-color="#F0F0F0"> <!-- Header--> <div class="container">

   <div id="header"> <img src="http://openwetware.org/images/5/5c/Header2.png" /> </div> 
   

<!--Menue--> <ul id="topnav">

   <li><a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Home">Home</a></li>
   <li><a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Project">Project</a>        
     <li><a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Results">Results & Discussion</a>
       
   </li>         
   </li>
   <li><a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Methods">Methods</a>    </li>

<li><a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Team">Team</a></li>

      <li><a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/LabbookA">Labbook</a>


</li>

   <li><a href="http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Extras">Extras</a>
       
  </li>
  <!--Subnav Starts Here-->
       
   </li>

</ul> <p> <br> </p> <p> <br> </p> <p> <br> </p>

</body> </html>

<html> <body> <div id="abstractandlinks"> <div id="abstract"> <h1>Welcome</h1> Welcome to the TUM Biomod project 2011! On this page we will present a DNA origami which is used as a biosensor for DNA small molecule interactions. We would like to give you an overview about this project, how we got there, which difficulties we had to face and of course you also have the chance to get to know us a little bit.</br> <br> To find out more about <i>The U</i> we highly recommend watching the video. <br> <h1>Abstract</h1>

<b>DNA-Origami device to investigate conformational changes of DNA due to interactions with small molecules</b> <br> <br>

Small DNA-binding molecules including intercalators and groove binders cause changes in the geometry of double-helical DNA which may affect transcriptional regulation and nuclease activity. Elucidating the structural changes imposed on DNA including changes in pitch and length can shed light on functional mechanisms in the case of compounds that show selective toxicity such as antibiotic and antiviral activity. Here we report on our efforts in developing a self-assembled DNA-Origami device that can be used both in a fluorometric assay and for transmission electron microscopy with the aim to classify whether a DNA binding molecule is an intercalator or groove binder, and that reports quantitatively on changes in pitch and length caused by DNA-binding molecules. We have tested our device with different DNA binders, spermine, ethidium bromide and DAPI, in different concentrations. In accordance with structure simulations, the local deformations caused by addition of these small molecules led to observable global structural changes. </div>

  <div id="links">
  <h1>Links</h1>
      <div id="side1" align="center"> <a href='http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Project' id='lside1'></a></div>
      <div id="side2" align="center"> <a href='http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Results' id='lside2'></a></div>
      <div id="side3" align="center"> <a href='http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Methods' id='lside3'></a></div>
      <div id="side4" align="center"> <a href='http://openwetware.org/wiki/Biomod/2011/TUM/TNT/Team' id='lside4'></a></div>
      <div id="side5" align="center"> <a href='http://openwetware.org/wiki/Biomod/2011/TUM/TNT/LabbookA' id='lside5'></a></div>
      


   </div>

<div class="clear"></div> <div id="abstractandlinks"> <h1>Video</h1> <center><iframe width="800" height="450" src="http://www.youtube.com/embed/cv4mFGpLC_w" frameborder="0" allowfullscreen></iframe></center> </div> </body> </html>