Difference between revisions of "Team:Uppsala/Reporter System"

 
(30 intermediate revisions by 7 users not shown)
Line 5: Line 5:
 
{{Uppsala/javascript/scroll-button}}
 
{{Uppsala/javascript/scroll-button}}
 
{{Uppsala/javascript/redirect_js}}
 
{{Uppsala/javascript/redirect_js}}
 +
{{Uppsala/buttons}}
 +
  
 
<html>
 
<html>
 
     <head>
 
     <head>
        <style>
+
   
 +
<style type="text/css">
 +
 
 +
.parallax {
 +
                /* The image used */
 +
                background-image: url("https://static.igem.org/mediawiki/2018/a/a6/T--Uppsala--UnaGPotentialBackground.png");
  
 
+
               
 
+
             }
 
+
     
 
+
 
+
 
+
<style>
+
  @import url(https://fonts.googleapis.com/css?family=Roboto:400,100,900);
+
 
+
 
+
 
+
.buttons {
+
  display: flex;
+
  padding: 0 50px 0 50px;
+
  /* flex-direction: column; */
+
  height: 100%;
+
  justify-content: center;
+
  text-align: center;
+
  width: 100%;
+
}
+
 
+
.container {
+
    align-items: center;
+
    display: flex;
+
    flex-wrap: wrap;
+
    /* flex-direction: column; */
+
    justify-content: center;
+
    padding: 1em;
+
    text-align: center;
+
    padding-right: 50px;
+
    padding-left: 50px;
+
}
+
 
+
 
+
@media (min-width: 600px)
+
.container {
+
    flex-direction: row;
+
    justify-content: safe !important;
+
}
+
 
+
/*
+
@media (min-width: 600px) {
+
  .container {
+
    flex-direction: row;
+
    justify-content: space-between;
+
  }
+
}
+
*/
+
 
+
 
+
.buttons p {
+
  font-family: 'Roboto', sans-serif;
+
  color: #fff;
+
  font-size: 12px;
+
}
+
@media (min-width: 600px) {
+
.buttons p {
+
    left: 50%;
+
    position: absolute;
+
    -webkit-transform: translate(-50%, 0);
+
             transform: translate(-50%, 0);
+
    top: 90%;
+
  }
+
}
+
@media (max-height: 500px) {
+
.buttons p {
+
    left: 0;
+
    position: relative;
+
    top: 0;
+
    -webkit-transform: translate(0, 0);
+
            transform: translate(0, 0);
+
  }
+
}
+
 
+
.buttons p a {
+
  font-family: 'Roboto', sans-serif;
+
  background-color: rgba(255, 255, 255, 0.8);
+
  /* border-bottom: 1px solid; */
+
  color: #fff;
+
  line-height: 1.4;
+
  padding: .25em;
+
  text-decoration: none;
+
}
+
 
+
 
+
 
+
a:visited.btn {
+
    color: #fff;
+
}
+
 
+
 
+
.btn {
+
  font-family: 'Roboto', sans-serif;
+
  color: #fff;
+
  cursor: pointer;
+
  font-size: 16px;
+
  font-weight: 400;
+
  line-height: 45px;
+
  margin: 0 0 1em;
+
  max-width: 160px;
+
  position: relative;
+
  text-decoration: none;
+
  text-transform: uppercase;
+
  width: 100%;
+
  /* background: #f01e17; */
+
  background-color:  RGBA(240, 30, 23, 0.8);
+
  box-shadow: 0px 2px 0 #d6251f, 2px 4px 0px #e02a24;
+
  text-decoration: none;
+
  text-shadow: 0px -1px 0 #c2211c;
+
  transition: all 250ms linear;
+
}
+
 
+
.btn:hover {
+
    background-color:  RGB(240, 30, 23);
+
    box-shadow: 0px 2px 0 #d6251f, 2px 4px 0px #e02a24;
+
    color: #fff;
+
    text-decoration: none;
+
    text-shadow: 0px -1px 0 #c2211c;
+
    transition: all 250ms linear;
+
}
+
 
+
 
+
 
+
@media (min-width: 600px) {
+
  .btn {
+
    margin: 0 1em 2em;
+
  }
+
}
+
 
+
 
+
 
+
     
+
 
            
 
            
 
         </style>
 
         </style>
Line 147: Line 25:
  
  
    <body>
+
<div class ="body">
 
+
 
+
 
        
 
        
 
         <div class="parallax"></div>
 
         <div class="parallax"></div>
         <div class="svg-wrapper">
+
         <div class="svg-wrapper" id="Project_Description">
  
 
   
 
   
Line 296: Line 172:
  
 
</div>
 
</div>
                   
+
              <div class="igem-icon"><a href="https://2018.igem.org/Team:Uppsala"><img src="https://static.igem.org/mediawiki/2018/7/7a/T--Uppsala--WormBusterLogo_White.png"></a>
 +
        </div>       
 
          
 
          
 
         <div class ="scroll-pointer">
 
         <div class ="scroll-pointer">
Line 303: Line 180:
  
 
         <div class= "content blur-box" style="font-size:16px;">
 
         <div class= "content blur-box" style="font-size:16px;">
             <div class ="content-text" >
+
 
 +
 
 +
 
 +
 
 +
<!-- CONTENT OF WHATS ON THE PAGE -->
 +
 
 +
        <div id="toc" class="toc">
 +
            <div id="toctitle"></div>
 +
            <ul>
 +
                <li class="toclevel tocsection"><a href="#Project_Description" class="scroll"> <span id="whereYouAre"> Reporter System</span> </a>
 +
                        <ul>
 +
                            <li class="toclevel nav-item active"><a href="#unag" class="nav-link scroll"> UnaG Reporter</a></li>
 +
                            <li class="toclevel nav-item"><a href="#Feces" class="nav-link scroll">  Feces Analysis</a></li>
 +
                            <li class="toclevel nav-item"><a href="#Grass" class="nav-link scroll">  Grass Sample Analysis</a></li>
 +
                            <li class="toclevel nav-item"><a href="#References" class="nav-link scroll"> References </a></li>
 +
                        </ul>
 +
                </li>
 +
           
 +
            </ul>
 +
        </div>
 +
 
 +
 
 +
 
 +
 
 +
             <div class ="content-text" id="scrolldown" >
 +
 
 +
 
  
 
                 <div style="height:5em;"></div>
 
                 <div style="height:5em;"></div>
Line 312: Line 215:
 
<div class="card-holder">
 
<div class="card-holder">
  
               <h1>UnaG Reporter</h1>
+
               <h1 id="unag">UnaG Reporter</h1>
  
  
  
  
                 <p>One of the biobrick parts submitted by the 2016 Uppsala team was <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K2003011"><b>UnaG combined with a histidine tag and a flexible linker</b></a> for extraction in affinity chromatography.  We decided to use this part as our reporter system when we read about it.  Mammalian intestines naturally have small amounts of bilirubin in them and also have a limited amount of oxygen present [1] (which is necessary for chromoprotein maturation [2]). we thought this could be a useful reporter. It also came with a flexible linker, which could be used to potentially connect this reporter system with another output molecule that might be usable to act as a secondary reporter to help detect our target nematodes.   
+
                 <p>One of the biobrick parts submitted by the 2016 Uppsala team was <a href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K2003011"><b>UnaG combined with a histidine tag and a flexible linker</b></a> for extraction in affinity chromatography (AC).  We decided to use this part as our reporter system when we read about it.  Mammalian intestines naturally have small amounts of bilirubin in them and also have a limited amount of oxygen present (which is necessary for chromoprotein maturation ) [1, 2]. we thought this could be a useful reporter. It also came with a flexible linker, which could be used to potentially connect this reporter system with another output molecule that might be usable to act as a secondary reporter to help detect our target nematodes.   
 
<br>
 
<br>
 
<br>
 
<br>
While observing this part's sequence however, we found that there was an error and no histidine tag would be expressed due to the start codon being placed after the histidine tag.  In addition, this part would also express less or no UnaG at all due to the RBS now having a significant amount of space between it and the start codon.  We decided to incorporate this biobrick part into a custom composite part by moving the start codon to its proper location and then proving that the histidine tag works by extracting and purifying the protein via affinity chromatography. In addition, we conducted a fluorescent bilirubin test and used a plate reader to determine if our new part expressed more UnaG than the 2016 part.  </p>
+
While observing this part's sequence however, we found that there was an error and no histidine tag would be expressed due to the start codon being placed after the histidine tag.  In addition, this part would also express less or no UnaG at all due to the RBS now having a significant amount of space between it and the start codon.  We decided to incorporate this biobrick part into a custom composite part by moving the start codon to its proper location and then proving that the histidine tag works by extracting and purifying the protein via affinity chromatography. In addition, we conducted a fluorescent bilirubin test and used a plate reader to determine if our new part expressed more UnaG than the 2016 part.  </p>
 
                 <br>
 
                 <br>
                 <p>However extraction of this protein poses some difficulty.  UnaG, many other chromoproteins, is a membrane protein [3] and therefore needs special conditions to purify. Under "<b><i>find out more</i></b>" we will show how we successfully extracted and purified UnaG from BL21 E. coli cells expressing our custom made plasmid.   
+
                 <p>However extraction of this protein poses some difficulty.  UnaG, unlike most other chromoproteins, is a membrane protein and therefore needs special conditions to purify [3]. Under "<b><i>find out more</i></b>" we will show how we successfully extracted and purified UnaG from BL21 <i>E. coli</i> cells expressing our custom made plasmid.   
 
</p>
 
</p>
  
Line 328: Line 231:
  
 
</div>
 
</div>
 
 
 
 
 
  
  
Line 338: Line 236:
  
 
<!-------BUTTONS FOR UnaG------->
 
<!-------BUTTONS FOR UnaG------->
 
  
  
Line 348: Line 245:
  
 
<div class="card-holder">
 
<div class="card-holder">
                    <div class="content-card content-card-2">
+
                <div class="buttons">
                        <div class="inner-card left-card">
+
                          <div class="container-button">
                         
+
   
                              <div class="btn-group" style="width:100%">
+
                                              <a href="https://2018.igem.org/Team:Uppsala/Reporter_System/UnaG" class="btn"> Find Out More! </a>  
                                <button onclick="window.location.href='https://2018.igem.org/Team:Uppsala/Reporter_System/UnaG'
+
                                              <a href="https://2018.igem.org/Team:Uppsala/Notebook" class="btn"> Notebook </a>  
          " style="width:100%"><span>Find Out More</span>
+
<a href="https://2018.igem.org/Team:Uppsala/Protocol" class="btn"> Protocol </a>  
                                </button>
+
                                         
                                </div>
+
     
 +
                                          <!--End of Button 3 -->
 
                         </div>
 
                         </div>
                        <div class="inner-card right-card">
+
            </div>
 
+
</div>
                          <div class="btn-group" style="width:100%">
+
                          <button onclick="window.location.href='https://2018.igem.org/Team:Uppsala/Notebook'" style="width:100%"><span>Notebook</span></button>
+
                            </div>
+
 
+
                        </div>
+
                    </div>
+
                </div>
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
 
+
  
  
Line 390: Line 265:
 
<!--------NEXT PART---------->
 
<!--------NEXT PART---------->
  
<h1>Feces Analysis</h1>
+
<h1 id="Feces">Feces Analysis</h1>
                 <p>The purpose of this experiment was to determine if fluorescent eukaryotic chromoproteins could be used as a reporter in horse manure. One of these proteins, amilGFP (green fluorescent protein) was chosen because it gave us a opportunity to work with a reporter system developed by earlier iGEM teams of Uppsala, namely those of 2011, 2012 and 2013. To test whether amilGFP was viable or not as a reporter system we decided to run some tests to see if amilGFP could be detected in horse manure, and later, to what extent using a plate reader (fluorescence spectrophotometer) with varying concentrations of amilGFP in liquid culture in horse manure.</p>
+
                 <p>The purpose of this experiment was to determine if fluorescent eukaryotic chromoproteins could be used as a reporter in horse manure. One of these proteins, amilGFP (green fluorescent protein) was chosen because it gave us an opportunity to work with a reporter system developed by earlier iGEM teams of Uppsala, namely those of 2011, 2012 and 2013. To test whether amilGFP was viable or not as a reporter system we decided to run some tests to see if amilGFP could be detected in horse manure, and later, to what extent using a plate reader (fluorescence spectrophotometer) with varying concentrations of amilGFP in liquid culture in horse manure.</p>
  
  
Line 405: Line 280:
 
<div class="card-holder">
 
<div class="card-holder">
 
                 <div class="buttons">
 
                 <div class="buttons">
                           <div class="container">
+
                           <div class="container-button">
 
      
 
      
                                                
+
                                               <a href="https://2018.igem.org/Team:Uppsala/Reporter_System/Feces_Analysis" class="btn"> Find Out More! </a>
     
+
                                               <a href="https://2018.igem.org/Team:Uppsala/Notebook" class="btn"> Notebook </a>  
                                               <a href="https://twitter.com/Dave_Conner" class="btn btn-3">Hover</a>  
+
<a href="https://2018.igem.org/Team:Uppsala/Protocol" class="btn"> Protocol </a>  
     
+
                                         
                                              <a href="https://twitter.com/Dave_Conner" class="btn btn-3">Hover</a>  
+
 
        
 
        
 
                                           <!--End of Button 3 -->
 
                                           <!--End of Button 3 -->
   
 
 
                         </div>
 
                         </div>
 
             </div>
 
             </div>
Line 423: Line 296:
 
<!--------NEXT PART---------->
 
<!--------NEXT PART---------->
  
<h1>Grass Sample Analysis</h1>
+
<h1 id="Grass">Grass Sample Analysis</h1>
  
<h2>Design, Experiment & Result</h2>
+
<h2>Design, Experiment and Result</h2>
                 <p>The purpose of the grass sample analysis was to research the possibility of a future second worm buster, targeting large strongyles. Due to the life cycle of large strongyles, they need to be detected in the grass to prevent ingestion by horses. To see if GFP(<b>Figure 1</b>)/RFP(<b>Figure 2</b>) (common chromoproteins) are visible on the tops of grass using a UV lamp, we spread colonies from transformed <i>E. coli</i> expressing these proteins onto grass. The top portion of blades of grass were used due to large strongyle larvae commonly residing there, waiting to be eaten by their unsuspecting hosts.   
+
                 <p>The purpose of the grass sample analysis was to research the possibility of a future second worm buster, targeting large strongyles. Due to the life cycle of large strongyles, they need to be detected in the grass to prevent ingestion by horses. To see if GFP(Figure 1)/RFP(Figure 2) (common chromoproteins) are visible on the tops of grass using a UV lamp (312 nm), we spread colonies from transformed <i>E. coli</i> expressing these proteins onto grass. The top portion of blades of grass were used due to large strongyle larvae commonly residing there, waiting to be eaten by their unsuspecting hosts.   
  
 
  <br><br>
 
  <br><br>
  
Our results (<b>Figure 1</b> and <b>Figure 2</b>) were promising which broadened our potential market with the worm buster technology.</p>
+
Our results (Figure 1 and Figure 2) were promising which broadened our potential market with the worm buster technology.</p>
  
  
Line 438: Line 311:
 
     <div class="content-card content-card-2">
 
     <div class="content-card content-card-2">
 
         <div class="inner-card left-card">
 
         <div class="inner-card left-card">
             <div class="inner-card-text">  
+
                        <!--change src to that of the image you want-->
 +
             <img class="content-card-img" src="https://static.igem.org/mediawiki/2018/c/cd/T--Uppsala--Grass_Analysis-RFP.jpeg" >
 +
<div class="inner-card-text">  
 
                 <!-- start of paragraph-->
 
                 <!-- start of paragraph-->
                 <p><strong>Figure 1:</strong> Grass samples that have been spread with bacteria cultures expressing GFP. </p>
+
                 <p><strong>Figure 1.</strong> Grass samples that have been spread with bacteria cultures expressing GFP. Photographed under 312 nm UV-light. </p>
 
             </div>
 
             </div>
            <!--change src to that of the image you want-->
+
 
            <img class="content-card-img" src="https://static.igem.org/mediawiki/2018/c/cd/T--Uppsala--Grass_Analysis-RFP.jpeg" >
+
 
             <!-- end of paragraph -->
 
             <!-- end of paragraph -->
 
         </div>
 
         </div>
 
         <div class="inner-card right-card">
 
         <div class="inner-card right-card">
             <div class="inner-card-text">  
+
         
 +
 
 +
             <img class="content-card-img" src="https://static.igem.org/mediawiki/2018/d/dd/T--Uppsala--Grass_Analysis-GFP.jpeg">
 +
  <div class="inner-card-text">  
 
                 <!-- start of paragraph -->
 
                 <!-- start of paragraph -->
                 <p><strong>Figure 2:</strong> Grass samples that have been spread with bacteria cultures expressing RFP. </p>  
+
                 <p><strong>Figure 2.</strong> Grass samples that have been spread with bacteria cultures expressing RFP. Photographed under 312 nm UV-light. </p>  
 
                 <!-- End of paragraphs -->
 
                 <!-- End of paragraphs -->
 
             </div>
 
             </div>
 
            <img class="content-card-img" src="https://static.igem.org/mediawiki/2018/d/dd/T--Uppsala--Grass_Analysis-GFP.jpeg">
 
 
  
 
         </div>
 
         </div>
Line 463: Line 337:
  
  
 +
<div class="card-holder">
 +
<h2 id="References">References</h2>
  
 +
<p><strong>[1]</strong> Bowen R. Microbial Life in the Digestive Tract. online: <a href="http://www.vivo.colostate.edu/hbooks/pathphys/digestion/basics/gi_bugs.html">http://www.vivo.colostate.edu/hbooks/pathphys/digestion/basics/gi_bugs.html</a>. Accessed October 12, 2018.<br>
  
 +
<strong>[2]</strong> Engineering a palette of eukaryotic chromoproteins for bacterial synthetic biology | Journal of Biological Engineering | Full Text. online: <a href="https://jbioleng.biomedcentral.com/articles/10.1186/s13036-018-0100-0">https://jbioleng.biomedcentral.com/articles/10.1186/s13036-018-0100-0</a>. Accessed October 12, 2018. <br>
  
 +
<strong>[3]</strong> Kumagai A, Ando R, Miyatake H, Greimel P, Kobayashi T, Hirabayashi Y, Shimogori T, Miyawaki A. 2013. A Bilirubin-Inducible Fluorescent Protein from Eel Muscle. Cell 153: 1602–1611.<br></p>
 +
</div>
  
<h1>Refereces</h1>
 
 
<p><strong>[1]</strong> Bowen R. Microbial Life in the Digestive Tract. online: http://www.vivo.colostate.edu/hbooks/pathphys/digestion/basics/gi_bugs.html. Accessed October 12, 2018.<br><br>
 
  
<strong>[2]</strong> Engineering a palette of eukaryotic chromoproteins for bacterial synthetic biology | Journal of Biological Engineering | Full Text. online: https://jbioleng.biomedcentral.com/articles/10.1186/s13036-018-0100-0. Accessed October 12, 2018. <br><br>
 
 
<strong>[3]</strong> Kumagai A, Ando R, Miyatake H, Greimel P, Kobayashi T, Hirabayashi Y, Shimogori T, Miyawaki A. 2013. A Bilirubin-Inducible Fluorescent Protein from Eel Muscle. Cell 153: 1602–1611.</p>
 
  
 
             </div>
 
             </div>
 
         </div>
 
         </div>
    </body>
+
</div>
 
</html>
 
</html>

Latest revision as of 21:31, 2 December 2018