Team:Berkeley

From 2012.igem.org

(Difference between revisions)
m
 
(66 intermediate revisions not shown)
Line 12: Line 12:
   js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
   js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
   fjs.parentNode.insertBefore(js, fjs);
   fjs.parentNode.insertBefore(js, fjs);
-
}(document, 'script', 'facebook-jssdk'));</script>/*
+
}(document, 'script', 'facebook-jssdk'));</script>
-
* jQuery Nivo Slider v2.6
+
-
* http://nivo.dev7studios.com
+
-
*
+
-
* Copyright 2011, Gilbert Pellegrom
+
-
* Free to use and abuse under the MIT license.
+
-
* http://www.opensource.org/licenses/mit-license.php
+
-
*
+
-
* March 2010
+
-
*/
+
-
+
-
+
-
/* The Nivo Slider styles */
+
-
.nivoSlider {
+
-
position:relative;
+
-
        effect: 'fade'
+
-
}
+
-
.nivoSlider img {
+
-
position:absolute;
+
-
top:0px;
+
-
left:0px;
+
-
}
+
-
/* If an image is wrapped in a link */
+
-
.nivoSlider a.nivo-imageLink {
+
-
position:absolute;
+
-
top:0px;
+
-
left:0px;
+
-
width:100%;
+
-
height:100%;
+
-
border:0;
+
-
padding:0;
+
-
margin:0;
+
-
z-index:6;
+
-
display:none;
+
-
}
+
-
/* The slices and boxes in the Slider */
+
-
.nivo-slice {
+
-
display:block;
+
-
position:absolute;
+
-
z-index:5;
+
-
height:100%;
+
-
}
+
-
.nivo-box {
+
-
display:block;
+
-
position:absolute;
+
-
z-index:5;
+
-
}
+
-
/* Caption styles */
+
-
.nivo-caption {
+
-
position:absolute;
+
-
left:0px;
+
-
bottom:0px;
+
-
background:#000;
+
-
color:#fff;
+
-
opacity:0.8; /* Overridden by captionOpacity setting */
+
-
width:100%;
+
-
z-index:8;
+
-
}
+
-
.nivo-caption p {
+
-
padding:5px;
+
-
margin:0;
+
-
}
+
-
.nivo-caption a {
+
-
display:inline !important;
+
-
}
+
-
.nivo-html-caption {
+
-
    display:none;
+
-
}
+
-
/* Direction nav styles (e.g. Next & Prev) */
+
-
.nivo-directionNav a {
+
-
position:absolute;
+
-
top:45%;
+
-
z-index:9;
+
-
cursor:pointer;
+
-
}
+
-
.nivo-prevNav {
+
-
left:15px;
+
-
        display:none;
+
-
}
+
-
.nivo-nextNav {
+
-
right:15px;
+
-
        display:none;
+
-
}
+
-
/* Control nav styles (e.g. 1,2,3...) */
+
-
.theme-default .nivo-controlNav {
+
-
      position:absolute; left:100%; bottom:-42px;
+
-
      margin-left: -1000px;
+
-
}
+
-
 
+
-
.nivo-controlNav a {
+
-
position:relative;
+
-
z-index:9;
+
-
cursor:pointer;
+
-
}
+
-
 
+
-
 
+
-
 
+
-
.nivo-controlNav a.active {
+
-
font-weight:bold;
+
-
}
+
-
 
+
-
.theme-default #slider {
+
-
    margin:0px auto 0px auto;
+
-
    width:618px; /* Make sure your images are the same size */
+
-
    height:464px; /* Make sure your images are the same size */
+
-
}
+
<link rel="stylesheet" href="https://2012.igem.org/Template:Team:Berkeley/nivocss?action=raw&ctype=text/css" type="text/css"/>
<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="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 type="text/javascript" src="https://2012.igem.org/Template:Team:Berkeley/javascript/javanivoslider?action=raw&ctype=text/javascript"></script>
-
 
+
</script>
<script>
<script>
Line 138: Line 33:
<div class="row">
<div class="row">
 +
<div class="col12" id="spacer4" >
<div class="col12" id="spacer4">
<div class="col12" id="spacer4">
 +
</div>
<img src="https://static.igem.org/mediawiki/2012/3/37/Home_header1.jpg" width="980">
<img src="https://static.igem.org/mediawiki/2012/3/37/Home_header1.jpg" width="980">
</div>
</div>
-
 
<div class="row">
<div class="row">
<div class="col12" id="spacer2"></div>
<div class="col12" id="spacer2"></div>
Line 164: Line 60:
</div>
</div>
-
 
+
<div id = "spacer4">
 +
</div>
<div class="col6" align="right">
<div class="col6" align="right">
<div class="slider-wrapper theme-default">
<div class="slider-wrapper theme-default">
             <div class="ribbon"></div>
             <div class="ribbon"></div>
             <div id="slider" class="nivoSlider">
             <div id="slider" class="nivoSlider">
-
                 <img src="https://static.igem.org/mediawiki/2012/c/ce/Slideshow1.jpg" width="480"/>
+
                 <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/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/Slideshow3.jpg"/>
Line 179: Line 76:
                 <img src="https://static.igem.org/mediawiki/2012/3/39/Slideshow9.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/b/b2/Slideshow10.jpg"/>
-
            </div>
+
                <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>
     </div>
   <script type="text/javascript">
   <script type="text/javascript">
Line 187: Line 97:
     </script>
     </script>
 +
 +
<div class="row">
 +
<div class="col12" id="spacer4"></div>
 +
<div class="row-end"> </div>
 +
</div>
</div>
</div>
Line 193: Line 108:
<div class="col12" id="spacer4"></div>
<div class="col12" id="spacer4"></div>
<div class="row-end"> </div>
<div class="row-end"> </div>
 +
</div>
</div>
</div>
 +
<div class="row">
<div class="row">
-
<div class="col3-2"style="background-color:#010066;">
+
<div class="col" align = "center">
-
<a href="https://2012.igem.org/Team:Berkeley/Project/TargetingandPromoters">  
+
<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>
 +
<div class="row-end" ></div>
 +
</div>
 +
 
 +
<div class="row">
 +
<div class="col12" id="spacer3"></div>
 +
<div class="row-end"> </div>
 +
</div>
 +
 
 +
<div class="row" align="center">
 +
<div class="col3-2"style="background-color:#101a4d;">
 +
<a href="https://2012.igem.org/Team:Berkeley/Project/Localization">  
<img src="https://static.igem.org/mediawiki/2012/9/9e/Home_subheader1.jpg"  
<img src="https://static.igem.org/mediawiki/2012/9/9e/Home_subheader1.jpg"  
-
onmouseover="this.src='https://static.igem.org/mediawiki/2012/9/9e/Home_subheader1.jpg'"  
+
onmouseover="this.src='https://static.igem.org/mediawiki/2012/e/e0/Home_subheader1_hover.jpg'"  
-
onmouseout="https://static.igem.org/mediawiki/2012/9/9e/Home_subheader1.jpg'" width="230"></a>
+
onmouseout="this.src='https://static.igem.org/mediawiki/2012/9/9e/Home_subheader1.jpg'" width="230"></a>
-
  <p style="text-align:center; color:#FFCC33;">Localization tags, promoter optimization, and promoter characterization.</p> </div>
+
  <p style="text-align:center; color:#cccccc;">Localization tags, promoter optimization, and promoter characterization.</p> </div>
<div class="col3-2"style="background-color:#333333;">
<div class="col3-2"style="background-color:#333333;">
<a href="https://2012.igem.org/Team:Berkeley/Project/Construction">
<a href="https://2012.igem.org/Team:Berkeley/Project/Construction">
<img src="https://static.igem.org/mediawiki/2012/9/96/Home_subheader2.jpg"  
<img src="https://static.igem.org/mediawiki/2012/9/96/Home_subheader2.jpg"  
-
onmouseover="this.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="https://static.igem.org/mediawiki/2012/9/96/Home_subheader2.jpg'" width="230"> </a>
+
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>
<p style="text-align:center; color:#FFFFFF;">MiCode construction using Golden Gate Assembly.</p></div>
-
<div class="col3-2" style="background-color:#010066">
+
<div class="col3-2" style="background-color:#101a4d">
<a href="https://2012.igem.org/Team:Berkeley/Project/Automation">
<a href="https://2012.igem.org/Team:Berkeley/Project/Automation">
<img src="https://static.igem.org/mediawiki/2012/1/18/Home_subheader3.jpg"  
<img src="https://static.igem.org/mediawiki/2012/1/18/Home_subheader3.jpg"  
-
onmouseover="this.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>
onmouseout="this.src='https://static.igem.org/mediawiki/2012/1/18/Home_subheader3.jpg'" width="230"></a>
-
<p style="text-align:center; color:#FFCC33;">Automation with Matlab and Cell Profiler.</p> </div>
+
<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">
<div class="col3-2"style="background-color:#333333">
<a href="https://2012.igem.org/Team:Berkeley/Project/Zippers">
<a href="https://2012.igem.org/Team:Berkeley/Project/Zippers">
<img src="https://static.igem.org/mediawiki/2012/a/a7/Home_subheader4.jpg"  
<img src="https://static.igem.org/mediawiki/2012/a/a7/Home_subheader4.jpg"  
-
onmouseover="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="https://static.igem.org/mediawiki/2012/a/a7/Home_subheader4.jpg'" width="230"></a>
+
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.<br></p></div>
+
  <p style="text-align:center; color:#FFFFFF;">Leucine Zippers affinity assay.</p></div>
<div class ="row-end"> </div>
<div class ="row-end"> </div>
</div>
</div>
Line 229: Line 159:
<br>
<br>
<div class="row">
<div class="row">
-
<div class="col" align = "justify">
+
<div class="col" align = "center">
-
<img src="https://static.igem.org/mediawiki/2012/d/db/Home_header2.jpg" width="980">
+
<img src="https://static.igem.org/mediawiki/2012/9/99/Home_header3.jpg" width="980">
 +
<div class ="row-end"></div>
</div>
</div>
<div class="row">
<div class="row">
<div class="col1" align="justify" >
<div class="col1" align="justify" >
-
<p>The UC Berkeley iGEM team would like to thank Agilent for their financial support, Synberc for their administrative support, and IDT for discounted oligos. </p>
+
<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>
<div class = "row">
<div class = "row">
-
<div class="col1" >
+
<div class="col1" align="center">
-
<img src="https://static.igem.org/mediawiki/2012/6/6b/Agilent_logo.png" width="800" >
+
<a href="http://www.home.agilent.com/agilent/home.jspx?cc=US&lc=eng">
-
<img src="https://static.igem.org/mediawiki/2012/6/67/SynBERC_logo.png" width="300" >  
+
<img src="https://static.igem.org/mediawiki/2012/6/6b/Agilent_logo.png" width="800" ></a>
-
<img src="https://static.igem.org/mediawiki/2012/0/0a/IDT_logo_trans.png" width="300">
+
<a href="http://synbio.berkeley.edu/">
-
<img src="https://static.igem.org/mediawiki/2012/7/7e/NSF_logo.png" width="100">
+
<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 class="row-end">
</div>
</div>
</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="row">

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.