Difference between revisions of "Biomod/2012/TU Dresden/Nanosaurs/sandbox"

From OpenWetWare
Jump to: navigation, search
 
(32 intermediate revisions by the same user not shown)
Line 1: Line 1:
<html >
+
{{Biomod/2012/TU Dresden/Nanosaurs/Header}}
 
+
<html>
 
+
        <link rel="stylesheet" href="http://code.jquery.com/ui/1.9.0/themes/base/jquery-ui.css" />
    <link rel="stylesheet" href="http://openwetware.org/images/a/a5/Light.css" type="text/css" media="screen" />
+
    <link rel="stylesheet" href="http://openwetware.org/images/0/01/Nivo-slider.css" type="text/css" media="screen" />
+
        <script type="text/javascript" src="http://biomod-dresden-2012.googlecode.com/svn/trunk/js/jQuery.radmenu.min.js"></script>
+
        <script type="text/javascript">
<style type="text/css">
+
        jQuery(document).ready(function() {
 
+
            $(".bio").hide();        
.tweet, .query {
+
            jQuery("#radial_container").radmenu({
    color: #777777;
+
                listClass: 'list',
    font: 80% sans-serif;
+
                itemClass: 'item',
    width: 200px;
+
                radius: 250,
border: 5px solid white;
+
                animSpeed:800,
box-shadow: 0 0 10px #888888;;
+
angleOffset: 90,
}
+
                centerX: 0,
.tweet_list {
+
                centerY: 180,
    background-color: #F9F9F9;
+
                selectEvent: "click",
    border-radius: 0.5em 0.5em 0.5em 0.5em;
+
                onSelect: function($selected) {
    list-style: none outside none;
+
                    var imgindex = $selected.index() + 1;
    margin: 0;
+
                    $('#img').fadeTo('fast', 0.3, function()
    overflow-y: hidden;
+
{
    padding: 0;
+
$(this).load();
}
+
$(this).css("background-image", "url('http://biomod-dresden-2012.googlecode.com/svn/trunk/img/team_"+imgindex+".jpg')");
.tweet_list li {
+
}).fadeTo('fast', 1);
    list-style-type: none;
+
$( "img" ).promise().done(function() {
    overflow-x: hidden;
+
$(".bio").hide();
    overflow-y: auto;
+
$(".bio"+imgindex).fadeIn("fast");
    padding: 0.5em;
+
});
}
+
$(".team").removeClass("selected");
.tweet_list li a {
+
                    $(".img"+imgindex).addClass("selected");
    color: #505050 ;
+
}
+
$("#bio_container").css("background-image", "url('')");
.tweet_list .tweet_even {
+
                 
    background-color: #EBEBEB;
+
                },
}
+
                angleOffset: 0
.tweet_list .tweet_avatar {
+
            });
    float: left;
+
            jQuery("#radial_container").radmenu("show");
    padding-right: 0.5em;
 
}
 
.tweet_list .tweet_avatar img {
 
    vertical-align: middle;
 
}
 
 
 
</style>
 
<body>
 
<div class="tweet"></div>
 
 
 
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
 
    <script type="text/javascript" src="http://tweet.seaofclouds.com/jquery.tweet.js"></script>
 
    <script type="text/javascript">
 
    $(window).load(function() {
 
$(".tweet").tweet({
 
          count: 6,
 
          query: "from:nanosaurs",
 
          loading_text: "searching twitter..."
 
 
         });
 
         });
    });
+
        </script>
     </script>
+
<script>
</body>
+
$(function() {
 +
$( "#tabs" ).tabs();
 +
 +
// fix the classes
 +
$( ".tabs-bottom .ui-tabs-nav, .tabs-bottom .ui-tabs-nav > *" )
 +
.removeClass( "ui-corner-all ui-corner-top" )
 +
.addClass( "ui-corner-bottom" );
 +
 +
// move the nav to the bottom
 +
$( ".tabs-bottom .ui-tabs-nav" ).appendTo( ".tabs-bottom" );
 +
});
 +
jQuery(document).ready(function() {
 +
            $(".bio_sup").hide();         
 +
            jQuery("#radial_container_sup").radmenu({
 +
                listClass: 'list_sup',
 +
                itemClass: 'item_sup',
 +
                radius: 250,
 +
                animSpeed:800,
 +
angleOffset: 90,
 +
                centerX: 0,
 +
                centerY: 180,
 +
                selectEvent: "click",
 +
                onSelect: function($selected) {
 +
                    var imgindex = $selected.index() + 1;
 +
                    $('#img_sup').fadeTo('fast', 0.3, function()
 +
{
 +
$(this).load();
 +
$(this).css("background-image", "url('http://biomod-dresden-2012.googlecode.com/svn/trunk/img/sup_"+imgindex+".jpg')");
 +
}).fadeTo('fast', 1);
 +
$( "img_sup" ).promise().done(function() {
 +
$(".bio_sup").hide();
 +
$(".bio_sup"+imgindex).fadeIn("fast");
 +
});
 +
$(".team_sup").removeClass("selected");
 +
                    $(".img_sup"+imgindex).addClass("selected");
 +
 +
$("#bio_container_sup").css("background-image", "url('')");
 +
                 
 +
                },
 +
                angleOffset: 0
 +
            });
 +
            jQuery("#radial_container_sup").radmenu("show");
 +
        });
 +
</script>
 +
        <link href='http://biomod-dresden-2012.googlecode.com/svn/trunk/css/circle.css' rel='stylesheet' type='text/css'>
 +
     <body>
 +
<div id="tabs" class="tabs-bottom">
 +
<ul>
 +
<li><a href="#tabs-1">students</a></li>
 +
<li><a href="#tabs-2">supervisors</a></li>
 +
</ul>
 +
<div class="tabs-spacer"></div>
 +
<div id="tabs-1">
 +
<div id="radial_container">
 +
<ul class="list">
 +
<li class="item"><div class="team img1"></div></li>
 +
<li class="item"><div class="team img2"></div></li>
 +
<li class="item"><div class="team img3"></div></li>
 +
<li class="item"><div class="team img4"></div></li>
 +
<li class="item"><div class="team img5"></div></li>
 +
<li class="item"><div class="team img6"></div></li>
 +
<li class="item"><div class="team img7"></div></li>
 +
<li class="item"><div class="team img8"></div></li>
 +
<li class="item"><div class="team img9"></div></li>
 +
</ul>
 +
</div>
 +
    <div id="bio_container">   
 +
<div id="img"></div>
 +
<div id="bio">
 +
<div class="bio bio1"><h3>Santiago Ca&ntilde;on </h3><div class="bio_country"><img src="http://openwetware.org/images/d/dd/BM12_nanosaurs_Co.png"> Columbia</div>Santiago has a calm easygoing latin pace and a never ending smile. You should spend time with him if you want to relax. An amazing gel guy who says yes to adventure. Not your typical latin boy (just joking..)</div>
 +
<div class="bio bio2"><h3>Maryam Vahdatzadeh </h3><div class="bio_country"><img src="http://openwetware.org/images/0/04/BM12_nanosaurs_Ir.png"> Iran</div>Maryam is a delicate and caring soul who is very enthusiastic about science, wine and vodka! She is always happy, pretty, sweet, sometimes with her head in the sky. All in one word; the right example of Persian Passion!</div>
 +
<div class="bio bio3"><h3>Alexander Ohmann </h3><div class="bio_country"><img src="http://openwetware.org/images/9/92/BM12_nanosaurs_De.png"> Germany</div>With his unique 48h days, he is a typical effective, organized German. His individual creativity and perfectionism make him our origami boy. Being the guy who always gets the point, he is very very helpful, totally reliable and easy going.</div>
 +
<div class="bio bio4"><h3>Praveen Vasudevan </h3><div class="bio_country"><img src="http://openwetware.org/images/4/4b/BM12_nanosaurs_In.png"> India</div>He is so capable, expressive, trustworthy and versatile yet so humble and friendly. He is smart, vegicool and great company for the experiments.  He is getting to use his phone better and you can’t simply get mad at him</div>
 +
<div class="bio bio5"><h3>Ali Ghaemi </h3><div class="bio_country"><img src="http://openwetware.org/images/0/04/BM12_nanosaurs_Ir.png"> Iran</div>Ali is a guy you need to know! An eloquent man with a polymeric perception of the world. You will love his ideas about life. He is spontaneous like a cartoon character and always relaxed!</div>
 +
<div class="bio bio6"><h3>Agata Szuba </h3><div class="bio_country"><img src="http://openwetware.org/images/4/41/BM12_nanosaurs_Pl.png"> Poland</div>Agata is a natural leader, never holds back. She is full of energy and will motivate you in an effective way. She is very joyful, full of expressions, very reliable and always there for you, sometimes  with limited patience :) She loves coffee.</div>
 +
<div class="bio bio7"><h3>Varsha Natarajan </h3><div class="bio_country"><img src="http://openwetware.org/images/4/4b/BM12_nanosaurs_In.png"> India</div>Varsha is a free spirit, full of ideas & adventurous thoughts. Her personality is colourful, truly Bollywood. Often, she gets inspiring ideas in the tram or in the shower. If there is something you want corrected she is your girl. Her hunger is unquenchable.</div>
 +
<div class="bio bio8"><h3>Thomas Schlichthärle </h3><div class="bio_country"><img src="http://openwetware.org/images/9/92/BM12_nanosaurs_De.png"> Germany</div>Thomas is very creative and sees science as an amazing playground for all his crazy ideas. In his leisure time he likes to do animations. On the other hand he is super responsible and very organized.</div>
 +
<div class="bio bio9"><h3>Karen Elda Viacava Romo </h3><div class="bio_country"><img src="http://openwetware.org/images/c/c7/BM12_nanosaurs_Mx.png"> Mexico</div> Karen is super sweet and easy going, but don’t bother her when she is in the lab. In the project, she took care of design, creative drawings and flashy colors. Sometimes she can be sensitive and really “picky”. She will readily cook anything mexican.</div>
 +
</div>
 +
<div class="clear"></div>
 +
</div>
 +
</div>
 +
<div id="tabs-2">
 +
<div id="radial_container_sup">
 +
<ul class="list_sup">
 +
<li class="item_sup"><div class="team_sup img_sup1"></div></li>
 +
<li class="item_sup"><div class="team_sup img_sup2"></div></li>
 +
<li class="item_sup"><div class="team_sup img_sup3"></div></li>
 +
<li class="item_sup"><div class="team_sup img_sup4"></div></li>
 +
<li class="item_sup"><div class="team_sup img_sup5"></div></li>
 +
<li class="item_sup"><div class="team_sup img_sup6"></div></li>
 +
<li class="item_sup"><div class="team_sup img_sup7"></div></li>
 +
<li class="item_sup"><div class="team_sup img_sup8"></div></li>
 +
<li class="item_sup"><div class="team_sup img_sup9"></div></li>
 +
</ul>
 +
</div>
 +
    <div id="bio_container_sup">   
 +
<div id="img_sup"></div>
 +
<div id="bio">
 +
<div class="bio_sup bio_sup1"><h3>Prof. Stefan Diez</h3><div class="bio_country">Bio-Nano Tools, BCUBE</div></div>
 +
<div class="bio_sup bio_sup2"><h3>Dr. Ralf Seidel </h3><div class="bio_country">DNA Motors, BIOTEC</div></div>
 +
<div class="bio_sup bio_sup3"><h3>Dr. Michael Schlierf </h3><div class="bio_country">Bionanotechnological Analysis & Manipulation, BCUBE</div></div>
 +
<div class="bio_sup bio_sup4"><h3>Prof. Erik Schäffer </h3><div class="bio_country">Single Molecule Nanomechanics, BIOTEC</div></div>
 +
<div class="bio_sup bio_sup5"><h3>Maj Svea Grieb</h3><div class="bio_country">Single Molecule Methods, BCUBE</div></div>
 +
<div class="bio_sup bio_sup6"><h3>Ignacio Gonzalez </h3><div class="bio_country">Creative graphics, TU Dresden</div></div>
 +
<div class="bio_sup bio_sup7"><h3>Dominik Kauert </h3><div class="bio_country">DNA Origami, BIOTEC</div></div>
 +
<div class="bio_sup bio_sup8"><h3>Aleksander Czogalla </h3><div class="bio_country">Lipid Membranes, BIOTEC</div></div>
 +
<div class="bio_sup bio_sup9"><h3>Lucas Schirmer </h3><div class="bio_country">Web Design, MBC Dresden</div></div>
 +
</div>
 +
<div class="clear"></div>
 +
</div>
 +
</div>
 +
</div>
 +
    </body>
 
</html>
 
</html>

Latest revision as of 16:47, 26 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>

        <link rel="stylesheet" href="http://code.jquery.com/ui/1.9.0/themes/base/jquery-ui.css" />
       <script type="text/javascript" src="http://biomod-dresden-2012.googlecode.com/svn/trunk/js/jQuery.radmenu.min.js"></script>
       <script type="text/javascript">
       jQuery(document).ready(function() {
           $(".bio").hide();          
           jQuery("#radial_container").radmenu({
               listClass: 'list', 
               itemClass: 'item', 
               radius: 250, 
               animSpeed:800, 

angleOffset: 90,

               centerX: 0, 
               centerY: 180,
               selectEvent: "click",
               onSelect: function($selected) {
                   var imgindex = $selected.index() + 1;
                   $('#img').fadeTo('fast', 0.3, function()

{ $(this).load(); $(this).css("background-image", "url('http://biomod-dresden-2012.googlecode.com/svn/trunk/img/team_"+imgindex+".jpg')"); }).fadeTo('fast', 1); $( "img" ).promise().done(function() { $(".bio").hide(); $(".bio"+imgindex).fadeIn("fast"); }); $(".team").removeClass("selected");

                   $(".img"+imgindex).addClass("selected");

$("#bio_container").css("background-image", "url('')");

               },
               angleOffset: 0
           });
           jQuery("#radial_container").radmenu("show");
       });
       </script>

<script> $(function() { $( "#tabs" ).tabs();

// fix the classes $( ".tabs-bottom .ui-tabs-nav, .tabs-bottom .ui-tabs-nav > *" ) .removeClass( "ui-corner-all ui-corner-top" ) .addClass( "ui-corner-bottom" );

// move the nav to the bottom $( ".tabs-bottom .ui-tabs-nav" ).appendTo( ".tabs-bottom" ); }); jQuery(document).ready(function() {

           $(".bio_sup").hide();          
           jQuery("#radial_container_sup").radmenu({
               listClass: 'list_sup', 
               itemClass: 'item_sup', 
               radius: 250, 
               animSpeed:800, 

angleOffset: 90,

               centerX: 0, 
               centerY: 180,
               selectEvent: "click",
               onSelect: function($selected) {
                   var imgindex = $selected.index() + 1;
                   $('#img_sup').fadeTo('fast', 0.3, function()

{ $(this).load(); $(this).css("background-image", "url('http://biomod-dresden-2012.googlecode.com/svn/trunk/img/sup_"+imgindex+".jpg')"); }).fadeTo('fast', 1); $( "img_sup" ).promise().done(function() { $(".bio_sup").hide(); $(".bio_sup"+imgindex).fadeIn("fast"); }); $(".team_sup").removeClass("selected");

                   $(".img_sup"+imgindex).addClass("selected");

$("#bio_container_sup").css("background-image", "url('')");

               },
               angleOffset: 0
           });
           jQuery("#radial_container_sup").radmenu("show");
       });

</script>

       <link href='http://biomod-dresden-2012.googlecode.com/svn/trunk/css/circle.css' rel='stylesheet' type='text/css'>
   <body>

<div id="tabs" class="tabs-bottom"> <ul> <li><a href="#tabs-1">students</a></li> <li><a href="#tabs-2">supervisors</a></li> </ul> <div class="tabs-spacer"></div> <div id="tabs-1"> <div id="radial_container"> <ul class="list"> <li class="item"><div class="team img1"></div></li> <li class="item"><div class="team img2"></div></li> <li class="item"><div class="team img3"></div></li> <li class="item"><div class="team img4"></div></li> <li class="item"><div class="team img5"></div></li> <li class="item"><div class="team img6"></div></li> <li class="item"><div class="team img7"></div></li> <li class="item"><div class="team img8"></div></li> <li class="item"><div class="team img9"></div></li> </ul> </div> <div id="bio_container"> <div id="img"></div> <div id="bio"> <div class="bio bio1"><h3>Santiago Ca&ntilde;on </h3><div class="bio_country"><img src="http://openwetware.org/images/d/dd/BM12_nanosaurs_Co.png"> Columbia</div>Santiago has a calm easygoing latin pace and a never ending smile. You should spend time with him if you want to relax. An amazing gel guy who says yes to adventure. Not your typical latin boy (just joking..)</div> <div class="bio bio2"><h3>Maryam Vahdatzadeh </h3><div class="bio_country"><img src="http://openwetware.org/images/0/04/BM12_nanosaurs_Ir.png"> Iran</div>Maryam is a delicate and caring soul who is very enthusiastic about science, wine and vodka! She is always happy, pretty, sweet, sometimes with her head in the sky. All in one word; the right example of Persian Passion!</div> <div class="bio bio3"><h3>Alexander Ohmann </h3><div class="bio_country"><img src="http://openwetware.org/images/9/92/BM12_nanosaurs_De.png"> Germany</div>With his unique 48h days, he is a typical effective, organized German. His individual creativity and perfectionism make him our origami boy. Being the guy who always gets the point, he is very very helpful, totally reliable and easy going.</div> <div class="bio bio4"><h3>Praveen Vasudevan </h3><div class="bio_country"><img src="http://openwetware.org/images/4/4b/BM12_nanosaurs_In.png"> India</div>He is so capable, expressive, trustworthy and versatile yet so humble and friendly. He is smart, vegicool and great company for the experiments. He is getting to use his phone better and you can’t simply get mad at him</div> <div class="bio bio5"><h3>Ali Ghaemi </h3><div class="bio_country"><img src="http://openwetware.org/images/0/04/BM12_nanosaurs_Ir.png"> Iran</div>Ali is a guy you need to know! An eloquent man with a polymeric perception of the world. You will love his ideas about life. He is spontaneous like a cartoon character and always relaxed!</div> <div class="bio bio6"><h3>Agata Szuba </h3><div class="bio_country"><img src="http://openwetware.org/images/4/41/BM12_nanosaurs_Pl.png"> Poland</div>Agata is a natural leader, never holds back. She is full of energy and will motivate you in an effective way. She is very joyful, full of expressions, very reliable and always there for you, sometimes with limited patience :) She loves coffee.</div> <div class="bio bio7"><h3>Varsha Natarajan </h3><div class="bio_country"><img src="http://openwetware.org/images/4/4b/BM12_nanosaurs_In.png"> India</div>Varsha is a free spirit, full of ideas & adventurous thoughts. Her personality is colourful, truly Bollywood. Often, she gets inspiring ideas in the tram or in the shower. If there is something you want corrected she is your girl. Her hunger is unquenchable.</div> <div class="bio bio8"><h3>Thomas Schlichthärle </h3><div class="bio_country"><img src="http://openwetware.org/images/9/92/BM12_nanosaurs_De.png"> Germany</div>Thomas is very creative and sees science as an amazing playground for all his crazy ideas. In his leisure time he likes to do animations. On the other hand he is super responsible and very organized.</div> <div class="bio bio9"><h3>Karen Elda Viacava Romo </h3><div class="bio_country"><img src="http://openwetware.org/images/c/c7/BM12_nanosaurs_Mx.png"> Mexico</div> Karen is super sweet and easy going, but don’t bother her when she is in the lab. In the project, she took care of design, creative drawings and flashy colors. Sometimes she can be sensitive and really “picky”. She will readily cook anything mexican.</div> </div> <div class="clear"></div> </div> </div> <div id="tabs-2"> <div id="radial_container_sup"> <ul class="list_sup"> <li class="item_sup"><div class="team_sup img_sup1"></div></li> <li class="item_sup"><div class="team_sup img_sup2"></div></li> <li class="item_sup"><div class="team_sup img_sup3"></div></li> <li class="item_sup"><div class="team_sup img_sup4"></div></li> <li class="item_sup"><div class="team_sup img_sup5"></div></li> <li class="item_sup"><div class="team_sup img_sup6"></div></li> <li class="item_sup"><div class="team_sup img_sup7"></div></li> <li class="item_sup"><div class="team_sup img_sup8"></div></li> <li class="item_sup"><div class="team_sup img_sup9"></div></li> </ul> </div> <div id="bio_container_sup"> <div id="img_sup"></div> <div id="bio"> <div class="bio_sup bio_sup1"><h3>Prof. Stefan Diez</h3><div class="bio_country">Bio-Nano Tools, BCUBE</div></div> <div class="bio_sup bio_sup2"><h3>Dr. Ralf Seidel </h3><div class="bio_country">DNA Motors, BIOTEC</div></div> <div class="bio_sup bio_sup3"><h3>Dr. Michael Schlierf </h3><div class="bio_country">Bionanotechnological Analysis & Manipulation, BCUBE</div></div> <div class="bio_sup bio_sup4"><h3>Prof. Erik Schäffer </h3><div class="bio_country">Single Molecule Nanomechanics, BIOTEC</div></div> <div class="bio_sup bio_sup5"><h3>Maj Svea Grieb</h3><div class="bio_country">Single Molecule Methods, BCUBE</div></div> <div class="bio_sup bio_sup6"><h3>Ignacio Gonzalez </h3><div class="bio_country">Creative graphics, TU Dresden</div></div> <div class="bio_sup bio_sup7"><h3>Dominik Kauert </h3><div class="bio_country">DNA Origami, BIOTEC</div></div> <div class="bio_sup bio_sup8"><h3>Aleksander Czogalla </h3><div class="bio_country">Lipid Membranes, BIOTEC</div></div> <div class="bio_sup bio_sup9"><h3>Lucas Schirmer </h3><div class="bio_country">Web Design, MBC Dresden</div></div> </div> <div class="clear"></div> </div> </div> </div>

   </body>

</html>