Team:UCSF/Home1

From 2013.igem.org

(Difference between revisions)
 
(8 intermediate revisions not shown)
Line 1: Line 1:
-
<!--{Team:HokkaidoU Japan/Index/Slideshow-->
+
<!--{{Team:HokkaidoU_Japan/Index/Slideshow}}-->
<html>
<html>
-
<script type="text/javascript" src="https://static.igem.org/mediawiki/2011/1/1b/IGEM_HokkaidoU_JS_Slideshow.txt"></script>
+
<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";
Line 667: Line 986:
<!--{{Team:HokkaidoU_Japan/header}}-->
<!--{{Team:HokkaidoU_Japan/header}}-->
</html>
</html>
-
<!--{{Team:HokkaidoU_Japan/script}}-->
 
-
<html>
 
-
<script type="text/javascript">
 
-
    jQuery.cookie = function (d, f, b) { function e(j, i) { if (j) { if (i) { return true } } return false } if (e(arguments.length > 1, String(f) !== "[object Object]")) { b = jQuery.extend({}, b); if (f === null || f === undefined) { b.expires = -1 } if (typeof b.expires === "number") { var h = b.expires, c = b.expires = new Date(); c.setDate(c.getDate() + h) } f = String(f); return (document.cookie = [encodeURIComponent(d), "=", b.raw ? f : encodeURIComponent(f), b.expires ? "; expires=" + b.expires.toUTCString() : "", b.path ? "; path=" + b.path : "", b.domain ? "; domain=" + b.domain : "", b.secure ? "; secure" : ""].join("")) } b = f || {}; var a, g = b.raw ? function (i) { return i } : decodeURIComponent; return (a = new RegExp("(?:^|; )" + encodeURIComponent(d) + "=([^;]*)").exec(document.cookie)) ? g(a[1]) : null };
 
-
</script>
 
-
<script type="text/javascript">
 
-
    $('.right-menu, .left-menu').fadeTo(0, 0);
 
-
    $('.right-menu, .left-menu').bind('mouseover', function () {
 
-
        $(this).fadeTo('slow', 1);
 
-
    });
 
-
</script>
 
-
<script type="text/javascript">
 
-
    (function (b) { function a(d, c) { if (d) { if (c) { return true } } return false } b.fn.lightbox_me = function (c) { return this.each(function () { var f = b.extend({}, b.fn.lightbox_me.defaults, c), m = b(), l = b(this), n = b('<iframe id="foo" style="z-index: ' + (f.zIndex + 1) + ';border: none; margin: 0; padding: 0; position: absolute; width: 100%; height: 100%; top: 0; left: 0; filter: mask();"/>'), h = a(b.browser.msie, b.browser.version < 7); if (f.showOverlay) { var g = b(".js_lb_overlay:visible"); if (g.length > 0) { m = b('<div class="lb_overlay_clear js_lb_overlay"/>') } else { m = b('<div class="' + f.classPrefix + '_overlay js_lb_overlay"/>') } } if (h) { var e = /^https/i.test(window.location.href || "") ? "javascript:false" : "about:blank"; n.attr("src", e); b("body").append(n) } b("body").append(l.hide()).append(m); if (f.showOverlay) { i(); m.css({ position: "absolute", width: "100%", top: 0, left: 0, right: 0, bottom: 0, zIndex: (f.zIndex + 2), display: "none" }); if (!m.hasClass("lb_overlay_clear")) { m.css(f.overlayCSS) } } if (f.showOverlay) { m.fadeIn(f.overlaySpeed, function () { d(); l[f.appearEffect](f.lightboxSpeed, function () { i(); d(); f.onLoad() }) }) } else { d(); l[f.appearEffect](f.lightboxSpeed, function () { f.onLoad() }) } if (f.parentLightbox) { f.parentLightbox.fadeOut(200) } b(window).resize(i).resize(d).scroll(d).keyup(k); if (f.closeClick) { m.click(function (o) { j(); o.preventDefault }) } l.delegate(f.closeSelector, "click", function (o) { j(); o.preventDefault() }); l.bind("close", j); l.bind("reposition", d); function j() { var o = l[0].style; if (f.destroyOnClose) { l.add(m).remove() } else { l.add(m).hide() } if (f.parentLightbox) { f.parentLightbox.fadeIn(200) } n.remove(); l.undelegate(f.closeSelector, "click"); b(window).unbind("reposition", i); b(window).unbind("reposition", d); b(window).unbind("scroll", d); b(document).unbind("keyup", k); if (h) { o.removeExpression("top") } f.onClose() } function k(o) { if (a(o.keyCode == 27 || a(o.DOM_VK_ESCAPE == 27, o.which == 0), f.closeEsc)) { j() } } function i() { if (b(window).height() < b(document).height()) { m.css({ height: b(document).height() + "px" }); n.css({ height: b(document).height() + "px" }) } else { m.css({ height: "100%" }); if (h) { b("html,body").css("height", "100%"); n.css("height", "100%") } } } function d() { var p = l[0].style; l.css({ left: "50%", marginLeft: (l.outerWidth() / 2) * -1, zIndex: (f.zIndex + 3) }); if (a((l.height() + 80 >= b(window).height()), (l.css("position") != "absolute" || h))) { var o = b(document).scrollTop() + 40; l.css({ position: "absolute", top: o + "px", marginTop: 0 }); if (h) { p.removeExpression("top") } } else { if (l.height() + 80 < b(window).height()) { if (h) { p.position = "absolute"; if (f.centered) { p.setExpression("top", '(document.documentElement.clientHeight || document.body.clientHeight) / 2 - (this.offsetHeight / 2) + (blah = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop) + "px"'); p.marginTop = 0 } else { var q = a(f.modalCSS, f.modalCSS.top) ? parseInt(f.modalCSS.top) : 0; p.setExpression("top", "((blah = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop) + " + q + ') + "px"') } } else { if (f.centered) { l.css({ position: "fixed", top: "50%", marginTop: (l.outerHeight() / 2) * -1 }) } else { l.css({ position: "fixed" }).css(f.modalCSS) } } } } } }) }; b.fn.lightbox_me.defaults = { appearEffect: "fadeIn", appearEase: "", overlaySpeed: 250, lightboxSpeed: 300, closeSelector: ".close", closeClick: true, closeEsc: true, destroyOnClose: false, showOverlay: true, parentLightbox: false, onLoad: function () { }, onClose: function () { }, classPrefix: "lb", zIndex: 999, centered: false, modalCSS: { top: "40px" }, overlayCSS: { background: "black", opacity: 0.3}} })(jQuery);
 
-
</script>
 
-
<script type="text/javascript">
 
-
    $(function () {
 
-
        var open = $.cookie('igem_hokkaidou_toc');
 
-
        $.cookie('igem_hokkaidou_toc', open);
 
-
        var $toc = $('#toc');
 
-
        var $tab = $('<div>').addClass('toc-tab');
 
-
        var $close = $('<div>').addClass('close');
 
-
        var $wrapper = $('<div>').addClass('toc-wrapper');
 
-
        $toc.before($tab);
 
-
        $toc.wrap($wrapper);
 
-
        $toc.before($close);
 
-
        $('span.toctoggle').hide();
 
-
        $wrapper = $('.toc-wrapper');
 
-
        $wrapper.hide();
 
-
        $tab.bind('click', function () {
 
-
            $tab.hide();
 
-
            $wrapper.fadeIn('normal');
 
-
            $.cookie('igem_hokkaidou_toc', true);
 
-
            $close.bind('click', function () {
 
-
                $wrapper.fadeOut('normal');
 
-
                $tab.show();
 
-
                $.cookie('igem_hokkaidou_toc', false);
 
-
            });
 
-
        });
 
-
        if (open === 'true') {
 
-
            $tab.trigger('click');
 
-
        }
 
-
        var $tocmain = $('#toc');
 
-
        var $toc = $('#toc ul');
 
-
        $toc.css('display', 'block');
 
-
        $.cookie('hidetoc', 0);
 
-
        $tocmain.removeClass('tochidden');
 
-
    });
 
-
</script>
 
-
<script>
 
-
    $(function () {
 
-
        $('img').each(function () {
 
-
            var thumb = $(this).attr('src');
 
-
            var reg = new RegExp('^(\/wiki\/images)\/thumb');
 
-
            if (thumb.match(reg)) {
 
-
                var image = thumb.replace(reg, '$1');
 
-
                image = image.replace(/[^\/]+?$/, '').replace(/\/$/, '');
 
-
                var $tag = $('<img>').attr('src', image);
 
-
                $(this).closest('a').bind('click', function () {
 
-
                    $('<div>').append($tag).lightbox_me();
 
-
                    return false;
 
-
                });
 
-
            }
 
-
        });
 
-
    });
 
-
</script>
 
-
</html>
 
-
<script type="text/javascript">
 
-
    var _gaq = _gaq || [];
 
-
    _gaq.push(['_setAccount', 'UA-26148329-1']);
 
-
    _gaq.push(['_setDomainName', 'igem.org']);
 
-
    _gaq.push(['_trackPageview']);
 
-
    (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>
 
<div id="hokkaidou-container">
<div id="hokkaidou-container">
     <div id="hokkaidou-header">
     <div id="hokkaidou-header">
Line 765: Line 1,007:
     </div>
     </div>
     <div id="hokkaidou-content">
     <div id="hokkaidou-content">
-
</html>
+
 
<!--Javascript-->
<!--Javascript-->
<html>
<html>

Latest revision as of 09:45, 8 August 2013

</html>


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