Biomod/2012/Potsdam/DnanoPROT/Team

From OpenWetWare
Jump to navigationJump to search

<html> <head> <style type="text/css">

html,body {height:100%;margin:0;padding:0;}


body {

      /*background-image: url(http://openwetware.org/images/e/ee/UP12_background.jpg);
       background-repeat:repeat-y repeat-x; */       

} .gradient_golden {

  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#0e8cd0, endColorstr=#104871)";
  background-image: -ms-linear-gradient(top, #0e8cd0 0%, #104871 100%);
  background-image: -moz-linear-gradient(top, #0e8cd0 0%, #104871 100%);
  background-image: -o-linear-gradient(top, #0e8cd0 0%, #104871 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0e8cd0), color-stop(1, #104871));
  background-image: -webkit-linear-gradient(top, #0e8cd0 0%, #104871 100%);
  background-image: linear-gradient(to bottom, #0e8cd0 0%, #104871 100%);

}

  1. sidebar-main{
visibility:hidden;

}

  1. content {
   left: 50%;
   margin-left: -480px;
   width: 975px;

}

  1. igem_home {
  font-size: 95%;
  left: 425px;
  position: absolute;
  top: -4px;

}

.gradient_grey{

  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFF, endColorstr=#E6E6E6)";
  background-image: -ms-linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%);
  background-image: -moz-linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%);
  background-image: -o-linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #E6E6E6)); 
  background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #E6E6E6 100%);
  background-image: linear-gradient(to bottom, #FFFFFF 0%, #E6E6E6 100%);

}

.white_bg {

 background-color: white;

}

.box_round {

  width: 955px;
  padding: 5px;
  border-radius: 5px;
  box-shadow:5px 5px 5px #666;

}

.box_round p {

  text-align:justify;

}

.no_padding {

  padding: 0px;

}

.nav_menu {

  width: 965px;
  height: 35px;
  box-shadow:5px 5px 5px #666;

}

  1. menu .selected {
  background-color:#B41111;
  height: 27px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;

}

  1. menu {
 display: block;
 margin: 0px;
 padding: 8px;
 position:relative;
 left: 50%;
 text-align: center;

}

  1. menu ul {
 margin: 0px;

}

  1. menu li {
 list-style: none outside none;
 float:left;
 padding-left: 15px;
 padding-right: 15px;
 margin-right:25px;
 margin-left:25px;
 font-weight: 900;

}

  1. menu li ul{
 list-style: none outside none;
 display:none;
 position: absolute; 
 margin : 0px;
 padding: 0px;

}

  1. menu ul ul {
 padding: 0px;

}

  1. menu li ul li{
 margin : 0px;
 width:inherit;
 font-weight: normal;

}

  1. menu li ul li:hover {
 height:auto;
 float:none;
 text-align:left;

}


  1. menu ul li {
 clear: both;

}

  1. menu a {
 display: block;
 color: white;

}

  1. menu a:hover {
  text-decoration:none;

}

  1. menu li:hover {
  background-color:#B41111;
  height: 27px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;

}


  1. menu li:hover ul {
   display:block;

}

.box_round table {

 background-color: transparent;

}

.block {

display: inline-block;
width : 350px;
height : 200px;

}

table {

 background-color: transparent;

}

table th {

 padding-left: 5px;
 padding-right: 5px;

}

  1. content {
 border: none;
 background-color: transparent;

}

  1. catlinks {
 border:none;
 background-color: transparent;

}


  1. footer-box {
 border:none;
 background-color: transparent;

}

  1. footer {
background-color: transparent;
border: none;

} .center_box {

  text-align: center;

}

  1. p-logo {
 display:none;

}

  1. top-section {
border: none;
height:0px;

}

.firstHeading{

display: none;
padding:0px;

}

  1. banner-wrap {
 padding: 0px;

}

  1. portfolio {
z-index: -200;
height: 280px;

}

  1. portfolio img{
 box-shadow:5px 5px 5px #666;
 width:965px;
 height: 280px;

}

.rollover {

  width: 975px;
  text-align: center;

}

.rollover a{

  display: inline-block;  
  width : 200px;
  margin: 20px;
  height : 200px;
  border-radius : 12px;
  margin: 20px 20px 20px 20px;
  box-shadow:5px 5px 5px #666;

}


  1. rollover-image {
  background-image:url(http://openwetware.org/images/7/77/UP12_Video1.jpg);
  background-position: -0px -0px; 

}

  1. rollover-image:hover {
  background-image:url(http://openwetware.org/images/4/46/UP12_Video2.jpg);
  background-position: 0px -0px;

}

  1. rollover-image-2 {
  background-image:url(http://openwetware.org/images/6/6d/Project1.jpg);
  background-position: 200px -0px;

}

  1. rollover-image-2:hover {
  background-image:url(http://openwetware.org/images/d/d1/Project2.jpg);
  background-position: 200px -0px; 

}

  1. rollover-image-3 {
 background-image:url(http://openwetware.org/images/9/94/UP12_Lab1.jpg);
 background-position: 400px -0px;

}

  1. rollover-image-3:hover {
 background-image:url(http://openwetware.org/images/5/58/Up12_Lab2.jpg);
 background-position: 400px -000px; 

}

  1. rollover-image-8 {
 background-image:url(http://openwetware.org/images/c/cf/UP12_Team1.jpg);
 background-position: 600px -0px;

}

  1. rollover-image-8:hover {
 background-image:url(http://openwetware.org/images/5/5c/UP12_Team2.jpg); */
 background-position: 600px -0px;

}

  1. totop {
 /* background-image:url(http://2012.igem.org/wiki/images/0/0d/Pfeil.png); */
  filter:alpha(opacity=50);
  height: 76px;
  width: 75px;
  position: fixed;
  right: 10px;
  z-index: -20;

}

  1. search-controls {
  width: auto;
  top: -4px;
  right: 200px;
  z-index: 15;

}

input.searchButton {

  color: #ffffff;

}

  1. menu_center {
  float:right;
  position:relative;
  left:-50%;
  text-align:left;

}

input.searchButton:hover {

  color: #B41111;

}

</style> </head> </html> <html> <head> <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script> <script type="text/javascript"> (function($) {

   $.fn.innerfade = function(options) {
       return this.each(function() {   
           $.innerfade(this, options);
       });
   };
   $.innerfade = function(container, options) {
       var settings = {
       		'animationtype':    'fade',
           'speed':            'normal',
           'type':             'sequence',
           'timeout':          1000,
           'containerheight':  'auto',
           'runningclass':     'innerfade',
           'children':         null
       };
       if (options)
           $.extend(settings, options);
       if (settings.children === null)
           var elements = $(container).children();
       else
           var elements = $(container).children(settings.children);
       if (elements.length > 1) {
           $(container).css('position', 'relative').css('height', settings.containerheight).addClass(settings.runningclass);
           for (var i = 0; i < elements.length; i++) {
               $(elements[i]).css('z-index', String(elements.length-i)).css('position', 'absolute').hide();
           };
           if (settings.type == "sequence") {
               setTimeout(function() {
                   $.innerfade.next(elements, settings, 1, 0);
               }, settings.timeout);
               $(elements[0]).show();
           } else if (settings.type == "random") {
           		var last = Math.floor ( Math.random () * ( elements.length ) );
               setTimeout(function() {
                   do { 

current = Math.floor ( Math.random ( ) * ( elements.length ) ); } while (last == current ); $.innerfade.next(elements, settings, current, last);

               }, settings.timeout);
               $(elements[last]).show();

} else if ( settings.type == 'random_start' ) { settings.type = 'sequence'; var current = Math.floor ( Math.random () * ( elements.length ) ); setTimeout(function(){ $.innerfade.next(elements, settings, (current + 1) % elements.length, current); }, settings.timeout); $(elements[current]).show(); } else { alert('Innerfade-Type must either be \'sequence\', \'random\' or \'random_start\''); } }

   };
   $.innerfade.next = function(elements, settings, current, last) {
       if (settings.animationtype == 'slide') {
           $(elements[last]).slideUp(settings.speed);
           $(elements[current]).slideDown(settings.speed);
       } else if (settings.animationtype == 'fade') {
           $(elements[last]).fadeOut(settings.speed);
           $(elements[current]).fadeIn(settings.speed, function() {

removeFilter($(this)[0]); });

       } else
           alert('Innerfade-animationtype must either be \'slide\' or \'fade\'');
       if (settings.type == "sequence") {
           if ((current + 1) < elements.length) {
               current = current + 1;
               last = current - 1;
           } else {
               current = 0;
               last = elements.length - 1;
           }
       } else if (settings.type == "random") {
           last = current;
           while (current == last)
               current = Math.floor(Math.random() * elements.length);
       } else
           alert('Innerfade-Type must either be \'sequence\', \'random\' or \'random_start\'');
       setTimeout((function() {
           $.innerfade.next(elements, settings, current, last);
       }), settings.timeout);
   };

})(jQuery);

// **** remove Opacity-Filter in ie **** function removeFilter(element) { if(element.style.removeAttribute){ element.style.removeAttribute('filter'); } }

$(document).ready( function(){

$('#portfolio').innerfade({ speed: 'slow', timeout: 8000, type: 'sequence', containerheight: '280px' });

$('.fade').innerfade({ speed: 'slow', timeout: 1000, type: 'sequence', containerheight: '1.5em' }); } );


</script> </head> </html>


<html> <div id="banner-wrap"> <div id="portfolio"> <a href="http://openwetware.org/wiki/Biomod/2012/Potsdam/DnanoPROT"><img src="http://openwetware.org/images/8/8c/Header3.jpg"/></a> <a href="http://openwetware.org/wiki/Biomod/2012/Potsdam/DnanoPROT"><img src="http://openwetware.org/images/e/e8/Header1.jpg"/></a> <a href="http://openwetware.org/wiki/Biomod/2012/Potsdam/DnanoPROT"><img src="http://openwetware.org/images/2/20/Header2.jpg"/></a> <a href="http://openwetware.org/wiki/Biomod/2012/Potsdam/DnanoPROT"><img src="http://openwetware.org/images/e/e8/Header4.jpg"/></a> <a href="http://openwetware.org/wiki/Biomod/2012/Potsdam/DnanoPROT"><img src="http://openwetware.org/images/0/09/UP12_header.jpg"/></a> </div> </div> <div class="clearfix"> </div> </html> <html> <div class="nav_menu gradient_golden"> <div id="menu_center"> <ul id="menu"> <li><a href="http://openwetware.org/index.php?title=Biomod/2012/Potsdam/DnanoPROT">Home</a></li> <li><a href="http://openwetware.org/wiki/Biomod/2012/Potsdam/DnanoPROT/Overview">Overview</a> <li><a href="http://openwetware.org/wiki/Biomod/2012/Potsdam/DnanoPROT/Project">Project</a> <li><a href="http://openwetware.org/wiki/Biomod/2012/Potsdam/DnanoPROT/Lab">Lab</a> <li><a href="http://openwetware.org/wiki/Biomod/2012/Potsdam/DnanoPROT/Team">Team</a> </ul> </div> </div> </html>

Team members


http://openwetware.org/images/3/35/UP12_Team3.jpg

Figure: part of the team with DNA models


  • Team members:

Xenia Arngold, Kenny Ebel, Stefan Grabiger, Norman Hein, Mario Köhler, Christopher Kreßler, Maria Kunert, Sascha Lehnort, Barbara Mlynarczyk, Tobias Priemel, Laura Rose, Tom Scheidt, Rico Schieweck, Katharina Tomschek, Kerstin Wöltje


Attributions

Planning and realization of the project was work by students participating in the competition. Note that the team also participates in iGEM and uses the rAAV technology for other purposes in iGEM. Oligonucleotides for the triangular DNA Origami were provided by Daniel Hautzinger.

We are very grateful to our supervisors Prof. Dr. Katja M. Arndt and Dr. Kristian M. Müller for their support, help, advice and the possibility to realize our project.

We thank Prof. Dr. Svetlana Santer and Dr. Alexey Kopyshev for the introduction and use of the AFM.

We are very thankful for the helpful technical hints from the Ph.D. students: Daniel, Tim, Tobias, Stefan and Sven.

Help for lab maintenance (e.g. glassware, waste) was gratefully accepted from Franzi.