(Prototype team page) |
MackenzieRT (Talk | contribs) |
||
(68 intermediate revisions by 4 users not shown) | |||
Line 1: | Line 1: | ||
− | |||
<html> | <html> | ||
+ | <head> | ||
+ | <style> | ||
+ | #bg-video { | ||
+ | position: fixed; | ||
+ | top: 0; | ||
+ | right: 0; | ||
+ | bottom: 0px; | ||
+ | left: 0; | ||
+ | overflow: hidden; | ||
+ | z-index: -100; | ||
+ | width:100%; | ||
+ | } | ||
+ | </style> | ||
− | <div class=" | + | <!--glyphicons--> |
− | < | + | <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"> |
− | < | + | <link rel="stylesheet" href="https://2017.igem.org/Team:Dalhousie/libraries/css/Bootstrap?action=raw&ctype=text/css" /> |
− | < | + | <link rel="stylesheet" href="https://2017.igem.org/Team:Dalhousie/libraries/css/fonts?action=raw&ctype=text/css" /> |
+ | <link rel="stylesheet" href="https://2017.igem.org/Team:Dalhousie/css3?action=raw&ctype=text/css" /> | ||
+ | |||
+ | <!--------------------oldnavbar---------------> | ||
+ | <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> | ||
+ | |||
+ | |||
+ | <!-------------------------------------need this---------------------------> | ||
+ | <style> | ||
+ | #home_logo, #sideMenu { display:none; } | ||
+ | #sideMenu, #top_title, .patrollink {display:none;} | ||
+ | #content { width:100%; padding:0px; margin-top:-20px; margin-left:0px; background-color: white;} | ||
+ | body {background-color:white; } | ||
+ | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 10px; background-color: transparent; z-index:100;} | ||
+ | .jumbotron { | ||
+ | height: 850px; | ||
+ | position: relative; | ||
+ | |||
+ | } | ||
+ | .navbar-default .navbar-nav>.active>a, .nav > li > a:hover, .nav > li > a:focus { | ||
+ | background-color: #C1D35D; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | </style> | ||
+ | |||
+ | |||
+ | </head> | ||
+ | |||
+ | <body> | ||
+ | |||
+ | <!-------------------navbar----------------------> | ||
+ | <div id="nav" class="noBackground" style="width:100%; z-index:100;" > | ||
+ | <div class="inner" > | ||
+ | <div id="navWrap"> | ||
+ | <nav > | ||
+ | <div class="container-fluid"> | ||
+ | <ul class="nav navbar-nav navbar-center"> | ||
+ | |||
+ | <li class="active" ><a href="https://2017.igem.org/Team:Dalhousie" style=" color: white;">Home</a></li> | ||
+ | |||
+ | <li class="dropdown" > | ||
+ | <a class="dropdown-toggle" data-toggle="dropdown" href="#" style=" color: white;">Project | ||
+ | </a> | ||
+ | <ul class="dropdown-menu" style=" background-color: rgba(193,211,93,0.8);"> | ||
+ | <li><a href="https://2017.igem.org/Team:Dalhousie/Description" >Description</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:Dalhousie/Design">Design</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:Dalhousie/Requirements">Requirements</a></li> | ||
+ | |||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li class="dropdown"> | ||
+ | <a class="dropdown-toggle" data-toggle="dropdown" href="#" style=" color: white;">Results | ||
+ | </a> | ||
+ | <ul class="dropdown-menu" style=" background-color: rgba(193,211,93,0.8);"> | ||
+ | <li><a href="https://2017.igem.org/Team:Dalhousie/InterLab">Interlab</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:Dalhousie/Results">Results</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | |||
+ | <li class="dropdown"> | ||
+ | <a class="dropdown-toggle" data-toggle="dropdown" href="#" style=" color: white;">Team | ||
+ | </a> | ||
+ | <ul class="dropdown-menu" style=" background-color: rgba(193,211,93,0.8);"> | ||
+ | <li><a href="https://2017.igem.org/Team:Dalhousie/Team">Team</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:Dalhousie/Collaborations">Collaborations</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:Dalhousie/Attributions">Attributions</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:Dalhousie/Sponsors">Sponsors</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li class="dropdown"> | ||
+ | <a class="dropdown-toggle" data-toggle="dropdown" href="#" style=" color: white;">Human Practices | ||
+ | </a> | ||
+ | <ul class="dropdown-menu" style=" background-color: rgba(193,211,93,0.8);"> | ||
+ | <li><a href="https://2017.igem.org/Team:Dalhousie/Human_Practices">Summary</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:Dalhousie/HP/Silver">Science Communication</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:Dalhousie/HP/Gold_Integrated">Integrated and Gold</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:Dalhousie/Engagement">Public Engagement</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:Dalhousie/SocialMedia">Social Media</a></li> | ||
+ | |||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li class="dropdown"> | ||
+ | <a class="dropdown-toggle" data-toggle="dropdown" href="#" style=" color: white;">Lab | ||
+ | </a> | ||
+ | <ul class="dropdown-menu" style=" background-color: rgba(193,211,93,0.8);"> | ||
+ | <li><a href="https://2017.igem.org/Team:Dalhousie/Parts">Parts</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:Dalhousie/Safety" >Safety</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:Dalhousie/Experiments">Experiments</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:Dalhousie/Notebook">Notebook</a></li> | ||
+ | <li><a href="https://2017.igem.org/Team:Dalhousie/Improve">Improve</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | </ul> | ||
+ | |||
+ | |||
+ | <!--------------------------contact us------------------------------------------> | ||
+ | <ul class="nav navbar-nav navbar-right"> | ||
+ | <div class="navbar-header"> | ||
+ | <a class="navbar-brand" style=" color: white;">Contact us today </a> | ||
+ | </div> | ||
+ | <li> | ||
+ | <a href="mailto:igemdalhousie@gmail.com" ><i class="fa fa-envelope-o fa-fw" style=" color: white;" ></i> <span class="network-name"></span></a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a target="_blank" href="https://twitter.com/dalhousie_igem?lang=en" ><i class="fa fa-twitter fa-fw" style=" color: white;" ></i> <span class="network-name"></span></a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a target="_blank" href="https://www.facebook.com/Dalhousie.iGEM/" ><i class="fa fa-facebook fa-fw" style=" color: white;" ></i> <span class="network-name"></span></a> | ||
+ | </li> | ||
+ | |||
+ | </ul> | ||
+ | </div> | ||
+ | </nav> | ||
</div> | </div> | ||
− | <div | + | </div> |
+ | </div> | ||
− | |||
− | |||
− | |||
− | + | ||
− | < | + | <div class="panel" id="panel1" > |
− | < | + | <div class="inner" > |
− | < | + | <div class="top" ><div class="title" >Improve</div></div> |
+ | |||
+ | <img src= "https://static.igem.org/mediawiki/2017/3/3e/Dalbackt.jpg" style="top:0px; left:0px; padding-bottom:0px; position:fixed; width:100%; height: 100%; z-index:-100; " align="center" height="70%" width="70%"> | ||
+ | |||
+ | <!--------------------------------fade title----------------------------> | ||
+ | <style>body { | ||
+ | margin: 0; | ||
+ | height: 10px; | ||
+ | } | ||
+ | |||
+ | .top { | ||
+ | margin-top: 300px; | ||
+ | position: absolute; | ||
+ | width:65%; | ||
+ | left:250px; | ||
+ | background-color: transparent; | ||
+ | height: 150px; | ||
+ | text-align: center; | ||
+ | font-family: 'Trebuchet MS'; | ||
+ | font-size: 80px; | ||
+ | font-weight: 400; | ||
+ | color: white; | ||
+ | line-height: 60px; | ||
+ | } | ||
+ | |||
+ | .title { | ||
+ | position: relative; | ||
+ | top: 30%; | ||
+ | |||
+ | left: 0px; | ||
+ | } | ||
+ | |||
+ | </style> | ||
+ | |||
+ | <!---------------------------------------------------------------------------------this-------------------------------------------------------------------------------------------> | ||
+ | <script> $(window).scroll(function(){ | ||
+ | $(".top").css("opacity", 1 - $(window).scrollTop() / 400); | ||
+ | });</script> | ||
+ | |||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | <div class="panel" id="panel2"> | ||
+ | <div class="inner"> | ||
+ | |||
+ | <h1><font color= "#C1D35D">Part Improvement</font></h1></br> | ||
+ | |||
+ | <font color= "#C1D35D">Background</font></br> | ||
+ | |||
+ | This part is the coding region for an endoglucanse from Ruminiclostridium thermocellum that was previously created by the iGEM16_Dalhousie_NS_Halifax | ||
+ | (<a href="http://parts.igem.org/Part:BBa_K2160000" style="color: #C1D35D">BBa_K2160000</a>). Its function is to cleave internal beta-1,4-D-glycosidic bonds in crystalline cellulose to release the disaccharide cellobiose.</br></br> | ||
+ | |||
+ | <font color= "#C1D35D">Improvement</font></br> | ||
+ | |||
+ | <font color= "#ffffff">We improved the endoglucanase part by adding a C-terminal His-tag and an N-terminal PelB sequence. The C-terminal His-tag allows identification via western blot or immuno-fluorescence, and protein purification. The PelB sequence is a localization sequence that traffics the protein to the periplasm (Sockolosky & Szoka, 2013). This is especially important for our project because we need to get all the enzymes out of the <i>E. coli</i> to digest cellulose.</font></br> | ||
+ | |||
+ | <font color= "#ffffff">Using a western blot to probe for the His-Tag, we were able to show expression of our optimized endoglucanase. The main species traveled at 46 kDa, which was the predicted migration of endoglucanase with a HIS-tag and PelB sequence. A secondary, smaller species was seen at ~30 kDa. The 30 kDa species can be explained due to a second methionine codon with an imperfect ribosomal binding sequence 5-10 bp upstream from the Met codon. </font> | ||
+ | |||
+ | <div style="background-color: rgba(61,85,28, 0.5); width: 70%; height: 70%; padding-left: 50px; padding-right: 50px; float: center; margin-top: 20px; margin-left: 70px; margin:auto;"> | ||
+ | <center><img src="https://static.igem.org/mediawiki/2017/2/2d/Endoglucoptimized.png" height="45%" width="45%"></center> | ||
</div> | </div> | ||
+ | <center><font color= "#ffffff"> Figure 1. Western blot probing for 6xHis Tag</Center></font></br></br> | ||
− | </html> | + | <font color= "#C1D35D">Part Number</font></br> |
+ | |||
+ | <font color= "#ffffff">Our part can be found here: <a href="http://parts.igem.org/Part:BBa_K2331004" style="color: #C1D35D;">BBa_K2160000</a></br></br> | ||
+ | |||
+ | <font color= "#C1D35D">References</font></br> | ||
+ | |||
+ | <p class="hangingindent"><font color= "#ffffff">Sockolosky, J. and Szoka, F. (2013). Periplasmic production via the pET expression system of soluble, bioactive human growth hormone. Protein Expression and Purification, 87(2), pp.129-135.</font> </p> | ||
+ | </br></br> | ||
+ | |||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div class="container" style="height:450px; width:100%; position: relative;"><!--------empty panel----------> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <div class="panel panel-red" id="panel3"> | ||
+ | <div class="inner"> | ||
+ | <p style="text-align: center; "> | ||
+ | <a href="http://www.plosibilities.wordpress.com"><img src="https://static.igem.org/mediawiki/2017/archive/8/8c/20171031235427%21Dalscreen.png" height="20%" width="20%" ></a> | ||
+ | <img src="https://static.igem.org/mediawiki/parts/d/d7/Porcupinelogo2017.png" height="20%" width="20%" > | ||
+ | <img src="https://static.igem.org/mediawiki/2017/e/ef/Whitetigerlogo.png" height="20%" width="20%" > | ||
+ | </p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | <style> | ||
+ | html { | ||
+ | height: 100%; | ||
+ | min-height: 100%; | ||
+ | } | ||
+ | |||
+ | body { | ||
+ | height: 100%; | ||
+ | } | ||
+ | |||
+ | .panel { | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | background: black; | ||
+ | color: #fff; | ||
+ | padding-left: 5%; | ||
+ | padding-right: 5%; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | .panel.panel-red { | ||
+ | background: black; | ||
+ | |||
+ | } | ||
+ | #nav { | ||
+ | position: fixed; | ||
+ | top: 0; | ||
+ | left: 0; | ||
+ | width: 96%; | ||
+ | padding: 2%; | ||
+ | z-index: 100; | ||
+ | color: white; | ||
+ | height: 80px; | ||
+ | } | ||
+ | |||
+ | .noBackground { | ||
+ | background-color: rgba(0,0,0,0); | ||
+ | visibility: visible; | ||
+ | width:100%; | ||
+ | padding-right:0px; | ||
+ | -webkit-transition: all 1.0s ease; | ||
+ | -moz-transition: all 1.0s ease; | ||
+ | -o-transition: all 1.0s ease; | ||
+ | transition: all 1.0s ease; | ||
+ | } | ||
+ | |||
+ | .blackBackground { | ||
+ | background-color: rgba(35,47,19,0.7); | ||
+ | visibility: visible; | ||
+ | width:100%; | ||
+ | |||
+ | } | ||
+ | |||
+ | #nav .inner { | ||
+ | z-index:100; | ||
+ | padding-bottom:40px; | ||
+ | |||
+ | } | ||
+ | |||
+ | #nav ul { | ||
+ | list-style: none; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | #inner{ | ||
+ | z-index:101; | ||
+ | |||
+ | } | ||
+ | |||
+ | #panel1{ | ||
+ | background: transparent; | ||
+ | height: 850px; | ||
+ | width:100%; | ||
+ | z-index:100; | ||
+ | } | ||
+ | #panel2{ | ||
+ | width:100%; | ||
+ | height: 100%; | ||
+ | margin-bottom:0px; | ||
+ | background: rgba(35,47,19,0.9); | ||
+ | text-align:left; | ||
+ | |||
+ | } | ||
+ | #panel3{ | ||
+ | width:100%; | ||
+ | height: 100%; | ||
+ | margin-bottom:-100px; | ||
+ | background: rgba(35,47,19,0.9); | ||
+ | } | ||
+ | |||
+ | |||
+ | .hangingindent { | ||
+ | padding-left: 22px ; | ||
+ | text-indent: -22px ; | ||
+ | } | ||
+ | |||
+ | </style> | ||
+ | <script> | ||
+ | $( function() { | ||
+ | //caches a jQuery object containing the header element | ||
+ | var header = $('.noBackground'); | ||
+ | $(window).scroll(function() { | ||
+ | var scroll = $(window).scrollTop(); | ||
+ | |||
+ | if (scroll >= 100) { | ||
+ | header.addClass('blackBackground'); | ||
+ | } else { | ||
+ | header.removeClass('blackBackground'); | ||
+ | |||
+ | } | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | |||
+ | </body> | ||
+ | <html> |
Latest revision as of 00:54, 1 November 2017
Improve
Part Improvement
Background This part is the coding region for an endoglucanse from Ruminiclostridium thermocellum that was previously created by the iGEM16_Dalhousie_NS_Halifax (BBa_K2160000). Its function is to cleave internal beta-1,4-D-glycosidic bonds in crystalline cellulose to release the disaccharide cellobiose. Improvement We improved the endoglucanase part by adding a C-terminal His-tag and an N-terminal PelB sequence. The C-terminal His-tag allows identification via western blot or immuno-fluorescence, and protein purification. The PelB sequence is a localization sequence that traffics the protein to the periplasm (Sockolosky & Szoka, 2013). This is especially important for our project because we need to get all the enzymes out of the E. coli to digest cellulose. Using a western blot to probe for the His-Tag, we were able to show expression of our optimized endoglucanase. The main species traveled at 46 kDa, which was the predicted migration of endoglucanase with a HIS-tag and PelB sequence. A secondary, smaller species was seen at ~30 kDa. The 30 kDa species can be explained due to a second methionine codon with an imperfect ribosomal binding sequence 5-10 bp upstream from the Met codon.Sockolosky, J. and Szoka, F. (2013). Periplasmic production via the pET expression system of soluble, bioactive human growth hormone. Protein Expression and Purification, 87(2), pp.129-135.