Difference between revisions of "Team:Virginia"

Line 8: Line 8:
 
width:1200px;
 
width:1200px;
 
text-align:center;
 
text-align:center;
−
height:150px;
+
height:188px;
 
background-color:white;
 
background-color:white;
 
margin: -1px auto 15px auto;
 
margin: -1px auto 15px auto;
Line 15: Line 15:
  
 
.homeimagearea h1 {
 
.homeimagearea h1 {
−
font-size:85px;
+
font-size:110px;
 
text-align:center;
 
text-align:center;
 
color:white;
 
color:white;
Line 44: Line 44:
 
width:569px;
 
width:569px;
 
margin:10px auto;
 
margin:10px auto;
 +
}
 +
 +
#backgroundtitle {
 +
position:absolute;
 +
height:100%;
 +
width:569px;
 +
text-align:center;
 +
background-color:white;
 +
opacity:0.9;
 +
transition:opacity 500ms;
 +
z-index:10;
 +
}
 +
 +
#backgroundtitle h1 {
 +
font-size:70px;
 +
font-family:Lato, sans-serif;
 +
color:#66b3ff;
 +
line-height:65px;
 +
margin-top:-20px;
 +
}
 +
 +
#backgroundpicture {
 +
position:absolute;
 +
height:289px;
 +
width:568px;
 +
z-index:5;
 +
transition:opacity 500ms;
 +
}
 +
 +
#backgroundpicture img{
 +
height:289px;
 +
width:568px;
 
}
 
}
  
 
#introvideo video {
 
#introvideo video {
 
display:block;
 
display:block;
−
background-image:url("https://static.igem.org/mediawiki/2016/e/e5/T--Virginia--vidposter.jpeg");
+
z-index:10;
−
background-size:569px 320px;
+
−
background-repeat:no-repeat;
+
−
+
 
}
 
}
  
Line 221: Line 250:
 
<!---------------------------Top image on page------------------------------------------>
 
<!---------------------------Top image on page------------------------------------------>
 
<div class="homeimagearea" style="background-color:#ffa366">
 
<div class="homeimagearea" style="background-color:#ffa366">
−
<h1 style="line-height:80px">LEU-LOCK</h1>
+
<h1 style="line-height:100px">LEU-LOCK</h1>
 
</div>
 
</div>
  
Line 240: Line 269:
 
<div id="introvideobkg">
 
<div id="introvideobkg">
 
<div id="introvideo">
 
<div id="introvideo">
 +
<div id="backgroundtitle"><h1>AN INTRODUCTION TO OUR PROJECT</h1></div>
 +
<div id="backgroundpicture"><img src="https://static.igem.org/mediawiki/2016/a/af/T--Virginia--homevidpic.jpeg"/></div>
 
<video id="vid1" width="569px" height="320px" controls preload="none">
 
<video id="vid1" width="569px" height="320px" controls preload="none">
 
<source src="https://static.igem.org/mediawiki/2016/1/13/T--Virginia--Biocontainmentvideo.mp4" type="video/mp4">
 
<source src="https://static.igem.org/mediawiki/2016/1/13/T--Virginia--Biocontainmentvideo.mp4" type="video/mp4">
Line 308: Line 339:
  
 
document.getElementById("vid1").onplaying = function() {
 
document.getElementById("vid1").onplaying = function() {
−
document.getElementById("vid1").style.background = "none";
+
document.getElementById("backgroundtitle").style.opacity = "0";
 +
document.getElementById("backgroundpicture").style.opacity = "0";
 +
setTimeout(function(){
 +
document.getElementById("backgroundtitle").style.zIndex = "-1";
 +
document.getElementById("backgroundpicture").style.zIndex = "-1";
 +
},500);
 
}
 
}
 +
 +
document.getElementById("vid1").addEventListener('ended',myHandler,false);
 +
function myHandler(e) {
 +
document.getElementById("backgroundtitle").style.opacity = "0.9";
 +
document.getElementById("backgroundpicture").style.opacity = "1";
 +
document.getElementById("backgroundtitle").style.zIndex = "10";
 +
document.getElementById("backgroundpicture").style.zIndex = "5";
 +
}
 +
  
 
</script>
 
</script>
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 17:06, 12 August 2016

LEU-LOCK

AN INTRODUCTION TO OUR PROJECT

Want to learn more about synthetic biology? Click here.

WHO ARE WE?

We are a team of undergraduate students from the University of Virginia with a shared interest in synthetic biology. We hail from five different states, and our majors include biology, biochemistry, chemical engineering, biomedical engineering, neuroscience, statistics, and nanomedicine engineering.

More about the team →

THE PROJECT

Leu-Lock

We set out to design a novel biocontainment mechanism based upon the modification of the leucyl tRNA synthetase enzyme. Our system causes the biocontained organism to be dependent upon a synthetic form of leucine for survival - hence the title of our project. To implement the system in E. coli, CRISPR Cas9 was used to knockout the native E. coli tRNA synthetase gene, and the modified synthetase gene was inserted into the bacterial cells.

Project Overview →