Team:UCSF
From 2011.igem.org
TheTinaChen (Talk | contribs) |
TheTinaChen (Talk | contribs) |
||
Line 1: | Line 1: | ||
- | + | {{Template:UCSF}} | |
+ | <html> | ||
- | |||
- | |||
- | |||
- | + | <link rel="stylesheet" type="text/css" href="https://2011.igem.org/Team:Queens_Canada/fonts?action=raw&ctype=text/css"/> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
+ | <head> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | + | <script language="JavaScript1.1"> | |
+ | <!-- | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | + | var newwindow=1 //open links in new window? 1=yes, 0=no | |
- | <!--- The | + | 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(1,125); slideMenu.build('sm',400,10,10,0)"> | ||
+ | <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>This year, the UCSF iGEM team will research how to develop artificial biofilms via yeast cell surface display. Our team will be working with the non-pathogenic yeast strain S. Cerevisiae. Our goal is to be able to control the forming of biofilms by the yeast cells. Many species of yeast and bacteria readily form biofilms as a means of survival. These biofilms are composed of cells that aggregate to each other or to a surface. This year, the UCSF iGEM team has researched how to develop artificial biofilms via yeast cell surface display. We are synthetically engineering S. cerevisiae to form biofilm-like interactions that we can control by inducing display of adhesive proteins on the surface. The surface display system that we are using takes advantage of the natural yeast mating receptors, Aga1 and Aga2. We have chosen adhesive proteins from a variety of other organisms in order to create a range of interactions between the cells. The synthetic cell adhesion and interactions we are creating can serve as a model for biofilm formation and other types of cell-cell adhesion. </regulartext><p> | ||
+ | |||
+ | |||
+ | <regulartext> Learn more about <span class="classgreent"><a href="2011.igem.org/Team:UCSF">biofilms</a><span>, check out our <span class="classgreent"><a href="2011.igem.org/Team:UCSF">project description </a><span>or see awesome <span class="classgreent"><a href="2011.igem.org/Team:UCSF">pictures </a><span>from this summer! </regulartext> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div id="mediaright"> | ||
+ | <div id="left" style="float:left;"> | ||
+ | <h3orange>Photo Gallery</h3orange><p> | ||
+ | <div id="cesc" style="width:495px; height:320px;"> | ||
+ | |||
+ | <p>Slideshow of pictures coming soon!</p> | ||
+ | |||
+ | </div> | ||
+ | <script src="http://widgets.twimg.com/j/2/widget.js"></script> | ||
+ | |||
+ | <script type="text/javascript" src="http://api.flickrshow.com/v7/flickrshow.js"></script> | ||
+ | <script type="text/javascript"> | ||
+ | var cesc = new flickrshow('cesc', { | ||
+ | 'autoplay':true, | ||
+ | 'hide_buttons':false, | ||
+ | 'interval':4000, | ||
+ | 'set':'72157626977788082' | ||
+ | }); | ||
+ | </script> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div id="medialeft"> | ||
+ | <h3orange>Header</h3orange><p> | ||
+ | <div id="right" style="float:right;"> | ||
+ | |||
+ | |||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | <div id="rightcontenttext"> | ||
+ | |||
+ | |||
+ | <h3green>Special Thanks to Our Sponsors! </h3green><p> | ||
+ | <regulartext> Click <span class="classgreent"><a href="link">here</a><span> to see our I'm not really sure what yet.<p> </regulartext> | ||
+ | |||
+ | |||
+ | |||
+ | <div id="goldsilver"> | ||
+ | <h3orange1> More</h3orange1> <p> | ||
+ | |||
+ | |||
+ | <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> |
Revision as of 04:02, 16 September 2011
Slideshow of pictures coming soon!