"
Team:Cambridge/Templates/boxesprototypenew
From 2010.igem.org
(Difference between revisions)
| (24 intermediate revisions not shown) | |||
| Line 5: | Line 5: | ||
<div id="leftcontent" style="background:-webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f8f8f8)); | <div id="leftcontent" style="background:-webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f8f8f8)); | ||
background: -moz-linear-gradient(top, #f2f2f2, #f8f8f8); color:#333333; height:150px;"> | background: -moz-linear-gradient(top, #f2f2f2, #f8f8f8); color:#333333; height:150px;"> | ||
| - | <p style="line-height: | + | <p style="line-height:140%; padding-left:10px; padding-top:10px; padding-right:10px;text-align:justify; font-size:90%;"> We placed genes from <a style="color:#6bbe00 !important" href="https://2010.igem.org/Team:Cambridge/Bioluminescence">fireflies</a> and bioluminescent <a style="color:#6bbe00 !important" href="https://2010.igem.org/Team:Cambridge/Bioluminescence/Bacterial_Luciferases">bacteria</a> into E.coli. Codon optimisation and single amino acid mutagenesis allowed us to generate bright light output in a range of different colours. Future applications include and quantitative <a style="color:#6bbe00 !important" href="https://2010.igem.org/Team:Cambridge/Tools/microMeasure">biosensors</a> and biological <a style="color:#6bbe00 !important" href="https://2010.igem.org/Team:Cambridge/Tools/Lighting">alternatives</a> to conventional lighting.</p> |
</div> | </div> | ||
</div> | </div> | ||
| Line 14: | Line 14: | ||
<div id="ccontent" style="background:-webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f8f8f8)); | <div id="ccontent" style="background:-webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f8f8f8)); | ||
background: -moz-linear-gradient(top, #f2f2f2, #f8f8f8); color:#333333; height:150px;"> | background: -moz-linear-gradient(top, #f2f2f2, #f8f8f8); color:#333333; height:150px;"> | ||
| - | <p style="line-height: | + | <p style="line-height:140%; padding-left:10px; padding-top:10px; padding-right:10px;text-align:justify; font-size:90%;">If you want a break from hard-core science, check out our Gibson Assembly <a style="color:#d9b400 !important" onclick="displayGibson('http://www.youtube.com/v/WCWjJFU1be8?fs=1&hl=en_GB'); return false;" href="http://www.youtube.com/watch?v=WCWjJFU1be8">music video</a>.<br /><br />You can also see view videos of our <a style="color:#d9b400 !important" onclick="displayGibson('http://www.youtube.com/v/tUFscEVK5Ks?fs=1&hl=en_GB'); return false;" href="http://www.youtube.com/watch?v=WCWjJFU1be8">bacterial bubble lamp</a> and <a style="color:#d9b400 !important" onclick="displayGibson('http://www.cambridgeigem.org/video.php'); return false;" href="http://www.cambridgeigem.org/video.php?nojs=true">project overview</a>. |
<script> | <script> | ||
| + | var dontclose=false; | ||
function displayGibson(youTubeURL){ | function displayGibson(youTubeURL){ | ||
var newDiv = document.createElement('div'); | var newDiv = document.createElement('div'); | ||
newDiv.setAttribute('id',"GibsonVidOverlay"); | newDiv.setAttribute('id',"GibsonVidOverlay"); | ||
| - | newDiv.setAttribute('style',"width:100%;height:100%;background:black; position:fixed; left:0; top:0;z-index:100; background:url(https://static.igem.org/mediawiki/2010/e/e9/Opacity9.png) ;"); | + | newDiv.setAttribute('style',"width:100%;height:100%;background:black; position:fixed; left:0; top:0;z-index:100; text-align:center; background:url(https://static.igem.org/mediawiki/2010/e/e9/Opacity9.png) ;"); |
| - | newDiv.setAttribute('onclick',"; | + | newDiv.setAttribute('onclick',";hideOverlay();"); |
| - | newDiv.innerHTML='<div | + | newDiv.innerHTML='<div style="margin-top:100px; z-index:1000;padding:10px; background:#080808;width:640px; margin-left: auto; margin-right:auto;" onclick="dontclose=true;"><object width="640" height="385"><param name="movie" value="'+youTubeURL+'"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="'+youTubeURL+'" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="385"></embed></object></div><a href="#" style="color:white !important; margin-top:20px; font-size:15px;" onclick="hideOverlay()">close</a>'; |
$('body')[0].appendChild(newDiv); | $('body')[0].appendChild(newDiv); | ||
| + | } | ||
| + | function hideOverlay(){ | ||
| + | if(dontclose){ | ||
| + | dontclose=false; | ||
| + | } | ||
| + | else{ | ||
| + | $('body')[0].removeChild($('#GibsonVidOverlay')[0]); | ||
| + | } | ||
} | } | ||
</script> | </script> | ||
Latest revision as of 19:43, 7 June 2011
Abstract
We placed genes from fireflies and bioluminescent bacteria into E.coli. Codon optimisation and single amino acid mutagenesis allowed us to generate bright light output in a range of different colours. Future applications include and quantitative biosensors and biological alternatives to conventional lighting.
Multimedia
If you want a break from hard-core science, check out our Gibson Assembly music video.
You can also see view videos of our bacterial bubble lamp and project overview.
Tools
