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

Latest revision as of 17:47, 26 October 2012

<html>  <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>  <script type="text/javascript" src="http://biomod-dresden-2012.googlecode.com/svn/trunk/js/superfish.js"></script>  <script type="text/javascript" src="http://biomod-dresden-2012.googlecode.com/svn/trunk/js/jquery.hoverIntent.minified.js"></script>  <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>  <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>

(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>

// 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ñ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>

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

Latest revision as of 17:47, 26 October 2012

Navigation menu

Page actions

Page actions

Personal tools

Navigation

Search

research

Tools

@@ Line 1: / Line 1: @@
-	<html>
+{{Biomod/2012/TU Dresden/Nanosaurs/Header}}
-	<script type"text/javascript">
+<html>
-			$('#slider').nivoSlider({
+         <link rel="stylesheet" href="http://code.jquery.com/ui/1.9.0/themes/base/jquery-ui.css" />
-				effect: 'fade', // Specify sets like: 'fold,fade,sliceDown'
-				slices: 15, // For slice animations
+        <script type="text/javascript" src="http://biomod-dresden-2012.googlecode.com/svn/trunk/js/jQuery.radmenu.min.js"></script>
-				boxCols: 8, // For box animations
+        <script type="text/javascript">
-				boxRows: 4, // For box animations
+        jQuery(document).ready(function() {
-				animSpeed: 500, // Slide transition speed
+            $(".bio").hide();
-				pauseTime: 3000, // How long each slide will show
+            jQuery("#radial_container").radmenu({
-				startSlide: 0, // Set starting Slide (0 index)
+                listClass: 'list',
-				directionNav: true, // Next & Prev navigation
+                itemClass: 'item',
-				controlNav: true, // 1,2,3... navigation
+                radius: 250,
-				controlNavThumbs: false, // Use thumbnails for Control Nav
+                animSpeed:800,
-				pauseOnHover: true, // Stop animation while hovering
+				angleOffset: 90,
-				manualAdvance: false, // Force manual transitions
+                centerX: 0,
-				prevText: 'Prev', // Prev directionNav text
+                centerY: 180,
-				nextText: 'Next', // Next directionNav text
+                selectEvent: "click",
-				randomStart: true, // Start on a random slide
+                onSelect: function($selected) {
-			});
+                    var imgindex = $selected.index() + 1;
-			$(".tweet").tweet({
+                    $('#img').fadeTo('fast', 0.3, function()
-			  count: 6,
+					{
-			  query: "from:nanosaurs",
+						$(this).load();
-			  loading_text: "searching twitter..."
+						$(this).css("background-image", "url('http://biomod-dresden-2012.googlecode.com/svn/trunk/img/team_"+imgindex+".jpg')");
-			});
+					}).fadeTo('fast', 1);
-	</script>
+					$( "img" ).promise().done(function() {
-<body>
+						$(".bio").hide();
+						$(".bio"+imgindex).fadeIn("fast");
-		 <div class="slider-wrapper theme-default">
+					});
-				<div id="slider" class="nivoSlider">
+					$(".team").removeClass("selected");
-					<img src="http://openwetware.org/images/2/23/BM12_nanosaurs_Slider1.png" data-thumb="http://openwetware.org/images/2/23/BM12_nanosaurs_Slider1.png" alt="" />
+                    $(".img"+imgindex).addClass("selected");
-					<img src="http://openwetware.org/images/8/8a/BM12_nanosaurs_Slider2.png" data-thumb="http://openwetware.org/images/8/8a/BM12_nanosaurs_Slider2.png" alt="" title="This is an example of a caption" />
-					<img src="http://openwetware.org/images/1/11/BM12_nanosaurs_Slider3.png" data-thumb="http://openwetware.org/images/1/11/BM12_nanosaurs_Slider3.png" alt="" />
+					$("#bio_container").css("background-image", "url('')");
-				</div>
+                },
+                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 id="main_saurs">
-		<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam congue orci magna, quis aliquet enim. Nulla laoreet suscipit nunc, et mollis turpis hendrerit in. Morbi nisi dui, pulvinar nec adipiscing eget, lacinia suscipit leo. Phasellus a turpis leo, non ultrices quam. Integer congue dui ut nulla tempus sed sodales quam eleifend. Mauris pharetra lacus quis augue vestibulum vel auctor leo fermentum. Nulla a eros quis sapien ullamcorper fermentum eget a leo. Aliquam erat volutpat. Donec nibh nisl, viverra ac tristique eget, faucibus vitae neque. Praesent at blandit tortor. Donec vel erat sit amet quam tincidunt semper. Praesent pulvinar fermentum felis sed congue.</p>
-		<p>Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aliquam erat volutpat. Nulla tincidunt volutpat felis at pharetra. Mauris lobortis, nisi quis semper consectetur, velit turpis ornare lectus, in accumsan risus velit eget mauris. Vivamus vel laoreet turpis. Etiam eget diam sapien, vel vestibulum tellus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Phasellus et urna lorem, vitae pharetra nunc. Vestibulum facilisis sapien eu quam rhoncus hendrerit. Donec lectus urna, euismod tristique lobortis eget, vehicula eleifend nulla. Aliquam bibendum leo et sapien pharetra ac gravida est accumsan. Vivamus vel tellus sit amet sapien facilisis lacinia ut quis tellus. Integer eget metus lectus. Maecenas velit justo, ultricies vel volutpat quis, porttitor sed lorem. Cras imperdiet neque sit amet dolor gravida dignissim.</p>
-		<p>Vivamus pharetra eleifend tincidunt. Vivamus accumsan dolor vel lacus facilisis ut tincidunt velit vehicula. Praesent ipsum orci, elementum vitae lobortis id, dictum eu justo. Duis et odio ante. Aliquam ornare eros pulvinar lacus feugiat commodo. Nunc varius nulla eget velit dignissim nec vestibulum felis ullamcorper. Vivamus ultricies massa ac sem tristique egestas vitae in ligula. Sed laoreet arcu quis urna lacinia ac tincidunt turpis egestas. In vel neque dolor. Donec et neque hendrerit nisi aliquam venenatis. Nullam viverra imperdiet bibendum. Nulla sed magna in est dapibus volutpat id ac dui. Ut vitae lorem metus. Suspendisse potenti. Aliquam et porta lorem.</p>
-		<p>Pellentesque congue, nisi ac pulvinar feugiat, sapien mauris cursus lorem, eu mollis libero diam eget turpis. Nunc bibendum arcu in enim pulvinar in vestibulum magna laoreet. Suspendisse tristique rutrum massa ut fermentum. Integer et lorem id urna euismod bibendum. Maecenas blandit quam at dui imperdiet viverra sit amet non diam. Nunc suscipit elementum quam sed volutpat. Maecenas id nunc id augue vulputate fermentum faucibus ac nunc. Nulla felis tellus, facilisis non sollicitudin ut, viverra at risus. Proin viverra metus quis ante posuere eget tincidunt arcu feugiat. Morbi a ante purus. In volutpat luctus posuere.</p>
-		<p>Mauris nec mauris erat, quis vehicula magna. Vestibulum faucibus convallis nunc sed placerat. Nunc neque diam, congue sit amet lobortis quis, vehicula in ante. Curabitur id tempus nulla. Pellentesque eu tristique sem. Donec in dolor a purus consequat dignissim nec a lectus. Pellentesque facilisis purus eget est tincidunt tincidunt. Aliquam rhoncus lacus iaculis est facilisis tincidunt mollis ac magna. Sed dignissim lorem ac metus vulputate vehicula. Donec lacus leo, consectetur nec pretium quis, faucibus nec sem. Morbi mattis, nunc placerat consequat viverra, nulla tellus pellentesque arcu, non interdum nulla velit quis nisi. Cras lorem purus, molestie sed malesuada et, mollis sed eros. Curabitur eu nibh lorem, nec aliquam tortor. </p>
 		</div>
-		<div id="twitter">
+	</div>
-			<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>
+    </body>
-			<div class="tweet"></div>
+</html>
-		</div>
-		<div class="clear"></div>
-		</body>
-		</html>