Biomod/2012/TU Dresden/Nanosaurs/sandbox

From OpenWetWare

< Biomod | 2012 | TU Dresden/Nanosaurs(Difference between revisions)
Jump to: navigation, search
Current revision (20:47, 26 October 2012) (view source)
 
(43 intermediate revisions 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>
-
<style type="text/css">
+
        <script type="text/javascript">
-
.tweets {
+
        jQuery(document).ready(function() {
-
    background: none repeat scroll 0 0 #444444;
+
            $(".bio").hide();         
-
    padding: 1px 5px;
+
            jQuery("#radial_container").radmenu({
-
}
+
                listClass: 'list',
-
.tweets .loading {
+
                itemClass: 'item',
-
    color: #CCCCCC;
+
                radius: 250,
-
    padding: 10px 20px;
+
                animSpeed:800,
-
}
+
angleOffset: 90,
-
.tweet {
+
                centerX: 0,
-
    background: none repeat scroll 0 0 #FFFFFF;
+
                centerY: 180,
-
    font-size: 13px;
+
                selectEvent: "click",
-
    margin: 4px 0;
+
                onSelect: function($selected) {
-
    padding: 8px;
+
                    var imgindex = $selected.index() + 1;
-
}
+
                    $('#img').fadeTo('fast', 0.3, function()
-
.tweet img {
+
{
-
    float: left;
+
$(this).load();
-
}
+
$(this).css("background-image", "url('http://biomod-dresden-2012.googlecode.com/svn/trunk/img/team_"+imgindex+".jpg')");
-
.tweet .text {
+
}).fadeTo('fast', 1);
-
    margin: 0 0 0 44px;
+
$( "img" ).promise().done(function() {
-
}
+
$(".bio").hide();
-
.tweet .username {
+
$(".bio"+imgindex).fadeIn("fast");
-
    display: block;
+
});
-
}
+
$(".team").removeClass("selected");
-
.tweet .username a {
+
                    $(".img"+imgindex).addClass("selected");
-
    color: #111111;
+
-
    font-weight: bold;
+
$("#bio_container").css("background-image", "url('')");
-
    text-decoration: none;
+
                 
-
}
+
                },
-
.tweet .time a {
+
                angleOffset: 0
-
     color: #888888;
+
            });
-
    font-size: 80%;
+
            jQuery("#radial_container").radmenu("show");
-
    padding-left: 8px;
+
        });
-
    text-decoration: none;
+
        </script>
-
    white-space: nowrap;
+
<script>
-
}
+
$(function() {
-
</style>
+
$( "#tabs" ).tabs();
-
 
+
-
<body>
+
// fix the classes
-
<div id="tweets"></div>
+
$( ".tabs-bottom .ui-tabs-nav, .tabs-bottom .ui-tabs-nav > *" )
-
 
+
.removeClass( "ui-corner-all ui-corner-top" )
-
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
+
.addClass( "ui-corner-bottom" );
-
    <script type="text/javascript" src="http://elektronaut.github.com/jquery.livetwitter/cdn/jquery.livetwitter-1.7.0.min.js"></script>
+
-
    <script type="text/javascript">
+
// move the nav to the bottom
-
    $(window).load(function() {
+
$( ".tabs-bottom .ui-tabs-nav" ).appendTo( ".tabs-bottom" );
-
+
});
-
  $("#tweets").liveTwitter({user: 'jquery', list: 'team'}, {mode: 'list'});
+
jQuery(document).ready(function() {
-
    });
+
            $(".bio_sup").hide();         
-
    </script>
+
            jQuery("#radial_container_sup").radmenu({
-
</body>
+
                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>

Current revision

Santiago Cañon

Columbia
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..)

Maryam Vahdatzadeh

Iran
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!

Alexander Ohmann

Germany
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.

Praveen Vasudevan

India
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

Ali Ghaemi

Iran
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!

Agata Szuba

Poland
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.

Varsha Natarajan

India
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.

Thomas Schlichthärle

Germany
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.

Karen Elda Viacava Romo

Mexico
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.

Prof. Stefan Diez

Bio-Nano Tools, BCUBE

Dr. Ralf Seidel

DNA Motors, BIOTEC

Dr. Michael Schlierf

Bionanotechnological Analysis & Manipulation, BCUBE

Prof. Erik Schäffer

Single Molecule Nanomechanics, BIOTEC

Maj Svea Grieb

Single Molecule Methods, BCUBE

Ignacio Gonzalez

Creative graphics, TU Dresden

Dominik Kauert

DNA Origami, BIOTEC

Aleksander Czogalla

Lipid Membranes, BIOTEC

Lucas Schirmer

Web Design, MBC Dresden

Personal tools