Team:AUC TURKEY/HumanPractices/iGEMism/Posters
From 2013hs.igem.org
(Difference between revisions)
(→Posters) |
|||
Line 8: | Line 8: | ||
We prepared these posters in order to attract many people from many principles to iGEM and iGEMism. Being visually attractive is really crucial in convincing people and with these posters, we believe that people will wish to learn more about iGEM. | We prepared these posters in order to attract many people from many principles to iGEM and iGEMism. Being visually attractive is really crucial in convincing people and with these posters, we believe that people will wish to learn more about iGEM. | ||
+ | |||
+ | <html> | ||
+ | <head> | ||
+ | <script type="text/javascript">/** | ||
+ | * jQuery Galleriffic plugin | ||
+ | * | ||
+ | * Copyright (c) 2008 Trent Foley (http://trentacular.com) | ||
+ | * Licensed under the MIT License: | ||
+ | * http://www.opensource.org/licenses/mit-license.php | ||
+ | * | ||
+ | * Much thanks to primary contributer Ponticlaro (http://www.ponticlaro.com) | ||
+ | */ | ||
+ | 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}(';(8($){6 t={};6 u=0;$.P={1D:\'2.0.1\',1z:8(a){9 a.2i(/^.*#/,\'\').2i(/\\?.*$/,\'\')},29:8(a){5(!a)9 O;a=$.P.1z(a);9 t[a]},1d:8(a){6 b=$.P.29(a);5(!b)9 y;6 c=b.1C;c.1d(b);9 F},1U:8(a,b){6 c=$.P.29(a);5(!c)9 y;6 d=c.1C;5(!(!b||b==d))9 y;9 d.2q(c.E)}};6 v={2d:3t,J:20,1u:3l,2D:y,2E:F,1m:7,1X:\'\',1Y:\'\',1Z:\'\',21:\'\',2L:F,2M:F,1a:\'3b\',1c:\'3a\',2a:\'3o\',2c:\'2T\',2e:\'2T &31;\',1B:\'&38; 3c\',16:y,2P:F,1E:y,2O:y,1G:2N,1J:O,1K:O,1M:O,1N:O,1P:O,1Q:O,1R:O};$.3d.P=8(o){$.2J(4,{1D:$.P.1D,18:y,Q:O,1b:8(e,a){4.V();5(!4.16){6 b=$.P.1z($(a).L(\'K\'));$.P.1d(b);e.S()}},3j:8(a){4.1y(a,y,y);9 4},3k:8(a,b){4.1y(a,y,F,b);9 4},1y:8(b,c,d,f){6 g=(2V b==="3p")?$(b):b;6 h=g.x(\'a.3s\');6 i=h.L(\'K\');6 j=h.L(\'G\');6 k=g.x(\'.1x\').1w();6 l=h.L(\'2y\');u++;5(!l||t[\'\'+l]){l=u}5(!d)f=4.w.A;6 m={G:j,1L:i,1x:k,C:l,1C:4,E:f};5(d){4.w.2w(f,0,m);4.1O(f)}B{4.w.3u(m)}6 n=4;5(!c){4.1q(8(){6 a=n.x(\'1i.1j\');5(d)a.1V(\':26(\'+f+\')\').3v(g);B a.H(g);5(n.1Q)n.1Q(m,g)})}t[\'\'+l]=m;h.L(\'13\',\'11\').L(\'K\',\'#\'+l).3w(\'2y\').1h(8(e){n.1b(e,4)});9 4},2q:8(a){5(a<0||a>=4.w.A)9 y;6 b=4.w[a];5(!b)9 y;4.2v(b);9 F},1U:8(a){9 $.P.1U(a,4)},2v:8(b){6 c=b.E;4.w.2w(c,1);3z t[\'\'+b.C];4.1q(8(){6 a=p.x(\'1i.1j\').1V(\':26(\'+c+\')\').1w();5(p.1R)p.1R(b,a)});4.1O(c);9 4},1O:8(a){3A(i=a;i<4.w.A;i++){4.w[i].E=i}9 4},2r:8(){4.w=[];6 a=4;4.x(\'1i.1j > 2k\').2j(8(i){a.1y($(4),F,y)});9 4},2h:y,2g:8(){5(4.1u==0)9 4;4.X=4.N.E;6 a=4.12(4.X);9 4.1f(4.X,a)},2U:8(a){4.X=a;9 4},1f:8(a,b){5(a!=4.X){6 c=4.12(4.X);9 4.1f(4.X,c)}6 d=4;6 e=b-a;5(e<0)e=4.w.A-1-a+b;5(!(!(4.1u>=0)||!(e>4.1u))){1l(8(){d.1f(a,b)},3D);9 4}6 f=4.w[b];5(!f)9 4;5(f.U)9 4.28(a,b);6 g=2l 2m();g.2n=8(){f.U=4;d.28(a,b)};g.2o=f.G;g.2p=f.1L;9 4},28:8(a,b){6 c=4.12(b);5(c==a){4.2h=F}B{6 d=4;1l(8(){d.1f(a,c)},3C)}9 4},12:8(a){6 b=a+1;5(b>=4.w.A)b=0;9 b},27:8(a){6 b=a-1;5(b<0)b=4.w.A-1;9 b},V:8(){4.18=y;5(4.Q){2s(4.Q);4.Q=O}5(4.$M){4.$M.x(\'z.1e-R a\').19().1g(\'14\').L(\'G\',4.1a).L(\'K\',\'#14\').2x(4.1a)}9 4},14:8(){4.18=F;5(4.$M){4.$M.x(\'z.1e-R a\').19().1g(\'V\').L(\'G\',4.1c).L(\'K\',\'#V\').2x(4.1c)}5(!4.Q){6 a=4;4.Q=1l(8(){a.1H()},4.2d)}9 4},2z:8(){5(4.18)4.V();B 4.14();9 4},1H:8(){5(4.18)4.17(F);9 4},17:8(a,b){4.W(4.12(4.N.E),a,b);9 4},1p:8(a,b){4.W(4.27(4.N.E),a,b);9 4},2C:8(a,b){6 c=4.Y();6 d=4.25()-1;5(c<d){6 e=c*4.J;6 f=e+4.J;4.W(f,a,b)}9 4},2F:8(a,b){6 c=4.Y();5(c>0){6 d=c*4.J;6 e=d-4.J;4.W(e,a,b)}9 4},W:8(a,b,c){5(!b)4.V();5(a<0)a=0;B 5(a>=4.w.A)a=4.w.A-1;6 d=4.w[a];5(!(c||!4.16))$.3i(3g(d.C));B 4.1d(d);9 4},1d:8(a){6 b=a.E;5(4.1J)4.1J(4.N.E,b);4.N=a;4.2U(b);4.2I();9 4},1n:8(a){5(a)9 4.1G;9 4.1G/2},2I:8(){6 a=4.N;5(!a)9 4;6 b=a.E;5(4.$M){4.$M.x(\'z.1r-R a.2K\').L(\'K\',\'#\'+4.w[4.27(b)].C).3f().x(\'z.1r-R a.17\').L(\'K\',\'#\'+4.w[4.12(b)].C)}6 c=4.$1S.x(\'I.T\').1g(\'1p\').19(\'T\');6 d=0;5(4.$1k){d=4.$1k.x(\'I.T\').1g(\'1p\').19(\'T\')}6 e=!(!4.2O||!a.U);6 f=F;6 g=4;6 h=8(){f=y;c.1w();5(d)d.1w();5(!e){5(!(!a.U||a.C!=g.w[g.N.E].C)){g.1v(a,e)}B{5(g.$15){g.$15.1A()}}}};5(c.A==0){h()}B{5(4.1K){4.1K(c,d,e,h)}B{c.1o(4.1n(e),0.0,h);5(d)d.1o(4.1n(e),0.0)}}5(e)4.1v(a,e);5(!a.U){6 i=2l 2m();i.2n=8(){a.U=4;5(!(f||a.C!=g.w[g.N.E].C)){g.1v(a,e)}};i.2o=a.G;i.2p=a.1L}4.2W=F;9 4.2f()},1v:8(a,b){6 c=4;6 d=4.12(a.E);6 f=4.$1S.H(\'<I D="U-2X T"><a D="2Y-2Z" 13="11" K="#\'+4.w[d].C+\'" G="\'+a.G+\'">&30;</a></I>\').x(\'I.T\').2S(\'2R\',\'0\');f.x(\'a\').H(a.U).1h(8(e){c.1b(e,4)});6 g=0;5(4.$1k){g=4.$1k.H(\'<I D="U-1x T"></I>\').x(\'I.T\').2S(\'2R\',\'0\').H(a.1x)}5(4.$15){4.$15.1t()}5(4.1M){4.1M(f,g,b)}B{f.1o(4.1n(b),1.0);5(g)g.1o(4.1n(b),1.0)}5(4.18){5(4.Q)2s(4.Q);4.Q=1l(8(){c.1H()},4.2d)}9 4},Y:8(){9 24.2Q(4.N.E/4.J)},2f:8(){6 a=4.Y();5(a!=4.23)4.1q();6 b=4.x(\'1i.1j\').1V();b.3e(\'.22\').19(\'22\');b.26(4.N.E).1g(\'22\');9 4},1q:8(a){6 b=4;6 c=8(){5(a)a();b.2H();5(b.1P)b.1P();B b.1A()};5(4.1N){4.1N(c)}B{4.1t();c()}9 4},2H:8(){6 b=4.w.A>4.J;5(4.2D){6 c=4.x(\'z.1W\');5(c.A==0)c=4.3h(\'<z D="1W 2G"></z>\').x(\'z.1W\');B c.1T();5(b)4.1I(c)}5(4.2E){6 d=4.x(\'z.1F\');5(d.A==0)d=4.H(\'<z D="1F 2G"></z>\').x(\'z.1F\');B d.1T();5(b)4.1I(d)}6 e=4.Y();6 f=e*4.J;6 g=f+4.J-1;5(g>=4.w.A)g=4.w.A-1;6 h=4.x(\'1i.1j\');h.x(\'2k\').2j(8(i){6 a=$(4);5(!(i<f||i>g)){a.1A()}B{a.1t()}});4.23=e;h.19(\'3m\');9 4},25:8(){9 24.3n(4.w.A/4.J)},1I:8(a){6 b=4;6 c=4.25();6 d=4.Y();6 f=d*4.J;6 g=4.1m-1;6 h=d-24.2Q((4.1m-1)/2)+1;5(h>0){6 i=c-h;5(i<g){h=h-(g-i)}}5(h<0){h=0}5(d>0){6 j=f-4.J;a.H(\'<a 13="11" K="#\'+4.w[j].C+\'" G="\'+4.1B+\'">\'+4.1B+\'</a>\')}5(h>0){4.1s(a,0,c);5(h>1)a.H(\'<I D="2B">&2A;</I>\');g--}3q(g>0){4.1s(a,h,c);g--;h++}5(h<c){6 k=c-1;5(h<k)a.H(\'<I D="2B">&2A;</I>\');4.1s(a,k,c)}6 l=f+4.J;5(l<4.w.A){a.H(\'<a 13="11" K="#\'+4.w[l].C+\'" G="\'+4.2e+\'">\'+4.2e+\'</a>\')}a.x(\'a\').1h(8(e){b.1b(e,4)});9 4},1s:8(a,b,c){6 d=b+1;6 e=4.Y();5(b==e)a.H(\'<I D="T">\'+d+\'</I>\');B 5(b<c){6 f=b*4.J;a.H(\'<a 13="11" K="#\'+4.w[f].C+\'" G="\'+d+\'">\'+d+\'</a>\')}9 4}});$.2J(4,v,o);5(!(!4.16||$.3r))4.16=y;5(4.1X)4.$1S=$(4.1X);5(4.1Y)4.$1k=$(4.1Y);5(4.21)4.$15=$(4.21);4.2r();5(4.1m<3)4.1m=3;4.23=-1;4.N=4.w[0];6 p=4;5(4.$15)4.$15.1t();5(4.1Z){4.$M=$(4.1Z).1T();5(4.2L){5(4.1E){4.$M.H(\'<z D="1e-R"><a K="#V" D="V" G="\'+4.1c+\'">\'+4.1c+\'</a></z>\')}B{4.$M.H(\'<z D="1e-R"><a K="#14" D="14" G="\'+4.1a+\'">\'+4.1a+\'</a></z>\')}4.$M.x(\'z.1e-R a\').1h(8(e){p.2z();e.S();9 y})}5(4.2M){4.$M.H(\'<z D="1r-R"><a D="2K" 13="11" G="\'+4.2a+\'">\'+4.2a+\'</a><a D="17" 13="11" G="\'+4.2c+\'">\'+4.2c+\'</a></z>\').x(\'z.1r-R a\').1h(8(e){p.1b(e,4)})}}6 q=!4.16||!2b.C;5(!(!4.16||!2b.C)){6 r=$.P.1z(2b.C);6 s=t[r];5(!s)q=F}5(q)4.W(0,y,F);5(4.2P){$(3x).3y(8(e){6 a=e.2u?e.2u:e.2t?e.2t:0;3B(a){10 32:p.17();e.S();Z;10 33:p.2F();e.S();Z;10 34:p.2C();e.S();Z;10 35:p.W(p.w.A-1);e.S();Z;10 36:p.W(0);e.S();Z;10 37:p.1p();e.S();Z;10 39:p.17();e.S();Z}})}5(4.1E)4.14();1l(8(){p.2g()},2N);9 4}})(3E);',62,227,'||||this|if|var||function|return|||||||||||||||||||||||data|find|false|div|length|else|hash|class|index|true|title|append|span|numThumbs|href|attr|controlsContainer|currentImage|undefined|galleriffic|slideshowTimeout|controls|preventDefault|current|image|pause|gotoIndex|preloadStartIndex|getCurrentPage|break|case|history|getNextIndex|rel|play|loadingContainer|enableHistory|next|isSlideshowRunning|removeClass|playLinkText|clickHandler|pauseLinkText|gotoImage|ss|preloadRecursive|addClass|click|ul|thumbs|captionContainer|setTimeout|maxPagesToShow|getDefaultTransitionDuration|fadeTo|previous|updateThumbs|nav|buildPageLink|hide|preloadAhead|buildImage|remove|caption|addImage|normalizeHash|show|prevPageLinkText|gallery|version|autoStart|bottom|defaultTransitionDuration|ssAdvance|buildPager|onSlideChange|onTransitionOut|slideUrl|onTransitionIn|onPageTransitionOut|updateIndices|onPageTransitionIn|onImageAdded|onImageRemoved|imageContainer|empty|removeImageByHash|children|top|imageContainerSel|captionContainerSel|controlsContainerSel||loadingContainerSel|selected|displayedPage|Math|getNumPages|eq|getPrevIndex|preloadNext|getImage|prevLinkText|location|nextLinkText|delay|nextPageLinkText|syncThumbs|preloadInit|isPreloadComplete|replace|each|li|new|Image|onload|alt|src|removeImageByIndex|initializeThumbs|clearTimeout|keyCode|charCode|removeImage|splice|html|name|toggleSlideshow|hellip|ellipsis|nextPage|enableTopPager|enableBottomPager|previousPage|pagination|rebuildThumbs|refresh|extend|prev|renderSSControls|renderNavControls|1000|syncTransitions|enableKeyboardNavigation|floor|opacity|css|Next|preloadRelocate|typeof|relocatePreload|wrapper|advance|link|nbsp|rsaquo|||||||lsaquo||Pause|Play|Prev|fn|filter|end|String|prepend|historyLoad|appendImage|insertImage|40|noscript|ceil|Previous|string|while|historyInit|thumb|3000|push|before|removeAttr|document|keydown|delete|for|switch|100|500|jQuery'.split('|'),0,{})) | ||
+ | </script> | ||
+ | <style type="text/css"> | ||
+ | div#page html, body { | ||
+ | margin:0; | ||
+ | padding:0; | ||
+ | } | ||
+ | div#page body{ | ||
+ | text-align: center; | ||
+ | font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif; | ||
+ | background-color: #eee; | ||
+ | color: #444; | ||
+ | font-size: 75%; | ||
+ | } | ||
+ | div#page a{ | ||
+ | color: #27D; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | div#page a:focus, a:hover, a:active { | ||
+ | text-decoration: underline; | ||
+ | } | ||
+ | div#page p, li { | ||
+ | line-height: 1.8em; | ||
+ | } | ||
+ | div#page h1, h2 { | ||
+ | font-family: "Trebuchet MS", Verdana, sans-serif; | ||
+ | margin: 0 0 10px 0; | ||
+ | letter-spacing:-1px; | ||
+ | } | ||
+ | div#page h1 { | ||
+ | padding: 0; | ||
+ | font-size: 3em; | ||
+ | color: #333; | ||
+ | } | ||
+ | div#page h2 { | ||
+ | padding-top: 10px; | ||
+ | font-size:2em; | ||
+ | } | ||
+ | div#page pre { | ||
+ | font-size: 1.2em; | ||
+ | line-height: 1.2em; | ||
+ | overflow-x: auto; | ||
+ | } | ||
+ | div#page { | ||
+ | width: 7500px; | ||
+ | margin: 0 auto; | ||
+ | text-align: left; | ||
+ | } | ||
+ | div#page div#container { | ||
+ | padding: 20px; | ||
+ | } | ||
+ | div#page div#ads { | ||
+ | clear: both; | ||
+ | padding: 12px 0 12px 66px; | ||
+ | } | ||
+ | div#page div#footer { | ||
+ | clear: both; | ||
+ | color: #777; | ||
+ | margin: 0 auto; | ||
+ | padding: 20px 0 40px; | ||
+ | text-align: center; | ||
+ | } | ||
+ | div#page div.content { | ||
+ | /* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */ | ||
+ | display: none; | ||
+ | float: right; | ||
+ | width: 550px; | ||
+ | } | ||
+ | div#page div.content a, div.navigation a { | ||
+ | text-decoration: none; | ||
+ | color: #777; | ||
+ | } | ||
+ | div#page div.content a:focus, div.content a:hover, div.content a:active { | ||
+ | text-decoration: underline; | ||
+ | } | ||
+ | div#page div.controls { | ||
+ | margin-top: 5px; | ||
+ | height: 23px; | ||
+ | display:none; | ||
+ | } | ||
+ | div#page div.controls a { | ||
+ | padding: 5px; | ||
+ | display:none; | ||
+ | } | ||
+ | |||
+ | div#page div.slideshow-container { | ||
+ | position: relative; | ||
+ | z-index: -99999; | ||
+ | clear: both; | ||
+ | height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */ | ||
+ | } | ||
+ | div#page div.loader { | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | left: 0; | ||
+ | background-image: url('https://static.igem.org/mediawiki/2013hs/7/7e/AUC_TURKEY_LOADER.GIF'); | ||
+ | background-repeat: no-repeat; | ||
+ | background-position: center; | ||
+ | width: 550px; | ||
+ | height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */ | ||
+ | } | ||
+ | div#page div.slideshow { | ||
+ | |||
+ | } | ||
+ | div#page div.slideshow span.image-wrapper { | ||
+ | display: block; | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | left: 0; | ||
+ | } | ||
+ | div#page div.slideshow a.advance-link { | ||
+ | display: block; | ||
+ | width: 550px; | ||
+ | height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */ | ||
+ | line-height: 502px; /* This should be set to be at least the height of the largest image in the slideshow */ | ||
+ | text-align: center; | ||
+ | } | ||
+ | div#page div.slideshow a.advance-link:hover, div.slideshow a.advance-link:active, div.slideshow a.advance-link:visited { | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | div#page div.slideshow img { | ||
+ | vertical-align: middle; | ||
+ | border: 1px solid #ccc; | ||
+ | } | ||
+ | div#page div.download { | ||
+ | display:none; | ||
+ | } | ||
+ | div#page div.caption-container { | ||
+ | position: relative; | ||
+ | clear: left; | ||
+ | height: 75px; | ||
+ | } | ||
+ | div#page span.image-caption { | ||
+ | display: block; | ||
+ | position: absolute; | ||
+ | width: 550px; | ||
+ | top: 0; | ||
+ | left: 0; | ||
+ | } | ||
+ | div#page div.caption { | ||
+ | padding: 12px; | ||
+ | } | ||
+ | div#page div.image-title { | ||
+ | font-weight: bold; | ||
+ | font-size: 1.4em; | ||
+ | } | ||
+ | div#page div.image-desc { | ||
+ | line-height: 1.3em; | ||
+ | padding-top: 12px; | ||
+ | } | ||
+ | div#page div.navigation { | ||
+ | /* The navigation style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */ | ||
+ | } | ||
+ | div#page ul.thumbs { | ||
+ | clear: both; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | div#page ul.thumbs li { | ||
+ | float: left; | ||
+ | padding: 0; | ||
+ | margin: 5px 10px 5px 0; | ||
+ | list-style: none; | ||
+ | } | ||
+ | div#page a.thumb { | ||
+ | padding: 2px; | ||
+ | display: block; | ||
+ | border: 1px solid #ccc; | ||
+ | } | ||
+ | div#page ul.thumbs li.selected a.thumb { | ||
+ | background: #000; | ||
+ | } | ||
+ | div#page h1, div#page h2, div#page h3 | ||
+ | { | ||
+ | border-style:none; | ||
+ | } | ||
+ | div#page a.thumb:focus { | ||
+ | outline: none; | ||
+ | } | ||
+ | div#page ul.thumbs img { | ||
+ | border: none; | ||
+ | display: block; | ||
+ | } | ||
+ | div#page div.pagination { | ||
+ | clear: both; | ||
+ | } | ||
+ | div#page div.navigation div.top { | ||
+ | margin-bottom: 12px; | ||
+ | height: 11px; | ||
+ | } | ||
+ | div#page div.navigation div.bottom { | ||
+ | margin-top: 12px; | ||
+ | } | ||
+ | div#page div.pagination a, div.pagination span.current, div.pagination span.ellipsis { | ||
+ | display: block; | ||
+ | float: left; | ||
+ | margin-right: 2px; | ||
+ | padding: 4px 7px 2px 7px; | ||
+ | border: 1px solid #ccc; | ||
+ | } | ||
+ | div#page div.pagination a:hover { | ||
+ | background-color: #eee; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | div#page div.pagination span.current { | ||
+ | font-weight: bold; | ||
+ | background-color: #000; | ||
+ | border-color: #000; | ||
+ | color: #fff; | ||
+ | } | ||
+ | div#page div.pagination span.ellipsis { | ||
+ | border: none; | ||
+ | padding: 5px 0 3px 2px; | ||
+ | } | ||
+ | div#page{ | ||
+ | width:750px; | ||
+ | border-style:none; | ||
+ | background:none;} | ||
+ | </style> | ||
+ | <script type="text/javascript"> | ||
+ | ;(function($) { | ||
+ | $.fn.opacityrollover = function(settings) { | ||
+ | |||
+ | }; | ||
+ | })(jQuery); | ||
+ | |||
+ | </script> | ||
+ | <!-- We only want the thunbnails to display when javascript is disabled --> | ||
+ | <script type="text/javascript"> | ||
+ | document.write('<style>.noscript { display: none; }</style>'); | ||
+ | </script> | ||
+ | </head> | ||
+ | <body> | ||
+ | <div id="page"> | ||
+ | <div id="container"> | ||
+ | <h1>iGEMism Posters</h1> | ||
+ | <h2>Click thumbnails on left to view posters.</h2> | ||
+ | |||
+ | <!-- Start Advanced Gallery Html Containers --> | ||
+ | <div id="gallery" class="content"> | ||
+ | <div id="controls" class="controls"></div> | ||
+ | <div class="slideshow-container"> | ||
+ | <div id="loading" class="loader"></div> | ||
+ | <div id="slideshow" class="slideshow"></div> | ||
+ | </div> | ||
+ | <div id="caption" class="caption-container"></div> | ||
+ | </div> | ||
+ | <div id="thumbs" class="navigation"> | ||
+ | <ul class="thumbs noscript"> | ||
+ | <li> | ||
+ | <a class="thumb" name="pic-1" href="https://static.igem.org/mediawiki/2013hs/a/a1/AUC_TURKEY_POSTER_HOUSE.jpg"> | ||
+ | <img src="https://static.igem.org/mediawiki/2013hs/5/5a/AUC_TURKEY_POSTER_HOUSE_THUMB.jpg"/> | ||
+ | </a> | ||
+ | <div class="caption"> | ||
+ | <div class="download"> | ||
+ | <a href="https://static.igem.org/mediawiki/2013hs/a/a1/AUC_TURKEY_POSTER_HOUSE.jpg">Download Original</a> | ||
+ | </div> | ||
+ | <div class="image-title">We are HOUSEing another poster!</div> | ||
+ | </div> | ||
+ | </li><li> | ||
+ | <a class="thumb" name="pic-2" href="https://static.igem.org/mediawiki/2013hs/2/27/AUC_TURKEY_POSTER_IGEMISMTV.jpg"> | ||
+ | <img src="https://static.igem.org/mediawiki/2013hs/a/a4/AUC_TURKEY_POSTER_IGEMISMTV_THUMB.jpg"/> | ||
+ | </a> | ||
+ | <div class="caption"> | ||
+ | <div class="download"> | ||
+ | <a href="https://static.igem.org/mediawiki/2013hs/2/27/AUC_TURKEY_POSTER_IGEMISMTV.jpg">Download Original</a> | ||
+ | </div> | ||
+ | <div class="image-title">Synthetic Biology: Future depends on it!</div> | ||
+ | </div> | ||
+ | </li><li> | ||
+ | <a class="thumb" name="pic-3" href="https://static.igem.org/mediawiki/2013hs/9/91/AUC_TURKEY_POSTER_KILIM.jpg"> | ||
+ | <img src="https://static.igem.org/mediawiki/2013hs/f/f9/AUC_TURKEY_POSTER_KILIM_THUMB.jpg"/> | ||
+ | </a> | ||
+ | <div class="caption"> | ||
+ | <div class="download"> | ||
+ | <a href="https://static.igem.org/mediawiki/2013hs/9/91/AUC_TURKEY_POSTER_KILIM.jpg">Download Original</a> | ||
+ | </div> | ||
+ | <div class="image-title">When RNA is weaved into a "kilim" of emotions...</div> | ||
+ | </div> | ||
+ | </li><li> | ||
+ | <a class="thumb" name="pic-4" href="https://static.igem.org/mediawiki/2013hs/b/b5/AUC_TURKEY_POSTER_LAST_HOPE.jpg"> | ||
+ | <img src="https://static.igem.org/mediawiki/2013hs/f/fd/AUC_TURKEY_POSTER_LAST_HOPE_THUMB.jpg"/> | ||
+ | </a> | ||
+ | <div class="caption"> | ||
+ | <div class="download"> | ||
+ | <a href="https://static.igem.org/mediawiki/2013hs/b/b5/AUC_TURKEY_POSTER_LAST_HOPE.jpg">Download Original</a> | ||
+ | </div> | ||
+ | <div class="image-title">Let us shape the world through Synthetic Biology!</div> | ||
+ | </div> | ||
+ | </li><li> | ||
+ | <a class="thumb" name="pic-5" href="https://static.igem.org/mediawiki/2013hs/f/f7/AUC_TURKEY_POSTER_LOTR.png"> | ||
+ | <img src="https://static.igem.org/mediawiki/2013hs/5/5d/AUC_TURKEY_POSTER_LOTR_THUMB.png"/> | ||
+ | </a> | ||
+ | <div class="caption"> | ||
+ | <div class="download"> | ||
+ | <a href="https://static.igem.org/mediawiki/2013hs/f/f7/AUC_TURKEY_POSTER_LOTR.png">Download Original</a> | ||
+ | </div> | ||
+ | <div class="image-title">One Plasmid to rule them all, One Plasmid to find them,<br/> | ||
+ | One Plasmid to bring them all and in the darkness bind them </div> | ||
+ | </div> | ||
+ | </li><li> | ||
+ | <a class="thumb" name="pic-6" href="https://static.igem.org/mediawiki/2013hs/a/a1/AUC_TURKEY_POSTER_OLYMPIAD.jpg"> | ||
+ | <img src="https://static.igem.org/mediawiki/2013hs/0/03/AUC_TURKEY_POSTER_OLYMPIAD_THUMB.jpg"/> | ||
+ | </a> | ||
+ | <div class="caption"> | ||
+ | <div class="download"> | ||
+ | <a href="https://static.igem.org/mediawiki/2013hs/a/a1/AUC_TURKEY_POSTER_OLYMPIAD.jpg">Download Original</a> | ||
+ | </div> | ||
+ | <div class="image-title">This Jamboree, we present you "Parts Olympiad"!</div> | ||
+ | </div> | ||
+ | </li><li> | ||
+ | <a class="thumb" name="pic-7" href="https://static.igem.org/mediawiki/2013hs/5/5d/AUC_TURKEY_POSTER_PIPETTA.jpg"> | ||
+ | <img src="https://static.igem.org/mediawiki/2013hs/1/10/AUC_TURKEY_POSTER_PIPETTA_THUMB.jpg"/> | ||
+ | </a> | ||
+ | <div class="caption"> | ||
+ | <div class="download"> | ||
+ | <a href="https://static.igem.org/mediawiki/2013hs/5/5d/AUC_TURKEY_POSTER_PIPETTA.jpg">Download Original</a> | ||
+ | </div> | ||
+ | <div class="image-title">P FOR PIPETTA<br/>"PIPETTING FOREVER"</div> | ||
+ | </div> | ||
+ | </li><li> | ||
+ | <a class="thumb" name="pic-8" href="https://static.igem.org/mediawiki/2013hs/1/12/AUC_TURKEY_POSTER_TURKISH_COFFEE.JPG"> | ||
+ | <img src="https://static.igem.org/mediawiki/2013hs/c/c6/AUC_TURKEY_POSTER_TURKISH_COFFEE_THUMB.jpg"/> | ||
+ | </a> | ||
+ | <div class="caption"> | ||
+ | <div class="download"> | ||
+ | <a href="https://static.igem.org/mediawiki/2013hs/1/12/AUC_TURKEY_POSTER_TURKISH_COFFEE.JPG">Download Original</a> | ||
+ | </div> | ||
+ | <div class="image-title">Drinking Turkish coffee iGEM style!</div> | ||
+ | </div> | ||
+ | </li><li> | ||
+ | <a class="thumb" name="pic-9" href="https://static.igem.org/mediawiki/2013hs/1/1b/AUC_TURKEY_POSTER_UNCLE_SAM.png"> | ||
+ | <img src="https://static.igem.org/mediawiki/2013hs/2/26/AUC_TURKEY_POSTER_UNCLE_SAM_THUMB.png"/> | ||
+ | </a> | ||
+ | <div class="caption"> | ||
+ | <div class="download"> | ||
+ | <a href="https://static.igem.org/mediawiki/2013hs/1/1b/AUC_TURKEY_POSTER_UNCLE_SAM.png">Download Original</a> | ||
+ | </div> | ||
+ | <div class="image-title">I WANT YOU FOR iGEM</div> | ||
+ | </div> | ||
+ | </li><li> | ||
+ | <a class="thumb" name="pic-10" href="https://static.igem.org/mediawiki/2013hs/9/97/AUC_TURKEY_POSTER_UNITED_WE_STAND.jpg"> | ||
+ | <img src="https://static.igem.org/mediawiki/2013hs/7/7d/AUC_TURKEY_POSTER_UNITED_WE_STAND_THUMB.jpg"/> | ||
+ | </a> | ||
+ | <div class="caption"> | ||
+ | <div class="download"> | ||
+ | <a href="https://static.igem.org/mediawiki/2013hs/9/97/AUC_TURKEY_POSTER_UNITED_WE_STAND.jpg">Download Original</a> | ||
+ | </div> | ||
+ | <div class="image-title">Together we eat, together we sleep. In the lab or in the street, UNITED WE STAND!</div> | ||
+ | </div> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div style="clear: both;"></div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <script type="text/javascript"> | ||
+ | jQuery(document).ready(function($) { | ||
+ | // We only want these styles applied when javascript is enabled | ||
+ | $('div.navigation').css({'width' : '150px', 'float' : 'left'}); | ||
+ | $('div.content').css('display', 'block'); | ||
+ | |||
+ | // Initially set opacity on thumbs and add | ||
+ | // additional styling for hover effect on thumbs | ||
+ | var onMouseOutOpacity = 1.0; | ||
+ | $('#thumbs ul.thumbs li').opacityrollover({ | ||
+ | mouseOutOpacity: onMouseOutOpacity, | ||
+ | mouseOverOpacity: 1.0, | ||
+ | fadeSpeed: 'fast', | ||
+ | exemptionSelector: '.selected' | ||
+ | }); | ||
+ | |||
+ | // Initialize Advanced Galleriffic Gallery | ||
+ | var gallery = $('#thumbs').galleriffic({ | ||
+ | delay: 2500, | ||
+ | numThumbs: 5, | ||
+ | preloadAhead: 1, | ||
+ | enableTopPager: true, | ||
+ | enableBottomPager: true, | ||
+ | maxPagesToShow: 4, | ||
+ | imageContainerSel: '#slideshow', | ||
+ | controlsContainerSel: '#controls', | ||
+ | captionContainerSel: '#caption', | ||
+ | loadingContainerSel: '#loading', | ||
+ | renderSSControls: true, | ||
+ | renderNavControls: true, | ||
+ | playLinkText: 'Play Slideshow', | ||
+ | pauseLinkText: 'Pause Slideshow', | ||
+ | prevLinkText: '‹ Previous Photo', | ||
+ | nextLinkText: 'Next Photo ›', | ||
+ | nextPageLinkText: 'Next ›', | ||
+ | prevPageLinkText: '‹ Prev', | ||
+ | enableHistory: false, | ||
+ | autoStart: false, | ||
+ | syncTransitions: true, | ||
+ | defaultTransitionDuration: 900, | ||
+ | onSlideChange: function(prevIndex, nextIndex) { | ||
+ | // 'this' refers to the gallery, which is an extension of $('#thumbs') | ||
+ | this.find('ul.thumbs').children() | ||
+ | .eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end() | ||
+ | .eq(nextIndex).fadeTo('fast', 1.0); | ||
+ | }, | ||
+ | onPageTransitionOut: function(callback) { | ||
+ | this.fadeTo('fast', 0.0, callback); | ||
+ | }, | ||
+ | onPageTransitionIn: function() { | ||
+ | this.fadeTo('fast', 1.0); | ||
+ | } | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | </body> | ||
+ | </html> |
Revision as of 15:55, 21 June 2013