Difference between revisions of "Team:Vanderbilt"

 
(48 intermediate revisions by 2 users not shown)
Line 1: Line 1:
{{Team:Vanderbilt/assets/fonts/fontello.css}}
+
{{Vanderbilt}}
{{Team:Vanderbilt/assets/css/animate.min.css}}
+
{{Team:Vanderbilt/assets/css/owl.transitions.css}}
+
{{Team:Vanderbilt/assets/css/owl.carousel.css}}
+
{{Team:Vanderbilt/assets/css/main.css}}
+
{{Team:Vanderbilt/assets/css/bootstrap.min.css}}
+
{{Team:Vanderbilt/header}}
+
<html>
+
<style>
+
  
#sideMenu, #top_title {display:none;}
+
<html>
</style>
+
<p style="text-align:center;"><img src="https://static.igem.org/mediawiki/2016/1/10/T--Vanderbilt--counterevologo.png" alt="fig1" style="width:700px;height:390px;" /></p>
<main>
+
<section id="hero">
+
<div id="owl-main" class="owl-carousel owl-one-item">
+
<div class="item">
+
<figure class=>
+
<a href=""><img class="border" src="https://static.igem.org/mediawiki/2016/a/af/T--Vanderbilt--banner10.png" alt=""></a>
+
</figure>
+
</div>
+
</div>
+
</section>
+
<section id="get-started" class="tint-bg">
+
<div class="container inner-sm">
+
<div class="row">
+
<div class="col-sm-11 center-block text-center">
+
<h1 class="single-block">Every Gene Harbors a Vulnerability</h1>
+
<a onclick="smoothScr.anim('ln1')"><img src="https://static.igem.org/mediawiki/2016/0/05/T--Vanderbilt--down125blue.png" alt=""></a>
+
</div>
+
</div>
+
</div>
+
</section>
+
<section id="ln1" class="dark-bg">
+
<div class="container inner-sm">
+
<div class="row">
+
<div class="col-sm-11 center-block text-center">
+
<h1 class="single-block">Algorithm</h1>
+
<p></p>
+
<a>design<br><img src="https://static.igem.org/mediawiki/2016/0/05/T--Vanderbilt--down125blue.png" alt=""></a>
+
</div>
+
</div>
+
</div>
+
</section>
+
<section id="accordion" class="light-bg">
+
<div class="container inner">
+
<div class="row">
+
<div class="col-md-8 col-sm-9 center-block text-center">
+
<header>
+
<p>Synthetic DNA Sequences</p>
+
</header>
+
</div>
+
</div>
+
<div class="col-sm-6 inner-top">
+
<div id="accordion3" class="panel-group">
+
<div class="panel panel-default">  
+
<div class="panel-heading text-center">
+
<h4 class="panel-title">
+
<a class="panel-toggle collapsed" data-toggle="collapse" data-parent="#accordion3" href="#content4">
+
<span>Applied</span>
+
</a>
+
</h4>
+
</div>
+
<div id="content4" class="panel-collapse collapse">
+
<div class="panel-body">
+
<p>Magnis modipsae que lib voloratati andigen daepeditem quiate ut reporemni aut labor. Laceaque quiae sitiorem rest non restibusaes tumquam core posae volor remped modis volor. Dolorem qui comlus temp dolupta oreprerum tibusam. Eumenis et consent accullignis dentibea autem inisita posae volor conecus resto explabo.</p>
+
</div>
+
</div>
+
</div>
+
</div>
+
</div>
+
<div class="col-sm-6 inner-top">
+
<div id="accordion3" class="panel-group">
+
<div class="panel panel-default">  
+
<div class="panel-heading text-center">
+
<h4 class="panel-title">
+
<a class="panel-toggle collapsed" data-toggle="collapse" data-parent="#accordion3" href="#content5">
+
<span>Theortical</span>
+
</a>
+
</h4>
+
</div>
+
<div id="content5" class="panel-collapse collapse">
+
<div class="panel-body">
+
<p>Magnis modipsae que lib voloratati andigen daepeditem quiate ut reporemni aut labor. Laceaque quiae sitiorem rest non restibusaes tumquam core posae volor remped modis volor. Dolorem qui comlus temp dolupta oreprerum tibusam. Eumenis et consent accullignis dentibea autem inisita posae volor conecus resto explabo.</p>
+
</div>
+
</div>
+
</div>
+
</div>
+
</div>
+
</div>
+
</div>
+
</section>
+
<section id="accordion">
+
<div class="container inner">
+
<div class="row">
+
<div class="col-md-8 col-sm-9 center-block text-center">
+
<header>
+
<p>Counteracting</p>
+
</header>
+
</div>
+
</div>
+
<div class="col-sm-6 inner-top">
+
<div id="accordion3" class="panel-group">
+
<div class="panel panel-default">  
+
<div class="panel-heading text-center">
+
<h4 class="panel-title">
+
<a class="panel-toggle collapsed" data-toggle="collapse" data-parent="#accordion3" href="#content7">
+
<span>Oxidation</span>
+
</a>
+
</h4>
+
</div>
+
<div id="content7" class="panel-collapse collapse in">
+
<div class="panel-body">
+
<p>Magnis modipsae que lib voloratati andigen daepeditem quiate ut reporemni aut labor. Laceaque quiae sitiorem rest non restibusaes tumquam core posae volor remped modis volor. Dolorem qui comlus temp dolupta oreprerum tibusam. Eumenis et consent accullignis dentibea autem inisita posae volor conecus resto explabo.</p>
+
<div class="col-md-5 col-md-offset-1 col-sm-6 inner-right-xs">
+
<figure><img src="assets/images/art/product05.jpg" alt=""></figure>
+
</div>
+
</div>
+
</div>
+
</div>
+
</div>
+
</div>
+
<div class="col-sm-6 inner-top">
+
<div id="accordion3" class="panel-group">
+
<div class="panel panel-default">  
+
<div class="panel-heading text-center">
+
<h4 class="panel-title">
+
<a class="panel-toggle collapsed" data-toggle="collapse" data-parent="#accordion3" href="#content6">
+
<span>Irradiation</span>
+
</a>
+
</h4>
+
</div>
+
<div id="content6" class="panel-collapse collapse in">
+
<div class="panel-body">
+
<p>Magnis modipsae que lib voloratati andigen daepeditem quiate ut reporemni aut labor. Laceaque quiae sitiorem rest non restibusaes tumquam core posae volor remped modis volor. Dolorem qui comlus temp dolupta oreprerum tibusam. Eumenis et consent accullignis dentibea autem inisita posae volor conecus resto explabo.</p>
+
<div class="col-md-5 col-md-push-5 col-md-offset-1 col-sm-6 col-sm-push-6 inner-left-xs">
+
<figure><img src="assets/images/art/product01.jpg" alt=""></figure>
+
</div>
+
</div>
+
</div>
+
</div>
+
</div>
+
</div>
+
</div>
+
</div>
+
</section>
+
<section id="blog" class="light-bg">
+
<div class="container inner-top-sm inner-bottom">
+
<div class="row">
+
<div class="col-sm-12">
+
<div class="grid-blog col-3 no-sidebar">
+
<div class="post format-image">
+
<div class="post-content">
+
<h2 class="post-title">
+
<a href="blog-post.html">QPCR</a>
+
</h2>
+
<p>(Quantative-Polymerase Chain Reaction)</p>
+
<p>Magnis modipsae que lib voloratati andigen daepeditem quiate ut repore autem labor. Laceaque quia sitiorem restem non restibusaes es modis.</p>
+
<figure class="icon-overlay icn-link post-media">
+
<a href="blog-post.html"><img src="assets/images/art/photograph04-lg.jpg" alt=""></a>
+
</figure>
+
</div>
+
</div>
+
<div class="post format-image">
+
<div class="post-content">
+
<h2 class="post-title">
+
<a href="blog-post.html">Immunoblotting</a>
+
</h2>
+
<figure class="icon-overlay icn-link post-media">
+
<a href="blog-post.html"><img src="assets/images/art/photograph04-lg.jpg" alt=""></a>
+
</figure>
+
<p>Magnis modipsae que lib voloratati andigen daepeditem quiate ut repore autem labor. Laceaque quia sitiorem restem non restibusaes es modis.</p>
+
</div>                                   
+
</div>
+
<div class="post format-image">
+
<div class="post-content">
+
<h2 class="post-title">
+
<a href="blog-post.html">LCMS</a>
+
</h2>
+
<p>(Liquid Chromotography Mass-Spe)</p>
+
<p>Magnis modipsae que lib voloratati andigen daepeditem quiate ut repore autem labor. Laceaque quia sitiorem restem non restibusaes es modis.</p>
+
<figure class="icon-overlay icn-link post-media">
+
<a href="blog-post.html"><img src="assets/images/art/photograph04-lg.jpg" alt=""></a>
+
</figure>
+
</div>                                     
+
</div>
+
<div class="container inner">
+
<div class="row">
+
<div class="col-xs-12 inner-top">
+
<div class="tabs tabs-top tab-container">
+
<ul class="etabs text-center">
+
<li class="tab"><a href="#tab-3">Evolutionary Competition</a></li>
+
</ul>
+
<div class="tab-content" id="tab-3">
+
<div class="row">
+
</div>
+
</div>
+
<div class="container inner">
+
<div class="row">
+
<div class="col-md-8 col-sm-9 center-block text-center">
+
</div>
+
</div>
+
<div class="col-sm-6 inner-top">
+
<div id="accordion3" class="panel-group">
+
<div class="panel panel-default">  
+
<div class="panel-heading text-center">
+
<h4 class="panel-title">
+
<a class="panel-toggle collapsed" data-toggle="collapse" data-parent="#accordion3" href="#content10"></a>
+
</h4>
+
</div>
+
<div id="content10" class="panel-collapse collapse in">
+
<div class="panel-body">
+
<p>Magnis modipsae que lib voloratati andigen daepeditem quiate ut reporemni aut labor. Laceaque quiae sitiorem rest non restibusaes tumquam core posae volor remped modis volor. Dolorem qui comlus temp dolupta oreprerum tibusam. Eumenis et consent accullignis dentibea autem inisita posae volor conecus resto explabo.</p>
+
</div>
+
</div>
+
</div>
+
</div>
+
</div>
+
<div class="col-sm-6 inner-top">
+
<div id="accordion3" class="panel-group">
+
<div class="panel panel-default">  
+
<div class="panel-heading text-center">
+
<h4 class="panel-title">
+
<a class="panel-toggle collapsed" data-toggle="collapse" data-parent="#accordion3" href="#content11"></a>
+
</h4>
+
</div>
+
<div id="content11" class="panel-collapse collapse in">
+
<div class="panel-body">
+
<p>Magnis modipsae que lib voloratati andigen daepeditem quiate ut reporemni aut labor. Laceaque quiae sitiorem rest non restibusaes tumquam core posae volor remped modis volor. Dolorem qui comlus temp dolupta oreprerum tibusam. Eumenis et consent accullignis dentibea autem inisita posae volor conecus resto explabo.</p>
+
</div>
+
</div>
+
</div>
+
</div>
+
</div>
+
</div>
+
</div>
+
</div>
+
</div>
+
</div>
+
</div>
+
</div>
+
</div>
+
</div>
+
</div>
+
</div>
+
</div>
+
</section>
+
<section class="light-bg">
+
<div class="container inner">
+
<div class="row">
+
<div class="col-md-3 col-sm-6 inner">
+
<div class="row thumbs gap-xs">
+
<div class="col-xs-12 thumb">
+
<figure class="icon-overlay icn-link">
+
<a href=""><img src="assets/images/art/work02.jpg" alt=""></a>
+
</figure>
+
</div>
+
</div>
+
</div>
+
<div class="col-md-3 col-sm-6 inner">
+
<div class="row thumbs gap-xs">
+
<div class="col-xs-12 thumb">
+
<figure class="icon-overlay icn-link">
+
<a href=""><img src="assets/images/art/work02.jpg" alt=""></a>
+
</figure>
+
</div>
+
</div>
+
</div>
+
<div class="col-md-3 col-sm-6 inner">
+
<div class="row thumbs gap-xs">
+
<div class="col-xs-12 thumb">
+
<figure class="icon-overlay icn-link">
+
<a href=""><img src="assets/images/art/work02.jpg" alt=""></a>
+
</figure>
+
</div>
+
</div>
+
</div>
+
<div class="col-md-3 col-sm-6 inner">
+
<div class="row thumbs gap-xs">
+
<div class="col-xs-12 thumb">
+
<figure class="icon-overlay icn-link">
+
<a href=""><img src="assets/images/art/work02.jpg" alt=""></a>
+
</figure>
+
</div>
+
</div>
+
</div>
+
</div>
+
</div>
+
</section>
+
</main>
+
<footer class="dark-bg">
+
<div class="container inner">
+
<div class="col-md-2 col-sm-6 inner">
+
<h4>Team</h4>
+
<ul class="contacts">
+
<li><a href="#">Text here</a></li>
+
<li><a href="#">Text here</a></li>
+
<li><a href="#">Text here</a></li>
+
<li><a href="#">Text here</a></li>
+
</ul>
+
</div>
+
<div class="col-md-2 col-sm-6 inner">
+
<h4>Background</h4>
+
<ul class="contacts">
+
<li><a href="#">Text here</a></li>
+
<li><a href="#">Text here</a></li>
+
<li><a href="#">Text here</a></li>
+
<li><a href="#">Text here</a></li>
+
</ul>
+
</div>
+
<div class="col-md-2 col-sm-6 inner">
+
<h4>Software</h4>
+
<ul class="contacts">
+
<li><a href="#">Text here</a></li>
+
<li><a href="#">Text here</a></li>
+
<li><a href="#">Text here</a></li>
+
<li><a href="#">Text here</a></li>
+
</ul>
+
</div>
+
<div class="col-md-2 col-sm-6 inner">
+
<h4>Experimentaion</h4>
+
<ul class="contacts">
+
<li><a href="#">Text here</a></li>
+
<li><a href="#">Text here</a></li>
+
<li><a href="#">Text here</a></li>
+
<li><a href="#">Text here</a></li>
+
</ul>
+
</div>
+
<div class="col-md-2 col-sm-6 inner">
+
<h4>Supplementary</h4>
+
<ul class="contacts">
+
<li><a href="#">Text here</a></li>
+
<li><a href="#">Text here</a></li>
+
<li><a href="#">Text here</a></li>
+
<li><a href="#">Text here</a></li>
+
</ul>
+
</div>
+
<div class="col-md-2 col-sm-6 inner">
+
<h4>Engagement</h4>
+
<ul class="contacts">
+
<li><a href="#">Text here</a></li>
+
<li><a href="#">Text here</a></li>
+
<li><a href="#">Text here</a></li>
+
<li><a href="#">Text here</a></li>
+
</ul>
+
</div>
+
</div>
+
</div>
+
<div class="footer-bottom">
+
<div class="container inner">
+
+
<ul class="footer-menu pull-right">
+
<li><a href="index.html">Home</a></li>
+
<li><a href="">Text here</a></li>
+
<li><a href="">Text here</a></li>
+
<li><a href="">Text here</a></li>
+
<li><a href="">Text here</a></li>
+
<li><a href="">Text here</a></li>
+
</ul>
+
</div>
+
</div>
+
</footer>
+
+
<script type="text/javascript">
+
(function()
+
{
+
      window.setTimeout = window.setTimeout; //
+
})();
+
  
      var smoothScr = {
+
<h2 align="center">Every Gene Harbors a Vulnerability</h2>
      iterr : 15, // set timeout miliseconds ..decreased with 1ms for each iteration
+
<p> At the foundation of the field of synthetic biology lies a seemingly irreconcilable paradox. By applying our mastery over life’s genetic code, we aim to turn biological systems into devices that we can control and program in predictable ways. Yet the same genetic elements that we incorporate into our designs owe their existence to the unpredictability of evolution operating to mutate and change DNA.</p>
        tm : null, //timeout local variable
+
<p> Evolution and mutation work hand in hand to select against the maintenance of synthetic DNA sequences, taking the biological engineer’s best-formulated designs and eroding them to nothing. No matter if it is a complex gene circuit or single-gene expression, a single mutation is enough to render an entire system nonfunctional. As soon as a mutant cell emerges, its mutation frees it from the metabolic burden of sustaining transgenes, allowing it to outcompete all the remaining cells that are functioning as intended [1]. Within days the population ceases to be what it was engineered to be [2]. Nature defeats the engineer’s attempts at harnessing the vast potential for biological machines to be re-purposed as agents for good. </p>
      stopShow: function()
+
<br>
      {
+
<h2> How to Tame Evolution </h2>
        clearTimeout(this.tm); // stopp the timeout
+
<p>    How is it even possible to combat processes as fundamental as mutation and natural selection? The dogma in biology has been that random mutation will strike any gene sequence and initiate a process of selection as a logical consequence of the variations that mutation introduces. But that basic dogma is wrong. As soon as we realize that subtle mistake, the way is opened to bring mutation itself under the synthetic biologist’s control. </p>
        this.iterr = 100; // reset milisec iterator to original value
+
<p>    Decades of genomics and biochemistry research has established that mutation is not truly random. Certain DNA sequences are “hotspots” more prone to mutation than others, while others are resistant against mutagenic damage [3]. Our idea is to rationally modulate the sequence composition of synthetic genes to reduce or eliminate motifs with high mutation risk, substituting them out for mutation-resistant sequences. When combined with gene synthetic technologies, our process becomes a simple and reliable optimization that is universally applicable to genes expressed in any organism. </p>
      },
+
<br>
      getRealTop : function (el) // helper function instead of jQuery
+
<br>
      {
+
<p><i> References</i></p>
        var elm = el;
+
<p>1. Ceroni, F., Algar, R., Stan, G.-B., and Ellis, T. (2015). Quantifying cellular capacity identifies gene expression designs with reduced burden. Nature Methods 12, 415–418.</p>
        var realTop = 0;
+
<p> 2. Sleight, S.C., Bartley, B.A., Lieviant, J.A., and Sauro, H.M. (2010). Designing and engineering evolutionary robust genetic circuits. Journal of Biological Engineering 4, 12. </p>
        do
+
<p> 3. Das, S., Duggal, P., Roy, R., Myneedu, V.P., Behera, D., Prasad, H.K., and Bhattacharya, A. (2012). Identification of Hot and Cold spots in genome of Mycobacterium tuberculosis using Shewhart Control Charts. Scientific Reports 2.</font></p>
        {
+
          realTop += elm.offsetTop;
+
          elm = elm.offsetParent;
+
        }
+
        while(elm);
+
        return realTop;
+
      },
+
      getPageScroll : function()  // helper function instead of jQuery
+
      {
+
        var pgYoff = window.pageYOffset || document.body.scrollTop || document.documentElement.scrollTop;
+
        return pgYoff;
+
      },
+
      anim : function (id) // the main func
+
      {
+
        this.stopShow(); // for click on another button or link
+
        var eOff, pOff, tOff, scrVal, pos, dir, step;
+
  
        eOff = document.getElementById(id).offsetTop; // element offsetTop
 
  
        tOff =  this.getRealTop(document.getElementById(id).parentNode); // terminus point
 
  
        pOff = this.getPageScroll(); // page offsetTop
 
 
        if (pOff === null || isNaN(pOff) || pOff === 'undefined') pOff = 0;
 
 
        scrVal = eOff - pOff; // actual scroll value;
 
 
        if (scrVal > tOff)
 
        {
 
          pos = (eOff - tOff - pOff);
 
          dir = 1;
 
        }
 
        if (scrVal < tOff)
 
        {
 
          pos = (pOff + tOff) - eOff;
 
          dir = -1;
 
        }
 
        if(scrVal !== tOff)
 
        {
 
          step = ~~((pos / 4) +1) * dir;
 
 
          if(this.iterr > 1) this.iterr -= 1;
 
          else this.itter = 0; // decrease the timeout timer value but not below 0
 
          window.scrollBy(0, step);
 
          this.tm = window.setTimeout(function()
 
          {
 
            smoothScr.anim(id); 
 
          }, this.iterr);
 
        } 
 
        if(scrVal === tOff)
 
        {
 
          this.stopShow(); // reset function values
 
          return;
 
        }
 
    }
 
}
 
</script>
 
</body>
 
 
</html>
 
</html>
{{Team:Vanderbilt/assets/js/respond.min.js}}
 
{{Team:Vanderbilt/assets/js/html5shiv.js}}
 
{{Team:Vanderbilt/assets/js/jquery.min.js}}
 
{{Team:Vanderbilt/assets/js/jquery.easing.1.3.min.js}}
 
{{Team:Vanderbilt/assets/js/jquery.form.js}}
 
{{Team:Vanderbilt/assets/js/jquery.validate.min.js}}
 
{{Team:Vanderbilt/assets/js/bootstrap.min.js}}
 
{{Team:Vanderbilt/assets/js/bootstrap-hover-dropdown.min.js}}
 
{{Team:Vanderbilt/assets/js/skrollr.min.js}}
 
{{Team:Vanderbilt/assets/js/skrollr.stylesheets.min.js}}
 
{{Team:Vanderbilt/assets/js/waypoints.min.js}}
 
{{Team:Vanderbilt/assets/js/waypoints-sticky.min.js}}
 
{{Team:Vanderbilt/assets/js/owl.carousel.min.js}}
 
{{Team:Vanderbilt/assets/js/jquery.isotope.min.js}}
 
{{Team:Vanderbilt/assets/js/jquery.easytabs.min.js}}
 
{{Team:Vanderbilt/assets/js/google.maps.api.v3.js}}
 
{{Team:Vanderbilt/assets/js/viewport-units-buggyfill.js}}
 
{{Team:Vanderbilt/assets/js/scripts.js}}
 
{{Team:Vanderbilt/assets/js/onscroll.js}}
 

Latest revision as of 07:59, 3 December 2016

fig1

Every Gene Harbors a Vulnerability

At the foundation of the field of synthetic biology lies a seemingly irreconcilable paradox. By applying our mastery over life’s genetic code, we aim to turn biological systems into devices that we can control and program in predictable ways. Yet the same genetic elements that we incorporate into our designs owe their existence to the unpredictability of evolution operating to mutate and change DNA.

Evolution and mutation work hand in hand to select against the maintenance of synthetic DNA sequences, taking the biological engineer’s best-formulated designs and eroding them to nothing. No matter if it is a complex gene circuit or single-gene expression, a single mutation is enough to render an entire system nonfunctional. As soon as a mutant cell emerges, its mutation frees it from the metabolic burden of sustaining transgenes, allowing it to outcompete all the remaining cells that are functioning as intended [1]. Within days the population ceases to be what it was engineered to be [2]. Nature defeats the engineer’s attempts at harnessing the vast potential for biological machines to be re-purposed as agents for good.


How to Tame Evolution

How is it even possible to combat processes as fundamental as mutation and natural selection? The dogma in biology has been that random mutation will strike any gene sequence and initiate a process of selection as a logical consequence of the variations that mutation introduces. But that basic dogma is wrong. As soon as we realize that subtle mistake, the way is opened to bring mutation itself under the synthetic biologist’s control.

Decades of genomics and biochemistry research has established that mutation is not truly random. Certain DNA sequences are “hotspots” more prone to mutation than others, while others are resistant against mutagenic damage [3]. Our idea is to rationally modulate the sequence composition of synthetic genes to reduce or eliminate motifs with high mutation risk, substituting them out for mutation-resistant sequences. When combined with gene synthetic technologies, our process becomes a simple and reliable optimization that is universally applicable to genes expressed in any organism.



References

1. Ceroni, F., Algar, R., Stan, G.-B., and Ellis, T. (2015). Quantifying cellular capacity identifies gene expression designs with reduced burden. Nature Methods 12, 415–418.

2. Sleight, S.C., Bartley, B.A., Lieviant, J.A., and Sauro, H.M. (2010). Designing and engineering evolutionary robust genetic circuits. Journal of Biological Engineering 4, 12.

3. Das, S., Duggal, P., Roy, R., Myneedu, V.P., Behera, D., Prasad, H.K., and Bhattacharya, A. (2012). Identification of Hot and Cold spots in genome of Mycobacterium tuberculosis using Shewhart Control Charts. Scientific Reports 2.