Difference between revisions of "Team:Virginia"

Line 1: Line 1:
−
{{Virginia}}
+
<!DOCTYPE html>
 +
<!--
 +
To change this license header, choose License Headers in Project Properties.
 +
To change this template file, choose Tools | Templates
 +
and open the template in the editor.
 +
-->
 +
{{Virginia/body}}
 
<html>
 
<html>
 +
 +
<head>
 +
<style>
 +
 +
.references {
 +
position:relative;
 +
}
 +
 +
.refbox {
 +
position:absolute;
 +
bottom:21px;
 +
left:18px;
 +
height:120px;
 +
width:240px;
 +
background-color:rgba(0,0,0,0.2);
 +
display:none;
 +
border-radius:5px;
 +
}
  
  
  
  
−
<style>
 
−
/* Top Banner */
 
−
#topheader{
 
−
    display:block;
 
−
    position:absolute;
 
−
    top:-15px;
 
−
    width:100%;
 
−
    margin-bottom:-120px;
 
−
    position:relative;
 
−
}
 
−
#BotArrow{
 
−
    position: relative;-
 
−
    z-index:2;
 
−
    bottom:42px;
 
−
    margin-bottom:-42px;
 
−
}
 
−
#PBlogo {
 
−
    position:relative;
 
−
    bottom:580px;
 
−
    left:30px;
 
−
}
 
−
/* Panels */
 
−
.panel {
 
−
    width:1100px;
 
−
    height:528px;
 
−
    margin:0;
 
−
    margin-bottom:0px;
 
−
    color: rgb(30,39,43);
 
−
    font-family: 'Yanone Kaffeesatz', sans-serif;
 
−
}
 
−
.panel a {
 
−
    color: rgb(46,43,52);
 
−
    text-decoration:none;
 
−
}
 
−
/* Subpanels */
 
−
.narrowimg {/* Subpanels background*/
 
−
    /*position:absolute;*/
 
−
    z-index:2;
 
−
    opacity:0.3;
 
−
    filter: alpha(opacity=30);
 
−
}
 
−
.titlebox {/* Subpanels Title*/
 
−
    z-index:1;
 
−
    position:relative;
 
−
    bottom:480px;
 
−
    background:transparent;
 
−
}
 
−
/* Project Panels*/
 
−
.subpanel1 { /* Overview */
 
−
    float:left;
 
−
    width:535px;
 
−
    height:428px;
 
−
    margin-top:0;
 
−
    margin-right:20px;
 
−
    margin-bottom:12px;
 
−
    border-radius:7px;
 
−
    background:rgb(252,250,229);
 
−
}
 
−
.spdesc { /* Overview content */
 
−
    display:none;
 
−
    height:100px;
 
−
    color:rgb(30,39,43);
 
−
}
 
−
.cont { /* Overview content */
 
−
    width:90%;
 
−
    height:auto;
 
−
    margin-left:5%;
 
−
    margin-top:5%;
 
−
    background:transparent;
 
−
}
 
−
.cont p {
 
−
    line-height:28px;
 
−
    width:auto;
 
−
    height:auto;
 
−
    margin:5% 2%;
 
−
}
 
−
.subpanel2 { /* Projects */
 
−
    float:left;
 
−
    width:125px;
 
−
    height:492px;
 
−
    font-size:22px;
 
−
    text-align:center;
 
−
    margin-top:0;
 
−
    margin-right:11px;
 
−
    border-radius:7px;
 
−
    overflow:hidden;
 
−
}
 
−
.subpanel2:hover{
 
−
    font-weight:bold;
 
−
}
 
−
.subpanel2:hover .narrowimg {
 
−
    opacity:0.8;
 
−
    filter: alpha(opacity=80);
 
−
}
 
−
.subpanel3 { /* Results */
 
−
    float:left;
 
−
    width:535px;
 
−
    height:50px;
 
−
    font-size:30px;
 
−
    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>
 
</style>
 +
</head>
 +
<body>
  
 +
<div class="maindiv">
  
 +
<!-----------------------------------Space reserved for menu------------------------------------>
 +
<div id="menuspace"></div>
  
−
<div class="column full_size" >
+
<!-----------------------------------Container div---------------------------------------------->
−
<img src="https://static.igem.org/mediawiki/2016/d/da/VGEM_cast_pic.jpeg">
+
<div class="container">
−
</div>
+
  
−
<div class="column full_size" >
+
<!---------------------------Top image on page------------------------------------------>
−
<h2 style="font-family:Arial; text-align:center;"> Welcome to VGEM 2016 </h2>
+
<div class="imagearea" style="background-color:#ffa366">
 +
<h1 style="font-size:150px; text-align:center; color:white; line-height:125px">PROJECT OVERVIEW</h1>
 +
</div>
  
−
<h2 style= "font-family:Arial; text-align:center"> How did we choose our project?</h2>
 
  
−
<div style="margin-left: 40px; margin-right: 40px">
+
<!---------------------------Page title area-------------------------------------------->
−
<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.
+
<!--<div class="pagetitle">
−
</p></div>
+
<h1 style="color:#66b3ff">HOME PAGE</h1>
−
<h2 style= "font-family:Arial; text-align:center"> Project Description</h2>
+
</div>-->
−
<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>
 
  
 +
<!---------------------------Main content section of page------------------------------->
 +
<div class="content">
  
−
</div>
+
<p><span class="p">
 +
<span class="ptitle">How did we choose our project?</span><br><br> 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.
 +
<br><br><span class="ptitle">Project Description</span><br><br>  
 +
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.
  
 +
<a class="references" href="#"><span class="refbox">Text inside span</span><sup>1</sup></a>
  
 +
The Virginia iGEM team proposes to use the CRISPR/Cas9 system to redesign leucyl-tRNA synthetase to confer metabolic dependence on modified leucine in <i>Escherichia coli</i>.
 +
Our goal is to create the foundation for a reliable, standardized, and universally applicable biocontainment system.
 +
</span></p>
 +
</div>
 +
 +
</div>
 +
</div>
  
  
 +
<!-----------------------------------------Jquery------------------------------------>
 +
<script>
 +
$(".references").click(function(e){
 +
e.preventDefault();
 +
$(this).find(".refbox").fadeIn("slow");
 +
});
 +
</script>
  
 +
</body>
 
</html>
 
</html>

Revision as of 21:02, 1 August 2016

<!DOCTYPE html>

PROJECT OVERVIEW

How did we choose our project?

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.

Project Description

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. Text inside span1 The Virginia iGEM team proposes to use the CRISPR/Cas9 system to redesign leucyl-tRNA synthetase to confer metabolic dependence on modified leucine in Escherichia coli. Our goal is to create the foundation for a reliable, standardized, and universally applicable biocontainment system.