Difference between revisions of "Team:Virginia"

 
(88 intermediate revisions by 5 users not shown)
Line 8: Line 8:
 
width:1200px;
 
width:1200px;
 
text-align:center;
 
text-align:center;
−
height:188px;
+
height:240px;
 +
background-color:white;
 +
margin: -1px auto 15px auto;
 +
}
 +
    .homeimagearea2 {
 +
width:1200px;
 +
text-align:center;
 +
height:600px;
 
background-color:white;
 
background-color:white;
 
margin: -1px auto 15px auto;
 
margin: -1px auto 15px auto;
−
border-radius:5px 5px 0 0;
 
 
}
 
}
  
 
.homeimagearea h1 {
 
.homeimagearea h1 {
−
font-size:110px;
+
font-size:85px;
 
text-align:center;
 
text-align:center;
 
color:white;
 
color:white;
Line 22: Line 28:
 
/*Box for content on page*/
 
/*Box for content on page*/
 
.content1 {
 
.content1 {
−
width:1190px;
+
width:1200px;
 
min-height:100px;
 
min-height:100px;
 
margin:-10px auto 12px auto;
 
margin:-10px auto 12px auto;
Line 30: Line 36:
 
#introvideobkg {
 
#introvideobkg {
 
display:inline-block;
 
display:inline-block;
−
background-color:#cce3ff;
+
background-color:#235c81;
 
height:368px;
 
height:368px;
 
width:590px;
 
width:590px;
−
border-radius:5px;
 
−
box-shadow:1px 1px 3px #80ccff;
 
 
text-align:center;
 
text-align:center;
 
overflow:hidden;
 
overflow:hidden;
Line 44: Line 48:
 
width:569px;
 
width:569px;
 
margin:10px auto;
 
margin:10px auto;
−
}
 
−
 
−
#backgroundtitle {
 
−
position:absolute;
 
−
height:290px;
 
−
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;
 
−
background-color:red;
 
−
z-index:5;
 
 
}
 
}
  
 
#introvideo video {
 
#introvideo video {
 
display:block;
 
display:block;
−
z-index:10;
+
background-image:url("https://static.igem.org/mediawiki/igem.org/2/20/T--Virginia--bc_videopic.png");
 +
background-size:569px 320px;
 +
background-repeat:no-repeat;
 +
 
}
 
}
  
Line 81: Line 61:
 
font-family:Lato, sans-serif;
 
font-family:Lato, sans-serif;
 
font-size:16px;
 
font-size:16px;
 +
color:#ffffff;
 +
 
}
 
}
  
Line 88: Line 70:
 
display:inline-block;
 
display:inline-block;
 
height:368px;
 
height:368px;
−
width:590px;
+
width:600px;
 
margin-left:6px;  /*Automatic 4px space generated between inline-block elements*/
 
margin-left:6px;  /*Automatic 4px space generated between inline-block elements*/
−
background-image:url('https://static.igem.org/mediawiki/2016/f/fd/T--Virginia--teamphoto.jpeg');
+
background-image:url('https://static.igem.org/mediawiki/2016/6/67/T--Virginia--teamphotograss_smaller.jpg');
 
background-repeat:no-repeat;
 
background-repeat:no-repeat;
 
background-size:cover;
 
background-size:cover;
−
border-radius:5px;
+
−
box-shadow:1px 1px 10px #80ccff;
+
 
vertical-align:top;
 
vertical-align:top;
 
}
 
}
Line 103: Line 85:
 
height:100px;
 
height:100px;
 
width:100%;
 
width:100%;
−
margin-top:119px;
+
margin-top:110px;
 
text-align:center;
 
text-align:center;
 
padding-top:1px;
 
padding-top:1px;
Line 115: Line 97:
 
font-family:Lato, sans-serif;
 
font-family:Lato, sans-serif;
 
font-size:80px;
 
font-size:80px;
−
color:#66b3ff;
+
color:#235c81;
 
line-height:40px;
 
line-height:40px;
 
}
 
}
Line 123: Line 105:
 
position:relative;
 
position:relative;
 
display:block;
 
display:block;
−
width:1190px;
+
width:1200px;
 
height:187px;
 
height:187px;
 
margin-top:2px;
 
margin-top:2px;
−
box-shadow:2px 2px 20px #80ccff;
+
−
border-radius:5px;
+
 
-webkit-backface-visibility: hidden;
 
-webkit-backface-visibility: hidden;
 
}
 
}
Line 133: Line 114:
 
#stripe2 {
 
#stripe2 {
 
position:absolute;
 
position:absolute;
−
width:1190px;
+
width:1200px;
 
height:100px;
 
height:100px;
 
text-align:center;
 
text-align:center;
Line 145: Line 126:
 
#back1, #back2, #back3, #back4, #back5 {
 
#back1, #back2, #back3, #back4, #back5 {
 
height:187px;
 
height:187px;
−
width:238px;
+
width:240px;
 
display:inline-block;
 
display:inline-block;
 
background-repeat:no-repeat;
 
background-repeat:no-repeat;
Line 154: Line 135:
 
#back1 {
 
#back1 {
 
background-image:url(https://static.igem.org/mediawiki/2016/e/e2/T--Virginia--labpic1.jpeg);
 
background-image:url(https://static.igem.org/mediawiki/2016/e/e2/T--Virginia--labpic1.jpeg);
−
border-radius:5px 0 0 5px;
+
 
}
 
}
  
Line 171: Line 152:
 
#back5 {
 
#back5 {
 
background-image:url(https://static.igem.org/mediawiki/2016/1/12/T--Virginia--labpic5.jpeg);
 
background-image:url(https://static.igem.org/mediawiki/2016/1/12/T--Virginia--labpic5.jpeg);
−
border-radius:0 5px 5px 0;
+
 
}
 
}
  
Line 179: Line 160:
 
width:100%;
 
width:100%;
 
bottom:0;
 
bottom:0;
−
height:148px;
+
height:158px;
−
border-radius:0 0 5px 5px;
+
 
opacity:0;
 
opacity:0;
 
transition:opacity 200ms;
 
transition:opacity 200ms;
Line 194: Line 175:
  
 
#homepagefadein1 a, #homepagefadein2 a  {
 
#homepagefadein1 a, #homepagefadein2 a  {
−
color:#66b3ff;
+
color:#4690b0;
 
font-size:17px;
 
font-size:17px;
 
text-decoration:none;
 
text-decoration:none;
Line 212: Line 193:
 
bottom:0;
 
bottom:0;
 
height:138px;
 
height:138px;
−
border-radius:0 0 5px 5px;
+
 
 
opacity:0;
 
opacity:0;
 
transition:opacity 200ms;
 
transition:opacity 200ms;
Line 228: Line 209:
 
margin-top:-3px;
 
margin-top:-3px;
 
font-size:20px;
 
font-size:20px;
−
color:#66b3ff;
+
color:#4690b0;
 
font-family:Lato, sans-serif;
 
font-family:Lato, sans-serif;
 
}
 
}
Line 244: Line 225:
  
 
<!---------------------------Top image on page------------------------------------------>
 
<!---------------------------Top image on page------------------------------------------>
−
<div class="homeimagearea" style="background-color:#ffa366">
+
<div class="homeimagearea">
−
<h1 style="line-height:100px">LEU-LOCK</h1>
+
<img src = "https://static.igem.org/mediawiki/2016/6/68/T--Virginia--STC_cover.png">
 
</div>
 
</div>
  
Line 261: Line 242:
  
 
<!---------------------------Main content section of page------------------------------->
 
<!---------------------------Main content section of page------------------------------->
−
<div class="content1">
+
 +
 
 +
 
 +
<div class="content1">
 
<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"></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">
 
</video>
 
</video>
 
</div>
 
</div>
−
<span id="vidcap"><i>Want to learn more about synthetic biology? Click <a href="">here</a>.</i></span>
+
<span id="vidcap"><i>Want to learn more about synthetic biology? Click <a href="https://2016.igem.org/Team:Virginia/Public_Education" style="color:#ffec7b">here</a>.</i></span>
 
</div>
 
</div>
  
Line 284: Line 266:
 
</span></p>
 
</span></p>
 
</div>
 
</div>
−
<a href="https://2016.igem.org/Team:Virginia/Team" target="_blank">More about the team &rarr;</a>
+
<a href="https://2016.igem.org/Team:Virginia/Team">More about the team &rarr;</a>
 
</div>
 
</div>
 
</div>
 
</div>
Line 295: Line 277:
 
<div id="homepagefadein2">
 
<div id="homepagefadein2">
 
<div id="fadeintext2">
 
<div id="fadeintext2">
−
<h1>Leu-Lock</h1>
+
<h1>Synthetic Translational Control</h1>
 
<p><span class="p">We set out to design a novel biocontainment mechanism based upon the modification of the leucyl tRNA synthetase enzyme.  
 
<p><span class="p">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 -  
 
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 <i>E. coli</i>, CRISPR Cas9 was used to knockout the native  
+
hence the title of our project. To implement the system in <i>E. coli</i>, our goal was used to knockout the native  
−
<i>E. coli</i> tRNA synthetase gene, and the modified synthetase gene was inserted into the bacterial cells.
+
<i>E. coli</i> tRNA synthetase gene, and insert the modified synthetase gene into the bacterial cells.
 
</span></p>
 
</span></p>
 
</div>
 
</div>
−
<a href="https://2016.igem.org/Team:Virginia/Description">Project Overview &rarr;<a/>
+
                    <a href="https://2016.igem.org/Team:Virginia/Description">Project Overview &rarr;</a>
 
</div>
 
</div>
 
</div>
 
</div>
Line 334: Line 316:
  
 
document.getElementById("vid1").onplaying = function() {
 
document.getElementById("vid1").onplaying = function() {
−
document.getElementById("backgroundtitle").style.opacity = "0";
+
document.getElementById("vid1").style.background = "none";
 
}
 
}
−
 
−
document.getElementById("vid1").addEventListener('ended',myHandler,false);
 
−
function myHandler(e) {
 
−
document.getElementById("backgroundtitle").style.opacity = "0.9";
 
−
}
 
−
 
  
 
</script>
 
</script>
 
</body>
 
</body>
 
</html>
 
</html>

Latest revision as of 03:38, 20 October 2016

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

Synthetic Translational Control

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, our goal was used to knockout the native E. coli tRNA synthetase gene, and insert the modified synthetase gene into the bacterial cells.

Project Overview →