Biomod/2012/TU Dresden/Nanosaurs: Difference between revisions

From OpenWetWare
Jump to navigationJump to search
No edit summary
No edit summary
 
(69 intermediate revisions by 3 users not shown)
Line 1: Line 1:
<br>
{{Biomod/2012/TU Dresden/Nanosaurs/Header}}
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<html>
 
<html>
<script type="text/javascript" src="http://biomod-dresden-2012.googlecode.com/svn/trunk/js/jquery.tweet.js"></script> <!-- tweet import -->
 
<!--Start of CSS modifications to base homepage given by Harvard/Wyss Institute -->
<script type"text/javascript">
<style type="text/css">
$(document).ready(function(){
 
window.scrollTo(0, 155);
body{background-color: white;}
$(".tweet").tweet({
 
  count: 6,
#p-personal{display:none;}
  query: "from:nanosaurs",
 
  loading_text: "searching twitter..."
#sidebar-main{
});
              display:none;
              widtht: 0px;
    });
              left: 0px;
</script>
}
 
h1.firstHeading{
                display: none;
 
}
 
 
#content{       
        margin: 35px 200px 0px 200px;
        padding: 10px 10px 10px 10px;       
        background-color: #C0C0C0;
}
 
#p-cactions{position: absolute;
          top: 10px;
          left: 0px;
          font-size: 14px;         
}
 
#footer{  position: relative;
          bottom: 0px;
}
 
 
#contentSub{
                position: absolute;
                font-size:20px;
left: -390px;
top: 0px;
                z-index: 5;
  }
 
</style>
<!-- End of modifications to base homepage -->
 
<!-- Start of our CSS -->
<style type="text/css">
 
/*Specs for Dresden pic in the header*/
#dresden-pic{                 
            position: absolute;
            top: 0px;
            right: 0px;
}
 
/*Team logo specs*/
#team-logo{
            position: absolute;
            top: 0px;
            left: 0px; 
            font-size: 44px;
            color: #0066CC;   
            background: #0066CC;   
}
 
/*General menu bar specs*/
ul#top-menu{ 
            position: absolute;
            top: 250px;
            left: 0px;
            list-style: none;
            padding: 0px 0px 0px 0px;
            margin: 0px 0px 0px 0px;           
            width: 948px;
            background: #3D3D3D;
            float: left;
            font-size: 24px; 
            /*background: url(exports-hal/users/studenthome/gscanon/Downloads/MgCl2ConcGel.png) repeat-x;*/ /*Optionalimage*/         
}
 
/*Particular specs for the list comprised in the menu*/
ul#top-menu li{
            margin: 0px;
            padding: 0px 0px 0px 0px;
            float: left;
            position: relative;
}
 
/*Specs for the links in the menu*/
ul#top-menu li a{
            padding: 5px 20px 5px 20px;
            color: #fff;
            display: block;
            float: left; 
            text-decoration: none;         
}
 
/*Hover effect for the links in the menu*/
ul#top-menu li a:hover{         
            /*background: url(Downloads/JQueryDropdownMenu/topnav_hover.gif) repeat-x;*/ /*Optional image*/ 
            background: #4ECC63;           
}
 
 
/*Specs for the submenues*/
ul#top-menu li ul.sub-menu{
            list-style: none;
            position: absolute;
            top: 35px; left: 0px;
            background: #3D3D3D;
            margin: 0; padding: 0;
            display: none;
            float: left;
            width: 170px;
            border: 1px solid #111;           
}  
 
/*Specs for the list in the submenu*/
ul#top-menu li ul.sub-menu li{
            margin: 0; padding: 0;
            border-top: 1px solid #252525;
            border-bottom: 1px solid #444;
            clear: both;
            width: 170px; 
{
 
/*Specs for the links in the submenues*/
ul#top-menu li ul.sub-menu li a{
            float: left;
            width: 145px;
            padding-left: 20px;
}
 
/*Hover effect for the submenues*/
ul#top-menu li ul.submenu li a{
            background: #4ECC63;
}
 
</style>
<!-- End of our CSS -->
 
 
 
 
<head>  
 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
<script type"text/javascript">
$(document).ready(function(){
  $("#urs").click(function(event){
    alert("AAAAAu");
  });
});
</script>
 
</head>
<body>
<body>


<div id="dresden-pic">
<div id="main_saurs">
<img src="http://openwetware.org/images/3/39/DresdenNight.png" alt="Panorama of Dresden at night" width="700" height="250" />
</div>
 
<div id="team-logo">
<p> TEAM  LOGO </p>
<p> :)  :)  :)  :) :) :)</p>
<p> :)  :)  :)  :) :) :)</p>
</div>
 
 
<ul id="top-menu">
<li><a href="#">Home</a></li>
<li><a href="#">Team</a></li>
<li><a href="#">Project</a>
    <ul class="sub-menu">
        <li>Idea</li>
        <li>Description</li>
        <li>Results</li>
    </ul>   
</li>
<li><a href="#">Notebook</a></li>
<li><a href="#">Outreach</a></li>
<li><a href="#">Gallery</a></li>
<li><a href="#">Sponsors</a></li>
</ul>
 
 
<!--
<div id="central-panel">
 
<img src="http://openwetware.org/images/9/9e/TU_Logo.png" id="logoTU" alt="Dresden Nanosaurs Logo" width="350" height="130" />
 
</div>
<img src="http://openwetware.org/images/6/61/BIOTEC_Logo.png" id="logoBIOTEC" alt="Dresden Nanosaurs Logo" width="250" height="90" />
<div id="prueba">
<img src="http://openwetware.org/images/3/39/DresdenNight.png" id="dresden-pic" alt="Panorama of Dresden at night" width="700" height="250" />
</div>
 
 
<img src="http://openwetware.org/images/0/0f/BCUBE_Logo.png" id="logoBCUBE" alt="Dresden Nanosaurs Logo" width="130" height="130" />
 
<img src="http://openwetware.org/images/6/61/BIOTEC_Logo.png" id="logoBIOTEC" alt="Dresden Nanosaurs Logo" width="350" height="130" />
-->
 
 
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
<br>
 
<a id="urs" href="#">Click me!</a>
 
<!--
<div class="centralPanel">
<ul >
<li>1
<li>2
</ul>
</div>
-->
</body>
</html>
 
 
 
<!--
{{Template:Intro}}
-->
 
<!--
<html>
<head>
<style type="text/css">
a:hover{
text-transform:uppercase;
color: green;
font-weight:bold;
letter-spacing:10px;
}
</style>
</head>
<body>
<a>urs</a>
</body>
</html>
[http://www.example.com link title]
== Section2 ==
== Section3 ==
== Section4 ==
[http://http://openwetware.org/wiki/Biomod/2012/TU_Dresden/Nanosaurs:Progress Project Advances]
 
 
 
<h3 style="background-color:#9FCDA0">Welcome to the Wiki of the Dresden Nanosaurs! During the next weeks and months
we are going to update this page and post our progress of the project.</h3>
 
<blockquote>"Good, better, best. Never let it rest. 'Til your good is better and your better is best"</blockquote>
 
[[Image:Philosoraptor.jpg]]
 
[[Image:Figwever.jpg]]


[[Image:FigDNA.jpg]]
<h2>Welcome</h2>
<p>We, the Dresden Nanosaurs from Germany, invite you to a ride through our quest to design a stunning nano-biomolecular system for the <a href="http://biomod.net/">BIOMOD</a> competition 2012. We propose a novel biological tethering system based on the technologies of DNA origami and vesicular transport. The illustration below describes the principle of our system.
</p>
<h2>Signal-driven tethering system</h2>
<div class="big_img"><a rel="lightbox" href="http://openwetware.org/images/7/7b/BM12_nanosaurs_Comic_all.jpg">
<img src="http://openwetware.org/images/b/bd/BM12_nanosaurs_Comic_all_m.jpg"></a>
<div id="mini_pics">
<a href="http://openwetware.org/wiki/Biomod/2012/TU_Dresden/Nanosaurs/Project/DNA%20origami"><img src="http://openwetware.org/images/d/dd/BM12_nanosaursOrigami.png"></a>
<a href="http://openwetware.org/wiki/Biomod/2012/TU_Dresden/Nanosaurs/Project/DNA%20origami"><img src="http://openwetware.org/images/4/47/BM12_nanosaursReceiver-strands.png"></a>
<a href="http://openwetware.org/wiki/Biomod/2012/TU_Dresden/Nanosaurs/Project/Aptamer_lock"><img src="http://openwetware.org/images/1/1c/BM12_nanosaursLock.png"></a>
<a href="http://openwetware.org/wiki/Biomod/2012/TU_Dresden/Nanosaurs/Project/Aptamer_lock"><img src="http://openwetware.org/images/5/5b/BM12_nanosaursKey.png"></a>
<a href="http://openwetware.org/wiki/Biomod/2012/TU_Dresden/Nanosaurs/Project/Vesicles"><img src="http://openwetware.org/images/e/e0/BM12_nanosaursCatcher-strands.png"></a>
<a href="http://openwetware.org/wiki/Biomod/2012/TU_Dresden/Nanosaurs/Project/Vesicles"><img src="http://openwetware.org/images/d/d7/BM12_nanosaursGUV.png"></a>
</div>
</div>
<p>
On a central giant vesicle, illustrated as a large yellow sphere, switchable DNA origami boxes are attached on its surface. In the presence of certain signal proteins, the closed DNA origami boxes get unlocked and open up. DNA single strands that were shielded before are now accessible. Therefore they can specifically hybridize with complementary strands on smaller vesicles. Hence multiple smaller vesicles can be specifically attracted to the central giant vesicle.<br/>
To better understand the different components, you may click on the images below the panel.
</p>
        <h2>Highlights</h2>
        <p>Below you can see some of our most appealing results: an image of the tethering of vesicles taken with LSM (Laser Scanning Microscopy) and an AFM (Atomic Force Microscopy) image of the correct folding of the open DNA origami structure.
        </p>


[[Image:FigGUV.jpg]]
<div class="big_img"><a rel="lightbox" href="http://openwetware.org/images/0/02/BM12_nanosaurs_Main_Page_Result_Picture_Final.jpg">
-->
<img src="http://openwetware.org/images/0/02/BM12_nanosaurs_Main_Page_Result_Picture_Final.jpg"></a>
</div>
</div>
<div id="video"><iframe width="200" height="200" src="http://www.youtube.com/embed/HcMopZIc1Mg" frameborder="0" allowfullscreen></iframe></div>
<div id="twitter">
<div id="follow"><a href="http://twitter.com/nanosaurs">follow us<img id="logo_twitter" src="http://openwetware.org/images/6/6b/BM12_nanosaurs_Twitter.png"></a></div>
<div class="tweet"></div>
</div>
<div id="share"><div class="addthis_toolbox addthis_default_style"><a class="addthis_button_facebook"><img src="http://openwetware.org/images/a/a7/BM12_nanosaurs_Facebook.png"></a><a class="addthis_button_google_plusone_share"><img src="http://openwetware.org/images/c/c9/BM12_nanosaurs_Google.png"></a><a class="addthis_button_compact"><img src="http://openwetware.org/images/1/14/BM12_nanosaurs_Plus.png"></a></div></div>
<div class="clear"></div>
</body>
</html>

Latest revision as of 21:52, 27 October 2012

<html> <!--import jquery libraries--> <script src="http://biomod-dresden-2012.googlecode.com/svn/trunk/js/jquery-1.8.2.min.js"></script> <script src="http://biomod-dresden-2012.googlecode.com/svn/trunk/js/jquery-ui-1.9.1.custom.min.js"></script> <script src="http://biomod-dresden-2012.googlecode.com/svn/trunk/js/jquery.smooth-scroll.min.js"></script> <script src="http://biomod-dresden-2012.googlecode.com/svn/trunk/js/lightbox.js"></script> <script type="text/javascript" src="http://biomod-dresden-2012.googlecode.com/svn/trunk/js/jquery.queryloader2.js"></script> <!-- progress preloading--> <script type="text/javascript" src="http://biomod-dresden-2012.googlecode.com/svn/trunk/js/superfish.js"></script> <!-- menu bar--> <script type="text/javascript" src="http://biomod-dresden-2012.googlecode.com/svn/trunk/js/jquery.hoverIntent.minified.js"></script> <!-- replaces hover for navigation--> <script type="text/javascript" src="http://biomod-dresden-2012.googlecode.com/svn/trunk/js/jquery.scrollTo-1.4.3.1-min.js"></script> <script type="text/javascript" src="http://biomod-dresden-2012.googlecode.com/svn/trunk/js/jquery.localscroll-1.2.7-min.js"></script> <!--import webfonts--> <link href='http://fonts.googleapis.com/css?family=Merriweather:400,700' rel='stylesheet' type='text/css'> <link href='http://biomod-dresden-2012.googlecode.com/svn/trunk/css/superfish.css' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="http://biomod-dresden-2012.googlecode.com/svn/trunk/css/lightbox.css" type="text/css" media="screen" /> <link rel="stylesheet" href="http://code.jquery.com/ui/1.9.0/themes/base/jquery-ui.css" /> <script type"text/javascript"> // Main function that waits for the browser to be ready $(document).ready(function(){ //make css accesible, please change the alter_css to chnage the style var alter_css = $("#alter_css").html(); $("style").remove(); $('head').append('<link rel="stylesheet" href="/skins/monobook/shared.css?164" type="text/css" />'); $('head').append('<link rel="stylesheet" href="http://biomod-dresden-2012.googlecode.com/svn/trunk/nanos.css" type="text/css" />'); //additional divs $(".firstHeading").wrap('<div id="header"></div>'); $(".firstHeading").wrap('<div id="inner_header"></div>'); $(".firstHeading").wrap('<div id="title_con"></div>'); var nav = $("#nav").html(); $('#inner_header').append(nav); $('#inner_header').append('<div class="clear"></div>'); //clean up wiki framework $("#sidebar-main").remove(); $(".portlet").remove(); //fix breadcrumbs $('#contentSub').remove(); //fix heading var h1 = $(".firstHeading").text().split("/"); $(".firstHeading").text(h1[h1.length-1]); //start plugins for navigation $("ul.sf-menu").superfish({ delay: 800, // one second delay on mouseout animation: {opacity:'show',height:'show'}, // fade-in and slide-down animation speed: 'normal', // faster animation speed }); $('#main_saurs').localScroll(); $("tr:odd").addClass("odd");

}); </script>

<script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-35720700-1']); _gaq.push(['_trackPageview']);

(function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script> <script type="text/javascript">var addthis_config = {"data_track_addressbar":false};</script> <script type="text/javascript" src="http://s7.addthis.com/js/300/addthis_widget.js#pubid=ra-508414b242f27ceb"></script> <script id="nav"> <div id="nav"> <ul id="nav" class="sf-menu"> <li><a href="http://openwetware.org/wiki/Biomod/2012/TU_Dresden/Nanosaurs">home</a></li> <li><a href="http://openwetware.org/wiki/Biomod/2012/TU_Dresden/Nanosaurs/Team">team</a></li> <li><a href="http://openwetware.org/wiki/Biomod/2012/TU_Dresden/Nanosaurs/Project">project</a> <ul> <li><a href="http://openwetware.org/wiki/Biomod/2012/TU_Dresden/Nanosaurs/Project">overview</a></li> <li><a href="http://openwetware.org/wiki/Biomod/2012/TU_Dresden/Nanosaurs/Project/DNA origami">dna origami</a></li> <li><a href="http://openwetware.org/wiki/Biomod/2012/TU_Dresden/Nanosaurs/Project/Vesicles">vesicles</a></li> <li><a href="http://openwetware.org/wiki/Biomod/2012/TU_Dresden/Nanosaurs/Project/Aptamer_lock">aptamer lock</a></li> <li><a href="http://openwetware.org/wiki/Biomod/2012/TU_Dresden/Nanosaurs/Project/Future_work">future work</a></li> </ul> </li> <li><a href="http://openwetware.org/wiki/Biomod/2012/TU_Dresden/Nanosaurs/Lab_book">lab book</a> <ul> <li><a href="http://openwetware.org/wiki/Biomod/2012/TU_Dresden/Nanosaurs/Lab_book#recipes">recipes</a></li> <li><a href="http://openwetware.org/wiki/Biomod/2012/TU_Dresden/Nanosaurs/Lab_book#protocols">protocols</a></li> <li><a href="http://openwetware.org/wiki/Biomod/2012/TU_Dresden/Nanosaurs/Lab_book#downloads">downloads</a></li> </ul> </li> <li><a href="http://openwetware.org/wiki/Biomod/2012/TU_Dresden/Nanosaurs/Gallery">gallery</a></li> <li><a href="http://openwetware.org/wiki/Biomod/2012/TU_Dresden/Nanosaurs/Sponsors">sponsors</a></li> </ul> </div> </script>

</html> <html>

<script type="text/javascript" src="http://biomod-dresden-2012.googlecode.com/svn/trunk/js/jquery.tweet.js"></script> <!-- tweet import -->

<script type"text/javascript"> $(document).ready(function(){ window.scrollTo(0, 155); $(".tweet").tweet({ count: 6, query: "from:nanosaurs", loading_text: "searching twitter..." }); 

   });

</script>

<body>

<div id="main_saurs">

<h2>Welcome</h2> <p>We, the Dresden Nanosaurs from Germany, invite you to a ride through our quest to design a stunning nano-biomolecular system for the <a href="http://biomod.net/">BIOMOD</a> competition 2012. We propose a novel biological tethering system based on the technologies of DNA origami and vesicular transport. The illustration below describes the principle of our system. </p> <h2>Signal-driven tethering system</h2> <div class="big_img"><a rel="lightbox" href="http://openwetware.org/images/7/7b/BM12_nanosaurs_Comic_all.jpg"> <img src="http://openwetware.org/images/b/bd/BM12_nanosaurs_Comic_all_m.jpg"></a> <div id="mini_pics"> <a href="http://openwetware.org/wiki/Biomod/2012/TU_Dresden/Nanosaurs/Project/DNA%20origami"><img src="http://openwetware.org/images/d/dd/BM12_nanosaursOrigami.png"></a> <a href="http://openwetware.org/wiki/Biomod/2012/TU_Dresden/Nanosaurs/Project/DNA%20origami"><img src="http://openwetware.org/images/4/47/BM12_nanosaursReceiver-strands.png"></a> <a href="http://openwetware.org/wiki/Biomod/2012/TU_Dresden/Nanosaurs/Project/Aptamer_lock"><img src="http://openwetware.org/images/1/1c/BM12_nanosaursLock.png"></a> <a href="http://openwetware.org/wiki/Biomod/2012/TU_Dresden/Nanosaurs/Project/Aptamer_lock"><img src="http://openwetware.org/images/5/5b/BM12_nanosaursKey.png"></a> <a href="http://openwetware.org/wiki/Biomod/2012/TU_Dresden/Nanosaurs/Project/Vesicles"><img src="http://openwetware.org/images/e/e0/BM12_nanosaursCatcher-strands.png"></a> <a href="http://openwetware.org/wiki/Biomod/2012/TU_Dresden/Nanosaurs/Project/Vesicles"><img src="http://openwetware.org/images/d/d7/BM12_nanosaursGUV.png"></a> </div> </div>

<p> On a central giant vesicle, illustrated as a large yellow sphere, switchable DNA origami boxes are attached on its surface. In the presence of certain signal proteins, the closed DNA origami boxes get unlocked and open up. DNA single strands that were shielded before are now accessible. Therefore they can specifically hybridize with complementary strands on smaller vesicles. Hence multiple smaller vesicles can be specifically attracted to the central giant vesicle.<br/> To better understand the different components, you may click on the images below the panel. </p> 

       <h2>Highlights</h2>
       <p>Below you can see some of our most appealing results: an image of the tethering of vesicles taken with LSM (Laser Scanning Microscopy) and an AFM (Atomic Force Microscopy) image of the correct folding of the open DNA origami structure.
       </p>

<div class="big_img"><a rel="lightbox" href="http://openwetware.org/images/0/02/BM12_nanosaurs_Main_Page_Result_Picture_Final.jpg"> <img src="http://openwetware.org/images/0/02/BM12_nanosaurs_Main_Page_Result_Picture_Final.jpg"></a> </div> </div> <div id="video"><iframe width="200" height="200" src="http://www.youtube.com/embed/HcMopZIc1Mg" frameborder="0" allowfullscreen></iframe></div> <div id="twitter"> <div id="follow"><a href="http://twitter.com/nanosaurs">follow us<img id="logo_twitter" src="http://openwetware.org/images/6/6b/BM12_nanosaurs_Twitter.png"></a></div> <div class="tweet"></div> </div> <div id="share"><div class="addthis_toolbox addthis_default_style"><a class="addthis_button_facebook"><img src="http://openwetware.org/images/a/a7/BM12_nanosaurs_Facebook.png"></a><a class="addthis_button_google_plusone_share"><img src="http://openwetware.org/images/c/c9/BM12_nanosaurs_Google.png"></a><a class="addthis_button_compact"><img src="http://openwetware.org/images/1/14/BM12_nanosaurs_Plus.png"></a></div></div> <div class="clear"></div> </body> </html>

Retrieved from "https://openwetware.org/mediawiki/index.php?title=Biomod/2012/TU_Dresden/Nanosaurs&oldid=648129"