Difference between revisions of "Template:Vanderbilt"

Line 1: Line 1:
 
{{Template_All_Teams}}
 
{{Template_All_Teams}}
  
−
<!-- Declare that you are going to use html code instead of wiki code -->
 
 
<html>
 
<html>
 +
<head>
 +
<title>Vanderbilt iGEM</title>
 +
<meta charset="utf-8">
 +
<meta name="viewport"
 +
  content="width=device-width, initial-scale=1">
 +
<link rel="stylesheet"
 +
  href="http://maxcdn.boostrapcdn.com/bootstrap/3.35/css/bootstrap.min.css">
 +
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
 +
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.35/js/bootstrap.min.js"></script>
 +
 +
<style>
 +
body {
 +
position: relative;
 +
}
 +
.p {
 +
padding-top:50px;
 +
height:500px;
 +
color:#fff;
 +
}
 +
#p1 {
 +
background-color:#1E88E5;
 +
}
 +
#p2 {
 +
background-color:#673ab7;
 +
}
 +
#p3 {
 +
background-color:#FF9800;
 +
}
 +
#p4 {
 +
background-color:#00bcd4;
 +
}
 +
#p5 {
 +
background-color:#009688;
 +
}
 +
#p6 {
 +
background-color:#ABC930;
 +
}
 +
</style>
 +
 +
<body data-spy="scroll" data-target=".navbar" data-offset="50">
  
−
<!-- Start of CSS-->
+
<nav class="navbar navbar-inverse navbar-fixed-top">
−
<style type="text/css">
+
<div class="container-fluid">
−
 
+
<div class="navbar-header">
−
/* PAGE LAYOUT */
+
<button type="button"
−
 
+
class="navbar-toggle"
−
/* Change Background color*/
+
data-toggle="collapse"
−
body {
+
data-target="#menu">
−
background-color: #fff;
+
<span class="icon-bar"></span>
−
}
+
<span class="icon-bar"></span>
−
 
+
<span class="icon-bar"></span>
−
/* Creates a container that will wrap all of the content inside your wiki pages. */
+
</button>
−
#mainContainer { 
+
<a class="narbar-brand" href="#">Vanderbilt iGEM</a>
−
width: 978px;
+
</div>
−
overflow:hidden;
+
<div>
−
float:left;
+
<div class="collapse navbar-collapse" id="menu">
−
margin-left:20px;
+
<ul class="nav navbar-nav">
−
margin-bottom: 10px;
+
<li><a href="#p1">Par 1</a></li>
−
background-color: #fff;
+
<li><a href="#p2">Par 2</a></li>
−
border-bottom: 14px solid #565656;
+
<li><a href="#p3">Par 3</a></li>
−
border-right: 2px solid #565656;
+
<li><a href="#p4">Par 4</a></li>
−
border-left: 2px solid #565656;
+
<li><a href="#p5">Par 5</a></li>
−
border-top: 2px solid #565656;
+
<li class="dropdown">
−
font-family: "Trebuchet MS", Helvetica, sans-serif;
+
<a class="dropdown-toggle"
−
}
+
  data-toggle="dropdown"
−
 
+
  href="#">
−
/* Creates the container for the menu */
+
Par 4
−
#menuContainer  {
+
<span class="caret"></span>
−
float:left;
+
</a>
−
width: 134px;
+
<ul class="dropdown-menu">
−
padding: 20px 0px;
+
<li><a href="#p4">Par 4</a></li>
−
border-top: 14px solid #565656;
+
<li><a href="#p5">Par 5</a></li>
−
background-color: #E8E8E9;
+
</li>
−
}
+
<li><a href="#p6">Par 6</a></li>
−
 
+
</ul>
−
/* Creates the container for the content */
+
−
#contentContainer {
+
−
padding-top:20px;
+
−
padding-right:10px;
+
−
margin-bottom: 20px;
+
−
width: 814px;
+
−
padding-left: 20px;
+
−
float: left;
+
−
background-color: #fff;
+
−
border-top: 14px solid #565656;
+
−
font-family: "Trebuchet MS", Helvetica, sans-serif;
+
−
}
+
−
 
+
−
/*Set up height place holder for the banner*/
+
−
#bannerContainer {
+
−
height:200px;
+
−
margin:auto;
+
−
text-align:center;
+
−
color: #24B694;
+
−
}
+
−
 
+
−
/*VISUAL STYLE (TABLES, FONTS, LINKS, IMAGES, UL) */
+
−
 
+
−
/*Change the styling of text for everything inside main container*/
+
−
#mainContainer p {
+
−
font-size: 13px;
+
−
color: #000000;
+
−
}
+
−
+
−
/*This changes the color and font family */
+
−
#contentContainer h1, h2, h3, h4, h5, h6 {
+
−
color: #565656;
+
−
border-bottom: none;
+
−
font-weight: bold;
+
−
font-family: "Trebuchet MS", Helvetica, sans-serif;
+
−
margin-top:10px;
+
−
}
+
−
 
+
−
/*Style of the links - links are different inside the menu */
+
−
#contentContainer a {
+
−
font-weight: bold;
+
−
color: #23b593;
+
−
}
+
−
 
+
−
  /* Styling links on hover- links are different inside the menu */
+
−
#contentContainer a:hover {
+
−
color: #59bf92;
+
−
}
+
−
 
+
−
/*Change the styling of tables */
+
−
        #contentContainer table {
+
−
    border: 1px solid #565656;
+
−
    border-collapse: collapse;
+
−
    width: 90%
+
−
    margin: auto;
+
−
    margin-bottom: 15px;
+
−
    margin-top: 15px;
+
−
    margin-right: 10px;
+
−
    margin-left: 10px;
+
−
    }
+
−
 
+
−
/*Change the styling of table cells*/
+
−
    #contentContainer  td {
+
−
    padding: 10px;
+
−
    border: 1px solid #565656;
+
−
    border-collapse: collapse;
+
−
    vertical-align: text-top;
+
−
    }
+
−
 
+
−
/*Change the styling of table headers */
+
−
    #contentContainer th {
+
−
    background-color: #E8E8E9;
+
−
    padding: 10px;
+
−
    border: 1px solid #565656;
+
−
    border-collapse: collapse;
+
−
    vertical-align: text-top;
+
−
    }
+
−
 
+
−
 
+
−
 
+
−
/*MENU STYLING */
+
−
 
+
−
/*Styling for the links in the menu */
+
−
#menuContainer a {
+
−
color: #565656;
+
−
text-decoration:none;
+
−
font-weight: bold;
+
−
}
+
−
 
+
−
/* Sets the style for lists inside menuContainer  */
+
−
#menuContainer ul {
+
−
list-style: none;
+
−
margin-left:0px;
+
−
}
+
−
 
+
−
/*Styles the list items to become menu buttons */
+
−
#menuContainer ul li {
+
−
text-align: center;
+
−
display: block;
+
−
width: 100%;
+
−
height:30px;
+
−
padding-top:10px;
+
−
}
+
−
 
+
−
/*For the menu buttons, changes the color when hovering*/
+
−
#menuContainer li:hover {
+
−
color:  #FFF;
+
−
background-color: #24B694;
+
−
}
+
−
 
+
−
/*Submenus are not displayed as default*/
+
−
#menuContainer li ul {
+
−
display: none;
+
−
padding-top:15px;
+
−
margin-left: -19px;
+
−
}
+
−
 
+
−
/*Submenus are displayed when hovering the menu button */
+
−
#menuContainer li:hover ul {
+
−
/*display: inline-block; */
+
−
display: block;
+
−
position: absolute;
+
−
float:right;
+
−
margin-left: 134px;
+
−
margin-top:-42px;
+
−
}
+
−
 
+
−
/*Style the submenu buttons*/
+
−
#menuContainer li ul li{
+
−
background-color: #59BF92;
+
−
padding-left:20px;
+
−
padding-right:20px;
+
−
height:30px;
+
−
padding-top:10px;
+
−
margin-top:-2px;
+
−
color: #565656;
+
−
width: 150px;
+
−
}
+
−
 
+
−
/*CLASSES */
+
−
 
+
−
/*Clear class for all the pages, adds spacing too*/
+
−
.clear{
+
−
clear:both;
+
−
height: 10px;
+
−
}
+
−
 
+
−
 
+
−
/* highlight box for special messages */
+
−
    .highlightBox {
+
−
        width:500px;
+
−
        margin:auto;
+
−
        background-color: #E8E8E9;
+
−
margin-bottom: 15px;
+
−
margin-top: 15px;
+
−
padding: 15px;
+
−
padding-top: 5px;
+
−
    }
+
−
 
+
−
 
+
−
</style>
+
−
<!-- End of CSS -->
+
−
 
+
−
 
+
−
<!-- Start of the template html elements. -->
+
−
<div id ="mainContainer"><!--The closing tag for mainContainer should be placed at the bottom of each content page.-->
+
−
 
+
−
 
+
−
<div id="bannerContainer">
+
−
<img src="https://static.igem.org/mediawiki/2015/b/bb/Vanderbilt_IGEM_Logo.jpg" height="200px" width="600px"/>
+
 
</div>
 
</div>
 +
</div>
 +
</div>
 +
</nav>
  
−
<!-- Start of menu -->
+
<div id="p1" class="container-fluid">
−
<div id="menuContainer">
+
<h1>Paragraph 1></h1>
 +
<p>
 +
Every system that is genetically engineered harbors a potentially fatal vulnerability. The source of life's great diversity - spontaneous mutation - is for the synthetic biologist the source of constant apprehension and risk. The relentlessness of genetic mutation has discouraged attempts to treat it as anything other than unavoidable fact of tinkering with biology. Whether in a multifaceted genetic circuit or a simple protein expression platform, mutation is inevitable, and once it disrupts function, the organism will no longer experience the burden of transgene expression, causing the mutant to outcompete whatever has the intended sequence. Evolution and mutation work hand in hand to select against the maintenance of synthetic DNA sequences. Indeed, the mantra has been that time, in the form of mutation and evolution, will always find a way to erode and ultimately destroy everything that an engineer builds, no matter how ingeniously it may designed.
 +
</p>
 +
</div>
  
−
<!-- This list is your menu, every list item is a menu button and nested listed become submenu buttons -->
+
<div id="p2" class="container-fluid">
−
<ul>
+
<h1>Paragraph 2</h1>
−
<a href="https://2015.igem.org/Team:Vanderbilt"><li>HOME</li></a>
+
<p>
 +
This year, here at Vanderbilt iGEM we are fighting back. We are proposing a novel approach based on rationally designed genomic architectures that promises to offer synthetic biologists unprecedented control over the evolutionary stability of their creations. At the heart of our strategy is an advanced computational algorithm that integrates decades worth of scientific data in order to identify and correct the highly-mutation prone 'hotspots' that lurk in every gene. Our strategy has a strong foundation in a rich literature from the fields of cancer biology and others that have annotated and characterized mutation hotspots for almost every conceivable source of mutagen, from ultraviolet radiation to recombination to polymerase errors.
 +
</p>
 +
</div>
  
−
<a href="https://2015.igem.org/Team:Vanderbilt/Team"><li>TEAM</li></a>
+
<div id="p3" class="container-fluid">
 +
<h1>Paragraph 3</h1>
 +
<p>
 +
When combined with synthetic DNA technology, our process becomes a simple and reliable optimization that is universally applicable to any coding gene being expressed in any organism. Our project first demonstrates the power of this rational synthetic gene design strategy by employing several canonical as well as highly original protocols for assaying DNA damage and its effects on the stability of artificial genetic elements. From these techniques, we can quantify everything from the selective subset of mutation types occurring on an in vitro level, up to how mutational loss of function translates at the scale of populations of genetically modified organisms.
 +
</p>
 +
</div>
 +
 +
<div id="p4" class="container-fluid">
 +
<h1>Paragraph 4</h1>
 +
<p>
 +
To complement our work, we have harnessed our algorithm for use in what is becoming one of the most important tools for engineering biological molecules: directed evolution experiments. Not only can our engineered changes increase evolutionary stability in applications such as transgenic bioreactors, but it can also construct gene sequences that are more prone to mutate, thus accelerating studies into how to use evolutionary selection to produce tailored functional modifications to proteins.
 +
</p>
 +
</div>
 +
 +
<div id="p5" class="container-fluid">
 +
<h1>Paragraph 5</h1>
 +
<p>
 +
Finally, we have investigated ways to build new genetically modified strains that exhibit greatly increased resistance to mutation. Combining our sequence-based strategies with the introduction of exogenous genes and removal of endogenous genes has enabled us to produce an expression platform for synthetic genes that not only has enhanced DNA repair mechanisms, but also has an entire artificial pathway introduced for the elimination of mutant strains from a population.
 +
</p>
 +
</div>
  
−
<a href="#"><li>PROJECT
+
<div id="p6" class="container-fluid">
−
            <ul>
+
<h1>Paragraph 6</h1>
−
<a href="https://2015.igem.org/Team:Vanderbilt/Description"><li>Description</li></a>
+
<p>
−
<a href="https://2015.igem.org/Team:Vanderbilt/Experiments"><li>Experiments &amp; Protocols</li></a>
+
While any single engineered change to reduce mutation may still fail, when our innovative approaches to modulating evolutionary stability are taken in combination, they offer an unprecedented hope for taming evolutionary entropy. More than a victory for synthetic biology, we prove that through rational design principles- exactly what mutation most virulently tries to uproot- and with enough clever innovations, it is possible to defend against what seemed like an inevitability of nature. Score one for engineering.
−
<a href="https://2015.igem.org/Team:Vanderbilt/Results"><li>Results</li></a> 
+
</p>
−
<a href="https://2015.igem.org/Team:Vanderbilt/Design"><li>Design</li></a>
+
</div>
−
</ul>
+
−
</li></a>
+
−
 
+
−
<a href="#"><li>PARTS
+
−
            <ul>
+
−
<a href="https://2015.igem.org/Team:Vanderbilt/Parts"><li>Team Parts</li></a>
+
−
<a href="https://2015.igem.org/Team:Vanderbilt/Basic_Part"><li>Basic Parts</li></a> 
+
−
<a href="https://2015.igem.org/Team:Vanderbilt/Composite_Part"><li>Composite Parts</li></a>
+
−
<a href="https://2015.igem.org/Team:Vanderbilt/Part_Collection"><li>Part Collection</li></a> 
+
−
</ul>
+
−
</li></a>
+
−
 
+
−
<a href="https://2015.igem.org/Team:Vanderbilt/Notebook"><li>NOTEBOOK</li></a>
+
−
     
+
−
<a href="https://2015.igem.org/Team:Vanderbilt/Attributions"><li>ATTRIBUTIONS</li></a>
+
−
 
+
−
<a href="https://2015.igem.org/Team:Vanderbilt/Collaborations"><li>COLLABORATIONS</li></a>
+
−
 
+
−
<a href="https://2015.igem.org/Team:Vanderbilt/Practices"><li>HUMAN PRACTICES</li></a>
+
−
 
+
−
<a href="https://2015.igem.org/Team:Vanderbilt/Safety"><li>SAFETY</li></a>
+
−
 
+
−
<a href="https://2015.igem.org/Team:Vanderbilt/Modeling"><li>MODELING</li></a>
+
−
 
+
−
<a href="https://2015.igem.org/Team:Vanderbilt/Measurement"><li>MEASUREMENT</li></a>
+
−
 
+
−
<a href="https://2015.igem.org/Team:Vanderbilt/Software"><li>SOFTWARE</li></a>
+
−
 
+
−
<a href="https://2015.igem.org/Team:Vanderbilt/Entrepreneurship"><li>ENTREPRENEURSHIP</li></a>
+
−
 
+
−
</ul>
+
−
</div>
+
−
<!-- End of menu  -->
+
  
−
<!-- Start of content -->
+
</body>
−
<div id="contentContainer"> <!--The closing tag for contentContainer should be placed at the bottom of each content page.-->
+
 
</html>
 
</html>

Revision as of 02:38, 7 August 2015

Vanderbilt iGEM

Paragraph 1>

Every system that is genetically engineered harbors a potentially fatal vulnerability. The source of life's great diversity - spontaneous mutation - is for the synthetic biologist the source of constant apprehension and risk. The relentlessness of genetic mutation has discouraged attempts to treat it as anything other than unavoidable fact of tinkering with biology. Whether in a multifaceted genetic circuit or a simple protein expression platform, mutation is inevitable, and once it disrupts function, the organism will no longer experience the burden of transgene expression, causing the mutant to outcompete whatever has the intended sequence. Evolution and mutation work hand in hand to select against the maintenance of synthetic DNA sequences. Indeed, the mantra has been that time, in the form of mutation and evolution, will always find a way to erode and ultimately destroy everything that an engineer builds, no matter how ingeniously it may designed.

Paragraph 2

This year, here at Vanderbilt iGEM we are fighting back. We are proposing a novel approach based on rationally designed genomic architectures that promises to offer synthetic biologists unprecedented control over the evolutionary stability of their creations. At the heart of our strategy is an advanced computational algorithm that integrates decades worth of scientific data in order to identify and correct the highly-mutation prone 'hotspots' that lurk in every gene. Our strategy has a strong foundation in a rich literature from the fields of cancer biology and others that have annotated and characterized mutation hotspots for almost every conceivable source of mutagen, from ultraviolet radiation to recombination to polymerase errors.

Paragraph 3

When combined with synthetic DNA technology, our process becomes a simple and reliable optimization that is universally applicable to any coding gene being expressed in any organism. Our project first demonstrates the power of this rational synthetic gene design strategy by employing several canonical as well as highly original protocols for assaying DNA damage and its effects on the stability of artificial genetic elements. From these techniques, we can quantify everything from the selective subset of mutation types occurring on an in vitro level, up to how mutational loss of function translates at the scale of populations of genetically modified organisms.

Paragraph 4

To complement our work, we have harnessed our algorithm for use in what is becoming one of the most important tools for engineering biological molecules: directed evolution experiments. Not only can our engineered changes increase evolutionary stability in applications such as transgenic bioreactors, but it can also construct gene sequences that are more prone to mutate, thus accelerating studies into how to use evolutionary selection to produce tailored functional modifications to proteins.

Paragraph 5

Finally, we have investigated ways to build new genetically modified strains that exhibit greatly increased resistance to mutation. Combining our sequence-based strategies with the introduction of exogenous genes and removal of endogenous genes has enabled us to produce an expression platform for synthetic genes that not only has enhanced DNA repair mechanisms, but also has an entire artificial pathway introduced for the elimination of mutant strains from a population.

Paragraph 6

While any single engineered change to reduce mutation may still fail, when our innovative approaches to modulating evolutionary stability are taken in combination, they offer an unprecedented hope for taming evolutionary entropy. More than a victory for synthetic biology, we prove that through rational design principles- exactly what mutation most virulently tries to uproot- and with enough clever innovations, it is possible to defend against what seemed like an inevitability of nature. Score one for engineering.