Team:Harvard BioDesign

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
<!--{{CSS/Main}}-->
<!--{{CSS/Main}}-->
{{Team:Harvard_BioDesign/CSS}}
{{Team:Harvard_BioDesign/CSS}}
 +
{{Team:Harvard_BioDesign/JS}}
<html>
<html>
Line 9: Line 10:
         <div class="container">  
         <div class="container">  
             <ul class="address_icon">
             <ul class="address_icon">
 +
                <li></li>
 +
              <li>Do we want our email here?<img src="img/page1_icon2.png" alt=""></li>
 +
                <li></li>
 +
            </ul>
             <ul class="follow_icon">
             <ul class="follow_icon">
               <li><a href="https://www.facebook.com/pages/Harvard-iGEM/269794024286"><img src="img/follow_icon1.png" alt=""></a></li>
               <li><a href="https://www.facebook.com/pages/Harvard-iGEM/269794024286"><img src="img/follow_icon1.png" alt=""></a></li>
                 <li></li>
                 <li></li>
           </ul>
           </ul>
 +
      Banner HERE</div>
     </div>
     </div>
     <div id="stuck_container">
     <div id="stuck_container">
Line 46: Line 52:
     </div>
     </div>
</header>
</header>
-
<!--main content -->
+
<div class="slider">
-
<table width="80%" align="center">
+
    <div class="camera_wrap">
-
 
+
        <div data-src="img/PAST_JG.png" style="max-height: 100px; max-width:100 px"><div class="camera-caption fadeIn"><p class="title">Applied<br>Bio-sensors</p><a href="#" class="btn-default btn1">view info</a></div></div>
-
 
+
        <div data-src="img/PRESENT_JG.png" data-media="(max-width: 640px)"><div class="camera-caption fadeIn"><p class="title">Information<br>Storage</p></div></div>
-
<!--welcome box -->
+
        <div data-src="img/FUTURE_JG.png" data-media="(max-width: 640px)"><div class="camera-caption fadeIn"><p class="title">Biological<br>Sesning</p></div></div>
-
<tr>
+
    </div>
-
<br>
+
</div>
-
 
+
<div class="global">
-
</tr>
+
    <div class="center-box">
-
<tr> <td colspan="3" height="5px"> </td></tr>
+
        <div class="container">
-
<!-- end welcome box -->
+
            <div class="row">
-
<tr>  
+
                <div class="col-lg-3 col-md-3 col-sm-3 col-xs-6">
-
 
+
                    <figure><img src="img/PAST_JG.png" width="300" height="223" alt="What has been done in the past"></figure>
-
<img src= "https://static.igem.org/mediawiki/2014/6/69/BioDesignHeader2.jpg" width= "700px" align= "center" />
+
                    <p class="title">PAST</p>
-
 
+
                    <p>odio dignissimos ducimus qui blan <br>ditiis praesentium voluptatum <br>deleniti atque corrupti.</p>
-
<!--navigation menu -->
+
                    <a href="#" class="btn-default btn2">more</a>
-
 
+
                </div>
-
 
+
                <div class="col-lg-3 col-md-3 col-sm-3 col-xs-6">
-
<td align="center" colspan="3">
+
                    <figure><img src="img/PRESENT_JG.png" width="300" height="223" alt="What our project entails"></figure>
-
 
+
                    <p align="center" class="title">PRESENT</p>
-
<table  width="100%">
+
                  <p>odio dignissimos ducimus qui blan <br>ditiis praesentium voluptatum <br>deleniti atque corrupti.</p>
-
<tr heigth="15px"></tr>
+
                    <a href="#" class="btn-default btn2">more</a>
-
<tr heigth="75px">  
+
                </div>
-
 
+
                <div class="col-lg-3 col-md-3 col-sm-3 col-xs-6">
-
 
+
                    <figure><img src="img/FUTURE_JG.png" width="300" height="223" alt="Where we hope our project is heading"></figure>
-
<td style="border:1px solid yellow;" align="center" height ="45px" onMouseOver="this.bgColor=yellow" onMouseOut="this.bgColor=yellow" bgColor=yellow>
+
                    <p class="title">FUTURE</p>
-
<a href="https://2014.igem.org/Team:Harvard_BioDesign"style="color:#000000">Home </a> </td>
+
                    <p>odio dignissimos ducimus qui blan <br>ditiis praesentium voluptatum <br>deleniti atque corrupti.</p>
-
 
+
                    <a href="#" class="btn-default btn2">more</a>
-
<td style="border:1px solid yellow;" align="center" height ="45px" onMouseOver="this.bgColor=yellow'" onMouseOut="this.bgColor=yellow'" bgColor=yellow>  
+
                </div>
-
<a href="https://2014.igem.org/Team:Harvard_BioDesign/Team"style="color:#000000"> Team </a> </td>
+
            </div>
-
 
+
        </div>
-
<td style="border:1px solid yellow;" align="center" height ="45px" onMouseOver="this.bgColor=yellow'" onMouseOut="this.bgColor=yellow'" bgColor=yellow>  
+
    </div>
-
<a href="https://igem.org/Team.cgi?year=2014&team_name=Harvard_BioDesign"style="color:#000000"> Official Team Profile </a></td>
+
    <div class="welcome-box">
-
 
+
        <div class="container">
-
<td style="border:1px solid yellow" align="center" height ="45px" onMouseOver="this.bgColor=yellow'" onMouseOut="this.bgColor=yellow'" bgColor=yellow>
+
            <div class="row">
-
<a href="https://2014.igem.org/Team:Harvard_BioDesign/Project"style="color:#000000"> Project</a></td>
+
                <div class="col-lg-7 col-md-7 col-sm-12 pull-right">
-
 
+
                    <figure>SPLASH SCREEN PICTURE</figure>
-
<td style="border:1px solid yellow;" align="center" height ="45px" onMouseOver="this.bgColor=yellow'" onMouseOut="this.bgColor=yellow'" bgColor=yellow>  
+
                </div>
-
<a href="https://2014.igem.org/Team:Harvard_BioDesign/Parts"style="color:#000000"> Parts</a></td>
+
                <div class="col-lg-5 col-md-5 col-sm-12 pull-left">
-
 
+
                    <p class="title">Welcome Visitor!</p>
-
<td style="border:1px solid yellow;" align="center" height ="45px" onMouseOver="this.bgColor=yellow'" onMouseOut="this.bgColor=yellow'" bgColor=yellow>  
+
                    <h4>BROAD OVERVIEW OF OUR PROJECT</h4>
-
<a href="https://2014.igem.org/Team:Harvard_BioDesign/Modeling"style="color:#000000"> Modeling</a></td>
+
                    <a href="#" class="btn-default btn3">more info</a>
-
 
+
                </div>
-
<td style="border:1px solid yellow;" align="center" height ="45px" onMouseOver="this.bgColor=yellow'" onMouseOut="this.bgColor=yellow'" bgColor=yellow>
+
            </div>
-
<a href="https://2014.igem.org/Team:Harvard_BioDesign/Notebook"style="color:#000000"> Notebook</a></td>
+
        </div>
-
 
+
    </div>
-
<td style="border:1px solid yellow;" align="center" height ="45px" onMouseOver="this.bgColor=yellow'" onMouseOut="this.bgColor=yellow'" bgColor=yellow>  
+
<div class="container">
-
<a href="https://2014.igem.org/Team:Harvard_BioDesign/Safety"style=" color:#000000"> Safety </a></td>
+
        <div class="col-lg-12">
-
 
+
            <h2>IMPORTANT LINKS WE WANT TO HIGHLIGHT</h2>
-
<td style="border:1px solid yellow;" align="center" height ="45px" onMouseOver="this.bgColor=yellow'" onMouseOut="this.bgColor=yellow" bgColor=yellow>  
+
            <div class="row">
-
<a href="https://2014.igem.org/Team:Harvard_BioDesign/Attributions"style="color:#000000"> Attributions </a></td>
+
                <div class="col-lg-4 col-md-4 col-sm-4">
-
 
+
                    <div class="thumb-pad0">
-
 
+
                        <div class="thumbnail">
-
<td align ="center"> <a href="https://2014.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px"></a> </td>
+
                            <figure>IMAGE HERE</figure>
-
</tr>
+
                            <div class="caption">
-
</table>
+
                                <p class="title">PROJECT OVERVIEW</p>
-
 
+
                                <p>IN OUR PPROJECT...</p>
-
 
+
                                <a href="#" class="btn-default btn4">more <span></span></a>
-
 
+
                            </div>
-
<!--end navigation menu -->
+
                        </div>
-
</tr>
+
                    </div>
-
 
+
                </div>
-
 
+
                <div class="col-lg-4 col-md-4 col-sm-4">
-
</tr>
+
                    <div class="thumb-pad0">
-
+
                        <div class="thumbnail">
-
 
+
                            <figure><img src="img/page1_badge2.png" alt=""></figure>
-
 
+
                            <div class="caption">
-
 
+
                                <p class="title">HUMAN PRACTICES</p>
-
 
+
                                <p>HERE IS WHAT WE DID TO BE SAFE</p>
-
</td>
+
                                <a href="#" class="btn-default btn4">more <span></span></a>
-
 
+
                            </div>
-
<!--<tr> <td colspan="3" height="15px"> </td></tr>
+
                        </div>
-
<tr><td bgColor=yellow  colspan="3" height="1px"> </tr>
+
                    </div>
-
<tr> <td colspan="3" height="5px"> </td></tr>
+
                </div>
-
 
+
                <div class="col-lg-4 col-md-4 col-sm-4">
-
 
+
                    <div class="thumb-pad0">
-
<tr> <td colspan="3" height="15px"> </td></tr>
+
                        <div class="thumbnail">
-
<tr><td bgColor=yellow colspan="3" height="1"> </tr>-->
+
                            <figure><img src="img/page1_badge3.png" alt=""></figure>
-
 
+
                            <div class="caption">
-
 
+
                                <p class="title">TEAM MEMBERS</p>
-
<!--tips  -->
+
                                <p>MEET OUR AMAZING TEAM...</p>
-
<!--<tr><td colspan="3" > <h3> Tips  </h3></td></tr> -->
+
                                <a href="#" class="btn-default btn4">more <span></span></a>
-
 
+
                            </div>
-
<tr>
+
                        </div>
-
<td width="90%" valign="top">  
+
                    </div>
-
<div class="global indent">
+
                </div>
-
     <!--content-->
+
            </div>
 +
        </div>
 +
    </div>
 +
    <div class="map-box">
 +
        <figure><img src="img/page1_icon1.png" alt=""><p>Domestic</p></figure>
 +
    </div>
 +
    <div class="container">
 +
        <div class="row">
 +
            <div class="col-lg-12 tools-box">
 +
                <div class="row">
 +
                    <div class="col-lg-3 col-md-3 col-sm-6 col-xs-6">
 +
                        <div class="maxheight">
 +
                            <h3>Telephone</h3>
 +
                            <p>&nbsp;</p>
 +
                        </div>
 +
                    </div>
 +
                    <div class="col-lg-3 col-md-3 col-sm-6 col-xs-6">
 +
                        <div class="maxheight">
 +
                            <h3>E-Mail Us</h3>
 +
                            <p>&nbsp;</p>
 +
                        </div>
 +
                    </div>
 +
                    <div class="col-lg-3 col-md-3 col-sm-6 col-xs-6">
 +
                        <div class="maxheight">
 +
                            <h3>Follow Us</h3>
 +
                            <ul class="follow_icon indent">
 +
                                <li><a href="https://www.facebook.com/pages/Harvard-iGEM/269794024286"><img src="img/follow_icon6.png" alt=""></a></li>
 +
                            </ul>
 +
                        </div>
 +
                    </div>
 +
                    <div class="col-lg-3 col-md-3 col-sm-6 col-xs-6">
 +
                        <div class="indent maxheight">
 +
                            <h3>Address</h3>
 +
                            <p>&nbsp;</p>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </div>
 +
     </div>
 +
</div>
 +
<!--footer-->
 +
<footer>
     <div class="container">
     <div class="container">
         <div class="row">
         <div class="row">
             <div class="col-lg-12">
             <div class="col-lg-12">
-
                <h2 class="indent">Project description</h2>
+
                 <p><span>copyright</span> &copy; <em id="copyright-year"></em> <a href="index-5.html">Privacy policy</a></p>
-
                 <p><strong>Overall Project Summary</strong></p>
+
-
                <p><em>E. coli</em>, along with many other gram-negative bacteria, produce beta-amyloid proteins called curli which form the basis of their biofilms. These amyloid structures are highly resistant to degradation and can survive extreme pH and temperature changes. Such robust features of curli proteins make them a great medium for the stable encoding of information. Additionally, curli fibers are assembled extracellularly throughout the lifetime of the cells, so information stored in curli can be read well after cells have died.<br>
+
-
                              We designed a sensing system in <em>E. coli</em> to store information about the cells&rsquo; environment by linking curli proteins to half of a strong affinity tag pairing. The two peptides that compose an affinity tag pair bind only to each other, allowing information to be stored until both peptides are present. Using a variety of affinity tags, we placed each one under the control of a different inducible promoter. The ratio of different affinity-tagged curli produced by the cells is determined by the relative concentrations of the inducers present in the environment. Next, we created fusion chromoproteins with the orthogonal affinity tags. By applying a standard mixture of affinity-tagged chromoproteins, we identify the ratio of bound chromoproteins via an RYB color system. This ratio corresponds to the information encoded by the <em>E. coli</em>. This work has potential applications in the fields of cryptography, information storage, as well as the formation of a new reporting toolbox for synthetic biology.</p>
+
-
                <p><strong>Project Details</strong><br>
+
-
                  Our system is composed of the following components:</p>
+
-
                <p>CsgA variants - We have engineered four versions of the CsgA protein with four different affinity domains: three coiled coil SynZip domains, and one covalent bond-based SpyTag domain. The affinity domains are fused to the endogenous CsgA with a 24-amino acid linker sequence, to ensure that the domains are available for binding as the CsgA polymerizes into a curli fiber.</p>
+
-
                <p>Chromoprotein constructs - to demonstrate the feasibility of our concept, we used chromoproteins fused to binding domains reciprocal to those fused to the CsgA variants. These are three SynZip domains, and one SpyCatcher domain, which spontaneously forms a covalent bond with the SpyTag domain when the two come close enough to one another in solution.</p>
+
-
                <p>Sensing promoters – thus far we have coupled expression of the CsgA variants to two inducuble promoters: LacZ and … In the future we hope to include promoters induced by more interesting environmental conditions, like temperature or atmospheric chemical concentrations (i.e. carbon monoxide), so that the composition of the curli fibers produced by the bacteria will reflect such environmental conditions.</p>
+
-
                <p><strong>Materials and Methods</strong><br>
+
-
                  Genetic constructs were created by PCR cloning reactions, Gibson assembly reactions, and related protocols. CsgA production was monitored via Congo Red assays, and chromoprotein-CsgA association was determined by culturing both transgenic proteins together for 24 hours, subjecting the solution to SDS gel electrophoresis, and observing the resultant protein bands for conjugation between the SpyTag and SpyCatcher-associated proteins.</p>
+
-
                <p><strong>The Experiments</strong></p>
+
-
                <ul>
+
-
                  <li>Congo Red assays</li>
+
-
                  <li>Gel shift pictures</li>
+
-
                </ul>
+
-
                <p><strong>Results</strong><br>
+
-
                  According to the results we have obtained thus far, modifying native CsgA to include our selected binding domain reduces the total amount of curli that is ultimately produced by <em>E. Coli</em> (according to Congo Red analysis), by anywhere from 20-50%. However, the curli that is produced is stained by Congo Red, indicating that it has chemical similarity to the curli produced by wild-type cells.</p>
+
-
                <p>Gel shift goes here.</p>
+
-
                <p><strong>Analysis</strong><br>
+
-
                  The reduction in curli production that was observed after we added binding domains to CsgA is not too great to make our system unworkable. Various methods can be used to counteract this problem, the simplest of which is to simply use a greater initial number of cells such that the desired or required amount of curli is ultimately produced. In the future, we may attempt to determine whether using linker sequences with different lengths, compositions, and 3-dimensional structures can affect the amount of curli that is ultimately produced – it is possible that the shape of the modified CsgA subunit is less optimal for the self-assembly of curli that is an important feature of our system.</p>
+
-
                <p><strong>Conclusion</strong><br>
+
-
                  The results of our Congo Red analysis indicate that it is possible to produce significant amounts of curli with <em>E. coli</em> engineered to express mutant variants of CsgA with binding domains that allow our data processing and storage system to function. Small adjustments will be made to optimize curli production and self-assembly, but we have shown that it is possible to modify CsgA in ways required for our system to function without limiting curli production to an unacceptable degree.</p>
+
-
<h5 class="indent">&nbsp;</h5>
+
             </div>
             </div>
         </div>
         </div>
     </div>
     </div>
-
 
+
  <!-- {%FOOTER_LINK} -->
-
</td>
+
</footer>
-
</tr>
+
</body>
-
</table>
+
</html>
-
 
+
-
<a href="https://2014.igem.org/wiki/index.php?title=Team:Harvard_BioDesign&action=edit"style="color:#C610F4"> Click here  to edit this page!</a>
+

Revision as of 20:15, 17 October 2014

Applied
Bio-sensors

view info

Information
Storage

Biological
Sesning

What has been done in the past

PAST

odio dignissimos ducimus qui blan
ditiis praesentium voluptatum
deleniti atque corrupti.

more
What our project entails

PRESENT

odio dignissimos ducimus qui blan
ditiis praesentium voluptatum
deleniti atque corrupti.

more
Where we hope our project is heading

FUTURE

odio dignissimos ducimus qui blan
ditiis praesentium voluptatum
deleniti atque corrupti.

more
SPLASH SCREEN PICTURE

Welcome Visitor!

BROAD OVERVIEW OF OUR PROJECT

more info

IMPORTANT LINKS WE WANT TO HIGHLIGHT

IMAGE HERE

PROJECT OVERVIEW

IN OUR PPROJECT...

more

HUMAN PRACTICES

HERE IS WHAT WE DID TO BE SAFE

more

TEAM MEMBERS

MEET OUR AMAZING TEAM...

more

Domestic

Telephone

 

E-Mail Us

 

Follow Us

Address

 

Retrieved from "http://2014.igem.org/Team:Harvard_BioDesign"