Team:UCSF

From 2011.igem.org

(Difference between revisions)
(Prototype team page)
 
(43 intermediate revisions not shown)
Line 1: Line 1:
-
<!-- *** What falls between these lines is the Alert Box!  You can remove it from your pages once you have read and understood the alert *** -->
+
{{Template:UCSF}}
<html>
<html>
-
<div id="box" style="width: 700px; margin-left: 137px; padding: 5px; border: 3px solid #000; background-color: #fe2b33;">
+
 
-
<div id="template" style="text-align: center; font-weight: bold; font-size: large; color: #f6f6f6; padding: 5px;">
+
 
-
This is a template page. READ THESE INSTRUCTIONS.
+
<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>
</div>
-
<div id="instructions" style="text-align: center; font-weight: normal; font-size: small; color: #f6f6f6; padding: 5px;">
+
 
-
You are provided with this team page template with which to start the iGEM season.  You may choose to personalize it to fit your team but keep the same "look." Or you may choose to take your team wiki to a different level and design your own wiki.  You can find some examples <a href="https://2009.igem.org/Help:Template/Examples">HERE</a>.
+
 
 +
  <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>
-
<div id="warning" style="text-align: center; font-weight: bold; font-size: small; color: #f6f6f6; padding: 5px;">
+
<div id="rightcontentno">
-
You <strong>MUST</strong> have a team description page, a project abstract, a complete project description, a lab notebook, and a safety page.  PLEASE keep all of your pages within your teams namespace. 
+
 
</div>
</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>
-
</html>
 
-
<!-- *** End of the alert box *** -->
 
 +
<div id="mediaright">
 +
<div id="left" style="float:left;">
 +
<h3orange>Photo Gallery</h3orange><p>
 +
<div id="cesc" style="width:400px; height:320px;">
-
{|align="justify"
+
<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>
-
|You can write a background of your team here. Give us a background of your team, the members, etc. Or tell us more about something of your choosing.
+
-
|[[Image:UCSF_logo.png|200px|right|frame]]
+
-
|-
+
-
|
+
-
''Tell us more about your project. Give us background. Use this as the abstract of your project. Be descriptive but concise (1-2 paragraphs)''
+
-
|[[Image:UCSF_team.png|right|frame|Your team picture]]
+
-
|-
+
-
|
+
-
|align="center"|[[Team:UCSF | Team Example]]
+
-
|}
+
-
<!--- The Mission, Experiments --->
+
</div>
-
{| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
+
 
-
!align="center"|[[Team:UCSF|Home]]
+
 
-
!align="center"|[[Team:UCSF/Team|Team]]
+
</div>
-
!align="center"|[https://igem.org/Team.cgi?year=2011&team_name=UCSF Official Team Profile]
+
</div>
-
!align="center"|[[Team:UCSF/Project|Project]]
+
<div id="mediaright">
-
!align="center"|[[Team:UCSF/Parts|Parts Submitted to the Registry]]
+
<h3orange>Media</h3orange><p>
-
!align="center"|[[Team:UCSF/Modeling|Modeling]]
+
<div id="left" style="float:left;">
-
!align="center"|[[Team:UCSF/Notebook|Notebook]]
+
<center>
-
!align="center"|[[Team:UCSF/Safety|Safety]]
+
<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>
-
!align="center"|[[Team:UCSF/Attributions|Attributions]]
+
 
-
|}
+
 
 +
</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

Hello There! Click here to see our Google Site!
Welcome!

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 S. cerevisiae 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.

Photo Gallery

Media

Visit our Extras page for our 2011 Team Video and hear San Francisco Mayor Ed Lee talk about his visit to our lab!

Special Thanks to Our Sponsors!