Difference between revisions of "Team:Uppsala/Composite Part"

 
(14 intermediate revisions by 6 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}}
  
  
Line 11: Line 12:
 
<title>SVG Stroke Animation</title>
 
<title>SVG Stroke Animation</title>
 
<style type="text/css">
 
<style type="text/css">
    html{
+
.inner-card{
        margin:0;
+
text-align: center;
        padding:0;
+
}
        width:100%;
+
.parallax{
    }
+
          background-image: url("https://static.igem.org/mediawiki/2018/5/57/T--Uppsala--header_comp.png");
 +
}
 
      
 
      
    body{
+
 
        margin: 0;
+
h1 {
        padding: 0;
+
    margin-top: 0px;
        width: 100%;
+
}
        text-align: center;
+
 
        background: url(https://static.igem.org/mediawiki/2018/5/50/T--Uppsala--horses.jpg) no-repeat 50% 50%;
+
        background-size: cover;
+
        height:100vh;
+
        display: table;
+
    }
+
 
      
 
      
    .svg-wrapper{
 
        position:absolute;
 
        top:45vh;
 
        left:50%;
 
        transform: translate(-50%, -50%);
 
        width: 60%;
 
    }
 
   
 
    path{
 
        stroke: red;
 
        fill: #fff;
 
        stroke-dasharray:2000 ;
 
        opacity: 10;
 
        animation: animate 3s cubic-bezier(0,.21,1,.47) ;
 
    }
 
   
 
    @keyframes animate{
 
        0% {
 
            opacity: 0;
 
            fill: none;
 
            stroke-dashoffset:2000;
 
        }
 
       
 
        30% {
 
            opacity: 10;
 
            fill: none;
 
            stroke-dashoffset:2000;
 
        }
 
       
 
            90% {
 
           
 
            fill: rgba(255,255,255,0);
 
           
 
            }
 
           
 
        100% {
 
            opacity: 10;
 
            fill: rgba(255,255,255,1);
 
            stroke-dashoffset:0;
 
            }
 
    }
 
 
      
 
      
 
</style>
 
</style>
Line 211: Line 167:
 
         <div class="parallax"></div>
 
         <div class="parallax"></div>
 
         <div class="igem-icon"><a href="https://2018.igem.org/Main_Page "></a></div>
 
         <div class="igem-icon"><a href="https://2018.igem.org/Main_Page "></a></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 class ="scroll-down-button">
+
</div>
            <section id="section02" class="demo">
+
          
                <h1></h1>
+
                <a href="#scrolldown"><span></span></a>
+
            </section>
+
         </div>
+
 
         <div class= "content blur-box" style="font-size:16px;">
 
         <div class= "content blur-box" style="font-size:16px;">
 
             <div class ="content-text" id="scrolldown" >
 
             <div class ="content-text" id="scrolldown" >
Line 225: Line 177:
  
  
 +
<div class="card-holder">
  
 +
              <h1>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 (which is necessary for chromoprotein maturation). 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>
 +
While observing this part's sequence 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>
 +
                <p>However extraction of this protein poses some difficulty. UnaG unlike many other chromoproteins, is a membrane protein 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 <i>E. coli</i> cells expressing our custom made plasmid. 
 +
</p>
 +
 +
<br><br><br>
 +
 +
</div>
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
<!-------BUTTONS FOR UnaG------->
 +
 +
 +
<!-------BUTTONS FOR UnaG------->
 +
 +
 +
 +
 +
 +
<!-- Begining of 3 card template -->
 +
<div class="card-holder">
 +
    <div class="content-card content-card-3">
 +
        <div class="inner-card left-card">
 +
            <a href="https://2018.igem.org/Team:Uppsala/Reporter_System/UnaG" class="btn"> Find Out More! </a>
 +
        </div>
 +
        <div class="inner-card middle-card">
 +
            <a href="https://2018.igem.org/Team:Uppsala/Notebook" class="btn"> Notebook </a>
 +
        </div>
 +
        <div class="inner-card right-card">
 +
            <a href="https://2018.igem.org/Team:Uppsala/Protocol" class="btn"> Protocol </a>
 +
        </div>
 +
    </div>
 +
</div>
 +
<!-----END----->
  
  
<div class="card-holder">
 
                    <div class="content-card-heading"><h1>Part Table</h1>
 
                    </div>
 
                    <div class="content-card pic-next-to-text">
 
                    <div class="side-text">
 
                    <!-- start slipsum code -->
 
  
<p>Listed parts of the 2018 Uppsala team </p>
 
  
  
  
<table class=" pgrouptable tablesorter our-table" style="width: 100%;" cellspacing="0" cellpadding="0">
 
<thead><tr><th style="width: auto" ></th><th style="width: auto"></th><th style="width: auto" ></th><th style="width: auto" >Name</th><th style="width: auto" >Type</th><th style="width: auto" >Description</th><th style="width: auto">Designer</th><th style="width: auto">Length</th></tr></thead><tbody><tr><td class="star-image-svg"></td><td class="status_cell cell_white">&nbsp;</td><td class="status_cell cell_green">W</td><td><a class="noul_link part_link" href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K2669000">BBa_K2669000</a></td><td>Composite</td><td>Strongly constitutive His-tagged+flexible linker UnaG</td><td width="100px">Joseph Caponi</td><td align="right">620</td></tr><tr><td class="star-image-svg"></td>
 
<td class="status_cell cell_white">&nbsp;</td><td class="status_cell cell_green">W</td><td><a class="noul_link part_link" href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K2669003">BBa_K2669003</a></td><td>Composite</td><td>Strong constitutive promotor + RBS + Optimized Amil CP (BBa_K2669002) + double terminator </td><td width="100px">Matilda Brink</td><td align="right">841</td></tr><tr><td class="status_cell  "></td><td class="status_cell cell_white">&nbsp;</td><td class="status_cell cell_white">&nbsp;&nbsp;</td><td><a class="noul_link part_link" href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K2669001">BBa_K2669001</a></td><td>Reporter</td><td>Bilirubin-inducible UnaG+6xHis-tag+Flexible linker</td><td width="100px">Joseph Caponi</td><td align="right">459</td></tr><tr><td class="status_cell  "></td><td class="status_cell cell_white">&nbsp;</td><td class="status_cell cell_white">&nbsp;&nbsp;</td><td><a class="noul_link part_link" href="http://parts.igem.org/wiki/index.php?title=Part:BBa_K2669002">BBa_K2669002</a></td><td>Coding</td><td>AmilCP: Codon Optimized basic part</td><td width="100px">Elin Ramström</td><td align="right">675</td></tr></tbody></table>
 
             
 
  
  
  
<!-- end slipsum code -->
 
                    </div>
 
                 
 
                       
 
                    </div>
 
                </div>
 
  
  

Latest revision as of 09:48, 3 December 2018





SVG Stroke Animation