Difference between revisions of "Template:AUC TURKEY"
(118 intermediate revisions by 3 users not shown) | |||
Line 1: | Line 1: | ||
+ | __NOTOC__ | ||
<html> | <html> | ||
+ | <script src="https://2015.igem.org/Team:AUC_TURKEY/slimbox2js?action=raw&ctype=text/javascript"></script> | ||
+ | <link href="https://2015.igem.org/Team:AUC_TURKEY/slimbox2css?action=raw&ctype=text/css" rel="stylesheet" type="text/css"> | ||
<style type="text/css"> | <style type="text/css"> | ||
+ | body{ | ||
+ | background-color:rgb(255,0,0); | ||
+ | background-image: url(http://www.transparenttextures.com/patterns/3px-tile.png); | ||
+ | } | ||
+ | table{ | ||
+ | background-color:transparent; | ||
+ | } | ||
#contentSub, #contentcontainer, #footer-box, #sitesub, #catlinks, #search-controls, #p-logo, .h3, .printfooter, .firstHeading, .visualClear {display: none;} /*-- hides default wiki settings --*/ | #contentSub, #contentcontainer, #footer-box, #sitesub, #catlinks, #search-controls, #p-logo, .h3, .printfooter, .firstHeading, .visualClear {display: none;} /*-- hides default wiki settings --*/ | ||
.topWikiNavBackground { | .topWikiNavBackground { | ||
Line 22: | Line 32: | ||
padding: 0px; | padding: 0px; | ||
text-align:center; | text-align:center; | ||
+ | } | ||
+ | h1,h2,h3{ | ||
+ | border:none; | ||
+ | margin-bottom:0!important; | ||
+ | font-family:Verdana,sans-serif; | ||
+ | padding-top:15px; | ||
+ | } | ||
+ | #contentContainer dd{ | ||
+ | text-indent:20px; | ||
+ | } | ||
+ | #contentContainer p{ | ||
+ | text-indent:20px; | ||
+ | } | ||
+ | #contentContainer p,li{ | ||
+ | text-align:justify; | ||
} | } | ||
#header{ | #header{ | ||
width: 100%; | width: 100%; | ||
− | height: | + | height: 80px; |
background-color: black; | background-color: black; | ||
top:18px; | top:18px; | ||
Line 33: | Line 58: | ||
box-shadow: 0px 10px 36px 0px rgba(0,0,0,0.44); | box-shadow: 0px 10px 36px 0px rgba(0,0,0,0.44); | ||
color:white; | color:white; | ||
+ | padding-top:10px; | ||
+ | z-index:80; | ||
} | } | ||
#header a{ | #header a{ | ||
Line 41: | Line 68: | ||
text-decoration:none; | text-decoration:none; | ||
} | } | ||
− | # | + | #mascot{ |
− | + | position:fixed; | |
− | + | top:5px; | |
+ | left:20px; | ||
+ | height: 150px; | ||
+ | z-index:99; | ||
+ | } | ||
+ | #twitter_link | ||
+ | { | ||
+ | position: fixed; | ||
+ | top: 38px; | ||
+ | z-index: 100; | ||
+ | right: 110px; | ||
+ | } | ||
+ | #youtube_link | ||
+ | { | ||
+ | position: fixed; | ||
+ | top: 38px; | ||
+ | z-index: 100; | ||
+ | right: 50px; | ||
+ | } | ||
+ | #banner{ | ||
+ | position: fixed; | ||
+ | top: 27px; | ||
+ | z-index: 100; | ||
+ | left: 0; | ||
+ | right: 0; | ||
+ | width: 245px; | ||
+ | margin: auto; | ||
} | } | ||
#contentContainer { | #contentContainer { | ||
− | text-align: left; | + | text-align: left;background: rgba(255,255,255,0); |
− | + | background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.75) 10%, rgba(255,255,255,0.75) 50%, rgba(255,255,255,0.75) 90%, rgba(255,255,255,0) 100%); | |
− | width: | + | background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(10%, rgba(255,255,255,0.75)), color-stop(50%, rgba(255,255,255,0.75)), color-stop(90%, rgba(255,255,255,0.75)), color-stop(100%, rgba(255,255,255,0))); |
+ | background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.75) 10%, rgba(255,255,255,0.75) 50%, rgba(255,255,255,0.75) 90%, rgba(255,255,255,0) 100%); | ||
+ | background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.75) 10%, rgba(255,255,255,0.75) 50%, rgba(255,255,255,0.75) 90%, rgba(255,255,255,0) 100%); | ||
+ | background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.75) 10%, rgba(255,255,255,0.75) 50%, rgba(255,255,255,0.75) 90%, rgba(255,255,255,0) 100%); | ||
+ | background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,0.75) 10%, rgba(255,255,255,0.75) 50%, rgba(255,255,255,0.75) 90%, rgba(255,255,255,0) 100%); | ||
+ | filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 ); | ||
+ | width: 900px; | ||
margin: auto; | margin: auto; | ||
− | margin-top: | + | margin-top: 95px; |
padding: 10px; | padding: 10px; | ||
− | padding-left: | + | padding-left: 150px; |
− | font-size: | + | padding-right: 150px; |
+ | font-size: 18px; | ||
} | } | ||
#menu { | #menu { | ||
display: inline-block; | display: inline-block; | ||
+ | z-index:80; | ||
} | } | ||
#menu a{ | #menu a{ | ||
Line 78: | Line 139: | ||
margin-top:-40px; | margin-top:-40px; | ||
vertical-align:top; | vertical-align:top; | ||
+ | text-align:center; | ||
} | } | ||
#menu li:hover{ | #menu li:hover{ | ||
Line 83: | Line 145: | ||
} | } | ||
.activePage { | .activePage { | ||
− | background-color: | + | background-color:rgb(190,190,190); |
} | } | ||
#submenu { | #submenu { | ||
position:fixed; | position:fixed; | ||
− | top: | + | top:108px; |
− | width: | + | width:200%; |
+ | z-index:80; | ||
} | } | ||
#submenu a:hover { | #submenu a:hover { | ||
Line 100: | Line 163: | ||
#submenu > ul > li > ul { | #submenu > ul > li > ul { | ||
position:absolute; | position:absolute; | ||
− | |||
width:100%; | width:100%; | ||
height:30px; | height:30px; | ||
Line 111: | Line 173: | ||
display: inline-block; | display: inline-block; | ||
vertical-align:top; | vertical-align:top; | ||
+ | text-align:center; | ||
}#submenu > ul > li{ | }#submenu > ul > li{ | ||
display: inline-block;} | display: inline-block;} | ||
Line 123: | Line 186: | ||
border-radius:5px; | border-radius:5px; | ||
padding: 5px; | padding: 5px; | ||
+ | } | ||
+ | #menu, #submenu { | ||
+ | font-weight:bold; | ||
} | } | ||
#projectname { | #projectname { | ||
Line 159: | Line 225: | ||
#scrollUp:hover { | #scrollUp:hover { | ||
margin-bottom: 0; | margin-bottom: 0; | ||
+ | } | ||
+ | @font-face { | ||
+ | font-family: digital7; | ||
+ | src: url("https://static.igem.org/mediawiki/2015/6/6b/AUC_TURKEY_DIGITAL-7.TTF"); | ||
+ | } | ||
+ | #temperature { | ||
+ | position: fixed; | ||
+ | top: 60px; | ||
+ | left: 80px; | ||
+ | font-size: 40px; | ||
+ | color: orange; | ||
+ | text-align: right; | ||
+ | width: 150px; | ||
+ | font-family: digital7; | ||
+ | z-index:80; | ||
+ | } | ||
+ | #sub1 { | ||
+ | left: -33%; | ||
+ | } | ||
+ | #sub2 { | ||
+ | left: -31%; | ||
+ | } | ||
+ | #sub3 { | ||
+ | left: -19%; | ||
+ | } | ||
+ | #sub4 { | ||
+ | left: -17%; | ||
+ | } | ||
+ | div.thumb | ||
+ | { | ||
+ | border-color:transparent; | ||
+ | border-width:0; | ||
+ | } | ||
+ | .biglinks{ | ||
+ | font-size:150%; | ||
+ | } | ||
+ | .wikitable { | ||
+ | border: none!important; | ||
+ | border-top: 3px solid black!important; | ||
+ | border-bottom: 3px solid black!important; | ||
+ | margin:auto!important; | ||
+ | } | ||
+ | .wikitable tr { | ||
+ | padding: 5px 10px; | ||
+ | } | ||
+ | .wikitable td { | ||
+ | |||
+ | padding:0.5em!important; | ||
+ | } | ||
+ | .wikitable td, .wikitable th { | ||
+ | border: none!important; | ||
+ | background: white; | ||
+ | } | ||
+ | .wikitable th { | ||
+ | border-bottom: 3px solid black!important; | ||
+ | } | ||
+ | .wikitable caption { | ||
+ | font-weight: inherit; | ||
+ | } | ||
+ | #nbnav { | ||
+ | z-index:90; | ||
} | } | ||
</style> | </style> | ||
− | <script> | + | <script type="text/javascript"> |
/*! | /*! | ||
* scrollup v2.4.1 | * scrollup v2.4.1 | ||
Line 173: | Line 300: | ||
jQuery.easing['jswing'] = jQuery.easing['swing']; | jQuery.easing['jswing'] = jQuery.easing['swing']; | ||
$.scrollUp(); | $.scrollUp(); | ||
+ | $("div.thumbinner > a img").slimbox({}, function(el) { | ||
+ | url = el.src; | ||
+ | if (url.indexOf('thumb') != -1) { | ||
+ | url = url.substring(0, url.lastIndexOf('/')); | ||
+ | url = url.replace('/thumb/', '/'); | ||
+ | } | ||
+ | description = $(el).parents("div.thumbinner").children("div.thumbcaption").text(); | ||
+ | return [url, description]; | ||
+ | }, function(el) { | ||
+ | return (this == el); | ||
}); | }); | ||
$(function() { | $(function() { | ||
− | + | $("#contentContainer").after($("#footer")); | |
− | + | ||
− | $("# | + | |
− | + | ||
activeSub=null; | activeSub=null; | ||
$("#menu li").hover( | $("#menu li").hover( | ||
Line 212: | Line 346: | ||
break; | break; | ||
case "Description": | case "Description": | ||
− | case " | + | case "RNA_Thermometer": |
+ | case "Urease": | ||
+ | case "Catalase": | ||
+ | case "Mechanism": | ||
+ | case "Modelling": | ||
case "Parts": | case "Parts": | ||
+ | case "Basic_Part": | ||
+ | case "Composite_Part": | ||
+ | case "Part_Collection": | ||
$("#menu ul li:nth-child(3)").addClass("activePage"); | $("#menu ul li:nth-child(3)").addClass("activePage"); | ||
break; | break; | ||
case "Results": | case "Results": | ||
+ | case "Cloning": | ||
+ | case "Measurement": | ||
$("#menu ul li:nth-child(4)").addClass("activePage"); | $("#menu ul li:nth-child(4)").addClass("activePage"); | ||
break; | break; | ||
Line 229: | Line 372: | ||
} | } | ||
}); | }); | ||
− | 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}('( | + | /*! |
+ | * jQuery Color Animations v@VERSION | ||
+ | * https://github.com/jquery/jquery-color | ||
+ | * | ||
+ | * Copyright jQuery Foundation and other contributors | ||
+ | * Released under the MIT license. | ||
+ | * http://jquery.org/license | ||
+ | * | ||
+ | * Date: @DATE | ||
+ | */ | ||
+ | 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}('(o(k,m){z n="H 2z 2x 2r 2p x 2k 2j 2i 2h",1X=/^([\\-+])=\\s*(\\d+\\.?\\d*)/,1W=[{12:/y?\\(\\s*(\\d{1,3})\\s*,\\s*(\\d{1,3})\\s*,\\s*(\\d{1,3})\\s*(?:,\\s*(\\d?(?:\\.\\d+)?)\\s*)?\\)/,I:o(a){8[a[1],a[2],a[3],a[4]]}},{12:/y?\\(\\s*(\\d+(?:\\.\\d+)?)\\%\\s*,\\s*(\\d+(?:\\.\\d+)?)\\%\\s*,\\s*(\\d+(?:\\.\\d+)?)\\%\\s*(?:,\\s*(\\d?(?:\\.\\d+)?)\\s*)?\\)/,I:o(a){8[a[1]*2.1s,a[2]*2.1s,a[3]*2.1s,a[4]]}},{12:/#([a-11-9]{2})([a-11-9]{2})([a-11-9]{2})/,I:o(a){8[13(a[1],16),13(a[2],16),13(a[3],16)]}},{12:/#([a-11-9])([a-11-9])([a-11-9])/,I:o(a){8[13(a[1]+a[1],16),13(a[2]+a[2],16),13(a[3]+a[3],16)]}},{12:/F?\\(\\s*(\\d+(?:\\.\\d+)?)\\s*,\\s*(\\d+(?:\\.\\d+)?)\\%\\s*,\\s*(\\d+(?:\\.\\d+)?)\\%\\s*(?:,\\s*(\\d?(?:\\.\\d+)?)\\s*)?\\)/,U:"F",I:o(a){8[a[1],a[2]/1v,a[3]/1v,a[4]]}}],x=k.1p=o(a,b,c,d){8 2e k.1p.K.I(a,b,c,d)},E={y:{W:{1V:{C:0,w:"1o"},1H:{C:1,w:"1o"},1S:{C:2,w:"1o"}}},F:{W:{27:{C:0,w:"1R"},2G:{C:1,w:"1k"},2D:{C:2,w:"1k"}}}},1y={"1o":{1B:1b,G:P},"1k":{G:1},"1R":{L:1d,1B:1b}},1f=x.1f={},1u=k("<p>")[0],19,D=k.D;1u.1q.2C="2A-x:y(1,1,1,.5)";1f.y=1u.1q.H.2y("y")>-1;D(E,o(a,b){b.A="2v"+a;b.W.14={C:3,w:"1k",1e:1}});o 1a(a,b,c){z d=1y[b.w]||{};7(a==t){8(c||!b.1e)?t:b.1e}a=d.1B?~~a:1Q(a);7(2g(a)){8 b.1e}7(d.L){8(a+d.L)%d.L}8 0>a?0:d.G<a?d.G:a}o 1A(c){z d=x(),y=d.B=[];c=c.2d();D(1W,o(i,a){z b,O=a.12.1L(c),1r=!(!O||!a.I(O)),S=a.U||"y";7(1r){b=d[S](1r);d[E[S].A]=b[E[S].A];y=d.B=b.B;8 2c}});7(y.1K){7(y.1i()==="0,0,0,0"){k.1J(y,19.Z)}8 d}8 19[c]}x.K=k.1J(x.1U,{I:o(f,g,h,i){7(f===m){u.B=[t,t,t,t];8 u}7(f.28||f.2w){f=k(f).1I(g);g=m}z j=u,w=k.w(f),y=u.B=[];7(g!==m){f=[f,g,h,i];w="1G"}7(w==="1x"){8 u.I(1A(f)||19.1E)}7(w==="1G"){D(E.y.W,o(a,b){y[b.C]=1a(f[b.C],b)});8 u}7(w==="1D"){7(f 2b x){D(E,o(a,b){7(f[b.A]){j[b.A]=f[b.A].R()}})}M{D(E,o(c,d){z e=d.A;D(d.W,o(a,b){7(!(j[e]||!d.N)){7(a==="14"||f[a]==t){8}j[e]=d.N(j.B)}j[e][b.C]=1a(f[a],b,1b)});7(j[e])7(k.2f(t,j[e].R(0,3))<0){j[e][3]=1;7(d.T){j.B=d.T(j[e])}}})}8 u}},2H:o(a){8 1b},1M:o(){z c=[],1N=u;D(E,o(a,b){7(1N[b.A]){c.1O(a)}});8 c.18()},1P:o(d,e){z f=x(d),S=f.1M(),U=E[S],1z=u.14()===0?x("Z"):u,15=1z[U.A]||U.N(1z.B),1g=15.R();f=f[U.A];D(U.W,o(a,b){z c=b.C,Q=15[c],10=f[c],w=1y[b.w]||{};7(10===t){8}7(Q===t){1g[c]=10}M{7(w.L){7(10-Q>w.L/2){Q+=w.L}M 7(Q-10>w.L/2){Q-=w.L}}1g[c]=1a((10-Q)*e+Q,b)}});8 u[S](1g)},1l:o(b){7(u.B[3]===1){8 u}z c=u.B.R(),a=c.18(),1l=x(b).B;8 x(k.1j(c,o(v,i){8(1-a)*1l[i]+a*v}))},1t:o(){z a="y(",y=k.1j(u.B,o(v,i){8 v==t?(i>2?1:0):v});7(y[3]===1){y.18();a="2I("}8 a+y.1i()+")"},3i:o(){z a="F(",F=k.1j(u.F(),o(v,i){7(v==t){v=i>2?1:0}7(!(!i||i>=3)){v=Y.1c(v*1v)+"%"}8 v});7(F[3]===1){F.18();a="29("}8 a+F.1i()+")"},2a:o(a){z b=u.B.R(),14=b.18();7(a){b.1O(~~(14*P))}8"#"+k.1j(b,o(v){v=(v||0).1T(16);8 v.1K===1?"0"+v:v}).1i("")},1T:o(){8 u.B[3]===0?"Z":u.1t()}});x.K.I.1U=x.K;o 1m(p,q,h){h=(h+1)%1;7(h*6<1){8 p+(q-p)*h*6}7(h*2<1){8 q}7(h*3<2){8 p+(q-p)*((2/3)-h)*6}8 p}E.F.N=o(c){7(c[0]==t||c[1]==t||c[2]==t){8[t,t,t,c[3]]}z r=c[0]/P,g=c[1]/P,b=c[2]/P,a=c[3],G=Y.G(r,g,b),17=Y.17(r,g,b),X=G-17,1h=G+17,l=1h*0.5,h,s;7(17===G){h=0}M 7(r===G){h=(1w*(g-b)/X)+1d}M 7(g===G){h=(1w*(b-r)/X)+2l}M{h=(1w*(r-g)/X)+2m}7(X===0){s=0}M 7(l<=0.5){s=X/1h}M{s=X/(2-1h)}8[Y.1c(h)%1d,s,l,a==t?1:a]};E.F.T=o(b){7(b[0]==t||b[1]==t||b[2]==t){8[t,t,t,b[3]]}z h=b[0]/1d,s=b[1],l=b[2],a=b[3],q=l<=0.5?l*(1+s):l+s-l*s,p=2*l-q;8[Y.1c(1m(p,q,h+(1/3))*P),Y.1c(1m(p,q,h)*P),Y.1c(1m(p,q,h-(1/3))*P),a]};D(E,o(f,g){z h=g.W,A=g.A,N=g.N,T=g.T;x.K[f]=o(d){7(!(!N||u[A])){u[A]=N(u.B)}7(d===m){8 u[A].R()}z e,w=k.w(d),1Y=(w==="1G"||w==="1D")?d:2o,J=u[A].R();D(h,o(a,b){z c=1Y[w==="1D"?a:b.C];7(c==t){c=J[b.C]}J[b.C]=1a(c,b)});7(T){e=x(T(J));e[A]=J;8 e}M{8 x(J)}};D(h,o(c,d){7(x.K[c]){8}x.K[c]=o(a){z b=k.w(a),K=(c==="14"?(u.2q?"F":"y"):f),J=u[K](),1n=J[d.C],O;7(b==="2s"){8 1n}7(b==="o"){a=a.2t(u,1n);b=k.w(a)}7(!(a!=t||!d.2u)){8 u}7(b==="1x"){O=1X.1L(a);7(O){a=1n+1Q(O[2])*(O[1]==="+"?1:-1)}}J[d.C]=a;8 u[K](J)}})});x.1Z=o(f){z g=f.3l(" ");D(g,o(i,d){k.1F[d]={20:o(a,b){z c,V,H="";7(!(b==="Z"||!(k.w(b)!=="1x"||(c=1A(b))))){b=x(c||b);7(!(1f.y||b.B[3]===1)){V=d==="H"?a.21:a;2B(!(!(H===""||H==="Z")||!V||!V.1q)){22{H=k.1I(V,"H");V=V.21}23(e){}}b=b.1l(!(!H||H==="Z")?H:"1E")}b=b.1t()}22{a.1q[d]=b}23(e){}}};k.2E.2F[d]=o(a){7(!a.24){a.15=x(a.25,d);a.1C=x(a.1C);a.24=1b}k.1F[d].20(a.25,a.15.1P(a.1C,a.2J))}})};x.1Z(n);k.1F.2K={2L:o(b){z c={};D(["2M","2N","2O","2P"],o(i,a){c["2Q"+a+"1p"]=b});8 c}};19=k.1p.2R={2S:"#2T",2U:"#2V",1S:"#2W",2X:"#2Y",2Z:"#30",1H:"#31",32:"#33",34:"#35",36:"#37",38:"#39",3a:"#3b",1V:"#3c",3d:"#3e",3f:"#3g",3h:"#26",3j:"#3k",Z:[t,t,t,0],1E:"#26"}}(2n));',62,208,'|||||||if|return||||||||||||||||function|||||null|this||type|color|rgba|var|cache|_rgba|idx|each|spaces|hsla|max|backgroundColor|parse|local|fn|mod|else|to|match|255|startValue|slice|spaceName|from|space|curElem|props|diff|Math|transparent|endValue|f0|re|parseInt|alpha|start||min|pop|colors|clamp|true|round|360|def|support|result|add|join|map|percent|blend|hue2rgb|cur|byte|Color|style|values|55|toRgbaString|supportElem|100|60|string|propTypes|startColor|stringParse|floor|end|object|_default|cssHooks|array|green|css|extend|length|exec|_space|inst|push|transition|parseFloat|degrees|blue|toString|prototype|red|stringParsers|rplusequals|arr|hook|set|parentNode|try|catch|colorInit|elem|ffffff|hue|jquery|hsl|toHexString|instanceof|false|toLowerCase|new|inArray|isNaN|textEmphasisColor|textDecorationColor|outlineColor|columnRuleColor|120|240|jQuery|arguments|borderTopColor|_hsla|borderRightColor|undefined|call|empty|_|nodeType|borderLeftColor|indexOf|borderBottomColor|background|while|cssText|lightness|fx|step|saturation|is|rgb|pos|borderColor|expand|Top|Right|Bottom|Left|border|names|aqua|00ffff|black|000000|0000ff|fuchsia|ff00ff|gray|808080|008000|lime|00ff00|maroon|800000|navy|000080|olive|808000|purple|800080|ff0000|silver|c0c0c0|teal|008080|white|toHslaString|yellow|ffff00|split'.split('|'),0,{})); | ||
var scroll_pos = 0; | var scroll_pos = 0; | ||
− | + | var beginning_color = $.Color({red:255}); | |
− | + | var ending_color = $.Color({blue:255}); | |
− | var beginning_color = | + | |
− | var ending_color = | + | |
$(document).scroll(function() { | $(document).scroll(function() { | ||
− | scroll_pos = $(this).scrollTop( | + | var animation_begin_pos = 0; |
− | + | var animation_end_pos = document.body.scrollHeight - window.innerHeight; | |
+ | scroll_pos = $(this).scrollTop(); | ||
if(!(scroll_pos < animation_begin_pos || scroll_pos > animation_end_pos) ) { | if(!(scroll_pos < animation_begin_pos || scroll_pos > animation_end_pos) ) { | ||
// console.log( 'scrolling and animating' ); | // console.log( 'scrolling and animating' ); | ||
Line 253: | Line 405: | ||
$('body').animate({ backgroundColor: beginning_color }, 0); | $('body').animate({ backgroundColor: beginning_color }, 0); | ||
} else { } | } else { } | ||
+ | var temperature=Math.round(-80*percentScrolled+56); | ||
+ | if(isNaN(temperature)) temperature=-24; | ||
+ | $("#temperature").html(temperature+" °C"); | ||
}); | }); | ||
+ | }); | ||
</script> | </script> | ||
+ | <img id="mascot" src="https://static.igem.org/mediawiki/2015/7/71/AUC_TURKEY_minimascot.png" /> | ||
+ | <a id="twitter_link" href="http://www.twitter.com/AUC_TURKEY"><img src="https://static.igem.org/mediawiki/2015/4/41/AUC_TURKEY_twitter.png" /></a> | ||
+ | <a id="youtube_link" href="http://www.youtube.com/user/iGEMismTV"><img src="https://static.igem.org/mediawiki/2015/4/46/AUC_TURKEY_youtube.png" /></a> | ||
<div id="header"> | <div id="header"> | ||
+ | <img id="banner" src="https://static.igem.org/mediawiki/2015/9/9e/AUC_TURKEY_BactocoolerBanner.png" /> | ||
<a href="https://2015.igem.org/"> | <a href="https://2015.igem.org/"> | ||
− | <img src="https://static.igem.org/mediawiki/2015/b/bc/AUC_TURKEY_iGEM_Banner.png" /> | + | <img src="https://static.igem.org/mediawiki/2015/b/bc/AUC_TURKEY_iGEM_Banner.png" width=80px/> |
</a> | </a> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
<div id="menu"> | <div id="menu"> | ||
<ul> | <ul> | ||
Line 276: | Line 431: | ||
</div> | </div> | ||
</li> | </li> | ||
− | <li> | + | <li style="margin-right:250px;"> |
<div> | <div> | ||
<a href="https://2015.igem.org/Team:AUC_TURKEY/Description"><img src="https://static.igem.org/mediawiki/2015/1/11/AUC_TURKEY_Project.png"/><br/>Project</a> | <a href="https://2015.igem.org/Team:AUC_TURKEY/Description"><img src="https://static.igem.org/mediawiki/2015/1/11/AUC_TURKEY_Project.png"/><br/>Project</a> | ||
Line 292: | Line 447: | ||
<li> | <li> | ||
<div> | <div> | ||
− | <a href="https://2015.igem.org/Team:AUC_TURKEY/Practices"><img src="https://static.igem.org/mediawiki/2015/4/41/AUC_TURKEY_HumanPractices.png"/><br/> | + | <a href="https://2015.igem.org/Team:AUC_TURKEY/Practices"><img src="https://static.igem.org/mediawiki/2015/4/41/AUC_TURKEY_HumanPractices.png"/><br/>Policy & Practices</a> |
</div> | </div> | ||
</li> | </li> | ||
Line 298: | Line 453: | ||
</div> | </div> | ||
<a href="https://igem.org/Team.cgi?id=1806"> | <a href="https://igem.org/Team.cgi?id=1806"> | ||
− | <img src="https://static.igem.org/mediawiki/2015/c/cc/AUC_TURKEY_Logo.png" style="height: | + | <img src="https://static.igem.org/mediawiki/2015/c/cc/AUC_TURKEY_Logo.png" style="height:75px" /> |
</a> | </a> | ||
</div> | </div> | ||
Line 310: | Line 465: | ||
<li><ul id="sub2"> | <li><ul id="sub2"> | ||
<li><a href="https://2015.igem.org/Team:AUC_TURKEY/Description">Overview</a></li> | <li><a href="https://2015.igem.org/Team:AUC_TURKEY/Description">Overview</a></li> | ||
− | <li><a href=" | + | <li><a href="https://2015.igem.org/Team:AUC_TURKEY/RNA_Thermometer">RNA Thermometer</a></li> |
− | <li><a href=" | + | <li><a href="https://2015.igem.org/Team:AUC_TURKEY/Urease">Urease</a></li> |
− | <li><a href=" | + | <li><a href="https://2015.igem.org/Team:AUC_TURKEY/Catalase">Catalase</a></li> |
− | <li><a href=" | + | <li><a href="https://2015.igem.org/Team:AUC_TURKEY/Mechanism">Mechanism</a></li> |
<li><a href="https://2015.igem.org/Team:AUC_TURKEY/Modeling">Modeling</a></li> | <li><a href="https://2015.igem.org/Team:AUC_TURKEY/Modeling">Modeling</a></li> | ||
<li><a href="https://2015.igem.org/Team:AUC_TURKEY/Parts">Parts</a></li> | <li><a href="https://2015.igem.org/Team:AUC_TURKEY/Parts">Parts</a></li> | ||
</ul></li> | </ul></li> | ||
<li><ul id="sub3"> | <li><ul id="sub3"> | ||
− | <li><a href=" | + | <li><a href="https://2015.igem.org/Team:AUC_TURKEY/Cloning">Cloning</a></li> |
− | <li><a href=" | + | <li><a href="https://2015.igem.org/Team:AUC_TURKEY/Measurement">Functional Assay</a></li> |
− | + | ||
</ul></li> | </ul></li> | ||
<li><ul id="sub4"> | <li><ul id="sub4"> | ||
Line 328: | Line 482: | ||
</ul> | </ul> | ||
</div> | </div> | ||
+ | <div id="temperature">37 °C</div> | ||
+ | <img id="footer" src="https://static.igem.org/mediawiki/2015/8/81/AUC_TURKEY_Footer.png" /> | ||
<div id="contentContainer"> | <div id="contentContainer"> | ||
</html> | </html> |
Latest revision as of 02:00, 19 September 2015
37 °C