Team:UCSF
From 2011.igem.org
(Difference between revisions)
(30 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | + | {{Template:UCSF}} | |
+ | <html> | ||
+ | |||
+ | <link rel="stylesheet" type="text/css" href="http://www.tinyurl.com/twilightsparkles> | ||
+ | |||
+ | <head> | ||
+ | |||
+ | |||
+ | <script language="JavaScript1.1"> | ||
+ | <!-- | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | var newwindow=1 //open links in new window? 1=yes, 0=no | ||
+ | |||
+ | var imageholder=new Array() | ||
+ | var ie=document.all | ||
+ | for (i=0;i<slideimages.length;i++){ | ||
+ | imageholder[i]=new Image() | ||
+ | imageholder[i].src=slideimages[i] | ||
+ | } | ||
+ | |||
+ | function gotoshow(){ | ||
+ | if (newwindow) | ||
+ | window.open(slidelinks[whichlink]) | ||
+ | else | ||
+ | window.location=slidelinks[whichlink] | ||
+ | } | ||
+ | |||
+ | //--> | ||
+ | </script> | ||
+ | |||
+ | <style> | ||
+ | |||
+ | #medialeft {width:210px; float:left; height: 345px; background-color: #F5F5F5; margin-left: 8px; margin-top:10px;padding:10px; } | ||
+ | #mediaright {width: 495px; float:left; background-color: #F5F5F5; margin-left: 8px; margin-top:10px; padding:10px; } | ||
+ | #platinum {width:400px; float:left;} | ||
+ | #goldsilver {width: 200px; float: right;} | ||
+ | |||
+ | |||
+ | </style> | ||
+ | |||
+ | </head> | ||
+ | <body onLoad="runAccordion(0,100); slideMenu.build('sm',410,10,10,1)"> | ||
+ | <div id="rightcontentno"> | ||
+ | <div id="rightcontentno"> | ||
+ | <ul id="sm" class="sm"> | ||
+ | <li><a href="https://2011.igem.org/Team:UCSF/ProjectOverview"><img align="center" style="width:410px; margin-bottom:0px; padding:0;" src="http://i56.tinypic.com/21ovrih.png"/></a></li> | ||
+ | |||
+ | <li><a href="https://2011.igem.org/Team:UCSF/Cadherin"><img style="width:410px; margin-bottom:0px; padding:0;" src="http://i52.tinypic.com/2qwo3ya.png" alt="" /></a></li> | ||
+ | |||
+ | <li><a href="https://2011.igem.org/Team:UCSF/Background"><img style="width:410px; margin-bottom:0px; padding:0;" src="http://i52.tinypic.com/349c48p.png" alt="" /></a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <script type="text/javascript"> | ||
+ | var slideMenu=function(){ | ||
+ | var sp,st,t,m,sa,l,w,sw,ot; | ||
+ | return{ | ||
+ | build:function(sm,sw,mt,s,sl,h){ | ||
+ | sp=s; st=sw; t=mt; | ||
+ | m=document.getElementById(sm); | ||
+ | sa=m.getElementsByTagName('li'); | ||
+ | l=sa.length; w=m.offsetWidth; sw=w/l; | ||
+ | ot=Math.floor((w-st)/(l-1)); var i=0; | ||
+ | for(i;i<l;i++){s=sa[i]; s.style.width=sw+'px'; this.timer(s)} | ||
+ | if(sl!=null){m.timer=setInterval(function(){slideMenu.slide(sa[sl-1])},t)} | ||
+ | }, | ||
+ | timer:function(s){s.onmouseover=function(){clearInterval(m.timer);m.timer=setInterval(function(){slideMenu.slide(s)},t)}}, | ||
+ | slide:function(s){ | ||
+ | var cw=parseInt(s.style.width,'10'); | ||
+ | if(cw<st){ | ||
+ | var owt=0; var i=0; | ||
+ | for(i;i<l;i++){ | ||
+ | if(sa[i]!=s){ | ||
+ | var o,ow; var oi=0; o=sa[i]; ow=parseInt(o.style.width,'10'); | ||
+ | if(ow>ot){oi=Math.floor((ow-ot)/sp); oi=(oi>0)?oi:1; o.style.width=(ow-oi)+'px'} | ||
+ | owt=owt+(ow-oi)}} | ||
+ | s.style.width=(w-owt)+'px'; | ||
+ | }else{clearInterval(m.timer)} | ||
+ | } | ||
+ | }; | ||
+ | }(); | ||
+ | |||
+ | </script> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | <div id="rightcontenttext"> | ||
+ | |||
+ | <h3orange>Hello There! </h3orange> | ||
+ | |||
+ | <regulartext> Click <span class="classoranget"><a href="https://sites.google.com/site/ucsfigem2011/">here </a><span>to see our Google Site! </regulartext> | ||
+ | |||
+ | </div> | ||
+ | <div id="rightcontentno"> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | |||
+ | <script type="text/javascript"> | ||
+ | var slideMenu=function(){ | ||
+ | var sp,st,t,m,sa,l,w,sw,ot; | ||
+ | return{ | ||
+ | build:function(sm,sw,mt,s,sl,h){ | ||
+ | sp=s; st=sw; t=mt; | ||
+ | m=document.getElementById(sm); | ||
+ | sa=m.getElementsByTagName('li'); | ||
+ | l=sa.length; w=m.offsetWidth; sw=w/l; | ||
+ | ot=Math.floor((w-st)/(l-1)); var i=0; | ||
+ | for(i;i<l;i++){s=sa[i]; s.style.width=sw+'px'; this.timer(s)} | ||
+ | if(sl!=null){m.timer=setInterval(function(){slideMenu.slide(sa[sl-1])},t)} | ||
+ | }, | ||
+ | timer:function(s){s.onmouseover=function(){clearInterval(m.timer);m.timer=setInterval(function(){slideMenu.slide(s)},t)}}, | ||
+ | slide:function(s){ | ||
+ | var cw=parseInt(s.style.width,'10'); | ||
+ | if(cw<st){ | ||
+ | var owt=0; var i=0; | ||
+ | for(i;i<l;i++){ | ||
+ | if(sa[i]!=s){ | ||
+ | var o,ow; var oi=0; o=sa[i]; ow=parseInt(o.style.width,'10'); | ||
+ | if(ow>ot){oi=Math.floor((ow-ot)/sp); oi=(oi>0)?oi:1; o.style.width=(ow-oi)+'px'} | ||
+ | owt=owt+(ow-oi)}} | ||
+ | s.style.width=(w-owt)+'px'; | ||
+ | }else{clearInterval(m.timer)} | ||
+ | } | ||
+ | }; | ||
+ | }(); | ||
+ | |||
+ | </script> | ||
+ | |||
+ | |||
+ | <div id="rightcontenttext"> | ||
+ | <h3orange>Welcome!</h3orange><p> | ||
+ | <regulartext>Many microbial cells form biofilms as a means of survival. Biofilms are formed when a large number of microbial cells aggregate together. This year, the UCSF iGEM team has engineered artificial biofilms via yeast cell surface display. We synthetically engineered <i>S. cerevisiae</i> to form tunable biofilm-like structures by inducing the display of adhesive proteins on their surface. By combining the natural yeast mating receptors – Aga1 and Aga2 – with adhesive proteins from a variety of organisms, we created several adhesive interactions among yeast cells. Our synthetic cell adhesions can serve as a model for biofilm formation and primitive multicellular structures.</regulartext><p> | ||
+ | |||
+ | |||
+ | |||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | <div id="mediaright"> | ||
+ | <div id="left" style="float:left;"> | ||
+ | <h3orange>Photo Gallery</h3orange><p> | ||
+ | <div id="cesc" style="width:400px; height:320px;"> | ||
+ | |||
+ | <embed type="application/x-shockwave-flash" src="https://picasaweb.google.com/s/c/bin/slideshow.swf" width="400" height="267" flashvars="host=picasaweb.google.com&hl=en_US&feat=flashalbum&RGB=0x000000&feed=https%3A%2F%2Fpicasaweb.google.com%2Fdata%2Ffeed%2Fapi%2Fuser%2F106125408733758636425%2Falbumid%2F5656096557885840161%3Falt%3Drss%26kind%3Dphoto%26authkey%3DGv1sRgCM3I-aj_p4b1rwE%26hl%3Den_US" pluginspage="http://www.macromedia.com/go/getflashplayer"></embed> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | <div id="mediaright"> | ||
+ | <h3orange>Media</h3orange><p> | ||
+ | <div id="left" style="float:left;"> | ||
<center> | <center> | ||
- | + | <regulartext> Visit our <regulartext><span><a href="https://2011.igem.org/Team:UCSF/Video">Extras</a><span> page for our 2011 Team Video and hear San Francisco Mayor Ed Lee talk about his visit to our lab!</regulartext><p></center> | |
- | </ | + | |
+ | |||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | <div id="rightcontenttext"> | ||
+ | |||
+ | |||
+ | <h3orange>Special Thanks to Our Sponsors! </h3orange><p> | ||
+ | |||
+ | <img src=http://i54.tinypic.com/30bpbfs.png></img><br> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
+ | <script language="JavaScript1.1"> | ||
+ | <!-- | ||
- | + | var whichlink=0 | |
- | + | var whichimage=0 | |
- | + | var blenddelay=(ie)? document.images.slide.filters[0].duration*1000 : 0 | |
- | + | function slideit(){ | |
- | + | if (!document.images) return | |
- | + | if (ie) document.images.slide.filters[0].apply() | |
- | + | document.images.slide.src=imageholder[whichimage].src | |
- | + | if (ie) document.images.slide.filters[0].play() | |
+ | whichlink=whichimage | ||
+ | whichimage=(whichimage<slideimages.length-1)? whichimage+1 : 0 | ||
+ | setTimeout("slideit()",slidespeed+blenddelay) | ||
+ | } | ||
+ | slideit() | ||
- | + | //--> | |
+ | </script> | ||
- | + | </div> | |
- | + | ||
+ | </div> | ||
- | |||
- | |||
- | |||
- | |||
- | < | + | </html> |
Latest revision as of 03:50, 29 September 2011
introduction
the team
our project
parts
requisites
attributions
extras