Team:UCSF

From 2013.igem.org

(Difference between revisions)
 
(40 intermediate revisions not shown)
Line 1: Line 1:
-
 
+
{{Template:UCSF/MainHeader}}
-
<html dir="ltr" lang="en-gb" xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-gb">
+
{{Template:UCSF/SlideShow}}
 +
<html>
<head>
<head>
-
  <base href="http://igem.ucsf.edu/" />
+
<!--CSS styles: global-->
-
  <meta http-equiv="content-type" content="text/html; charset=utf-8" />
+
<style type="text/css">
-
  <meta name="author" content="Super User" />
+
/***
-
  <meta name="generator" content="Joomla! - Open Source Content Management" />
+
Minimal header: removes the search bar and header image and readjusts font colours in the menus.
-
  <title>UCSF iGEM</title>
+
-
  <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>
+
-
  <script src="/media/system/js/mootools-more.js" type="text/javascript"></script>
+
-
  <script type="text/javascript">
+
-
window.addEvent('load', function() {
+
-
new JCaption('img.caption');
+
-
});
+
-
  </script>
+
-
<link rel="stylesheet" href="/templates/system/css/system.css" type="text/css" />
+
Thanks a lot to the 2011 Brown-Stanford and 2012 Lethbridge iGEM teams for snippets of their code!
-
<link rel="stylesheet" href="/templates/system/css/general.css" type="text/css" />
+
Check out their wikis at:
-
<link rel="stylesheet" type="text/css" href="/templates/igema1/css/template.css" media="screen" />
+
https://2011.igem.org/Team:Brown-Stanford
-
<!--[if IE 6]><link rel="stylesheet" href="/templates/igema1/css/template.ie6.css" type="text/css" media="screen" /><![endif]-->
+
https://2012.igem.org/Team:Lethbridge
-
<!--[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="cleared reset-box"></div>
+
#content h1.firstHeading {
-
<div class="art-layout-wrapper">
+
visibility:hidden;
-
     <div class="art-content-layout">
+
}
-
        <div class="art-content-layout-row">
+
#p-logo {
-
<div class="art-layout-cell art-content">
+
display: none;
 +
}
 +
#searchform {
 +
     display: none;
 +
}
-
<div class="item-page"><div class="art-box art-post">
+
.left-menu {
-
    <div class="art-box-body art-post-body">
+
background-color: #555;
-
<div class="art-post-inner">
+
-
<div class="art-postcontent">
+
}
-
<div class="art-article"><h1 style="color: #753a75; text-align: center;"><span style="font-size: large; color: #660033; font-family: arial,helvetica,sans-serif;"><big><big>Welcome!</big></big></span></h1>
+
.left-menu a {
-
<p style="color: #336666; text-align: center;"><span style="color: #660099; font-family: arial,helvetica,sans-serif; font-size: medium;"><big>UCSF iGEM is an exciting partnership between researchers at UCSF and the San Francisco Unified School District. It offers talented young biologists the opportunity to have an authentic and unique experience in research--one that emphasizes and encourages collaboration, communication, critical thinking and creativity.</big></span></p>
+
    color: #000;
-
<p style="color: #336666; text-align: justify;"><span style="font-family: arial,helvetica,sans-serif;"> </span></p>
+
}
-
<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>
+
-
<p style="text-align: center;"><span style="font-size: large; color: #660033; font-family: arial,helvetica,sans-serif;">and</span></p>
+
-
<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>
+
-
<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>
+
-
<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 class="cleared"></div>
+
div#top-section{ /*the div containing the entire top bar*/
-
    </div>
+
height: 20px;
-
</div>
+
margin-bottom: 0px !important;
-
</div>
+
border: none;
-
  <div class="cleared"></div>
+
}
-
</div>
+
-
        </div>
 
-
    </div>
 
-
</div>
 
-
<div class="cleared"></div>
 
 +
#content{
 +
margin-top: 0px;
 +
}
-
<div class="art-footer">
+
#search-controls {
-
    <div class="art-footer-body">
+
overflow:hidden;
-
                        <div class="art-footer-text">
+
display:none;
-
                                        <p><a href="#"></a> | <a href="#"></a> | <a href="#"></a></p><p>UCSF Copyright © 2011. All Rights Reserved.</p>
+
background: none;
 +
position: absolute;
 +
top: 170px;
 +
right: 40px;
 +
}
-
                                                        </div>
 
-
        <div class="cleared"></div>
 
-
    </div>
 
-
</div>
 
-
    <div class="cleared"></div>
+
div#header {
-
    </div>
+
width: 975px;
-
</div>
+
text-align: left;
-
<div class="cleared"></div>
+
margin-left: auto;
-
<p class="art-page-footer"><a href="/" target="_blank"></a></p>
+
margin-right: auto;
 +
margin-bottom: 0px !important;
 +
} 
-
    <div class="cleared"></div>
+
#menubar {
-
</div>
+
position: absolute;
 +
background: none;
 +
color: black;
 +
}
-
</body>
+
.left-menu, .right-menu{
-
</html>
+
position: absolute;
 +
background: none;
 +
color: black;
 +
}
 +
.left-menu li a, .right-menu li a {
 +
color: #000 !important;
 +
}
-
<!-- *** What falls between these lines is the Alert Box!  You can remove it from your pages once you have read and understood the alert *** -->
 
-
<html>
+
.left-menu ul li, .right-menu ul li a{
-
<div id="box" style="width: 700px; margin-left: 137px; padding: 5px; border: 3px solid #000; background-color: #fe2b33;">
+
background: none;
-
<div id="template" style="text-align: center; font-weight: bold; font-size: large; color: #f6f6f6; padding: 5px;">
+
color: #000 !important;
-
This is a template page. READ THESE INSTRUCTIONS.
+
}
 +
 
 +
.left-menu li a:hover, .right-menu li a:hover, .right-menu li a:visited, .right-menu li a:active {
 +
    color: #000 !important;
 +
}
 +
 
 +
#catlinks{
 +
display:none;
 +
}
 +
 
 +
/*important for background colours*/
 +
.mediawiki{
 +
background: #ffffff;
 +
}
 +
 
 +
/***End minimal header***/
 +
 
 +
/*Base styles*/
 +
#content{
 +
border: none;
 +
}
 +
h1, h2,h3, h4, #css-full, #css-mobi{
 +
font-family: Myriad Pro, Gill Sans MT, Trebuchet MS, Arial, Sans-Serif;
 +
border: 0;
 +
}
 +
 
 +
p, div.thumb div div.thumbcaption{
 +
font-family: Calibri, Sans-Serif;
 +
font-weight: normal;
 +
color: black;
 +
margin-bottom: 0px;
 +
padding-left: 5px;
 +
}
 +
 
 +
#css-full, #css-mobi{
 +
position: absolute;
 +
float: right;
 +
color: black;
 +
font-size: 1.3em;
 +
top: 0px;
 +
right: 15px;
 +
display: block;
 +
padding: 10px;
 +
}
 +
 
 +
#jsnotice{
 +
background-color: #4ED92F;
 +
}
 +
 
 +
#table{
 +
margin: 10px;
 +
}
 +
 
 +
#textlink a:link,
 +
a:visited{
 +
font-family: Calibri, Sans-Serif;
 +
font-weight: normal;
 +
color: #008000;
 +
text-decoration:none;
 +
}
 +
 
 +
#textlink a:hover,
 +
a:active{
 +
font-family: Calibri, Sans-Serif;
 +
font-weight: normal;
 +
color: #008000;
 +
text-decoration:underline;
 +
}
 +
 
 +
/*======
 +
Desktop Styling
 +
======*/
 +
 +
/***Body styling***/
 +
h1{
 +
font-size: 2.5em;
 +
}
 +
h2{
 +
font-size: 1.7em;
 +
        line-height: 1.2em;
 +
}
 +
h3{
 +
font-size: 1.7em;
 +
}
 +
 
 +
#box1{
 +
width: 980px;
 +
margin-top: 10px;
 +
background: #fffff;
 +
float: left;
 +
padding-bottom: 20px;
 +
margin-bottom: 5px;
 +
}
 +
#box1 p{
 +
font-size: 1.2em;
 +
}
 +
 
 +
#UCSFLogo{
 +
display: block;
 +
float: left;
 +
width: 250px;
 +
height:200px;
 +
background: url('https://static.igem.org/mediawiki/2013/6/6b/UCSF2013_Logonew.png');
 +
background-position: top;
 +
margin: 40px;
 +
}
 +
 +
/*Floatbox styling*/
 +
.floatbox
 +
              {
 +
                    width:980px;
 +
                    float:left;
 +
                    background-color: #fffff;
 +
                    margin-top: 10px;
 +
                    padding-bottom: 0px;
 +
                    margin-bottom: 0px;
 +
                    text-align:justify;
 +
              }
 +
 
 +
/*Showbox Styling*/
 +
 
 +
      .showbox tr:first-child td { 
 +
          border-top: 0px;
 +
          padding-top: 1px
 +
      }
 +
      .showbox tr:last-child td {
 +
          border-bottom: 0px;
 +
          padding-bottom: 1px
 +
      }
 +
      .showbox tr td:first-child {
 +
          border-left: 0px;
 +
          padding-left: 1px;
 +
      }
 +
      .showbox tr td:last-child {
 +
          border-right: 0px;
 +
          padding-right: 1px;
 +
      }
 +
 
 +
      .showbox {
 +
          margin-top: -18px;   
 +
          background:none;
 +
          color:#ffffff;
 +
          vertical-align:baseline;
 +
          border-collapse:collapse;
 +
          }
 +
      .showbox td {
 +
          margin-top: -18px;         
 +
          background:none;
 +
          border:none;
 +
          padding:10px;
 +
          width:50%;
 +
          }
 +
      .showbox p {
 +
          text-align:top;
 +
          color:black;
 +
          margin:0px;
 +
          font-size: 1.25em;
 +
          }
 +
      .showbox img {
 +
          height:150px;
 +
          width:180px;
 +
          float:left;
 +
          border-radius:4px;
 +
          margin-top:10px;
 +
          margin-right:10px;
 +
          }
 +
      a:hover {
 +
          text-decoration:none;
 +
          }
 +
 
 +
  /*end showboxstyling */ 
 +
 
 +
</style>
 +
</head>
 +
 
 +
<body>
 +
<!--Abstract-->
 +
<div id="box1" align="justify">
 +
<a id="UCSFLogo">
 +
</a>
 +
<h2><center>Operation CRISPR: Deploying precision guided tools to target unique species in a complex microbiome</h2></center> <p>
 +
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>
</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>.
+
<div class="line">
 +
<br>
</div>
</div>
-
<div id="warning" style="text-align: center; font-weight: bold; font-size: small; color: #f6f6f6; padding: 5px;">
 
-
You <strong>MUST</strong> have all of the pages listed in the menu below with the names specified. PLEASE keep all of your pages within your teams namespace. 
 
-
</div>
 
-
</div>
 
-
</html>
 
-
<!-- *** End of the alert box *** -->
+
<!--Project Box-->
 +
<div class="floatbox">
 +
<table class="showbox">
 +
<tr>
 +
              <td>
 +
                    <div><a href="https://2013.igem.org/Team:UCSF/About_Us">
 +
<img src="https://static.igem.org/mediawiki/2013/2/29/2013UCSF_MainBox_Team.jpg" class="blur"></a>
 +
</div>
 +
                    <a href="https://2013.igem.org/Team:UCSF/About_Us"><h3>Team</h3></a>
 +
                    <p>Meet our dedicated team of under-graduates who conceived of, planned, and carried out the whole project.</p></a>
 +
              </td>
 +
             
 +
<td>
 +
              <a href="https://2013.igem.org/Team:UCSF/Project/Background"><img src="https://static.igem.org/mediawiki/2013/c/c2/UCSF2013_MainBox_Project-1.jpg" class="blur"></a>
 +
              <a href="https://2013.igem.org/Team:UCSF/Project/Background"><h3>Project</h3></a>
 +
                    <p>Discover our precision guided tools to target unique species in a complex microbiome and our groundwork for transferring large circuits that enable complex functionality and decision-making in cells.</p>           
 +
</td>       
 +
</tr>
 +
<tr>
 +
            <td>
 +
                    <a href="https://2013.igem.org/Team:UCSF/Modeling">
 +
<img src="https://static.igem.org/mediawiki/2013/a/af/UCSF2013_MainBox_Modeling-1.jpg" class="blur" />
 +
<!--img src="https://static.igem.org/mediawiki/2013/9/97/UCD_2013_HO_Button.jpg" class="blur"--></a>
 +
                    <a href="https://2013.igem.org/Team:UCSF/Modeling"><h3>Modeling</h3></a>
 +
                    <p>Take a look at how we use mathematical modeling to facilitate the design and construct of our project.                    </p>
 +
              </td>
 +
<td>
 +
              <a href="https://2013.igem.org/Team:UCSF/Exploratorium"><img src="https://static.igem.org/mediawiki/2013/7/7c/UCSF2013_MainBox_HP.jpg" class="blur"</a>
 +
              <a href="https://2013.igem.org/Team:UCSF/Exploratorium"><h3>Human Practice</h3></a>
 +
                    <p>Examine how we teach Synthetic Biology to the general public through night event at Exploratorium and to high school students through a collaboration with Lincoln High School.</p>
 +
              </td>   
 +
      </tr>
 +
</table>
-
{|align="justify"
+
</div>
-
|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 UCSF]]
+
-
|}
+
-
<!--- The Mission, Experiments --->
 
-
{| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
+
<!--Sponsors-->
-
!align="center"|[[Team:UCSF|Home]]
+
<div id="box1" align="justify">
-
!align="center"|[[Team:UCSF/Team|Team]]
+
<br>
-
!align="center"|[https://igem.org/Team.cgi?year=2013&team_name=UCSF Official Team Profile]
+
<h2><center>Special Thanks to Our 2013 iGEM Team Sponsors!</h2></center>
-
!align="center"|[[Team:UCSF/Project|Project]]
+
<center><img style="margin-top:20px; width: 500px; padding:5;"src="https://dl.dropbox.com/u/24404809/iGEM%202012/igem%202012%20website%20photos/Logos/2012%20Sponsors.jpg" usemap="#sponsor">
-
!align="center"|[[Team:UCSF/Parts|Parts Submitted to the Registry]]
+
<map name="sponsor">
-
!align="center"|[[Team:UCSF/Modeling|Modeling]]
+
              <area shape="rect" coords="0,0,200,100" href="http://www.lifetechnologies.com/us/en/home.html" />
-
!align="center"|[[Team:UCSF/Notebook|Notebook]]
+
              <area shape="rect" coords="200,0,450,100" href="http://systemsbiology.ucsf.edu/" />
-
!align="center"|[[Team:UCSF/Safety|Safety]]
+
              <area shape="rect" coords="0,95,180,200" href="http://www.qb3.org/" />
-
!align="center"|[[Team:UCSF/Attributions|Attributions]]
+
              <area shape="rect" coords="180,95,495,200" href="http://www.synberc.org/" />
-
|}
+
</map>
 +
</center>
 +
</p>
 +
<br>
 +
</div>
 +
 
 +
</html>

Latest revision as of 16:41, 28 October 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.


Team

Meet our dedicated team of under-graduates who conceived of, planned, and carried out the whole project.

Project

Discover our precision guided tools to target unique species in a complex microbiome and our groundwork for transferring large circuits that enable complex functionality and decision-making in cells.

Modeling

Take a look at how we use mathematical modeling to facilitate the design and construct of our project.

Human Practice

Examine how we teach Synthetic Biology to the general public through night event at Exploratorium and to high school students through a collaboration with Lincoln High School.

Special Thanks to Our 2013 iGEM Team Sponsors!


Retrieved from "http://2013.igem.org/Team:UCSF"