Difference between revisions of "Team:Aalto-Helsinki/Parts"
m |
(Added bg + nav) |
||
Line 1: | Line 1: | ||
{{Aalto-Helsinki/CSS}} | {{Aalto-Helsinki/CSS}} | ||
<html> | <html> | ||
+ | <style type="text/css"> | ||
+ | /* Navbar, text color changes if you are on this page */ | ||
+ | #resultsnav { | ||
+ | color: gray !important; | ||
+ | } | ||
+ | |||
+ | /* Styles for navigation inside a page */ | ||
+ | |||
+ | #sidenav { | ||
+ | float:left; | ||
+ | position: fixed; | ||
+ | left: 0; | ||
+ | width: 15%; | ||
+ | } | ||
+ | .bottom{ | ||
+ | bottom: 2%; | ||
+ | } | ||
+ | #sidenav > li > a { | ||
+ | padding-top: 1px; | ||
+ | padding-bottom: 0px; | ||
+ | } | ||
+ | #sidenav > li > a > h3 { | ||
+ | margin-top:0px; | ||
+ | padding-top: 1px; | ||
+ | padding-bottom: 0px; | ||
+ | } | ||
+ | #sidenav a:hover, | ||
+ | #sidenav a.active { | ||
+ | color: black !important; | ||
+ | } | ||
+ | |||
+ | /* Let's hide the navbar when the device is small! */ | ||
+ | @media screen and (max-width: 760px) { | ||
+ | #sidenav { display: none; } | ||
+ | } | ||
+ | |||
+ | /* Background pic */ | ||
+ | .proodlebg { | ||
+ | background-repeat: repeat-y; | ||
+ | background-image: url("https://static.igem.org/mediawiki/2015/a/ab/Aalto-Helsinki_results_background.png"); | ||
+ | background-size: 100%; | ||
+ | } | ||
+ | </style> | ||
</p></div> | </p></div> | ||
+ | |||
+ | <ul id="sidenav" class="nav nav-stacked bottom"><!-- nav-pills if we want rounded corners --> | ||
+ | <li><a href="#" data-scroll="propane"><h3>Propane 1</h3></a></li> | ||
+ | <li><a href="#" data-scroll="gfp"><h3>Fusable GFP</h3></a></li> | ||
+ | <li><a href="#" data-scroll="amph"><h3>Amphiphilic</h3></a></li> | ||
+ | <li><a href="#" ><h3 style="border-top:solid;">To the top</h3></a></li> | ||
+ | <li><a href="https://2015.igem.org/Team:Aalto-Helsinki/Results" ><h3>To the Parent Page</h3></a></li> | ||
+ | </ul> | ||
+ | |||
+ | <div class="proodlebg"> | ||
<div class="inner-container"> | <div class="inner-container"> | ||
<h1>Submitted Parts</h1> | <h1>Submitted Parts</h1> | ||
+ | <section id="propane" class="active" data-anchor="propane"> | ||
<h2>Propane 1</h2> | <h2>Propane 1</h2> | ||
Line 16: | Line 70: | ||
<p>Our Propane 1 includes 4 of the 10 required genes to produce propane in <i>E. coli</i>. The plasmid has been assembled from IDT's gBlocks with NEBuilder assembly, similar to Gibson Assembly.</p> | <p>Our Propane 1 includes 4 of the 10 required genes to produce propane in <i>E. coli</i>. The plasmid has been assembled from IDT's gBlocks with NEBuilder assembly, similar to Gibson Assembly.</p> | ||
<p><b>Validation:</b></p> | <p><b>Validation:</b></p> | ||
+ | </section> | ||
− | + | <section id="gfp" class="active" data-anchor="gfp"> | |
− | + | ||
<h2>Fusable GFP</h2> | <h2>Fusable GFP</h2> | ||
<p>We built a GFP biobrick which can be fused to any protein's aminoterminal end with the standard BioBrick assembly enzymes. We have added an extra nucleotide prior to the brick's suffix to maintain the reading frame after fusion, which is typically lost when the restriction enzyme assembly is used. </p> | <p>We built a GFP biobrick which can be fused to any protein's aminoterminal end with the standard BioBrick assembly enzymes. We have added an extra nucleotide prior to the brick's suffix to maintain the reading frame after fusion, which is typically lost when the restriction enzyme assembly is used. </p> | ||
<p><b>Validation:</b> Our GFP brick has been fully sequenced, and the sequencing results were as expected. We have also been able to express the GFP after fusing it with an amphiphilic brick. This construct functioned under K608003, a strong constitutive promoter and a medium RBS. HS Slovenia Team also helped us validate this brick. They gained positive results of their construct with the GFP through colony PCR and analytical restrictions, but were unable to detect the fluerescence under UV light or functionality of the fused protein.</p> | <p><b>Validation:</b> Our GFP brick has been fully sequenced, and the sequencing results were as expected. We have also been able to express the GFP after fusing it with an amphiphilic brick. This construct functioned under K608003, a strong constitutive promoter and a medium RBS. HS Slovenia Team also helped us validate this brick. They gained positive results of their construct with the GFP through colony PCR and analytical restrictions, but were unable to detect the fluerescence under UV light or functionality of the fused protein.</p> | ||
+ | </section> | ||
− | + | <section id="amph" class="active" data-anchor="amph"> | |
<h2>Amphiphilic</h2> | <h2>Amphiphilic</h2> | ||
<p>We submitted a sole amphiphilic brick, containing only the coding region of the ampihphilic protein. This brick can be used to produce intracellular micelles or vesicles under any chosen expression system.</p> | <p>We submitted a sole amphiphilic brick, containing only the coding region of the ampihphilic protein. This brick can be used to produce intracellular micelles or vesicles under any chosen expression system.</p> | ||
<p><b>Validation:</b> Our amphiphilic brick's sequencing results were unclear, as the brick is mainly built of short repeats. <span style="color:red">Microscope pictures!</span></p> | <p><b>Validation:</b> Our amphiphilic brick's sequencing results were unclear, as the brick is mainly built of short repeats. <span style="color:red">Microscope pictures!</span></p> | ||
+ | </section> | ||
+ | |||
<h2> Part Documentation</h2> | <h2> Part Documentation</h2> | ||
Line 86: | Line 143: | ||
<html> | <html> | ||
+ | </div> | ||
</div> | </div> | ||
</div></div></div></body> <!--These are the closing tags for div id="mainContainer" and div id="contentContainer". The corresponding opening tags appear in the template that is {{included}} at the top of this page.--> | </div></div></div></body> <!--These are the closing tags for div id="mainContainer" and div id="contentContainer". The corresponding opening tags appear in the template that is {{included}} at the top of this page.--> | ||
+ | |||
+ | <!-- Scirpt for beautiful scrolling inside the page: smooth transitions and we show in what section the reader is. --> | ||
+ | <script src="https://2015.igem.org/Team:Aalto-Helsinki/ResponsiveNavScript?action=raw&ctype=text/javascript"></script> | ||
</html> | </html> |
Revision as of 08:39, 13 September 2015