Team:Berkeley

From 2012.igem.org

(Difference between revisions)
 
(389 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 *** -->
+
{{Team:Berkeley/header}}
 +
{{Team:Berkeley/navigation}}
 +
{{Team:Berkeley/css}}
-
<html>
+
<html xmlns="http://www.w3.org/1999/xhtml">
-
<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;">
+
<div id="fb-root"></div>
-
This is a template page. READ THESE INSTRUCTIONS.
+
<script>(function(d, s, id) {
 +
  var js, fjs = d.getElementsByTagName(s)[0];
 +
  if (d.getElementById(id)) return;
 +
  js = d.createElement(s); js.id = id;
 +
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
 +
  fjs.parentNode.insertBefore(js, fjs);
 +
}(document, 'script', 'facebook-jssdk'));</script>
 +
 
 +
<link rel="stylesheet" href="https://2012.igem.org/Template:Team:Berkeley/nivocss?action=raw&ctype=text/css" type="text/css"/>
 +
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
 +
<script type="text/javascript" src="https://2012.igem.org/Template:Team:Berkeley/javascript/javanivoslider?action=raw&ctype=text/javascript"></script>
 +
</script>
 +
 
 +
<script>
 +
$("#slideshow > div:gt(0)").hide();
 +
setInterval(function() {
 +
  $('#slideshow > div:first')
 +
    .fadeOut(1000)
 +
    .next()
 +
    .fadeIn(1000)
 +
    .end()
 +
    .appendTo('#slideshow');
 +
},  3000);
 +
</script>
 +
 
 +
 
 +
<div class="row">
 +
<div class="col12" id="spacer4" >
 +
<div class="col12" id="spacer4">
</div>
</div>
-
<div id="instructions" style="text-align: center; font-weight: normal; font-size: small; color: #f6f6f6; padding: 5px;">
+
<img src="https://static.igem.org/mediawiki/2012/3/37/Home_header1.jpg" width="980">
-
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>
</div>
-
<div id="warning" style="text-align: center; font-weight: bold; font-size: small; color: #f6f6f6; padding: 5px;">
+
<div class="row">
-
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 class="col12" id="spacer2"></div>
 +
<div class="row-end"> </div>
</div>
</div>
 +
 +
 +
<div class="row">
 +
<div class="col6" align="justify" >
 +
<p>
 +
Many applications in synthetic biology demand precise control over subcellular localization, cell morphology, motility, and other such phenotypes that are only observable via microscopy. At present, engineering these properties is challenging due in large part to the inherent throughput limitation imposed by microscopy. We have developed a strategy that enables high-throughput library screening with microscopy by coupling a unique fluorescence signature with each genotype present in a library. These MiCodes (microscopy barcodes) are generated by targeting combinations of fluorophores to several organelles within yeast, and they eliminate the need to isolate and observe clonal populations separately. MiCodes can potentially scale to library sizes of 10^6 or more, and their analysis can be largely automated using existing image processing software. As a proof of principle, we applied MiCodes to the problem of finding unique pairs of protein-protein interaction parts.
 +
 +
<br>
 +
<br>
 +
<p>
 +
To learn more, visit the <a href="https://2012.igem.org/Team:Berkeley/Project">Project subpage</a> or jump straight to the section that interests you via the boxes below.
 +
</p>
 +
 +
 +
<br>
 +
<div class="fb-like" data-href="https://www.facebook.com/pages/UC-Berkeley-iGEM-2012/196465580443607" data-send="true" data-width="450" data-show-faces="true"></div>
 +
</div>
</div>
-
</html>
+
<div id = "spacer4">
 +
</div>
 +
<div class="col6" align="right">
 +
<div class="slider-wrapper theme-default">
 +
            <div class="ribbon"></div>
 +
            <div id="slider" class="nivoSlider">
 +
                <img src="https://static.igem.org/mediawiki/2012/c/ce/Slideshow1.jpg"/>
 +
                <img src="https://static.igem.org/mediawiki/2012/e/ea/Slideshow2.jpg"/>
 +
                <img src="https://static.igem.org/mediawiki/2012/d/db/Slideshow3.jpg"/>
 +
                <img src="https://static.igem.org/mediawiki/2012/d/db/Slideshow4.jpg"/>
 +
                <img src="https://static.igem.org/mediawiki/2012/d/d0/Slideshow5.jpg"/>
 +
                <img src="https://static.igem.org/mediawiki/2012/2/2c/Slideshow6.jpg"/>
 +
                <img src="https://static.igem.org/mediawiki/2012/f/f5/Slideshow7.jpg"/>
 +
                <img src="https://static.igem.org/mediawiki/2012/0/0d/Slideshow8.jpg"/>
 +
                <img src="https://static.igem.org/mediawiki/2012/3/39/Slideshow9.jpg"/>
 +
                <img src="https://static.igem.org/mediawiki/2012/b/b2/Slideshow10.jpg"/>
 +
                <img src="https://static.igem.org/mediawiki/2012/9/94/Slideshow11.jpg"/>
 +
                <img src="https://static.igem.org/mediawiki/2012/2/28/Slideshow12.jpg"/>
 +
                <img src="https://static.igem.org/mediawiki/2012/9/9b/Slideshow13.jpg"/>
 +
                <img src="https://static.igem.org/mediawiki/2012/b/b5/Slideshow14.jpg"/>
 +
                <img src="https://static.igem.org/mediawiki/2012/7/71/Slideshow15.jpg"/>
 +
                <img src="https://static.igem.org/mediawiki/2012/c/cc/Slideshow16.jpg"/>
 +
                <img src="https://static.igem.org/mediawiki/2012/1/17/Slideshow17.jpg"/>
 +
                <img src="https://static.igem.org/mediawiki/2012/1/17/Slideshow18.jpg"/>
 +
                <img src="https://static.igem.org/mediawiki/2012/a/aa/Slideshow19.jpg"/>
 +
                <img src="https://static.igem.org/mediawiki/2012/e/e2/Slideshow20.jpg"/>
 +
                <img src="https://static.igem.org/mediawiki/2012/6/65/Slideshow21.jpg"/>
 +
                <img src="https://static.igem.org/mediawiki/2012/2/2d/Slideshow22.jpg"/>
 +
                <img src="https://static.igem.org/mediawiki/2012/3/34/Slideshow23.jpg"/>
 +
          </div>
 +
    </div>
 +
  <script type="text/javascript">
 +
  $(window).load(function() {
 +
        $('#slider').nivoSlider();
 +
    });
 +
    </script>
 +
<div class="row">
 +
<div class="col12" id="spacer4"></div>
 +
<div class="row-end"> </div>
 +
</div>
 +
</div>
-
<!-- *** End of the alert box *** -->
 
 +
<div class="row">
 +
<div class="col12" id="spacer4"></div>
 +
<div class="row-end"> </div>
 +
</div>
 +
</div>
-
{|align="justify"
+
<div class="row">
-
|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.
+
<div class="col" align = "center">
-
|[[Image:Berkeley_logo.png|200px|right|frame]]
+
<a href="https://2012.igem.org/Team:Berkeley/Project">
-
|-
+
<img src="https://static.igem.org/mediawiki/2012/d/db/Home_header2.jpg" width="980">
-
|
+
</a></div>
-
''Tell us more about your project. Give us background. Use this as the abstract of your project.  Be descriptive but concise (1-2 paragraphs)''
+
<div class="row-end" ></div>
-
|[[Image:Berkeley_team.png|right|frame|Your team picture]]
+
</div>
-
|-
+
-
|
+
-
|align="center"|[[Team:Berkeley | Team Berkeley]]
+
-
|}
+
-
<!--- The Mission, Experiments --->
+
<div class="row">
 +
<div class="col12" id="spacer3"></div>
 +
<div class="row-end"> </div>
 +
</div>
-
{| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
+
<div class="row" align="center">
-
!align="center"|[[Team:Berkeley|Home]]
+
<div class="col3-2"style="background-color:#101a4d;">
-
!align="center"|[[Team:Berkeley/Team|Team]]
+
<a href="https://2012.igem.org/Team:Berkeley/Project/Localization">
-
!align="center"|[https://igem.org/Team.cgi?year=2012&team_name=Berkeley Official Team Profile]
+
<img src="https://static.igem.org/mediawiki/2012/9/9e/Home_subheader1.jpg"  
-
!align="center"|[[Team:Berkeley/Project|Project]]
+
onmouseover="this.src='https://static.igem.org/mediawiki/2012/e/e0/Home_subheader1_hover.jpg'"  
-
!align="center"|[[Team:Berkeley/Parts|Parts Submitted to the Registry]]
+
onmouseout="this.src='https://static.igem.org/mediawiki/2012/9/9e/Home_subheader1.jpg'" width="230"></a>
-
!align="center"|[[Team:Berkeley/Modeling|Modeling]]
+
<p style="text-align:center; color:#cccccc;">Localization tags, promoter optimization, and promoter characterization.</p> </div>
-
!align="center"|[[Team:Berkeley/Notebook|Notebook]]
+
 
-
!align="center"|[[Team:Berkeley/Safety|Safety]]
+
<div class="col3-2"style="background-color:#333333;">
-
!align="center"|[[Team:Berkeley/Attributions|Attributions]]
+
<a href="https://2012.igem.org/Team:Berkeley/Project/Construction">
-
|}
+
<img src="https://static.igem.org/mediawiki/2012/9/96/Home_subheader2.jpg"
 +
onmouseover="this.src='https://static.igem.org/mediawiki/2012/9/90/Home_subheader2_hover.jpg'"
 +
onmouseout="this.src='https://static.igem.org/mediawiki/2012/9/96/Home_subheader2.jpg'" width="230"> </a>
 +
<p style="text-align:center; color:#FFFFFF;">MiCode construction using Golden Gate Assembly.</p></div>
 +
 
 +
<div class="col3-2" style="background-color:#101a4d">
 +
<a href="https://2012.igem.org/Team:Berkeley/Project/Automation">
 +
<img src="https://static.igem.org/mediawiki/2012/1/18/Home_subheader3.jpg"  
 +
onmouseover="this.src='https://static.igem.org/mediawiki/2012/1/1d/Home_subheader3_hover.jpg'" width="230"
 +
onmouseout="this.src='https://static.igem.org/mediawiki/2012/1/18/Home_subheader3.jpg'" width="230"></a>
 +
<p style="text-align:center; color:#cccccc;">Automation techniques for image acquisition and cell identification with Matlab and Cell Profiler.</p></div>
 +
 
 +
<div class="col3-2"style="background-color:#333333">
 +
<a href="https://2012.igem.org/Team:Berkeley/Project/Zippers">
 +
<img src="https://static.igem.org/mediawiki/2012/a/a7/Home_subheader4.jpg"
 +
onmouseover="this.src='https://static.igem.org/mediawiki/2012/5/58/Home_subheader4_hover.jpg'"
 +
onmouseout="this.src='https://static.igem.org/mediawiki/2012/a/a7/Home_subheader4.jpg'" width="230"></a>
 +
<p style="text-align:center; color:#FFFFFF;">Leucine Zippers affinity assay.</p></div>
 +
<div class ="row-end"> </div>
 +
</div>
 +
 
 +
 
 +
<br>
 +
<div class="row">
 +
<div class="col" align = "center">
 +
<img src="https://static.igem.org/mediawiki/2012/9/99/Home_header3.jpg" width="980">
 +
<div class ="row-end"></div>
 +
</div>
 +
 
 +
<div class="row">
 +
<div class="col1" align="justify" >
 +
<p>The UC Berkeley iGEM team would like to thank Agilent and the Synthetic Biology Institute for their financial support, Synberc for their administrative support, and IDT for discounted oligos. </p>
 +
</div>
 +
 
 +
<div class = "row">
 +
<div class="col1" align="center">
 +
<a href="http://www.home.agilent.com/agilent/home.jspx?cc=US&lc=eng">
 +
<img src="https://static.igem.org/mediawiki/2012/6/6b/Agilent_logo.png" width="800" ></a>
 +
<a href="http://synbio.berkeley.edu/">
 +
<img src="https://static.igem.org/mediawiki/2012/0/05/SynBioInst_logo.png" width="800"></a>
 +
<a href="http://www.synberc.org/">
 +
<img src="https://static.igem.org/mediawiki/2012/6/67/SynBERC_logo.png" width="300" > </a>
 +
<a href="http://www.nsf.gov/">
 +
<img src="https://static.igem.org/mediawiki/2012/7/7e/NSF_logo.png" width="250"></a>
 +
<a href="http://www.idt.com/">
 +
<img src="https://static.igem.org/mediawiki/2012/0/0a/IDT_logo_trans.png" width="300"></a>
 +
 
 +
 
 +
<div class="row-end">
 +
</div>
 +
</div>
 +
 
 +
 
 +
<img src="http://hitwebcounter.com/counter/counter.php?page=4590797&style=0024&nbdigits=5&type=ip&initCount=149" title="Go http://www.hitwebcounter.com/" Alt="Go http://www.hitwebcounter.com/"  border="0" >
 +
<br/>
 +
 
 +
 
 +
 
 +
 
 +
<div class="row">
 +
<div class="col12" id="spacer4"></div>
 +
<div class="row-end">
 +
</div>
 +
 
 +
</body>
 +
 
 +
</html>

Latest revision as of 06:09, 22 October 2012

header
iGEM Berkeley iGEMBerkeley iGEMBerkeley

Many applications in synthetic biology demand precise control over subcellular localization, cell morphology, motility, and other such phenotypes that are only observable via microscopy. At present, engineering these properties is challenging due in large part to the inherent throughput limitation imposed by microscopy. We have developed a strategy that enables high-throughput library screening with microscopy by coupling a unique fluorescence signature with each genotype present in a library. These MiCodes (microscopy barcodes) are generated by targeting combinations of fluorophores to several organelles within yeast, and they eliminate the need to isolate and observe clonal populations separately. MiCodes can potentially scale to library sizes of 10^6 or more, and their analysis can be largely automated using existing image processing software. As a proof of principle, we applied MiCodes to the problem of finding unique pairs of protein-protein interaction parts.

To learn more, visit the Project subpage or jump straight to the section that interests you via the boxes below.


Localization tags, promoter optimization, and promoter characterization.

MiCode construction using Golden Gate Assembly.

Automation techniques for image acquisition and cell identification with Matlab and Cell Profiler.

Leucine Zippers affinity assay.


The UC Berkeley iGEM team would like to thank Agilent and the Synthetic Biology Institute for their financial support, Synberc for their administrative support, and IDT for discounted oligos.