Difference between revisions of "Team:Virginia"

 
(425 intermediate revisions by 6 users not shown)
Line 1: Line 1:
−
{{Virginia}}
+
{{Virginia/body}}
 
<html>
 
<html>
−
 
+
<head>
−
 
+
−
 
+
−
 
+
 
<style>
 
<style>
−
/* Top Banner */
+
 
−
#topheader{
+
/*Title of Project*/
−
    display:block;
+
.homeimagearea {
−
    position:absolute;
+
width:1200px;
−
    top:-15px;
+
text-align:center;
−
    width:100%;
+
height:240px;
−
    margin-bottom:-120px;
+
background-color:white;
−
    position:relative;
+
margin: -1px auto 15px auto;
 
}
 
}
−
#BotArrow{
+
    .homeimagearea2 {
−
    position: relative;-
+
width:1200px;
−
    z-index:2;
+
text-align:center;
−
    bottom:42px;
+
height:600px;
−
    margin-bottom:-42px;
+
background-color:white;
 +
margin: -1px auto 15px auto;
 
}
 
}
−
#PBlogo {
+
 
−
    position:relative;
+
.homeimagearea h1 {
−
    bottom:580px;
+
font-size:85px;
−
    left:30px;
+
text-align:center;
 +
color:white;
 
}
 
}
−
/* Panels */
+
 
−
.panel {
+
/*Box for content on page*/
−
    width:1100px;
+
.content1 {
−
    height:528px;
+
width:1200px;
−
    margin:0;
+
min-height:100px;
−
    margin-bottom:0px;
+
margin:-10px auto 12px auto;
−
    color: rgb(30,39,43);
+
−
    font-family: 'Yanone Kaffeesatz', sans-serif;
+
 
}
 
}
−
.panel a {
+
 
−
    color: rgb(46,43,52);
+
/*Divs for content blocks*/
−
    text-decoration:none;
+
#introvideobkg {
 +
display:inline-block;
 +
background-color:#235c81;
 +
height:368px;
 +
width:590px;
 +
text-align:center;
 +
overflow:hidden;
 
}
 
}
−
/* Subpanels */
+
 
−
.narrowimg {/* Subpanels background*/
+
#introvideo {
−
    /*position:absolute;*/
+
position:relative;
−
    z-index:2;
+
height:320px;
−
    opacity:0.3;
+
width:569px;
−
    filter: alpha(opacity=30);
+
margin:10px auto;
 
}
 
}
−
.titlebox {/* Subpanels Title*/
+
 
−
    z-index:1;
+
#introvideo video {
−
    position:relative;
+
display:block;
−
    bottom:480px;
+
background-image:url("https://static.igem.org/mediawiki/igem.org/2/20/T--Virginia--bc_videopic.png");
−
    background:transparent;
+
background-size:569px 320px;
 +
background-repeat:no-repeat;
 +
 
}
 
}
−
/* Project Panels*/
+
 
−
.subpanel1 { /* Overview */
+
#vidcap {
−
    float:left;
+
font-family:Lato, sans-serif;
−
    width:535px;
+
font-size:16px;
−
    height:428px;
+
color:#ffffff;
−
    margin-top:0;
+
 
−
    margin-right:20px;
+
−
    margin-bottom:12px;
+
−
    border-radius:7px;
+
−
    background:rgb(252,250,229);
+
 
}
 
}
−
.spdesc { /* Overview content */
+
 
−
    display:none;
+
/*The upper right div*/
−
    height:100px;
+
#homediv2 {
−
    color:rgb(30,39,43);
+
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-size:cover;
 +
 +
 +
vertical-align:top;
 
}
 
}
−
.cont { /* Overview content */
+
 
−
    width:90%;
+
#stripe {
−
    height:auto;
+
background-color:white;
−
    margin-left:5%;
+
opacity:0.9;
−
    margin-top:5%;
+
height:100px;
−
    background:transparent;
+
width:100%;
 +
margin-top:110px;
 +
text-align:center;
 +
padding-top:1px;
 
}
 
}
−
.cont p {
+
 
−
    line-height:28px;
+
#stripe div, #stripe2 div {
−
    width:auto;
+
margin-top:-10px;
−
    height:auto;
+
−
    margin:5% 2%;
+
 
}
 
}
−
.subpanel2 { /* Projects */
+
 
−
    float:left;
+
#stripe div h1, #stripe2 div h1 {
−
    width:125px;
+
font-family:Lato, sans-serif;
−
    height:492px;
+
font-size:80px;
−
    font-size:22px;
+
color:#235c81;
−
    text-align:center;
+
line-height:40px;
−
    margin-top:0;  
+
−
    margin-right:11px;
+
−
    border-radius:7px;
+
−
    overflow:hidden;
+
 
}
 
}
−
.subpanel2:hover{
+
 
−
    font-weight:bold;
+
/*The bottom div*/
 +
#proj {
 +
position:relative;
 +
display:block;
 +
width:1200px;
 +
height:187px;
 +
margin-top:2px;
 +
 +
-webkit-backface-visibility: hidden;
 
}
 
}
−
.subpanel2:hover .narrowimg {
+
 
−
    opacity:0.8;
+
#stripe2 {
−
    filter: alpha(opacity=80);
+
position:absolute;
−
}
+
width:1200px;
−
.subpanel3 { /* Results */
+
height:100px;
−
    float:left;
+
text-align:center;
−
    width:535px;
+
background-color:white;
−
    height:50px;
+
opacity:0.9;
−
    font-size:30px;
+
top:50px;
−
    text-align:left;
+
−
    line-height:50px;
+
−
    background:rgb(30,39,43);
+
−
    color:white;  
+
−
    border-radius:7px;
+
−
    position:relative;
+
−
    bottom:50px;
+
−
    font-family: 'Great Vibes', cursive;
+
−
    font-size: 35px;
+
−
}
+
−
/* Human Practice */
+
−
.subpanel4 { /* divide page in 3 */
+
−
    float:left;
+
−
    width:354px;
+
−
    height:492px;
+
−
    font-size:22px;
+
−
    margin-top:0;
+
−
    margin-right:18px;
+
−
}
+
−
.subpanel5 { /* TB Facts, TB in France, TB Gallery */
+
−
    height:156px;
+
−
    text-align:center;
+
−
    margin-bottom:11px;
+
−
    background:rgb(255,255,255);
+
−
    color:black;
+
−
    border-radius:7px;
+
−
    overflow:hidden;
+
 
}
 
}
−
.subpanel5:hover{
 
−
    font-weight:bold;
 
−
}
 
−
.subpanel5:hover .narrowimg {
 
−
    opacity:0.8;
 
−
    filter: alpha(opacity=80);
 
−
}
 
−
.subpanel7 { /* Gender */
 
−
    float:left;
 
−
    width:354px;
 
−
    height:283px;
 
−
    font-size:22px;
 
−
    background:rgb(255,255,255);
 
−
    color:black;
 
−
    border-radius:7px;
 
−
    overflow:hidden;
 
−
    text-align:center;
 
−
}
 
−
.subpanel7:hover{
 
−
    font-weight:bold;
 
−
}
 
−
.subpanel7:hover .narrowimg {
 
−
    opacity:0.8;
 
−
    filter: alpha(opacity=80);
 
−
}
 
−
.subpanel9 { /* Tech Transfer */
 
−
    float:left;
 
−
    width:354px;
 
−
    height: 198px;
 
−
    font-size:22px;
 
−
    background:rgb(255,255,255);
 
−
    color:black;
 
−
    border-radius:7px;
 
−
    overflow:hidden;
 
−
    text-align:center;
 
−
    margin-top:11px;
 
−
}
 
−
.subpanel9:hover .narrowimg {
 
−
    opacity:0.8;
 
−
    filter: alpha(opacity=80);
 
−
}
 
−
.subpanel9:hover{
 
−
    font-weight:bold;
 
−
}
 
−
.subpanel6 { /* Collaboration, SensiGEM */
 
−
    height:240.5px;
 
−
    margin:0;
 
−
    margin-bottom:11px;
 
−
    border-radius:7px;
 
−
    overflow:hidden;
 
−
    background:rgb(255,255,255);
 
−
    color:Black;
 
−
    text-align:center;
 
−
}
 
−
.subpanel6:hover{
 
−
    font-weight:bold;
 
−
}
 
−
.subpanel6:hover .narrowimg {
 
−
    opacity:0.8;
 
−
    filter: alpha(opacity=80);
 
−
}
 
−
/* Panels at the bottom */
 
−
.subpanel8 {
 
−
    float:left;
 
−
    height:96px;
 
−
    width:261.5px;
 
−
    margin-right:18px;
 
−
    border-radius:7px;
 
−
    overflow:hidden;
 
−
    background:rgb(30,39,43);
 
−
    color:white;
 
−
}
 
−
.subpanel8 img {
 
−
    margin-top:16px;
 
−
    background:white;
 
−
}
 
−
.subpanel8 img:hover {
 
−
    background:rgb(252,250,229);
 
−
}
 
−
</style>
 
  
  
 +
/*Background images for bottom div*/
 +
#back1, #back2, #back3, #back4, #back5 {
 +
height:187px;
 +
width:240px;
 +
display:inline-block;
 +
background-repeat:no-repeat;
 +
background-size:cover;
  
 +
}
  
 +
#back1 {
 +
background-image:url(https://static.igem.org/mediawiki/2016/e/e2/T--Virginia--labpic1.jpeg);
 +
 +
}
  
 +
#back2 {
 +
background-image:url(https://static.igem.org/mediawiki/2016/f/f7/T--Virginia--labpic2.jpeg);
 +
}
  
 +
#back3 {
 +
background-image:url(https://static.igem.org/mediawiki/2016/b/b9/T--Virginia--labpic3.jpeg);
 +
}
  
 +
#back4 {
 +
background-image:url(https://static.igem.org/mediawiki/2016/8/84/T--Virginia--labpic4.jpeg);
 +
}
  
 +
#back5 {
 +
background-image:url(https://static.igem.org/mediawiki/2016/1/12/T--Virginia--labpic5.jpeg);
 +
 +
}
  
 +
/*Fade in divs*/
 +
#homepagefadein1 {
 +
position:absolute;
 +
width:100%;
 +
bottom:0;
 +
height:158px;
 +
 +
opacity:0;
 +
transition:opacity 200ms;
 +
background-color:rgba(0,0,0,0.8);
 +
}
  
 +
#fadeintext {
 +
margin:20px;
 +
height:328px;
 +
width:550px;
 +
color:white;
 +
}
  
 +
#homepagefadein1 a, #homepagefadein2 a  {
 +
color:#4690b0;
 +
font-size:17px;
 +
text-decoration:none;
 +
font-family:Lato, sans-serif;
 +
position:absolute;
 +
bottom:11px;
 +
right:20px;
 +
}
  
 +
#homepagefadein1 a:hover, #homepagefadein2 a:hover {
 +
text-decoration:underline;
 +
}
  
 +
#homepagefadein2 {
 +
position:absolute;
 +
width:100%;
 +
bottom:0;
 +
height:138px;
  
 +
opacity:0;
 +
transition:opacity 200ms;
 +
background-color:rgba(0,0,0,0.8);
 +
}
  
 +
#fadeintext2 {
 +
margin:10px 20px 20px 20px;
 +
width:1150px;
 +
height:98px;
 +
color:white;
 +
}
  
 +
#fadeintext2 h1 {
 +
margin-top:-3px;
 +
font-size:20px;
 +
color:#4690b0;
 +
font-family:Lato, sans-serif;
 +
}
  
 +
</style>
 +
</head>
 +
<body>
 +
<div class="maindiv">
  
 +
<!-----------------------------------Space reserved for menu------------------------------------>
 +
<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>-->
  
  
Line 241: Line 241:
  
  
 +
<!---------------------------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 class="column full_size" >
+
</div>
−
<img src="https://static.igem.org/mediawiki/2016/d/da/VGEM_cast_pic.jpeg">
+
 
 +
</div>
 
</div>
 
</div>
  
−
<div class="column full_size" >
 
−
<h2 style="font-family:Arial; text-align:center;"> Welcome to VGEM 2016! </h2>
 
  
−
<h2 style= "font-family:Arial; text-align:center"> How did we choose our project?</h2>
+
<script>
  
−
<div style="margin-left: 40px; margin-right: 40px">
+
document.getElementById("homediv2").onmouseover = function() {
−
<p style= "font-size: 17px; text-align:center; color:black;"> Our team split into three small groups in March and each proposed a refined project idea. Our other ideas included lysin synthesis to treat acne and the development of a bamboo chassis to combat air pollution. After much heated debate and further research into project feasibility, we chose to focus our research on biocontainment. We wanted to use a large-scale approach to improve the field of synthetic biology. By developing a reliable biocontrol standard, we aim to promote practical, safe implementation of biological devices.
+
document.getElementById("homepagefadein1").style.opacity = "1";
−
</p></div>
+
}
−
<h2 style= "font-family:Arial; text-align:center"> Project Description</h2>
+
−
<div style="margin-left: 40px; margin-right: 40px">
+
−
<p style= "font-size: 17px; text-align:center; color:black;"> The field of synthetic biology currently struggles with the issue of containment both in laboratory settings and real-world environments. This shortcoming prevents the widespread implementation of useful engineered devices and calls for a cellular-based containment system that can operate in an open environment and provide security comparable to physical containment. Although several biological methods currently exist for containment, these methods allow some degree of genetic escape through horizontal gene transfer, spontaneous mutagenesis, or utilization of environmentally available compounds (1). The Virginia iGEM team proposes to use the CRISPR/Cas9 system to redesign leucyl-tRNA synthetase to confer metabolic dependence on modified leucine in <em>Escherichia coli</em>. <strong>Our goal is to create the foundation for a reliable, standardized, and universally applicable biocontainment system.</strong></p>
+
−
 
+
−
<p style= "color: black">1. Mandell, Daniel J., Marc J. Lajoie, Michael T. Mee, Ryo Takeuchi, Gleb Kuznetsov, Julie E. Norville, Christopher J. Gregg, Barry L. Stoddard, and George M. Church. "Corrigendum: Biocontainment of Genetically Modified Organisms by Synthetic Protein Design." Nature 527.7577 (2015): 264. Web.</p>
+
−
 
+
−
 
+
−
</div>
+
  
 +
document.getElementById("homediv2").onmouseout = function() {
 +
document.getElementById("homepagefadein1").style.opacity = "0";
 +
}
  
 +
document.getElementById("proj").onmouseover = function() {
 +
document.getElementById("homepagefadein2").style.opacity = "1";
 +
}
  
 +
document.getElementById("proj").onmouseout = function() {
 +
document.getElementById("homepagefadein2").style.opacity = "0";
 +
}
  
 +
document.getElementById("vid1").onplaying = function() {
 +
document.getElementById("vid1").style.background = "none";
 +
}
  
 +
</script>
 +
</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 →