Difference between revisions of "Team:Virginia"

 
(183 intermediate revisions by 5 users not shown)
Line 1: Line 1:
−
{{Virginia/stylesheet}}
+
{{Virginia/body}}
 
<html>
 
<html>
−
<style type="text/css">
+
<head>
 +
<style>
  
−
/********************************* DEFAULT WIKI SETTINGS  ********************************/
+
/*Title of Project*/
 +
.homeimagearea {
 +
width:1200px;
 +
text-align:center;
 +
height:240px;
 +
background-color:white;
 +
margin: -1px auto 15px auto;
 +
}
 +
    .homeimagearea2 {
 +
width:1200px;
 +
text-align:center;
 +
height:600px;
 +
background-color:white;
 +
margin: -1px auto 15px auto;
 +
}
  
−
#sideMenu, #top_title {display:none;}
+
.homeimagearea h1 {
−
#content { padding:0px; width:1000px; margin-top:-7px; margin-left:0px;}
+
font-size:85px;
−
body {background-color:white; }
+
text-align:center;
−
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
+
color:white;
 +
}
  
−
/********************************* MENU ********************************/
+
/*Box for content on page*/
 +
.content1 {
 +
width:1200px;
 +
min-height:100px;
 +
margin:-10px auto 12px auto;
 +
}
  
−
/*Navigation menu background*/
+
/*Divs for content blocks*/
−
#menucontainer {
+
#introvideobkg {
−
position:fixed;
+
display:inline-block;
−
z-index:50;
+
background-color:#235c81;
−
height:47px;
+
height:368px;
−
width:100%;
+
width:590px;
−
background-color:#cce5ff;
+
text-align:center;
 +
overflow:hidden;
 
}
 
}
  
 +
#introvideo {
 +
position:relative;
 +
height:320px;
 +
width:569px;
 +
margin:10px auto;
 +
}
  
−
/* Navigation Menu */
+
#introvideo video {
−
.navmenubkg {
+
display:block;
−
  position:fixed;
+
background-image:url("https://static.igem.org/mediawiki/igem.org/2/20/T--Virginia--bc_videopic.png");
−
  display:block;
+
background-size:569px 320px;
−
  z-index:50;
+
background-repeat:no-repeat;
−
  top:10px;
+
−
  height:40px;
+
−
  width:1200px;
+
−
  margin-left:-600px;
+
−
  left:50%;
+
−
  background:#0073e6;
+
−
  margin-top:15px;
+
−
  border-radius:5px;
+
−
}
+
−
.navmenubkg2 {
+
−
  position:fixed;
+
−
  display:none;
+
−
  z-index:50;
+
−
  top:53px;
+
−
  height:50px;
+
−
  width:1200px;
+
−
  left:50%;
+
−
  margin-left:-600px;
+
−
  background:#4db8ff;
+
−
  margin-top:12px;
+
−
}
+
−
#navmenubox {
+
−
    padding:0;
+
−
    margin-left:auto;
+
−
    margin-right:auto;
+
−
    width:1100px;
+
−
    height:40px;
+
−
    z-index:100;
+
−
    display:block;
+
−
    background:transparent;
+
−
    color: rgb(46,43,52);
+
−
    text-align:center;
+
 
}
 
}
  
−
.sidelogos {
+
#vidcap {
−
    float:left;
+
font-family:Lato, sans-serif;
−
    display:block;
+
font-size:16px;
−
    margin-left:auto;
+
color:#ffffff;
−
    height:100%;
+
 
−
    width:auto;
+
−
}
+
−
.sidelogos a {
+
−
  display:block;
+
−
  top:0;
+
−
  bottom:0;
+
 
}
 
}
  
−
.logospace {
+
/*The upper right div*/
−
padding:20px;
+
#homediv2 {
−
width:0px;
+
−
height:0px;
+
 
position:relative;
 
position:relative;
 +
display:inline-block;
 +
height:368px;
 +
width:600px;
 +
margin-left:6px;  /*Automatic 4px space generated between inline-block elements*/
 +
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;
 +
 +
 +
vertical-align:top;
 
}
 
}
  
−
#homelogospace {
+
#stripe {
−
margin-top:4px;
+
background-color:white;
−
background-image:url("https://static.igem.org/mediawiki/2016/8/8c/T--Virginia--homelogocolorfix.jpeg");
+
opacity:0.9;
−
background-size:34px 31px;
+
height:100px;
 +
width:100%;
 +
margin-top:110px;
 +
text-align:center;
 +
padding-top:1px;
 
}
 
}
  
−
#twitterlogospace {
+
#stripe div, #stripe2 div {
−
margin-top:8px;
+
margin-top:-10px;
−
background-image:url("https://static.igem.org/mediawiki/2016/a/a9/T--Virginia--twitterlogocolorfix.jpeg");
+
−
background-size:34px 26px;
+
 
}
 
}
  
−
#facebooklogospace {
+
#stripe div h1, #stripe2 div h1 {
−
margin-top:2px;
+
font-family:Lato, sans-serif;
−
background-image:url("https://static.igem.org/mediawiki/2016/7/7d/T--Virginia--fblogocolorfix.jpeg");
+
font-size:80px;
−
background-size:37px 30px;
+
color:#235c81;
 +
line-height:40px;
 
}
 
}
  
−
#igemlogospace {
+
/*The bottom div*/
−
margin-left:10px;
+
#proj {
−
background-image:url("https://static.igem.org/mediawiki/2016/8/8a/T--Virginia--igemlogocolorfix.jpeg");
+
position:relative;
−
background-size:40px 40px;
+
display:block;
 +
width:1200px;
 +
height:187px;
 +
margin-top:2px;
 +
 +
-webkit-backface-visibility: hidden;
 
}
 
}
  
−
.imgspan {
+
#stripe2 {
 
position:absolute;
 
position:absolute;
−
height:100%;
+
width:1200px;
−
width:100%;
+
height:100px;
−
top:0;
+
text-align:center;
−
left:0;
+
background-color:white;
−
z-index:1;
+
opacity:0.9;
 +
top:50px;
 
}
 
}
  
−
#homelogospace:hover {
+
 
−
background-image:url("https://static.igem.org/mediawiki/2016/0/05/T--Virginia--homelogofinalactual.jpeg");
+
/*Background images for bottom div*/
 +
#back1, #back2, #back3, #back4, #back5 {
 +
height:187px;
 +
width:240px;
 +
display:inline-block;
 +
background-repeat:no-repeat;
 +
background-size:cover;
 +
 
 
}
 
}
  
−
#twitterlogospace:hover {
+
#back1 {
−
background-image:url("https://static.igem.org/mediawiki/2016/c/cd/T--Virginia--twitterlogofinal.jpeg");
+
background-image:url(https://static.igem.org/mediawiki/2016/e/e2/T--Virginia--labpic1.jpeg);
 +
 
}
 
}
  
−
#facebooklogospace:hover {
+
#back2 {
−
background-image:url("https://static.igem.org/mediawiki/2016/2/2d/T--Virginia--fblogofinal.jpeg");
+
background-image:url(https://static.igem.org/mediawiki/2016/f/f7/T--Virginia--labpic2.jpeg);
 
}
 
}
  
−
#igemlogospace:hover {
+
#back3 {
−
background-image:url("https://static.igem.org/mediawiki/2016/0/0b/T--Virginia--homelogofinal.jpeg");
+
background-image:url(https://static.igem.org/mediawiki/2016/b/b9/T--Virginia--labpic3.jpeg);
 
}
 
}
  
−
#pblogo{
+
#back4 {
−
  width:55px;
+
background-image:url(https://static.igem.org/mediawiki/2016/8/84/T--Virginia--labpic4.jpeg);
 
}
 
}
  
−
#fbnoticon{
+
#back5 {
−
  width:38px;
+
background-image:url(https://static.igem.org/mediawiki/2016/1/12/T--Virginia--labpic5.jpeg);
 +
 
}
 
}
−
#twnoticon{
+
 
−
  width:38px;
+
/*Fade in divs*/
−
  margin-right:auto;
+
#homepagefadein1 {
 +
position:absolute;
 +
width:100%;
 +
bottom:0;
 +
height:158px;
 +
 +
opacity:0;
 +
transition:opacity 200ms;
 +
background-color:rgba(0,0,0,0.8);
 
}
 
}
−
#igemlogo{
+
 
−
  width:55px;
+
#fadeintext {
 +
margin:20px;
 +
height:328px;
 +
width:550px;
 +
color:white;
 
}
 
}
−
ul#nav {
+
 
−
    display:block;
+
#homepagefadein1 a, #homepagefadein2 a  {
−
    float:left;
+
color:#4690b0;
−
    padding:0;
+
font-size:17px;
−
    margin:0;
+
text-decoration:none;
−
    list-style: none;
+
font-family:Lato, sans-serif;
−
    height:40px;
+
position:absolute;
−
    width:890px;
+
bottom:11px;
−
    background:none;
+
right:20px;
−
    z-index:100;
+
−
    font-family: Lato, sans-serif;
+
 
}
 
}
−
ul#nav a {
+
 
−
  display:block;
+
#homepagefadein1 a:hover, #homepagefadein2 a:hover {
−
  top:0;
+
text-decoration:underline;
−
  bottom:0;
+
 
}
 
}
−
ul#nav ul {
+
 
−
    margin:0;
+
#homepagefadein2 {
−
    padding:0;
+
position:absolute;
−
    list-style:none;
+
width:100%;
−
    background:transparent;
+
bottom:0;
−
    z-index:100;
+
height:138px;
 +
 
 +
opacity:0;
 +
transition:opacity 200ms;
 +
background-color:rgba(0,0,0,0.8);
 
}
 
}
−
ul#nav li {
+
 
−
    float:left;
+
#fadeintext2 {
−
    padding:0 20px 0 20px;
+
margin:10px 20px 20px 20px;
−
    margin:0;
+
width:1150px;
−
    width:auto;
+
height:98px;
−
    margin-left:10px;
+
color:white;
−
    margin-right:10px;
+
−
    margin-top:9px;
+
−
    line-height:27px;
+
−
    height:36px;
+
−
    font-size:15px;
+
−
    font-weight:600;
+
−
    background:transparent;
+
−
    font-weight:normal;
+
−
    z-index:100;
+
 
}
 
}
−
ul#nav li:hover, ul#nav li.over, ul#nav li:hover a, ul#nav li.over a  {
+
 
−
    color: #ccebff;
+
#fadeintext2 h1 {
 +
margin-top:-3px;
 +
font-size:20px;
 +
color:#4690b0;
 +
font-family:Lato, sans-serif;
 
}
 
}
−
ul#nav a{
+
 
−
    padding:0px;
+
</style>
−
    margin:0px;
+
</head>
−
    width:100%;
+
<body>
−
    height:100%;
+
<div class="maindiv">
−
    text-decoration:none;
+
 
−
    background:transparent;
+
<!-----------------------------------Space reserved for menu------------------------------------>
−
    color:white;
+
<div id="menuspace"></div>
 +
 
 +
<!-----------------------------------Container div---------------------------------------------->
 +
<div class="container">
 +
 
 +
<!---------------------------Top image on page------------------------------------------>
 +
<div class="homeimagearea">
 +
<img src = "https://static.igem.org/mediawiki/2016/6/68/T--Virginia--STC_cover.png">
 +
</div>
 +
 
 +
 
 +
<!---------------------------Page title area-------------------------------------------->
 +
<!--<div class="pagetitle">
 +
<h1 style="color:#66b3ff">Project Overview</h1>
 +
</div>-->
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
<!---------------------------Main content section of page------------------------------->
 +
 +
 
 +
 
 +
<div class="content1">
 +
<div id="introvideobkg">
 +
<div id="introvideo">
 +
<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">
 +
</video>
 +
</div>
 +
<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 id="homediv2">
 +
<div id="stripe">
 +
<div><h1>WHO ARE WE?</h1></div>
 +
</div>
 +
<div id="homepagefadein1">
 +
<div id="fadeintext">
 +
<p><span class="p">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.<br>
 +
</span></p>
 +
</div>
 +
<a href="https://2016.igem.org/Team:Virginia/Team">More about the team &rarr;</a>
 +
</div>
 +
</div>
 +
 
 +
<div id="proj">
 +
<div id="back1"></div><div id="back2"></div><div id="back3"></div><div id="back4"></div><div id="back5"></div>
 +
<div id="stripe2">
 +
<div><h1>THE PROJECT</h1></div>
 +
</div>
 +
<div id="homepagefadein2">
 +
<div id="fadeintext2">
 +
<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.
 +
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>, our goal was used to knockout the native
 +
<i>E. coli</i> tRNA synthetase gene, and insert the modified synthetase gene into the bacterial cells.
 +
</span></p>
 +
</div>
 +
                    <a href="https://2016.igem.org/Team:Virginia/Description">Project Overview &rarr;</a>
 +
</div>
 +
</div>
 +
 
 +
 
 +
 
 +
 
 +
</div>
 +
 
 +
</div>
 +
</div>
 +
 
 +
 
 +
<script>
 +
 
 +
document.getElementById("homediv2").onmouseover = function() {
 +
document.getElementById("homepagefadein1").style.opacity = "1";
 
}
 
}
−
ul#nav a:hover{
+
 
−
    color: #ccebff;
+
document.getElementById("homediv2").onmouseout = function() {
 +
document.getElementById("homepagefadein1").style.opacity = "0";
 
}
 
}
−
#nav li ul {
+
 
−
    display:block;
+
document.getElementById("proj").onmouseover = function() {
−
    margin:0;
+
document.getElementById("homepagefadein2").style.opacity = "1";
−
    margin-left:auto;
+
−
    margin-right:auto;
+
−
    padding:0;
+
−
    list-style: none;
+
−
    width:1100px;
+
−
    height:40px;
+
−
    background:transparent;
+
−
    color:#ccebff;
+
−
    z-index:100;  
+
 
}
 
}
−
#nav li ul li {
+
 
−
    margin:0px;
+
document.getElementById("proj").onmouseout = function() {
−
    margin-top:5px;
+
document.getElementById("homepagefadein2").style.opacity = "0";
−
    padding:0;
+
−
    float:left;
+
−
    background:none;
+
−
    height:100%;
+
−
    line-height:40px;
+
−
    height:40px;
+
−
    width:auto;
+
−
    margin-left:25px;
+
−
    margin-right:25px;
+
−
    color:white;
+
−
    z-index:100;
+
 
}
 
}
−
#nav li:hover .navmenubkg2 {
+
 
−
    display:block;
+
document.getElementById("vid1").onplaying = function() {
−
}
+
document.getElementById("vid1").style.background = "none";
−
#nav li .navmenubkg2:hover {
+
−
    display:block;
+
−
}
+
−
ul#nav li:hover li a, ul#nav li.over li a  {
+
−
    color: white;
+
−
    font-weight:normal;
+
−
    border:none;
+
 
}
 
}
−
ul#nav li li:hover, ul#nav li li.over, ul#nav li li:hover a, ul#nav li li.over a {
 
−
    color:#ccebff;
 
−
    border:none;
 
−
}
 
−
</style>
 
  
−
</head>
+
</script>
−
<body>
+
</body>
−
<div style="clear: both;"></div>
+
</html>
−
<div id="menucontainer">
+
−
<div class="navmenubkg">
+
−
  <div id="navmenubox">
+
−
    <div id="pblogo" class="sidelogos">
+
−
      <div class="logospace" id="homelogospace">
+
−
      <a href="https://2016.igem.org/Team:Virginia" title="Home Page">
+
−
<span class="imgspan"></span>
+
−
      </a>
+
−
      </div>
+
−
    </div>
+
−
    <ul id="nav">
+
−
      <li> <a href="https://2016.igem.org/Team:Virginia/Description" title="Project Overview">PROJECT</a>
+
−
        <div class="navmenubkg2">    
+
−
          <ul>
+
−
            <li  style="margin-left:3px"> <a href="https://2016.igem.org/Team:Virginia/Description" title="Project Overview">PROJECT OVERVIEW</a></li>
+
−
    <li> <a href="https://2016.igem.org/Team:Virginia/Design" title="Design">DESIGN</a> </li>
+
−
    <li> <a href="https://2016.igem.org/Team:Virginia/Modeling" title="Modeling">MODELING</a> </li>
+
−
            <li> <a href="https://2016.igem.org/Team:Virginia/Experiments" title="Experiments">EXPERIMENTS</a> </li>
+
−
            <li> <a href="https://2016.igem.org/Team:Virginia/Proof" title="Proof of Concept">PROOF OF CONCEPT</a> </li>
+
−
    <li> <a href="https://2016.igem.org/Team:Virginia/Results" title="Results">RESULTS</a> </li>
+
−
  </ul>
+
−
        </div>
+
−
      </li>
+
−
      <li> <a href="https://2016.igem.org/Team:Virginia/Parts" title="Parts">PARTS</a>
+
−
        <div class="navmenubkg2">
+
−
          <ul>
+
−
            <li style="margin-left:86px;"> <a href="https://2016.igem.org/Team:Virginia/Parts" title="Parts Overview">PARTS OVERVIEW</a> </li>
+
−
            <li> <a href="https://2016.igem.org/Team:Virginia/Basic_Part" title="Basic Parts">BASIC PARTS</a></li>
+
−
            <li style="width:168px;"> <a href="https://2016.igem.org/Team:Virginia/Composite_Part" title="Composite Parts">COMPOSITE PARTS</a></li>
+
−
            <li> <a href="https://2016.igem.org/Team:Virginia/Part_Collection" title="Parts Collection">PARTS COLLECTION</a></li>
+
−
  </ul>
+
−
        </div>
+
−
      </li>
+
−
      <li> <a href="https://2016.igem.org/Team:Virginia/Human_Practices" title="Human Practices">PRACTICES</a>
+
−
        <div class="navmenubkg2">
+
−
          <ul>
+
−
            <li style="margin-left:180px"> <a href="https://2016.igem.org/Team:Virginia/Human_Practices" title="Human Practices">HUMAN PRACTICES</a></li>
+
−
    <li> <a href="https://2016.igem.org/Team:Virginia/Integrated_Practices" title="Integrated Practices">INTEGRATED PRACTICES</a></li>
+
−
            <li> <a href="https://2016.igem.org/Team:Virginia/HP/Silver" title="Silver">SILVER</a></li>
+
−
            <li> <a href="https://2016.igem.org/Team:Virginia/HP/Gold" title="Gold">GOLD</a></li>
+
−
            <li> <a href="https://2016.igem.org/Team:Virginia/Engagement" title="Engagement">ENGAGEMENT</a></li>
+
−
  </ul>
+
−
        </div>
+
−
      </li>
+
−
      <li> <a href="https://2016.igem.org/Team:Virginia/Entrepreneurship" title="Awards">AWARDS</a>
+
−
        <div class="navmenubkg2">
+
−
  <ul>
+
−
            <li style="margin-left:150px"> <a href="https://2016.igem.org/Team:Virginia/Awards_Overview" title="Awards Overview">AWARDS OVERVIEW</a> </li>
+
−
            <li> <a href="https://2016.igem.org/Team:Virginia/Entrepreneurship" title="Entrepreneurship">ENTREPRENEURSHIP</a> </li>
+
−
    <li> <a href="https://2016.igem.org/Team:Virginia/Hardware" title="Hardware">HARDWARE</a> </li>
+
−
    <li> <a href="https://2016.igem.org/Team:Virginia/Software" title="Software">SOFTWARE</a> </li>
+
−
    <li> <a href="https://2016.igem.org/Team:Virginia/Measurement" title="Measurement">MEASUREMENT</a> </li>
+
−
    <li> <a href="https://2016.igem.org/Team:Virginia/Model" title="Model">MODEL</a> </li>
+
−
  </ul>
+
−
        </div>
+
−
      </li>
+
−
      <li> <a href="https://2016.igem.org/Team:Virginia/Team" title="Team">TEAM</a>
+
−
        <div class="navmenubkg2">
+
−
          <ul>
+
−
            <li style="margin-left:100px;"> <a href="https://2016.igem.org/Team:Virginia/Team" title="Team">TEAM MEMBERS</a>
+
−
            <li > <a href="https://2016.igem.org/Team:Virginia/Collaborations" title="Collaborations">COLLABORATIONS</a></li>
+
−
  </ul>
+
−
        </div>
+
−
      </li>
+
−
      <li> <a href="https://2016.igem.org/Team:Virginia/Safety" title="Documentation">DOCUMENTATION</a>
+
−
        <div class="navmenubkg2">
+
−
          <ul>
+
−
<li style="margin-left:415px;"><a href="https://2016.igem.org/Team:Virginia/Safety" title="Safety">SAFETY</a> </li>
+
−
<li><a href="https://2016.igem.org/Team:Virginia/Notebook" title="Notebook">NOTEBOOK</a></li>
+
−
  </ul>
+
−
        </div>
+
−
      </li>
+
−
      <li> <a href="https://2016.igem.org/Team:Virginia/Attributions" title="Attributions">ATTRIBUTIONS</a>
+
−
        <div class="navmenubkg2">
+
−
  <ul>
+
−
            <li style="margin-left:690px;"> <a href="https://2016.igem.org/Team:Virginia/Attributions" title="Attributions">ATTRIBUTIONS</a></li>
+
−
    <li> <a href="https://2016.igem.org/Team:Virginia/References" title="References">REFERENCES</a></li>    
+
−
  </ul>
+
−
        </div>
+
−
      </li>
+
−
    </ul>
+
−
    <div style="margin-left:10px" id="twnoticon" class="sidelogos">
+
−
      <div class="logospace" id="twitterlogospace">
+
−
      <a href="https://twitter.com/virginia_igem" target="_blank" title="Virginia Twitter">
+
−
<span class="imgspan"></span>
+
−
      </a>
+
−
      </div>
+
−
    </div>
+
−
    <div id="fbnoticon" class="sidelogos">
+
−
      <div class="logospace" id="facebooklogospace">
+
−
      <a href="https://www.facebook.com/uvaigem" target="_blank" title="Virginia Facebook">
+
−
<span class="imgspan"></span>
+
−
      </a>
+
−
      </div>
+
−
    </div>
+
−
    <div id="igemlogo" class="sidelogos">
+
−
    <div class="logospace" id="igemlogospace">
+
−
    <a href="https://2016.igem.org/Main_Page" title="iGEM 2016" target="_blank">
+
−
<span class="imgspan"></span>
+
−
    </a>
+
−
    </div>
+
−
    </div>
+
−
  </div>
+
−
</div>
+
−
</div>
+
−
<div style="clear: both;"></div>
+

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 →