Team:UCSF

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
-
{{Template:UCSF}}
+
{{Template:UCSF/MainHeader}}
-
 
+
{{Template:UCSF/SlideShow}}
-
<html dir="ltr" lang="en-gb" xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-gb">
+
<html>
<head>
<head>
-
  <base href="https://2013.igem.org/wiki/index.php?title=Team:UCSF" />
+
<!--CSS styles: global-->
-
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
+
<link rel='stylesheet' type='text/css' href="https://2012.igem.org/Team:Calgary/static/basicpageglobal.css?action=raw&ctype=text/css" />
-
  <meta name="author" content="Super User" />
+
<style>
-
  <meta name="generator" content="Joomla! - Open Source Content Management" />
+
/*======
-
  <title>UCSF iGEM</title>
+
Desktop Styling
-
  <script src="/media/system/js/mootools-core.js" type="text/javascript"></script>
+
======*/
-
  <script src="/media/system/js/core.js" type="text/javascript"></script>
+
-
  <script src="/media/system/js/caption.js" type="text/javascript"></script>
+
/***Body styling***/
-
  <script src="/media/system/js/mootools-more.js" type="text/javascript"></script>
+
h1{
-
  <script type="text/javascript">
+
font-size: 2.5em;
-
window.addEvent('load', function() {
+
}
-
new JCaption('img.caption');
+
h2{
-
});
+
font-size: 1.8em;
-
  </script>
+
}
-
<link rel="stylesheet" href="/templates/system/css/system.css" type="text/css" />
+
-
<link rel="stylesheet" href="/templates/system/css/general.css" type="text/css" />
+
-
<link rel="stylesheet" type="text/css" href="/templates/igema1/css/template.css" media="screen" />
+
-
<!--[if IE 6]><link rel="stylesheet" href="/templates/igema1/css/template.ie6.css" type="text/css" media="screen" /><![endif]-->
+
-
<!--[if IE 7]><link rel="stylesheet" href="/templates/igema1/css/template.ie7.css" type="text/css" media="screen" /><![endif]-->
+
-
<script type="text/javascript">if ('undefined' != typeof jQuery) document._artxJQueryBackup = jQuery;</script>
+
-
<script type="text/javascript" src="/templates/igema1/jquery.js"></script>
+
-
<script type="text/javascript">jQuery.noConflict();</script>
+
-
<script type="text/javascript" src="/templates/igema1/script.js"></script>
+
-
<script type="text/javascript">if (document._artxJQueryBackup) jQuery = document._artxJQueryBackup;</script>
+
-
</head>
+
-
<div class="art-layout-wrapper">
+
#box1{
-
    <div class="art-content-layout">
+
width: 980px;
-
        <div class="art-content-layout-row">
+
margin-top: -8px;
-
<div class="art-layout-cell art-content">
+
background: #fffff;
 +
float: left;
 +
padding-bottom: 10px;
 +
margin-bottom: 5px;
 +
}
 +
#box1 h2{
 +
padding: 2px 2px 2px 2px;
 +
}
 +
#box1 p{
 +
padding: 0px 10px 0px 10px;
 +
font-size: 1.1em;
 +
}
-
<div class="item-page"><div class="art-box art-post">
+
#FredOscarFlag{
-
    <div class="art-box-body art-post-body">
+
display: block;
-
<div class="art-post-inner">
+
float: left;
-
<div class="art-postcontent">
+
width: 250px;
-
<br>
+
height:200px;
-
<p style="color: #336666; text-align: justify;"><span style="font-family: arial,helvetica,sans-serif;"> </span></p>
+
background: url('https://static.igem.org/mediawiki/2013/6/6b/UCSF2013_Logonew.png');
-
<p style="text-align: center;"><span style="font-family: arial,helvetica,sans-serif;"><span style="font-size: large; color: #660033;"><a href="https://www.facebook.com/pages/UCSF-iGEM-Alumni/290769630936213"><span style="color: #660033;"> Visit our</span></a></span><span style="font-size: large; color: #660033;"><a href="https://www.facebook.com/pages/UCSF-iGEM-Alumni/290769630936213"><span style="color: #660033;"> <span style="color: #0000ff;">Facebook Page</span></span></a></span></span></p>
+
background-position: top;
-
<p style="text-align: center;"><span style="font-size: large; color: #660033; font-family: arial,helvetica,sans-serif;">and</span></p>
+
margin: 40px;
-
<div align="center"><span style="font-family: arial,helvetica,sans-serif;"><span style="font-size: large; color: #660033;"><a class="twitter-follow-button" href="https://twitter.com/iGEM_UCSF" data-show-count="false"><span style="color: #660033;">Follow</span></a></span><span style="font-size: large; color: #660033;"><a class="twitter-follow-button" href="https://twitter.com/iGEM_UCSF" data-show-count="false"><span style="color: #660033;"> <span style="color: #0000ff;">@iGEM_UCSF</span></span></a></span></span></div>
+
}
 +
-
<div align="center"><span style="font-size: large; color: #660033; font-family: arial,helvetica,sans-serif;"><span style="color: #660033;"><span style="color: #0000ff;"> </span></span></span></div>
+
#box2{
 +
width: 968px;
 +
background: #C68DD8;
 +
float: left;
 +
margin-bottom: 13px;
 +
}
 +
#box2 h2{
 +
padding: 20px 20px 20px 20px;
 +
color: white;
 +
}
 +
#box2 p{
 +
padding: 0px 20px 0px 20px;
 +
font-size: 1.1em;
 +
color: white;
 +
}
 +
#box2 img{
 +
float: left;
 +
margin: 15px;
 +
height: 110px;
 +
}
 +
#box2:hover{
 +
background: #D79EE9;
 +
}
 +
 +
/***positioning of elements in ZE EPIC BOX***/
 +
#epicbox{
 +
margin-top: 4px;
 +
}
-
<br>
+
#boximgcontainer{
 +
float: left;
 +
width: 644px;
 +
height: 655px;
 +
}
 +
#boximgcontainer div{
 +
float: left;
 +
position: relative;
 +
}
 +
#orangebox{
 +
margin-bottom: 4px;
 +
}
 +
#orangebox .imgbox{
 +
width: 644px;
 +
height: 215px;
 +
top: 108px;
 +
background: #F6A82D;
 +
margin-bottom: 4px;
 +
}
 +
.oblank{
 +
width: 644px;
 +
height: 104px;
 +
background: #FFE485;
 +
position: relative;
 +
top: -219px;
 +
}
 +
#orangebox:hover .oblank, .oblank:hover{
 +
display: none;
 +
}
 +
#orangebox .iconcontainer{
 +
position: relative;
 +
display: none;
 +
left: auto;
 +
top: -219px;
 +
}
 +
.iconbox div, .iconbox{
 +
width: 104px;
 +
height: 104px;
 +
margin-right: 4px;
 +
}
 +
a.obox1 div{
 +
background: #FFD35A;
 +
}
 +
a.obox2 div{
 +
background: #FECC44;
 +
}
 +
a.obox3 div{
 +
background: #F8C22E;
 +
}
 +
a.obox4 div{
 +
background: #F8B32E;
 +
}
 +
a.obox5 div{
 +
background: #F6A82D;
 +
}
 +
a.obox6 div{
 +
background: #F39808;
 +
margin-right: 0;
 +
}
 +
#orangebox div:hover, #orangebox div.iconbox:hover div{
 +
background: #FFE44F;
 +
}
 +
#orangebox:hover .iconcontainer{
 +
display: block;
 +
background: transparent;
 +
}
 +
 +
 +
#greenbox .imgbox{
 +
width: 320px;
 +
height: 215px;
 +
background: #58CD45;
 +
}
 +
.gblank{
 +
width: 320px;
 +
height: 104px;
 +
background: #B6FFA3;
 +
position: relative;
 +
top: 219px;
 +
left: -320px;
 +
}
 +
#greenbox .iconcontainer{
 +
position: relative;
 +
margin-top: 4px;
 +
left: -999em;
 +
z-index: 1;
 +
}
 +
a.gbox1 div{
 +
background: #72E85B;
 +
}
 +
a.gbox2 div{
 +
background: #5BCD45;
 +
}
 +
a.gbox3 div{
 +
background: #4CC035;
 +
}
 +
a.gbox4 div{
 +
background: #44AF2F;
 +
}
 +
#greenbox div:hover, #greenbox div.iconbox:hover div{
 +
background: #94FF7D;
 +
z-index: 99; /*hovers are not overridden by OSCAR boxes*/
 +
}
 +
#greenbox:hover .gblank, .gblank:hover{
 +
display: none;
 +
}
 +
#greenbox:hover .iconcontainer{
 +
left: auto;
 +
background: transparent;
 +
}
 +
 +
#bluebox{
 +
position: relative;
 +
top: -323px;
 +
left: 320px;
 +
}
 +
#bluebox .imgbox{
 +
width: 320px;
 +
height: 215px;
 +
background: #5BB5E8;
 +
margin-left: 4px;
 +
}
 +
.bblank{
 +
width: 320px;
 +
height: 104px;
 +
background: #C5F0F0;
 +
position: relative;
 +
top: 219px;
 +
left: -320px;
 +
z-index: 0;
 +
}
 +
#bluebox .iconcontainer{
 +
position: relative;
 +
margin-top: 4px;
 +
left: -999em;
 +
z-index: 0;
 +
}
 +
a.bbox1 div{
 +
background: #1574AA;
 +
}
 +
a.bbox2 div{
 +
background: #2580B3;
 +
}
 +
a.bbox3 div{
 +
background: #3285B4;
 +
}
 +
a.bbox4 div{
 +
background: #4292BF;
 +
}
 +
a.bbox5 div{
 +
background: #50A2D0;
 +
}
 +
a.bbox6 div{
 +
background: #5BB5E8;
 +
margin: 0;
 +
}
 +
#bluebox div:hover, #bluebox .iconbox:hover div{
 +
background: #7DD7FF;
 +
z-index: 99; /*hovers are not overridden by FRED boxes*/
 +
}
 +
#bluebox:hover .bblank, .bblank:hover{
 +
display: none;
 +
}
 +
#bluebox:hover .iconcontainer{
 +
left: -212px;
 +
background: transparent;
 +
}
 +
 +
#boxinfo{
 +
float: right;
 +
position: relative;
 +
width: 320px;
 +
left: 3px;
 +
background: #555555;
 +
height: 650px;
 +
margin-bottom: 12px;
 +
}
 +
#boxinfo h2{
 +
color: white;
 +
padding: 20px 20px 0px;
 +
}
 +
#boxinfo p{
 +
color: white;
 +
padding: 10px 20px 20px;
 +
font-size: 1.2em;
 +
}
 +
/*initial boxinfo appearance settings*/
 +
#boxinfo div.orangebox, #boxinfo div.obox1, #boxinfo div.obox2, #boxinfo div.obox3, #boxinfo div.obox4, #boxinfo div.obox5, #boxinfo div.obox6{
 +
display: none;
 +
}
 +
#boxinfo div.greenbox, #boxinfo div.gbox1, #boxinfo div.gbox2, #boxinfo div.gbox3, #boxinfo div.gbox4,
 +
#boxinfo div.bluebox, #boxinfo div.bbox1, #boxinfo div.bbox2, #boxinfo div.bbox3, #boxinfo div.bbox4, #boxinfo div.bbox5{
 +
position: relative;
 +
padding-top: 320px;
 +
display: none;
 +
}
 +
/*bold colours for FRED and OSCAR*/
 +
#boxinfo div.greenbox b{
 +
color: #72E85B;
 +
}
 +
#boxinfo div.bluebox b{
 +
color: #5EB7F0;
 +
}
 +
.threeboxes{
 +
clear: both;
 +
position: relative;
 +
width: 968px;
 +
margin-bottom: 12px;
 +
}
 +
.threeboxes a, .threeboxes a div{
 +
width: 320px;
 +
height: 155px;
 +
float: left;
 +
margin-bottom: 12px;
 +
}
 +
.threeboxes div h2{
 +
padding: 20px 20px 0px;
 +
position: relative;
 +
top: -155px;
 +
}
 +
.threeboxes div p{
 +
padding: 0px 20px;
 +
position: relative;
 +
top: -155px;
 +
}
 +
#greybox1, #greybox6{
 +
margin-right: 4px;
 +
background: #58CD45;
 +
}
 +
#greybox1:hover, #greybox6:hover{
 +
background: #94FF7D;
 +
}
 +
#greybox2, #greybox5{
 +
margin-right: 4px;
 +
background: #5BB5E8;
 +
}
 +
#greybox2:hover, #greybox5:hover{
 +
background: #7DD7FF;
 +
}
 +
#greybox3, #greybox4{
 +
margin: 0;
 +
background: #F6A82D;
 +
}
 +
#greybox3:hover, #greybox4:hover{
 +
background: #FFE44F;
 +
}
 +
 +
#sponsorsbox{
 +
clear: both;
 +
position: relative;
 +
width: 968px;
 +
margin: 4px 0px;
 +
background: #EEEEEE;
 +
}
 +
#sponsorsbox h2{
 +
padding: 20px 20px 0px 20px;
 +
}
 +
#sponsorsbox p{
 +
padding: 0px 20px;
 +
}
 +
#sponsorsbox table{
 +
width: 950px;
 +
margin-left: auto;
 +
margin-right: auto;
 +
background: #EEEEEE;
 +
}
 +
#sponsorsbox td{
 +
padding: 15px 0px;
 +
width: 300px;
 +
}
 +
#sponsorsbox img{
 +
display: block;
 +
margin-right: auto;
 +
margin-left: auto;
 +
}
-
<div align="center"><span style="font-size: large; color: #660033; font-family: arial,helvetica,sans-serif;"><span style="color: #660033;"><span style="color: #0000ff;"><img src="https://dl.dropbox.com/u/24404809/iGEM%202012/igem%202012%20website%20photos/extra/photo%20page/IMG_4513.JPG" border="0" style="width: 405px; margin-top: -3px; padding: 0px; display: block; margin-left: auto; margin-right: auto; vertical-align: middle;" /></span></span></span></div>
+
</style>
 +
</head>
 +
<body>
-
<br><br><br>
+
<div id="box1" align="justify">
-
<span style="font-size: large; color: #000000; font-family: arial,helvetica,sans-serif;"><span style="color: #000000"><span style="color:#000000;">
+
<a id="FredOscarFlag">
-
<br><br><div align="center"><b>ABSTRACT</b></div>
+
</a>
-
<br><br>
+
<h2><center>Operation CRISPR: Deploying precision guided tools to target unique species in a complex microbiome</h2></center>
-
<div align="left">
+
<h4>In microbial communities, bacterial populations are commonly controlled using indiscriminate, broad range antibiotics. There are few ways to target specific strains effectively without disrupting the entire microbiome and local environment. The goal of our project is to take advantage of a natural horizontal gene transfer mechanism in bacteria to precisely affect gene expression in selected strains. We combine bacterial conjugation with CRISPRi, an RNAi-like repression system developed from bacteria, to regulate gene expression in targeted strains within a complex microbial community. One possible application is to selectively repress pathogenic genes in a microbiome, leaving the community makeup unaffected. In addition, we use CRISPRi to lay the groundwork for transferring large circuits that enable complex functionality and decision-making in cells. </p></h4>
-
In microbial communities, bacterial populations are commonly controlled using indiscriminate, broad range antibiotics. There are few ways to target specific strains effectively without disrupting the entire microbiome and local environment. The goal of our project is to take advantage of a natural horizontal gene transfer mechanism in bacteria to precisely affect gene expression in selected strains. We combine bacterial conjugation with CRISPRi, an RNAi-like repression system developed from bacteria, to achieve targeted control of gene expression within a complex microbial community. One possible application is to selectively repress pathogenic genes in a microbiome, leaving the community makeup unaffected. In addition, we use CRISPRi to lay the groundwork for transferring large circuits that enable complex functionality and decision-making in cells.
+
-
<br><br><br>
+
-
</span></span></span></div>
+
-
<div align="center">
 
-
<p style="color: #480048; text-align: center;" align="center"><span style="font-size: medium; color: #660033; font-family: arial,helvetica,sans-serif;"><strong> </strong></span></p>
 
-
<p style="color: #480048; text-align: center;" align="center"><span style="font-size: medium; color: #660033; font-family: arial,helvetica,sans-serif;"><strong>*UCSF iGEM in the NEWS*</strong></span></p>
 
-
<p style="color: #480048; text-align: center;" align="center"><span style="font-size: medium; color: #660099; font-family: arial,helvetica,sans-serif;"><a href="http://www.ucsf.edu/news/2011/11/10992/lincoln-high-ucsf-team-brings-home-gold-synthetic-biology-contest"><span style="color: #660099;">UCSF iGEM Brings Home the Gold in 2011</span></a><strong><br /></strong></span></p>
 
-
<p style="color: #480048; text-align: center;" align="center"><span style="font-size: medium; color: #660099; font-family: arial,helvetica,sans-serif;"><span style="font-size: medium;"><a href="http://www.sfgate.com/cgi-bin/article.cgi?file=/c/a/2008/09/05/BU3O12KEQO.DTL" target="_blank"><span style="color: #660099;">UCSF iGEM 2008 in the SF Chronicle</span></a></span></span></p>
 
-
<p style="color: #480048; text-align: center;"><span style="font-size: medium; color: #660099; font-family: arial,helvetica,sans-serif;"><a href="http://www.sfgate.com/cgi-bin/article.cgi?f=/c/a/2007/11/17/MN4KTCC44.DTL&amp;hw=UCSF&amp;sn=008&amp;sc=903" target="_blank"><span style="color: #660099;">SF Chronicle on UCSF iGEM 2007!</span></a></span></p>
 
-
<p style="color: #480048; text-align: center;"><span style="font-size: medium; color: #660099; font-family: arial,helvetica,sans-serif;"><a href="http://www.nytimes.com/2007/11/18/technology/18ping.html?ref=business" target="_blank"><span style="color: #660099;">NYTimes Article: iGEM &amp; Science at Lincoln High</span></a></span></p>
 
-
<p style="color: #480048; text-align: center;"><span style="font-family: arial,helvetica,sans-serif; color: #660099;"> </span></p>
 
-
<p style="color: #480048; text-align: center;"><span style="font-size: medium; font-family: arial,helvetica,sans-serif;"> </span></p>
 
-
<p style="color: #480048; text-align: center;"><span style="font-size: medium; color: #660033; font-family: arial,helvetica,sans-serif;"><strong>*Videos*</strong></span></p>
 
-
<p style="color: #480048; text-align: center;"><span style="font-size: medium; color: #660099; font-family: arial,helvetica,sans-serif;"><a href="http://vimeo.com/28369452"><span style="color: #660099;">UCSF iGEM 2011 - with SF Mayor Ed Lee! </span></a><strong><br /></strong></span></p>
 
-
<p style="color: #000000; text-align: center;"><span style="font-size: medium; color: #660099; font-family: arial,helvetica,sans-serif;"><a href="http://www.youtube.com/watch?v=Fu33yElde4o"><span style="color: #660099;">iGEM at UCSF</span></a></span></p>
 
-
<p style="color: #000000; text-align: center;"><span style="font-size: medium; color: #660099;"><a href="http://www.youtube.com/watch?v=YXqWEHL7JRo"><span style="color: #660099;">UCSF iGEM Finalist 2007</span></a></span></p>
 
-
</div></div>
 
-
</div>
 
-
<div class="cleared"></div>
 
</div>
</div>
 +
<center>
 +
<h2>Special Thanks to our 2013 iGEM Team Sponsors!</h2>
 +
<img style="margin-bottom:0px; width: 500px; padding:2;" src="https://dl.dropbox.com/u/24404809/iGEM%202012/igem%202012%20website%20photos/Logos/2012%20Sponsors.jpg">
 +
<br></center><p>
 +
 +
<!-- Links -->
 +
<div id="SponsorLinks">
 +
    <map name="ucsfnosearch" id="ucsfnosearch">
 +
      <area shape="rect" alt="UCSF home page" coords="38,3,84,27" href="http://www.ucsf.edu/" />
 +
      <area shape="rect" alt="UCSF home page" coords="93,11,288,19" href="http://www.ucsf.edu/" />
 +
      <area shape="rect" alt="About UCSF" coords="306,11,368,19" href="http://www.ucsf.edu/about_ucsf/" />
 +
 +
      <area shape="rect" alt="UCSF Medical Center" coords="387,11,498,19" href="http://www.ucsfhealth.org/" />
 +
    </map>
-
</div>
 
-
</div>
 
</html>
</html>

Revision as of 03:43, 27 September 2013

UCSF Home

UCSF iGEM 2013 Group Photo
Brainstorming project ideas during our second week of Bootcamp
Presenting a poster at the UCSF Center for Systems and Synthetic Biology retreat
Having a skype meeting with one of our mentors!
Human Practices: Speaking about Synthetic Biology at the SF Exploratorium
Having fun outside of the lab making ice cream with dry ice

Operation CRISPR: Deploying precision guided tools to target unique species in a complex microbiome

In microbial communities, bacterial populations are commonly controlled using indiscriminate, broad range antibiotics. There are few ways to target specific strains effectively without disrupting the entire microbiome and local environment. The goal of our project is to take advantage of a natural horizontal gene transfer mechanism in bacteria to precisely affect gene expression in selected strains. We combine bacterial conjugation with CRISPRi, an RNAi-like repression system developed from bacteria, to regulate gene expression in targeted strains within a complex microbial community. One possible application is to selectively repress pathogenic genes in a microbiome, leaving the community makeup unaffected. In addition, we use CRISPRi to lay the groundwork for transferring large circuits that enable complex functionality and decision-making in cells.

Special Thanks to our 2013 iGEM Team Sponsors!