Team:Freiburg

From 2013.igem.org

(Difference between revisions)
 
(348 intermediate revisions not shown)
Line 1: Line 1:
{{:Template:Freiburg2013_Template1}}
{{:Template:Freiburg2013_Template1}}
-
{{:Template:Freiburg2013_jquery_css}}
+
 
-
{{:Template:Freiburg2013_jquery}}
+
 
 +
 
<html>
<html>
<head>
<head>
-
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
+
<link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz' rel='stylesheet' type='text/css'>
-
<script type="text/javascript">/**
+
<style>
-
* BxSlider v4.1.1 - Fully loaded, responsive content slider
+
-
* http://bxslider.com
+
-
*
+
-
* Copyright 2012, Steven Wanderski - http://stevenwanderski.com - http://bxcreative.com
+
-
* Written while drinking Belgian ales and listening to jazz
+
-
*
+
-
* Released under the WTFPL license - http://sam.zoy.org/wtfpl/
+
-
*/
+
-
!function(t){var e={},s={mode:"horizontal",slideSelector:"",infiniteLoop:!0,hideControlOnEnd:!1,speed:500,easing:null,slideMargin:0,startSlide:0,randomStart:!1,captions:!1,ticker:!1,tickerHover:!1,adaptiveHeight:!1,adaptiveHeightSpeed:500,video:!1,useCSS:!0,preloadImages:"visible",responsive:!0,touchEnabled:!0,swipeThreshold:50,oneToOneTouch:!0,preventDefaultSwipeX:!0,preventDefaultSwipeY:!1,pager:!0,pagerType:"full",pagerShortSeparator:" / ",pagerSelector:null,buildPager:null,pagerCustom:null,controls:!0,nextText:"Next",prevText:"Prev",nextSelector:null,prevSelector:null,autoControls:!1,startText:"Start",stopText:"Stop",autoControlsCombine:!1,autoControlsSelector:null,auto:!1,pause:4e3,autoStart:!0,autoDirection:"next",autoHover:!1,autoDelay:0,minSlides:1,maxSlides:1,moveSlides:0,slideWidth:0,onSliderLoad:function(){},onSlideBefore:function(){},onSlideAfter:function(){},onSlideNext:function(){},onSlidePrev:function(){}};t.fn.bxSlider=function(n){if(0==this.length)return this;if(this.length>1)return this.each(function(){t(this).bxSlider(n)}),this;var o={},r=this;e.el=this;var a=t(window).width(),l=t(window).height(),d=function(){o.settings=t.extend({},s,n),o.settings.slideWidth=parseInt(o.settings.slideWidth),o.children=r.children(o.settings.slideSelector),o.children.length<o.settings.minSlides&&(o.settings.minSlides=o.children.length),o.children.length<o.settings.maxSlides&&(o.settings.maxSlides=o.children.length),o.settings.randomStart&&(o.settings.startSlide=Math.floor(Math.random()*o.children.length)),o.active={index:o.settings.startSlide},o.carousel=o.settings.minSlides>1||o.settings.maxSlides>1,o.carousel&&(o.settings.preloadImages="all"),o.minThreshold=o.settings.minSlides*o.settings.slideWidth+(o.settings.minSlides-1)*o.settings.slideMargin,o.maxThreshold=o.settings.maxSlides*o.settings.slideWidth+(o.settings.maxSlides-1)*o.settings.slideMargin,o.working=!1,o.controls={},o.interval=null,o.animProp="vertical"==o.settings.mode?"top":"left",o.usingCSS=o.settings.useCSS&&"fade"!=o.settings.mode&&function(){var t=document.createElement("div"),e=["WebkitPerspective","MozPerspective","OPerspective","msPerspective"];for(var i in e)if(void 0!==t.style[e[i]])return o.cssPrefix=e[i].replace("Perspective","").toLowerCase(),o.animProp="-"+o.cssPrefix+"-transform",!0;return!1}(),"vertical"==o.settings.mode&&(o.settings.maxSlides=o.settings.minSlides),r.data("origStyle",r.attr("style")),r.children(o.settings.slideSelector).each(function(){t(this).data("origStyle",t(this).attr("style"))}),c()},c=function(){r.wrap('<div class="bx-wrapper"><div class="bx-viewport"></div></div>'),o.viewport=r.parent(),o.loader=t('<div class="bx-loading" />'),o.viewport.prepend(o.loader),r.css({width:"horizontal"==o.settings.mode?100*o.children.length+215+"%":"auto",position:"relative"}),o.usingCSS&&o.settings.easing?r.css("-"+o.cssPrefix+"-transition-timing-function",o.settings.easing):o.settings.easing||(o.settings.easing="swing"),f(),o.viewport.css({width:"100%",overflow:"hidden",position:"relative"}),o.viewport.parent().css({maxWidth:v()}),o.settings.pager||o.viewport.parent().css({margin:"0 auto 0px"}),o.children.css({"float":"horizontal"==o.settings.mode?"left":"none",listStyle:"none",position:"relative"}),o.children.css("width",u()),"horizontal"==o.settings.mode&&o.settings.slideMargin>0&&o.children.css("marginRight",o.settings.slideMargin),"vertical"==o.settings.mode&&o.settings.slideMargin>0&&o.children.css("marginBottom",o.settings.slideMargin),"fade"==o.settings.mode&&(o.children.css({position:"absolute",zIndex:0,display:"none"}),o.children.eq(o.settings.startSlide).css({zIndex:50,display:"block"})),o.controls.el=t('<div class="bx-controls" />'),o.settings.captions&&P(),o.active.last=o.settings.startSlide==x()-1,o.settings.video&&r.fitVids();var e=o.children.eq(o.settings.startSlide);"all"==o.settings.preloadImages&&(e=o.children),o.settings.ticker?o.settings.pager=!1:(o.settings.pager&&T(),o.settings.controls&&C(),o.settings.auto&&o.settings.autoControls&&E(),(o.settings.controls||o.settings.autoControls||o.settings.pager)&&o.viewport.after(o.controls.el)),g(e,h)},g=function(e,i){var s=e.find("img, iframe").length;if(0==s)return i(),void 0;var n=0;e.find("img, iframe").each(function(){t(this).is("img")&&t(this).attr("src",t(this).attr("src")+"?timestamp="+(new Date).getTime()),t(this).load(function(){setTimeout(function(){++n==s&&i()},0)})})},h=function(){if(o.settings.infiniteLoop&&"fade"!=o.settings.mode&&!o.settings.ticker){var e="vertical"==o.settings.mode?o.settings.minSlides:o.settings.maxSlides,i=o.children.slice(0,e).clone().addClass("bx-clone"),s=o.children.slice(-e).clone().addClass("bx-clone");r.append(i).prepend(s)}o.loader.remove(),S(),"vertical"==o.settings.mode&&(o.settings.adaptiveHeight=!0),o.viewport.height(p()),r.redrawSlider(),o.settings.onSliderLoad(o.active.index),o.initialized=!0,o.settings.responsive&&t(window).bind("resize",B),o.settings.auto&&o.settings.autoStart&&H(),o.settings.ticker&&L(),o.settings.pager&&I(o.settings.startSlide),o.settings.controls&&W(),o.settings.touchEnabled&&!o.settings.ticker&&O()},p=function(){var e=0,s=t();if("vertical"==o.settings.mode||o.settings.adaptiveHeight)if(o.carousel){var n=1==o.settings.moveSlides?o.active.index:o.active.index*m();for(s=o.children.eq(n),i=1;i<=o.settings.maxSlides-1;i++)s=n+i>=o.children.length?s.add(o.children.eq(i-1)):s.add(o.children.eq(n+i))}else s=o.children.eq(o.active.index);else s=o.children;return"vertical"==o.settings.mode?(s.each(function(){e+=t(this).outerHeight()}),o.settings.slideMargin>0&&(e+=o.settings.slideMargin*(o.settings.minSlides-1))):e=Math.max.apply(Math,s.map(function(){return t(this).outerHeight(!1)}).get()),e},v=function(){var t="100%";return o.settings.slideWidth>0&&(t="horizontal"==o.settings.mode?o.settings.maxSlides*o.settings.slideWidth+(o.settings.maxSlides-1)*o.settings.slideMargin:o.settings.slideWidth),t},u=function(){var t=o.settings.slideWidth,e=o.viewport.width();return 0==o.settings.slideWidth||o.settings.slideWidth>e&&!o.carousel||"vertical"==o.settings.mode?t=e:o.settings.maxSlides>1&&"horizontal"==o.settings.mode&&(e>o.maxThreshold||e<o.minThreshold&&(t=(e-o.settings.slideMargin*(o.settings.minSlides-1))/o.settings.minSlides)),t},f=function(){var t=1;if("horizontal"==o.settings.mode&&o.settings.slideWidth>0)if(o.viewport.width()<o.minThreshold)t=o.settings.minSlides;else if(o.viewport.width()>o.maxThreshold)t=o.settings.maxSlides;else{var e=o.children.first().width();t=Math.floor(o.viewport.width()/e)}else"vertical"==o.settings.mode&&(t=o.settings.minSlides);return t},x=function(){var t=0;if(o.settings.moveSlides>0)if(o.settings.infiniteLoop)t=o.children.length/m();else for(var e=0,i=0;e<o.children.length;)++t,e=i+f(),i+=o.settings.moveSlides<=f()?o.settings.moveSlides:f();else t=Math.ceil(o.children.length/f());return t},m=function(){return o.settings.moveSlides>0&&o.settings.moveSlides<=f()?o.settings.moveSlides:f()},S=function(){if(o.children.length>o.settings.maxSlides&&o.active.last&&!o.settings.infiniteLoop){if("horizontal"==o.settings.mode){var t=o.children.last(),e=t.position();b(-(e.left-(o.viewport.width()-t.width())),"reset",0)}else if("vertical"==o.settings.mode){var i=o.children.length-o.settings.minSlides,e=o.children.eq(i).position();b(-e.top,"reset",0)}}else{var e=o.children.eq(o.active.index*m()).position();o.active.index==x()-1&&(o.active.last=!0),void 0!=e&&("horizontal"==o.settings.mode?b(-e.left,"reset",0):"vertical"==o.settings.mode&&b(-e.top,"reset",0))}},b=function(t,e,i,s){if(o.usingCSS){var n="vertical"==o.settings.mode?"translate3d(0, "+t+"px, 0)":"translate3d("+t+"px, 0, 0)";r.css("-"+o.cssPrefix+"-transition-duration",i/1e3+"s"),"slide"==e?(r.css(o.animProp,n),r.bind("transitionend webkitTransitionEnd oTransitionEnd MSTransitionEnd",function(){r.unbind("transitionend webkitTransitionEnd oTransitionEnd MSTransitionEnd"),D()})):"reset"==e?r.css(o.animProp,n):"ticker"==e&&(r.css("-"+o.cssPrefix+"-transition-timing-function","linear"),r.css(o.animProp,n),r.bind("transitionend webkitTransitionEnd oTransitionEnd MSTransitionEnd",function(){r.unbind("transitionend webkitTransitionEnd oTransitionEnd MSTransitionEnd"),b(s.resetValue,"reset",0),N()}))}else{var a={};a[o.animProp]=t,"slide"==e?r.animate(a,i,o.settings.easing,function(){D()}):"reset"==e?r.css(o.animProp,t):"ticker"==e&&r.animate(a,speed,"linear",function(){b(s.resetValue,"reset",0),N()})}},w=function(){for(var e="",i=x(),s=0;i>s;s++){var n="";o.settings.buildPager&&t.isFunction(o.settings.buildPager)?(n=o.settings.buildPager(s),o.pagerEl.addClass("bx-custom-pager")):(n=s+1,o.pagerEl.addClass("bx-default-pager")),e+='<div class="bx-pager-item"><a href="" data-slide-index="'+s+'" class="bx-pager-link">'+n+"</a></div>"}o.pagerEl.html(e)},T=function(){o.settings.pagerCustom?o.pagerEl=t(o.settings.pagerCustom):(o.pagerEl=t('<div class="bx-pager" />'),o.settings.pagerSelector?t(o.settings.pagerSelector).html(o.pagerEl):o.controls.el.addClass("bx-has-pager").append(o.pagerEl),w()),o.pagerEl.delegate("a","click",q)},C=function(){o.controls.next=t('<a class="bx-next" href="">'+o.settings.nextText+"</a>"),o.controls.prev=t('<a class="bx-prev" href="">'+o.settings.prevText+"</a>"),o.controls.next.bind("click",y),o.controls.prev.bind("click",z),o.settings.nextSelector&&t(o.settings.nextSelector).append(o.controls.next),o.settings.prevSelector&&t(o.settings.prevSelector).append(o.controls.prev),o.settings.nextSelector||o.settings.prevSelector||(o.controls.directionEl=t('<div class="bx-controls-direction" />'),o.controls.directionEl.append(o.controls.prev).append(o.controls.next),o.controls.el.addClass("bx-has-controls-direction").append(o.controls.directionEl))},E=function(){o.controls.start=t('<div class="bx-controls-auto-item"><a class="bx-start" href="">'+o.settings.startText+"</a></div>"),o.controls.stop=t('<div class="bx-controls-auto-item"><a class="bx-stop" href="">'+o.settings.stopText+"</a></div>"),o.controls.autoEl=t('<div class="bx-controls-auto" />'),o.controls.autoEl.delegate(".bx-start","click",k),o.controls.autoEl.delegate(".bx-stop","click",M),o.settings.autoControlsCombine?o.controls.autoEl.append(o.controls.start):o.controls.autoEl.append(o.controls.start).append(o.controls.stop),o.settings.autoControlsSelector?t(o.settings.autoControlsSelector).html(o.controls.autoEl):o.controls.el.addClass("bx-has-controls-auto").append(o.controls.autoEl),A(o.settings.autoStart?"stop":"start")},P=function(){o.children.each(function(){var e=t(this).find("img:first").attr("title");void 0!=e&&(""+e).length&&t(this).append('<div class="bx-caption"><span>'+e+"</span></div>")})},y=function(t){o.settings.auto&&r.stopAuto(),r.goToNextSlide(),t.preventDefault()},z=function(t){o.settings.auto&&r.stopAuto(),r.goToPrevSlide(),t.preventDefault()},k=function(t){r.startAuto(),t.preventDefault()},M=function(t){r.stopAuto(),t.preventDefault()},q=function(e){o.settings.auto&&r.stopAuto();var i=t(e.currentTarget),s=parseInt(i.attr("data-slide-index"));s!=o.active.index&&r.goToSlide(s),e.preventDefault()},I=function(e){var i=o.children.length;return"short"==o.settings.pagerType?(o.settings.maxSlides>1&&(i=Math.ceil(o.children.length/o.settings.maxSlides)),o.pagerEl.html(e+1+o.settings.pagerShortSeparator+i),void 0):(o.pagerEl.find("a").removeClass("active"),o.pagerEl.each(function(i,s){t(s).find("a").eq(e).addClass("active")}),void 0)},D=function(){if(o.settings.infiniteLoop){var t="";0==o.active.index?t=o.children.eq(0).position():o.active.index==x()-1&&o.carousel?t=o.children.eq((x()-1)*m()).position():o.active.index==o.children.length-1&&(t=o.children.eq(o.children.length-1).position()),"horizontal"==o.settings.mode?b(-t.left,"reset",0):"vertical"==o.settings.mode&&b(-t.top,"reset",0)}o.working=!1,o.settings.onSlideAfter(o.children.eq(o.active.index),o.oldIndex,o.active.index)},A=function(t){o.settings.autoControlsCombine?o.controls.autoEl.html(o.controls[t]):(o.controls.autoEl.find("a").removeClass("active"),o.controls.autoEl.find("a:not(.bx-"+t+")").addClass("active"))},W=function(){1==x()?(o.controls.prev.addClass("disabled"),o.controls.next.addClass("disabled")):!o.settings.infiniteLoop&&o.settings.hideControlOnEnd&&(0==o.active.index?(o.controls.prev.addClass("disabled"),o.controls.next.removeClass("disabled")):o.active.index==x()-1?(o.controls.next.addClass("disabled"),o.controls.prev.removeClass("disabled")):(o.controls.prev.removeClass("disabled"),o.controls.next.removeClass("disabled")))},H=function(){o.settings.autoDelay>0?setTimeout(r.startAuto,o.settings.autoDelay):r.startAuto(),o.settings.autoHover&&r.hover(function(){o.interval&&(r.stopAuto(!0),o.autoPaused=!0)},function(){o.autoPaused&&(r.startAuto(!0),o.autoPaused=null)})},L=function(){var e=0;if("next"==o.settings.autoDirection)r.append(o.children.clone().addClass("bx-clone"));else{r.prepend(o.children.clone().addClass("bx-clone"));var i=o.children.first().position();e="horizontal"==o.settings.mode?-i.left:-i.top}b(e,"reset",0),o.settings.pager=!1,o.settings.controls=!1,o.settings.autoControls=!1,o.settings.tickerHover&&!o.usingCSS&&o.viewport.hover(function(){r.stop()},function(){var e=0;o.children.each(function(){e+="horizontal"==o.settings.mode?t(this).outerWidth(!0):t(this).outerHeight(!0)});var i=o.settings.speed/e,s="horizontal"==o.settings.mode?"left":"top",n=i*(e-Math.abs(parseInt(r.css(s))));N(n)}),N()},N=function(t){speed=t?t:o.settings.speed;var e={left:0,top:0},i={left:0,top:0};"next"==o.settings.autoDirection?e=r.find(".bx-clone").first().position():i=o.children.first().position();var s="horizontal"==o.settings.mode?-e.left:-e.top,n="horizontal"==o.settings.mode?-i.left:-i.top,a={resetValue:n};b(s,"ticker",speed,a)},O=function(){o.touch={start:{x:0,y:0},end:{x:0,y:0}},o.viewport.bind("touchstart",X)},X=function(t){if(o.working)t.preventDefault();else{o.touch.originalPos=r.position();var e=t.originalEvent;o.touch.start.x=e.changedTouches[0].pageX,o.touch.start.y=e.changedTouches[0].pageY,o.viewport.bind("touchmove",Y),o.viewport.bind("touchend",V)}},Y=function(t){var e=t.originalEvent,i=Math.abs(e.changedTouches[0].pageX-o.touch.start.x),s=Math.abs(e.changedTouches[0].pageY-o.touch.start.y);if(3*i>s&&o.settings.preventDefaultSwipeX?t.preventDefault():3*s>i&&o.settings.preventDefaultSwipeY&&t.preventDefault(),"fade"!=o.settings.mode&&o.settings.oneToOneTouch){var n=0;if("horizontal"==o.settings.mode){var r=e.changedTouches[0].pageX-o.touch.start.x;n=o.touch.originalPos.left+r}else{var r=e.changedTouches[0].pageY-o.touch.start.y;n=o.touch.originalPos.top+r}b(n,"reset",0)}},V=function(t){o.viewport.unbind("touchmove",Y);var e=t.originalEvent,i=0;if(o.touch.end.x=e.changedTouches[0].pageX,o.touch.end.y=e.changedTouches[0].pageY,"fade"==o.settings.mode){var s=Math.abs(o.touch.start.x-o.touch.end.x);s>=o.settings.swipeThreshold&&(o.touch.start.x>o.touch.end.x?r.goToNextSlide():r.goToPrevSlide(),r.stopAuto())}else{var s=0;"horizontal"==o.settings.mode?(s=o.touch.end.x-o.touch.start.x,i=o.touch.originalPos.left):(s=o.touch.end.y-o.touch.start.y,i=o.touch.originalPos.top),!o.settings.infiniteLoop&&(0==o.active.index&&s>0||o.active.last&&0>s)?b(i,"reset",200):Math.abs(s)>=o.settings.swipeThreshold?(0>s?r.goToNextSlide():r.goToPrevSlide(),r.stopAuto()):b(i,"reset",200)}o.viewport.unbind("touchend",V)},B=function(){var e=t(window).width(),i=t(window).height();(a!=e||l!=i)&&(a=e,l=i,r.redrawSlider())};return r.goToSlide=function(e,i){if(!o.working&&o.active.index!=e)if(o.working=!0,o.oldIndex=o.active.index,o.active.index=0>e?x()-1:e>=x()?0:e,o.settings.onSlideBefore(o.children.eq(o.active.index),o.oldIndex,o.active.index),"next"==i?o.settings.onSlideNext(o.children.eq(o.active.index),o.oldIndex,o.active.index):"prev"==i&&o.settings.onSlidePrev(o.children.eq(o.active.index),o.oldIndex,o.active.index),o.active.last=o.active.index>=x()-1,o.settings.pager&&I(o.active.index),o.settings.controls&&W(),"fade"==o.settings.mode)o.settings.adaptiveHeight&&o.viewport.height()!=p()&&o.viewport.animate({height:p()},o.settings.adaptiveHeightSpeed),o.children.filter(":visible").fadeOut(o.settings.speed).css({zIndex:0}),o.children.eq(o.active.index).css("zIndex",51).fadeIn(o.settings.speed,function(){t(this).css("zIndex",50),D()});else{o.settings.adaptiveHeight&&o.viewport.height()!=p()&&o.viewport.animate({height:p()},o.settings.adaptiveHeightSpeed);var s=0,n={left:0,top:0};if(!o.settings.infiniteLoop&&o.carousel&&o.active.last)if("horizontal"==o.settings.mode){var a=o.children.eq(o.children.length-1);n=a.position(),s=o.viewport.width()-a.outerWidth()}else{var l=o.children.length-o.settings.minSlides;n=o.children.eq(l).position()}else if(o.carousel&&o.active.last&&"prev"==i){var d=1==o.settings.moveSlides?o.settings.maxSlides-m():(x()-1)*m()-(o.children.length-o.settings.maxSlides),a=r.children(".bx-clone").eq(d);n=a.position()}else if("next"==i&&0==o.active.index)n=r.find("> .bx-clone").eq(o.settings.maxSlides).position(),o.active.last=!1;else if(e>=0){var c=e*m();n=o.children.eq(c).position()}if("undefined"!=typeof n){var g="horizontal"==o.settings.mode?-(n.left-s):-n.top;b(g,"slide",o.settings.speed)}}},r.goToNextSlide=function(){if(o.settings.infiniteLoop||!o.active.last){var t=parseInt(o.active.index)+1;r.goToSlide(t,"next")}},r.goToPrevSlide=function(){if(o.settings.infiniteLoop||0!=o.active.index){var t=parseInt(o.active.index)-1;r.goToSlide(t,"prev")}},r.startAuto=function(t){o.interval||(o.interval=setInterval(function(){"next"==o.settings.autoDirection?r.goToNextSlide():r.goToPrevSlide()},o.settings.pause),o.settings.autoControls&&1!=t&&A("stop"))},r.stopAuto=function(t){o.interval&&(clearInterval(o.interval),o.interval=null,o.settings.autoControls&&1!=t&&A("start"))},r.getCurrentSlide=function(){return o.active.index},r.getSlideCount=function(){return o.children.length},r.redrawSlider=function(){o.children.add(r.find(".bx-clone")).outerWidth(u()),o.viewport.css("height",p()),o.settings.ticker||S(),o.active.last&&(o.active.index=x()-1),o.active.index>=x()&&(o.active.last=!0),o.settings.pager&&!o.settings.pagerCustom&&(w(),I(o.active.index))},r.destroySlider=function(){o.initialized&&(o.initialized=!1,t(".bx-clone",this).remove(),o.children.each(function(){void 0!=t(this).data("origStyle")?t(this).attr("style",t(this).data("origStyle")):t(this).removeAttr("style")}),void 0!=t(this).data("origStyle")?this.attr("style",t(this).data("origStyle")):t(this).removeAttr("style"),t(this).unwrap().unwrap(),o.controls.el&&o.controls.el.remove(),o.controls.next&&o.controls.next.remove(),o.controls.prev&&o.controls.prev.remove(),o.pagerEl&&o.pagerEl.remove(),t(".bx-caption",this).remove(),o.controls.autoEl&&o.controls.autoEl.remove(),clearInterval(o.interval),o.settings.responsive&&t(window).unbind("resize",B))},r.reloadSlider=function(t){void 0!=t&&(n=t),r.destroySlider(),d()},d(),this}}(jQuery);</script>
+
-
<script type="text/javascript">
 
-
$(document).ready(function(){
 
-
$('.bxslider').bxSlider({
 
-
auto: true,
 
-
autoStart: true,
 
-
  autoControls: true,
 
-
  autoHover: true,
 
-
  speed: 800,
 
-
pause: 7000,
 
-
  minSlides: 2,
 
-
  maxSlides: 2,
 
-
  slideWidth: 360,
 
-
  slideMargin: 10,
 
-
  buildPager: function(slideIndex){
 
-
    switch(slideIndex){
 
-
      case 0:
 
-
        return '<img src="gluehbirne.jpg">';
 
-
      case 1:
 
-
        return '<img src="Estrane.png">';
 
-
      case 2:
 
-
        return '<img src=".jpg">';
 
-
        case 3:
 
-
        return '<img src=".jpg">';
 
-
    }
 
-
  }
 
-
});
 
-
});
 
-
</script>
 
-
<style type="text/css">
 
-
  .bx-wrapper .bx-pager {
 
-
    bottom: -70px;
 
-
  }
 
-
 
 
-
  .bx-wrapper .bx-pager a {
 
-
    border: solid #ccc 1px;
 
-
    display: block;
 
-
    margin: 0 5px;
 
-
    padding: 3px;
 
-
    width:50px;
 
-
  }
 
-
 
 
-
  .bx-wrapper .bx-pager a:hover,
 
-
  .bx-wrapper .bx-pager a.active {
 
-
    border: solid black 3px;
 
-
  }
 
-
 
 
-
  .bx-wrapper {
 
-
    margin-bottom: 120px;
 
-
  }
 
-
 
 
-
</style>
+
#table_viereck {
 +
background: transparent;
 +
width:100%;
 +
margin:auto;
 +
color:white;
 +
}
 +
#table_viereck tr td{
 +
padding-left:5px;
 +
border: 1px solid transparent;
 +
}
-
<!-- ******************************************************************* -->
+
#table_viereck tr td ul{
-
<!-- STYLESCHEET -->
+
list-style: none;
-
<!-- ******************************************************************* -->
+
float:left;
 +
z-index:2
 +
}
 +
#table_viereck tr td{
 +
padding-top: 0px;
 +
}
-
<style>
+
#table_viereck tr td ul li img{
-
#facebook img{
+
height:60px;
-
padding-top:350px;
+
}
-
font-color:black;
+
 
-
float:right;
+
#klammer_gross_links{
-
width:20%;
+
height:350px;
-
text-decoration: none;  
+
padding-left:7px;
-
overflow:none;
+
float:left;
 +
padding-top:3px;
}
}
-
#tour {
+
#klammer_gross_rechts{
 +
height:350px;
float: left;
float: left;
 +
padding-top:3px;
}
}
-
#tour img {
+
#klammer_klein_links{
-
width: 400px;
+
height:175px;
-
 
+
width:45px;
 +
float:left;
 +
padding-top:3px;
 +
padding-left:7px;
}
}
-
#kachel_project {
+
#klammer_klein_rechts{
 +
height:175px;
 +
width:45px;
 +
float: left;
 +
padding-top:3px;
}
}
-
#kachel_project img {
+
 
-
width:500px;
+
#text_gross{
 +
margin-top: -10px;
 +
margin-bottom: 30px;
 +
color:white;
 +
font-family:'Yanone Kaffeesatz',sans-serif;
 +
font-size:48px;
 +
padding-top:2px;
}
}
-
#kachel {
+
 
-
padding: 5px;
+
#text_gross a{
 +
color:white;
 +
text-decoration:none;
}
}
-
#kachel img {
+
#text_gross a:hover {  
-
width: 250px;
+
text-decoration:none;
 +
color: #FFCC00;  
}
}
-
#text {
+
#text1{
-
font-color: white;
+
margin-top: 50px;
-
padding-top:250px;
+
color:white;
-
postion:absolute;
+
width:320px;
-
font-family: Arial;
+
height:10px;
 +
padding-top:1px;
 +
font-family:Arial;
 +
font-size:15px;
 +
float:left;
text-align:justify;
text-align:justify;
-
padding-bottom:100px;
+
}
-
font-size:1.2em;
+
 +
#text-box2{
 +
margin-top: 50px;
 +
color:white;
 +
width:515px;
 +
height:300px;
 +
padding-top:5px;
 +
font-family:Arial;
 +
font-size:15px;
 +
float:left;
 +
background: url(https://static.igem.org/mediawiki/2013/9/94/Freiburg_2013_main2_Cas.png);
 +
background-size: 190px;
 +
background-position:140px 90px;
 +
background-repeat: no-repeat;
 +
}
 +
#text-box2 ul li span{
 +
font-size: 20px;
 +
font-family:'Yanone Kaffeesatz',sans-serif;
 +
}
 +
#text-box2 ul{
 +
margin-top: 30px;
}
}
-
#h1 {
+
#text-box2 ul li a{
-
font-color: white;
+
color:white;
-
font-weight:bold;
+
text-decoration:none;
-
font-family: Arial;
+
}
-
text-align:center;
+
-
font-size:1.5em;
+
-
padding-bottom:20px;
+
 +
#text-box2 ul li a:hover{
 +
color:white;
 +
text-decoration:none;
 +
color: #FFCC00;
}
}
-
#fett {
+
#text-box3{
-
font-weight:bold;
+
height:100px;
-
text-align:justify;
+
margin-top:40px;
-
padding-bottom:15px;
+
color:white;
 +
width:170px;
 +
padding-top:5px;
 +
font-family:Arial;
 +
font-size:15px;
 +
float:left;
 +
<!--background: url(https://static.igem.org/mediawiki/2013/d/d6/Freiburg_2013_main2_Highlights.png);
 +
background-size: 50px;
 +
background-position:bottom right;
 +
background-repeat: no-repeat;-->
 +
}
 +
#text-box4{
 +
margin-top:40px;
 +
color:white;
 +
width:170px;
 +
padding-top:5px;
 +
font-family:Arial;
 +
font-size:15px;
 +
float:left;
 +
<!-- background: url(https://static.igem.org/mediawiki/2013/5/5d/Freiburg_2013_main2_Toolkitnew.png);
 +
background-size: 65px;
 +
background-position:bottom right;
 +
background-repeat: no-repeat; -->
}
}
-
#team img{
+
#text-box5{
-
width:100%;
+
margin-top:40px;
 +
color:white;
 +
height: 130px;
 +
width:125px;
 +
padding-top:5px;
 +
font-family:Arial;
 +
font-size:15px;
float:left;
float:left;
-
margin-bottom:30px;
+
<!--background: url(https://static.igem.org/mediawiki/2013/f/f4/Freiburg_2013_main2_KachelTeam.png);
 +
background-size: 120px;
 +
background-position:bottom center; 
 +
background-repeat: no-repeat;-->
 +
}
 +
 
 +
#text-box6{
 +
margin-top:40px;
 +
color:white;
 +
width:125px;
 +
padding-top:5px;
 +
font-family:Arial;
 +
font-size:15px;
 +
float:left;
 +
}
</style>
</style>
 +
 +
</head>
</head>
<body>
<body>
-
<ul class="bxslider">
 
-
<li><img  src="P1050709.jpg" /></li>
 
-
<li> Text </li>
 
-
<li><img  src="P1050710.jpg" /></li>
 
-
<li> Text </li>
 
-
<li><img  src="P1050711.jpg" /></li>
 
-
<li> Text </li>
 
-
<li><img  src="P1050712.jpg" /></li>
 
-
<li> Text </li>
 
-
  </ul>
 
 +
<div style="min-height:600px; margin-top:230px;" >
-
<div id="text">
+
<!-- ########################################################################################
-
<p id="h1"> Gene Regulation – Multiple Targets – Activation – Optogenetics – Repression – Inducibility – Epigenetics
+
 
-
</p>
+
TABLE OBEN
 +
 
 +
######################################################################################## -->
 +
 
 +
 
 +
 
 +
<table id="table_viereck">
 +
 
 +
<!-- ########################################################################################
 +
 
 +
ABSTRACT
 +
 
 +
######################################################################################## -->
 +
 
 +
 
 +
<tr>
 +
 
 +
<td width="450px">
 +
 
 +
  <img id="klammer_gross_links" src="https://static.igem.org/mediawiki/2013/e/e0/Freiburg_2013_main2_Rahmen_gross_links.png">
 +
 
 +
  <div id="text1">  
 +
  <div id="text_gross" align="left"> <a href="https://2013.igem.org/Team:Freiburg/Project/1#abstract"> Abstract </a> </div>
 +
 
 +
  Our Team developed a universal toolkit,  termed uniCAS, that enables customizable gene   
 +
    regulation in mammalian cells.  Therefore, we engineered the recently understood and highly promising 
 +
    CRISPR/Cas9 system. <br>
 +
      The regulation is based on the RNA-guided dCas9 protein, which allows specific targeting of DNA sequences.
 +
      Our toolkit comprises not only a standardized dCas9 protein,  but also different effector domains for
 +
      efficient gene activation or repression.
 +
</div>  
   
   
-
<p id="fett">Just imagine there was a tool that combined all these aspects of lab work. A tool, that was able to rule several genes at once; a tool that allowed highly specific gene modulation via stimulus induction; a tool that would be a new approach to gene regulation. </p>
+
  <img id="klammer_gross_rechts" src="https://static.igem.org/mediawiki/2013/8/82/Freiburg_2013_main2_Rahmen_gross_rechts.png">
 +
 
 +
</td>
 +
 
 +
<!-- ########################################################################################
 +
 
 +
PROJECT
 +
 
 +
######################################################################################## -->
 +
 
 +
 
 +
 
 +
<td>
 +
 
 +
  <img id="klammer_gross_links" src="https://static.igem.org/mediawiki/2013/e/e0/Freiburg_2013_main2_Rahmen_gross_links.png">
 +
 
 +
<div id="text-box2">
   
   
-
<p>This year’s Freiburg iGEM Team uses the prokaryotic CRISPR/Cas system to enable multiple endogenous gene regulation with minimal effort. The regulation is based on a protein-RNA-DNA interaction. Customizable RNAs function as a guide for our protein in order to target specific DNA sequences. By fusing effector domains to this protein, we aim at developing a tool for multiple and inducible gene activation and repression. Despite the system's prokaryotic origin, gene target sequences are adjustable for various organisms, offering a broad application variety of our tool. Due to its great potential, the CRISPR/Cas system has become of increasing importance in current research and can be implemented in a number of novel and interesting applications, such as gene therapy or tissue engineering. </p>
+
    <div id="text_gross" align="left"><a href="https://2013.igem.org/Team:Freiburg/Project/1"> Our Project </a></div>
-
</div>
+
 +
  <div>
 +
<ul style="margin-left:40px;">
 +
<li style="margin-top:-30px; padding-bottom:12px;"><a href="https://2013.igem.org/Team:Freiburg/Project/effector#activation">
 +
<span> Activation </span>
 +
<img  src="https://static.igem.org/mediawiki/2013/0/03/Freiburg_2013_main2_Activation.png" style="height:65px;">
 +
</li>
 +
</a>
-
<div id="tour">
+
<li style="margin-left: -40px; padding-bottom:12px;"><a href="https://2013.igem.org/Team:Freiburg/Project/effector#repression">
-
<img src="https://static.igem.org/mediawiki/2013/b/bc/Cas9_tour.png">
+
<span> Repression </span>
-
</div>
+
<img src="https://static.igem.org/mediawiki/2013/e/e7/Repression_freiburg_13.png" style="height:55px;">
 +
</li>
 +
</a>
 +
 
 +
<li style="margin-bottom:-30px;"><a href="https://2013.igem.org/Team:Freiburg/Project/effector#epigenetics">
 +
<span> Epigenetics </span>
 +
<img src="https://static.igem.org/mediawiki/2013/3/31/Freiburg_2013_main2_Epigenetic.png">
 +
</li>
 +
</a>
 +
</ul>
-
<div id="kachel_project">
+
<ul style="margin-left:160px">
-
<img src="https://static.igem.org/mediawiki/2013/d/d2/Project_kachel.png">
+
 
 +
<li style="margin-top: -30px; padding-bottom:10px;"><a href="https://2013.igem.org/Team:Freiburg/Project/crrna">
 +
  <img src="https://static.igem.org/mediawiki/2013/b/bb/Freiburg_2013_main2_Multiple_Targeting.png">
 +
<span> Multiple targeting </span>
 +
</li>
 +
</a>
 +
 
 +
<li style="margin-left: 40px; padding-bottom:8px;"><a href="https://2013.igem.org/Team:Freiburg/Project/method">
 +
  <img src="https://static.igem.org/mediawiki/2013/e/ef/UniBAss_freiburg_13.png" style="height:68px;">
 +
<span> uniBAss</span>
 +
</li>
 +
</a>
 +
 
 +
<li style="margin-bottom:-30px;"><a href="https://2013.igem.org/Team:Freiburg/Project/induction#light">
 +
  <img src="https://static.igem.org/mediawiki/2013/9/9a/Freiburg_2013_main2_Licht.png" style="height:57px;">
 +
<span> Light induction </span>
 +
</li>
 +
</a>
 +
</ul>
 +
 
</div>
</div>
 +
</div>
 +
  <img id="klammer_gross_rechts" src="https://static.igem.org/mediawiki/2013/8/82/Freiburg_2013_main2_Rahmen_gross_rechts.png">
 +
</td>
 +
</tr>
 +
</table>
-
<div id="kachel">
+
 
-
<img src="https://static.igem.org/mediawiki/2013/9/9e/Tool_kachel_2.png">
+
<!-- ########################################################################################
-
<img src="https://static.igem.org/mediawiki/2013/f/fb/Team_kachel.png">
+
 
 +
TABLE UNTEN
 +
 
 +
######################################################################################## -->
 +
 
 +
 
 +
 
 +
<table id="table_viereck" style="margin-top:30px;">
 +
 
 +
<!-- ########################################################################################
 +
 
 +
HIGHLIGHTS
 +
 
 +
######################################################################################## -->
 +
 
 +
 
 +
<tr>
 +
  <td width="300px">
 +
  <img id="klammer_klein_links" src="https://static.igem.org/mediawiki/2013/e/e0/Freiburg_2013_main2_Rahmen_gross_links.png">
 +
  <div id="text-box3">  
 +
      <div id="text_gross" align="left"><a style="position:absolute; top:678px; left:60px; z-index:2" href="https://2013.igem.org/Team:Freiburg/Highlights"> Highlights </div> </a>
 +
  <p style="position:absolute; top:720px; left:60px" > All about our <br> project in one <br> slide show! </p>
 +
<img src="https://static.igem.org/mediawiki/2013/0/0e/Freiburg_2013_main2_Highlights5.png" height="190" style="position:absolute; top:614px; left:105px; z-index:1">  
 +
  </div>
 +
  <img id="klammer_klein_rechts" src="https://static.igem.org/mediawiki/2013/8/82/Freiburg_2013_main2_Rahmen_gross_rechts.png">
 +
  </td>
 +
 
 +
 
 +
<!-- ########################################################################################
 +
 
 +
TOOLKIT
 +
 
 +
######################################################################################## -->
 +
 
 +
 
 +
  <td width="300px">
 +
  <img id="klammer_klein_links" src="https://static.igem.org/mediawiki/2013/e/e0/Freiburg_2013_main2_Rahmen_gross_links.png">
 +
  <div id="text-box4">
 +
 
 +
      <div id="text_gross" align="left"> <a href="https://2013.igem.org/Team:Freiburg/Project/toolkit">Manual </a></div>
 +
 
 +
    Use our Toolkit <br> to regulate your <br> genes!
 +
    <img src="https://static.igem.org/mediawiki/2013/5/5d/Freiburg_2013_main2_Toolkitnew.png" height="90" style="position:absolute; top:715px; left:464px">
 +
  </div>
 +
  </div>
 +
 
 +
  <img id="klammer_klein_rechts" src="https://static.igem.org/mediawiki/2013/8/82/Freiburg_2013_main2_Rahmen_gross_rechts.png">
 +
  </td>
 +
 
 +
 
 +
<!-- ########################################################################################
 +
 
 +
HUMAN PRACTICE
 +
 
 +
######################################################################################## -->
 +
 
 +
 
 +
  <td width="250px">
 +
  <img id="klammer_klein_links" src="https://static.igem.org/mediawiki/2013/e/e0/Freiburg_2013_main2_Rahmen_gross_links.png">
 +
  <div id="text-box5">
 +
 
 +
      <div id="text_gross" align="left"> <a style="position:absolute; top:678px; left:660px; z-index:2" href="https://2013.igem.org/Team:Freiburg/HumanPractice"> Human <br><br> Practice  </a> </div>
 +
 
 +
  <img src="https://static.igem.org/mediawiki/2013/e/ee/Freibrug_startseite_Humanpractice.png" height="150" style="position:absolute; top:650px; left:655px; z-index:1">
 +
 
 +
    </div>
 +
  <img id="klammer_klein_rechts" src="https://static.igem.org/mediawiki/2013/8/82/Freiburg_2013_main2_Rahmen_gross_rechts.png">
 +
  </td>
 +
 
 +
<!-- ########################################################################################
 +
 
 +
TEAM
 +
 
 +
######################################################################################## -->
 +
 
 +
 
 +
  <td width="250px">
 +
  <img id="klammer_klein_links" src="https://static.igem.org/mediawiki/2013/e/e0/Freiburg_2013_main2_Rahmen_gross_links.png">
 +
  <div id="text-box6">
 +
 
 +
<div id="text_gross" align="left"> <a style="position:absolute; top:678px; left:910px; z-index:2" href="https://2013.igem.org/Team:Freiburg/News"> News  </a></div>
 +
<p style="padding-top:10px;">
 +
Have a look at our achievements in Lyon & Boston!
 +
</p>
 +
<img src="https://static.igem.org/mediawiki/2013/5/56/Best-foundational-advance-2013-freiburg.png" height="130" style="position:absolute; top:600px; left:980px; z-index:1">
 +
  </div>  
</div>
</div>
 +
  <img id="klammer_klein_rechts" src="https://static.igem.org/mediawiki/2013/8/82/Freiburg_2013_main2_Rahmen_gross_rechts.png">
 +
  </td>
 +
</tr>
 +
</table>
 +
</div>
 +
<center>
 +
<!-- Start of StatCounter Code for Default Guide -->
 +
<script type="text/javascript">
 +
var sc_project=9733368;
 +
var sc_invisible=0;
 +
var sc_security="e5b3d57c";
 +
var scJsHost = (("https:" == document.location.protocol) ?
 +
"https://secure." : "http://www.");
 +
document.write("<sc"+"ript type='text/javascript' src='" +
 +
scJsHost+
 +
"statcounter.com/counter/counter.js'></"+"script>");
 +
</script>
 +
<noscript><div class="statcounter"><a title="click tracking"
 +
href="http://statcounter.com/" target="_blank"><img
 +
class="statcounter"
 +
src="http://c.statcounter.com/9733368/0/e5b3d57c/0/"
 +
alt="click tracking"></a></div></noscript>
 +
<!-- End of StatCounter Code for Default Guide -->
 +
</center>
</body>
</body>
</html>
</html>
-
 
-
{{Template:Sponsors:Freiburg2013 Sponsors}}
 

Latest revision as of 23:52, 9 April 2014


Abstract
Our Team developed a universal toolkit, termed uniCAS, that enables customizable gene regulation in mammalian cells. Therefore, we engineered the recently understood and highly promising CRISPR/Cas9 system.
The regulation is based on the RNA-guided dCas9 protein, which allows specific targeting of DNA sequences. Our toolkit comprises not only a standardized dCas9 protein, but also different effector domains for efficient gene activation or repression.
Our Project
Highlights

All about our
project in one
slide show!

Manual
Use our Toolkit
to regulate your
genes!
Human

Practice
News

Have a look at our achievements in Lyon & Boston!

Retrieved from "http://2013.igem.org/Team:Freiburg"