"
Team:UCSF/Home1
From 2013.igem.org
(Difference between revisions)
| (One intermediate revision not shown) | |||
| Line 1: | Line 1: | ||
<!--{{Team:HokkaidoU_Japan/Index/Slideshow}}--> | <!--{{Team:HokkaidoU_Japan/Index/Slideshow}}--> | ||
<html> | <html> | ||
| - | <script type="text/javascript" | + | <script type="text/javascript"> |
| + | eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('j.m[\'19\']=j.m[\'V\'];j.O(j.m,{W:\'X\',V:8(x,t,b,c,d){6 j.m[j.m.W](x,t,b,c,d)},1a:8(x,t,b,c,d){6 c*(t/=d)*t+b},X:8(x,t,b,c,d){6-c*(t/=d)*(t-2)+b},1b:8(x,t,b,c,d){e((t/=d/2)<1)6 c/2*t*t+b;6-c/2*((--t)*(t-2)-1)+b},1c:8(x,t,b,c,d){6 c*(t/=d)*t*t+b},1d:8(x,t,b,c,d){6 c*((t=t/d-1)*t*t+1)+b},1e:8(x,t,b,c,d){e((t/=d/2)<1)6 c/2*t*t*t+b;6 c/2*((t-=2)*t*t+2)+b},1f:8(x,t,b,c,d){6 c*(t/=d)*t*t*t+b},1g:8(x,t,b,c,d){6-c*((t=t/d-1)*t*t*t-1)+b},1h:8(x,t,b,c,d){e((t/=d/2)<1)6 c/2*t*t*t*t+b;6-c/2*((t-=2)*t*t*t-2)+b},1i:8(x,t,b,c,d){6 c*(t/=d)*t*t*t*t+b},1j:8(x,t,b,c,d){6 c*((t=t/d-1)*t*t*t*t+1)+b},1k:8(x,t,b,c,d){e((t/=d/2)<1)6 c/2*t*t*t*t*t+b;6 c/2*((t-=2)*t*t*t*t+2)+b},1l:8(x,t,b,c,d){6-c*9.Y(t/d*(9.k/2))+c+b},1m:8(x,t,b,c,d){6 c*9.z(t/d*(9.k/2))+b},1n:8(x,t,b,c,d){6-c/2*(9.Y(9.k*t/d)-1)+b},1o:8(x,t,b,c,d){6(t==0)?b:c*9.n(2,10*(t/d-1))+b},1p:8(x,t,b,c,d){6(t==d)?b+c:c*(-9.n(2,-10*t/d)+1)+b},1q:8(x,t,b,c,d){e(t==0)6 b;e(t==d)6 b+c;e((t/=d/2)<1)6 c/2*9.n(2,10*(t-1))+b;6 c/2*(-9.n(2,-10*--t)+2)+b},1r:8(x,t,b,c,d){6-c*(9.F(1-(t/=d)*t)-1)+b},1s:8(x,t,b,c,d){6 c*9.F(1-(t=t/d-1)*t)+b},1t:8(x,t,b,c,d){e((t/=d/2)<1)6-c/2*(9.F(1-t*t)-1)+b;6 c/2*(9.F(1-(t-=2)*t)+1)+b},1u:8(x,t,b,c,d){g s=1.r;g p=0;g a=c;e(t==0)6 b;e((t/=d)==1)6 b+c;e(!p)p=d*.3;e(a<9.P(c)){a=c;g s=p/4}u g s=p/(2*9.k)*9.Q(c/a);6-(a*9.n(2,10*(t-=1))*9.z((t*d-s)*(2*9.k)/p))+b},1v:8(x,t,b,c,d){g s=1.r;g p=0;g a=c;e(t==0)6 b;e((t/=d)==1)6 b+c;e(!p)p=d*.3;e(a<9.P(c)){a=c;g s=p/4}u g s=p/(2*9.k)*9.Q(c/a);6 a*9.n(2,-10*t)*9.z((t*d-s)*(2*9.k)/p)+c+b},1w:8(x,t,b,c,d){g s=1.r;g p=0;g a=c;e(t==0)6 b;e((t/=d/2)==2)6 b+c;e(!p)p=d*(.3*1.5);e(a<9.P(c)){a=c;g s=p/4}u g s=p/(2*9.k)*9.Q(c/a);e(t<1)6-.5*(a*9.n(2,10*(t-=1))*9.z((t*d-s)*(2*9.k)/p))+b;6 a*9.n(2,-10*(t-=1))*9.z((t*d-s)*(2*9.k)/p)*.5+c+b},1x:8(x,t,b,c,d,s){e(s==G)s=1.r;6 c*(t/=d)*t*((s+1)*t-s)+b},1y:8(x,t,b,c,d,s){e(s==G)s=1.r;6 c*((t=t/d-1)*t*((s+1)*t+s)+1)+b},1z:8(x,t,b,c,d,s){e(s==G)s=1.r;e((t/=d/2)<1)6 c/2*(t*t*(((s*=(1.Z))+1)*t-s))+b;6 c/2*((t-=2)*t*(((s*=(1.Z))+1)*t+s)+2)+b},11:8(x,t,b,c,d){6 c-j.m.R(x,d-t,0,c,d)+b},R:8(x,t,b,c,d){e((t/=d)<(1/2.q)){6 c*(7.H*t*t)+b}u e(t<(2/2.q)){6 c*(7.H*(t-=(1.5/2.q))*t+.q)+b}u e(t<(2.5/2.q)){6 c*(7.H*(t-=(2.1A/2.q))*t+.1B)+b}u{6 c*(7.H*(t-=(2.1C/2.q))*t+.1D)+b}},1E:8(x,t,b,c,d){e(t<d/2)6 j.m.11(x,t*2,0,c,d)*.5+b;6 j.m.R(x,t*2-d,0,c,d)*.5+c*.5+b}});(8($){$.1F={1G:\'@1H\'};$.S([\'A\',\'T\'],8(i,c){$.I[\'1I\'+c]=8(){e(!f[0])6;g a=c==\'A\'?\'J\':\'B\',v=c==\'A\'?\'12\':\'13\';6 h(f,c.14())+h(f,\'K\'+a)+h(f,\'K\'+v)};$.I[\'1J\'+c]=8(a){e(!f[0])6;g b=c==\'A\'?\'J\':\'B\',v=c==\'A\'?\'12\':\'13\';a=$.O({L:1K},a||{});6 h(f,c.14())+h(f,\'15\'+b+\'T\')+h(f,\'15\'+v+\'T\')+h(f,\'K\'+b)+h(f,\'K\'+v)+(a.L?(h(f,\'L\'+b)+h(f,\'L\'+v)):0)}});$.S([\'B\',\'J\'],8(i,b){$.I[\'C\'+b]=8(a){e(!f[0])6;6 a!=G?f.S(8(){f==D||f==M?D.1L(b==\'B\'?a:$(D)[\'1M\'](),b==\'J\'?a:$(D)[\'1N\']()):f[\'C\'+b]=a}):f[0]==D||f[0]==M?1O[(b==\'B\'?\'1P\':\'1Q\')]||$.1R&&M.1S[\'C\'+b]||M.16[\'C\'+b]:f[0][\'C\'+b]}});$.I.O({17:8(){g a=0,w=0,N=f[0],o,y,l,U;e(N){l=f.l();o=f.o();y=l.o();o.w-=h(N,\'1T\');o.E-=h(N,\'1U\');y.w+=h(l,\'1V\');y.E+=h(l,\'1W\');U={w:o.w-y.w,E:o.E-y.E}}6 U},l:8(){g a=f[0].l;1X(a&&(!/^16|1Y$/i.1Z(a.20)&&$.18(a,\'17\')==\'21\'))a=a.l;6 $(a)}});8 h(a,b){6 22($.18(a.23?a[0]:a,b))||0}})(j);',62,128,'||||||return||function|Math|||||if|this|var|num||jQuery|PI|offsetParent|easing|pow|offset||75|70158|||else|borr|top||parentOffset|sin|Height|Left|scroll|window|left|sqrt|undefined|5625|fn|Top|padding|margin|document|elem|extend|abs|asin|easeOutBounce|each|Width|results|swing|def|easeOutQuad|cos|525||easeInBounce|Bottom|Right|toLowerCase|border|body|position|css|jswing|easeInQuad|easeInOutQuad|easeInCubic|easeOutCubic|easeInOutCubic|easeInQuart|easeOutQuart|easeInOutQuart|easeInQuint|easeOutQuint|easeInOutQuint|easeInSine|easeOutSine|easeInOutSine|easeInExpo|easeOutExpo|easeInOutExpo|easeInCirc|easeOutCirc|easeInOutCirc|easeInElastic|easeOutElastic|easeInOutElastic|easeInBack|easeOutBack|easeInOutBack|25|9375|625|984375|easeInOutBounce|dimensions|version|VERSION|inner|outer|false|scrollTo|scrollLeft|scrollTop|self|pageXOffset|pageYOffset|boxModel|documentElement|marginTop|marginLeft|borderTopWidth|borderLeftWidth|while|html|test|tagName|static|parseInt|jquery'.split('|'),0,{})); | ||
| + | // JavaScript Document | ||
| + | /*! Copyright (c) 2009 Brandon Aaron (http://brandonaaron.net) | ||
| + | * Dual licensed under the MIT (http://www.opensource.org/licenses/mit-license.php) | ||
| + | * and GPL (http://www.opensource.org/licenses/gpl-license.php) licenses. | ||
| + | * Thanks to: http://adomas.org/javascript-mouse-wheel/ for some pointers. | ||
| + | * Thanks to: Mathias Bank(http://www.mathias-bank.de) for a scope bug fix. | ||
| + | * | ||
| + | * Version: 3.0.2 | ||
| + | * | ||
| + | * Requires: 1.2.2+ | ||
| + | */ | ||
| + | |||
| + | (function($) { | ||
| + | |||
| + | var types = ['DOMMouseScroll', 'mousewheel']; | ||
| + | |||
| + | $.event.special.mousewheel = { | ||
| + | setup: function() { | ||
| + | if ( this.addEventListener ) | ||
| + | for ( var i=types.length; i; ) | ||
| + | this.addEventListener( types[--i], handler, false ); | ||
| + | else | ||
| + | this.onmousewheel = handler; | ||
| + | }, | ||
| + | |||
| + | teardown: function() { | ||
| + | if ( this.removeEventListener ) | ||
| + | for ( var i=types.length; i; ) | ||
| + | this.removeEventListener( types[--i], handler, false ); | ||
| + | else | ||
| + | this.onmousewheel = null; | ||
| + | } | ||
| + | }; | ||
| + | |||
| + | $.fn.extend({ | ||
| + | mousewheel: function(fn) { | ||
| + | return fn ? this.bind("mousewheel", fn) : this.trigger("mousewheel"); | ||
| + | }, | ||
| + | |||
| + | unmousewheel: function(fn) { | ||
| + | return this.unbind("mousewheel", fn); | ||
| + | } | ||
| + | }); | ||
| + | |||
| + | |||
| + | function handler(event) { | ||
| + | var args = [].slice.call( arguments, 1 ), delta = 0, returnValue = true; | ||
| + | |||
| + | event = $.event.fix(event || window.event); | ||
| + | event.type = "mousewheel"; | ||
| + | |||
| + | if ( event.wheelDelta ) delta = event.wheelDelta/120; | ||
| + | if ( event.detail ) delta = -event.detail/3; | ||
| + | |||
| + | // Add events and delta to the front of the arguments | ||
| + | args.unshift(event, delta); | ||
| + | |||
| + | return $.event.handle.apply(this, args); | ||
| + | } | ||
| + | |||
| + | })(jQuery); | ||
| + | |||
| + | /** | ||
| + | * @version $Id: $Revision | ||
| + | * @package jquery | ||
| + | * @subpackage lofslidernews | ||
| + | * @copyright Copyright (C) JAN 2010 LandOfCoder.com <@emai:landofcoder@gmail.com>. All rights reserved. | ||
| + | * @website http://landofcoder.com | ||
| + | * @license This plugin is dual-licensed under the GNU General Public License and the MIT License | ||
| + | */ | ||
| + | // JavaScript Document | ||
| + | (function($) { | ||
| + | $.fn.lofJSidernews = function( settings ) { | ||
| + | return this.each(function() { | ||
| + | // get instance of the lofSiderNew. | ||
| + | new $.lofSidernews( this, settings ); | ||
| + | }); | ||
| + | } | ||
| + | $.lofSidernews = function( obj, settings ){ | ||
| + | this.settings = { | ||
| + | direction : '', | ||
| + | mainItemSelector : 'li', | ||
| + | navInnerSelector : 'ul', | ||
| + | navSelector : 'li' , | ||
| + | navigatorEvent : 'click', | ||
| + | wapperSelector: '.lof-main-wapper', | ||
| + | interval : 4000, | ||
| + | auto : true, // whether to automatic play the slideshow | ||
| + | maxItemDisplay : 3, | ||
| + | startItem : 0, | ||
| + | navPosition : 'vertical', | ||
| + | navigatorHeight : 100, | ||
| + | navigatorWidth : 310, | ||
| + | duration : 600, | ||
| + | navItemsSelector : '.lof-navigator li', | ||
| + | navOuterSelector : '.lof-navigator-outer' , | ||
| + | isPreloaded : true, | ||
| + | easing : 'easeInOutQuad' | ||
| + | } | ||
| + | $.extend( this.settings, settings ||{} ); | ||
| + | this.nextNo = null; | ||
| + | this.previousNo = null; | ||
| + | this.maxWidth = this.settings.mainWidth || 600; | ||
| + | this.wrapper = $( obj ).find( this.settings.wapperSelector ); | ||
| + | this.slides = this.wrapper.find( this.settings.mainItemSelector ); | ||
| + | if( !this.wrapper.length || !this.slides.length ) return ; | ||
| + | // set width of wapper | ||
| + | if( this.settings.maxItemDisplay > this.slides.length ){ | ||
| + | this.settings.maxItemDisplay = this.slides.length; | ||
| + | } | ||
| + | this.currentNo = isNaN(this.settings.startItem)||this.settings.startItem > this.slides.length?0:this.settings.startItem; | ||
| + | this.navigatorOuter = $( obj ).find( this.settings.navOuterSelector ); | ||
| + | this.navigatorItems = $( obj ).find( this.settings.navItemsSelector ) ; | ||
| + | this.navigatorInner = this.navigatorOuter.find( this.settings.navInnerSelector ); | ||
| + | |||
| + | if( this.settings.navPosition == 'horizontal' ){ | ||
| + | this.navigatorInner.width( this.slides.length * this.settings.navigatorWidth ); | ||
| + | this.navigatorOuter.width( this.settings.maxItemDisplay * this.settings.navigatorWidth ); | ||
| + | this.navigatorOuter.height( this.settings.navigatorHeight ); | ||
| + | |||
| + | } else { | ||
| + | this.navigatorInner.height( this.slides.length * this.settings.navigatorHeight ); | ||
| + | |||
| + | this.navigatorOuter.height( this.settings.maxItemDisplay * this.settings.navigatorHeight ); | ||
| + | this.navigatorOuter.width( this.settings.navigatorWidth ); | ||
| + | } | ||
| + | this.navigratorStep = this.__getPositionMode( this.settings.navPosition ); | ||
| + | this.directionMode = this.__getDirectionMode(); | ||
| + | |||
| + | |||
| + | if( this.settings.direction == 'opacity') { | ||
| + | this.wrapper.addClass( 'lof-opacity' ); | ||
| + | $(this.slides).css('opacity',0).eq(this.currentNo).css('opacity',1); | ||
| + | } else { | ||
| + | this.wrapper.css({'left':'-'+this.currentNo*this.maxSize+'px', 'width':( this.maxWidth ) * this.slides.length } ); | ||
| + | } | ||
| + | |||
| + | |||
| + | if( this.settings.isPreloaded ) { | ||
| + | this.preLoadImage( this.onComplete ); | ||
| + | } else { | ||
| + | this.onComplete(); | ||
| + | } | ||
| + | |||
| + | } | ||
| + | $.lofSidernews.fn = $.lofSidernews.prototype; | ||
| + | $.lofSidernews.fn.extend = $.lofSidernews.extend = $.extend; | ||
| + | |||
| + | $.lofSidernews.fn.extend({ | ||
| + | |||
| + | startUp:function( obj, wrapper ) { | ||
| + | seft = this; | ||
| + | |||
| + | this.navigatorItems.each( function(index, item ){ | ||
| + | $(item).click( function(){ | ||
| + | seft.jumping( index, true ); | ||
| + | seft.setNavActive( index, item ); | ||
| + | } ); | ||
| + | $(item).css( {'height': seft.settings.navigatorHeight, 'width': seft.settings.navigatorWidth} ); | ||
| + | }) | ||
| + | this.registerWheelHandler( this.navigatorOuter, this ); | ||
| + | this.setNavActive(this.currentNo ); | ||
| + | |||
| + | if( this.settings.buttons && typeof (this.settings.buttons) == "object" ){ | ||
| + | this.registerButtonsControl( 'click', this.settings.buttons, this ); | ||
| + | |||
| + | } | ||
| + | if( this.settings.auto ) | ||
| + | this.play( this.settings.interval,'next', true ); | ||
| + | |||
| + | return this; | ||
| + | }, | ||
| + | onComplete:function(){ | ||
| + | setTimeout( function(){ $('.preload').fadeOut( 900 ); }, 400 ); this.startUp( ); | ||
| + | }, | ||
| + | preLoadImage:function( callback ){ | ||
| + | var self = this; | ||
| + | var images = this.wrapper.find( 'img' ); | ||
| + | |||
| + | var count = 0; | ||
| + | images.each( function(index,image){ | ||
| + | if( !image.complete ){ | ||
| + | image.onload =function(){ | ||
| + | count++; | ||
| + | if( count >= images.length ){ | ||
| + | self.onComplete(); | ||
| + | } | ||
| + | } | ||
| + | image.onerror =function(){ | ||
| + | count++; | ||
| + | if( count >= images.length ){ | ||
| + | self.onComplete(); | ||
| + | } | ||
| + | } | ||
| + | }else { | ||
| + | count++; | ||
| + | if( count >= images.length ){ | ||
| + | self.onComplete(); | ||
| + | } | ||
| + | } | ||
| + | } ); | ||
| + | }, | ||
| + | navivationAnimate:function( currentIndex ) { | ||
| + | if (currentIndex <= this.settings.startItem | ||
| + | || currentIndex - this.settings.startItem >= this.settings.maxItemDisplay-1) { | ||
| + | this.settings.startItem = currentIndex - this.settings.maxItemDisplay+2; | ||
| + | if (this.settings.startItem < 0) this.settings.startItem = 0; | ||
| + | if (this.settings.startItem >this.slides.length-this.settings.maxItemDisplay) { | ||
| + | this.settings.startItem = this.slides.length-this.settings.maxItemDisplay; | ||
| + | } | ||
| + | } | ||
| + | this.navigatorInner.stop().animate( eval('({'+this.navigratorStep[0]+':-'+this.settings.startItem*this.navigratorStep[1]+'})'), | ||
| + | {duration:500, easing:'easeInOutQuad'} ); | ||
| + | }, | ||
| + | setNavActive:function( index, item ){ | ||
| + | if( (this.navigatorItems) ){ | ||
| + | this.navigatorItems.removeClass( 'active' ); | ||
| + | $(this.navigatorItems.get(index)).addClass( 'active' ); | ||
| + | this.navivationAnimate( this.currentNo ); | ||
| + | } | ||
| + | }, | ||
| + | __getPositionMode:function( position ){ | ||
| + | if( position == 'horizontal' ){ | ||
| + | return ['left', this.settings.navigatorWidth]; | ||
| + | } | ||
| + | return ['top', this.settings.navigatorHeight]; | ||
| + | }, | ||
| + | __getDirectionMode:function(){ | ||
| + | switch( this.settings.direction ){ | ||
| + | case 'opacity': this.maxSize=0; return ['opacity','opacity']; | ||
| + | default: this.maxSize=this.maxWidth; return ['left','width']; | ||
| + | } | ||
| + | }, | ||
| + | registerWheelHandler:function( element, obj ){ | ||
| + | element.bind('mousewheel', function(event, delta ) { | ||
| + | var dir = delta > 0 ? 'Up' : 'Down', | ||
| + | vel = Math.abs(delta); | ||
| + | if( delta > 0 ){ | ||
| + | obj.previous( true ); | ||
| + | } else { | ||
| + | obj.next( true ); | ||
| + | } | ||
| + | return false; | ||
| + | }); | ||
| + | }, | ||
| + | registerButtonsControl:function( eventHandler, objects, self ){ | ||
| + | for( var action in objects ){ | ||
| + | switch (action.toString() ){ | ||
| + | case 'next': | ||
| + | objects[action].click( function() { self.next( true) } ); | ||
| + | break; | ||
| + | case 'previous': | ||
| + | objects[action].click( function() { self.previous( true) } ); | ||
| + | break; | ||
| + | } | ||
| + | } | ||
| + | return this; | ||
| + | }, | ||
| + | onProcessing:function( manual, start, end ){ | ||
| + | this.previousNo = this.currentNo + (this.currentNo>0 ? -1 : this.slides.length-1); | ||
| + | this.nextNo = this.currentNo + (this.currentNo < this.slides.length-1 ? 1 : 1- this.slides.length); | ||
| + | return this; | ||
| + | }, | ||
| + | finishFx:function( manual ){ | ||
| + | if( manual ) this.stop(); | ||
| + | if( manual && this.settings.auto ){ | ||
| + | this.play( this.settings.interval,'next', true ); | ||
| + | } | ||
| + | this.setNavActive( this.currentNo ); | ||
| + | }, | ||
| + | getObjectDirection:function( start, end ){ | ||
| + | return eval("({'"+this.directionMode[0]+"':-"+(this.currentNo*start)+"})"); | ||
| + | }, | ||
| + | fxStart:function( index, obj, currentObj ){ | ||
| + | if( this.settings.direction == 'opacity' ) { | ||
| + | $(this.slides).stop().animate({opacity:0}, {duration: this.settings.duration, easing:this.settings.easing} ); | ||
| + | $(this.slides).eq(index).stop().animate( {opacity:1}, {duration: this.settings.duration, easing:this.settings.easing} ); | ||
| + | }else { | ||
| + | this.wrapper.stop().animate( obj, {duration: this.settings.duration, easing:this.settings.easing} ); | ||
| + | } | ||
| + | return this; | ||
| + | }, | ||
| + | jumping:function( no, manual ){ | ||
| + | this.stop(); | ||
| + | if( this.currentNo == no ) return; | ||
| + | var obj = eval("({'"+this.directionMode[0]+"':-"+(this.maxSize*no)+"})"); | ||
| + | this.onProcessing( null, manual, 0, this.maxSize ) | ||
| + | .fxStart( no, obj, this ) | ||
| + | .finishFx( manual ); | ||
| + | this.currentNo = no; | ||
| + | }, | ||
| + | next:function( manual , item){ | ||
| + | |||
| + | this.currentNo += (this.currentNo < this.slides.length-1) ? 1 : (1 - this.slides.length); | ||
| + | this.onProcessing( item, manual, 0, this.maxSize ) | ||
| + | .fxStart( this.currentNo, this.getObjectDirection(this.maxSize ), this ) | ||
| + | .finishFx( manual ); | ||
| + | }, | ||
| + | previous:function( manual, item ){ | ||
| + | this.currentNo += this.currentNo > 0 ? -1 : this.slides.length - 1; | ||
| + | this.onProcessing( item, manual ) | ||
| + | .fxStart( this.currentNo, this.getObjectDirection(this.maxSize ), this ) | ||
| + | .finishFx( manual ); | ||
| + | }, | ||
| + | play:function( delay, direction, wait ){ | ||
| + | this.stop(); | ||
| + | if(!wait){ this[direction](false); } | ||
| + | var self = this; | ||
| + | this.isRun = setTimeout(function() { self[direction](true); }, delay); | ||
| + | }, | ||
| + | stop:function(){ | ||
| + | if (this.isRun == null) return; | ||
| + | clearTimeout(this.isRun); | ||
| + | this.isRun = null; | ||
| + | } | ||
| + | }) | ||
| + | })(jQuery) | ||
| + | </script> | ||
<style type="text/css"> | <style type="text/css"> | ||
@charset "utf-8"; | @charset "utf-8"; | ||
Latest revision as of 09:45, 8 August 2013
</html>
HokkaidoU Japan
iGEM 2011 Team of Hokkaido University
-
HokkaidoU_Japan 2011
-
Welcome to the BIOxART Gallery!!
-
Be careful not to contaminate...
-
Meeting, meeting and MEETING!
-
Dr. E. coli get ready for the job
-
BIOxART, please feel free to look around
-
Experiment, experiment and EXPERIMENT!
Abstract
We further developed "Dr. E. coli": our project of iGEM 2010. Last year, we showed that Type 3 Secretion System (T3SS) works in E. coli by injecting GFP into RK13 cells. T3SS is a syringe like organelle found in bacterium such as Salmonella which uses it to inject virulence effector proteins into a target eukaryotic cell. We think this system can be applied to direct reprogramming of somatic cells among many other things.
We tested T3SS performance and tried to make it more convenient. For this purpose we designed a plasmid backbone which can instantly produce ready-to-inject fusion proteins from ordinary biobrick part. Using it, we tried to further characterize this system by injecting a library of protein domains.
In Science Gallery we exhibited awesome photographs related with biotechnology in public. We tried to catch the pedestrians’ interest in current synthetic biology and explore their thoughts.
